tembro 3.1.1 → 3.1.5

package/dist/src/index.js

@@ -4,130 +4,112 @@ import { DropdownMenu as i, DropdownMenuCheckboxItem as a, DropdownMenuContent a
 import { ActionMenu as b } from "./components/actions/action-menu.js";
 import { ButtonGroup as x } from "./components/actions/button-group.js";
 import { CopyButton as S } from "./components/actions/copy-button.js";
-import { CopyField as C } from "./components/actions/copy-field.js";
-import { Textarea as w } from "./components/ui/textarea/index.js";
-import { InputGroup as T, InputGroupAddon as E, InputGroupButton as D, InputGroupInput as O, InputGroupText as k, InputGroupTextarea as A } from "./components/ui/input/group.js";
-import { Input as j } from "./components/ui/input/index.js";
-import { Checkbox as M } from "./components/ui/checkbox/index.js";
-import { Switch as N } from "./components/ui/switch/index.js";
-import { Card as P, CardAction as F, CardContent as I, CardDescription as L, CardFooter as R, CardHeader as z, CardTitle as B, cardVariants as V } from "./components/ui/card/index.js";
-import { Badge as H, badgeVariants as U } from "./components/ui/badge/index.js";
-import { Tabs as W, TabsContent as G, TabsList as K, TabsTrigger as q } from "./components/ui/tabs/index.js";
-import { Dialog as J, DialogClose as Y, DialogContent as X, DialogDescription as Z, DialogFooter as Q, DialogHeader as $, DialogOverlay as ee, DialogPortal as te, DialogTitle as ne, DialogTrigger as re } from "./components/ui/dialog/index.js";
-import { Popover as ie, PopoverContent as ae, PopoverDescription as oe, PopoverHeader as se, PopoverTitle as ce, PopoverTrigger as le } from "./components/ui/popover/index.js";
-import { Select as ue, SelectContent as de, SelectGroup as fe, SelectItem as pe, SelectLabel as me, SelectScrollDownButton as he, SelectScrollUpButton as ge, SelectSeparator as _e, SelectTrigger as ve, SelectValue as ye } from "./components/ui/select/index.js";
-import { Table as be, TableBody as xe, TableCaption as Se, TableCell as Ce, TableFooter as we, TableHead as Te, TableHeader as Ee, TableRow as De } from "./components/ui/table/index.js";
-import { Collapse as Oe, CollapseContent as ke, CollapseGroup as Ae, CollapseTrigger as je } from "./components/ui/collapse/index.js";
-import { Accordion as Me, AccordionContent as Ne, AccordionRoot as Pe, AccordionTrigger as Fe } from "./components/ui/accordion/index.js";
-import { Skeleton as Ie, SkeletonCard as Le, SkeletonText as Re } from "./components/ui/skeleton/index.js";
-import { Divider as ze } from "./components/ui/divider/index.js";
-import { SegmentedControl as Be } from "./components/ui/segmented-control/index.js";
-import { LoadingOverlay as Ve, Spinner as He } from "./components/ui/spinner/index.js";
-import { Tooltip as Ue } from "./components/ui/tooltip/index.js";
-import { HoverCard as We } from "./components/ui/hover-card.js";
-import { Kbd as Ge } from "./components/ui/kbd/index.js";
-import { RadioGroup as Ke } from "./components/ui/radio-group/index.js";
-import { ScrollBox as qe } from "./components/ui/scroll-box/index.js";
-import { RightClickMenu as Je } from "./components/ui/right-click-menu/index.js";
-import { QuickActionGrid as Ye } from "./components/actions/quick-action-grid.js";
-import { DEFAULT_MOBILE_BREAKPOINT as Xe, useIsMobile as Ze } from "./hooks/use-is-mobile.js";
-import { Sidebar as Qe } from "./components/layout/app-sidebar.js";
-import { Breadcrumbs as $e } from "./components/layout/breadcrumbs.js";
-import { PageContainer as et } from "./components/layout/page-container.js";
-import { Section as tt, SplitLayout as nt, Toolbar as rt } from "./components/layout/section.js";
-import { SectionHeader as it } from "./components/layout/section-header.js";
-import { SidebarNav as at } from "./components/layout/sidebar-nav.js";
-import { StickyFooterBar as ot } from "./components/layout/sticky-footer-bar.js";
-import { AnchorNav as st } from "./components/navigation/anchor-nav.js";
-import { NavTabs as ct } from "./components/navigation/nav-tabs.js";
-import { PageTabs as lt } from "./components/navigation/page-tabs.js";
-import { Pagination as ut, getPaginationItems as dt } from "./components/navigation/pagination.js";
-import { StepperTabs as ft } from "./components/navigation/stepper-tabs.js";
-import { CommandBar as pt } from "./components/navigation/command-bar.js";
-import { FilterBar as mt } from "./components/filters/filter-bar.js";
-import { SavedFilterSelect as ht } from "./components/filters/saved-filter-select.js";
-import { AlertDialog as gt } from "./components/overlay/alert-dialog.js";
-import { DialogActionButton as _t, DialogActions as vt } from "./components/overlay/dialog-actions.js";
-import { ModalShell as yt } from "./components/overlay/modal-shell.js";
-import { ConfirmDialog as bt } from "./components/overlay/confirm-dialog.js";
-import { Drawer as xt, DrawerCloseButton as St } from "./components/overlay/drawer.js";
-import { Sheet as Ct, SheetClose as wt, SheetContent as Tt, SheetDescription as Et, SheetFooter as Dt, SheetHeader as Ot, SheetOverlay as kt, SheetPortal as At, SheetShell as jt, SheetTitle as Mt, SheetTrigger as Nt } from "./components/overlay/sheet-shell.js";
-import { AsyncMultiSelect as Pt, AsyncSelect as Ft } from "./components/inputs/async-select.js";
-import { OtpInput as It } from "./components/inputs/otp-input.js";
-import { Rating as Lt } from "./components/inputs/rating.js";
-import { RangeSlider as Rt, Slider as zt } from "./components/inputs/slider.js";
-import { TagInput as Bt } from "./components/inputs/tag-input.js";
-import { InlineEditable as Vt } from "./components/inputs/inline-editable.js";
-import { JsonInput as Ht } from "./components/inputs/json-input.js";
-import { DateTimePicker as Ut, TimePicker as Wt, TimeRangePicker as Gt } from "./components/inputs/time-picker.js";
-import { FormFieldShell as Kt, resolveFormFieldIds as qt } from "./components/form/form-field-shell.js";
-import { FormInput as Jt } from "./components/form/form-input.js";
-import { FormSelect as Yt } from "./components/form/form-select.js";
-import { FormSwitch as Xt } from "./components/form/form-switch.js";
-import { FormTextarea as Zt } from "./components/form/form-textarea.js";
-import { addMonths as Qt, getMonthDays as $t, getMonthLabel as en, getWeekdayLabels as tn, isAfterDate as nn, isBeforeDate as rn, isSameMonth as an, isWithinRange as on, parseDateKey as sn, startOfMonth as cn, toDateKey as ln } from "./components/calendar/date-utils.js";
-import { Calendar as un } from "./components/calendar/calendar.js";
-import { DatePicker as dn } from "./components/calendar/date-picker.js";
-import { FormDatePicker as fn } from "./components/form/form-date-picker.js";
-import { DateRangePicker as pn } from "./components/calendar/date-range-picker.js";
-import { FormDateRangePicker as mn } from "./components/form/form-date-range-picker.js";
-import { FormDateRangeInput as hn } from "./components/form/form-date-range-input.js";
-import { Alert as gn } from "./components/feedback/alert.js";
-import { LoadingState as _n } from "./components/feedback/loading-state.js";
-import { InlineState as vn, PageState as yn } from "./components/feedback/page-state.js";
-import { DescriptionList as bn } from "./components/display/description-list.js";
-import { DataList as xn, DataListRow as Sn } from "./components/display/data-list.js";
-import { ActivityFeed as Cn } from "./components/display/activity-feed.js";
-import { Avatar as wn, AvatarGroup as Tn } from "./components/display/avatar.js";
-import { Descriptions as En } from "./components/display/descriptions.js";
-import { KanbanBoard as Dn } from "./components/display/kanban.js";
-import { CodeBlock as On } from "./components/display/code-block.js";
-import { DataState as kn } from "./components/display/data-state.js";
-import { List as An, ListRow as jn } from "./components/display/list.js";
-import { MetricGrid as Mn } from "./components/display/metric-grid.js";
-import { Progress as Nn, ProgressCard as Pn, getProgressPercent as Fn } from "./components/display/progress.js";
-import { ProgressCircle as In } from "./components/display/progress-circle.js";
-import { PropertyGrid as Ln } from "./components/display/property-grid.js";
-import { Result as Rn, ResultAction as zn } from "./components/display/result.js";
-import { Statistic as Bn, StatisticCard as Vn, StatisticGrid as Hn } from "./components/display/statistic.js";
-import { StatusDot as Un } from "./components/display/status-dot.js";
-import { StatusLegend as Wn } from "./components/display/status-legend.js";
-import { Timeline as Gn } from "./components/display/timeline.js";
-import { TreeView as Kn } from "./components/display/tree-view.js";
-import { UserCard as qn } from "./components/display/user-card.js";
-import { DeltaBadge as Jn } from "./components/display/delta-badge.js";
-import { AreaChart as Yn, BarChart as Xn, ChartFrame as Zn, ChartLegend as Qn, DonutChart as $n, LineChart as er, MetricTrend as tr, Sparkline as nr } from "./components/charts/charts.js";
-import { TrendCard as rr } from "./components/display/trend-card.js";
-import { ComparisonCard as ir } from "./components/display/comparison-card.js";
-import { InfoCard as ar } from "./components/display/info-card.js";
-import { VirtualList as or } from "./components/display/virtual-list.js";
-import { Carousel as sr, CarouselItem as cr } from "./components/display/carousel.js";
-import { Chip as lr, Tag as ur, TagGroup as dr } from "./components/display/tag.js";
-import { Blockquote as fr, Heading as pr, Mark as mr, Spoiler as hr, SpoilerSummary as gr, Text as _r } from "./components/display/typography.js";
-import { CalendarScheduler as vr } from "./components/modern/calendar-scheduler.js";
-import { DualListPicker as yr } from "./components/modern/dual-list-picker.js";
-import { ResizableHandle as br, ResizablePanel as xr, ResizablePanelGroup as Sr } from "./components/modern/resizable-panel.js";
-import { DataTableBulkActions as Cr } from "./components/data-table/data-table-bulk-actions.js";
-import { DataTableColumnVisibilityMenu as wr } from "./components/data-table/data-table-column-visibility-menu.js";
-import { DataTablePagination as Tr, getDataTablePageCount as Er } from "./components/data-table/data-table-pagination.js";
-import { DataTable as Dr } from "./components/data-table/data-table.js";
-import { DataTableSortableHeader as Or } from "./components/data-table/data-table-sortable-header.js";
-import { DataTableViewPresets as kr } from "./components/data-table/data-table-view-presets.js";
-import { ToastProvider as Ar, useToast as jr } from "./components/notifications/toast.js";
-import { NotificationCenter as Mr } from "./components/notifications/notification-center.js";
-import { CommandPalette as Nr, useCommandPaletteShortcut as Pr } from "./components/command/command-palette.js";
-import { FileUpload as Fr } from "./components/upload/file-upload.js";
-import { ImageUpload as Ir } from "./components/upload/image-upload.js";
-import { FileDropzone as Lr } from "./components/upload/file-dropzone.js";
-import { KpiCard as Rr, KpiGrid as zr } from "./components/charts/kpi.js";
-import { ProgressRing as Br } from "./components/charts/progress-ring.js";
-import { HorizontalBarChart as Vr } from "./components/charts/horizontal-bar-chart.js";
-import { Stepper as Hr } from "./components/wizard/stepper.js";
-import { Wizard as Ur } from "./components/wizard/wizard.js";
-import { SortableList as Wr } from "./components/dnd/sortable-list.js";
-import { useSessionStorageState as Gr } from "./hooks/use-session-storage-state.js";
-import { useBeforeUnloadWhenDirty as Kr } from "./hooks/use-before-unload-when-dirty.js";
-import { useDisclosure as qr } from "./hooks/use-disclosure.js";
-import { useDebouncedCallback as Jr, useDebouncedValue as Yr } from "./hooks/use-debounce.js";
-import { useDataTableViewState as Xr } from "./hooks/use-data-table-view-state.js";
-export { Me as Accordion, Ne as AccordionContent, Pe as AccordionRoot, Fe as AccordionTrigger, b as ActionMenu, Cn as ActivityFeed, gn as Alert, gt as AlertDialog, st as AnchorNav, Yn as AreaChart, Pt as AsyncMultiSelect, Ft as AsyncSelect, wn as Avatar, Tn as AvatarGroup, H as Badge, Xn as BarChart, fr as Blockquote, $e as Breadcrumbs, n as Button, x as ButtonGroup, un as Calendar, vr as CalendarScheduler, P as Card, F as CardAction, I as CardContent, L as CardDescription, R as CardFooter, z as CardHeader, B as CardTitle, sr as Carousel, cr as CarouselItem, Zn as ChartFrame, Qn as ChartLegend, M as Checkbox, lr as Chip, On as CodeBlock, Oe as Collapse, ke as CollapseContent, Ae as CollapseGroup, je as CollapseTrigger, pt as CommandBar, Nr as CommandPalette, ir as ComparisonCard, bt as ConfirmDialog, S as CopyButton, C as CopyField, Xe as DEFAULT_MOBILE_BREAKPOINT, xn as DataList, Sn as DataListRow, kn as DataState, Dr as DataTable, Cr as DataTableBulkActions, wr as DataTableColumnVisibilityMenu, Tr as DataTablePagination, Or as DataTableSortableHeader, kr as DataTableViewPresets, dn as DatePicker, pn as DateRangePicker, Ut as DateTimePicker, Jn as DeltaBadge, bn as DescriptionList, En as Descriptions, J as Dialog, _t as DialogActionButton, vt as DialogActions, Y as DialogClose, X as DialogContent, Z as DialogDescription, Q as DialogFooter, $ as DialogHeader, ee as DialogOverlay, te as DialogPortal, ne as DialogTitle, re as DialogTrigger, ze as Divider, $n as DonutChart, xt as Drawer, St as DrawerCloseButton, i as DropdownMenu, a as DropdownMenuCheckboxItem, o as DropdownMenuContent, s as DropdownMenuGroup, c as DropdownMenuItem, l as DropdownMenuItemDescription, u as DropdownMenuLabel, d as DropdownMenuPortal, f as DropdownMenuRadioGroup, p as DropdownMenuRadioItem, m as DropdownMenuSeparator, h as DropdownMenuShortcut, g as DropdownMenuSub, _ as DropdownMenuSubContent, v as DropdownMenuSubTrigger, y as DropdownMenuTrigger, yr as DualListPicker, Lr as FileDropzone, Fr as FileUpload, mt as FilterBar, fn as FormDatePicker, hn as FormDateRangeInput, mn as FormDateRangePicker, Kt as FormFieldShell, Jt as FormInput, Yt as FormSelect, Xt as FormSwitch, Zt as FormTextarea, pr as Heading, Vr as HorizontalBarChart, We as HoverCard, Ir as ImageUpload, ar as InfoCard, Vt as InlineEditable, vn as InlineState, j as Input, T as InputGroup, E as InputGroupAddon, D as InputGroupButton, O as InputGroupInput, k as InputGroupText, A as InputGroupTextarea, Ht as JsonInput, Dn as KanbanBoard, Ge as Kbd, Rr as KpiCard, zr as KpiGrid, er as LineChart, An as List, jn as ListRow, Ve as LoadingOverlay, _n as LoadingState, mr as Mark, Mn as MetricGrid, tr as MetricTrend, yt as ModalShell, ct as NavTabs, Mr as NotificationCenter, It as OtpInput, et as PageContainer, yn as PageState, lt as PageTabs, ut as Pagination, ie as Popover, ae as PopoverContent, oe as PopoverDescription, se as PopoverHeader, ce as PopoverTitle, le as PopoverTrigger, Nn as Progress, Pn as ProgressCard, In as ProgressCircle, Br as ProgressRing, Ln as PropertyGrid, Ye as QuickActionGrid, Ke as RadioGroup, Rt as RangeSlider, Lt as Rating, br as ResizableHandle, xr as ResizablePanel, Sr as ResizablePanelGroup, Rn as Result, zn as ResultAction, Je as RightClickMenu, ht as SavedFilterSelect, qe as ScrollBox, tt as Section, it as SectionHeader, Be as SegmentedControl, ue as Select, de as SelectContent, fe as SelectGroup, pe as SelectItem, me as SelectLabel, he as SelectScrollDownButton, ge as SelectScrollUpButton, _e as SelectSeparator, ve as SelectTrigger, ye as SelectValue, Ct as Sheet, wt as SheetClose, Tt as SheetContent, Et as SheetDescription, Dt as SheetFooter, Ot as SheetHeader, kt as SheetOverlay, At as SheetPortal, jt as SheetShell, Mt as SheetTitle, Nt as SheetTrigger, Qe as Sidebar, at as SidebarNav, Ie as Skeleton, Le as SkeletonCard, Re as SkeletonText, zt as Slider, Wr as SortableList, nr as Sparkline, He as Spinner, nt as SplitLayout, hr as Spoiler, gr as SpoilerSummary, Bn as Statistic, Vn as StatisticCard, Hn as StatisticGrid, Un as StatusDot, Wn as StatusLegend, Hr as Stepper, ft as StepperTabs, ot as StickyFooterBar, N as Switch, be as Table, xe as TableBody, Se as TableCaption, Ce as TableCell, we as TableFooter, Te as TableHead, Ee as TableHeader, De as TableRow, W as Tabs, G as TabsContent, K as TabsList, q as TabsTrigger, ur as Tag, dr as TagGroup, Bt as TagInput, _r as Text, w as Textarea, Wt as TimePicker, Gt as TimeRangePicker, Gn as Timeline, Ar as ToastProvider, rt as Toolbar, Ue as Tooltip, Kn as TreeView, rr as TrendCard, qn as UserCard, or as VirtualList, Ur as Wizard, Qt as addMonths, U as badgeVariants, r as buttonVariants, V as cardVariants, e as cn, Er as getDataTablePageCount, $t as getMonthDays, en as getMonthLabel, dt as getPaginationItems, Fn as getProgressPercent, tn as getWeekdayLabels, nn as isAfterDate, rn as isBeforeDate, an as isSameMonth, on as isWithinRange, sn as parseDateKey, qt as resolveFormFieldIds, cn as startOfMonth, t as stopInteractivePropagation, ln as toDateKey, Kr as useBeforeUnloadWhenDirty, Pr as useCommandPaletteShortcut, Xr as useDataTableViewState, Jr as useDebouncedCallback, Yr as useDebouncedValue, qr as useDisclosure, Ze as useIsMobile, Gr as useSessionStorageState, jr as useToast };
+import { Textarea as C } from "./components/ui/textarea/index.js";
+import { InputGroup as w, InputGroupAddon as T, InputGroupButton as E, InputGroupInput as D, InputGroupText as O, InputGroupTextarea as k } from "./components/ui/input/group.js";
+import { Input as A } from "./components/ui/input/index.js";
+import { Checkbox as j } from "./components/ui/checkbox/index.js";
+import { Switch as M } from "./components/ui/switch/index.js";
+import { Card as N, CardAction as P, CardContent as F, CardDescription as I, CardFooter as L, CardHeader as R, CardTitle as z, cardVariants as B } from "./components/ui/card/index.js";
+import { Badge as V, badgeVariants as H } from "./components/ui/badge/index.js";
+import { Tabs as U, TabsContent as W, TabsList as G, TabsTrigger as K } from "./components/ui/tabs/index.js";
+import { Dialog as q, DialogClose as J, DialogContent as Y, DialogDescription as X, DialogFooter as Z, DialogHeader as Q, DialogOverlay as $, DialogPortal as ee, DialogTitle as te, DialogTrigger as ne } from "./components/ui/dialog/index.js";
+import { Popover as re, PopoverContent as ie, PopoverDescription as ae, PopoverHeader as oe, PopoverTitle as se, PopoverTrigger as ce } from "./components/ui/popover/index.js";
+import { Select as le, SelectContent as ue, SelectGroup as de, SelectItem as fe, SelectLabel as pe, SelectScrollDownButton as me, SelectScrollUpButton as he, SelectSeparator as ge, SelectTrigger as _e, SelectValue as ve } from "./components/ui/select/index.js";
+import { Table as ye, TableBody as be, TableCaption as xe, TableCell as Se, TableFooter as Ce, TableHead as we, TableHeader as Te, TableRow as Ee } from "./components/ui/table/index.js";
+import { Collapse as De, CollapseContent as Oe, CollapseGroup as ke, CollapseTrigger as Ae } from "./components/ui/collapse/index.js";
+import { Accordion as je, AccordionContent as Me, AccordionRoot as Ne, AccordionTrigger as Pe } from "./components/ui/accordion/index.js";
+import { Skeleton as Fe, SkeletonCard as Ie, SkeletonText as Le } from "./components/ui/skeleton/index.js";
+import { Divider as Re } from "./components/ui/divider/index.js";
+import { SegmentedControl as ze } from "./components/ui/segmented-control/index.js";
+import { LoadingOverlay as Be, Spinner as Ve } from "./components/ui/spinner/index.js";
+import { Tooltip as He } from "./components/ui/tooltip/index.js";
+import { Kbd as Ue } from "./components/ui/kbd/index.js";
+import { RadioGroup as We } from "./components/ui/radio-group/index.js";
+import { ScrollBox as Ge } from "./components/ui/scroll-box/index.js";
+import { RightClickMenu as Ke } from "./components/ui/right-click-menu/index.js";
+import { QuickActionGrid as qe } from "./components/actions/quick-action-grid.js";
+import { DEFAULT_MOBILE_BREAKPOINT as Je, useIsMobile as Ye } from "./hooks/use-is-mobile.js";
+import { Sidebar as Xe } from "./components/layout/app-sidebar.js";
+import { Breadcrumbs as Ze } from "./components/layout/breadcrumbs.js";
+import { Section as Qe, SplitLayout as $e, Toolbar as et } from "./components/layout/section.js";
+import { Pagination as tt, getPaginationItems as nt } from "./components/navigation/pagination.js";
+import { FilterBar as rt } from "./components/filters/filter-bar.js";
+import { SavedFilterSelect as it } from "./components/filters/saved-filter-select.js";
+import { AlertDialog as at } from "./components/overlay/alert-dialog.js";
+import { ConfirmDialog as ot } from "./components/overlay/confirm-dialog.js";
+import { Drawer as st, DrawerCloseButton as ct } from "./components/overlay/drawer.js";
+import { AsyncMultiSelect as lt, AsyncSelect as ut } from "./components/inputs/async-select.js";
+import { OtpInput as dt } from "./components/inputs/otp-input.js";
+import { Rating as ft } from "./components/inputs/rating.js";
+import { RangeSlider as pt, Slider as mt } from "./components/inputs/slider.js";
+import { TagInput as ht } from "./components/inputs/tag-input.js";
+import { InlineEditable as gt } from "./components/inputs/inline-editable.js";
+import { JsonInput as _t } from "./components/inputs/json-input.js";
+import { DateTimePicker as vt, TimePicker as yt, TimeRangePicker as bt } from "./components/inputs/time-picker.js";
+import { ColorPicker as xt, getAlphaPercent as St, normalizeHexColor as Ct, withAlpha as wt } from "./components/inputs/color-picker.js";
+import { SignaturePad as Tt, drawSignature as Et } from "./components/inputs/signature-pad.js";
+import { FormFieldShell as Dt, resolveFormFieldIds as Ot } from "./components/form/form-field-shell.js";
+import { FormInput as kt } from "./components/form/form-input.js";
+import { FormSelect as At } from "./components/form/form-select.js";
+import { FormSwitch as jt } from "./components/form/form-switch.js";
+import { FormTextarea as Mt } from "./components/form/form-textarea.js";
+import { addMonths as Nt, getMonthDays as Pt, getMonthLabel as Ft, getWeekdayLabels as It, isAfterDate as Lt, isBeforeDate as Rt, isSameMonth as zt, isWithinRange as Bt, parseDateKey as Vt, startOfMonth as Ht, toDateKey as Ut } from "./components/calendar/date-utils.js";
+import { Calendar as Wt } from "./components/calendar/calendar.js";
+import { DatePicker as Gt } from "./components/calendar/date-picker.js";
+import { FormDatePicker as Kt } from "./components/form/form-date-picker.js";
+import { DateRangePicker as qt } from "./components/calendar/date-range-picker.js";
+import { FormDateRangePicker as Jt } from "./components/form/form-date-range-picker.js";
+import { FormDateRangeInput as Yt } from "./components/form/form-date-range-input.js";
+import { Alert as Xt } from "./components/feedback/alert.js";
+import { LoadingState as Zt } from "./components/feedback/loading-state.js";
+import { InlineState as Qt, PageState as $t } from "./components/feedback/page-state.js";
+import { DescriptionList as en } from "./components/display/description-list.js";
+import { ActivityFeed as tn } from "./components/display/activity-feed.js";
+import { Avatar as nn, AvatarGroup as rn } from "./components/display/avatar.js";
+import { KanbanBoard as an } from "./components/display/kanban.js";
+import { CodeBlock as on } from "./components/display/code-block.js";
+import { DataState as sn } from "./components/display/data-state.js";
+import { List as cn, ListRow as ln } from "./components/display/list.js";
+import { Progress as un, ProgressCard as dn, getProgressPercent as fn } from "./components/display/progress.js";
+import { Statistic as pn, StatisticCard as mn, StatisticGrid as hn } from "./components/display/statistic.js";
+import { StatusDot as gn } from "./components/display/status-dot.js";
+import { StatusLegend as _n } from "./components/display/status-legend.js";
+import { Timeline as vn } from "./components/display/timeline.js";
+import { TreeView as yn } from "./components/display/tree-view.js";
+import { InfoCard as bn } from "./components/display/info-card.js";
+import { VirtualList as xn } from "./components/display/virtual-list.js";
+import { QRCode as Sn, QRCodeSvg as Cn } from "./components/display/qr-code.js";
+import { Carousel as wn, CarouselItem as Tn } from "./components/display/carousel.js";
+import { Chip as En, Tag as Dn, TagGroup as On } from "./components/display/tag.js";
+import { Blockquote as kn, Heading as An, Mark as jn, Spoiler as Mn, SpoilerSummary as Nn, Text as Pn } from "./components/display/typography.js";
+import { CalendarScheduler as Fn } from "./components/modern/calendar-scheduler.js";
+import { DualListPicker as In } from "./components/modern/dual-list-picker.js";
+import { ResizableHandle as Ln, ResizablePanel as Rn, ResizablePanelGroup as zn } from "./components/modern/resizable-panel.js";
+import { EditorToolbar as Bn, RichTextEditor as Vn } from "./components/modern/rich-text-editor.js";
+import { ImageCropper as Hn, createCroppedImageBlob as Un } from "./components/modern/image-cropper.js";
+import { DataTable as Wn } from "./components/data-table/data-table.js";
+import { ToastProvider as Gn, useToast as Kn } from "./components/notifications/toast.js";
+import { NotificationCenter as qn } from "./components/notifications/notification-center.js";
+import { CommandPalette as Jn, useCommandPaletteShortcut as Yn } from "./components/command/command-palette.js";
+import { FileUpload as Xn } from "./components/upload/file-upload.js";
+import { ImageUpload as Zn } from "./components/upload/image-upload.js";
+import { AreaChart as Qn, BarChart as $n, ChartFrame as er, ChartLegend as tr, DonutChart as nr, LineChart as rr, MetricTrend as ir, Sparkline as ar } from "./components/charts/charts.js";
+import { ProgressCircle as or } from "./components/charts/progress-circle.js";
+import { FormBuilder as sr, asyncSelectField as cr, customField as lr, dateField as ur, dateRangeField as dr, formSection as fr, inputField as pr, numberField as mr, phoneField as hr, renderFormBuilderField as gr, selectField as _r, switchField as vr, textareaField as yr } from "./components/patterns/form-builder.js";
+import { ResourcePage as br, ResourcePageSection as xr } from "./components/patterns/resource-page.js";
+import { ResourceDetailPage as Sr } from "./components/patterns/resource-detail-page.js";
+import { EmptyState as Cr, ErrorState as wr } from "./components/patterns/empty-state.js";
+import { PageToolbar as Tr } from "./components/patterns/page-toolbar.js";
+import { BulkActionBar as Er } from "./components/patterns/bulk-action-bar.js";
+import { DetailLayout as Dr } from "./components/patterns/detail-layout.js";
+import { SettingsPage as Or } from "./components/patterns/settings-page.js";
+import { DataView as kr } from "./components/patterns/data-view.js";
+import { Stepper as Ar } from "./components/wizard/stepper.js";
+import { Wizard as jr } from "./components/wizard/wizard.js";
+import { SortableList as Mr } from "./components/dnd/sortable-list.js";
+import { useSessionStorageState as Nr } from "./hooks/use-session-storage-state.js";
+import { useBeforeUnloadWhenDirty as Pr } from "./hooks/use-before-unload-when-dirty.js";
+import { useDisclosure as Fr } from "./hooks/use-disclosure.js";
+import { useDebouncedCallback as Ir, useDebouncedValue as Lr } from "./hooks/use-debounce.js";
+import { useDataTableViewState as Rr } from "./hooks/use-data-table-view-state.js";
+export { je as Accordion, Me as AccordionContent, Ne as AccordionRoot, Pe as AccordionTrigger, b as ActionMenu, tn as ActivityFeed, Xt as Alert, at as AlertDialog, Qn as AreaChart, lt as AsyncMultiSelect, ut as AsyncSelect, nn as Avatar, rn as AvatarGroup, V as Badge, $n as BarChart, kn as Blockquote, Ze as Breadcrumbs, Er as BulkActionBar, n as Button, x as ButtonGroup, Wt as Calendar, Fn as CalendarScheduler, N as Card, P as CardAction, F as CardContent, I as CardDescription, L as CardFooter, R as CardHeader, z as CardTitle, wn as Carousel, Tn as CarouselItem, er as ChartFrame, tr as ChartLegend, j as Checkbox, En as Chip, on as CodeBlock, De as Collapse, Oe as CollapseContent, ke as CollapseGroup, Ae as CollapseTrigger, xt as ColorPicker, Jn as CommandPalette, ot as ConfirmDialog, S as CopyButton, Je as DEFAULT_MOBILE_BREAKPOINT, sn as DataState, Wn as DataTable, kr as DataView, Gt as DatePicker, qt as DateRangePicker, vt as DateTimePicker, en as DescriptionList, Dr as DetailLayout, q as Dialog, J as DialogClose, Y as DialogContent, X as DialogDescription, Z as DialogFooter, Q as DialogHeader, $ as DialogOverlay, ee as DialogPortal, te as DialogTitle, ne as DialogTrigger, Re as Divider, nr as DonutChart, st as Drawer, ct as DrawerCloseButton, i as DropdownMenu, a as DropdownMenuCheckboxItem, o as DropdownMenuContent, s as DropdownMenuGroup, c as DropdownMenuItem, l as DropdownMenuItemDescription, u as DropdownMenuLabel, d as DropdownMenuPortal, f as DropdownMenuRadioGroup, p as DropdownMenuRadioItem, m as DropdownMenuSeparator, h as DropdownMenuShortcut, g as DropdownMenuSub, _ as DropdownMenuSubContent, v as DropdownMenuSubTrigger, y as DropdownMenuTrigger, In as DualListPicker, Bn as EditorToolbar, Cr as EmptyState, wr as ErrorState, Xn as FileUpload, rt as FilterBar, sr as FormBuilder, Kt as FormDatePicker, Yt as FormDateRangeInput, Jt as FormDateRangePicker, Dt as FormFieldShell, kt as FormInput, At as FormSelect, jt as FormSwitch, Mt as FormTextarea, An as Heading, Hn as ImageCropper, Zn as ImageUpload, bn as InfoCard, gt as InlineEditable, Qt as InlineState, A as Input, w as InputGroup, T as InputGroupAddon, E as InputGroupButton, D as InputGroupInput, O as InputGroupText, k as InputGroupTextarea, _t as JsonInput, an as KanbanBoard, Ue as Kbd, rr as LineChart, cn as List, ln as ListRow, Be as LoadingOverlay, Zt as LoadingState, jn as Mark, ir as MetricTrend, qn as NotificationCenter, dt as OtpInput, $t as PageState, Tr as PageToolbar, tt as Pagination, re as Popover, ie as PopoverContent, ae as PopoverDescription, oe as PopoverHeader, se as PopoverTitle, ce as PopoverTrigger, un as Progress, dn as ProgressCard, or as ProgressCircle, Sn as QRCode, Cn as QRCodeSvg, qe as QuickActionGrid, We as RadioGroup, pt as RangeSlider, ft as Rating, Ln as ResizableHandle, Rn as ResizablePanel, zn as ResizablePanelGroup, Sr as ResourceDetailPage, br as ResourcePage, xr as ResourcePageSection, Vn as RichTextEditor, Ke as RightClickMenu, it as SavedFilterSelect, Ge as ScrollBox, Qe as Section, ze as SegmentedControl, le as Select, ue as SelectContent, de as SelectGroup, fe as SelectItem, pe as SelectLabel, me as SelectScrollDownButton, he as SelectScrollUpButton, ge as SelectSeparator, _e as SelectTrigger, ve as SelectValue, Or as SettingsPage, Xe as Sidebar, Tt as SignaturePad, Fe as Skeleton, Ie as SkeletonCard, Le as SkeletonText, mt as Slider, Mr as SortableList, ar as Sparkline, Ve as Spinner, $e as SplitLayout, Mn as Spoiler, Nn as SpoilerSummary, pn as Statistic, mn as StatisticCard, hn as StatisticGrid, gn as StatusDot, _n as StatusLegend, Ar as Stepper, M as Switch, ye as Table, be as TableBody, xe as TableCaption, Se as TableCell, Ce as TableFooter, we as TableHead, Te as TableHeader, Ee as TableRow, U as Tabs, W as TabsContent, G as TabsList, K as TabsTrigger, Dn as Tag, On as TagGroup, ht as TagInput, Pn as Text, C as Textarea, yt as TimePicker, bt as TimeRangePicker, vn as Timeline, Gn as ToastProvider, et as Toolbar, He as Tooltip, yn as TreeView, xn as VirtualList, jr as Wizard, Nt as addMonths, cr as asyncSelectField, H as badgeVariants, r as buttonVariants, B as cardVariants, e as cn, Un as createCroppedImageBlob, lr as customField, ur as dateField, dr as dateRangeField, Et as drawSignature, fr as formSection, St as getAlphaPercent, Pt as getMonthDays, Ft as getMonthLabel, nt as getPaginationItems, fn as getProgressPercent, It as getWeekdayLabels, pr as inputField, Lt as isAfterDate, Rt as isBeforeDate, zt as isSameMonth, Bt as isWithinRange, Ct as normalizeHexColor, mr as numberField, Vt as parseDateKey, hr as phoneField, gr as renderFormBuilderField, Ot as resolveFormFieldIds, _r as selectField, Ht as startOfMonth, t as stopInteractivePropagation, vr as switchField, yr as textareaField, Ut as toDateKey, Pr as useBeforeUnloadWhenDirty, Yn as useCommandPaletteShortcut, Rr as useDataTableViewState, Ir as useDebouncedCallback, Lr as useDebouncedValue, Fr as useDisclosure, Ye as useIsMobile, Nr as useSessionStorageState, Kn as useToast, wt as withAlpha };

package/dist/src/public-component-surface.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[{slug:`button`,registryName:`button`,surface:`documented`},{slug:`input`,registryName:`input`,surface:`documented`},{slug:`select`,registryName:`select`,surface:`documented`},{slug:`card`,registryName:`card`,surface:`documented`},{slug:`badge`,registryName:`badge`,surface:`documented`},{slug:`checkbox`,registryName:`checkbox`,surface:`documented`},{slug:`overlay`,registryName:`dialog`,surface:`documented`},{slug:`data-table`,registryName:`data-table`,surface:`documented`},{slug:`calendar`,registryName:`calendar`,surface:`documented`},{slug:`date-picker`,registryName:`date-picker`,surface:`documented`},{slug:`date-range-picker`,registryName:`date-range-picker`,surface:`documented`},{slug:`alert`,registryName:`alert`,surface:`documented`},{slug:`bar-chart`,registryName:`charts`,surface:`documented`},{slug:`sidebar`,registryName:`sidebar`,surface:`documented`},{slug:`file-upload`,registryName:`file-upload`,surface:`documented`},{slug:`progress`,registryName:`progress`,surface:`documented`}],t=[{slug:`accordion`,registryName:`accordion`,surface:`standalone`},{slug:`divider`,registryName:`divider`,surface:`standalone`},{slug:`segmented-control`,registryName:`segmented-control`,surface:`standalone`},{slug:`skeleton`,registryName:`skeleton`,surface:`standalone`},{slug:`spinner`,registryName:`spinner`,surface:`standalone`},{slug:`command-bar`,registryName:`command-bar`,surface:`standalone`},{slug:`inline-editable`,registryName:`inline-editable`,surface:`standalone`},{slug:`avatar`,registryName:`avatar`,surface:`standalone`},{slug:`code-block`,registryName:`code-block`,surface:`standalone`},{slug:`data-state`,registryName:`data-state`,surface:`standalone`},{slug:`kanban`,registryName:`kanban`,surface:`standalone`},{slug:`list`,registryName:`list`,surface:`standalone`},{slug:`property-grid`,registryName:`property-grid`,surface:`standalone`},{slug:`statistic`,registryName:`statistic`,surface:`standalone`},{slug:`tree-view`,registryName:`tree-view`,surface:`standalone`},{slug:`copy-button`,registryName:`copy-button`,surface:`standalone`},{slug:`section`,registryName:`section`,surface:`standalone`},{slug:`calendar-scheduler`,registryName:`calendar-scheduler`,surface:`standalone`},{slug:`dual-list-picker`,registryName:`dual-list-picker`,surface:`standalone`},{slug:`resizable-panel`,registryName:`resizable-panel`,surface:`standalone`},{slug:`tag`,registryName:`tag`,surface:`standalone`},{slug:`carousel`,registryName:`carousel`,surface:`standalone`},{slug:`typography`,registryName:`typography`,surface:`standalone`},{slug:`json-input`,registryName:`json-input`,surface:`standalone`},{slug:`time-picker`,registryName:`time-picker`,surface:`standalone`},{slug:`sortable-list`,registryName:`sortable-list`,surface:`standalone`},{slug:`virtual-list`,registryName:`virtual-list`,surface:`standalone`}],n=[...e,...t],r=new Map(n.map((e,t)=>[e.slug,t])),i=new Map(n.map(e=>[e.slug,e.registryName])),a=n.map(e=>e.slug),o=new Set(a),s=t.map(e=>e.slug),c=e.map(e=>e.registryName),l=t.map(e=>e.registryName),u=n.map(e=>e.registryName);function d(e){return r.get(e)??2**53-1}function f(e){return o.has(e)}function p(e){return i.get(e)}function m(e,t){return d(e)-d(t)}exports.comparePublicComponentSurfaceOrder=m,exports.documentedPublicComponentSurfaces=e,exports.documentedPublicRegistrySurfaceNames=c,exports.getPublicComponentRegistryName=p,exports.getPublicComponentSurfaceOrder=d,exports.isPublicComponentSurfaceSlug=f,exports.publicComponentSurfaceEntries=n,exports.publicComponentSurfaceSlugSet=o,exports.publicComponentSurfaceSlugs=a,exports.publicRegistrySurfaceNames=u,exports.standalonePublicComponentSlugs=s,exports.standalonePublicComponentSurfaces=t,exports.standalonePublicRegistrySurfaceNames=l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[{slug:`button`,registryName:`button`,surface:`documented`},{slug:`input`,registryName:`input`,surface:`documented`},{slug:`select`,registryName:`select`,surface:`documented`},{slug:`card`,registryName:`card`,surface:`documented`},{slug:`badge`,registryName:`badge`,surface:`documented`},{slug:`checkbox`,registryName:`checkbox`,surface:`documented`},{slug:`overlay`,registryName:`dialog`,surface:`documented`},{slug:`data-table`,registryName:`data-table`,surface:`documented`},{slug:`calendar`,registryName:`calendar`,surface:`documented`},{slug:`date-picker`,registryName:`date-picker`,surface:`documented`},{slug:`date-range-picker`,registryName:`date-range-picker`,surface:`documented`},{slug:`alert`,registryName:`alert`,surface:`documented`},{slug:`bar-chart`,registryName:`charts`,surface:`documented`},{slug:`sidebar`,registryName:`sidebar`,surface:`documented`},{slug:`file-upload`,registryName:`file-upload`,surface:`documented`},{slug:`progress`,registryName:`progress`,surface:`documented`}],t=[{slug:`accordion`,registryName:`accordion`,surface:`standalone`},{slug:`divider`,registryName:`divider`,surface:`standalone`},{slug:`segmented-control`,registryName:`segmented-control`,surface:`standalone`},{slug:`skeleton`,registryName:`skeleton`,surface:`standalone`},{slug:`spinner`,registryName:`spinner`,surface:`standalone`},{slug:`command-palette`,registryName:`command-palette`,surface:`standalone`},{slug:`inline-editable`,registryName:`inline-editable`,surface:`standalone`},{slug:`avatar`,registryName:`avatar`,surface:`standalone`},{slug:`code-block`,registryName:`code-block`,surface:`standalone`},{slug:`data-state`,registryName:`data-state`,surface:`standalone`},{slug:`kanban`,registryName:`kanban`,surface:`standalone`},{slug:`list`,registryName:`list`,surface:`standalone`},{slug:`description-list`,registryName:`description-list`,surface:`standalone`},{slug:`statistic`,registryName:`statistic`,surface:`standalone`},{slug:`tree-view`,registryName:`tree-view`,surface:`standalone`},{slug:`copy-button`,registryName:`copy-button`,surface:`standalone`},{slug:`section`,registryName:`section`,surface:`standalone`},{slug:`form-builder`,registryName:`form-builder`,surface:`standalone`},{slug:`empty-state`,registryName:`empty-state`,surface:`standalone`},{slug:`page-toolbar`,registryName:`page-toolbar`,surface:`standalone`},{slug:`bulk-action-bar`,registryName:`bulk-action-bar`,surface:`standalone`},{slug:`detail-layout`,registryName:`detail-layout`,surface:`standalone`},{slug:`settings-page`,registryName:`settings-page`,surface:`standalone`},{slug:`data-view`,registryName:`data-view`,surface:`standalone`},{slug:`resource-page`,registryName:`resource-page`,surface:`standalone`},{slug:`resource-detail-page`,registryName:`resource-detail-page`,surface:`standalone`},{slug:`calendar-scheduler`,registryName:`calendar-scheduler`,surface:`standalone`},{slug:`dual-list-picker`,registryName:`dual-list-picker`,surface:`standalone`},{slug:`resizable-panel`,registryName:`resizable-panel`,surface:`standalone`},{slug:`tag`,registryName:`tag`,surface:`standalone`},{slug:`carousel`,registryName:`carousel`,surface:`standalone`},{slug:`typography`,registryName:`typography`,surface:`standalone`},{slug:`json-input`,registryName:`json-input`,surface:`standalone`},{slug:`time-picker`,registryName:`time-picker`,surface:`standalone`},{slug:`sortable-list`,registryName:`sortable-list`,surface:`standalone`},{slug:`virtual-list`,registryName:`virtual-list`,surface:`standalone`},{slug:`color-picker`,registryName:`color-picker`,surface:`standalone`},{slug:`signature-pad`,registryName:`signature-pad`,surface:`standalone`},{slug:`qr-code`,registryName:`qr-code`,surface:`standalone`},{slug:`rich-text-editor`,registryName:`rich-text-editor`,surface:`standalone`},{slug:`image-cropper`,registryName:`image-cropper`,surface:`standalone`}],n=[...e,...t],r=new Map(n.map((e,t)=>[e.slug,t])),i=new Map(n.map(e=>[e.slug,e.registryName])),a=n.map(e=>e.slug),o=new Set(a),s=t.map(e=>e.slug),c=e.map(e=>e.registryName),l=t.map(e=>e.registryName),u=n.map(e=>e.registryName);function d(e){return r.get(e)??2**53-1}function f(e){return o.has(e)}function p(e){return i.get(e)}function m(e,t){return d(e)-d(t)}exports.comparePublicComponentSurfaceOrder=m,exports.documentedPublicComponentSurfaces=e,exports.documentedPublicRegistrySurfaceNames=c,exports.getPublicComponentRegistryName=p,exports.getPublicComponentSurfaceOrder=d,exports.isPublicComponentSurfaceSlug=f,exports.publicComponentSurfaceEntries=n,exports.publicComponentSurfaceSlugSet=o,exports.publicComponentSurfaceSlugs=a,exports.publicRegistrySurfaceNames=u,exports.standalonePublicComponentSlugs=s,exports.standalonePublicComponentSurfaces=t,exports.standalonePublicRegistrySurfaceNames=l;

package/dist/src/public-component-surface.js

@@ -107,8 +107,8 @@ var e = [
 		surface: "standalone"
 	},
 	{
-		slug: "command-bar",
-		registryName: "command-bar",
+		slug: "command-palette",
+		registryName: "command-palette",
 		surface: "standalone"
 	},
 	{
@@ -142,8 +142,8 @@ var e = [
 		surface: "standalone"
 	},
 	{
-		slug: "property-grid",
-		registryName: "property-grid",
+		slug: "description-list",
+		registryName: "description-list",
 		surface: "standalone"
 	},
 	{
@@ -166,6 +166,51 @@ var e = [
 		registryName: "section",
 		surface: "standalone"
 	},
+	{
+		slug: "form-builder",
+		registryName: "form-builder",
+		surface: "standalone"
+	},
+	{
+		slug: "empty-state",
+		registryName: "empty-state",
+		surface: "standalone"
+	},
+	{
+		slug: "page-toolbar",
+		registryName: "page-toolbar",
+		surface: "standalone"
+	},
+	{
+		slug: "bulk-action-bar",
+		registryName: "bulk-action-bar",
+		surface: "standalone"
+	},
+	{
+		slug: "detail-layout",
+		registryName: "detail-layout",
+		surface: "standalone"
+	},
+	{
+		slug: "settings-page",
+		registryName: "settings-page",
+		surface: "standalone"
+	},
+	{
+		slug: "data-view",
+		registryName: "data-view",
+		surface: "standalone"
+	},
+	{
+		slug: "resource-page",
+		registryName: "resource-page",
+		surface: "standalone"
+	},
+	{
+		slug: "resource-detail-page",
+		registryName: "resource-detail-page",
+		surface: "standalone"
+	},
 	{
 		slug: "calendar-scheduler",
 		registryName: "calendar-scheduler",
@@ -215,6 +260,31 @@ var e = [
 		slug: "virtual-list",
 		registryName: "virtual-list",
 		surface: "standalone"
+	},
+	{
+		slug: "color-picker",
+		registryName: "color-picker",
+		surface: "standalone"
+	},
+	{
+		slug: "signature-pad",
+		registryName: "signature-pad",
+		surface: "standalone"
+	},
+	{
+		slug: "qr-code",
+		registryName: "qr-code",
+		surface: "standalone"
+	},
+	{
+		slug: "rich-text-editor",
+		registryName: "rich-text-editor",
+		surface: "standalone"
+	},
+	{
+		slug: "image-cropper",
+		registryName: "image-cropper",
+		surface: "standalone"
 	}
 ], n = [...e, ...t], r = new Map(n.map((e, t) => [e.slug, t])), i = new Map(n.map((e) => [e.slug, e.registryName])), a = n.map((e) => e.slug), o = new Set(a), s = t.map((e) => e.slug), c = e.map((e) => e.registryName), l = t.map((e) => e.registryName), u = n.map((e) => e.registryName);
 function d(e) {

package/dist/src/showcase/demo-snippets/actions/index.cjs

@@ -37,15 +37,15 @@ export function Demo() {
       ]}
     />
   )
-}`,"dialog-actions":`import { DialogActionButton, DialogActions } from "tembro"
+}`,"dialog-actions":`import { Button, ButtonGroup } from "tembro"
 
 export function Demo() {
   return (
-    <DialogActions align="end">
-      <DialogActionButton variant="ghost">Cancel</DialogActionButton>
-      <DialogActionButton variant="outline">Save draft</DialogActionButton>
-      <DialogActionButton>Publish</DialogActionButton>
-    </DialogActions>
+    <ButtonGroup attached={false}>
+      <Button variant="ghost">Cancel</Button>
+      <Button variant="outline">Save draft</Button>
+      <Button>Publish</Button>
+    </ButtonGroup>
   )
 }`,stepper:`import { Stepper } from "tembro"
 

package/dist/src/showcase/demo-snippets/actions/index.js

@@ -3,7 +3,7 @@ var e = {
 	"action-menu": "import { ActionMenu, Button } from \"tembro\"\n\nexport function Demo() {\n  return (\n    <ActionMenu\n      label=\"Row actions\"\n      actions={[\n        { key: \"open\", label: \"Open\" },\n        { key: \"duplicate\", label: \"Duplicate\" },\n        { key: \"archive\", label: \"Archive\", destructive: true },\n      ]}\n      trigger={<Button variant=\"outline\">Actions</Button>}\n    />\n  )\n}",
 	"button-group": "import { ButtonGroup } from \"tembro\"\n\nexport function Demo() {\n  return (\n    <ButtonGroup\n      items={[\n        { key: \"day\", label: \"Day\" },\n        { key: \"week\", label: \"Week\" },\n        { key: \"month\", label: \"Month\" },\n      ]}\n    />\n  )\n}",
 	"quick-action-grid": "import { QuickActionGrid } from \"tembro\"\n\nexport function Demo() {\n  return (\n    <QuickActionGrid\n      columns={3}\n      items={[\n        { key: \"new\", label: \"New invoice\", description: \"Create a billing row.\" },\n        { key: \"import\", label: \"Import CSV\", description: \"Upload operational data.\" },\n        { key: \"share\", label: \"Share\", description: \"Invite a teammate.\" },\n      ]}\n    />\n  )\n}",
-	"dialog-actions": "import { DialogActionButton, DialogActions } from \"tembro\"\n\nexport function Demo() {\n  return (\n    <DialogActions align=\"end\">\n      <DialogActionButton variant=\"ghost\">Cancel</DialogActionButton>\n      <DialogActionButton variant=\"outline\">Save draft</DialogActionButton>\n      <DialogActionButton>Publish</DialogActionButton>\n    </DialogActions>\n  )\n}",
+	"dialog-actions": "import { Button, ButtonGroup } from \"tembro\"\n\nexport function Demo() {\n  return (\n    <ButtonGroup attached={false}>\n      <Button variant=\"ghost\">Cancel</Button>\n      <Button variant=\"outline\">Save draft</Button>\n      <Button>Publish</Button>\n    </ButtonGroup>\n  )\n}",
 	stepper: "import { Stepper } from \"tembro\"\n\nexport function Demo() {\n  return (\n    <Stepper\n      currentStep=\"billing\"\n      steps={[\n        { id: \"profile\", title: \"Profile\", completed: true },\n        { id: \"billing\", title: \"Billing\" },\n        { id: \"review\", title: \"Review\" },\n      ]}\n      onStepChange={() => undefined}\n    />\n  )\n}"
 };
 //#endregion

package/dist/src/showcase/fallback.cjs

@@ -1,5 +1,5 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/ui/button/index.cjs"),t=require("../components/actions/button-group.cjs"),n=require("../components/actions/copy-button.cjs"),r=require("../components/actions/copy-field.cjs"),i=require("../components/ui/input/index.cjs"),a=require("../components/ui/card/index.cjs"),o=require("../components/ui/badge/index.cjs"),s=require("../components/ui/accordion/index.cjs"),c=require("../components/ui/skeleton/index.cjs"),l=require("../components/ui/divider/index.cjs"),u=require("../components/ui/segmented-control/index.cjs"),d=require("../components/ui/spinner/index.cjs"),f=require("../components/actions/quick-action-grid.cjs"),p=require("../components/layout/section.cjs"),m=require("../components/layout/sticky-footer-bar.cjs"),h=require("../components/navigation/page-tabs.cjs"),g=require("../components/navigation/stepper-tabs.cjs"),_=require("../components/filters/filter-bar.cjs"),v=require("../components/filters/saved-filter-select.cjs"),y=require("../components/inputs/otp-input.cjs"),b=require("../components/inputs/rating.cjs"),x=require("../components/inputs/slider.cjs"),S=require("../components/inputs/tag-input.cjs"),C=require("../components/inputs/json-input.cjs"),w=require("../components/inputs/time-picker.cjs"),T=require("../components/feedback/alert.cjs"),E=require("../components/feedback/page-state.cjs"),D=require("../components/display/avatar.cjs"),O=require("../components/display/descriptions.cjs"),k=require("../components/display/kanban.cjs"),A=require("../components/display/code-block.cjs"),j=require("../components/display/data-state.cjs"),M=require("../components/display/list.cjs"),N=require("../components/display/property-grid.cjs"),P=require("../components/display/statistic.cjs"),F=require("../components/display/status-legend.cjs"),I=require("../components/display/tree-view.cjs"),L=require("../components/layout/stat-card.cjs"),R=require("../components/display/carousel.cjs"),z=require("../components/display/tag.cjs"),B=require("../components/display/typography.cjs"),V=require("../components/modern/calendar-scheduler.cjs"),H=require("../components/modern/dual-list-picker.cjs"),U=require("../components/modern/resizable-panel.cjs");let W=require("react/jsx-runtime");function G({item:e,groupLabel:t,importSnippet:n}){let r=K(e.slug);return{Showcase:n=>(0,W.jsx)(q,{...n,item:e,groupLabel:t}),mock:{cliCommand:`npx tembro add ${e.slug}`,code:`${n}\n\nexport function Example() {\n  return <${r} />\n}`,highlights:e.features,scenarios:e.features.slice(0,3).map(t=>({title:t,description:`${e.title} can be copied into your app and adjusted locally.`})),capabilityNotes:e.features.slice(0,3)}}}function K(e){return e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``)}function q({item:e,groupLabel:t,state:n,setState:r,mode:i}){let a=e.features.length?e.features:[t,`CLI add`,`Local file`];return(0,W.jsxs)(`div`,{className:`space-y-5`,children:[(0,W.jsxs)(`div`,{className:`flex flex-col gap-5 border-b border-[color:var(--aui-divider)] pb-5 lg:flex-row lg:items-start lg:justify-between`,children:[(0,W.jsxs)(`div`,{className:`max-w-xl`,children:[(0,W.jsx)(`p`,{className:`text-sm font-semibold uppercase tracking-[0.22em] text-[color:var(--aui-brand-strong)]`,children:`CLI component`}),(0,W.jsx)(`h3`,{className:`mt-2.5 text-2xl font-semibold tracking-tight text-[color:var(--aui-page-foreground)]`,children:e.title}),(0,W.jsx)(`p`,{className:`mt-3 text-sm leading-7 text-[color:var(--aui-page-muted)]`,children:"Copy this component into your app and adjust it inside your own `components` folder."})]}),(0,W.jsx)(`div`,{className:`rounded-full border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-3 py-1.5 text-[11px] font-semibold uppercase tracking-[0.18em] text-[color:var(--aui-page-muted-strong)]`,children:i===`docs`?`Docs`:`Preview`})]}),(0,W.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:a.slice(0,3).map(e=>(0,W.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-3.5`,children:[(0,W.jsx)(`p`,{className:`text-sm font-semibold text-[color:var(--aui-page-foreground)]`,children:e}),(0,W.jsx)(`p`,{className:`mt-1.5 text-xs leading-5 text-[color:var(--aui-page-muted)]`,children:`Lives in your local component source.`})]},e))}),(0,W.jsx)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-code-bg)] px-4 py-3`,children:(0,W.jsxs)(`code`,{className:`text-sm text-[color:var(--aui-code-fg)]`,children:[`npx tembro add `,e.slug]})}),(0,W.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4 sm:p-5`,children:J(e,t,n,r,i)})]})}function J(G,K,q,J,Y){return G.slug===`accordion`?(0,W.jsx)(s.Accordion,{type:`single`,defaultValue:`api`,items:[{key:`api`,title:`Single open section`,description:`Open one section at a time.`,content:`Use one expanded panel when the page needs compact disclosure.`},{key:`states`,title:`State handling`,description:`Controlled or uncontrolled usage.`,content:`Use one expanded section for FAQs, settings clusters, and compact disclosure flows.`}]}):G.slug===`avatar`?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,W.jsx)(D.Avatar,{name:`Azamat UI`}),(0,W.jsx)(D.Avatar,{fallback:`AJ`,shape:`rounded`}),(0,W.jsx)(D.AvatarGroup,{items:[{key:`1`,name:`Azamat`},{key:`2`,name:`Nodir`},{key:`3`,name:`Dilshod`},{key:`4`,name:`Madina`}]})]}):G.slug===`calendar-scheduler`?(0,W.jsx)(V.CalendarScheduler,{events:[{id:`1`,title:`Design review`,date:`Mon`,time:`10:00`,tone:`default`},{id:`2`,title:`Release QA`,date:`Tue`,time:`14:00`,tone:`warning`},{id:`3`,title:`Go live`,date:`Fri`,time:`09:30`,tone:`success`}]}):G.slug===`carousel`?(0,W.jsxs)(R.Carousel,{index:0,children:[(0,W.jsx)(R.CarouselItem,{children:(0,W.jsx)(a.Card,{children:(0,W.jsxs)(a.CardContent,{className:`p-5`,children:[(0,W.jsx)(`p`,{className:`text-lg font-semibold`,children:`Release dashboard`}),(0,W.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Compact KPI slide for weekly review.`})]})})}),(0,W.jsx)(R.CarouselItem,{children:(0,W.jsx)(a.Card,{children:(0,W.jsxs)(a.CardContent,{className:`p-5`,children:[(0,W.jsx)(`p`,{className:`text-lg font-semibold`,children:`Customer health`}),(0,W.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Second slide with account risk summary.`})]})})})]}):G.slug===`code-block`?(0,W.jsx)(A.CodeBlock,{title:`Install`,language:`bash`,code:`npx tembro init --template next
-npx tembro add button`}):G.slug===`copy-button`?(0,W.jsx)(n.CopyButton,{value:`npx tembro add button`,children:`Copy command`}):G.slug===`copy-field`?(0,W.jsx)(r.CopyField,{label:`CLI command`,description:`Quick source-copy command`,value:`npx tembro add input`}):G.slug===`data-state`?(0,W.jsx)(j.DataState,{status:`empty`,title:`No matching rows`,description:`Try another filter or import the first record.`,actions:(0,W.jsx)(e.Button,{size:`sm`,children:`Import CSV`})}):G.slug===`descriptions`?(0,W.jsx)(O.Descriptions,{title:`Workspace details`,columns:3,items:[{key:`owner`,label:`Owner`,value:`Azamat UI`},{key:`plan`,label:`Plan`,value:`Scale`},{key:`renewal`,label:`Renewal`,value:`Jul 14, 2026`}]}):G.slug===`divider`?(0,W.jsxs)(`div`,{className:`grid gap-3`,children:[(0,W.jsx)(`div`,{className:`text-sm font-medium`,children:`Section above`}),(0,W.jsx)(l.Divider,{label:`Summary`}),(0,W.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Section below`})]}):G.slug===`dual-list-picker`?(0,W.jsx)(H.DualListPicker,{picked:[`billing`,`support`],items:[{value:`billing`,label:`Billing`},{value:`support`,label:`Support`},{value:`analytics`,label:`Analytics`},{value:`security`,label:`Security`}]}):G.slug===`segmented-control`?(0,W.jsx)(u.SegmentedControl,{options:[{value:`overview`,label:`Overview`},{value:`activity`,label:`Activity`},{value:`settings`,label:`Settings`}],defaultValue:`overview`}):G.slug===`spinner`?(0,W.jsxs)(`div`,{className:`flex items-center gap-5`,children:[(0,W.jsx)(d.Spinner,{size:`xs`}),(0,W.jsx)(d.Spinner,{size:`sm`}),(0,W.jsx)(d.Spinner,{size:`md`}),(0,W.jsx)(d.Spinner,{size:`lg`})]}):G.slug===`skeleton`?(0,W.jsxs)(`div`,{className:`grid gap-3`,children:[(0,W.jsx)(c.Skeleton,{className:`h-10 w-full`}),(0,W.jsx)(c.SkeletonText,{rows:3}),(0,W.jsx)(c.SkeletonCard,{avatar:!0})]}):G.slug===`slider`?(0,W.jsx)(x.Slider,{label:`Spacing scale`,description:`Adjust dashboard density.`,defaultValue:64,showValue:!0}):G.slug===`statistic`?(0,W.jsxs)(P.StatisticGrid,{columns:3,children:[(0,W.jsx)(P.StatisticCard,{label:`ARR`,value:`$84.2k`,change:`+12.4%`,trend:`up`,description:`vs previous month`}),(0,W.jsx)(P.Statistic,{label:`MRR`,value:`$7.0k`,change:`+3.1%`,trend:`up`,description:`Live subscriptions`}),(0,W.jsx)(P.Statistic,{label:`Churn`,value:`1.9%`,change:`-0.4%`,trend:`down`,description:`Healthy range`})]}):G.slug===`sticky-footer-bar`?(0,W.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:[(0,W.jsx)(`div`,{className:`p-4 text-sm text-muted-foreground`,children:`Scrollable page content`}),(0,W.jsx)(m.StickyFooterBar,{start:(0,W.jsx)(`div`,{className:`text-sm font-medium`,children:`2 unsaved changes`}),end:(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(e.Button,{size:`sm`,variant:`outline`,children:`Discard`}),(0,W.jsx)(e.Button,{size:`sm`,children:`Save`})]})})]}):G.slug===`tag`?(0,W.jsxs)(z.TagGroup,{children:[(0,W.jsx)(z.Tag,{children:`Default`}),(0,W.jsx)(z.Tag,{tone:`success`,children:`Live`}),(0,W.jsx)(z.Tag,{tone:`warning`,children:`Review`}),(0,W.jsx)(z.Tag,{tone:`danger`,children:`Blocked`})]}):G.slug===`time-picker`?(0,W.jsxs)(`div`,{className:`grid gap-3`,children:[(0,W.jsx)(w.TimePicker,{label:`Start time`,defaultValue:`09:30`}),(0,W.jsx)(w.TimeRangePicker,{from:`09:30`,to:`17:30`})]}):G.slug===`tree-view`?(0,W.jsx)(I.TreeView,{defaultExpandedKeys:[`components`,`inputs`],selectedKey:`button`,items:[{key:`components`,label:`Components`,children:[{key:`inputs`,label:`Inputs`,children:[{key:`button`,label:`Button`},{key:`input`,label:`Input`}]}]}]}):G.slug===`typography`?(0,W.jsxs)(`div`,{className:`grid gap-3`,children:[(0,W.jsx)(B.Heading,{level:2,children:`Dashboard typography`}),(0,W.jsx)(B.Text,{children:`Readable defaults for product copy and operational labels.`}),(0,W.jsx)(`blockquote`,{className:`border-l-4 pl-4 italic text-muted-foreground`,children:`Ship simple text hierarchy before adding decorative layout layers.`}),(0,W.jsxs)(B.Text,{muted:!0,size:`sm`,children:[`Use `,(0,W.jsx)(B.Mark,{children:`Mark`}),` only for emphasis that matters.`]})]}):G.slug===`range-slider`?(0,W.jsx)(x.RangeSlider,{label:`Revenue band`,description:`Filter a metric window.`,defaultValue:[20,80],showValue:!0}):G.slug===`rating`?(0,W.jsx)(b.Rating,{defaultValue:4,labels:{clear:`Reset`}}):G.slug===`otp-input`?(0,W.jsx)(y.OtpInput,{value:q.textValue.replace(/\D/g,``).slice(0,6),onValueChange:e=>J({textValue:e})}):G.slug===`color-input`?(0,W.jsx)(i.Input,{type:`color`,defaultValue:`#22c55e`,"aria-label":`Accent color`}):G.slug===`tag-input`?(0,W.jsx)(S.TagInput,{defaultValue:[`dashboard`,`beta`,`ops`],placeholder:`Add label`}):G.slug===`button-group`?(0,W.jsx)(t.ButtonGroup,{items:[{key:`day`,label:`Day`},{key:`week`,label:`Week`},{key:`month`,label:`Month`}]}):G.slug===`quick-action-grid`||G.slug===`command-bar`?(0,W.jsx)(f.QuickActionGrid,{columns:G.slug===`command-bar`?4:3,compact:G.slug===`command-bar`,items:[{key:`new`,label:`New invoice`,description:`Create a fresh billing row.`,badge:`N`},{key:`import`,label:`Import CSV`,description:`Bring finance data into the table.`,badge:`I`},{key:`share`,label:`Share workspace`,description:`Invite team members to the route.`,badge:`S`}]}):G.slug===`data-table-saved-filters`?(0,W.jsxs)(`div`,{className:`grid gap-3`,children:[(0,W.jsx)(_.FilterBar,{chips:[{key:`status`,label:`Status`,value:`Active`,tone:`success`},{key:`owner`,label:`Owner`,value:`Azamat`,tone:`default`},{key:`region`,label:`Region`,value:`APAC`,tone:`info`}],onRemoveChip:()=>void 0,onReset:()=>void 0}),(0,W.jsx)(t.ButtonGroup,{attached:!1,items:[{key:`default`,label:`Default`,variant:`secondary`},{key:`billing`,label:`Billing`},{key:`ops`,label:`Operations`}]})]}):G.slug===`page-tabs`?(0,W.jsx)(h.PageTabs,{value:`overview`,variant:`pills`,items:[{value:`overview`,label:`Overview`},{value:`usage`,label:`Usage`},{value:`api`,label:`API`,badge:`3`}]}):G.slug===`stepper-tabs`?(0,W.jsx)(g.StepperTabs,{value:`billing`,items:[{value:`profile`,label:`Profile`,description:`Team and owner details`,completed:!0},{value:`billing`,label:`Billing`,description:`Payment and invoices`},{value:`review`,label:`Review`,description:`Confirm release`}]}):G.slug===`alert`?(0,W.jsx)(T.Alert,{tone:`warning`,title:`Review needed`,description:`Billing rules changed and one approval is pending.`,action:(0,W.jsx)(e.Button,{size:`sm`,children:`Open`})}):G.slug===`page-state`?(0,W.jsx)(E.PageState,{title:`Workspace connected`,description:`The route is ready to accept live data and team actions.`,tone:`success`,action:(0,W.jsx)(e.Button,{size:`sm`,children:`Continue`})}):G.slug===`data-list`||G.slug===`list`?(0,W.jsx)(M.List,{items:[{key:`1`,title:`Enterprise plan`,description:`Priority support and SSO`,extra:`$499`},{key:`2`,title:`Growth plan`,description:`Most used by product teams`,extra:`$199`},{key:`3`,title:`Starter plan`,description:`Lightweight team setup`,extra:`$49`}]}):G.slug===`status-legend`?(0,W.jsx)(F.StatusLegend,{title:`Delivery states`,items:[{key:`live`,label:`Live`,description:`Healthy production routes`,tone:`success`,count:18},{key:`review`,label:`Review`,description:`Awaiting QA approval`,tone:`warning`,count:4},{key:`blocked`,label:`Blocked`,description:`Needs engineering action`,tone:`danger`,count:1}]}):G.slug===`trend-card`||G.slug===`comparison-card`?(0,W.jsx)(L.StatCard,{title:G.slug===`trend-card`?`Weekly revenue`:`Current vs previous`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`}}):G.slug===`delta-badge`?(0,W.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,W.jsx)(o.Badge,{variant:`secondary`,children:`+12.4%`}),(0,W.jsx)(o.Badge,{variant:`outline`,children:`-3.1%`}),(0,W.jsx)(o.Badge,{variant:`destructive`,children:`Risk`})]}):G.slug===`notification-center`?(0,W.jsx)(M.List,{items:[{key:`1`,title:`Build completed`,description:`Dashboard docs deployment is live.`,extra:`Now`},{key:`2`,title:`New comment`,description:`Review requested on DataTable API.`,extra:`8m`},{key:`3`,title:`Publish reminder`,description:`Package version is ready for release.`,extra:`1h`}]}):G.slug===`inline-editable`?(0,W.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row`,children:[(0,W.jsx)(i.Input,{value:q.textValue,onChange:e=>J({textValue:e.currentTarget.value})}),(0,W.jsx)(e.Button,{size:`sm`,children:`Save label`})]}):G.slug===`json-input`?(0,W.jsx)(C.JsonInput,{value:`{
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/ui/button/index.cjs"),t=require("../components/actions/button-group.cjs"),n=require("../components/actions/copy-button.cjs"),r=require("../components/ui/input/index.cjs"),i=require("../components/ui/card/index.cjs"),a=require("../components/ui/badge/index.cjs"),o=require("../components/ui/skeleton/index.cjs"),s=require("../components/ui/divider/index.cjs"),c=require("../components/ui/segmented-control/index.cjs"),l=require("../components/ui/spinner/index.cjs"),u=require("../components/actions/quick-action-grid.cjs"),d=require("../components/layout/section.cjs"),f=require("../components/filters/filter-bar.cjs"),p=require("../components/filters/saved-filter-select.cjs"),m=require("../components/inputs/otp-input.cjs"),h=require("../components/inputs/rating.cjs"),g=require("../components/inputs/slider.cjs"),_=require("../components/inputs/tag-input.cjs"),v=require("../components/inputs/json-input.cjs"),y=require("../components/inputs/time-picker.cjs"),b=require("../components/feedback/alert.cjs"),x=require("../components/feedback/page-state.cjs"),S=require("../components/display/avatar.cjs"),C=require("../components/display/kanban.cjs"),w=require("../components/display/code-block.cjs"),T=require("../components/display/data-state.cjs"),E=require("../components/display/list.cjs"),D=require("../components/display/statistic.cjs"),O=require("../components/display/status-legend.cjs"),k=require("../components/display/tree-view.cjs"),A=require("../components/display/carousel.cjs"),j=require("../components/display/tag.cjs"),M=require("../components/display/typography.cjs"),N=require("../components/modern/calendar-scheduler.cjs"),P=require("../components/modern/dual-list-picker.cjs"),F=require("../components/modern/resizable-panel.cjs");let I=require("react/jsx-runtime");function L({item:e,groupLabel:t,importSnippet:n}){let r=R(e.slug);return{Showcase:n=>(0,I.jsx)(z,{...n,item:e,groupLabel:t}),mock:{cliCommand:`npx tembro add ${e.slug}`,code:`${n}\n\nexport function Example() {\n  return <${r} />\n}`,highlights:e.features,scenarios:e.features.slice(0,3).map(t=>({title:t,description:`${e.title} can be copied into your app and adjusted locally.`})),capabilityNotes:e.features.slice(0,3)}}}function R(e){return e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``)}function z({item:e,groupLabel:t,state:n,setState:r,mode:i}){let a=e.features.length?e.features:[t,`CLI add`,`Local file`];return(0,I.jsxs)(`div`,{className:`space-y-5`,children:[(0,I.jsxs)(`div`,{className:`flex flex-col gap-5 border-b border-[color:var(--aui-divider)] pb-5 lg:flex-row lg:items-start lg:justify-between`,children:[(0,I.jsxs)(`div`,{className:`max-w-xl`,children:[(0,I.jsx)(`p`,{className:`text-sm font-semibold uppercase tracking-[0.22em] text-[color:var(--aui-brand-strong)]`,children:`CLI component`}),(0,I.jsx)(`h3`,{className:`mt-2.5 text-2xl font-semibold tracking-tight text-[color:var(--aui-page-foreground)]`,children:e.title}),(0,I.jsx)(`p`,{className:`mt-3 text-sm leading-7 text-[color:var(--aui-page-muted)]`,children:"Copy this component into your app and adjust it inside your own `components` folder."})]}),(0,I.jsx)(`div`,{className:`rounded-full border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-3 py-1.5 text-[11px] font-semibold uppercase tracking-[0.18em] text-[color:var(--aui-page-muted-strong)]`,children:i===`docs`?`Docs`:`Preview`})]}),(0,I.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:a.slice(0,3).map(e=>(0,I.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-3.5`,children:[(0,I.jsx)(`p`,{className:`text-sm font-semibold text-[color:var(--aui-page-foreground)]`,children:e}),(0,I.jsx)(`p`,{className:`mt-1.5 text-xs leading-5 text-[color:var(--aui-page-muted)]`,children:`Lives in your local component source.`})]},e))}),(0,I.jsx)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-code-bg)] px-4 py-3`,children:(0,I.jsxs)(`code`,{className:`text-sm text-[color:var(--aui-code-fg)]`,children:[`npx tembro add `,e.slug]})}),(0,I.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4 sm:p-5`,children:B(e,t,n,r,i)})]})}function B(L,R,z,B,V){return L.slug===`avatar`?(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,I.jsx)(S.Avatar,{name:`Azamat UI`}),(0,I.jsx)(S.Avatar,{fallback:`AJ`,shape:`rounded`}),(0,I.jsx)(S.AvatarGroup,{items:[{key:`1`,name:`Azamat`},{key:`2`,name:`Nodir`},{key:`3`,name:`Dilshod`},{key:`4`,name:`Madina`}]})]}):L.slug===`calendar-scheduler`?(0,I.jsx)(N.CalendarScheduler,{events:[{id:`1`,title:`Design review`,date:`Mon`,time:`10:00`,tone:`default`},{id:`2`,title:`Release QA`,date:`Tue`,time:`14:00`,tone:`warning`},{id:`3`,title:`Go live`,date:`Fri`,time:`09:30`,tone:`success`}]}):L.slug===`carousel`?(0,I.jsxs)(A.Carousel,{index:0,children:[(0,I.jsx)(A.CarouselItem,{children:(0,I.jsx)(i.Card,{children:(0,I.jsxs)(i.CardContent,{className:`p-5`,children:[(0,I.jsx)(`p`,{className:`text-lg font-semibold`,children:`Release dashboard`}),(0,I.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Compact KPI slide for weekly review.`})]})})}),(0,I.jsx)(A.CarouselItem,{children:(0,I.jsx)(i.Card,{children:(0,I.jsxs)(i.CardContent,{className:`p-5`,children:[(0,I.jsx)(`p`,{className:`text-lg font-semibold`,children:`Customer health`}),(0,I.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Second slide with account risk summary.`})]})})})]}):L.slug===`code-block`?(0,I.jsx)(w.CodeBlock,{title:`Install`,language:`bash`,code:`npx tembro init --template next
+npx tembro add button`}):L.slug===`copy-button`?(0,I.jsx)(n.CopyButton,{value:`npx tembro add button`,children:`Copy command`}):L.slug===`data-state`?(0,I.jsx)(T.DataState,{status:`empty`,title:`No matching rows`,description:`Try another filter or import the first record.`,actions:(0,I.jsx)(e.Button,{size:`sm`,children:`Import CSV`})}):L.slug===`divider`?(0,I.jsxs)(`div`,{className:`grid gap-3`,children:[(0,I.jsx)(`div`,{className:`text-sm font-medium`,children:`Section above`}),(0,I.jsx)(s.Divider,{label:`Summary`}),(0,I.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Section below`})]}):L.slug===`dual-list-picker`?(0,I.jsx)(P.DualListPicker,{picked:[`billing`,`support`],items:[{value:`billing`,label:`Billing`},{value:`support`,label:`Support`},{value:`analytics`,label:`Analytics`},{value:`security`,label:`Security`}]}):L.slug===`segmented-control`?(0,I.jsx)(c.SegmentedControl,{options:[{value:`overview`,label:`Overview`},{value:`activity`,label:`Activity`},{value:`settings`,label:`Settings`}],defaultValue:`overview`}):L.slug===`spinner`?(0,I.jsxs)(`div`,{className:`flex items-center gap-5`,children:[(0,I.jsx)(l.Spinner,{size:`xs`}),(0,I.jsx)(l.Spinner,{size:`sm`}),(0,I.jsx)(l.Spinner,{size:`md`}),(0,I.jsx)(l.Spinner,{size:`lg`})]}):L.slug===`skeleton`?(0,I.jsxs)(`div`,{className:`grid gap-3`,children:[(0,I.jsx)(o.Skeleton,{className:`h-10 w-full`}),(0,I.jsx)(o.SkeletonText,{rows:3}),(0,I.jsx)(o.SkeletonCard,{avatar:!0})]}):L.slug===`slider`?(0,I.jsx)(g.Slider,{label:`Spacing scale`,description:`Adjust dashboard density.`,defaultValue:64,showValue:!0}):L.slug===`statistic`?(0,I.jsxs)(D.StatisticGrid,{columns:3,children:[(0,I.jsx)(D.StatisticCard,{label:`ARR`,value:`$84.2k`,change:`+12.4%`,trend:`up`,description:`vs previous month`}),(0,I.jsx)(D.Statistic,{label:`MRR`,value:`$7.0k`,change:`+3.1%`,trend:`up`,description:`Live subscriptions`}),(0,I.jsx)(D.Statistic,{label:`Churn`,value:`1.9%`,change:`-0.4%`,trend:`down`,description:`Healthy range`})]}):L.slug===`tag`?(0,I.jsxs)(j.TagGroup,{children:[(0,I.jsx)(j.Tag,{children:`Default`}),(0,I.jsx)(j.Tag,{tone:`success`,children:`Live`}),(0,I.jsx)(j.Tag,{tone:`warning`,children:`Review`}),(0,I.jsx)(j.Tag,{tone:`danger`,children:`Blocked`})]}):L.slug===`time-picker`?(0,I.jsxs)(`div`,{className:`grid gap-3`,children:[(0,I.jsx)(y.TimePicker,{label:`Start time`,defaultValue:`09:30`}),(0,I.jsx)(y.TimeRangePicker,{from:`09:30`,to:`17:30`})]}):L.slug===`tree-view`?(0,I.jsx)(k.TreeView,{defaultExpandedKeys:[`components`,`inputs`],selectedKey:`button`,items:[{key:`components`,label:`Components`,children:[{key:`inputs`,label:`Inputs`,children:[{key:`button`,label:`Button`},{key:`input`,label:`Input`}]}]}]}):L.slug===`typography`?(0,I.jsxs)(`div`,{className:`grid gap-3`,children:[(0,I.jsx)(M.Heading,{level:2,children:`Dashboard typography`}),(0,I.jsx)(M.Text,{children:`Readable defaults for product copy and operational labels.`}),(0,I.jsx)(`blockquote`,{className:`border-l-4 pl-4 italic text-muted-foreground`,children:`Ship simple text hierarchy before adding decorative layout layers.`}),(0,I.jsxs)(M.Text,{muted:!0,size:`sm`,children:[`Use `,(0,I.jsx)(M.Mark,{children:`Mark`}),` only for emphasis that matters.`]})]}):L.slug===`range-slider`?(0,I.jsx)(g.RangeSlider,{label:`Revenue band`,description:`Filter a metric window.`,defaultValue:[20,80],showValue:!0}):L.slug===`rating`?(0,I.jsx)(h.Rating,{defaultValue:4,labels:{clear:`Reset`}}):L.slug===`otp-input`?(0,I.jsx)(m.OtpInput,{value:z.textValue.replace(/\D/g,``).slice(0,6),onValueChange:e=>B({textValue:e})}):L.slug===`color-input`?(0,I.jsx)(r.Input,{type:`color`,defaultValue:`#22c55e`,"aria-label":`Accent color`}):L.slug===`tag-input`?(0,I.jsx)(_.TagInput,{defaultValue:[`dashboard`,`beta`,`ops`],placeholder:`Add label`}):L.slug===`button-group`?(0,I.jsx)(t.ButtonGroup,{items:[{key:`day`,label:`Day`},{key:`week`,label:`Week`},{key:`month`,label:`Month`}]}):L.slug===`quick-action-grid`?(0,I.jsx)(u.QuickActionGrid,{columns:3,items:[{key:`new`,label:`New invoice`,description:`Create a fresh billing row.`,badge:`N`},{key:`import`,label:`Import CSV`,description:`Bring finance data into the table.`,badge:`I`},{key:`share`,label:`Share workspace`,description:`Invite team members to the route.`,badge:`S`}]}):L.slug===`data-table-saved-filters`?(0,I.jsxs)(`div`,{className:`grid gap-3`,children:[(0,I.jsx)(f.FilterBar,{chips:[{key:`status`,label:`Status`,value:`Active`,tone:`success`},{key:`owner`,label:`Owner`,value:`Azamat`,tone:`default`},{key:`region`,label:`Region`,value:`APAC`,tone:`info`}],onRemoveChip:()=>void 0,onReset:()=>void 0}),(0,I.jsx)(t.ButtonGroup,{attached:!1,items:[{key:`default`,label:`Default`,variant:`secondary`},{key:`billing`,label:`Billing`},{key:`ops`,label:`Operations`}]})]}):L.slug===`alert`?(0,I.jsx)(b.Alert,{tone:`warning`,title:`Review needed`,description:`Billing rules changed and one approval is pending.`,action:(0,I.jsx)(e.Button,{size:`sm`,children:`Open`})}):L.slug===`page-state`?(0,I.jsx)(x.PageState,{title:`Workspace connected`,description:`The route is ready to accept live data and team actions.`,tone:`success`,action:(0,I.jsx)(e.Button,{size:`sm`,children:`Continue`})}):L.slug===`list`?(0,I.jsx)(E.List,{items:[{key:`1`,title:`Enterprise plan`,description:`Priority support and SSO`,extra:`$499`},{key:`2`,title:`Growth plan`,description:`Most used by product teams`,extra:`$199`},{key:`3`,title:`Starter plan`,description:`Lightweight team setup`,extra:`$49`}]}):L.slug===`status-legend`?(0,I.jsx)(O.StatusLegend,{title:`Delivery states`,items:[{key:`live`,label:`Live`,description:`Healthy production routes`,tone:`success`,count:18},{key:`review`,label:`Review`,description:`Awaiting QA approval`,tone:`warning`,count:4},{key:`blocked`,label:`Blocked`,description:`Needs engineering action`,tone:`danger`,count:1}]}):L.slug===`notification-center`?(0,I.jsx)(E.List,{items:[{key:`1`,title:`Build completed`,description:`Dashboard docs deployment is live.`,extra:`Now`},{key:`2`,title:`New comment`,description:`Review requested on DataTable API.`,extra:`8m`},{key:`3`,title:`Publish reminder`,description:`Package version is ready for release.`,extra:`1h`}]}):L.slug===`inline-editable`?(0,I.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row`,children:[(0,I.jsx)(r.Input,{value:z.textValue,onChange:e=>B({textValue:e.currentTarget.value})}),(0,I.jsx)(e.Button,{size:`sm`,children:`Save label`})]}):L.slug===`json-input`?(0,I.jsx)(v.JsonInput,{value:`{
   "workspace": "azamat-ui",
   "theme": "dashboard"
-}`,onValueChange:()=>void 0,rows:7}):G.slug===`kanban`?(0,W.jsx)(k.KanbanBoard,{columns:[{key:`todo`,title:`Todo`,cards:[{key:`1`,title:`Polish Button demo`,description:`Improve interactive preview states.`}]},{key:`progress`,title:`In progress`,cards:[{key:`2`,title:`Refresh Input docs`,description:`Clean API notes and examples.`}]},{key:`done`,title:`Done`,cards:[{key:`3`,title:`Publish 1.0.0`,description:`Release package and sync docs.`}]}]}):G.slug===`overlay`?(0,W.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,W.jsx)(a.Card,{children:(0,W.jsxs)(a.CardContent,{className:`p-4`,children:[(0,W.jsx)(`p`,{className:`font-medium`,children:`Dialog`}),(0,W.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Focused confirmation and forms.`})]})}),(0,W.jsx)(a.Card,{children:(0,W.jsxs)(a.CardContent,{className:`p-4`,children:[(0,W.jsx)(`p`,{className:`font-medium`,children:`Popover`}),(0,W.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Compact contextual actions.`})]})}),(0,W.jsx)(a.Card,{children:(0,W.jsxs)(a.CardContent,{className:`p-4`,children:[(0,W.jsx)(`p`,{className:`font-medium`,children:`Sheet`}),(0,W.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Side panel workflows.`})]})})]}):G.slug===`property-grid`?(0,W.jsx)(N.PropertyGrid,{columns:3,items:[{key:`framework`,label:`Framework`,value:`Next.js`,description:`App Router setup`},{key:`theme`,label:`Theme`,value:`Light / Dark`,description:`CSS tokens ready`},{key:`mode`,label:`Mode`,value:`Source-copy`,description:`Editable local files`}]}):G.slug===`quantity-stepper`?(0,W.jsx)(i.Input,{kind:`quantity`,value:3,min:1,max:10,showControls:!0,"aria-label":`Quantity`}):G.slug===`resizable-panel`?(0,W.jsxs)(U.ResizablePanelGroup,{children:[(0,W.jsxs)(U.ResizablePanel,{defaultSize:`45%`,children:[(0,W.jsx)(`p`,{className:`text-sm font-medium`,children:`Preview panel`}),(0,W.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Resize this surface in product screens with long content.`})]}),(0,W.jsx)(U.ResizableHandle,{}),(0,W.jsxs)(U.ResizablePanel,{defaultSize:`55%`,children:[(0,W.jsx)(`p`,{className:`text-sm font-medium`,children:`Inspector panel`}),(0,W.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Use for side-by-side data and editing tools.`})]})]}):G.slug===`saved-filter-select`?(0,W.jsx)(v.SavedFilterSelect,{value:`billing`,filters:[{value:`billing`,label:`Billing`,description:`Invoices and payment status`},{value:`ops`,label:`Operations`,description:`Queues and workload`},{value:`owners`,label:`Owner: Azamat`,description:`Assigned records only`}],onValueChange:()=>void 0,onSave:()=>void 0,onDelete:()=>void 0}):G.slug===`section`?(0,W.jsx)(p.Section,{title:`Revenue summary`,description:`Section wrapper for grouped content and actions.`,actions:(0,W.jsx)(e.Button,{size:`sm`,children:`Export`}),bordered:!0,children:(0,W.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Place chart, filters, table or any route content inside.`})}):G.category===`Forms`?(0,W.jsxs)(`div`,{className:`grid gap-3`,children:[(0,W.jsx)(i.Input,{value:q.textValue,onChange:e=>J({textValue:e.currentTarget.value}),placeholder:`${G.title} preview`}),(0,W.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Generic field preview for this form surface.`})]}):G.category===`Overlay`?(0,W.jsxs)(`div`,{className:`grid gap-4 rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`p`,{className:`text-sm font-semibold text-[color:var(--aui-page-foreground)]`,children:G.title}),(0,W.jsx)(`p`,{className:`mt-2 max-w-xl text-sm leading-6 text-[color:var(--aui-page-muted)]`,children:`Overlay surfaces should stay compact, focused, and secondary to the route behind them.`})]}),(0,W.jsx)(o.Badge,{variant:`outline`,children:`Overlay`})]}),(0,W.jsx)(`div`,{className:`rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[(0,W.jsx)(e.Button,{variant:`ghost`,children:`Cancel`}),(0,W.jsx)(e.Button,{variant:`outline`,children:`Save draft`}),(0,W.jsx)(e.Button,{children:`Confirm`})]})})]}):G.category===`Data Display`?(0,W.jsxs)(`div`,{className:`grid gap-4 rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`p`,{className:`text-lg font-semibold`,children:G.title}),(0,W.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Display surfaces should prioritize readable values, compact metadata, and clear scanning order.`})]}),(0,W.jsx)(o.Badge,{variant:`outline`,children:Y})]}),(0,W.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[{label:`Primary value`,value:`84.2k`,note:`Strong first read`},{label:`Supporting meta`,value:`12 teams`,note:`Context stays secondary`},{label:`Status`,value:`Live`,note:`One concise badge or tone`}].map(e=>(0,W.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,W.jsx)(`p`,{className:`text-xs uppercase tracking-[0.18em] text-muted-foreground`,children:e.label}),(0,W.jsx)(`p`,{className:`mt-2 text-lg font-semibold text-[color:var(--aui-page-foreground)]`,children:e.value}),(0,W.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:e.note})]},e.label))})]}):(0,W.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`p`,{className:`text-lg font-semibold`,children:G.title}),(0,W.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Neutral starter preview for this surface. Copy it into your app, then shape the final state with your real data and props.`})]}),(0,W.jsx)(o.Badge,{variant:`outline`,children:G.category})]})})}exports.createGenericShowcaseDemo=G;
+}`,onValueChange:()=>void 0,rows:7}):L.slug===`kanban`?(0,I.jsx)(C.KanbanBoard,{columns:[{key:`todo`,title:`Todo`,cards:[{key:`1`,title:`Polish Button demo`,description:`Improve interactive preview states.`}]},{key:`progress`,title:`In progress`,cards:[{key:`2`,title:`Refresh Input docs`,description:`Clean API notes and examples.`}]},{key:`done`,title:`Done`,cards:[{key:`3`,title:`Publish 1.0.0`,description:`Release package and sync docs.`}]}]}):L.slug===`overlay`?(0,I.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,I.jsx)(i.Card,{children:(0,I.jsxs)(i.CardContent,{className:`p-4`,children:[(0,I.jsx)(`p`,{className:`font-medium`,children:`Dialog`}),(0,I.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Focused confirmation and forms.`})]})}),(0,I.jsx)(i.Card,{children:(0,I.jsxs)(i.CardContent,{className:`p-4`,children:[(0,I.jsx)(`p`,{className:`font-medium`,children:`Popover`}),(0,I.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Compact contextual actions.`})]})}),(0,I.jsx)(i.Card,{children:(0,I.jsxs)(i.CardContent,{className:`p-4`,children:[(0,I.jsx)(`p`,{className:`font-medium`,children:`Sheet`}),(0,I.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Side panel workflows.`})]})})]}):L.slug===`resizable-panel`?(0,I.jsxs)(F.ResizablePanelGroup,{children:[(0,I.jsxs)(F.ResizablePanel,{defaultSize:`45%`,children:[(0,I.jsx)(`p`,{className:`text-sm font-medium`,children:`Preview panel`}),(0,I.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Resize this surface in product screens with long content.`})]}),(0,I.jsx)(F.ResizableHandle,{}),(0,I.jsxs)(F.ResizablePanel,{defaultSize:`55%`,children:[(0,I.jsx)(`p`,{className:`text-sm font-medium`,children:`Inspector panel`}),(0,I.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Use for side-by-side data and editing tools.`})]})]}):L.slug===`saved-filter-select`?(0,I.jsx)(p.SavedFilterSelect,{value:`billing`,filters:[{value:`billing`,label:`Billing`,description:`Invoices and payment status`},{value:`ops`,label:`Operations`,description:`Queues and workload`},{value:`owners`,label:`Owner: Azamat`,description:`Assigned records only`}],onValueChange:()=>void 0,onSave:()=>void 0,onDelete:()=>void 0}):L.slug===`section`?(0,I.jsx)(d.Section,{title:`Revenue summary`,description:`Section wrapper for grouped content and actions.`,actions:(0,I.jsx)(e.Button,{size:`sm`,children:`Export`}),bordered:!0,children:(0,I.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Place chart, filters, table or any route content inside.`})}):L.category===`Forms`?(0,I.jsxs)(`div`,{className:`grid gap-3`,children:[(0,I.jsx)(r.Input,{value:z.textValue,onChange:e=>B({textValue:e.currentTarget.value}),placeholder:`${L.title} preview`}),(0,I.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Generic field preview for this form surface.`})]}):L.category===`Overlay`?(0,I.jsxs)(`div`,{className:`grid gap-4 rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`p`,{className:`text-sm font-semibold text-[color:var(--aui-page-foreground)]`,children:L.title}),(0,I.jsx)(`p`,{className:`mt-2 max-w-xl text-sm leading-6 text-[color:var(--aui-page-muted)]`,children:`Overlay surfaces should stay compact, focused, and secondary to the route behind them.`})]}),(0,I.jsx)(a.Badge,{variant:`outline`,children:`Overlay`})]}),(0,I.jsx)(`div`,{className:`rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[(0,I.jsx)(e.Button,{variant:`ghost`,children:`Cancel`}),(0,I.jsx)(e.Button,{variant:`outline`,children:`Save draft`}),(0,I.jsx)(e.Button,{children:`Confirm`})]})})]}):L.category===`Data Display`?(0,I.jsxs)(`div`,{className:`grid gap-4 rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`p`,{className:`text-lg font-semibold`,children:L.title}),(0,I.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Display surfaces should prioritize readable values, compact metadata, and clear scanning order.`})]}),(0,I.jsx)(a.Badge,{variant:`outline`,children:V})]}),(0,I.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[{label:`Primary value`,value:`84.2k`,note:`Strong first read`},{label:`Supporting meta`,value:`12 teams`,note:`Context stays secondary`},{label:`Status`,value:`Live`,note:`One concise badge or tone`}].map(e=>(0,I.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,I.jsx)(`p`,{className:`text-xs uppercase tracking-[0.18em] text-muted-foreground`,children:e.label}),(0,I.jsx)(`p`,{className:`mt-2 text-lg font-semibold text-[color:var(--aui-page-foreground)]`,children:e.value}),(0,I.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:e.note})]},e.label))})]}):(0,I.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`p`,{className:`text-lg font-semibold`,children:L.title}),(0,I.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Neutral starter preview for this surface. Copy it into your app, then shape the final state with your real data and props.`})]}),(0,I.jsx)(a.Badge,{variant:`outline`,children:L.category})]})})}exports.createGenericShowcaseDemo=L;