@expokit/cli 0.2.0 → 0.3.0

package/registry/_docs/dialog.json

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/dialog.tsx"
   ],
+  "summary": "A centred alert whose card springs up from 0.92 while its tone icon draws itself.",
   "props": [
     [
       "open / defaultOpen",
@@ -122,6 +123,29 @@
       "Card style."
     ]
   ],
+  "behavior": [
+    [
+      "Motion",
+      "The scrim fades in while the card springs to full size. A confirm that returns false keeps it open and shakes it."
+    ],
+    [
+      "Reduced motion",
+      "The card fades in without the scale spring, and the tone icon appears fully drawn instead of animating. The shake is skipped."
+    ],
+    [
+      "Haptics",
+      "A warning tick on open for destructive, warning and danger dialogs, success for the success tone, and an error buzz on shake."
+    ],
+    [
+      "Screen readers",
+      "The title is a header; destructive, warning and danger dialogs use the alert role. Buttons report disabled and busy, and the error text is a polite live region."
+    ],
+    [
+      "Keyboard",
+      "Escape closes it on web, and Return submits a prompt field."
+    ]
+  ],
+  "usage": "import { useState } from 'react';\nimport { Dialog } from '@/components/ui/dialog';\n\nconst [open, setOpen] = useState(false);\n<Dialog\n  open={open} onOpenChange={setOpen}\n  variant=\"destructive\"\n  title=\"Delete this project?\"\n  confirmLabel=\"Delete\"\n/>",
   "examples": [
     {
       "name": "Basic",

package/registry/_docs/drawer.json

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/drawer.tsx"
   ],
+  "summary": "A side drawer that follows your finger, or pushes the screen aside as a card.",
   "props": [
     [
       "content",
@@ -146,6 +147,33 @@
       "Control the surrounding Drawer from inside it."
     ]
   ],
+  "behavior": [
+    [
+      "Touch",
+      "Swipe in from the screen edge to open and drag the panel or scrim to close. Release velocity decides where it settles, and it rubber-bands past fully open."
+    ],
+    [
+      "Motion",
+      "The panel springs in over a fading scrim; variant 'push' shrinks the screen into a rounded card and slides it aside. Active items spring in an accent pill and badges pop."
+    ],
+    [
+      "Reduced motion",
+      "Opening and closing use a short timing instead of a spring, the push variant no longer scales the screen, and item and badge pops are skipped."
+    ],
+    [
+      "Haptics",
+      "A light impact when the drawer opens and a selection tick when a DrawerItem is pressed."
+    ],
+    [
+      "Screen readers",
+      "The open panel is marked modal and hides itself when closed. DrawerItems are menu items with selected and disabled states, and the badge is read with the label."
+    ],
+    [
+      "Keyboard",
+      "Escape closes it on web; Android back closes it when it is rendered inline."
+    ]
+  ],
+  "usage": "import { useState } from 'react';\nimport { Drawer, DrawerItem } from '@/components/ui/drawer';\n\nconst [open, setOpen] = useState(false);\n<Drawer open={open} onOpenChange={setOpen} content={<DrawerItem label=\"Inbox\" icon=\"inbox\" active />}>\n  <InboxScreen onMenuPress={() => setOpen(true)} />\n</Drawer>",
   "examples": [
     {
       "name": "AppNavigation",

package/registry/_docs/fab.json

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/fab.tsx"
   ],
+  "summary": "A floating action button that fans out a staggered speed dial as its plus turns to ×.",
   "props": [
     [
       "actions",
@@ -116,5 +117,28 @@
       "Style for the absolutely positioned stack holding the main button and list actions."
     ]
   ],
+  "behavior": [
+    [
+      "Touch",
+      "Tapping the button opens the speed dial over an optional dimmed backdrop; tapping the backdrop closes it. Without actions it just calls onPress."
+    ],
+    [
+      "Motion",
+      "Actions spring out one after another as a labelled list or an arc. An extended FAB springs between a pill and a circle, and pulse loops a ring around it."
+    ],
+    [
+      "Reduced motion",
+      "The pulse ring stays off when reduce motion is on."
+    ],
+    [
+      "Haptics",
+      "A light impact when the button opens or closes the dial, or fires onPress."
+    ],
+    [
+      "Screen readers",
+      "The main button and each action are buttons; the main button reads \"Open actions\" / \"Close actions\" with an expanded state when it has a dial."
+    ]
+  ],
+  "usage": null,
   "examples": []
 }

package/registry/_docs/flip-card.json

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/flip-card.tsx"
   ],
+  "summary": "A two-sided card that turns over in 3D, lifting toward you half-way through.",
   "props": [
     [
       "front",
@@ -86,6 +87,21 @@
       "Style for the root (width, margins)."
     ]
   ],
+  "behavior": [
+    [
+      "Touch",
+      "Tap to flip. With trigger 'none' it only turns when you change flipped from outside."
+    ],
+    [
+      "Motion",
+      "A gentle spring turns the card around its vertical or horizontal axis while the shadow beneath narrows as it goes edge-on. Faces swap exactly at 90° so Android never flickers."
+    ],
+    [
+      "Screen readers",
+      "The card is a button whose hint says which side is showing, with an expanded state when flipped. The hidden face is hidden from screen readers."
+    ]
+  ],
+  "usage": "import { FlipCard } from '@/components/ui/flip-card';\n\n<FlipCard\n  accessibilityLabel=\"Boarding pass\"\n  front={<PassFront flight=\"LH 402\" />}\n  back={<PassBarcode code=\"ZK7Q2P\" />}\n/>",
   "examples": [
     {
       "name": "Polaroid",

package/registry/_docs/floating-input.json

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/floating-input.tsx"
   ],
+  "summary": "A text field whose label glides onto the border as an accent halo blooms.",
   "props": [
     [
       "label",
@@ -146,6 +147,25 @@
       "Everything TextInput accepts."
     ]
   ],
+  "behavior": [
+    [
+      "Touch",
+      "Tapping anywhere on the field focuses the input. With clearable, a × springs in once there is text and empties the field."
+    ],
+    [
+      "Motion",
+      "The label springs onto the border on focus or when filled, and a soft halo blooms around the field. An error shakes it once; a success check springs in."
+    ],
+    [
+      "Screen readers",
+      "The input is labelled with your label and the clear button reads \"Clear\" plus the label. Helper, error and success messages are polite live regions."
+    ],
+    [
+      "Web",
+      "Browser autofill floats the label too, and the field keeps its own background instead of the autofill blue."
+    ]
+  ],
+  "usage": "import { useState } from 'react';\nimport { FloatingInput } from '@/components/ui/floating-input';\n\nconst [email, setEmail] = useState('');\n<FloatingInput label=\"Email\" value={email} onChangeText={setEmail} keyboardType=\"email-address\" clearable />",
   "examples": [
     {
       "name": "SignUp",

package/registry/_docs/gift-card.json

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/gift-card.tsx"
   ],
+  "summary": "A photo gift card that tilts toward your finger and flips to reveal its code.",
   "props": [
     [
       "amount",
@@ -104,5 +105,20 @@
       "Style for the root."
     ]
   ],
+  "behavior": [
+    [
+      "Touch",
+      "Tap the card to flip it over to the redeem code. The copy button calls onCopy and reads \"Copied ✓\" for a moment."
+    ],
+    [
+      "Motion",
+      "With tilt on (the default) the card leans toward your finger with a moving reflection, then turns over in 3D on a spring."
+    ],
+    [
+      "Screen readers",
+      "The card is a button labelled with the brand, amount and redeemed state; the code is added to the label once it is flipped."
+    ]
+  ],
+  "usage": null,
   "examples": []
 }

package/registry/_docs/glass-button.json

@@ -10,6 +10,7 @@
   "files": [
     "src/components/ui/glass-button.tsx"
   ],
+  "summary": "Liquid Glass buttons and toolbars that spring down under your finger.",
   "props": [
     [
       "label",
@@ -114,5 +115,28 @@
       "As on GlassButton; accessibilityLabel names the toolbar."
     ]
   ],
+  "behavior": [
+    [
+      "Motion",
+      "Buttons spring down to 0.94 and toolbar icons to 0.86 while pressed, and an active toolbar item springs in a soft bubble. On iOS 26 a GlassButton lets the native glass bounce instead."
+    ],
+    [
+      "Reduced motion",
+      "Press springs are skipped and the active bubble appears without a spring."
+    ],
+    [
+      "Haptics",
+      "A light impact on every press, unless haptics is false."
+    ],
+    [
+      "Screen readers",
+      "Each button has the button role with its label and disabled state; toolbar items also report selected. The toolbar itself has the toolbar role."
+    ],
+    [
+      "Platforms",
+      "iOS 26 shows real interactive Liquid Glass, tinted natively, and floating toolbar circles melt together. Elsewhere it is blurred glass with a stronger colour wash for tinted buttons."
+    ]
+  ],
+  "usage": null,
   "examples": []
 }

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

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/glass-nav-bar.tsx"
   ],
+  "summary": "An iOS 26 glass top bar that fades in as content scrolls under it.",
   "props": [
     [
       "title",
@@ -74,5 +75,28 @@
       "Bar row height, and the full height the bar covers — use it as your content's paddingTop."
     ]
   ],
+  "behavior": [
+    [
+      "Motion",
+      "With scrollY the bar starts transparent and its glass fades in as content passes under it. A large title scrolls away while the small centred title fades in, all on the native driver."
+    ],
+    [
+      "Touch",
+      "Back and action buttons spring down under the finger on emulated glass; on iOS 26 the interactive glass bounces natively."
+    ],
+    [
+      "Reduced motion",
+      "The large title no longer scales on pull-down or collapse, and the button press springs are off."
+    ],
+    [
+      "Screen readers",
+      "The title is a header, with the small title hidden while the large one shows. The back button reads backLabel or \"Back\", and actions use their accessibilityLabel."
+    ],
+    [
+      "Platforms",
+      "Real Liquid Glass on iOS 26, where the action buttons merge together. Blur on older iOS, Android and web."
+    ]
+  ],
+  "usage": null,
   "examples": []
 }

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

@@ -6,6 +6,7 @@
   "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",
@@ -86,5 +87,28 @@
       "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

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/glass-segmented.tsx"
   ],
+  "summary": "A glass segmented control whose thumb stretches toward the new segment like a drop.",
   "props": [
     [
       "options",
@@ -62,5 +63,32 @@
       "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

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/glass-sheet.tsx"
   ],
+  "summary": "A floating glass bottom sheet that follows your finger and snaps with velocity.",
   "props": [
     [
       "open",
@@ -104,5 +105,32 @@
       "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

@@ -10,6 +10,7 @@
   "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",
@@ -72,5 +73,28 @@
       "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

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/glass.tsx"
   ],
+  "summary": "A Liquid Glass surface: native on iOS 26, emulated with blur and a rim elsewhere.",
   "props": [
     [
       "variant",
@@ -74,5 +75,20 @@
       "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

@@ -6,6 +6,7 @@
   "files": [
     "src/components/blocks/inbox.tsx"
   ],
+  "summary": null,
   "props": [
     [
       "messages",
@@ -68,5 +69,7 @@
       "Root style."
     ]
   ],
+  "behavior": [],
+  "usage": null,
   "examples": []
 }

package/registry/_docs/isometric-bar.json

@@ -6,6 +6,7 @@
   "files": [
     "src/components/charts/isometric-bar.tsx"
   ],
+  "summary": null,
   "props": [
     [
       "data",
@@ -68,5 +69,7 @@
       "Bar colour."
     ]
   ],
+  "behavior": [],
+  "usage": null,
   "examples": []
 }

package/registry/_docs/kit.json

@@ -6,6 +6,9 @@
   "files": [
     "src/lib/kit.tsx"
   ],
+  "summary": null,
   "props": [],
+  "behavior": [],
+  "usage": null,
   "examples": []
 }

package/registry/_docs/kpi-card.json

@@ -6,6 +6,9 @@
   "files": [
     "src/components/charts/kpi-card.tsx"
   ],
+  "summary": null,
   "props": [],
+  "behavior": [],
+  "usage": null,
   "examples": []
 }

package/registry/_docs/like-button.json

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/like-button.tsx"
   ],
+  "summary": "A heart, star or bookmark that pops and bursts into particles when liked.",
   "props": [
     [
       "liked / onChange",
@@ -68,5 +69,24 @@
       "Style for the pressable row holding the icon and counter."
     ]
   ],
+  "behavior": [
+    [
+      "Motion",
+      "Liking pops the icon, fills it on a bouncy spring and throws a ring and a burst of coloured dots. The counter rolls up or down to the new number."
+    ],
+    [
+      "Haptics",
+      "A light impact when it is liked; un-liking is silent."
+    ],
+    [
+      "Screen readers",
+      "A button labelled \"Like\", \"Favourite\" or \"Bookmark\" (or your label), with a selected state and the count as its value."
+    ],
+    [
+      "Touch",
+      "Small icons get a hitSlop that brings the target up to 44pt."
+    ]
+  ],
+  "usage": null,
   "examples": []
 }

package/registry/_docs/liquidglass-tab.json

@@ -16,7 +16,10 @@
     "src/lib/tab-icons.ts",
     "src/lib/tabs.ts"
   ],
+  "summary": null,
   "props": [],
+  "behavior": [],
+  "usage": null,
   "examples": [
     {
       "name": "Preview",

package/registry/_docs/list-item.json

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/list-item.tsx"
   ],
+  "summary": "Settings, contact and inbox rows with a press highlight that fades in fast, out slow.",
   "props": [
     [
       "title",
@@ -170,6 +171,21 @@
       "Draw the inset hairline under the last row too."
     ]
   ],
+  "behavior": [
+    [
+      "Touch",
+      "Pressable rows get a UIKit-style highlight that fades in fast and out slowly, and a chevron by default. onLongPress is supported too."
+    ],
+    [
+      "Screen readers",
+      "Pressable rows are buttons labelled with the title, subtitle, value and badge count, with disabled and checked states. ListGroup and ListSection headers are headers."
+    ],
+    [
+      "Platforms",
+      "Plain React Native views, so rows look the same on iOS, Android and web. ListGroup gives the iOS inset-grouped card on every platform."
+    ]
+  ],
+  "usage": "import { ListGroup, ListItem } from '@/components/ui/list-item';\n\n<ListGroup header=\"Account\">\n  <ListItem icon=\"user\" title=\"Profile\" value=\"Amelia Hart\" onPress={openProfile} />\n  <ListItem icon=\"bell\" title=\"Notifications\" badge={3} onPress={openNotifications} />\n</ListGroup>",
   "examples": [
     {
       "name": "Settings",

package/registry/_docs/loyalty-card.json

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/loyalty-card.tsx"
   ],
+  "summary": "A points or stamp card on a shop photo that tilts and flips to a member code.",
   "props": [
     [
       "brand",
@@ -104,5 +105,20 @@
       "Style for the root."
     ]
   ],
+  "behavior": [
+    [
+      "Touch",
+      "Tap the card to flip it to the member code for the till, and tap again to turn it back."
+    ],
+    [
+      "Motion",
+      "With tilt on (the default) the card leans toward your finger with a moving reflection, then turns over in 3D on a spring."
+    ],
+    [
+      "Screen readers",
+      "The card is a button labelled with the brand, member and their points or stamp count."
+    ]
+  ],
+  "usage": null,
   "examples": []
 }

package/registry/_docs/morph-button.json

@@ -6,6 +6,7 @@
   "files": [
     "src/components/ui/morph-button.tsx"
   ],
+  "summary": "An async button that shrinks to a spinner, then draws a tick or shakes a cross.",
   "props": [
     [
       "onPress",
@@ -104,5 +105,24 @@
       "Style for the outer animated wrapper (margins, alignment)."
     ]
   ],
+  "behavior": [
+    [
+      "Motion",
+      "While the promise runs the button springs into a circle with a spinner. A resolve draws a success tick, a reject shakes with an error cross, then it springs back to its label."
+    ],
+    [
+      "Touch",
+      "Presses are ignored while it is busy, and the spinner shows for at least minLoading so fast requests still register."
+    ],
+    [
+      "Haptics",
+      "A light impact on start, then a success or error notification when the promise settles."
+    ],
+    [
+      "Screen readers",
+      "A button with busy and disabled states; while not idle its value reads \"Working\", \"Done\" or \"Failed\"."
+    ]
+  ],
+  "usage": null,
   "examples": []
 }