@nanisoft/prism-ui 0.10.2 → 0.13.0

package/dist/catalog.js

@@ -7,7 +7,7 @@
  * the reverse, so the internal shadcn registry stays derived rather than
  * authoritative. Tooling only: a consumer's runtime UI must not import this.
  */
-export const CATALOG_KINDS = ['component', 'block', 'page'];
+export const CATALOG_KINDS = ['component', 'block', 'page', 'live'];
 export const COMPONENT_CATEGORIES = [
     'Call to action',
     'Forms and inputs',
@@ -173,6 +173,270 @@ export const catalog = [
         exports: ['Separator'],
         status: 'stable',
     },
+    {
+        name: 'Spinner',
+        slug: 'spinner',
+        kind: 'component',
+        category: 'Feedback',
+        description: 'A busy indicator that says something is happening and nothing more, which is why it is often the wrong one.',
+        source: 'src/components/ui/spinner.tsx',
+        exports: ['Spinner'],
+        status: 'stable',
+    },
+    {
+        name: 'Toast',
+        slug: 'toast',
+        kind: 'component',
+        category: 'Feedback',
+        description: 'A transient notification whose pause holds the remaining time rather than restarting it.',
+        source: 'src/components/ui/toast.tsx',
+        exports: ['Toast'],
+        status: 'stable',
+    },
+    {
+        name: 'EmptyState01',
+        slug: 'empty-state-01',
+        kind: 'block',
+        category: null,
+        description: 'The state a region shows when it has nothing in it, for a first run, a filter that matched nothing, or a permission boundary.',
+        source: 'src/blocks/empty-state-01/index.tsx',
+        exports: ['EmptyState01'],
+        status: 'stable',
+    },
+    {
+        name: 'Command',
+        slug: 'command',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'The command row. It ranks nothing itself, so whoever filtered the list decides where the match fell.',
+        source: 'src/components/ui/command.tsx',
+        exports: ['Command'],
+        status: 'stable',
+    },
+    {
+        name: 'Combobox',
+        slug: 'combobox',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'A field that filters a list, where typing narrows the options and never discards the choice.',
+        source: 'src/components/ui/combobox.tsx',
+        exports: ['Combobox'],
+        status: 'stable',
+    },
+    {
+        name: 'Calendar',
+        slug: 'calendar',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'A month grid where a disabled date stays drawn, stays in the arrow path, and refuses to be chosen.',
+        source: 'src/components/ui/calendar.tsx',
+        exports: ['Calendar'],
+        status: 'stable',
+    },
+    {
+        name: 'DatePicker',
+        slug: 'date-picker',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'A field that opens a calendar, reseeded from the chosen value so the month never drifts.',
+        source: 'src/components/ui/date-picker.tsx',
+        exports: ['DatePicker'],
+        status: 'stable',
+    },
+    {
+        name: 'InputGroup',
+        slug: 'input-group',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'Related controls joined as one field, where the frame answers the focus and the control draws the ring.',
+        source: 'src/components/ui/input-group.tsx',
+        exports: ['InputGroup', 'InputGroupAddon', 'InputGroupButton', 'InputGroupInput'],
+        status: 'stable',
+    },
+    {
+        name: 'NumberField',
+        slug: 'number-field',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'A numeric field that clamps a value as it arrives and reports an empty field as nothing rather than zero.',
+        source: 'src/components/ui/number-field.tsx',
+        exports: ['NumberField'],
+        status: 'stable',
+    },
+    {
+        name: 'OneTimeCode',
+        slug: 'one-time-code',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'A segmented code entry, where the code is one value and backspace removes a character from the string.',
+        source: 'src/components/ui/one-time-code.tsx',
+        exports: ['OneTimeCode'],
+        status: 'stable',
+    },
+    {
+        name: 'Label',
+        slug: 'label',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'A standalone label, whose required mark is decoration and whose control carries the required state.',
+        source: 'src/components/ui/label.tsx',
+        exports: ['Label'],
+        status: 'stable',
+    },
+    {
+        name: 'Form',
+        slug: 'form',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'The form binding, where the error and the way out of it are one unit announced from a region already in the document.',
+        source: 'src/components/ui/form.tsx',
+        exports: [
+            'Form',
+            'FormControl',
+            'FormDescription',
+            'FormError',
+            'FormField',
+            'FormLabel',
+        ],
+        status: 'stable',
+    },
+    {
+        name: 'ChartFrame',
+        slug: 'chart-frame',
+        kind: 'component',
+        category: 'Data display',
+        description: 'The frame every chart aligns to, whose table is part of the frame rather than a prop beside it.',
+        source: 'src/components/ui/chart-frame.tsx',
+        exports: ['ChartFrame'],
+        status: 'stable',
+    },
+    {
+        name: 'Sidebar',
+        slug: 'sidebar',
+        kind: 'component',
+        category: 'Layout',
+        description: 'A navigation rail with its own ink and its own focus ring, whose collapsed state is the same rail at a smaller width.',
+        source: 'src/components/ui/sidebar.tsx',
+        exports: [
+            'Sidebar',
+            'SidebarHeader',
+            'SidebarNav',
+            'SidebarItem',
+            'SidebarFooter',
+            'SidebarToggle',
+        ],
+        status: 'stable',
+    },
+    {
+        name: 'Item',
+        slug: 'item',
+        kind: 'component',
+        category: 'Data display',
+        description: 'The row: leading, a primary and secondary line, and trailing actions. The caller owns the list.',
+        source: 'src/components/ui/item.tsx',
+        exports: ['Item'],
+        status: 'stable',
+    },
+    {
+        name: 'ScrollArea',
+        slug: 'scroll-area',
+        kind: 'component',
+        category: 'Layout',
+        description: 'A scroll region that keeps the browser scrolling and takes over only the appearance of the bar.',
+        source: 'src/components/ui/scroll-area.tsx',
+        exports: ['ScrollArea'],
+        status: 'stable',
+    },
+    {
+        name: 'AspectRatio',
+        slug: 'aspect-ratio',
+        kind: 'component',
+        category: 'Layout',
+        description: 'A box that holds a ratio given as a prop, because a consumer class is a rule the stylesheet cannot see.',
+        source: 'src/components/ui/aspect-ratio.tsx',
+        exports: ['AspectRatio'],
+        status: 'stable',
+    },
+    {
+        name: 'Carousel',
+        slug: 'carousel',
+        kind: 'component',
+        category: 'Data display',
+        description: 'Slides that are never the only route to their content, with controls that say where the reader is.',
+        source: 'src/components/ui/carousel.tsx',
+        exports: ['Carousel'],
+        status: 'stable',
+    },
+    {
+        name: 'Toggle',
+        slug: 'toggle',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'A button that is pressed, which is not a switch: a switch takes effect at once.',
+        source: 'src/components/ui/toggle.tsx',
+        exports: ['Toggle'],
+        status: 'stable',
+    },
+    {
+        name: 'ToggleGroup',
+        slug: 'toggle-group',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'A set of toggles behaving as one, where the selection mode changes the role and not the look.',
+        source: 'src/components/ui/toggle-group.tsx',
+        exports: ['ToggleGroup', 'ToggleGroupItem'],
+        status: 'stable',
+    },
+    {
+        name: 'NativeSelect',
+        slug: 'native-select',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'The platform select element, for when the platform picker beats anything this package could draw.',
+        source: 'src/components/ui/native-select.tsx',
+        exports: ['NativeSelect'],
+        status: 'stable',
+    },
+    {
+        name: 'ButtonGroup',
+        slug: 'button-group',
+        kind: 'component',
+        category: 'Layout',
+        description: 'Related buttons joined as one control, with the focus ring drawn once around the group.',
+        source: 'src/components/ui/button-group.tsx',
+        exports: ['ButtonGroup'],
+        status: 'stable',
+    },
+    {
+        name: 'TableSort',
+        slug: 'table-sort',
+        kind: 'component',
+        category: 'Data display',
+        description: 'The sortable header affordance, whose announcement names the direction it will go next.',
+        source: 'src/components/ui/table-sort.tsx',
+        exports: ['TableSort'],
+        status: 'stable',
+    },
+    {
+        name: 'Diff',
+        slug: 'diff',
+        kind: 'component',
+        category: 'Data display',
+        description: 'A change as lines, where the bar measures how much of each line changed.',
+        source: 'src/components/ui/diff.tsx',
+        exports: ['Diff'],
+        status: 'stable',
+    },
+    {
+        name: 'Timeline',
+        slug: 'timeline',
+        kind: 'component',
+        category: 'Data display',
+        description: 'A run of events in order, with the time each one took drawn to scale.',
+        source: 'src/components/ui/timeline.tsx',
+        exports: ['Timeline'],
+        status: 'stable',
+    },
     {
         name: 'Table',
         slug: 'table',
@@ -381,6 +645,164 @@ export const catalog = [
         exports: ['Progress'],
         status: 'stable',
     },
+    {
+        name: 'AlertDialog',
+        slug: 'alert-dialog',
+        kind: 'component',
+        category: 'Layout',
+        description: 'A dialog for a decision the reader must make, where the surface behind is not reachable.',
+        source: 'src/components/ui/alert-dialog.tsx',
+        exports: [
+            'AlertDialog',
+            'AlertDialogTrigger',
+            'AlertDialogContent',
+            'AlertDialogHeader',
+            'AlertDialogFooter',
+            'AlertDialogTitle',
+            'AlertDialogDescription',
+            'AlertDialogAction',
+            'AlertDialogCancel',
+        ],
+        status: 'stable',
+    },
+    {
+        name: 'Collapsible',
+        slug: 'collapsible',
+        kind: 'component',
+        category: 'Layout',
+        description: 'A section that shows and hides, with the trigger wired to the region by the library.',
+        source: 'src/components/ui/collapsible.tsx',
+        exports: ['Collapsible', 'CollapsibleTrigger', 'CollapsibleContent'],
+        status: 'stable',
+    },
+    {
+        name: 'ContextMenu',
+        slug: 'context-menu',
+        kind: 'component',
+        category: 'Layout',
+        description: 'A menu opened by a secondary gesture, which knows which rows are commands and which are destinations.',
+        source: 'src/components/ui/context-menu.tsx',
+        exports: [
+            'ContextMenu',
+            'ContextMenuTrigger',
+            'ContextMenuContent',
+            'ContextMenuItem',
+            'ContextMenuLinkItem',
+            'ContextMenuLabel',
+            'ContextMenuSeparator',
+            'ContextMenuGroup',
+            'ContextMenuSub',
+            'ContextMenuSubTrigger',
+            'ContextMenuSubContent',
+        ],
+        status: 'stable',
+    },
+    {
+        name: 'HoverCard',
+        slug: 'hover-card',
+        kind: 'component',
+        category: 'Layout',
+        description: 'A preview that appears on intent, which can never be the only route to what it shows.',
+        source: 'src/components/ui/hover-card.tsx',
+        exports: ['HoverCard', 'HoverCardTrigger', 'HoverCardContent'],
+        status: 'stable',
+    },
+    {
+        name: 'Menubar',
+        slug: 'menubar',
+        kind: 'component',
+        category: 'Layout',
+        description: 'An application menu bar, which is one Tab stop and owns the arrows inside itself.',
+        source: 'src/components/ui/menubar.tsx',
+        exports: [
+            'Menubar',
+            'MenubarMenu',
+            'MenubarTrigger',
+            'MenubarContent',
+            'MenubarItem',
+            'MenubarLinkItem',
+            'MenubarCheckboxItem',
+            'MenubarLabel',
+            'MenubarSeparator',
+            'MenubarGroup',
+            'MenubarSub',
+            'MenubarSubTrigger',
+            'MenubarSubContent',
+        ],
+        status: 'stable',
+    },
+    {
+        name: 'NavigationMenu',
+        slug: 'navigation-menu',
+        kind: 'component',
+        category: 'Layout',
+        description: 'A list of destinations with expandable groups, which ships no command part at all.',
+        source: 'src/components/ui/navigation-menu.tsx',
+        exports: [
+            'NavigationMenu',
+            'NavigationMenuList',
+            'NavigationMenuItem',
+            'NavigationMenuTrigger',
+            'NavigationMenuContent',
+            'NavigationMenuLink',
+            'NavigationMenuIcon',
+            'NavigationMenuPortal',
+            'NavigationMenuPositioner',
+            'NavigationMenuPopup',
+            'NavigationMenuViewport',
+            'NavigationMenuBackdrop',
+        ],
+        status: 'stable',
+    },
+    {
+        name: 'Resizable',
+        slug: 'resizable',
+        kind: 'component',
+        category: 'Layout',
+        description: 'Two panes with a focusable divider that has a value, and remembers nothing on its own.',
+        source: 'src/components/ui/resizable.tsx',
+        exports: ['Resizable', 'ResizablePanel', 'ResizableHandle'],
+        status: 'stable',
+    },
+    {
+        name: 'Sheet',
+        slug: 'sheet',
+        kind: 'component',
+        category: 'Layout',
+        description: 'A panel anchored to an edge of the viewport, built on the Dialog that already owns the overlay.',
+        source: 'src/components/ui/sheet.tsx',
+        exports: [
+            'Sheet',
+            'SheetTrigger',
+            'SheetContent',
+            'SheetHeader',
+            'SheetFooter',
+            'SheetTitle',
+            'SheetDescription',
+            'SheetClose',
+        ],
+        status: 'stable',
+    },
+    {
+        name: 'CommandPalette',
+        slug: 'command-palette',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'A searchable list of commands, ranked by where the match falls.',
+        source: 'src/components/ui/command-palette.tsx',
+        exports: ['CommandPalette'],
+        status: 'stable',
+    },
+    {
+        name: 'Meter',
+        slug: 'meter',
+        kind: 'component',
+        category: 'Feedback',
+        description: 'A bounded measure drawn as a scale, with the limits the caller cares about marked on it.',
+        source: 'src/components/ui/meter.tsx',
+        exports: ['Meter'],
+        status: 'stable',
+    },
     {
         name: 'Tooltip',
         slug: 'tooltip',
@@ -584,6 +1006,36 @@ export const catalog = [
         exports: ['ProcessRail01'],
         status: 'stable',
     },
+    {
+        name: 'ProcessFlow01',
+        slug: 'process-flow-01',
+        kind: 'block',
+        category: null,
+        description: 'A pipeline of any length, drawn in order across as many lines as it needs, with a continuous ordinal and an optional label on the last stage.',
+        source: 'src/blocks/process-flow-01/index.tsx',
+        exports: ['ProcessFlow01'],
+        status: 'stable',
+    },
+    {
+        name: 'RunStream01',
+        slug: 'run-stream-01',
+        kind: 'live',
+        category: null,
+        description: 'The event log of a run, receiving events as they arrive over a subscription the consumer supplies.',
+        source: 'src/live/run-stream-01/index.tsx',
+        exports: ['RunStream01'],
+        status: 'stable',
+    },
+    {
+        name: 'RunConsole01',
+        slug: 'run-console-01',
+        kind: 'block',
+        category: null,
+        description: 'A run as a heading, a budget and the steps that got there, with a still-arriving run announced from one prop.',
+        source: 'src/blocks/run-console-01/index.tsx',
+        exports: ['RunConsole01'],
+        status: 'stable',
+    },
     {
         name: 'StatusLedger01',
         slug: 'status-ledger-01',
@@ -654,6 +1106,26 @@ export const catalog = [
         exports: ['SiteHeader'],
         status: 'stable',
     },
+    {
+        name: 'SearchDialog',
+        slug: 'search-dialog',
+        kind: 'component',
+        category: 'Forms and inputs',
+        description: 'A search dialog over a static JSON index fetched on the first query and ranked in the browser, where every query token has to match somewhere.',
+        source: 'src/components/ui/search-dialog.tsx',
+        exports: ['SearchDialog'],
+        status: 'stable',
+    },
+    {
+        name: 'SiteNavbar',
+        slug: 'site-navbar',
+        kind: 'block',
+        category: null,
+        description: 'The bar at the top of a product site, with the controls a reader needs on every page: a brand lockup, the site navigation, a menu of the family\'s sites, search over a static index, a colour chooser, a light and dark control and a panel for narrow viewports.',
+        source: 'src/blocks/site-navbar/index.tsx',
+        exports: ['SiteNavbar'],
+        status: 'stable',
+    },
     {
         name: 'SiteFooter',
         slug: 'site-footer',