@expokit/cli 0.0.0-stage → 0.2.0

package/registry/_docs/glass-search-bar.json

@@ -0,0 +1,90 @@
+{
+  "name": "glass-search-bar",
+  "category": "Glass",
+  "aliases": [],
+  "exportName": "GlassSearchBar",
+  "files": [
+    "src/components/ui/glass-search-bar.tsx"
+  ],
+  "props": [
+    [
+      "value / defaultValue / onChangeText",
+      "string",
+      "—",
+      "Controlled or uncontrolled query; clear and cancel report ''."
+    ],
+    [
+      "placeholder",
+      "string",
+      "\"Search\"",
+      "Placeholder, also the field's accessibility label."
+    ],
+    [
+      "onSubmit",
+      "(text: string) => void",
+      "—",
+      "Called with the query when the keyboard's search key is pressed."
+    ],
+    [
+      "showCancel",
+      "boolean",
+      "false",
+      "A glass cancel button springs in beside the pill while focused or holding text."
+    ],
+    [
+      "cancelLabel",
+      "string",
+      "— (round ✕)",
+      "Text for the cancel button, e.g. \"Cancel\"; without it the button is a round ✕."
+    ],
+    [
+      "onCancel",
+      "() => void",
+      "—",
+      "After cancel clears the query and dismisses the keyboard."
+    ],
+    [
+      "leading",
+      "ReactNode",
+      "magnifier",
+      "Replaces the magnifier at the start of the pill."
+    ],
+    [
+      "trailing",
+      "ReactNode",
+      "—",
+      "Inside the pill at the end, e.g. a mic button."
+    ],
+    [
+      "autoFocus",
+      "boolean",
+      "false",
+      "Focus the field on mount."
+    ],
+    [
+      "scheme",
+      "'light' | 'dark'",
+      "kit theme",
+      "Force light or dark glass and ink, e.g. 'dark' over a photo."
+    ],
+    [
+      "size",
+      "'md' | 'lg'",
+      "'md'",
+      "44 / 52pt tall; font, icons and padding scale too."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Row holding the pill and the cancel button."
+    ],
+    [
+      "…TextInputProps",
+      "",
+      "",
+      "editable, returnKeyType, onFocus, onBlur, onSubmitEditing, … (ref forwards to the TextInput)."
+    ]
+  ],
+  "examples": []
+}

package/registry/_docs/glass-segmented.json

@@ -0,0 +1,66 @@
+{
+  "name": "glass-segmented",
+  "category": "Glass",
+  "aliases": [],
+  "exportName": "GlassSegmentedControl",
+  "files": [
+    "src/components/ui/glass-segmented.tsx"
+  ],
+  "props": [
+    [
+      "options",
+      "(string | { value, label, icon? })[]",
+      "—",
+      "Equal-width segments; icon is a node shown before the label."
+    ],
+    [
+      "value / onChange",
+      "string / (value) => void",
+      "—",
+      "Controlled selection (or use defaultValue). Fires on tap and on release after a drag."
+    ],
+    [
+      "defaultValue",
+      "string",
+      "first segment",
+      "Initial selection when uncontrolled."
+    ],
+    [
+      "size",
+      "'sm' | 'md'",
+      "'md'",
+      "32 / 40pt tall."
+    ],
+    [
+      "scheme",
+      "'light' | 'dark'",
+      "kit theme",
+      "Force light or dark glass and ink, e.g. over a photo."
+    ],
+    [
+      "accent",
+      "string",
+      "glass ink (black / white)",
+      "Selection colour: fills the thumb; the label switches to black or white to stay readable."
+    ],
+    [
+      "haptics",
+      "boolean",
+      "true",
+      "Selection tick on change and while dragging across segments."
+    ],
+    [
+      "accessibilityLabel",
+      "string",
+      "—",
+      "Label for the whole control (tablist; each segment is a tab with selected state)."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Style for the glass track."
+    ]
+  ],
+  "examples": []
+}

package/registry/_docs/glass-sheet.json

@@ -0,0 +1,108 @@
+{
+  "name": "glass-sheet",
+  "category": "Glass",
+  "aliases": [],
+  "exportName": "GlassSheet",
+  "files": [
+    "src/components/ui/glass-sheet.tsx"
+  ],
+  "props": [
+    [
+      "open",
+      "boolean",
+      "—",
+      "Show the sheet."
+    ],
+    [
+      "onClose",
+      "() => void",
+      "—",
+      "Called after it is dragged, flung, tapped or back-buttoned closed."
+    ],
+    [
+      "snapPoints",
+      "(number | \"NN%\")[]",
+      "fits content",
+      "Resting heights in points or % of the screen; without them one snap sized to the content (capped below the status bar)."
+    ],
+    [
+      "initialSnap",
+      "number",
+      "0",
+      "Snap index it opens at."
+    ],
+    [
+      "onSnapChange",
+      "(index: number) => void",
+      "—",
+      "Fires when it settles on another snap."
+    ],
+    [
+      "title",
+      "string",
+      "—",
+      "Centred heading under the grabber."
+    ],
+    [
+      "detached",
+      "boolean",
+      "true",
+      "Float inset from the screen edges with every corner rounded (iOS 26); false docks it edge-to-edge."
+    ],
+    [
+      "inset",
+      "number",
+      "10",
+      "Gap to the screen edges when detached."
+    ],
+    [
+      "radius",
+      "number",
+      "32",
+      "Corner radius."
+    ],
+    [
+      "scheme",
+      "'light' | 'dark'",
+      "kit theme",
+      "Force light or dark glass and ink."
+    ],
+    [
+      "dismissible",
+      "boolean",
+      "true",
+      "Allow drag-down / backdrop tap / back to close; otherwise it rubber-bands at the lowest snap."
+    ],
+    [
+      "haptics",
+      "boolean",
+      "true",
+      "Light tap on open, selection tick on each snap."
+    ],
+    [
+      "bottomInset",
+      "number",
+      "platform safe inset",
+      "Edge-to-edge: padding above the home indicator; pass useSafeAreaInsets().bottom for the device."
+    ],
+    [
+      "accessibilityLabel",
+      "string",
+      "title",
+      "Label for the modal sheet."
+    ],
+    [
+      "style / contentStyle",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Sheet style (e.g. maxWidth) and the scrolling content container."
+    ],
+    [
+      "children",
+      "ReactNode",
+      "—",
+      "Sheet content; scrolls at the top snap when taller than the sheet."
+    ]
+  ],
+  "examples": []
+}

package/registry/_docs/glass-tab-bar.json

@@ -0,0 +1,76 @@
+{
+  "name": "glass-tab-bar",
+  "category": "Glass",
+  "aliases": [
+    "liquid-glass-tabs",
+    "floating-tab-bar",
+    "ios-26-tab-bar"
+  ],
+  "exportName": "GlassTabBar",
+  "files": [
+    "src/components/ui/glass-tab-bar.tsx"
+  ],
+  "props": [
+    [
+      "tabs",
+      "{ key, label, icon, badge? }[]",
+      "—",
+      "Tabs, left to right. `icon` is a render function `({ color, size, focused }) => node`; `badge` (number | string) shows a red count bubble, hidden when 0 or ''."
+    ],
+    [
+      "value / defaultValue",
+      "string",
+      "first tab",
+      "Selected tab key (controlled / uncontrolled)."
+    ],
+    [
+      "onChange",
+      "(key: string) => void",
+      "—",
+      "Called when a different tab is pressed."
+    ],
+    [
+      "showLabels",
+      "boolean",
+      "true",
+      "Labels under the icons. Icons-only tabs get a slightly larger icon."
+    ],
+    [
+      "accent",
+      "string",
+      "kit accent (glass ink)",
+      "Selected icon and label colour — black on light glass, white on dark unless the kit accent is customised."
+    ],
+    [
+      "scheme",
+      "'light' | 'dark'",
+      "kit theme",
+      "Force light or dark glass, e.g. 'dark' over photos."
+    ],
+    [
+      "trailing",
+      "{ icon, onPress, label }",
+      "—",
+      "A separate circular glass button to the right (e.g. search), grouped with the bar so they melt together on iOS 26. `label` is its accessibility label."
+    ],
+    [
+      "haptics",
+      "boolean",
+      "true",
+      "Selection tick on tab change, light tap on the trailing button."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Style of the outer row. The bar does not position itself — place it (e.g. absolute, bottom: insets.bottom + 8)."
+    ],
+    [
+      "GLASS_TAB_BAR_HEIGHT",
+      "number",
+      "62",
+      "Exported height of the bar (and the trailing circle) — pad your scroll content by it."
+    ]
+  ],
+  "examples": []
+}

package/registry/_docs/glass.json

@@ -0,0 +1,78 @@
+{
+  "name": "glass",
+  "category": "Glass",
+  "aliases": [],
+  "exportName": "GlassProvider",
+  "files": [
+    "src/components/ui/glass.tsx"
+  ],
+  "props": [
+    [
+      "variant",
+      "'regular' | 'clear'",
+      "'regular'",
+      "Frosted, or more see-through for media behind."
+    ],
+    [
+      "tint",
+      "string",
+      "—",
+      "Colour washed into the glass, e.g. your accent for a selected state."
+    ],
+    [
+      "interactive",
+      "boolean",
+      "false",
+      "iOS 26: the glass shimmers and bounces under touch."
+    ],
+    [
+      "radius",
+      "number | 'full'",
+      "kit lg radius",
+      "Corner radius, or 'full' for pills and circles."
+    ],
+    [
+      "intensity",
+      "number",
+      "60",
+      "Blur strength 1–100 where blur is emulated."
+    ],
+    [
+      "edge / shadow",
+      "boolean",
+      "true / true",
+      "Specular rim + hairline edge, and the soft drop shadow (emulated glass)."
+    ],
+    [
+      "scheme",
+      "'light' | 'dark'",
+      "kit theme",
+      "Force light or dark glass, e.g. over a photo."
+    ],
+    [
+      "GlassGroup",
+      "{ spacing }",
+      "12",
+      "Shapes inside melt together on iOS 26 when closer than spacing."
+    ],
+    [
+      "GlassProvider / GlassBackdrop / GlassIsolate",
+      "wrappers",
+      "—",
+      "Android real blur: put the content behind the glass in GlassBackdrop, glass UI as its siblings. GlassIsolate opts a subtree (e.g. a Modal) out."
+    ],
+    [
+      "liquidGlass / useGlassInk()",
+      "boolean / hook",
+      "—",
+      "Whether native Liquid Glass is on; text colours that read on glass."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Size, padding and layout."
+    ]
+  ],
+  "examples": []
+}

package/registry/_docs/inbox.json

@@ -0,0 +1,72 @@
+{
+  "name": "inbox",
+  "category": "Blocks",
+  "aliases": [],
+  "exportName": "Inbox",
+  "files": [
+    "src/components/blocks/inbox.tsx"
+  ],
+  "props": [
+    [
+      "messages",
+      "{ id, from, avatar?, subject, preview, time, unread?, mentioned?, online? }[]",
+      "6 sample threads",
+      "Initial threads. Archive / delete / read state is kept locally."
+    ],
+    [
+      "title",
+      "string",
+      "'Inbox'",
+      "Screen heading."
+    ],
+    [
+      "defaultFilter",
+      "'all' | 'unread' | 'mentions'",
+      "'all'",
+      "Initially selected filter chip."
+    ],
+    [
+      "onOpen",
+      "(message) => void",
+      "—",
+      "A row was tapped (it is marked read)."
+    ],
+    [
+      "onArchive",
+      "(message) => void",
+      "—",
+      "Swiped / tapped Archive."
+    ],
+    [
+      "onDelete",
+      "(message) => void",
+      "—",
+      "Swiped / tapped Delete."
+    ],
+    [
+      "onToggleRead",
+      "(message, unread: boolean) => void",
+      "—",
+      "Marked read or unread."
+    ],
+    [
+      "onCompose",
+      "() => void",
+      "—",
+      "Shows a compose button in the header when set."
+    ],
+    [
+      "accent",
+      "string",
+      "theme accent",
+      "Chip, badge, search focus and time colour."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Root style."
+    ]
+  ],
+  "examples": []
+}

package/registry/_docs/isometric-bar.json

@@ -0,0 +1,72 @@
+{
+  "name": "isometric-bar",
+  "category": "Charts",
+  "aliases": [],
+  "exportName": "IsometricBarChart",
+  "files": [
+    "src/components/charts/isometric-bar.tsx"
+  ],
+  "props": [
+    [
+      "data",
+      "{ label, value, color? }[]",
+      "—",
+      "One block per category."
+    ],
+    [
+      "height",
+      "number",
+      "240",
+      "Chart height."
+    ],
+    [
+      "animate",
+      "boolean",
+      "true",
+      "Entrance animation."
+    ],
+    [
+      "isLoading",
+      "boolean",
+      "false",
+      "Skeleton state."
+    ],
+    [
+      "formatValue",
+      "(v) => string",
+      "compact",
+      "Value formatting."
+    ],
+    [
+      "onSelect",
+      "(item, index) => void",
+      "—",
+      "Tap callback."
+    ],
+    [
+      "depth",
+      "number",
+      "10",
+      "3D depth."
+    ],
+    [
+      "direction",
+      "\"left\" | \"right\"",
+      "\"right\"",
+      "Side the depth goes."
+    ],
+    [
+      "highlightMax",
+      "boolean | string",
+      "true",
+      "Colour for the tallest bar."
+    ],
+    [
+      "color",
+      "string",
+      "palette[0]",
+      "Bar colour."
+    ]
+  ],
+  "examples": []
+}

package/registry/_docs/kit.json

@@ -0,0 +1,11 @@
+{
+  "name": "kit",
+  "category": null,
+  "aliases": [],
+  "exportName": "KitProvider",
+  "files": [
+    "src/lib/kit.tsx"
+  ],
+  "props": [],
+  "examples": []
+}

package/registry/_docs/kpi-card.json

@@ -0,0 +1,11 @@
+{
+  "name": "kpi-card",
+  "category": null,
+  "aliases": [],
+  "exportName": "KpiCard",
+  "files": [
+    "src/components/charts/kpi-card.tsx"
+  ],
+  "props": [],
+  "examples": []
+}

package/registry/_docs/like-button.json

@@ -0,0 +1,72 @@
+{
+  "name": "like-button",
+  "category": "Buttons",
+  "aliases": [],
+  "exportName": "LikeButton",
+  "files": [
+    "src/components/ui/like-button.tsx"
+  ],
+  "props": [
+    [
+      "liked / onChange",
+      "boolean",
+      "—",
+      "Controlled state (or use defaultLiked)."
+    ],
+    [
+      "defaultLiked",
+      "boolean",
+      "false",
+      "Initial state when uncontrolled; `count` is the count for this state."
+    ],
+    [
+      "variant",
+      "\"heart\" | \"star\" | \"bookmark\"",
+      "\"heart\"",
+      "Heart, star or bookmark icon; also picks the default liked colour and label."
+    ],
+    [
+      "count",
+      "number",
+      "—",
+      "Shows a rolling counter (1.2K formatting). Uncontrolled: the count for defaultLiked; the component adds the user's like."
+    ],
+    [
+      "size",
+      "number",
+      "26",
+      "Icon size."
+    ],
+    [
+      "color",
+      "string",
+      "danger / warning / accent",
+      "Liked colour (per variant default)."
+    ],
+    [
+      "particleColors",
+      "string[]",
+      "liked colour + theme",
+      "Colours of the burst dots."
+    ],
+    [
+      "haptics",
+      "boolean",
+      "true",
+      "Tap when liking."
+    ],
+    [
+      "disabled",
+      "boolean",
+      "false",
+      "Blocks presses."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Style for the pressable row holding the icon and counter."
+    ]
+  ],
+  "examples": []
+}