{
  "catalog-announcement": {
    "id": "catalog-announcement",
    "name": "Announcement",
    "group": "Base components",
    "exportName": "NativeAnnouncement",
    "sourceExport": "Announcement",
    "file": "src/board-native/components/base/announcement/announcement.tsx",
    "props": {
      "title": "ReactNode",
      "description": "ReactNode",
      "icon": "IconComponent | undefined",
      "actionLabel": "ReactNode",
      "onAction": "(() => void) | undefined",
      "dismissible": "boolean | undefined",
      "onClose": "(() => void) | undefined",
      "closeLabel": "string | undefined",
      "introDelay": "number | undefined",
      "ref": "Ref<HTMLDivElement> | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "color": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "children": "ReactNode",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLDivElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLDivElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLDivElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLDivElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLDivElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLDivElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLDivElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLDivElement> | undefined",
      "onInput": "InputEventHandler<HTMLDivElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLDivElement> | undefined",
      "onReset": "ReactEventHandler<HTMLDivElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLDivElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLDivElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLDivElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onError": "ReactEventHandler<HTMLDivElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLDivElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPause": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLDivElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLDivElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLDivElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDrop": "DragEventHandler<HTMLDivElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLDivElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeAnnouncementExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeAnnouncementExample/></NativeScope>}",
    "description": "A compact onboarding / announcement card sized for the sidebar footer - leading icon, dismiss button, title, description, and a full-width secondary CTA. Dismissal animates out with Motion.",
    "canonical": true,
    "reference": "/components/announcement",
    "url": "http://127.0.0.1:4173/components/announcement",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-avatar": {
    "id": "catalog-avatar",
    "name": "Avatar",
    "group": "Base components",
    "exportName": "NativeAvatar",
    "sourceExport": "Avatar",
    "file": "src/board-native/components/base/avatar/avatar.tsx",
    "props": {
      "size": "AvatarSize | undefined",
      "color": "AvatarColor | undefined",
      "src": "string | undefined",
      "alt": "string | undefined",
      "initials": "string | undefined",
      "ref": "Ref<HTMLSpanElement> | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "title": "string | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "children": "ReactNode",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLSpanElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLSpanElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLSpanElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLSpanElement> | undefined",
      "onInput": "InputEventHandler<HTMLSpanElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLSpanElement> | undefined",
      "onReset": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLSpanElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLSpanElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onError": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPause": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onClick": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onDrag": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEnd": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragStart": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDrop": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onScroll": "UIEventHandler<HTMLSpanElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLSpanElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLSpanElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLSpanElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLSpanElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLSpanElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLSpanElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLSpanElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLSpanElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeAvatarExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeAvatarExample/></NativeScope>}",
    "description": "A photo or initials avatar in four sizes (20 / 24 / 32 / 36px) with neutral and blue initial tints - used across tables, breadcrumbs, menus, and the sidebar.",
    "canonical": true,
    "reference": "/components/avatar",
    "url": "http://127.0.0.1:4173/components/avatar",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-breadcrumb": {
    "id": "catalog-breadcrumb",
    "name": "Breadcrumb",
    "group": "Base components",
    "exportName": "NativeBreadcrumb",
    "sourceExport": "Breadcrumb",
    "file": "src/board-native/components/base/breadcrumb/breadcrumb.tsx",
    "props": {
      "children": "ReactNode",
      "aria-label": "string | undefined",
      "className": "string | undefined",
      "ref": "Ref<HTMLElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeBreadcrumbExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeBreadcrumbExample/></NativeScope>}",
    "description": "The ancestor trail from the dashboard header. Interactive items darken on hover with a soft background pill; the current page is non-interactive. Items accept leading icons or avatars.",
    "canonical": true,
    "reference": "/components/breadcrumb",
    "url": "http://127.0.0.1:4173/components/breadcrumb",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-button": {
    "id": "catalog-button",
    "name": "Button",
    "group": "Base components",
    "exportName": "NativeButton",
    "sourceExport": "Button",
    "file": "src/board-native/components/base/buttons/button.tsx",
    "props": {
      "variant": "ButtonVariant | undefined",
      "size": "ButtonSize | undefined",
      "iconOnly": "boolean | undefined",
      "leadingIcon": "IconComponent | undefined",
      "trailingIcon": "IconComponent | undefined",
      "children": "ReactNode",
      "ref": "Ref<HTMLButtonElement> | undefined",
      "disabled": "boolean | undefined",
      "form": "string | undefined",
      "formAction": "string | ((formData: FormData) => void | Promise<void>) | undefined",
      "formEncType": "string | undefined",
      "formMethod": "string | undefined",
      "formNoValidate": "boolean | undefined",
      "formTarget": "string | undefined",
      "name": "string | undefined",
      "type": "\"submit\" | \"reset\" | \"button\" | undefined",
      "value": "string | number | readonly string[] | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "title": "string | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "color": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLButtonElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLButtonElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLButtonElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLButtonElement> | undefined",
      "onInput": "InputEventHandler<HTMLButtonElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLButtonElement> | undefined",
      "onReset": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLButtonElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLButtonElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onError": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPause": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onClick": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onDrag": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEnd": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragStart": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDrop": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onScroll": "UIEventHandler<HTMLButtonElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLButtonElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLButtonElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLButtonElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLButtonElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLButtonElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLButtonElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLButtonElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLButtonElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeButtonExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeButtonExample/></NativeScope>}",
    "description": "Buttons matching Helios UI’s design system - primary, secondary, ghost, and danger variants in three sizes, with leading/trailing icon slots, an icon-only mode, and semantic hover, press, and disabled states.",
    "canonical": true,
    "reference": "/components/button",
    "url": "http://127.0.0.1:4173/components/button",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-button-group": {
    "id": "catalog-button-group",
    "name": "Button Group",
    "group": "Base components",
    "exportName": "NativeButtonGroup",
    "sourceExport": "ButtonGroup",
    "file": "src/board-native/components/base/buttons/button-group.tsx",
    "props": {
      "size": "ButtonGroupSize | undefined",
      "children": "ReactNode",
      "className": "string | undefined",
      "aria-label": "string | undefined",
      "ref": "Ref<HTMLDivElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeButtonGroupExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeButtonGroupExample/></NativeScope>}",
    "description": "A row of secondary-style buttons fused into one control - shared border, radius/2lg and shadow/xs from the Button family, items divided by hairlines with only the outer corners rounded. For a segmented switcher with an animated thumb, reach for Segmented Control instead; the button group is the toolbar/filter flavor.",
    "canonical": true,
    "reference": "/components/button-group",
    "url": "http://127.0.0.1:4173/components/button-group",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-carousel": {
    "id": "catalog-carousel",
    "name": "Carousel",
    "group": "Base components",
    "exportName": "NativeCarousel",
    "sourceExport": "Carousel",
    "file": "src/board-native/components/base/carousel/carousel.tsx",
    "props": {
      "children": "ReactNode",
      "aria-label": "string",
      "showArrows": "boolean | undefined",
      "showDots": "boolean | undefined",
      "align": "\"start\" | \"center\" | undefined",
      "gap": "number | undefined",
      "ref": "Ref<HTMLDivElement> | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "title": "string | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "color": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLDivElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLDivElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLDivElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLDivElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLDivElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLDivElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLDivElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLDivElement> | undefined",
      "onInput": "InputEventHandler<HTMLDivElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLDivElement> | undefined",
      "onReset": "ReactEventHandler<HTMLDivElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLDivElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLDivElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLDivElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onError": "ReactEventHandler<HTMLDivElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLDivElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPause": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLDivElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLDivElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLDivElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDrag": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEnd": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragStart": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDrop": "DragEventHandler<HTMLDivElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLDivElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeCarouselExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeCarouselExample/></NativeScope>}",
    "description": "A gallery you slide through, one card at a time. Built on native scrolling with CSS scroll-snap, so touch swipe, trackpad gestures and keyboard scrolling all work on their own; the arrows and the position indicator are the only parts that need JavaScript.",
    "canonical": true,
    "reference": "/components/carousel",
    "url": "http://127.0.0.1:4173/components/carousel",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-checkbox": {
    "id": "catalog-checkbox",
    "name": "Checkbox",
    "group": "Base components",
    "exportName": "NativeCheckbox",
    "sourceExport": "Checkbox",
    "file": "src/board-native/components/base/checkbox/checkbox.tsx",
    "props": {
      "children": "ReactNode",
      "size": "CheckboxSize | undefined",
      "ref": "Ref<HTMLLabelElement> | undefined",
      "form": "string | undefined",
      "name": "string | undefined",
      "value": "string | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "autoFocus": "boolean | undefined",
      "className": "ClassNameOrFunction<CheckboxRenderProps> | undefined",
      "dir": "string | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "slot": "string | null | undefined",
      "style": "StyleOrFunction<CheckboxRenderProps> | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "inert": "boolean | undefined",
      "aria-controls": "string | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-errormessage": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "onFocus": "((e: FocusEvent<Element, Element>) => void) | undefined",
      "onBlur": "((e: FocusEvent<Element, Element>) => void) | undefined",
      "onChange": "((isSelected: boolean) => void) | undefined",
      "onKeyDown": "((e: KeyboardEvent) => void) | undefined",
      "onKeyUp": "((e: KeyboardEvent) => void) | undefined",
      "onAuxClick": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onClick": "((e: MouseEvent<FocusableElement, MouseEvent>) => void) | undefined",
      "onClickCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onScroll": "UIEventHandler<HTMLLabelElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLLabelElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLLabelElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLLabelElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "validationBehavior": "\"native\" | \"aria\" | undefined",
      "isIndeterminate": "boolean | undefined",
      "defaultSelected": "boolean | undefined",
      "isSelected": "boolean | undefined",
      "isDisabled": "boolean | undefined",
      "isReadOnly": "boolean | undefined",
      "isRequired": "boolean | undefined",
      "isInvalid": "boolean | undefined",
      "validate": "((value: boolean) => true | ValidationError | null | undefined) | undefined",
      "onFocusChange": "((isFocused: boolean) => void) | undefined",
      "excludeFromTabOrder": "boolean | undefined",
      "onPress": "((e: PressEvent) => void) | undefined",
      "onPressStart": "((e: PressEvent) => void) | undefined",
      "onPressEnd": "((e: PressEvent) => void) | undefined",
      "onPressChange": "((isPressed: boolean) => void) | undefined",
      "onPressUp": "((e: PressEvent) => void) | undefined",
      "inputRef": "Ref<HTMLInputElement | null> | undefined",
      "onHoverStart": "((e: HoverEvent) => void) | undefined",
      "onHoverEnd": "((e: HoverEvent) => void) | undefined",
      "onHoverChange": "((isHovering: boolean) => void) | undefined",
      "render": "DOMRenderFunction<\"label\", CheckboxRenderProps> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeCheckboxExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeCheckboxExample/></NativeScope>}",
    "description": "A 16px checkbox built on React Aria. Checked and indeterminate states render the primary gradient with the Figma inner highlight, and the tick draws itself on with a stroke animation.",
    "canonical": true,
    "reference": "/components/checkbox",
    "url": "http://127.0.0.1:4173/components/checkbox",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-chip": {
    "id": "catalog-chip",
    "name": "Chip",
    "group": "Base components",
    "exportName": "NativeChip",
    "sourceExport": "Chip",
    "file": "src/board-native/components/base/badges/chip.tsx",
    "props": {
      "variant": "ChipVariant | undefined",
      "color": "ChipColor | undefined",
      "ref": "Ref<HTMLSpanElement> | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "title": "string | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "children": "ReactNode",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLSpanElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLSpanElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLSpanElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLSpanElement> | undefined",
      "onInput": "InputEventHandler<HTMLSpanElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLSpanElement> | undefined",
      "onReset": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLSpanElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLSpanElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onError": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPause": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onClick": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onDrag": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEnd": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragStart": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDrop": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onScroll": "UIEventHandler<HTMLSpanElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLSpanElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLSpanElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLSpanElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLSpanElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLSpanElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLSpanElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLSpanElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLSpanElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeChipExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeChipExample/></NativeScope>}",
    "description": "Colored label chips in three emphasis levels - bold for statuses and deltas, subtle for values, caption for tags - across seven color pairs, plus the StatusDot indicator.",
    "canonical": true,
    "reference": "/components/chip",
    "url": "http://127.0.0.1:4173/components/chip",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-close-button": {
    "id": "catalog-close-button",
    "name": "Close Button",
    "group": "Base components",
    "exportName": "NativeCloseButton",
    "sourceExport": "CloseButton",
    "file": "src/board-native/components/base/buttons/close-button.tsx",
    "props": {
      "size": "CloseButtonSize | undefined",
      "aria-label": "string",
      "ref": "Ref<HTMLButtonElement> | undefined",
      "disabled": "boolean | undefined",
      "form": "string | undefined",
      "formAction": "string | ((formData: FormData) => void | Promise<void>) | undefined",
      "formEncType": "string | undefined",
      "formMethod": "string | undefined",
      "formNoValidate": "boolean | undefined",
      "formTarget": "string | undefined",
      "name": "string | undefined",
      "type": "\"submit\" | \"reset\" | \"button\" | undefined",
      "value": "string | number | readonly string[] | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "title": "string | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "color": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLButtonElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLButtonElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLButtonElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLButtonElement> | undefined",
      "onInput": "InputEventHandler<HTMLButtonElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLButtonElement> | undefined",
      "onReset": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLButtonElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLButtonElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onError": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPause": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onClick": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onDrag": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEnd": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragStart": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDrop": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onScroll": "UIEventHandler<HTMLButtonElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLButtonElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLButtonElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLButtonElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLButtonElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLButtonElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLButtonElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLButtonElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLButtonElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeCloseButtonExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeCloseButtonExample/></NativeScope>}",
    "description": "The circular ✕ used to dismiss compact surfaces, announcements, toasts, modals, and drawers. Every size renders its own glyph with a literal (not scaled) stroke - 1.6px at 2xs, 2px at xs/sm, and 2.5px at md - so the weight stays pixel-true.",
    "canonical": true,
    "reference": "/components/close-button",
    "url": "http://127.0.0.1:4173/components/close-button",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-date-picker": {
    "id": "catalog-date-picker",
    "name": "Date Picker",
    "group": "Base components",
    "exportName": "NativeDateRangePicker",
    "sourceExport": "DateRangePicker",
    "file": "src/board-native/components/base/date-picker/date-range-picker.tsx",
    "props": {
      "value": "DateRangeValue | null | undefined",
      "defaultValue": "DateRangeValue | null | undefined",
      "onChange": "((value: DateRangeValue | null) => void) | undefined",
      "isDisabled": "boolean | undefined",
      "className": "string | undefined",
      "popoverClassName": "string | undefined",
      "aria-label": "string | undefined",
      "placeholder": "string | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeDatePickerExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeDatePickerExample/></NativeScope>}",
    "description": "A dual-month date range picker built on React Aria's RangeCalendar. A quick-select sidebar (Today, Last week, This month, etc.), two adjacent months, and a footer with an editable date range and Cancel/Apply - the calendar only commits a new range once Apply is pressed. A single-date variant (below) shares the same month panel, day-cell rendering, and editable chip.",
    "canonical": true,
    "reference": "/components/date-picker",
    "url": "http://127.0.0.1:4173/components/date-picker",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-divider": {
    "id": "catalog-divider",
    "name": "Divider",
    "group": "Base components",
    "exportName": "NativeDivider",
    "sourceExport": "Divider",
    "file": "src/board-native/components/base/divider/divider.tsx",
    "props": {
      "variant": "DividerVariant | undefined",
      "align": "DividerAlign | undefined",
      "children": "ReactNode",
      "contentClassName": "string | undefined",
      "ref": "Ref<HTMLDivElement> | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "title": "string | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "color": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLDivElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLDivElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLDivElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLDivElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLDivElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLDivElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLDivElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLDivElement> | undefined",
      "onInput": "InputEventHandler<HTMLDivElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLDivElement> | undefined",
      "onReset": "ReactEventHandler<HTMLDivElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLDivElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLDivElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLDivElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onError": "ReactEventHandler<HTMLDivElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLDivElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPause": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLDivElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLDivElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLDivElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDrag": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEnd": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragStart": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDrop": "DragEventHandler<HTMLDivElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLDivElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeDividerExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeDividerExample/></NativeScope>}",
    "description": "A composable horizontal separator for organizing dense application interfaces. Use a single hairline, framed double line, or soft filled strip, then place text, buttons, or compact controls anywhere along it.",
    "canonical": true,
    "reference": "/components/divider",
    "url": "http://127.0.0.1:4173/components/divider",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-dropdown": {
    "id": "catalog-dropdown",
    "name": "Dropdown",
    "group": "Base components",
    "exportName": "NativeDropdown",
    "sourceExport": "Dropdown",
    "file": "src/board-native/components/base/dropdown/dropdown.tsx",
    "props": {
      "isOpen": "boolean | undefined",
      "onOpenChange": "((isOpen: boolean) => void) | undefined",
      "children": "ReactNode"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeDropdownExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeDropdownExample/></NativeScope>}",
    "description": "A composable popover menu built on React Aria - where Select picks a value into its trigger, Dropdown is a free-form panel of grouped action rows with the Helios UI surface (radius 16, dropdown shadow) and the 150ms scale + blur appear animation. The same recipe behind the dashboard sidebar's team and account menus and the AI chat composer's add menu.",
    "canonical": true,
    "reference": "/components/dropdown",
    "url": "http://127.0.0.1:4173/components/dropdown",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-file-upload": {
    "id": "catalog-file-upload",
    "name": "File Upload",
    "group": "Base components",
    "exportName": "NativeFileUpload",
    "sourceExport": "FileUpload",
    "file": "src/board-native/components/base/file-upload/file-upload.tsx",
    "props": {
      "onUploadComplete": "((file: File) => void) | undefined",
      "allowedExtensions": "readonly string[] | undefined",
      "maxBytes": "number | undefined",
      "renderFileIcon": "((file: File) => ReactNode) | undefined",
      "className": "string | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeFileUploadExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeFileUploadExample/></NativeScope>}",
    "description": "A keyboard-accessible drag-and-drop upload surface with extension and file-size validation, an animated perimeter progress indicator, and a completion callback for connecting your own storage layer.",
    "canonical": true,
    "reference": "/components/file-upload",
    "url": "http://127.0.0.1:4173/components/file-upload",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-icon-button": {
    "id": "catalog-icon-button",
    "name": "Icon Button",
    "group": "Base components",
    "exportName": "NativeIconButton",
    "sourceExport": "IconButton",
    "file": "src/board-native/components/base/buttons/icon-button.tsx",
    "props": {
      "icon": "IconComponent",
      "size": "IconButtonSize | undefined",
      "aria-label": "string",
      "ref": "Ref<HTMLButtonElement> | undefined",
      "disabled": "boolean | undefined",
      "form": "string | undefined",
      "formAction": "string | ((formData: FormData) => void | Promise<void>) | undefined",
      "formEncType": "string | undefined",
      "formMethod": "string | undefined",
      "formNoValidate": "boolean | undefined",
      "formTarget": "string | undefined",
      "name": "string | undefined",
      "type": "\"submit\" | \"reset\" | \"button\" | undefined",
      "value": "string | number | readonly string[] | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "title": "string | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "color": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLButtonElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLButtonElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLButtonElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLButtonElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLButtonElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLButtonElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLButtonElement> | undefined",
      "onInput": "InputEventHandler<HTMLButtonElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLButtonElement> | undefined",
      "onReset": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLButtonElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLButtonElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onError": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLButtonElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPause": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onClick": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onDrag": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEnd": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragStart": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDrop": "DragEventHandler<HTMLButtonElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLButtonElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLButtonElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLButtonElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLButtonElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLButtonElement> | undefined",
      "onScroll": "UIEventHandler<HTMLButtonElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLButtonElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLButtonElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLButtonElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLButtonElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLButtonElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLButtonElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLButtonElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLButtonElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLButtonElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLButtonElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeIconButtonExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeIconButtonExample/></NativeScope>}",
    "description": "A square secondary icon-only button - medium 36px (20px icon) and small 32px (16px icon), both radius 10. Used for row actions, header bells, and toolbar controls.",
    "canonical": true,
    "reference": "/components/icon-button",
    "url": "http://127.0.0.1:4173/components/icon-button",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-input": {
    "id": "catalog-input",
    "name": "Input",
    "group": "Base components",
    "exportName": "NativeInput",
    "sourceExport": "Input",
    "file": "src/board-native/components/base/input/input.tsx",
    "props": {
      "label": "ReactNode",
      "hint": "ReactNode",
      "tooltip": "string | boolean | undefined",
      "placeholder": "string | undefined",
      "inputDir": "\"ltr\" | \"rtl\" | \"auto\" | undefined",
      "form": "string | undefined",
      "name": "string | undefined",
      "type": "(string & {}) | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"password\" | undefined",
      "value": "string | undefined",
      "defaultValue": "string | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "dir": "string | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "slot": "string | null | undefined",
      "spellCheck": "string | undefined",
      "style": "StyleOrFunction<TextFieldRenderProps> | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "autoCorrect": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-controls": "string | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-errormessage": "string | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "onCopy": "ClipboardEventHandler<HTMLInputElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLInputElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLInputElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLInputElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLInputElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLInputElement> | undefined",
      "onFocus": "((e: FocusEvent<HTMLInputElement, Element>) => void) | undefined",
      "onBlur": "((e: FocusEvent<HTMLInputElement, Element>) => void) | undefined",
      "onChange": "((value: string) => void) | undefined",
      "onBeforeInput": "FormEventHandler<HTMLInputElement> | undefined",
      "onInput": "FormEventHandler<HTMLInputElement> | undefined",
      "onKeyDown": "((e: KeyboardEvent) => void) | undefined",
      "onKeyUp": "((e: KeyboardEvent) => void) | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLInputElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "size": "InputSize | undefined",
      "autoComplete": "string | undefined",
      "maxLength": "number | undefined",
      "minLength": "number | undefined",
      "pattern": "string | undefined",
      "validationBehavior": "\"native\" | \"aria\" | undefined",
      "isDisabled": "boolean | undefined",
      "isReadOnly": "boolean | undefined",
      "isRequired": "boolean | undefined",
      "isInvalid": "boolean | undefined",
      "validate": "((value: string) => true | ValidationError | null | undefined) | undefined",
      "onFocusChange": "((isFocused: boolean) => void) | undefined",
      "excludeFromTabOrder": "boolean | undefined",
      "render": "DOMRenderFunction<\"div\", TextFieldRenderProps> | undefined",
      "fieldClassName": "string | undefined",
      "inputClassName": "string | undefined",
      "ref": "Ref<HTMLInputElement> | undefined",
      "leadingIcon": "IconComponent | undefined",
      "trailingIcon": "IconComponent | undefined",
      "leadingAddon": "ReactNode",
      "groupRef": "Ref<HTMLDivElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeInputExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeInputExample/></NativeScope>}",
    "description": "A labelled text field built on React Aria - leading and trailing adornments, hint text, and required/invalid states with a cross-fading focus ring.",
    "canonical": true,
    "reference": "/components/input",
    "url": "http://127.0.0.1:4173/components/input",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-input-otp": {
    "id": "catalog-input-otp",
    "name": "Input OTP",
    "group": "Base components",
    "exportName": "NativeInputOtp",
    "sourceExport": "InputOtp",
    "file": "src/board-native/components/base/input-otp/input-otp.tsx",
    "props": {
      "length": "number | undefined",
      "value": "string | undefined",
      "defaultValue": "string | undefined",
      "onChange": "((value: string) => void) | undefined",
      "onComplete": "((value: string) => void) | undefined",
      "isDisabled": "boolean | undefined",
      "isInvalid": "boolean | undefined",
      "groupEvery": "number | undefined",
      "aria-label": "string | undefined",
      "className": "string | undefined",
      "ref": "Ref<HTMLDivElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeInputOtpExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeInputOtpExample/></NativeScope>}",
    "description": "A one-time-code field: six boxes, one digit each. Looks like six inputs and behaves like one value - typing advances, Backspace steps back, arrows move without editing, and a pasted or autofilled code spreads itself across the boxes.",
    "canonical": true,
    "reference": "/components/input-otp",
    "url": "http://127.0.0.1:4173/components/input-otp",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-link-button": {
    "id": "catalog-link-button",
    "name": "Link Button",
    "group": "Base components",
    "exportName": "NativeLinkButton",
    "sourceExport": "LinkButton",
    "file": "src/board-native/components/base/buttons/link-button.tsx",
    "props": {
      "href": "string | undefined",
      "ref": "RefObject<HTMLButtonElement | null> | ((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | ((instance: HTMLAnchorElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null | undefined",
      "variant": "LinkButtonVariant | undefined",
      "size": "LinkButtonSize | undefined",
      "leadingIcon": "IconComponent | undefined",
      "trailingIcon": "IconComponent | undefined",
      "children": "ReactNode",
      "className": "string | undefined",
      "disabled": "boolean | undefined",
      "type": "string | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "title": "string | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "color": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLButtonElement> | FocusEventHandler<HTMLAnchorElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLButtonElement> | FocusEventHandler<HTMLAnchorElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLButtonElement> | FocusEventHandler<HTMLAnchorElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLButtonElement> | FocusEventHandler<HTMLAnchorElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLButtonElement, Element> | ChangeEventHandler<HTMLAnchorElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLButtonElement, Element> | ChangeEventHandler<HTMLAnchorElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLButtonElement> | InputEventHandler<HTMLAnchorElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLButtonElement> | InputEventHandler<HTMLAnchorElement> | undefined",
      "onInput": "InputEventHandler<HTMLButtonElement> | InputEventHandler<HTMLAnchorElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLButtonElement> | InputEventHandler<HTMLAnchorElement> | undefined",
      "onReset": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLButtonElement> | SubmitEventHandler<HTMLAnchorElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLButtonElement> | SubmitEventHandler<HTMLAnchorElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onError": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPause": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onClick": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onDrag": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragEnd": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragStart": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDrop": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onScroll": "UIEventHandler<HTMLButtonElement> | UIEventHandler<HTMLAnchorElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLButtonElement> | UIEventHandler<HTMLAnchorElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLButtonElement> | UIEventHandler<HTMLAnchorElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLButtonElement> | UIEventHandler<HTMLAnchorElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLButtonElement> | WheelEventHandler<HTMLAnchorElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLButtonElement> | WheelEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLButtonElement> | ToggleEventHandler<HTMLAnchorElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLButtonElement> | ToggleEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeLinkButtonExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeLinkButtonExample/></NativeScope>}",
    "description": "An inline text action on Button's size scale but without the container - no fill or border, just the label with an underline on hover. Primary (blue) and secondary (muted) variants; renders an anchor when href is passed, otherwise a button, so the same action works in copy or as a handler.",
    "canonical": true,
    "reference": "/components/link-button",
    "url": "http://127.0.0.1:4173/components/link-button",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-notification": {
    "id": "catalog-notification",
    "name": "Notification",
    "group": "Base components",
    "exportName": "NativeNotification",
    "sourceExport": "Notification",
    "file": "src/board-native/components/base/notification/notification.tsx",
    "props": {
      "title": "ReactNode",
      "description": "ReactNode",
      "timestamp": "ReactNode",
      "status": "NotificationStatus | undefined",
      "icon": "IconComponent | undefined",
      "avatar": "NotificationAvatar | undefined",
      "actions": "NotificationAction[] | undefined",
      "dismissible": "boolean | undefined",
      "closeLabel": "string | undefined",
      "onDismiss": "(() => void) | undefined",
      "autoDismissDuration": "number | undefined",
      "introDelay": "number | undefined",
      "ref": "Ref<HTMLDivElement> | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "color": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "children": "ReactNode",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLDivElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLDivElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLDivElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLDivElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLDivElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLDivElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLDivElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLDivElement> | undefined",
      "onInput": "InputEventHandler<HTMLDivElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLDivElement> | undefined",
      "onReset": "ReactEventHandler<HTMLDivElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLDivElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLDivElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLDivElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onError": "ReactEventHandler<HTMLDivElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLDivElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLDivElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLDivElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLDivElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPause": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLDivElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLDivElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLDivElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLDivElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLDivElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onDrop": "DragEventHandler<HTMLDivElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLDivElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLDivElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLDivElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeNotificationExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeNotificationExample/></NativeScope>}",
    "description": "A flexible floating message for product feedback and activity - six viewport positions plus information, success, error, custom-icon, avatar, action-button, and timed auto-dismiss variants in one component.",
    "canonical": true,
    "reference": "/components/notification",
    "url": "http://127.0.0.1:4173/components/notification",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-pagination": {
    "id": "catalog-pagination",
    "name": "Pagination",
    "group": "Base components",
    "exportName": "NativePagination",
    "sourceExport": "Pagination",
    "file": "src/board-native/components/base/pagination/pagination.tsx",
    "props": {
      "page": "number",
      "totalPages": "number",
      "onChange": "(page: number) => void",
      "siblingCount": "number | undefined",
      "className": "string | undefined",
      "previousLabel": "string | undefined",
      "nextLabel": "string | undefined",
      "aria-label": "string | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativePaginationExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativePaginationExample/></NativeScope>}",
    "description": "A controlled pager that reuses the secondary small Button for Previous / Next and renders 32px page cells. When there are many pages it collapses to leading and trailing dots around a sibling window, as in the example below.",
    "canonical": true,
    "reference": "/components/pagination",
    "url": "http://127.0.0.1:4173/components/pagination",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-radio": {
    "id": "catalog-radio",
    "name": "Radio",
    "group": "Base components",
    "exportName": "NativeRadioGroup",
    "sourceExport": "RadioGroup",
    "file": "src/board-native/components/base/radio/radio.tsx",
    "props": {
      "children": "ReactNode",
      "ref": "Ref<HTMLDivElement> | undefined",
      "form": "string | undefined",
      "name": "string | undefined",
      "value": "string | null | undefined",
      "defaultValue": "string | null | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "className": "ClassNameOrFunction<RadioGroupRenderProps> | undefined",
      "dir": "string | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "slot": "string | null | undefined",
      "style": "StyleOrFunction<RadioGroupRenderProps> | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "inert": "boolean | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-errormessage": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "onFocus": "((e: FocusEvent<Element, Element>) => void) | undefined",
      "onBlur": "((e: FocusEvent<Element, Element>) => void) | undefined",
      "onChange": "((value: string) => void) | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "validationBehavior": "\"native\" | \"aria\" | undefined",
      "isDisabled": "boolean | undefined",
      "isReadOnly": "boolean | undefined",
      "isRequired": "boolean | undefined",
      "isInvalid": "boolean | undefined",
      "validate": "((value: string) => true | ValidationError | null | undefined) | undefined",
      "onFocusChange": "((isFocused: boolean) => void) | undefined",
      "render": "DOMRenderFunction<\"div\", RadioGroupRenderProps> | undefined",
      "orientation": "Orientation | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeRadioExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeRadioExample/></NativeScope>}",
    "description": "A radio group built on React Aria - arrow-key navigation, form semantics, and label association for free. The selected dot wears the same blue/500 → blue/600 gradient and inset highlight as the checkbox family, in md (16px) and sm (14px) sizes.",
    "canonical": true,
    "reference": "/components/radio",
    "url": "http://127.0.0.1:4173/components/radio",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-segmented-control": {
    "id": "catalog-segmented-control",
    "name": "Segmented Control",
    "group": "Base components",
    "exportName": "NativeSegmentedControl",
    "sourceExport": "SegmentedControl",
    "file": "src/board-native/components/base/segmented-control/segmented-control.tsx",
    "props": {
      "children": "ReactNode",
      "variant": "SegmentedControlVariant | undefined",
      "ref": "Ref<HTMLDivElement> | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "className": "ClassNameOrFunction<ToggleButtonGroupRenderProps> | undefined",
      "dir": "string | undefined",
      "hidden": "boolean | undefined",
      "lang": "string | undefined",
      "slot": "string | null | undefined",
      "style": "StyleOrFunction<ToggleButtonGroupRenderProps> | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "inert": "boolean | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "isDisabled": "boolean | undefined",
      "render": "DOMRenderFunction<\"div\", ToggleButtonGroupRenderProps> | undefined",
      "orientation": "Orientation | undefined",
      "selectedKeys": "Iterable<Key> | undefined",
      "defaultSelectedKeys": "Iterable<Key> | undefined",
      "onSelectionChange": "((keys: Set<Key>) => void) | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeSegmentedControlExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeSegmentedControlExample/></NativeScope>}",
    "description": "A single-select switch on a tertiary track with a sliding white thumb - the Weekly / Monthly / Yearly switcher from the chart cards. Built on React Aria ToggleButtonGroup: arrow keys move, Space selects.",
    "canonical": true,
    "reference": "/components/segmented-control",
    "url": "http://127.0.0.1:4173/components/segmented-control",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-select": {
    "id": "catalog-select",
    "name": "Select",
    "group": "Base components",
    "exportName": "NativeSelect",
    "sourceExport": "Select",
    "file": "src/board-native/components/base/select/select.tsx",
    "props": {
      "className": "string | undefined",
      "triggerClassName": "string | undefined",
      "popoverClassName": "string | undefined",
      "popoverContainer": "Element | undefined",
      "size": "SelectSize | undefined",
      "children": "ReactNode",
      "items": "Iterable<T> | undefined",
      "renderValue": "ReactNode | ((values: SelectValueRenderProps<T>) => ReactNode)",
      "ref": "Ref<HTMLDivElement> | undefined",
      "form": "string | undefined",
      "name": "string | undefined",
      "value": "Key | null | undefined",
      "defaultValue": "Key | null | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "autoFocus": "boolean | undefined",
      "dir": "string | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "slot": "string | null | undefined",
      "style": "StyleOrFunction<SelectRenderProps> | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "inert": "boolean | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "onFocus": "((e: FocusEvent<Element, Element>) => void) | undefined",
      "onBlur": "((e: FocusEvent<Element, Element>) => void) | undefined",
      "onChange": "((value: Key | null) => void) | undefined",
      "onKeyDown": "((e: KeyboardEvent) => void) | undefined",
      "onKeyUp": "((e: KeyboardEvent) => void) | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "autoComplete": "string | undefined",
      "placeholder": "string | undefined",
      "validationBehavior": "\"native\" | \"aria\" | undefined",
      "isDisabled": "boolean | undefined",
      "isRequired": "boolean | undefined",
      "isInvalid": "boolean | undefined",
      "validate": "((value: Key) => true | ValidationError | null | undefined) | undefined",
      "onFocusChange": "((isFocused: boolean) => void) | undefined",
      "excludeFromTabOrder": "boolean | undefined",
      "render": "DOMRenderFunction<\"div\", SelectRenderProps> | undefined",
      "selectionMode": "\"single\" | undefined",
      "onSelectionChange": "((key: Key | null) => void) | undefined",
      "selectedKey": "Key | null | undefined",
      "defaultSelectedKey": "Key | null | undefined",
      "isOpen": "boolean | undefined",
      "defaultOpen": "boolean | undefined",
      "onOpenChange": "((isOpen: boolean) => void) | undefined",
      "shouldCloseOnSelect": "boolean | undefined",
      "allowsEmptyCollection": "boolean | undefined",
      "disabledKeys": "Iterable<Key> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeSelectExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeSelectExample/></NativeScope>}",
    "description": "A dropdown select built on React Aria - the trigger matches the Figma surface 1:1, the popover is non-modal so the page keeps scrolling, and items accept free-form content like status dots and avatars.",
    "canonical": true,
    "reference": "/components/select",
    "url": "http://127.0.0.1:4173/components/select",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-slider": {
    "id": "catalog-slider",
    "name": "Slider",
    "group": "Base components",
    "exportName": "NativeSlider",
    "sourceExport": "Slider",
    "file": "src/board-native/components/base/slider/slider.tsx",
    "props": {
      "value": "number | undefined",
      "defaultValue": "number | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "dir": "string | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "slot": "string | null | undefined",
      "style": "StyleOrFunction<SliderRenderProps> | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "inert": "boolean | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "onChange": "((value: number) => void) | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "step": "number | undefined",
      "isDisabled": "boolean | undefined",
      "render": "DOMRenderFunction<\"div\", SliderRenderProps> | undefined",
      "onChangeEnd": "((value: number) => void) | undefined",
      "minValue": "number | undefined",
      "maxValue": "number | undefined",
      "formatOptions": "NumberFormatOptions | undefined",
      "label": "ReactNode",
      "showTooltip": "boolean | undefined",
      "formatValue": "((value: number, index: number) => ReactNode) | undefined",
      "className": "string | undefined",
      "thumbLabel": "string | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeSliderExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeSliderExample/></NativeScope>}",
    "description": "A polished range input in Helios UI's visual language - neutral inset track, blue gradient selection, embossed thumbs, and exact-value bubbles. Use Slider for one value or RangeSlider for min/max selection; both include accessible hidden inputs, drag behavior, keyboard controls, and RTL support through React Aria.",
    "canonical": true,
    "reference": "/components/slider",
    "url": "http://127.0.0.1:4173/components/slider",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-social-button": {
    "id": "catalog-social-button",
    "name": "Social Button",
    "group": "Base components",
    "exportName": "NativeSocialButton",
    "sourceExport": "SocialButton",
    "file": "src/board-native/components/base/social-button/social-button.tsx",
    "props": {
      "href": "string | undefined",
      "ref": "RefObject<HTMLButtonElement | null> | ((instance: HTMLButtonElement | null) => void | (() => VoidOrUndefinedOnly)) | ((instance: HTMLAnchorElement | null) => void | (() => VoidOrUndefinedOnly)) | RefObject<...> | null | undefined",
      "brand": "SocialBrand",
      "config": "SocialBrandConfig | undefined",
      "size": "SocialButtonSize | undefined",
      "appearance": "SocialButtonAppearance | undefined",
      "iconOnly": "boolean | undefined",
      "fullWidth": "boolean | undefined",
      "children": "ReactNode",
      "className": "string | undefined",
      "type": "string | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "title": "string | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLButtonElement> | ClipboardEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLButtonElement> | CompositionEventHandler<HTMLAnchorElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLButtonElement> | FocusEventHandler<HTMLAnchorElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLButtonElement> | FocusEventHandler<HTMLAnchorElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLButtonElement> | FocusEventHandler<HTMLAnchorElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLButtonElement> | FocusEventHandler<HTMLAnchorElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLButtonElement, Element> | ChangeEventHandler<HTMLAnchorElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLButtonElement, Element> | ChangeEventHandler<HTMLAnchorElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLButtonElement> | InputEventHandler<HTMLAnchorElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLButtonElement> | InputEventHandler<HTMLAnchorElement> | undefined",
      "onInput": "InputEventHandler<HTMLButtonElement> | InputEventHandler<HTMLAnchorElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLButtonElement> | InputEventHandler<HTMLAnchorElement> | undefined",
      "onReset": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLButtonElement> | SubmitEventHandler<HTMLAnchorElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLButtonElement> | SubmitEventHandler<HTMLAnchorElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onError": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLButtonElement> | KeyboardEventHandler<HTMLAnchorElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPause": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onClick": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onDrag": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragEnd": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragStart": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDrop": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLButtonElement> | DragEventHandler<HTMLAnchorElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLButtonElement> | MouseEventHandler<HTMLAnchorElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLButtonElement> | ReactEventHandler<HTMLAnchorElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLAnchorElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLButtonElement> | PointerEventHandler<HTMLAnchorElement> | undefined",
      "onScroll": "UIEventHandler<HTMLButtonElement> | UIEventHandler<HTMLAnchorElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLButtonElement> | UIEventHandler<HTMLAnchorElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLButtonElement> | UIEventHandler<HTMLAnchorElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLButtonElement> | UIEventHandler<HTMLAnchorElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLButtonElement> | WheelEventHandler<HTMLAnchorElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLButtonElement> | WheelEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLButtonElement> | AnimationEventHandler<HTMLAnchorElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLButtonElement> | ToggleEventHandler<HTMLAnchorElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLButtonElement> | ToggleEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLButtonElement> | TransitionEventHandler<HTMLAnchorElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeSocialButtonExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeSocialButtonExample/></NativeScope>}",
    "description": "Login buttons for 24 providers plus custom brands. Naming the brand supplies its logo, colour and accessible label together, so a stack of them cannot drift apart. Renders a button by default, or an anchor when given an href, since an OAuth start is a navigation.",
    "canonical": true,
    "reference": "/components/social-button",
    "url": "http://127.0.0.1:4173/components/social-button",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-switch": {
    "id": "catalog-switch",
    "name": "Switch",
    "group": "Base components",
    "exportName": "NativeSwitch",
    "sourceExport": "Switch",
    "file": "src/board-native/components/base/switch/switch.tsx",
    "props": {
      "children": "ReactNode",
      "size": "SwitchSize | undefined",
      "shape": "SwitchShape | undefined",
      "ref": "Ref<HTMLLabelElement> | undefined",
      "form": "string | undefined",
      "name": "string | undefined",
      "value": "string | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "autoFocus": "boolean | undefined",
      "className": "ClassNameOrFunction<SwitchRenderProps> | undefined",
      "dir": "string | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "slot": "string | null | undefined",
      "style": "StyleOrFunction<SwitchRenderProps> | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "inert": "boolean | undefined",
      "aria-controls": "string | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-errormessage": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "onFocus": "((e: FocusEvent<Element, Element>) => void) | undefined",
      "onBlur": "((e: FocusEvent<Element, Element>) => void) | undefined",
      "onChange": "((isSelected: boolean) => void) | undefined",
      "onKeyDown": "((e: KeyboardEvent) => void) | undefined",
      "onKeyUp": "((e: KeyboardEvent) => void) | undefined",
      "onAuxClick": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onClick": "((e: MouseEvent<FocusableElement, MouseEvent>) => void) | undefined",
      "onClickCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLLabelElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLLabelElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLLabelElement> | undefined",
      "onScroll": "UIEventHandler<HTMLLabelElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLLabelElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLLabelElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLLabelElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLLabelElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLLabelElement> | undefined",
      "defaultSelected": "boolean | undefined",
      "isSelected": "boolean | undefined",
      "isDisabled": "boolean | undefined",
      "isReadOnly": "boolean | undefined",
      "onFocusChange": "((isFocused: boolean) => void) | undefined",
      "excludeFromTabOrder": "boolean | undefined",
      "onPress": "((e: PressEvent) => void) | undefined",
      "onPressStart": "((e: PressEvent) => void) | undefined",
      "onPressEnd": "((e: PressEvent) => void) | undefined",
      "onPressChange": "((isPressed: boolean) => void) | undefined",
      "onPressUp": "((e: PressEvent) => void) | undefined",
      "inputRef": "Ref<HTMLInputElement | null> | undefined",
      "onHoverStart": "((e: HoverEvent) => void) | undefined",
      "onHoverEnd": "((e: HoverEvent) => void) | undefined",
      "onHoverChange": "((isHovering: boolean) => void) | undefined",
      "render": "DOMRenderFunction<\"label\", SwitchRenderProps> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeSwitchExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeSwitchExample/></NativeScope>}",
    "description": "An accessible toggle switch built on React Aria - native toggle semantics, keyboard support and a focus-visible ring. Two shapes (pill and rectangle) in three sizes. The on state uses the primary gradient with an inset ring and a small blue chip embossed in the thumb, matching Figma 1:1.",
    "canonical": true,
    "reference": "/components/switch",
    "url": "http://127.0.0.1:4173/components/switch",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-table": {
    "id": "catalog-table",
    "name": "Table",
    "group": "Base components",
    "exportName": "NativeTable",
    "sourceExport": "Table",
    "file": "src/board-native/components/base/table/table.tsx",
    "props": {
      "size": "TableSize | undefined",
      "className": "string | undefined",
      "containerClassName": "string | undefined",
      "ref": "Ref<HTMLTableElement> | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "dir": "string | undefined",
      "hidden": "boolean | undefined",
      "lang": "string | undefined",
      "slot": "string | null | undefined",
      "style": "StyleOrFunction<TableRenderProps> | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "inert": "boolean | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "children": "ReactNode",
      "onAuxClick": "MouseEventHandler<HTMLTableElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLTableElement> | undefined",
      "onClick": "MouseEventHandler<HTMLTableElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLTableElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLTableElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLTableElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLTableElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLTableElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLTableElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLTableElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLTableElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLTableElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLTableElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLTableElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLTableElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLTableElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLTableElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLTableElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLTableElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLTableElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLTableElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLTableElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLTableElement> | undefined",
      "onScroll": "UIEventHandler<HTMLTableElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLTableElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLTableElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLTableElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLTableElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLTableElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLTableElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLTableElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLTableElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLTableElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLTableElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLTableElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLTableElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLTableElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
      "render": "DOMRenderFunction<\"table\" | \"div\", TableRenderProps> | undefined",
      "selectionMode": "SelectionMode | undefined",
      "disallowEmptySelection": "boolean | undefined",
      "selectedKeys": "\"all\" | Iterable<Key> | undefined",
      "defaultSelectedKeys": "\"all\" | Iterable<Key> | undefined",
      "onSelectionChange": "((keys: Selection) => void) | undefined",
      "disabledKeys": "Iterable<Key> | undefined",
      "escapeKeyBehavior": "\"none\" | \"clearSelection\" | undefined",
      "shouldSelectOnPressUp": "boolean | undefined",
      "treeColumn": "Key | undefined",
      "keyboardNavigationBehavior": "\"tab\" | \"arrow\" | undefined",
      "sortDescriptor": "SortDescriptor | undefined",
      "onSortChange": "((descriptor: SortDescriptor) => any) | undefined",
      "expandedKeys": "Iterable<Key> | undefined",
      "defaultExpandedKeys": "Iterable<Key> | undefined",
      "onExpandedChange": "((keys: Set<Key>) => any) | undefined",
      "selectionBehavior": "SelectionBehavior | undefined",
      "disabledBehavior": "DisabledBehavior | undefined",
      "onRowAction": "((key: Key) => void) | undefined",
      "dragAndDropHooks": "DragAndDropHooks | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "NativeTable",
        "sourceExport": "Table",
        "file": "src/board-native/components/base/table/table.tsx",
        "props": {
          "size": "TableSize | undefined",
          "className": "string | undefined",
          "containerClassName": "string | undefined",
          "ref": "Ref<HTMLTableElement> | undefined",
          "suppressHydrationWarning": "boolean | undefined",
          "dir": "string | undefined",
          "hidden": "boolean | undefined",
          "lang": "string | undefined",
          "slot": "string | null | undefined",
          "style": "StyleOrFunction<TableRenderProps> | undefined",
          "translate": "\"yes\" | \"no\" | undefined",
          "inert": "boolean | undefined",
          "aria-describedby": "string | undefined",
          "aria-details": "string | undefined",
          "aria-label": "string | undefined",
          "aria-labelledby": "string | undefined",
          "children": "ReactNode",
          "onAuxClick": "MouseEventHandler<HTMLTableElement> | undefined",
          "onAuxClickCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onClick": "MouseEventHandler<HTMLTableElement> | undefined",
          "onClickCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onContextMenu": "MouseEventHandler<HTMLTableElement> | undefined",
          "onContextMenuCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onDoubleClick": "MouseEventHandler<HTMLTableElement> | undefined",
          "onDoubleClickCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseDown": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseDownCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseEnter": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseLeave": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseMove": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseMoveCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseOut": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseOutCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseOver": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseOverCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseUp": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseUpCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onTouchCancel": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchCancelCapture": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchEnd": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchEndCapture": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchMove": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchMoveCapture": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchStart": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchStartCapture": "TouchEventHandler<HTMLTableElement> | undefined",
          "onPointerDown": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerDownCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerMove": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerMoveCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerUp": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerUpCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerCancel": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerCancelCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerEnter": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerLeave": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerOver": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerOverCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerOut": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerOutCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onGotPointerCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onGotPointerCaptureCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onLostPointerCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onLostPointerCaptureCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onScroll": "UIEventHandler<HTMLTableElement> | undefined",
          "onScrollCapture": "UIEventHandler<HTMLTableElement> | undefined",
          "onWheel": "WheelEventHandler<HTMLTableElement> | undefined",
          "onWheelCapture": "WheelEventHandler<HTMLTableElement> | undefined",
          "onAnimationStart": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onAnimationStartCapture": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onAnimationEnd": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onAnimationEndCapture": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onAnimationIteration": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onAnimationIterationCapture": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onTransitionCancel": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionCancelCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionEnd": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionEndCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionRun": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionRunCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionStart": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionStartCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
          "render": "DOMRenderFunction<\"table\" | \"div\", TableRenderProps> | undefined",
          "selectionMode": "SelectionMode | undefined",
          "disallowEmptySelection": "boolean | undefined",
          "selectedKeys": "\"all\" | Iterable<Key> | undefined",
          "defaultSelectedKeys": "\"all\" | Iterable<Key> | undefined",
          "onSelectionChange": "((keys: Selection) => void) | undefined",
          "disabledKeys": "Iterable<Key> | undefined",
          "escapeKeyBehavior": "\"none\" | \"clearSelection\" | undefined",
          "shouldSelectOnPressUp": "boolean | undefined",
          "treeColumn": "Key | undefined",
          "keyboardNavigationBehavior": "\"tab\" | \"arrow\" | undefined",
          "sortDescriptor": "SortDescriptor | undefined",
          "onSortChange": "((descriptor: SortDescriptor) => any) | undefined",
          "expandedKeys": "Iterable<Key> | undefined",
          "defaultExpandedKeys": "Iterable<Key> | undefined",
          "onExpandedChange": "((keys: Set<Key>) => any) | undefined",
          "selectionBehavior": "SelectionBehavior | undefined",
          "disabledBehavior": "DisabledBehavior | undefined",
          "onRowAction": "((key: Key) => void) | undefined",
          "dragAndDropHooks": "DragAndDropHooks | undefined"
        }
      }
    ],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeTableExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeTableExample/></NativeScope>}",
    "description": "An accessible table primitive built on React Aria - semantic markup, keyboard navigation, row selection and sortable columns. Pair it with TanStack Table for sorting, filtering and pagination logic, as in the example below.",
    "canonical": true,
    "reference": "/components/table",
    "url": "http://127.0.0.1:4173/components/table",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-tabs": {
    "id": "catalog-tabs",
    "name": "Tabs",
    "group": "Base components",
    "exportName": "NativeTabs",
    "sourceExport": "Tabs",
    "file": "src/board-native/components/base/tabs/tabs.tsx",
    "props": {
      "ref": "Ref<HTMLDivElement> | undefined",
      "className": "ClassNameOrFunction<TabsRenderProps> | undefined",
      "id": "string | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "isDisabled": "boolean | undefined",
      "orientation": "Orientation | undefined",
      "onSelectionChange": "((key: Key) => void) | undefined",
      "selectedKey": "Key | undefined",
      "defaultSelectedKey": "Key | undefined",
      "disabledKeys": "Iterable<Key> | undefined",
      "keyboardActivation": "\"manual\" | \"automatic\" | undefined",
      "children": "ChildrenOrFunction<TabsRenderProps>",
      "style": "StyleOrFunction<TabsRenderProps> | undefined",
      "render": "DOMRenderFunction<\"div\", TabsRenderProps> | undefined",
      "slot": "string | null | undefined",
      "dir": "string | undefined",
      "lang": "string | undefined",
      "hidden": "boolean | undefined",
      "inert": "boolean | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeTabsExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeTabsExample/></NativeScope>}",
    "description": "Underline tabs built on React Aria. The active tab paints a 2px blue underline over the baseline, and each tab optionally takes a leading icon and a trailing count badge, as in the example below.",
    "canonical": true,
    "reference": "/components/tabs",
    "url": "http://127.0.0.1:4173/components/tabs",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-textarea": {
    "id": "catalog-textarea",
    "name": "Textarea",
    "group": "Base components",
    "exportName": "NativeTextarea",
    "sourceExport": "Textarea",
    "file": "src/board-native/components/base/textarea/textarea.tsx",
    "props": {
      "label": "ReactNode",
      "hint": "ReactNode",
      "tooltip": "string | boolean | undefined",
      "placeholder": "string | undefined",
      "maxLength": "number | undefined",
      "showCount": "boolean | undefined",
      "form": "string | undefined",
      "name": "string | undefined",
      "type": "(string & {}) | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"password\" | undefined",
      "value": "string | undefined",
      "defaultValue": "string | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "dir": "string | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "slot": "string | null | undefined",
      "spellCheck": "string | undefined",
      "style": "StyleOrFunction<TextFieldRenderProps> | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "autoCorrect": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-controls": "string | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-errormessage": "string | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "onCopy": "ClipboardEventHandler<HTMLInputElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLInputElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLInputElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLInputElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLInputElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLInputElement> | undefined",
      "onFocus": "((e: FocusEvent<HTMLInputElement, Element>) => void) | undefined",
      "onBlur": "((e: FocusEvent<HTMLInputElement, Element>) => void) | undefined",
      "onChange": "((value: string) => void) | undefined",
      "onBeforeInput": "FormEventHandler<HTMLInputElement> | undefined",
      "onInput": "FormEventHandler<HTMLInputElement> | undefined",
      "onKeyDown": "((e: KeyboardEvent) => void) | undefined",
      "onKeyUp": "((e: KeyboardEvent) => void) | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLInputElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "size": "InputSize | undefined",
      "autoComplete": "string | undefined",
      "minLength": "number | undefined",
      "pattern": "string | undefined",
      "validationBehavior": "\"native\" | \"aria\" | undefined",
      "isDisabled": "boolean | undefined",
      "isReadOnly": "boolean | undefined",
      "isRequired": "boolean | undefined",
      "isInvalid": "boolean | undefined",
      "validate": "((value: string) => true | ValidationError | null | undefined) | undefined",
      "onFocusChange": "((isFocused: boolean) => void) | undefined",
      "excludeFromTabOrder": "boolean | undefined",
      "render": "DOMRenderFunction<\"div\", TextFieldRenderProps> | undefined",
      "fieldClassName": "string | undefined",
      "inputClassName": "string | undefined",
      "ref": "Ref<HTMLTextAreaElement> | undefined",
      "rows": "number | undefined",
      "autoResize": "boolean | undefined",
      "maxRows": "number | undefined",
      "resize": "TextareaResize | undefined",
      "groupRef": "Ref<HTMLDivElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeTextareaExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeTextareaExample/></NativeScope>}",
    "description": "A multiline field built on React Aria - the same shell, label, hint and states as Input, plus auto-grow and character counting for notes, messages and settings pages.",
    "canonical": true,
    "reference": "/components/textarea",
    "url": "http://127.0.0.1:4173/components/textarea",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-tree-view": {
    "id": "catalog-tree-view",
    "name": "Tree View",
    "group": "Base components",
    "exportName": "NativeTreeView",
    "sourceExport": "TreeView",
    "file": "src/board-native/components/base/tree-view/tree-view.tsx",
    "props": {
      "size": "\"sm\" | \"md\" | undefined",
      "showGuides": "boolean | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
      "ref": "Ref<HTMLDivElement> | undefined",
      "className": "ClassNameOrFunction<TreeRenderProps> | undefined",
      "selectionBehavior": "SelectionBehavior | undefined",
      "renderEmptyState": "((props: TreeEmptyStateRenderProps) => ReactNode) | undefined",
      "disabledBehavior": "DisabledBehavior | undefined",
      "dragAndDropHooks": "DragAndDropHooks<NoInfer<T>> | undefined",
      "autoFocus": "boolean | FocusStrategy | undefined",
      "id": "string | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "selectionMode": "SelectionMode | undefined",
      "disallowEmptySelection": "boolean | undefined",
      "selectedKeys": "\"all\" | Iterable<Key> | undefined",
      "defaultSelectedKeys": "\"all\" | Iterable<Key> | undefined",
      "onSelectionChange": "((keys: Selection) => void) | undefined",
      "items": "Iterable<T> | undefined",
      "disabledKeys": "Iterable<Key> | undefined",
      "escapeKeyBehavior": "\"none\" | \"clearSelection\" | undefined",
      "shouldSelectOnPressUp": "boolean | undefined",
      "keyboardNavigationBehavior": "\"tab\" | \"arrow\" | undefined",
      "onAction": "((key: Key) => void) | undefined",
      "children": "ReactNode | ((item: T) => ReactNode)",
      "dependencies": "readonly any[] | undefined",
      "style": "StyleOrFunction<TreeRenderProps> | undefined",
      "render": "DOMRenderFunction<\"div\", TreeRenderProps> | undefined",
      "slot": "string | null | undefined",
      "expandedKeys": "Iterable<Key> | undefined",
      "defaultExpandedKeys": "Iterable<Key> | undefined",
      "onExpandedChange": "((keys: Set<Key>) => any) | undefined",
      "dir": "string | undefined",
      "lang": "string | undefined",
      "hidden": "boolean | undefined",
      "inert": "boolean | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeTreeViewExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeTreeViewExample/></NativeScope>}",
    "description": "Navigate nested folders and structured content with expandable branches, smooth blur transitions, and keyboard navigation.",
    "canonical": true,
    "reference": "/components/tree-view",
    "url": "http://127.0.0.1:4173/components/tree-view",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-tooltip": {
    "id": "catalog-tooltip",
    "name": "Tooltip",
    "group": "Base components",
    "exportName": "NativeTooltip",
    "sourceExport": "Tooltip",
    "file": "src/board-native/components/base/tooltip/tooltip.tsx",
    "props": {
      "children": "ReactNode",
      "size": "TooltipSize | undefined",
      "showArrow": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "className": "ClassNameOrFunction<TooltipRenderProps> | undefined",
      "dir": "string | undefined",
      "hidden": "boolean | undefined",
      "lang": "string | undefined",
      "style": "StyleOrFunction<TooltipRenderProps> | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "inert": "boolean | undefined",
      "aria-describedby": "string | undefined",
      "aria-details": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
      "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
      "render": "DOMRenderFunction<\"div\", TooltipRenderProps> | undefined",
      "isOpen": "boolean | undefined",
      "defaultOpen": "boolean | undefined",
      "onOpenChange": "((isOpen: boolean) => void) | undefined",
      "arrowBoundaryOffset": "number | undefined",
      "triggerRef": "RefObject<Element | null> | undefined",
      "isEntering": "boolean | undefined",
      "isExiting": "boolean | undefined",
      "UNSTABLE_portalContainer": "Element | undefined",
      "placement": "Placement | undefined",
      "containerPadding": "number | undefined",
      "offset": "number | undefined",
      "crossOffset": "number | undefined",
      "shouldFlip": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeTooltipExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeTooltipExample/></NativeScope>}",
    "description": "A light-surface tooltip built on React Aria - it opens on hover and focus, flips to stay on-screen, points a caret at its trigger, and blurs + scales from 0.9 on the way in and out. Hover any of the buttons below.",
    "canonical": true,
    "reference": "/components/tooltip",
    "url": "http://127.0.0.1:4173/components/tooltip",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-badge": {
    "id": "catalog-badge",
    "name": "Badge",
    "group": "Base components",
    "exportName": "NativeBadge",
    "sourceExport": "Badge",
    "file": "src/board-native/components/base/badges/badge.tsx",
    "props": {
      "color": "BadgeColor | undefined",
      "ref": "Ref<HTMLSpanElement> | undefined",
      "defaultChecked": "boolean | undefined",
      "defaultValue": "string | number | readonly string[] | undefined",
      "suppressContentEditableWarning": "boolean | undefined",
      "suppressHydrationWarning": "boolean | undefined",
      "accessKey": "string | undefined",
      "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
      "autoFocus": "boolean | undefined",
      "className": "string | undefined",
      "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
      "contextMenu": "string | undefined",
      "dir": "string | undefined",
      "draggable": "Booleanish | undefined",
      "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
      "hidden": "boolean | undefined",
      "id": "string | undefined",
      "lang": "string | undefined",
      "nonce": "string | undefined",
      "slot": "string | undefined",
      "spellCheck": "Booleanish | undefined",
      "style": "CSSProperties | undefined",
      "tabIndex": "number | undefined",
      "title": "string | undefined",
      "translate": "\"yes\" | \"no\" | undefined",
      "radioGroup": "string | undefined",
      "role": "AriaRole | undefined",
      "about": "string | undefined",
      "content": "string | undefined",
      "datatype": "string | undefined",
      "inlist": "any",
      "prefix": "string | undefined",
      "property": "string | undefined",
      "rel": "string | undefined",
      "resource": "string | undefined",
      "rev": "string | undefined",
      "typeof": "string | undefined",
      "vocab": "string | undefined",
      "autoCorrect": "string | undefined",
      "autoSave": "string | undefined",
      "itemProp": "string | undefined",
      "itemScope": "boolean | undefined",
      "itemType": "string | undefined",
      "itemID": "string | undefined",
      "itemRef": "string | undefined",
      "results": "number | undefined",
      "security": "string | undefined",
      "unselectable": "\"off\" | \"on\" | undefined",
      "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
      "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
      "popoverTarget": "string | undefined",
      "inert": "boolean | undefined",
      "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
      "is": "string | undefined",
      "exportparts": "string | undefined",
      "part": "string | undefined",
      "aria-activedescendant": "string | undefined",
      "aria-atomic": "Booleanish | undefined",
      "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
      "aria-braillelabel": "string | undefined",
      "aria-brailleroledescription": "string | undefined",
      "aria-busy": "Booleanish | undefined",
      "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-colcount": "number | undefined",
      "aria-colindex": "number | undefined",
      "aria-colindextext": "string | undefined",
      "aria-colspan": "number | undefined",
      "aria-controls": "string | undefined",
      "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
      "aria-describedby": "string | undefined",
      "aria-description": "string | undefined",
      "aria-details": "string | undefined",
      "aria-disabled": "Booleanish | undefined",
      "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
      "aria-errormessage": "string | undefined",
      "aria-expanded": "Booleanish | undefined",
      "aria-flowto": "string | undefined",
      "aria-grabbed": "Booleanish | undefined",
      "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
      "aria-hidden": "Booleanish | undefined",
      "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
      "aria-keyshortcuts": "string | undefined",
      "aria-label": "string | undefined",
      "aria-labelledby": "string | undefined",
      "aria-level": "number | undefined",
      "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
      "aria-modal": "Booleanish | undefined",
      "aria-multiline": "Booleanish | undefined",
      "aria-multiselectable": "Booleanish | undefined",
      "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
      "aria-owns": "string | undefined",
      "aria-placeholder": "string | undefined",
      "aria-posinset": "number | undefined",
      "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
      "aria-readonly": "Booleanish | undefined",
      "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
      "aria-required": "Booleanish | undefined",
      "aria-roledescription": "string | undefined",
      "aria-rowcount": "number | undefined",
      "aria-rowindex": "number | undefined",
      "aria-rowindextext": "string | undefined",
      "aria-rowspan": "number | undefined",
      "aria-selected": "Booleanish | undefined",
      "aria-setsize": "number | undefined",
      "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
      "aria-valuemax": "number | undefined",
      "aria-valuemin": "number | undefined",
      "aria-valuenow": "number | undefined",
      "aria-valuetext": "string | undefined",
      "children": "ReactNode",
      "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
      "onCopy": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCopyCapture": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCut": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCutCapture": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onPaste": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onPasteCapture": "ClipboardEventHandler<HTMLSpanElement> | undefined",
      "onCompositionEnd": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionEndCapture": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionStart": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionStartCapture": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionUpdate": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onCompositionUpdateCapture": "CompositionEventHandler<HTMLSpanElement> | undefined",
      "onFocus": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onFocusCapture": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onBlur": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onBlurCapture": "FocusEventHandler<HTMLSpanElement> | undefined",
      "onChange": "ChangeEventHandler<HTMLSpanElement, Element> | undefined",
      "onChangeCapture": "ChangeEventHandler<HTMLSpanElement, Element> | undefined",
      "onBeforeInput": "InputEventHandler<HTMLSpanElement> | undefined",
      "onBeforeInputCapture": "InputEventHandler<HTMLSpanElement> | undefined",
      "onInput": "InputEventHandler<HTMLSpanElement> | undefined",
      "onInputCapture": "InputEventHandler<HTMLSpanElement> | undefined",
      "onReset": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onResetCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSubmit": "SubmitEventHandler<HTMLSpanElement> | undefined",
      "onSubmitCapture": "SubmitEventHandler<HTMLSpanElement> | undefined",
      "onInvalid": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onInvalidCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoad": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onError": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onErrorCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onKeyDown": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyDownCapture": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyPress": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyPressCapture": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyUp": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onKeyUpCapture": "KeyboardEventHandler<HTMLSpanElement> | undefined",
      "onAbort": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onAbortCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlay": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlayCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlayThrough": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onCanPlayThroughCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onDurationChange": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onDurationChangeCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEmptied": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEmptiedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEncrypted": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEncryptedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEnded": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onEndedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedData": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedDataCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedMetadata": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadedMetadataCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadStart": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onLoadStartCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPause": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPauseCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlay": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlayCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlaying": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onPlayingCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onProgress": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onProgressCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onRateChange": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onRateChangeCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeeked": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeekedCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeeking": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSeekingCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onStalled": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onStalledCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSuspend": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSuspendCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onTimeUpdate": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onTimeUpdateCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onVolumeChange": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onVolumeChangeCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onWaiting": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onWaitingCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onAuxClick": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onAuxClickCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onClick": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onClickCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onContextMenu": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onContextMenuCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onDoubleClick": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onDoubleClickCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onDrag": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEnd": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEndCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEnter": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragEnterCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragExit": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragExitCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragLeave": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragLeaveCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragOver": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragOverCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragStart": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDragStartCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDrop": "DragEventHandler<HTMLSpanElement> | undefined",
      "onDropCapture": "DragEventHandler<HTMLSpanElement> | undefined",
      "onMouseDown": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseDownCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseEnter": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseLeave": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseMove": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseMoveCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOut": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOutCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOver": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseOverCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseUp": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onMouseUpCapture": "MouseEventHandler<HTMLSpanElement> | undefined",
      "onSelect": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onSelectCapture": "ReactEventHandler<HTMLSpanElement> | undefined",
      "onTouchCancel": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchCancelCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchEnd": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchEndCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchMove": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchMoveCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchStart": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onTouchStartCapture": "TouchEventHandler<HTMLSpanElement> | undefined",
      "onPointerDown": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerDownCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerMove": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerMoveCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerUp": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerUpCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerCancel": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerCancelCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerEnter": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerLeave": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOver": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOverCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOut": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onPointerOutCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onGotPointerCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onGotPointerCaptureCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onLostPointerCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onLostPointerCaptureCapture": "PointerEventHandler<HTMLSpanElement> | undefined",
      "onScroll": "UIEventHandler<HTMLSpanElement> | undefined",
      "onScrollCapture": "UIEventHandler<HTMLSpanElement> | undefined",
      "onScrollEnd": "UIEventHandler<HTMLSpanElement> | undefined",
      "onScrollEndCapture": "UIEventHandler<HTMLSpanElement> | undefined",
      "onWheel": "WheelEventHandler<HTMLSpanElement> | undefined",
      "onWheelCapture": "WheelEventHandler<HTMLSpanElement> | undefined",
      "onAnimationStart": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationStartCapture": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationEnd": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationEndCapture": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationIteration": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onAnimationIterationCapture": "AnimationEventHandler<HTMLSpanElement> | undefined",
      "onToggle": "ToggleEventHandler<HTMLSpanElement> | undefined",
      "onBeforeToggle": "ToggleEventHandler<HTMLSpanElement> | undefined",
      "onTransitionCancel": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionCancelCapture": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionEnd": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionEndCapture": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionRun": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionRunCapture": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionStart": "TransitionEventHandler<HTMLSpanElement> | undefined",
      "onTransitionStartCapture": "TransitionEventHandler<HTMLSpanElement> | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeBadgeExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeBadgeExample/></NativeScope>}",
    "description": "Numeric counter pills for nav counts and unread totals, plus the Kbd keyboard-shortcut hint used in the sidebar's quick search.",
    "canonical": true,
    "reference": "/components/badge",
    "url": "http://127.0.0.1:4173/components/badge",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-agent-thinking": {
    "id": "catalog-agent-thinking",
    "name": "Agent Thinking",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "NativeAgentThinking",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "variant": "AgentThinkingVariant | undefined",
          "label": "string | undefined",
          "tone": "AgentThinkingTone | undefined",
          "shimmer": "boolean | undefined",
          "showTimer": "boolean | undefined",
          "className": "string | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"agent-thinking\"/>;}",
    "description": "The agent thinking state that sits above a chat composer while a response is being worked on. Four curated variants - a dot grid crossed by a diagonal wave, a dot grid with an orbiting head, twinkling stars, and an infinity comet - each pairing its indicator with a shimmering label and an elapsed timer.",
    "canonical": true,
    "reference": "/components/agent-thinking",
    "url": "http://127.0.0.1:4173/components/agent-thinking",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-composer-loader": {
    "id": "catalog-composer-loader",
    "name": "Composer Loader",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "ComposerLoader",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "disabled": "boolean | undefined",
          "active": "boolean | undefined",
          "onActiveChange": "((active: boolean) => void) | undefined",
          "children": "ReactNode",
          "colors": "string[] | undefined",
          "speed": "number | undefined",
          "arc": "number | undefined",
          "intensity": "number | undefined",
          "bloom": "number | undefined",
          "bloomStrength": "number | undefined",
          "reverse": "boolean | undefined",
          "radius": "number | undefined"
        }
      },
      {
        "exportName": "SourceComposer",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "state": "FamilyState | undefined",
          "onRetry": "(() => void) | undefined",
          "disabled": "boolean | undefined",
          "onSend": "((message: ComposerMessage) => void) | undefined",
          "showAttachments": "boolean | undefined",
          "showPanel": "boolean | undefined",
          "showLocalMessages": "boolean | undefined",
          "simulateAttachments": "boolean | undefined",
          "working": "boolean | undefined",
          "loadingLight": "boolean | undefined",
          "onStop": "(() => void) | undefined",
          "placeholder": "string | undefined",
          "value": "string | undefined",
          "onValueChange": "((value: string) => void) | undefined",
          "permission": "string | undefined",
          "onPermissionChange": "((value: string) => void) | undefined",
          "model": "string | undefined",
          "onModelChange": "((value: string) => void) | undefined",
          "effort": "number | undefined",
          "onEffortChange": "((value: number) => void) | undefined",
          "providers": "ComposerModelProvider[] | undefined",
          "attachments": "ComposerAttachment[] | undefined",
          "onRemoveAttachment": "((id: string) => void) | undefined",
          "onAttachmentsChange": "((attachments: ComposerAttachment[]) => void) | undefined",
          "uploadDuration": "number | undefined",
          "uploadGap": "number | undefined",
          "status": "ReactNode",
          "inputRef": "Ref<HTMLTextAreaElement> | undefined",
          "minRows": "number | undefined",
          "maxRows": "number | undefined",
          "defaultPermission": "string | undefined",
          "learnMoreHref": "string | undefined",
          "onLearnMore": "(() => void) | undefined",
          "onSubmit": "((text: string) => void) | undefined",
          "onUploadComplete": "((attachment: ComposerAttachment) => void) | undefined",
          "onAllUploaded": "(() => void) | undefined",
          "layout": "\"pill\" | \"panel\" | undefined",
          "fluid": "boolean | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"composer-loader\"/>;}",
    "description": "The loading state that wraps a chat composer while the agent works - an iridescent light band traveling the pill's rim at constant speed, led by a crisp refraction line with a soft bloom bleeding inward behind it. Toggling it on and off fades the whole effect, so the composer reads as lighting up rather than switching.",
    "canonical": true,
    "reference": "/components/composer-loader",
    "url": "http://127.0.0.1:4173/components/composer-loader",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-composer-panel": {
    "id": "catalog-composer-panel",
    "name": "Composer Panel",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "SourceComposer",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "state": "FamilyState | undefined",
          "onRetry": "(() => void) | undefined",
          "disabled": "boolean | undefined",
          "onSend": "((message: ComposerMessage) => void) | undefined",
          "showAttachments": "boolean | undefined",
          "showPanel": "boolean | undefined",
          "showLocalMessages": "boolean | undefined",
          "simulateAttachments": "boolean | undefined",
          "working": "boolean | undefined",
          "loadingLight": "boolean | undefined",
          "onStop": "(() => void) | undefined",
          "placeholder": "string | undefined",
          "value": "string | undefined",
          "onValueChange": "((value: string) => void) | undefined",
          "permission": "string | undefined",
          "onPermissionChange": "((value: string) => void) | undefined",
          "model": "string | undefined",
          "onModelChange": "((value: string) => void) | undefined",
          "effort": "number | undefined",
          "onEffortChange": "((value: number) => void) | undefined",
          "providers": "ComposerModelProvider[] | undefined",
          "attachments": "ComposerAttachment[] | undefined",
          "onRemoveAttachment": "((id: string) => void) | undefined",
          "onAttachmentsChange": "((attachments: ComposerAttachment[]) => void) | undefined",
          "uploadDuration": "number | undefined",
          "uploadGap": "number | undefined",
          "status": "ReactNode",
          "inputRef": "Ref<HTMLTextAreaElement> | undefined",
          "minRows": "number | undefined",
          "maxRows": "number | undefined",
          "defaultPermission": "string | undefined",
          "learnMoreHref": "string | undefined",
          "onLearnMore": "(() => void) | undefined",
          "onSubmit": "((text: string) => void) | undefined",
          "onUploadComplete": "((attachment: ComposerAttachment) => void) | undefined",
          "onAllUploaded": "(() => void) | undefined",
          "layout": "\"pill\" | \"panel\" | undefined",
          "fluid": "boolean | undefined"
        }
      },
      {
        "exportName": "ComposerPermissionPicker",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "value": "string",
          "onChange": "(value: string) => void",
          "disabled": "boolean | undefined",
          "learnMoreHref": "string | undefined",
          "onLearnMore": "(() => void) | undefined"
        }
      },
      {
        "exportName": "ComposerModelPicker",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "value": "string",
          "onChange": "(value: string) => void",
          "effort": "number | undefined",
          "onEffortChange": "((value: number) => void) | undefined",
          "providers": "ComposerModelProvider[] | undefined",
          "disabled": "boolean | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"composer-panel\"/>;}",
    "description": "The two-row composer: a radius-24 card with the prompt on top and the controls underneath, the add menu, a permission picker with Auto, Manual, Plan mode and Bypass all, a model picker with a scrollable provider rail and an effort popover on the chosen model, mic and send, plus a status tab with branch, project folder and context meter hanging off the card's top edge. The single-line Composer pill stays as it is; this is the taller layout for agent surfaces.",
    "canonical": true,
    "reference": "/components/composer-panel",
    "url": "http://127.0.0.1:4173/components/composer-panel",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-composer-attachments": {
    "id": "catalog-composer-attachments",
    "name": "Composer Attachments",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "SourceComposer",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "state": "FamilyState | undefined",
          "onRetry": "(() => void) | undefined",
          "disabled": "boolean | undefined",
          "onSend": "((message: ComposerMessage) => void) | undefined",
          "showAttachments": "boolean | undefined",
          "showPanel": "boolean | undefined",
          "showLocalMessages": "boolean | undefined",
          "simulateAttachments": "boolean | undefined",
          "working": "boolean | undefined",
          "loadingLight": "boolean | undefined",
          "onStop": "(() => void) | undefined",
          "placeholder": "string | undefined",
          "value": "string | undefined",
          "onValueChange": "((value: string) => void) | undefined",
          "permission": "string | undefined",
          "onPermissionChange": "((value: string) => void) | undefined",
          "model": "string | undefined",
          "onModelChange": "((value: string) => void) | undefined",
          "effort": "number | undefined",
          "onEffortChange": "((value: number) => void) | undefined",
          "providers": "ComposerModelProvider[] | undefined",
          "attachments": "ComposerAttachment[] | undefined",
          "onRemoveAttachment": "((id: string) => void) | undefined",
          "onAttachmentsChange": "((attachments: ComposerAttachment[]) => void) | undefined",
          "uploadDuration": "number | undefined",
          "uploadGap": "number | undefined",
          "status": "ReactNode",
          "inputRef": "Ref<HTMLTextAreaElement> | undefined",
          "minRows": "number | undefined",
          "maxRows": "number | undefined",
          "defaultPermission": "string | undefined",
          "learnMoreHref": "string | undefined",
          "onLearnMore": "(() => void) | undefined",
          "onSubmit": "((text: string) => void) | undefined",
          "onUploadComplete": "((attachment: ComposerAttachment) => void) | undefined",
          "onAllUploaded": "(() => void) | undefined",
          "layout": "\"pill\" | \"panel\" | undefined",
          "fluid": "boolean | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"composer-attachments\"/>;}",
    "description": "The Composer Panel carrying attachments: a strip of 56px tiles above the prompt, the thumbnail for images and the plugin document icon with the file name for everything else, each with its dismiss in the corner. Queued files land one after another, the accent ring drawing clockwise around the tile the way the File Upload block traces its drop zone while a 9px percentage counts up in the corner, then at 100 the percentage blurs out and the dismiss blurs in on the same spot.",
    "canonical": true,
    "reference": "/components/composer-attachments",
    "url": "http://127.0.0.1:4173/components/composer-attachments",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-auth-card": {
    "id": "catalog-auth-card",
    "name": "Auth Card",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "NativeAuthCard",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "mode": "AuthMode | undefined",
          "email": "string | undefined",
          "codeLength": "number | undefined",
          "onComplete": "((code: string) => void) | undefined",
          "onResend": "(() => void) | undefined",
          "layout": "AuthLayout | undefined",
          "providers": "(\"google\" | \"apple\" | \"github\" | \"gitlab\" | \"microsoft\" | \"x\" | \"facebook\" | \"linkedin\" | \"discord\" | \"slack\" | \"figma\" | \"notion\" | \"dropbox\" | \"spotify\" | \"twitch\" | \"reddit\" | ... 7 more ... | \"okta\")[] | undefined",
          "title": "ReactNode",
          "description": "ReactNode",
          "media": "ReactNode",
          "logo": "ReactNode",
          "centered": "boolean | undefined",
          "confirmPassword": "boolean | undefined",
          "footnote": "ReactNode",
          "onSubmit": "((data: FormData) => void) | undefined",
          "onProvider": "((provider: \"google\" | \"apple\" | \"github\" | \"gitlab\" | \"microsoft\" | \"x\" | \"facebook\" | \"linkedin\" | \"discord\" | \"slack\" | \"figma\" | \"notion\" | \"dropbox\" | \"spotify\" | \"twitch\" | \"reddit\" | ... 7 more ... | \"okta\") => void) | undefined",
          "forgotHref": "string | undefined",
          "onForgotPassword": "(() => void) | undefined",
          "switchHref": "string | undefined",
          "onSwitchMode": "(() => void) | undefined",
          "headingLevel": "4 | 2 | 1 | 3 | 5 | 6 | undefined",
          "className": "string | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"auth-card\"/>;}",
    "description": "Sign-in and sign-up blocks built on the social login buttons. The providers sit under the email form and arrange three ways from the same array: stacked with labels, inline as compact icons, or spread across equal columns. Pass media for the two-column split with artwork. A verify mode covers the one-time-code step. The form is uncontrolled and hands you its FormData, so it wraps whatever auth library you already use.",
    "canonical": true,
    "reference": "/components/auth-card",
    "url": "http://127.0.0.1:4173/components/auth-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-web-search": {
    "id": "catalog-web-search",
    "name": "Web Search",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "WebSearchTrail",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "steps": "WebSearchStep[]",
          "disabled": "boolean | undefined",
          "suspended": "boolean | undefined",
          "revealed": "number | undefined",
          "stepInterval": "number | undefined",
          "startDelay": "number | undefined",
          "autoRun": "boolean | undefined",
          "working": "string | false | undefined",
          "onComplete": "(() => void) | undefined",
          "title": "string | undefined",
          "presentation": "\"interactive\" | \"source\" | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"web-search\"/>;}",
    "description": "The research counterpart to Task List: where that one logs the work an agent did, this logs where it went. Each step is a query it ran or a page it opened, and a step that found something branches once more into its sources, shown as overlapping site marks so a Reddit thread reads as one without anybody parsing a domain.",
    "canonical": true,
    "reference": "/components/web-search",
    "url": "http://127.0.0.1:4173/components/web-search",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-task-list": {
    "id": "catalog-task-list",
    "name": "Task List",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "TaskList",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "items": "Task[] | undefined",
          "tasks": "Task[] | undefined",
          "disabled": "boolean | undefined",
          "onChange": "((tasks: Task[]) => void) | undefined",
          "mode": "\"stream\" | \"editor\" | undefined",
          "revealed": "number | undefined",
          "suspended": "boolean | undefined",
          "startDelay": "number | undefined",
          "stepInterval": "number | undefined",
          "autoRun": "boolean | undefined",
          "collapseOnComplete": "boolean | \"all\" | undefined",
          "onComplete": "(() => void) | undefined",
          "initialRevealed": "number | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"task-list\"/>;}",
    "description": "A streaming log of what an agent actually did. Tasks reveal one unit at a time, each animating its own height alongside a short blur and lift, so the thread grows the way the work does instead of jumping. A task shimmers its running title until every step has landed, then settles.",
    "canonical": true,
    "reference": "/components/task-list",
    "url": "http://127.0.0.1:4173/components/task-list",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-agent-limits-card": {
    "id": "catalog-agent-limits-card",
    "name": "Agent Limits Card",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "AgentLimitsCard",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "segments": "ContextSegment[] | undefined",
          "max": "number | undefined",
          "disabled": "boolean | undefined",
          "defaultExpanded": "boolean | undefined",
          "expanded": "boolean | undefined",
          "onExpandedChange": "((expanded: boolean) => void) | undefined",
          "plan": "string | undefined",
          "planHref": "string | undefined",
          "groups": "{ label: string; items: { label: string; tokens: number; }[]; }[] | undefined",
          "limits": "{ label: string; value: number; reset: string; }[] | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"agent-limits-card\"/>;}",
    "description": "The agent budget widget - a context window usage bar segmented by token bucket with a used / max readout, and plan usage limits with reset times and progress bars. Expanding the context window grows the whole card to reveal the per-bucket breakdown, free space, deferred buckets, and collapsible member lists.",
    "canonical": true,
    "reference": "/components/agent-limits-card",
    "url": "http://127.0.0.1:4173/components/agent-limits-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-questionnaire": {
    "id": "catalog-questionnaire",
    "name": "Questionnaire",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "Questionnaire",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "otherAsChoice": "boolean | undefined",
          "questions": "Question[] | undefined",
          "disabled": "boolean | undefined",
          "onComplete": "((answers: Record<string, QuestionnaireAnswer>) => void) | undefined",
          "step": "number | undefined",
          "onStepChange": "((step: number) => void) | undefined",
          "answers": "Record<string, QuestionnaireAnswer> | undefined",
          "onAnswersChange": "((answers: Record<string, QuestionnaireAnswer>) => void) | undefined",
          "defaultStep": "number | undefined",
          "defaultAnswers": "Record<string, QuestionnaireAnswer> | undefined",
          "autoAdvance": "boolean | undefined",
          "advanceDelay": "number | undefined",
          "onDismiss": "(() => void) | undefined",
          "select": "\"multiple\" | \"single\" | undefined",
          "labels": "Partial<Record<\"next\" | \"previous\" | \"done\" | \"other\" | \"otherPlaceholder\" | \"dismiss\" | \"review\" | \"reopen\" | \"complete\", string>> | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"questionnaire\"/>;}",
    "description": "The questions an agent asks before it commits to a plan, as a card in the chat thread. One question per step: the prompt across the top, the answers as bordered rows with a checkbox or a number key, an optional free-text Other row, and a footer with a pill per step next to Previous and Next. Questions slide in the direction of travel while the card animates to the next one's height.",
    "canonical": true,
    "reference": "/components/questionnaire",
    "url": "http://127.0.0.1:4173/components/questionnaire",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-agent-creator": {
    "id": "catalog-agent-creator",
    "name": "Agent Creator",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "SourceAgentCreator",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "disabled": "boolean | undefined",
          "onChange": "((agent: AgentProfile) => void) | undefined",
          "presentation": "\"interactive\" | \"source\" | undefined",
          "agent": "AgentProfile | undefined",
          "onClose": "(() => void) | undefined",
          "assetsBase": "string | undefined"
        }
      },
      {
        "exportName": "AgentCreator",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "agent": "AgentProfile | undefined",
          "onChange": "((agent: AgentProfile) => void) | undefined",
          "disabled": "boolean | undefined",
          "onClose": "(() => void) | undefined",
          "presentation": "\"interactive\" | \"source\" | undefined",
          "renderAvatar": "((profile: Pick<AgentProfile, \"name\" | \"color\" | \"shape\" | \"expression\"> & { animated?: boolean | undefined; }) => ReactNode) | undefined",
          "renderShape": "((shape: \"pill\" | \"circle\" | \"cloud\" | \"square\" | \"diamond\" | \"heart\" | \"star\" | \"shield\" | \"hexagon\" | \"petal\" | \"flower\" | \"slender\" | \"pocket\", color: string) => ReactNode) | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"agent-creator\"/>;}",
    "description": "Give every agent its own identity. A reusable sidebar with animated paper avatars, nine shapes, expressive faces, custom colors, profile fields, and voice, language, and notification preferences.",
    "canonical": true,
    "reference": "/components/agent-creator",
    "url": "http://127.0.0.1:4173/components/agent-creator",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-agent-progress": {
    "id": "catalog-agent-progress",
    "name": "Agent Progress",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "AgentProgress",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "presentation": "\"interactive\" | \"source\" | undefined",
          "steps": "(string | AgentStep)[] | undefined",
          "disabled": "boolean | undefined",
          "onComplete": "(() => void) | undefined",
          "stepDuration": "number | undefined",
          "completionDelay": "number | undefined",
          "onFinished": "(() => void) | undefined",
          "autoRun": "boolean | undefined",
          "suspended": "boolean | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"agent-progress\"/>;}",
    "description": "A collapsible progress block for multi-step AI work. It introduces steps with a soft stagger, advances the active task with synchronized circular progress, preserves progress while minimized, and exposes completion timing for handing the UI back to an agent response.",
    "canonical": true,
    "reference": "/components/agent-progress",
    "url": "http://127.0.0.1:4173/components/agent-progress",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-calendar": {
    "id": "catalog-calendar",
    "name": "Calendar",
    "group": "Template patterns",
    "exportName": "BoardTemplate",
    "file": "src/BoardTemplates.tsx",
    "props": {
      "storageKey": "string | undefined",
      "initialGroup": "boolean | undefined",
      "initialEditorOpen": "boolean | undefined",
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "assetsBase": "string | undefined",
      "onNavigate": "((id: \"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\") => void) | undefined",
      "chrome": "boolean | undefined",
      "embedded": "boolean | undefined",
      "onMarketplaceAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
      "id": "\"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\""
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {BoardTemplate} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <BoardTemplate id=\"calendar\" embedded chrome={false}/>;}",
    "description": "A month-view calendar - month switcher, inbox feed dropdown, and a month grid with event chips that overflow into a “+N more” label. Tapping an event opens an anchored details popover with attendees, meeting code, and a join button.",
    "canonical": true,
    "reference": "/components/calendar",
    "url": "http://127.0.0.1:4173/components/calendar",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-data-grid": {
    "id": "catalog-data-grid",
    "name": "Data Grid",
    "group": "Additional components",
    "exportName": "NativeDataGrid",
    "sourceExport": "DataGrid",
    "file": "src/board-native/components/application/data-grid/data-grid.tsx",
    "props": {
      "aria-label": "string",
      "data": "readonly T[]",
      "columns": "readonly DataGridColumn<T>[]",
      "getRowId": "(row: T) => string",
      "onDataChange": "((data: T[]) => void) | undefined",
      "height": "number | undefined",
      "className": "string | undefined",
      "exportFileName": "string | undefined",
      "emptyState": "ReactNode"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeDataGridDemo}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeDataGridDemo/></NativeScope>}",
    "description": "A spreadsheet for your application. Edit cells, select ranges, filter records, and work through thousands of rows with a frozen first column and live summaries.",
    "canonical": true,
    "reference": "/components/data-grid",
    "url": "http://127.0.0.1:4173/components/data-grid",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-data-table": {
    "id": "catalog-data-table",
    "name": "Data Table",
    "group": "Application components",
    "exportName": "NativeDataTableExample",
    "sourceExport": "DataTableExample",
    "file": "src/board-native/components/application/docs/examples/data-table-example.tsx",
    "props": {
      "showSizeToggle": "boolean | undefined",
      "pageSize": "number | undefined",
      "showSearch": "boolean | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "NativeTable",
        "sourceExport": "Table",
        "file": "src/board-native/components/base/table/table.tsx",
        "props": {
          "size": "TableSize | undefined",
          "className": "string | undefined",
          "containerClassName": "string | undefined",
          "ref": "Ref<HTMLTableElement> | undefined",
          "suppressHydrationWarning": "boolean | undefined",
          "dir": "string | undefined",
          "hidden": "boolean | undefined",
          "lang": "string | undefined",
          "slot": "string | null | undefined",
          "style": "StyleOrFunction<TableRenderProps> | undefined",
          "translate": "\"yes\" | \"no\" | undefined",
          "inert": "boolean | undefined",
          "aria-describedby": "string | undefined",
          "aria-details": "string | undefined",
          "aria-label": "string | undefined",
          "aria-labelledby": "string | undefined",
          "children": "ReactNode",
          "onAuxClick": "MouseEventHandler<HTMLTableElement> | undefined",
          "onAuxClickCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onClick": "MouseEventHandler<HTMLTableElement> | undefined",
          "onClickCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onContextMenu": "MouseEventHandler<HTMLTableElement> | undefined",
          "onContextMenuCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onDoubleClick": "MouseEventHandler<HTMLTableElement> | undefined",
          "onDoubleClickCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseDown": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseDownCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseEnter": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseLeave": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseMove": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseMoveCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseOut": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseOutCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseOver": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseOverCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseUp": "MouseEventHandler<HTMLTableElement> | undefined",
          "onMouseUpCapture": "MouseEventHandler<HTMLTableElement> | undefined",
          "onTouchCancel": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchCancelCapture": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchEnd": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchEndCapture": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchMove": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchMoveCapture": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchStart": "TouchEventHandler<HTMLTableElement> | undefined",
          "onTouchStartCapture": "TouchEventHandler<HTMLTableElement> | undefined",
          "onPointerDown": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerDownCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerMove": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerMoveCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerUp": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerUpCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerCancel": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerCancelCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerEnter": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerLeave": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerOver": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerOverCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerOut": "PointerEventHandler<HTMLTableElement> | undefined",
          "onPointerOutCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onGotPointerCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onGotPointerCaptureCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onLostPointerCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onLostPointerCaptureCapture": "PointerEventHandler<HTMLTableElement> | undefined",
          "onScroll": "UIEventHandler<HTMLTableElement> | undefined",
          "onScrollCapture": "UIEventHandler<HTMLTableElement> | undefined",
          "onWheel": "WheelEventHandler<HTMLTableElement> | undefined",
          "onWheelCapture": "WheelEventHandler<HTMLTableElement> | undefined",
          "onAnimationStart": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onAnimationStartCapture": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onAnimationEnd": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onAnimationEndCapture": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onAnimationIteration": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onAnimationIterationCapture": "AnimationEventHandler<HTMLTableElement> | undefined",
          "onTransitionCancel": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionCancelCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionEnd": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionEndCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionRun": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionRunCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionStart": "TransitionEventHandler<HTMLTableElement> | undefined",
          "onTransitionStartCapture": "TransitionEventHandler<HTMLTableElement> | undefined",
          "render": "DOMRenderFunction<\"table\" | \"div\", TableRenderProps> | undefined",
          "selectionMode": "SelectionMode | undefined",
          "disallowEmptySelection": "boolean | undefined",
          "selectedKeys": "\"all\" | Iterable<Key> | undefined",
          "defaultSelectedKeys": "\"all\" | Iterable<Key> | undefined",
          "onSelectionChange": "((keys: Selection) => void) | undefined",
          "disabledKeys": "Iterable<Key> | undefined",
          "escapeKeyBehavior": "\"none\" | \"clearSelection\" | undefined",
          "shouldSelectOnPressUp": "boolean | undefined",
          "treeColumn": "Key | undefined",
          "keyboardNavigationBehavior": "\"tab\" | \"arrow\" | undefined",
          "sortDescriptor": "SortDescriptor | undefined",
          "onSortChange": "((descriptor: SortDescriptor) => any) | undefined",
          "expandedKeys": "Iterable<Key> | undefined",
          "defaultExpandedKeys": "Iterable<Key> | undefined",
          "onExpandedChange": "((keys: Set<Key>) => any) | undefined",
          "selectionBehavior": "SelectionBehavior | undefined",
          "disabledBehavior": "DisabledBehavior | undefined",
          "onRowAction": "((key: Key) => void) | undefined",
          "dragAndDropHooks": "DragAndDropHooks | undefined"
        }
      }
    ],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeDataTableDemo}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeDataTableDemo/></NativeScope>}",
    "description": "A full data table block powered by TanStack Table - sortable columns with custom chevrons, row selection with indeterminate header state, per-row chips and actions, and a pagination footer. Rendering uses the Helios UI table primitives, so the logic and the look stay decoupled.",
    "canonical": true,
    "reference": "/components/data-table",
    "url": "http://127.0.0.1:4173/components/data-table",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-notification-center": {
    "id": "catalog-notification-center",
    "name": "Notification Center",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "NativeNotificationCenter",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "notifications": "NotificationCenterItem[]",
          "defaultTab": "NotificationCenterTab | undefined",
          "tab": "NotificationCenterTab | undefined",
          "onTabChange": "((tab: NotificationCenterTab) => void) | undefined",
          "onAction": "((notificationId: string, actionId: string) => void) | undefined",
          "title": "string | undefined",
          "emptyMessage": "string | undefined",
          "ref": "Ref<HTMLDivElement> | undefined",
          "defaultChecked": "boolean | undefined",
          "defaultValue": "string | number | readonly string[] | undefined",
          "suppressContentEditableWarning": "boolean | undefined",
          "suppressHydrationWarning": "boolean | undefined",
          "accessKey": "string | undefined",
          "autoCapitalize": "\"none\" | (string & {}) | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | undefined",
          "autoFocus": "boolean | undefined",
          "className": "string | undefined",
          "contentEditable": "\"inherit\" | Booleanish | \"plaintext-only\" | undefined",
          "contextMenu": "string | undefined",
          "dir": "string | undefined",
          "draggable": "Booleanish | undefined",
          "enterKeyHint": "\"next\" | \"previous\" | \"done\" | \"enter\" | \"go\" | \"search\" | \"send\" | undefined",
          "hidden": "boolean | undefined",
          "id": "string | undefined",
          "lang": "string | undefined",
          "nonce": "string | undefined",
          "slot": "string | undefined",
          "spellCheck": "Booleanish | undefined",
          "style": "CSSProperties | undefined",
          "tabIndex": "number | undefined",
          "translate": "\"yes\" | \"no\" | undefined",
          "radioGroup": "string | undefined",
          "role": "AriaRole | undefined",
          "about": "string | undefined",
          "content": "string | undefined",
          "datatype": "string | undefined",
          "inlist": "any",
          "prefix": "string | undefined",
          "property": "string | undefined",
          "rel": "string | undefined",
          "resource": "string | undefined",
          "rev": "string | undefined",
          "typeof": "string | undefined",
          "vocab": "string | undefined",
          "autoCorrect": "string | undefined",
          "autoSave": "string | undefined",
          "color": "string | undefined",
          "itemProp": "string | undefined",
          "itemScope": "boolean | undefined",
          "itemType": "string | undefined",
          "itemID": "string | undefined",
          "itemRef": "string | undefined",
          "results": "number | undefined",
          "security": "string | undefined",
          "unselectable": "\"off\" | \"on\" | undefined",
          "popover": "\"\" | \"hint\" | \"auto\" | \"manual\" | undefined",
          "popoverTargetAction": "\"toggle\" | \"show\" | \"hide\" | undefined",
          "popoverTarget": "string | undefined",
          "inert": "boolean | undefined",
          "inputMode": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
          "is": "string | undefined",
          "exportparts": "string | undefined",
          "part": "string | undefined",
          "aria-activedescendant": "string | undefined",
          "aria-atomic": "Booleanish | undefined",
          "aria-autocomplete": "\"list\" | \"none\" | \"both\" | \"inline\" | undefined",
          "aria-braillelabel": "string | undefined",
          "aria-brailleroledescription": "string | undefined",
          "aria-busy": "Booleanish | undefined",
          "aria-checked": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
          "aria-colcount": "number | undefined",
          "aria-colindex": "number | undefined",
          "aria-colindextext": "string | undefined",
          "aria-colspan": "number | undefined",
          "aria-controls": "string | undefined",
          "aria-current": "boolean | \"step\" | \"date\" | \"true\" | \"false\" | \"page\" | \"location\" | \"time\" | undefined",
          "aria-describedby": "string | undefined",
          "aria-description": "string | undefined",
          "aria-details": "string | undefined",
          "aria-disabled": "Booleanish | undefined",
          "aria-dropeffect": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\" | undefined",
          "aria-errormessage": "string | undefined",
          "aria-expanded": "Booleanish | undefined",
          "aria-flowto": "string | undefined",
          "aria-grabbed": "Booleanish | undefined",
          "aria-haspopup": "boolean | \"grid\" | \"true\" | \"false\" | \"dialog\" | \"listbox\" | \"menu\" | \"tree\" | undefined",
          "aria-hidden": "Booleanish | undefined",
          "aria-invalid": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\" | undefined",
          "aria-keyshortcuts": "string | undefined",
          "aria-label": "string | undefined",
          "aria-labelledby": "string | undefined",
          "aria-level": "number | undefined",
          "aria-live": "\"off\" | \"assertive\" | \"polite\" | undefined",
          "aria-modal": "Booleanish | undefined",
          "aria-multiline": "Booleanish | undefined",
          "aria-multiselectable": "Booleanish | undefined",
          "aria-orientation": "\"horizontal\" | \"vertical\" | undefined",
          "aria-owns": "string | undefined",
          "aria-placeholder": "string | undefined",
          "aria-posinset": "number | undefined",
          "aria-pressed": "boolean | \"true\" | \"false\" | \"mixed\" | undefined",
          "aria-readonly": "Booleanish | undefined",
          "aria-relevant": "\"all\" | \"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\" | undefined",
          "aria-required": "Booleanish | undefined",
          "aria-roledescription": "string | undefined",
          "aria-rowcount": "number | undefined",
          "aria-rowindex": "number | undefined",
          "aria-rowindextext": "string | undefined",
          "aria-rowspan": "number | undefined",
          "aria-selected": "Booleanish | undefined",
          "aria-setsize": "number | undefined",
          "aria-sort": "\"none\" | \"other\" | \"ascending\" | \"descending\" | undefined",
          "aria-valuemax": "number | undefined",
          "aria-valuemin": "number | undefined",
          "aria-valuenow": "number | undefined",
          "aria-valuetext": "string | undefined",
          "children": "ReactNode",
          "dangerouslySetInnerHTML": "{ __html: string | TrustedHTML; } | undefined",
          "onCopy": "ClipboardEventHandler<HTMLDivElement> | undefined",
          "onCopyCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
          "onCut": "ClipboardEventHandler<HTMLDivElement> | undefined",
          "onCutCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
          "onPaste": "ClipboardEventHandler<HTMLDivElement> | undefined",
          "onPasteCapture": "ClipboardEventHandler<HTMLDivElement> | undefined",
          "onCompositionEnd": "CompositionEventHandler<HTMLDivElement> | undefined",
          "onCompositionEndCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
          "onCompositionStart": "CompositionEventHandler<HTMLDivElement> | undefined",
          "onCompositionStartCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
          "onCompositionUpdate": "CompositionEventHandler<HTMLDivElement> | undefined",
          "onCompositionUpdateCapture": "CompositionEventHandler<HTMLDivElement> | undefined",
          "onFocus": "FocusEventHandler<HTMLDivElement> | undefined",
          "onFocusCapture": "FocusEventHandler<HTMLDivElement> | undefined",
          "onBlur": "FocusEventHandler<HTMLDivElement> | undefined",
          "onBlurCapture": "FocusEventHandler<HTMLDivElement> | undefined",
          "onChangeCapture": "ChangeEventHandler<HTMLDivElement, Element> | undefined",
          "onBeforeInput": "InputEventHandler<HTMLDivElement> | undefined",
          "onBeforeInputCapture": "InputEventHandler<HTMLDivElement> | undefined",
          "onInput": "InputEventHandler<HTMLDivElement> | undefined",
          "onInputCapture": "InputEventHandler<HTMLDivElement> | undefined",
          "onReset": "ReactEventHandler<HTMLDivElement> | undefined",
          "onResetCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onSubmit": "SubmitEventHandler<HTMLDivElement> | undefined",
          "onSubmitCapture": "SubmitEventHandler<HTMLDivElement> | undefined",
          "onInvalid": "ReactEventHandler<HTMLDivElement> | undefined",
          "onInvalidCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onLoad": "ReactEventHandler<HTMLDivElement> | undefined",
          "onLoadCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onError": "ReactEventHandler<HTMLDivElement> | undefined",
          "onErrorCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onKeyDown": "KeyboardEventHandler<HTMLDivElement> | undefined",
          "onKeyDownCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
          "onKeyPress": "KeyboardEventHandler<HTMLDivElement> | undefined",
          "onKeyPressCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
          "onKeyUp": "KeyboardEventHandler<HTMLDivElement> | undefined",
          "onKeyUpCapture": "KeyboardEventHandler<HTMLDivElement> | undefined",
          "onAbort": "ReactEventHandler<HTMLDivElement> | undefined",
          "onAbortCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onCanPlay": "ReactEventHandler<HTMLDivElement> | undefined",
          "onCanPlayCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onCanPlayThrough": "ReactEventHandler<HTMLDivElement> | undefined",
          "onCanPlayThroughCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onDurationChange": "ReactEventHandler<HTMLDivElement> | undefined",
          "onDurationChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onEmptied": "ReactEventHandler<HTMLDivElement> | undefined",
          "onEmptiedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onEncrypted": "ReactEventHandler<HTMLDivElement> | undefined",
          "onEncryptedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onEnded": "ReactEventHandler<HTMLDivElement> | undefined",
          "onEndedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onLoadedData": "ReactEventHandler<HTMLDivElement> | undefined",
          "onLoadedDataCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onLoadedMetadata": "ReactEventHandler<HTMLDivElement> | undefined",
          "onLoadedMetadataCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onLoadStart": "ReactEventHandler<HTMLDivElement> | undefined",
          "onLoadStartCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onPause": "ReactEventHandler<HTMLDivElement> | undefined",
          "onPauseCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onPlay": "ReactEventHandler<HTMLDivElement> | undefined",
          "onPlayCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onPlaying": "ReactEventHandler<HTMLDivElement> | undefined",
          "onPlayingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onProgress": "ReactEventHandler<HTMLDivElement> | undefined",
          "onProgressCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onRateChange": "ReactEventHandler<HTMLDivElement> | undefined",
          "onRateChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onSeeked": "ReactEventHandler<HTMLDivElement> | undefined",
          "onSeekedCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onSeeking": "ReactEventHandler<HTMLDivElement> | undefined",
          "onSeekingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onStalled": "ReactEventHandler<HTMLDivElement> | undefined",
          "onStalledCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onSuspend": "ReactEventHandler<HTMLDivElement> | undefined",
          "onSuspendCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onTimeUpdate": "ReactEventHandler<HTMLDivElement> | undefined",
          "onTimeUpdateCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onVolumeChange": "ReactEventHandler<HTMLDivElement> | undefined",
          "onVolumeChangeCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onWaiting": "ReactEventHandler<HTMLDivElement> | undefined",
          "onWaitingCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onAuxClick": "MouseEventHandler<HTMLDivElement> | undefined",
          "onAuxClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
          "onClick": "MouseEventHandler<HTMLDivElement> | undefined",
          "onClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
          "onContextMenu": "MouseEventHandler<HTMLDivElement> | undefined",
          "onContextMenuCapture": "MouseEventHandler<HTMLDivElement> | undefined",
          "onDoubleClick": "MouseEventHandler<HTMLDivElement> | undefined",
          "onDoubleClickCapture": "MouseEventHandler<HTMLDivElement> | undefined",
          "onDrag": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragCapture": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragEnd": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragEndCapture": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragEnter": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragEnterCapture": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragExit": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragExitCapture": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragLeave": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragLeaveCapture": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragOver": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragOverCapture": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragStart": "DragEventHandler<HTMLDivElement> | undefined",
          "onDragStartCapture": "DragEventHandler<HTMLDivElement> | undefined",
          "onDrop": "DragEventHandler<HTMLDivElement> | undefined",
          "onDropCapture": "DragEventHandler<HTMLDivElement> | undefined",
          "onMouseDown": "MouseEventHandler<HTMLDivElement> | undefined",
          "onMouseDownCapture": "MouseEventHandler<HTMLDivElement> | undefined",
          "onMouseEnter": "MouseEventHandler<HTMLDivElement> | undefined",
          "onMouseLeave": "MouseEventHandler<HTMLDivElement> | undefined",
          "onMouseMove": "MouseEventHandler<HTMLDivElement> | undefined",
          "onMouseMoveCapture": "MouseEventHandler<HTMLDivElement> | undefined",
          "onMouseOut": "MouseEventHandler<HTMLDivElement> | undefined",
          "onMouseOutCapture": "MouseEventHandler<HTMLDivElement> | undefined",
          "onMouseOver": "MouseEventHandler<HTMLDivElement> | undefined",
          "onMouseOverCapture": "MouseEventHandler<HTMLDivElement> | undefined",
          "onMouseUp": "MouseEventHandler<HTMLDivElement> | undefined",
          "onMouseUpCapture": "MouseEventHandler<HTMLDivElement> | undefined",
          "onSelect": "ReactEventHandler<HTMLDivElement> | undefined",
          "onSelectCapture": "ReactEventHandler<HTMLDivElement> | undefined",
          "onTouchCancel": "TouchEventHandler<HTMLDivElement> | undefined",
          "onTouchCancelCapture": "TouchEventHandler<HTMLDivElement> | undefined",
          "onTouchEnd": "TouchEventHandler<HTMLDivElement> | undefined",
          "onTouchEndCapture": "TouchEventHandler<HTMLDivElement> | undefined",
          "onTouchMove": "TouchEventHandler<HTMLDivElement> | undefined",
          "onTouchMoveCapture": "TouchEventHandler<HTMLDivElement> | undefined",
          "onTouchStart": "TouchEventHandler<HTMLDivElement> | undefined",
          "onTouchStartCapture": "TouchEventHandler<HTMLDivElement> | undefined",
          "onPointerDown": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerDownCapture": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerMove": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerMoveCapture": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerUp": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerUpCapture": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerCancel": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerCancelCapture": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerEnter": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerLeave": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerOver": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerOverCapture": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerOut": "PointerEventHandler<HTMLDivElement> | undefined",
          "onPointerOutCapture": "PointerEventHandler<HTMLDivElement> | undefined",
          "onGotPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
          "onGotPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
          "onLostPointerCapture": "PointerEventHandler<HTMLDivElement> | undefined",
          "onLostPointerCaptureCapture": "PointerEventHandler<HTMLDivElement> | undefined",
          "onScroll": "UIEventHandler<HTMLDivElement> | undefined",
          "onScrollCapture": "UIEventHandler<HTMLDivElement> | undefined",
          "onScrollEnd": "UIEventHandler<HTMLDivElement> | undefined",
          "onScrollEndCapture": "UIEventHandler<HTMLDivElement> | undefined",
          "onWheel": "WheelEventHandler<HTMLDivElement> | undefined",
          "onWheelCapture": "WheelEventHandler<HTMLDivElement> | undefined",
          "onAnimationStart": "AnimationEventHandler<HTMLDivElement> | undefined",
          "onAnimationStartCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
          "onAnimationEnd": "AnimationEventHandler<HTMLDivElement> | undefined",
          "onAnimationEndCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
          "onAnimationIteration": "AnimationEventHandler<HTMLDivElement> | undefined",
          "onAnimationIterationCapture": "AnimationEventHandler<HTMLDivElement> | undefined",
          "onToggle": "ToggleEventHandler<HTMLDivElement> | undefined",
          "onBeforeToggle": "ToggleEventHandler<HTMLDivElement> | undefined",
          "onTransitionCancel": "TransitionEventHandler<HTMLDivElement> | undefined",
          "onTransitionCancelCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
          "onTransitionEnd": "TransitionEventHandler<HTMLDivElement> | undefined",
          "onTransitionEndCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
          "onTransitionRun": "TransitionEventHandler<HTMLDivElement> | undefined",
          "onTransitionRunCapture": "TransitionEventHandler<HTMLDivElement> | undefined",
          "onTransitionStart": "TransitionEventHandler<HTMLDivElement> | undefined",
          "onTransitionStartCapture": "TransitionEventHandler<HTMLDivElement> | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"notification-center\"/>;}",
    "description": "A complete activity inbox with three animated filter tabs, grouped timelines, unread states, avatar and status visuals, optional inline actions, mark-all-read behavior, and a composed empty state.",
    "canonical": true,
    "reference": "/components/notification-center",
    "url": "http://127.0.0.1:4173/components/notification-center",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-settings-modal": {
    "id": "catalog-settings-modal",
    "name": "Settings Modal",
    "group": "Additional components",
    "exportName": "NativeSettingsModal",
    "sourceExport": "SettingsModal",
    "file": "src/board-native/components/application/settings/settings-modal.tsx",
    "props": {
      "isOpen": "boolean",
      "onClose": "() => void",
      "defaultPage": "SettingsPage | undefined",
      "planArtSrc": "string | undefined",
      "onAction": "((action: NativeAction) => void) | undefined",
      "marketplace": "ReactNode"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeSettingsModalExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeSettingsModalExample/></NativeScope>}",
    "description": "A controlled application-level settings dialog with General, Profile, Tools, and Storage views. It portals to the document body, owns its internal page navigation, and leaves the trigger and open state to whichever page, sidebar, or account menu installs it.",
    "canonical": true,
    "reference": "/components/settings-modal",
    "url": "http://127.0.0.1:4173/components/settings-modal",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-sidebar": {
    "id": "catalog-sidebar",
    "name": "Sidebar",
    "group": "Additional components",
    "exportName": "NativeDashboardSidebar",
    "sourceExport": "DashboardSidebar",
    "file": "src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
    "props": {
      "onNavigate": "((item: DashboardNavItem) => void) | undefined",
      "onSettings": "(() => void) | undefined",
      "onSupport": "(() => void) | undefined",
      "onAccountAction": "((action: string) => void) | undefined",
      "onCollapsedChange": "((collapsed: boolean) => void) | undefined",
      "userName": "string | undefined",
      "userInitials": "string | undefined",
      "teamName": "string | undefined",
      "teamEmail": "string | undefined",
      "teamAvatarSrc": "string | undefined",
      "teamPlan": "string | undefined",
      "onUpgrade": "(() => void) | undefined",
      "renderNavigation": "((state: { query: string; collapsed: boolean; mobile: boolean; }) => ReactNode) | undefined",
      "mobile": "boolean | undefined",
      "onClose": "(() => void) | undefined",
      "fluid": "boolean | undefined",
      "showThemeToggle": "boolean | undefined",
      "selected": "string | undefined",
      "items": "DashboardNavItem[] | undefined",
      "flat": "boolean | undefined",
      "className": "string | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeSidebarExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeSidebarExample/></NativeScope>}",
    "description": "The floating navigation panel from the dashboard template - 260px wide, radius/3xl, white hairline border and the sidebar elevation shadow. Composes the team menu, quick search with Kbd hint, nav items with badges, an announcement card, and the user menu.",
    "canonical": true,
    "reference": "/components/sidebar",
    "url": "http://127.0.0.1:4173/components/sidebar",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-stat-cards": {
    "id": "catalog-stat-cards",
    "name": "Stat Cards",
    "group": "Additional components",
    "exportName": "NativeStatCards",
    "sourceExport": "StatCards",
    "file": "src/board-native/components/application/dashboard/stat-cards.tsx",
    "props": {
      "variant": "StatCardsVariant | undefined",
      "stats": "Stat[] | undefined",
      "count": "number | undefined",
      "columns": "4 | 2 | 1 | undefined",
      "className": "string | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeStatCardsExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeStatCardsExample/></NativeScope>}",
    "description": "KPI cards for dashboard headers, in two looks - the compact row the dashboard templates use, and a footer variant with a gradient icon tile, an optional info tooltip, a display-size value, and a footer band carrying the comparison caption and a delta pill.",
    "canonical": true,
    "reference": "/components/stat-cards",
    "url": "http://127.0.0.1:4173/components/stat-cards",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-theme-toggle": {
    "id": "catalog-theme-toggle",
    "name": "Theme Toggle",
    "group": "Additional components",
    "exportName": "NativeThemeToggle",
    "sourceExport": "ThemeToggle",
    "file": "src/board-native/components/application/theme/theme-toggle.tsx",
    "props": {
      "collapsed": "boolean | undefined",
      "appearance": "\"segmented\" | \"sidebar\" | \"sidebar-segmented\" | \"glass-segmented\" | undefined",
      "className": "string | undefined",
      "size": "\"medium\" | \"small\" | undefined",
      "transitionDuration": "number | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport '@helios-ui/react/styles.css';\nimport{NativeScope,NativeThemeToggleExample}from'@helios-ui/react';\nexport function Example(){return <NativeScope><NativeThemeToggleExample/></NativeScope>}",
    "description": "A manual light/dark control for application sidebars. The next theme reveals smoothly from the exact interaction point, the user’s choice persists locally, and reduced-motion or unsupported browsers fall back to an immediate switch.",
    "canonical": true,
    "reference": "/components/theme-toggle",
    "url": "http://127.0.0.1:4173/components/theme-toggle",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/BoardNativeExamples.tsx",
      "react/src/board-native/contract-code.json",
      "react/src/board-native/section-copy.json",
      "react/src/BoardNativeVariants.tsx",
      "react/src/board-native/exports.ts",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/board-native/components/application/dashboard/stat-cards.tsx",
      "react/src/board-native/components/application/data-grid/data-grid-utils.ts",
      "react/src/board-native/components/application/data-grid/data-grid.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/application/data-table/data-table.tsx",
      "react/src/board-native/components/application/docs/examples/data-table-example.tsx",
      "react/src/board-native/components/base/badges/status-dot.tsx",
      "react/src/board-native/components/base/table/table.tsx",
      "react/src/board-native/components/application/docs/examples/data-grid-example.tsx",
      "react/src/board-native/components/application/docs/tree-view-preview.tsx",
      "react/src/board-native/components/base/tree-view/tree-view.tsx",
      "react/src/board-native/components/base/announcement/announcement.tsx",
      "react/src/board-native/components/base/breadcrumb/breadcrumb.tsx",
      "react/src/board-native/NativeAnchor.tsx",
      "react/src/board-native/components/base/buttons/button-group.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/carousel/carousel.tsx",
      "react/src/board-native/utils/scroll-direction.ts",
      "react/src/board-native/components/base/checkbox/checkbox-card.tsx",
      "react/src/board-native/components/base/date-picker/date-range-picker.tsx",
      "react/src/board-native/components/base/date-picker/meeting-scheduler.tsx",
      "react/src/board-native/NativeImage.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/notification/notification.tsx",
      "react/src/board-native/components/base/radio/radio-card.tsx",
      "react/src/board-native/components/base/radio/radio.tsx",
      "react/src/board-native/components/base/slider/slider.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native/components/base/switch/switch-card.tsx",
      "react/src/board-native/components/base/tabs/tabs.tsx",
      "react/src/board-native/components/base/textarea/textarea.tsx",
      "react/src/board-native/observed-doc-icons.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/phone-countries.json",
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/examples/carousel-example.tsx",
      "react/src/board-native/catalog-previews.tsx",
      "react/src/board-native/landing-previews.tsx",
      "react/src/board-native/landing-meeting.tsx",
      "react/src/board-native/examples/announcement-example.tsx",
      "react/src/board-native/examples/avatar-example.tsx",
      "react/src/board-native/examples/breadcrumb-example.tsx",
      "react/src/board-native/examples/button-example.tsx",
      "react/src/board-native/examples/button-group-example.tsx",
      "react/src/board-native/examples/checkbox-example.tsx",
      "react/src/board-native/examples/chip-example.tsx",
      "react/src/board-native/examples/close-button-example.tsx",
      "react/src/board-native/examples/date-picker-example.tsx",
      "react/src/board-native/examples/divider-example.tsx",
      "react/src/board-native/examples/dropdown-example.tsx",
      "react/src/board-native/examples/file-upload-example.tsx",
      "react/src/board-native/examples/icon-button-example.tsx",
      "react/src/board-native/examples/input-example.tsx",
      "react/src/board-native/examples/input-otp-example.tsx",
      "react/src/board-native/examples/link-button-example.tsx",
      "react/src/board-native/examples/notification-example.tsx",
      "react/src/board-native/examples/pagination-example.tsx",
      "react/src/board-native/examples/radio-example.tsx",
      "react/src/board-native/examples/segmented-control-example.tsx",
      "react/src/board-native/examples/select-example.tsx",
      "react/src/board-native/examples/slider-example.tsx",
      "react/src/board-native/examples/social-button-example.tsx",
      "react/src/board-native/examples/switch-example.tsx",
      "react/src/board-native/examples/table-example.tsx",
      "react/src/board-native/examples/tabs-example.tsx",
      "react/src/board-native/examples/textarea-example.tsx",
      "react/src/board-native/examples/tree-view-example.tsx",
      "react/src/board-native/examples/tooltip-example.tsx",
      "react/src/board-native/examples/data-grid-example.tsx",
      "react/src/board-native/examples/settings-modal-example.tsx",
      "react/src/board-native/examples/sidebar-example.tsx",
      "react/src/board-native/examples/stat-cards-example.tsx",
      "react/src/board-native/examples/data-table-example.tsx",
      "react/src/board-native/examples/badge-example.tsx",
      "react/src/board-native/examples/theme-toggle-example.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-composer": {
    "id": "catalog-composer",
    "name": "Composer",
    "group": "Agent components",
    "exportName": "SourceAgentPreview",
    "file": "src/AgentPatterns.tsx",
    "props": {
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "disabled": "boolean | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "id": "string",
      "example": "string | undefined",
      "assetsBase": "string | undefined"
    },
    "implementationAPIs": [
      {
        "exportName": "SourceComposer",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "state": "FamilyState | undefined",
          "onRetry": "(() => void) | undefined",
          "disabled": "boolean | undefined",
          "onSend": "((message: ComposerMessage) => void) | undefined",
          "showAttachments": "boolean | undefined",
          "showPanel": "boolean | undefined",
          "showLocalMessages": "boolean | undefined",
          "simulateAttachments": "boolean | undefined",
          "working": "boolean | undefined",
          "loadingLight": "boolean | undefined",
          "onStop": "(() => void) | undefined",
          "placeholder": "string | undefined",
          "value": "string | undefined",
          "onValueChange": "((value: string) => void) | undefined",
          "permission": "string | undefined",
          "onPermissionChange": "((value: string) => void) | undefined",
          "model": "string | undefined",
          "onModelChange": "((value: string) => void) | undefined",
          "effort": "number | undefined",
          "onEffortChange": "((value: number) => void) | undefined",
          "providers": "ComposerModelProvider[] | undefined",
          "attachments": "ComposerAttachment[] | undefined",
          "onRemoveAttachment": "((id: string) => void) | undefined",
          "onAttachmentsChange": "((attachments: ComposerAttachment[]) => void) | undefined",
          "uploadDuration": "number | undefined",
          "uploadGap": "number | undefined",
          "status": "ReactNode",
          "inputRef": "Ref<HTMLTextAreaElement> | undefined",
          "minRows": "number | undefined",
          "maxRows": "number | undefined",
          "defaultPermission": "string | undefined",
          "learnMoreHref": "string | undefined",
          "onLearnMore": "(() => void) | undefined",
          "onSubmit": "((text: string) => void) | undefined",
          "onUploadComplete": "((attachment: ComposerAttachment) => void) | undefined",
          "onAllUploaded": "(() => void) | undefined",
          "layout": "\"pill\" | \"panel\" | undefined",
          "fluid": "boolean | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {SourceAgentPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceAgentPreview id=\"composer\"/>;}",
    "description": "The AI chat composer from the AI Chat template as a standalone block: a pill input with working attachment and model menus, voice and send controls, the status bar with branch, project, agent mode and context meter, and a liquid-glass treatment that takes over the controls while the agent works.",
    "canonical": true,
    "reference": "/components/composer",
    "url": "http://127.0.0.1:4173/components/composer",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/Direction.tsx",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/components.tsx",
      "react/src/BaseFamilies.tsx",
      "react/src/family-types.ts",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DataTable.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-revenue-chart-card": {
    "id": "catalog-revenue-chart-card",
    "name": "Revenue Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"revenue-chart-card\"/>;}",
    "description": "A year of monthly revenue drawn against the year before: the current year as a soft area and solid line, last year as a dashed line behind it, so the gap between them is the story. The headline counts up to the total with a delta chip, and hovering a month swaps it for that month's figure and what it was a year earlier. The same frame as the stat cards and the Pro chart cards, so it drops into any dashboard row. Free, built on Recharts.",
    "canonical": true,
    "reference": "/components/revenue-chart-card",
    "url": "http://127.0.0.1:4173/components/revenue-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-activity-rings-card": {
    "id": "catalog-activity-rings-card",
    "name": "Activity Rings Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"activity-rings-card\"/>;}",
    "description": "Apple Watch-style concentric goal rings - move, exercise, and running progress with hoverable ring focus and stat tiles below. Pairs with the Most Active Days card to show any selected day.",
    "canonical": true,
    "reference": "/components/activity-rings-card",
    "url": "http://127.0.0.1:4173/components/activity-rings-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-area-chart-card": {
    "id": "catalog-area-chart-card",
    "name": "Area Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"area-chart-card\"/>;}",
    "description": "Composition over time - several series as stacked areas with soft gradient fills, a dashed cursor, and a count-up headline that swaps to the hovered category's total. One prop switches between stacked, overlapping and 100% views; another swaps the monotone spline for straight segments.",
    "canonical": true,
    "reference": "/components/area-chart-card",
    "url": "http://127.0.0.1:4173/components/area-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-bar-list-card": {
    "id": "catalog-bar-list-card",
    "name": "Bar List Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"bar-list-card\"/>;}",
    "description": "The analytics breakdown list - traffic by device, browser, OS, country, or source as ranked rows whose background bars encode each item's share, label on the bar, metric on the right. Our underline Tabs switch between lists, the metric caption sits on the same baseline, and long lists fade behind a small pill that expands the rest so the card grows with them.",
    "canonical": true,
    "reference": "/components/bar-list-card",
    "url": "http://127.0.0.1:4173/components/bar-list-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-combo-chart-card": {
    "id": "catalog-combo-chart-card",
    "name": "Combo Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"combo-chart-card\"/>;}",
    "description": "Volume and rate on one canvas - rounded bars on the left axis, a line on its own right axis, each with its own formatting. Hovering a category darkens its bar, dims the rest, pops a pulsing dot on the line, and swaps the headline; the tiles below hold the bar total and the line average.",
    "canonical": true,
    "reference": "/components/combo-chart-card",
    "url": "http://127.0.0.1:4173/components/combo-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-contributions-card": {
    "id": "catalog-contributions-card",
    "name": "Contributions Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"contributions-card\"/>;}",
    "description": "A GitHub-style contributions heat grid - 53 weeks of activity cells with intensity steps, month labels, and a swappable accent color family (nine palettes) so it matches any dashboard theme.",
    "canonical": true,
    "reference": "/components/contributions-card",
    "url": "http://127.0.0.1:4173/components/contributions-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-earnings-chart-card": {
    "id": "catalog-earnings-chart-card",
    "name": "Earnings Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"earnings-chart-card\"/>;}",
    "description": "The “Earned so far” bar chart from the dashboard - a Recharts bar series with a Weekly / Monthly / Yearly segmented switcher, a count-up dollar headline, and a hover outline on the active bar.",
    "canonical": true,
    "reference": "/components/earnings-chart-card",
    "url": "http://127.0.0.1:4173/components/earnings-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-funnel-chart-card": {
    "id": "catalog-funnel-chart-card",
    "name": "Funnel Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"funnel-chart-card\"/>;}",
    "description": "A horizontal flow funnel in the dashboard card shell. Every stage is a column sized to its share of the top of the funnel that tapers into the next, with a centred percentage pill and a value/name footer; hovering a stage lifts it out by dimming the rest and swaps the headline. Recharts' funnel is a vertical trapezoid stack, so this one is hand-drawn from the same tokens. For the list version see the Stage Bars Card.",
    "canonical": true,
    "reference": "/components/funnel-chart-card",
    "url": "http://127.0.0.1:4173/components/funnel-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-heatmap-chart-card": {
    "id": "catalog-heatmap-chart-card",
    "name": "Heatmap Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"heatmap-chart-card\"/>;}",
    "description": "A matrix heatmap in the dashboard card shell - weekday × hour, region × month, anything with two axes. Cells mix the accent into the chart track by value so the ramp follows the theme in both modes; hovering a cell rings it, darkens its row and column labels, and swaps the headline to that cell's value. Plain CSS grid, no chart library.",
    "canonical": true,
    "reference": "/components/heatmap-chart-card",
    "url": "http://127.0.0.1:4173/components/heatmap-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-most-active-days-card": {
    "id": "catalog-most-active-days-card",
    "name": "Most Active Days Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"most-active-days-card\"/>;}",
    "description": "A continuously scrolling vertical month calendar where every day renders a mini activity ring - with a floating month pill that walks along as you scroll, and day selection that can drive the Activity Rings card.",
    "canonical": true,
    "reference": "/components/most-active-days-card",
    "url": "http://127.0.0.1:4173/components/most-active-days-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-radar-chart-card": {
    "id": "catalog-radar-chart-card",
    "name": "Radar Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"radar-chart-card\"/>;}",
    "description": "A radar chart in the dashboard card shell - polygon grid in the chart tokens, count-up headline that follows the hovered axis, delta chip and period pill, and a pulsing active dot on every series. One prop switches between filled, dotted, lines-only, and a centre-score layout.",
    "canonical": true,
    "reference": "/components/radar-chart-card",
    "url": "http://127.0.0.1:4173/components/radar-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-radial-chart-card": {
    "id": "catalog-radial-chart-card",
    "name": "Radial Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"radial-chart-card\"/>;}",
    "description": "Radial bars in the dashboard card shell - rounded arcs over the chart track, hover darkening one tone like every other Helios UI chart, and a count-up headline that follows the hovered ring. Six looks from one prop: plain, labelled, or gridded rings, thin and solid single-value gauges, and a stacked half gauge.",
    "canonical": true,
    "reference": "/components/radial-chart-card",
    "url": "http://127.0.0.1:4173/components/radial-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-line-chart-card": {
    "id": "catalog-line-chart-card",
    "name": "Line Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"line-chart-card\"/>;}",
    "description": "The line chart from the dashboard - a Recharts line over a soft area gradient, Weekly/Monthly/Yearly switcher, delta chip, and a count-up headline with a pulsing active dot that follows the cursor. Curved by default; one prop switches to sharp, straight-segment corners.",
    "canonical": true,
    "reference": "/components/line-chart-card",
    "url": "http://127.0.0.1:4173/components/line-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-sankey-chart-card": {
    "id": "catalog-sankey-chart-card",
    "name": "Sankey Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"sankey-chart-card\"/>;}",
    "description": "A Sankey flow in the dashboard card shell. Recharts lays out the nodes and links; the card draws pill nodes in the chart tokens, tints every ribbon with its source's colour so each origin's flows read as one family, labels sources with name and value on the left and sinks with their share on the right, and isolates whatever you hover - node or link - while the headline follows.",
    "canonical": true,
    "reference": "/components/sankey-chart-card",
    "url": "http://127.0.0.1:4173/components/sankey-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-scatter-chart-card": {
    "id": "catalog-scatter-chart-card",
    "name": "Scatter Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"scatter-chart-card\"/>;}",
    "description": "The correlation view - one dot per record placed by two measures, sized by a third when the data carries one. Points are grouped into series so each cohort keeps its own colour; hovering one swaps the headline to that record and dims the other series, and axis captions sit under the plot.",
    "canonical": true,
    "reference": "/components/scatter-chart-card",
    "url": "http://127.0.0.1:4173/components/scatter-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-sleep-score-card": {
    "id": "catalog-sleep-score-card",
    "name": "Sleep Score Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"sleep-score-card\"/>;}",
    "description": "The sleep score ring from the medical dashboard - a segmented arc gauge where hovering a metric row focuses its segment, with duration, quality, and consistency sub-scores below.",
    "canonical": true,
    "reference": "/components/sleep-score-card",
    "url": "http://127.0.0.1:4173/components/sleep-score-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-stage-bars-card": {
    "id": "catalog-stage-bars-card",
    "name": "Stage Bars Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"stage-bars-card\"/>;}",
    "description": "The funnel as a list - one rounded pill per stage over the chart track, name on the left, value and share of the top stage on the right. Widths animate in on mount, hovering a stage darkens its pill and fades the rest, and the headline follows. Takes the same stages as the Funnel Chart Card.",
    "canonical": true,
    "reference": "/components/stage-bars-card",
    "url": "http://127.0.0.1:4173/components/stage-bars-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-steps-card": {
    "id": "catalog-steps-card",
    "name": "Steps Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"steps-card\"/>;}",
    "description": "The weekly steps bar chart from the medical dashboard - seven day bars with a week-range switcher, a count-up step total, and a hover outline on the active bar.",
    "canonical": true,
    "reference": "/components/steps-card",
    "url": "http://127.0.0.1:4173/components/steps-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-orders-chart-card": {
    "id": "catalog-orders-chart-card",
    "name": "Orders Chart Card",
    "group": "Charts",
    "exportName": "SourceChartPreview",
    "file": "src/ChartFamilies.tsx",
    "props": {
      "disabled": "boolean | undefined",
      "id": "string",
      "title": "string | undefined",
      "color": "string | undefined",
      "onSelect": "((row: ChartDatum, index: number) => void) | undefined",
      "size": "\"sm\" | \"md\" | \"lg\" | undefined",
      "variant": "ChartVariant | undefined",
      "max": "number | undefined",
      "line": "ChartSeries | undefined",
      "rows": "ChartMatrixRow[] | undefined",
      "compact": "boolean | undefined",
      "shape": "\"curved\" | \"sharp\" | undefined",
      "state": "FamilyState | undefined",
      "tab": "string | undefined",
      "defaultSelected": "number | undefined",
      "items": "ChartStage[] | undefined",
      "onRetry": "(() => void) | undefined",
      "periodPresentation": "\"segmented\" | \"date\" | undefined",
      "sourceDefaultLayout": "boolean | undefined",
      "data": "(ChartDatum | ChartInputDatum)[] | undefined",
      "series": "ChartSeries[] | undefined",
      "bar": "ChartSeries | undefined",
      "stages": "ChartStage[] | undefined",
      "tabs": "ChartListTab[] | undefined",
      "columns": "string[] | undefined",
      "nodes": "ChartFlowNode[] | undefined",
      "links": "ChartFlowLink[] | undefined",
      "metric": "\"value\" | \"share\" | undefined",
      "tiles": "boolean | undefined",
      "showIcons": "boolean | undefined",
      "ranges": "ChartRange[] | undefined",
      "range": "string | undefined",
      "defaultRange": "string | undefined",
      "onRangeChange": "((id: string, range: ChartRange) => void) | undefined",
      "defaultTab": "string | undefined",
      "onTabChange": "((id: string) => void) | undefined",
      "headline": "string | number | undefined",
      "delta": "number | undefined",
      "unit": "ChartUnit | undefined",
      "mono": "boolean | undefined",
      "limit": "number | undefined",
      "bubble": "boolean | undefined",
      "axisLabels": "[string, string] | undefined",
      "example": "string | undefined",
      "fluid": "boolean | undefined"
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {SourceChartPreview} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <SourceChartPreview id=\"orders-chart-card\"/>;}",
    "description": "A year of monthly orders as bars, this year beside last year for every month, so the comparison is read bar to bar. The headline counts up to the total with a delta chip, and hovering a month swaps it for that month's figure and what it was a year earlier. The same frame and header as the Revenue Chart Card, so the two share a row. Free, built on Recharts.",
    "canonical": true,
    "reference": "/components/orders-chart-card",
    "url": "http://127.0.0.1:4173/components/orders-chart-card",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/useMotionPreference.ts",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/components.tsx",
      "react/src/family-types.ts",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-chat-starter": {
    "id": "catalog-chat-starter",
    "name": "Chat Starter",
    "group": "Template patterns",
    "exportName": "BoardTemplate",
    "file": "src/BoardTemplates.tsx",
    "props": {
      "storageKey": "string | undefined",
      "initialGroup": "boolean | undefined",
      "initialEditorOpen": "boolean | undefined",
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "assetsBase": "string | undefined",
      "onNavigate": "((id: \"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\") => void) | undefined",
      "chrome": "boolean | undefined",
      "embedded": "boolean | undefined",
      "onMarketplaceAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
      "id": "\"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\""
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {BoardTemplate} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <BoardTemplate id=\"chat-starter\" embedded/>;}",
    "description": "A working AI chat app, free and deployable in a click. The app sidebar, a pill composer with model chip and stop control, a thinking indicator, streamed replies with copy and read-aloud actions, and a chat history rail that lives in the visitor's browser. Behind it, one route reads your provider key server-side and streams answers with the Vercel AI SDK. Everything installs as source, so it is yours to change.",
    "canonical": true,
    "reference": "/components/chat-starter",
    "url": "http://127.0.0.1:4173/components/chat-starter",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-multi-agent-chat": {
    "id": "catalog-multi-agent-chat",
    "name": "Multi-agent Chat",
    "group": "Template patterns",
    "exportName": "BoardTemplate",
    "file": "src/BoardTemplates.tsx",
    "props": {
      "storageKey": "string | undefined",
      "initialGroup": "boolean | undefined",
      "initialEditorOpen": "boolean | undefined",
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "assetsBase": "string | undefined",
      "onNavigate": "((id: \"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\") => void) | undefined",
      "chrome": "boolean | undefined",
      "embedded": "boolean | undefined",
      "onMarketplaceAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
      "id": "\"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\""
    },
    "implementationAPIs": [
      {
        "exportName": "MultiAgentChat",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "presentation": "\"interactive\" | \"source\" | undefined",
          "mobileSidebar": "boolean | undefined",
          "availableAgents": "AgentChatParticipant[] | undefined",
          "sidebarActions": "ReactNode | ((controls: { startChat: (members?: AgentChatParticipant[] | undefined) => void; createAgent: () => void; closeSidebar: () => void; }) => ReactNode)",
          "sidebarFooter": "ReactNode | ((controls: { clearSavedChat: () => void; storageEnabled: boolean; storageNote: string; closeSidebar: () => void; }) => ReactNode)",
          "onEditorToggle": "((open: boolean, participant?: AgentChatParticipant | undefined) => void) | undefined",
          "onMarketplace": "(() => void) | undefined",
          "disabled": "boolean | undefined",
          "conversations": "AgentConversation[] | undefined",
          "threads": "AgentConversation[] | undefined",
          "onThreadsChange": "((threads: AgentConversation[]) => void) | undefined",
          "initialWorkspace": "AgentWorkspace | undefined",
          "defaultEditorId": "string | null | undefined",
          "storageKey": "string | null | undefined",
          "onRespond": "((agent: AgentChatParticipant, messages: AgentChatMessage[], signal: AbortSignal) => string | Promise<string>) | undefined"
        }
      },
      {
        "exportName": "SourceComposer",
        "file": "src/AgentPatterns.tsx",
        "props": {
          "state": "FamilyState | undefined",
          "onRetry": "(() => void) | undefined",
          "disabled": "boolean | undefined",
          "onSend": "((message: ComposerMessage) => void) | undefined",
          "showAttachments": "boolean | undefined",
          "showPanel": "boolean | undefined",
          "showLocalMessages": "boolean | undefined",
          "simulateAttachments": "boolean | undefined",
          "working": "boolean | undefined",
          "loadingLight": "boolean | undefined",
          "onStop": "(() => void) | undefined",
          "placeholder": "string | undefined",
          "value": "string | undefined",
          "onValueChange": "((value: string) => void) | undefined",
          "permission": "string | undefined",
          "onPermissionChange": "((value: string) => void) | undefined",
          "model": "string | undefined",
          "onModelChange": "((value: string) => void) | undefined",
          "effort": "number | undefined",
          "onEffortChange": "((value: number) => void) | undefined",
          "providers": "ComposerModelProvider[] | undefined",
          "attachments": "ComposerAttachment[] | undefined",
          "onRemoveAttachment": "((id: string) => void) | undefined",
          "onAttachmentsChange": "((attachments: ComposerAttachment[]) => void) | undefined",
          "uploadDuration": "number | undefined",
          "uploadGap": "number | undefined",
          "status": "ReactNode",
          "inputRef": "Ref<HTMLTextAreaElement> | undefined",
          "minRows": "number | undefined",
          "maxRows": "number | undefined",
          "defaultPermission": "string | undefined",
          "learnMoreHref": "string | undefined",
          "onLearnMore": "(() => void) | undefined",
          "onSubmit": "((text: string) => void) | undefined",
          "onUploadComplete": "((attachment: ComposerAttachment) => void) | undefined",
          "onAllUploaded": "(() => void) | undefined",
          "layout": "\"pill\" | \"panel\" | undefined",
          "fluid": "boolean | undefined"
        }
      },
      {
        "exportName": "AgentMarketplace",
        "file": "src/BoardTemplates.tsx",
        "props": {
          "installedIds": "string[] | undefined",
          "onInstalledIdsChange": "((ids: string[]) => void) | undefined",
          "onAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
          "onClose": "(() => void) | undefined",
          "initialItemId": "string | undefined"
        }
      }
    ],
    "example": "'use client';\nimport {BoardTemplate} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <BoardTemplate id=\"multi-agent-chat\" embedded initialGroup initialEditorOpen={false}/>;}",
    "description": "A complete interface for agentic products. Bring agents into individual or group conversations, give each one a distinct identity, and connect the workspace to your own response service. Includes animated avatars, a reusable agent creator, a plugin marketplace, and automatic browser saving.",
    "canonical": true,
    "reference": "/components/multi-agent-chat",
    "url": "http://127.0.0.1:4173/components/multi-agent-chat",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-ai-chat": {
    "id": "catalog-ai-chat",
    "name": "AI Chat",
    "group": "Template patterns",
    "exportName": "BoardTemplate",
    "file": "src/BoardTemplates.tsx",
    "props": {
      "storageKey": "string | undefined",
      "initialGroup": "boolean | undefined",
      "initialEditorOpen": "boolean | undefined",
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "assetsBase": "string | undefined",
      "onNavigate": "((id: \"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\") => void) | undefined",
      "chrome": "boolean | undefined",
      "embedded": "boolean | undefined",
      "onMarketplaceAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
      "id": "\"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\""
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {BoardTemplate} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <BoardTemplate id=\"ai-chat\" embedded/>;}",
    "description": "A complete coding-agent chat screen, in the style of Cursor or Claude Code - an agent sidebar with quick actions and a repositories tree of recent chats, a chat thread with user/assistant turns and feedback actions, a pill composer with attach, model picker, mic and send, a status bar with branch, project, mode and context meter, and a fixed-width side panel switching between uncommitted changes with a live code view and a browser preview. The chat column flexes to fill wider breakpoints while the code panel keeps its fixed width.",
    "canonical": true,
    "reference": "/components/ai-chat",
    "url": "http://127.0.0.1:4173/components/ai-chat",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-ai-image-generation": {
    "id": "catalog-ai-image-generation",
    "name": "AI Image Generation",
    "group": "Template patterns",
    "exportName": "BoardTemplate",
    "file": "src/BoardTemplates.tsx",
    "props": {
      "storageKey": "string | undefined",
      "initialGroup": "boolean | undefined",
      "initialEditorOpen": "boolean | undefined",
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "assetsBase": "string | undefined",
      "onNavigate": "((id: \"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\") => void) | undefined",
      "chrome": "boolean | undefined",
      "embedded": "boolean | undefined",
      "onMarketplaceAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
      "id": "\"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\""
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {BoardTemplate} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <BoardTemplate id=\"ai-image-generation\" embedded/>;}",
    "description": "An image-generation agent screen built on the AI Chat shell. The prompt thread renders a live generation frame that unfolds into the conversation, counts down while a canvas ripple animates, then reveals the result through a feathered radial mask; feedback actions offer copy-with-confirmation and toast responses. The right panel swaps the code view for a masonry gallery of past generations with per-tile download and overflow actions.",
    "canonical": true,
    "reference": "/components/ai-image-generation",
    "url": "http://127.0.0.1:4173/components/ai-image-generation",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-ai-profile": {
    "id": "catalog-ai-profile",
    "name": "AI Profile",
    "group": "Template patterns",
    "exportName": "BoardTemplate",
    "file": "src/BoardTemplates.tsx",
    "props": {
      "storageKey": "string | undefined",
      "initialGroup": "boolean | undefined",
      "initialEditorOpen": "boolean | undefined",
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "assetsBase": "string | undefined",
      "onNavigate": "((id: \"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\") => void) | undefined",
      "chrome": "boolean | undefined",
      "embedded": "boolean | undefined",
      "onMarketplaceAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
      "id": "\"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\""
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {BoardTemplate} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <BoardTemplate id=\"ai-profile\" embedded/>;}",
    "description": "A GitHub-style contributions profile for AI work - cover photo and identity card, contributions headline with stat tiles, an activity heatmap, a 30-day agents bar chart with month switcher (idle days collapse to grey stubs), and a tokens trend line with sharp joins. Fully responsive, down to a slide-in drawer on mobile.",
    "canonical": true,
    "reference": "/components/ai-profile",
    "url": "http://127.0.0.1:4173/components/ai-profile",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-finance-dashboard": {
    "id": "catalog-finance-dashboard",
    "name": "Finance Dashboard",
    "group": "Template patterns",
    "exportName": "BoardTemplate",
    "file": "src/BoardTemplates.tsx",
    "props": {
      "storageKey": "string | undefined",
      "initialGroup": "boolean | undefined",
      "initialEditorOpen": "boolean | undefined",
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "assetsBase": "string | undefined",
      "onNavigate": "((id: \"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\") => void) | undefined",
      "chrome": "boolean | undefined",
      "embedded": "boolean | undefined",
      "onMarketplaceAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
      "id": "\"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\""
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {BoardTemplate} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <BoardTemplate id=\"finance\" embedded/>;}",
    "description": "A complete personal finance screen - balance KPI cards, a full-width cash-flow sankey from income sources to spending, spending-by-category rings, portfolio risk vs. return bubbles, a daily spending heatmap, and a transactions data table. Fully responsive, down to a slide-in drawer on mobile.",
    "canonical": true,
    "reference": "/components/finance-dashboard",
    "url": "http://127.0.0.1:4173/components/finance-dashboard",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-home-dashboard": {
    "id": "catalog-home-dashboard",
    "name": "Home Dashboard",
    "group": "Template patterns",
    "exportName": "BoardTemplate",
    "file": "src/BoardTemplates.tsx",
    "props": {
      "storageKey": "string | undefined",
      "initialGroup": "boolean | undefined",
      "initialEditorOpen": "boolean | undefined",
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "assetsBase": "string | undefined",
      "onNavigate": "((id: \"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\") => void) | undefined",
      "chrome": "boolean | undefined",
      "embedded": "boolean | undefined",
      "onMarketplaceAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
      "id": "\"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\""
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {BoardTemplate} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <BoardTemplate id=\"dashboard\" embedded/>;}",
    "description": "A complete admin dashboard screen - floating sidebar navigation, header with search and notifications, KPI stat cards, an earnings bar chart, and a customers data table with filtering, sorting, and pagination. Fully responsive, down to a slide-in drawer on mobile.",
    "canonical": true,
    "reference": "/components/home-dashboard",
    "url": "http://127.0.0.1:4173/components/home-dashboard",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-marketing-dashboard": {
    "id": "catalog-marketing-dashboard",
    "name": "Marketing Dashboard",
    "group": "Template patterns",
    "exportName": "BoardTemplate",
    "file": "src/BoardTemplates.tsx",
    "props": {
      "storageKey": "string | undefined",
      "initialGroup": "boolean | undefined",
      "initialEditorOpen": "boolean | undefined",
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "assetsBase": "string | undefined",
      "onNavigate": "((id: \"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\") => void) | undefined",
      "chrome": "boolean | undefined",
      "embedded": "boolean | undefined",
      "onMarketplaceAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
      "id": "\"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\""
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {BoardTemplate} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <BoardTemplate id=\"marketing\" embedded/>;}",
    "description": "A complete marketing analytics screen - campaign KPI cards, the acquisition funnel, a spend-by-channel half gauge, tabbed traffic sources, ad spend vs. ROAS on twin axes, visitors by channel, and a campaigns data table. Fully responsive, down to a slide-in drawer on mobile.",
    "canonical": true,
    "reference": "/components/marketing-dashboard",
    "url": "http://127.0.0.1:4173/components/marketing-dashboard",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-medical-profile": {
    "id": "catalog-medical-profile",
    "name": "Medical Profile",
    "group": "Template patterns",
    "exportName": "BoardTemplate",
    "file": "src/BoardTemplates.tsx",
    "props": {
      "storageKey": "string | undefined",
      "initialGroup": "boolean | undefined",
      "initialEditorOpen": "boolean | undefined",
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "assetsBase": "string | undefined",
      "onNavigate": "((id: \"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\") => void) | undefined",
      "chrome": "boolean | undefined",
      "embedded": "boolean | undefined",
      "onMarketplaceAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
      "id": "\"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\""
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {BoardTemplate} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <BoardTemplate id=\"medical-profile\" embedded/>;}",
    "description": "A complete health dashboard screen - patient info card, steps and sleep score charts, the most active days calendar wired to the activity rings card, an important alerts feed, and a patients data table. Fully responsive, down to a slide-in drawer on mobile.",
    "canonical": true,
    "reference": "/components/medical-profile",
    "url": "http://127.0.0.1:4173/components/medical-profile",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  },
  "catalog-project-board": {
    "id": "catalog-project-board",
    "name": "Project Board",
    "group": "Template patterns",
    "exportName": "BoardTemplate",
    "file": "src/BoardTemplates.tsx",
    "props": {
      "storageKey": "string | undefined",
      "initialGroup": "boolean | undefined",
      "initialEditorOpen": "boolean | undefined",
      "state": "FamilyState | undefined",
      "onRetry": "(() => void) | undefined",
      "assetsBase": "string | undefined",
      "onNavigate": "((id: \"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\") => void) | undefined",
      "chrome": "boolean | undefined",
      "embedded": "boolean | undefined",
      "onMarketplaceAction": "((event: MarketplaceAction) => void | Promise<void>) | undefined",
      "id": "\"dashboard\" | \"hr\" | \"finance\" | \"marketing\" | \"medical-profile\" | \"calendar\" | \"project-board\" | \"chat-starter\" | \"multi-agent-chat\" | \"ai-chat\" | \"ai-image-generation\" | \"ai-profile\""
    },
    "implementationAPIs": [],
    "example": "'use client';\nimport {BoardTemplate} from '@helios-ui/react';\nimport '@helios-ui/react/styles.css';\nexport default function Example(){return <BoardTemplate id=\"project-board\" embedded/>;}",
    "description": "A complete kanban workspace for product and engineering teams, with five workflow stages, smooth drag and drop, animated ticket creation and detail panels, editable properties, comments, and token usage charts. Includes sorting, filtering, light and dark themes, and responsive navigation.",
    "canonical": true,
    "reference": "/components/project-board",
    "url": "http://127.0.0.1:4173/components/project-board",
    "figma": null,
    "framework": "react",
    "dependencies": [
      "react ^19.2.4",
      "react-dom ^19.2.4",
      "@internationalized/date ^3.12.4",
      "@remixicon/react ^4.9.0",
      "@tanstack/react-table ^8.21.3",
      "motion ^12.43.0",
      "react-aria-components ^1.22.1",
      "recharts ^3.10.1",
      "tailwind-merge ^3.7.0",
      "zod ^4.6.7",
      "react-aria ^3.53.1"
    ],
    "styles": [
      "react/src/styles.css"
    ],
    "sourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ],
    "dependencySourceFiles": [
      "react/src/BoardTemplates.tsx",
      "react/src/template-definitions.ts",
      "react/src/icons.tsx",
      "react/src/icon-glyphs.json",
      "react/src/BoundedChartText.tsx",
      "react/src/Direction.tsx",
      "react/src/board-native/components/base/date-picker/shared.tsx",
      "react/src/board-native/utils/cx.ts",
      "react/src/useMotionPreference.ts",
      "react/src/components.tsx",
      "react/src/DataTable.tsx",
      "react/src/ChartFamilies.tsx",
      "react/src/board-native-charts/source-chart-data.json",
      "react/src/board-native-charts/source-section-copy.json",
      "react/src/board-native-charts/orders-chart-card.tsx",
      "react/src/board-native/components/base/badges/chip.tsx",
      "react/src/board-native-charts/use-count-up.ts",
      "react/src/board-native-charts/revenue-chart-card.tsx",
      "react/src/board-native/components/base/select/select.tsx",
      "react/src/board-native/components/base/dropdown/menu-styles.ts",
      "react/src/board-native/components/foundations/icons/chevrons.tsx",
      "react/src/board-native/utils/use-dismiss-on-outside-press.ts",
      "react/src/board-native/NativeScope.tsx",
      "react/src/board-native/NativeEnvironment.tsx",
      "react/src/board-native/NativeLocalDialog.tsx",
      "react/src/board-native/components/base/buttons/button.tsx",
      "react/src/board-native/utils/directional-icon.ts",
      "react/src/board-native/components/foundations/template-copy/template-copy.tsx",
      "react/src/ModernCharts.tsx",
      "react/src/family-types.ts",
      "react/src/AgentPatterns.tsx",
      "react/src/board-native-agents/creator-artwork.json",
      "react/src/board-native-agents/source-section-copy.json",
      "react/src/CreatorAppearance.tsx",
      "react/src/CreatorAvatar.tsx",
      "react/src/creator-avatar-renderer.ts",
      "react/src/BoardExtras.tsx",
      "react/src/theme-transition.ts",
      "react/src/BaseFamilies.tsx",
      "react/src/board-native/components/base/switch/switch.tsx",
      "react/src/board-native/components/base/segmented-control/segmented-control.tsx",
      "react/src/board-native/components/foundations/direction/direction.tsx",
      "react/src/board-native/components/base/dropdown/dropdown.tsx",
      "react/src/ApplicationFamilies.tsx",
      "react/src/DateRangeExamples.tsx",
      "react/src/board-native-agents/components/application/agent-thinking/agent-thinking.tsx",
      "react/src/board-native-agents/components/application/auth/auth-card.tsx",
      "react/src/board-native/components/base/checkbox/checkbox.tsx",
      "react/src/board-native/components/base/checkbox/checkbox-glyph.tsx",
      "react/src/board-native/components/base/divider/divider.tsx",
      "react/src/board-native/components/base/input/input.tsx",
      "react/src/board-native/components/base/input/label.tsx",
      "react/src/board-native/components/base/input/hint-text.tsx",
      "react/src/board-native/components/base/input-otp/input-otp.tsx",
      "react/src/board-native/components/base/buttons/link-button.tsx",
      "react/src/board-native/components/base/social-button/social-button.tsx",
      "react/src/board-native/components/base/social-button/social-color-logos.ts",
      "react/src/board-native/components/base/social-button/social-providers.ts",
      "react/src/board-native-agents/components/application/auth/auth-media-carousel.tsx",
      "react/src/board-native-agents/components/application/composer-loader/composer-loader.tsx",
      "react/src/board-native-agents/components/application/notification-center/notification-center.tsx",
      "react/src/board-native/components/base/avatar/avatar.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-sidebar.tsx",
      "react/src/board-native/components/application/settings/settings-modal.tsx",
      "react/src/board-native/components/application/settings/settings-general.tsx",
      "react/src/board-native/components/application/settings/plan-art-flame.tsx",
      "react/src/board-native/components/application/settings/settings-rows.tsx",
      "react/src/board-native/components/application/settings/settings-profile.tsx",
      "react/src/board-native/components/base/date-picker/date-picker.tsx",
      "react/src/board-native/components/application/settings/settings-storage.tsx",
      "react/src/board-native/components/base/buttons/icon-button.tsx",
      "react/src/board-native/components/base/file-upload/file-upload.tsx",
      "react/src/board-native/components/base/file-upload/file-upload-validation.ts",
      "react/src/board-native/components/base/pagination/pagination.tsx",
      "react/src/board-native/components/base/tooltip/tooltip.tsx",
      "react/src/board-native/components/application/settings/settings-tools.tsx",
      "react/src/board-native/components/base/tabs/pill-tab.tsx",
      "react/src/board-native/components/application/theme/theme-toggle.tsx",
      "react/src/board-native/components/base/badges/badge.tsx",
      "react/src/board-native/components/base/buttons/close-button.tsx",
      "react/src/board-native/components/base/kbd/kbd.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-team-menu.tsx",
      "react/src/board-native/components/application/dashboard/dashboard-user-menu.tsx",
      "react/src/styles.css",
      "react/src/board-palette.css",
      "react/src/date-range.css",
      "react/src/template-foundation.css",
      "react/src/base-families.css",
      "react/src/application-families.css",
      "react/src/board-extras.css",
      "react/src/agent-patterns.css",
      "react/src/chart-families.css",
      "react/src/templates-react.css",
      "react/src/board-templates.css",
      "react/src/board-native.css",
      "react/package.json",
      "react/src/board-native/LICENSE"
    ]
  }
}