@expokit/cli 0.0.0-stage → 0.3.0

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

@@ -0,0 +1,114 @@
+{
+  "name": "glass-search-bar",
+  "category": "Glass",
+  "aliases": [],
+  "exportName": "GlassSearchBar",
+  "files": [
+    "src/components/ui/glass-search-bar.tsx"
+  ],
+  "summary": "A floating glass search pill that swells on focus as a cancel button splits off.",
+  "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)."
+    ]
+  ],
+  "behavior": [
+    [
+      "Motion",
+      "The pill swells a touch on focus and a clear button pops in once there is text. With showCancel, a glass cancel button springs in beside it while searching."
+    ],
+    [
+      "Reduced motion",
+      "The pill no longer swells, and the clear and cancel buttons fade in with a short timing instead of a spring."
+    ],
+    [
+      "Keyboard",
+      "The return key reads Search and calls onSubmit with the query. Cancel clears the text and dismisses the keyboard."
+    ],
+    [
+      "Screen readers",
+      "The field has the search role and is labelled by its placeholder. The clear and cancel buttons read \"Clear search\" and cancelLabel (or \"Cancel search\")."
+    ],
+    [
+      "Platforms",
+      "Real Liquid Glass on iOS 26, where the pill and cancel button melt together. Blur or frosted glass everywhere else."
+    ]
+  ],
+  "usage": null,
+  "examples": []
+}

package/registry/_docs/glass-segmented.json

@@ -0,0 +1,94 @@
+{
+  "name": "glass-segmented",
+  "category": "Glass",
+  "aliases": [],
+  "exportName": "GlassSegmentedControl",
+  "files": [
+    "src/components/ui/glass-segmented.tsx"
+  ],
+  "summary": "A glass segmented control whose thumb stretches toward the new segment like a drop.",
+  "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."
+    ]
+  ],
+  "behavior": [
+    [
+      "Touch",
+      "Tap a segment, or press the thumb and drag it across. It follows your finger and snaps to the nearest segment on release."
+    ],
+    [
+      "Motion",
+      "The thumb springs to the new segment, stretching in the direction of travel before it settles. It lifts slightly while you drag it."
+    ],
+    [
+      "Reduced motion",
+      "The thumb slides over in a short timing with no stretch, and does not lift when dragged."
+    ],
+    [
+      "Haptics",
+      "A selection tick on change and each time a drag crosses into another segment."
+    ],
+    [
+      "Screen readers",
+      "The control is a tablist and each segment a tab with its label and selected state."
+    ],
+    [
+      "Platforms",
+      "Built on Glass: real Liquid Glass on iOS 26, blurred or frosted glass elsewhere."
+    ]
+  ],
+  "usage": null,
+  "examples": []
+}

package/registry/_docs/glass-sheet.json

@@ -0,0 +1,136 @@
+{
+  "name": "glass-sheet",
+  "category": "Glass",
+  "aliases": [],
+  "exportName": "GlassSheet",
+  "files": [
+    "src/components/ui/glass-sheet.tsx"
+  ],
+  "summary": "A floating glass bottom sheet that follows your finger and snaps with velocity.",
+  "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."
+    ]
+  ],
+  "behavior": [
+    [
+      "Touch",
+      "Drag from the grabber or the content. Release velocity picks the snap point, and a fling down or a backdrop tap dismisses it."
+    ],
+    [
+      "Motion",
+      "It springs up over a fading dim and the grabber widens while held. Without snapPoints it sizes to its content, and taller content scrolls."
+    ],
+    [
+      "Reduced motion",
+      "Snapping, opening and closing use short timings instead of springs."
+    ],
+    [
+      "Haptics",
+      "A light tap on open and a selection tick each time it settles on a snap point."
+    ],
+    [
+      "Screen readers",
+      "The sheet is modal and the escape gesture closes it. The grabber is adjustable: increment and decrement step between snap points, and decrement from the lowest one closes it."
+    ],
+    [
+      "Platforms",
+      "Real Liquid Glass on iOS 26, material blur on older iOS and web, and a frosted surface on Android. Android back closes it."
+    ]
+  ],
+  "usage": null,
+  "examples": []
+}

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

@@ -0,0 +1,100 @@
+{
+  "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"
+  ],
+  "summary": "A floating glass tab bar whose selection bubble stretches as it springs between tabs.",
+  "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."
+    ]
+  ],
+  "behavior": [
+    [
+      "Motion",
+      "The lighter bubble springs to the selected tab, stretching as it travels and settling when it lands. The selected icon lifts, and buttons spring down while pressed."
+    ],
+    [
+      "Reduced motion",
+      "The bubble jumps to the new tab without stretching, icons switch without a spring and press springs are off."
+    ],
+    [
+      "Haptics",
+      "A selection tick when the tab changes and a light tap on the trailing button."
+    ],
+    [
+      "Screen readers",
+      "The bar is a tablist; each tab is a tab with its selected state, and the badge count is read after the label."
+    ],
+    [
+      "Platforms",
+      "Real Liquid Glass on iOS 26, where the trailing button melts into the bar. Blur everywhere else."
+    ]
+  ],
+  "usage": null,
+  "examples": []
+}

package/registry/_docs/glass.json

@@ -0,0 +1,94 @@
+{
+  "name": "glass",
+  "category": "Glass",
+  "aliases": [],
+  "exportName": "GlassProvider",
+  "files": [
+    "src/components/ui/glass.tsx"
+  ],
+  "summary": "A Liquid Glass surface: native on iOS 26, emulated with blur and a rim elsewhere.",
+  "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."
+    ]
+  ],
+  "behavior": [
+    [
+      "Touch",
+      "With interactive, iOS 26 glass shimmers and bounces under the finger. Elsewhere the prop is ignored."
+    ],
+    [
+      "Platforms",
+      "iOS 26 renders real Liquid Glass that GlassGroup can merge; older iOS uses a system material blur. Android blurs inside GlassProvider + GlassBackdrop and falls back to a frosted fill."
+    ],
+    [
+      "Web",
+      "Blurs what is behind it with a CSS backdrop blur. Wherever glass is emulated it adds a specular rim, a hairline edge and a soft shadow."
+    ]
+  ],
+  "usage": null,
+  "examples": []
+}

package/registry/_docs/inbox.json

@@ -0,0 +1,75 @@
+{
+  "name": "inbox",
+  "category": "Blocks",
+  "aliases": [],
+  "exportName": "Inbox",
+  "files": [
+    "src/components/blocks/inbox.tsx"
+  ],
+  "summary": null,
+  "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."
+    ]
+  ],
+  "behavior": [],
+  "usage": null,
+  "examples": []
+}

package/registry/_docs/isometric-bar.json

@@ -0,0 +1,75 @@
+{
+  "name": "isometric-bar",
+  "category": "Charts",
+  "aliases": [],
+  "exportName": "IsometricBarChart",
+  "files": [
+    "src/components/charts/isometric-bar.tsx"
+  ],
+  "summary": null,
+  "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."
+    ]
+  ],
+  "behavior": [],
+  "usage": null,
+  "examples": []
+}

package/registry/_docs/kit.json

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