tembro 2.1.8 → 2.1.10

package/dist/index.js

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

package/dist/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:`quantity-stepper`,registryName:`quantity-stepper`,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:`menubar`,registryName:`menubar`,surface:`standalone`},{slug:`navigation-menu`,registryName:`navigation-menu`,surface:`standalone`},{slug:`resizable-panel`,registryName:`resizable-panel`,surface:`standalone`},{slug:`rich-text-editor`,registryName:`rich-text-editor`,surface:`standalone`},{slug:`tour`,registryName:`tour`,surface:`standalone`},{slug:`qr-code`,registryName:`qr-code`,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`}],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-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:`menubar`,registryName:`menubar`,surface:`standalone`},{slug:`navigation-menu`,registryName:`navigation-menu`,surface:`standalone`},{slug:`resizable-panel`,registryName:`resizable-panel`,surface:`standalone`},{slug:`rich-text-editor`,registryName:`rich-text-editor`,surface:`standalone`},{slug:`tour`,registryName:`tour`,surface:`standalone`},{slug:`qr-code`,registryName:`qr-code`,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`}],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/public-component-surface.js

@@ -111,11 +111,6 @@ var e = [
 		registryName: "command-bar",
 		surface: "standalone"
 	},
-	{
-		slug: "quantity-stepper",
-		registryName: "quantity-stepper",
-		surface: "standalone"
-	},
 	{
 		slug: "inline-editable",
 		registryName: "inline-editable",

package/dist/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"),ee=require("../components/ui/divider/index.cjs"),l=require("../components/ui/segmented-control/index.cjs"),u=require("../components/ui/spinner/index.cjs"),d=require("../components/actions/quick-action-grid.cjs"),f=require("../components/layout/section.cjs"),p=require("../components/layout/sticky-footer-bar.cjs"),m=require("../components/navigation/page-tabs.cjs"),h=require("../components/navigation/stepper-tabs.cjs"),g=require("../components/filters/filter-bar.cjs"),_=require("../components/filters/saved-filter-select.cjs"),v=require("../components/inputs/color-input.cjs"),y=require("../components/inputs/otp-input.cjs"),b=require("../components/inputs/quantity-stepper.cjs"),x=require("../components/inputs/rating.cjs"),S=require("../components/inputs/slider.cjs"),te=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/qr-code.cjs"),B=require("../components/display/tag.cjs"),V=require("../components/display/typography.cjs"),H=require("../components/modern/calendar-scheduler.cjs"),U=require("../components/modern/dual-list-picker.cjs"),W=require("../components/modern/menubar.cjs"),G=require("../components/modern/navigation-menu.cjs"),K=require("../components/modern/resizable-panel.cjs"),q=require("../components/modern/rich-text-editor.cjs"),J=require("../components/modern/tour.cjs");let Y=require("react/jsx-runtime");function X({item:e,groupLabel:t,importSnippet:n}){let r=Z(e.slug);return{Showcase:n=>(0,Y.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 Z(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,Y.jsxs)(`div`,{className:`space-y-5`,children:[(0,Y.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,Y.jsxs)(`div`,{className:`max-w-xl`,children:[(0,Y.jsx)(`p`,{className:`text-sm font-semibold uppercase tracking-[0.22em] text-[color:var(--aui-brand-strong)]`,children:`CLI component`}),(0,Y.jsx)(`h3`,{className:`mt-2.5 text-2xl font-semibold tracking-tight text-[color:var(--aui-page-foreground)]`,children:e.title}),(0,Y.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,Y.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,Y.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:a.slice(0,3).map(e=>(0,Y.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-3.5`,children:[(0,Y.jsx)(`p`,{className:`text-sm font-semibold text-[color:var(--aui-page-foreground)]`,children:e}),(0,Y.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,Y.jsx)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-code-bg)] px-4 py-3`,children:(0,Y.jsxs)(`code`,{className:`text-sm text-[color:var(--aui-code-fg)]`,children:[`npx tembro add `,e.slug]})}),(0,Y.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4 sm:p-5`,children:$(e,t,n,r,i)})]})}function $(X,Z,Q,$,ne){return X.slug===`accordion`?(0,Y.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.`}]}):X.slug===`avatar`?(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,Y.jsx)(D.Avatar,{name:`Azamat UI`}),(0,Y.jsx)(D.Avatar,{fallback:`AJ`,shape:`rounded`}),(0,Y.jsx)(D.AvatarGroup,{items:[{key:`1`,name:`Azamat`},{key:`2`,name:`Nodir`},{key:`3`,name:`Dilshod`},{key:`4`,name:`Madina`}]})]}):X.slug===`calendar-scheduler`?(0,Y.jsx)(H.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`}]}):X.slug===`carousel`?(0,Y.jsxs)(R.Carousel,{index:0,children:[(0,Y.jsx)(R.CarouselItem,{children:(0,Y.jsx)(a.Card,{children:(0,Y.jsxs)(a.CardContent,{className:`p-5`,children:[(0,Y.jsx)(`p`,{className:`text-lg font-semibold`,children:`Release dashboard`}),(0,Y.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Compact KPI slide for weekly review.`})]})})}),(0,Y.jsx)(R.CarouselItem,{children:(0,Y.jsx)(a.Card,{children:(0,Y.jsxs)(a.CardContent,{className:`p-5`,children:[(0,Y.jsx)(`p`,{className:`text-lg font-semibold`,children:`Customer health`}),(0,Y.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Second slide with account risk summary.`})]})})})]}):X.slug===`code-block`?(0,Y.jsx)(A.CodeBlock,{title:`Install`,language:`bash`,code:`npx tembro init --template next
-npx tembro add button`}):X.slug===`copy-button`?(0,Y.jsx)(n.CopyButton,{value:`npx tembro add button`,children:`Copy command`}):X.slug===`copy-field`?(0,Y.jsx)(r.CopyField,{label:`CLI command`,description:`Quick source-copy command`,value:`npx tembro add input`}):X.slug===`data-state`?(0,Y.jsx)(j.DataState,{status:`empty`,title:`No matching rows`,description:`Try another filter or import the first record.`,actions:(0,Y.jsx)(e.Button,{size:`sm`,children:`Import CSV`})}):X.slug===`descriptions`?(0,Y.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`}]}):X.slug===`divider`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.jsx)(`div`,{className:`text-sm font-medium`,children:`Section above`}),(0,Y.jsx)(ee.Divider,{label:`Summary`}),(0,Y.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Section below`})]}):X.slug===`dual-list-picker`?(0,Y.jsx)(U.DualListPicker,{picked:[`billing`,`support`],items:[{value:`billing`,label:`Billing`},{value:`support`,label:`Support`},{value:`analytics`,label:`Analytics`},{value:`security`,label:`Security`}]}):X.slug===`segmented-control`?(0,Y.jsx)(l.SegmentedControl,{options:[{value:`overview`,label:`Overview`},{value:`activity`,label:`Activity`},{value:`settings`,label:`Settings`}],defaultValue:`overview`}):X.slug===`spinner`?(0,Y.jsxs)(`div`,{className:`flex items-center gap-5`,children:[(0,Y.jsx)(u.Spinner,{size:`xs`}),(0,Y.jsx)(u.Spinner,{size:`sm`}),(0,Y.jsx)(u.Spinner,{size:`md`}),(0,Y.jsx)(u.Spinner,{size:`lg`})]}):X.slug===`skeleton`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.jsx)(c.Skeleton,{className:`h-10 w-full`}),(0,Y.jsx)(c.SkeletonText,{rows:3}),(0,Y.jsx)(c.SkeletonCard,{avatar:!0})]}):X.slug===`slider`?(0,Y.jsx)(S.Slider,{label:`Spacing scale`,description:`Adjust dashboard density.`,defaultValue:64,showValue:!0}):X.slug===`statistic`?(0,Y.jsxs)(P.StatisticGrid,{columns:3,children:[(0,Y.jsx)(P.StatisticCard,{label:`ARR`,value:`$84.2k`,change:`+12.4%`,trend:`up`,description:`vs previous month`}),(0,Y.jsx)(P.Statistic,{label:`MRR`,value:`$7.0k`,change:`+3.1%`,trend:`up`,description:`Live subscriptions`}),(0,Y.jsx)(P.Statistic,{label:`Churn`,value:`1.9%`,change:`-0.4%`,trend:`down`,description:`Healthy range`})]}):X.slug===`sticky-footer-bar`?(0,Y.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:[(0,Y.jsx)(`div`,{className:`p-4 text-sm text-muted-foreground`,children:`Scrollable page content`}),(0,Y.jsx)(p.StickyFooterBar,{start:(0,Y.jsx)(`div`,{className:`text-sm font-medium`,children:`2 unsaved changes`}),end:(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(e.Button,{size:`sm`,variant:`outline`,children:`Discard`}),(0,Y.jsx)(e.Button,{size:`sm`,children:`Save`})]})})]}):X.slug===`tag`?(0,Y.jsxs)(B.TagGroup,{children:[(0,Y.jsx)(B.Tag,{children:`Default`}),(0,Y.jsx)(B.Tag,{tone:`success`,children:`Live`}),(0,Y.jsx)(B.Tag,{tone:`warning`,children:`Review`}),(0,Y.jsx)(B.Tag,{tone:`danger`,children:`Blocked`})]}):X.slug===`time-picker`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.jsx)(w.TimePicker,{label:`Start time`,defaultValue:`09:30`}),(0,Y.jsx)(w.TimeRangePicker,{from:`09:30`,to:`17:30`})]}):X.slug===`tour`?(0,Y.jsx)(J.Tour,{index:1,steps:[{title:`Workspace setup`,description:`Initialize theme tokens first.`},{title:`Component add`,description:`Copy only the component you need.`},{title:`Detail route`,description:`Open docs, API and preview together.`}]}):X.slug===`tree-view`?(0,Y.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`}]}]}]}):X.slug===`typography`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.jsx)(V.Heading,{level:2,children:`Dashboard typography`}),(0,Y.jsx)(V.Text,{children:`Readable defaults for product copy and operational labels.`}),(0,Y.jsx)(`blockquote`,{className:`border-l-4 pl-4 italic text-muted-foreground`,children:`Ship simple text hierarchy before adding decorative layout layers.`}),(0,Y.jsxs)(V.Text,{muted:!0,size:`sm`,children:[`Use `,(0,Y.jsx)(V.Mark,{children:`Mark`}),` only for emphasis that matters.`]})]}):X.slug===`range-slider`?(0,Y.jsx)(S.RangeSlider,{label:`Revenue band`,description:`Filter a metric window.`,defaultValue:[20,80],showValue:!0}):X.slug===`rating`?(0,Y.jsx)(x.Rating,{defaultValue:4,labels:{clear:`Reset`}}):X.slug===`otp-input`?(0,Y.jsx)(y.OtpInput,{value:Q.textValue.replace(/\D/g,``).slice(0,6),onValueChange:e=>$({textValue:e})}):X.slug===`color-input`?(0,Y.jsx)(v.ColorInput,{defaultValue:`#22c55e`,label:`Accent color`,description:`Theme token preview.`}):X.slug===`tag-input`?(0,Y.jsx)(te.TagInput,{defaultValue:[`dashboard`,`beta`,`ops`],placeholder:`Add label`}):X.slug===`button-group`?(0,Y.jsx)(t.ButtonGroup,{items:[{key:`day`,label:`Day`},{key:`week`,label:`Week`},{key:`month`,label:`Month`}]}):X.slug===`quick-action-grid`||X.slug===`command-bar`?(0,Y.jsx)(d.QuickActionGrid,{columns:X.slug===`command-bar`?4:3,compact:X.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`}]}):X.slug===`data-table-saved-filters`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.jsx)(g.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,Y.jsx)(t.ButtonGroup,{attached:!1,items:[{key:`default`,label:`Default`,variant:`secondary`},{key:`billing`,label:`Billing`},{key:`ops`,label:`Operations`}]})]}):X.slug===`page-tabs`?(0,Y.jsx)(m.PageTabs,{value:`overview`,variant:`pills`,items:[{value:`overview`,label:`Overview`},{value:`usage`,label:`Usage`},{value:`api`,label:`API`,badge:`3`}]}):X.slug===`stepper-tabs`?(0,Y.jsx)(h.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`}]}):X.slug===`alert`?(0,Y.jsx)(T.Alert,{tone:`warning`,title:`Review needed`,description:`Billing rules changed and one approval is pending.`,action:(0,Y.jsx)(e.Button,{size:`sm`,children:`Open`})}):X.slug===`page-state`?(0,Y.jsx)(E.PageState,{title:`Workspace connected`,description:`The route is ready to accept live data and team actions.`,tone:`success`,action:(0,Y.jsx)(e.Button,{size:`sm`,children:`Continue`})}):X.slug===`data-list`||X.slug===`list`?(0,Y.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`}]}):X.slug===`status-legend`?(0,Y.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}]}):X.slug===`trend-card`||X.slug===`comparison-card`?(0,Y.jsx)(L.StatCard,{title:X.slug===`trend-card`?`Weekly revenue`:`Current vs previous`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`}}):X.slug===`delta-badge`?(0,Y.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,Y.jsx)(o.Badge,{variant:`secondary`,children:`+12.4%`}),(0,Y.jsx)(o.Badge,{variant:`outline`,children:`-3.1%`}),(0,Y.jsx)(o.Badge,{variant:`destructive`,children:`Risk`})]}):X.slug===`notification-center`?(0,Y.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`}]}):X.slug===`inline-editable`?(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row`,children:[(0,Y.jsx)(i.Input,{value:Q.textValue,onChange:e=>$({textValue:e.currentTarget.value})}),(0,Y.jsx)(e.Button,{size:`sm`,children:`Save label`})]}):X.slug===`json-input`?(0,Y.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/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/qr-code.cjs"),B=require("../components/display/tag.cjs"),V=require("../components/display/typography.cjs"),H=require("../components/modern/calendar-scheduler.cjs"),U=require("../components/modern/dual-list-picker.cjs"),W=require("../components/modern/menubar.cjs"),G=require("../components/modern/navigation-menu.cjs"),K=require("../components/modern/resizable-panel.cjs"),q=require("../components/modern/rich-text-editor.cjs"),J=require("../components/modern/tour.cjs");let Y=require("react/jsx-runtime");function X({item:e,groupLabel:t,importSnippet:n}){let r=Z(e.slug);return{Showcase:n=>(0,Y.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 Z(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,Y.jsxs)(`div`,{className:`space-y-5`,children:[(0,Y.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,Y.jsxs)(`div`,{className:`max-w-xl`,children:[(0,Y.jsx)(`p`,{className:`text-sm font-semibold uppercase tracking-[0.22em] text-[color:var(--aui-brand-strong)]`,children:`CLI component`}),(0,Y.jsx)(`h3`,{className:`mt-2.5 text-2xl font-semibold tracking-tight text-[color:var(--aui-page-foreground)]`,children:e.title}),(0,Y.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,Y.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,Y.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:a.slice(0,3).map(e=>(0,Y.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-3.5`,children:[(0,Y.jsx)(`p`,{className:`text-sm font-semibold text-[color:var(--aui-page-foreground)]`,children:e}),(0,Y.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,Y.jsx)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-code-bg)] px-4 py-3`,children:(0,Y.jsxs)(`code`,{className:`text-sm text-[color:var(--aui-code-fg)]`,children:[`npx tembro add `,e.slug]})}),(0,Y.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4 sm:p-5`,children:$(e,t,n,r,i)})]})}function $(X,Z,Q,$,ee){return X.slug===`accordion`?(0,Y.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.`}]}):X.slug===`avatar`?(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,Y.jsx)(D.Avatar,{name:`Azamat UI`}),(0,Y.jsx)(D.Avatar,{fallback:`AJ`,shape:`rounded`}),(0,Y.jsx)(D.AvatarGroup,{items:[{key:`1`,name:`Azamat`},{key:`2`,name:`Nodir`},{key:`3`,name:`Dilshod`},{key:`4`,name:`Madina`}]})]}):X.slug===`calendar-scheduler`?(0,Y.jsx)(H.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`}]}):X.slug===`carousel`?(0,Y.jsxs)(R.Carousel,{index:0,children:[(0,Y.jsx)(R.CarouselItem,{children:(0,Y.jsx)(a.Card,{children:(0,Y.jsxs)(a.CardContent,{className:`p-5`,children:[(0,Y.jsx)(`p`,{className:`text-lg font-semibold`,children:`Release dashboard`}),(0,Y.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Compact KPI slide for weekly review.`})]})})}),(0,Y.jsx)(R.CarouselItem,{children:(0,Y.jsx)(a.Card,{children:(0,Y.jsxs)(a.CardContent,{className:`p-5`,children:[(0,Y.jsx)(`p`,{className:`text-lg font-semibold`,children:`Customer health`}),(0,Y.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Second slide with account risk summary.`})]})})})]}):X.slug===`code-block`?(0,Y.jsx)(A.CodeBlock,{title:`Install`,language:`bash`,code:`npx tembro init --template next
+npx tembro add button`}):X.slug===`copy-button`?(0,Y.jsx)(n.CopyButton,{value:`npx tembro add button`,children:`Copy command`}):X.slug===`copy-field`?(0,Y.jsx)(r.CopyField,{label:`CLI command`,description:`Quick source-copy command`,value:`npx tembro add input`}):X.slug===`data-state`?(0,Y.jsx)(j.DataState,{status:`empty`,title:`No matching rows`,description:`Try another filter or import the first record.`,actions:(0,Y.jsx)(e.Button,{size:`sm`,children:`Import CSV`})}):X.slug===`descriptions`?(0,Y.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`}]}):X.slug===`divider`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.jsx)(`div`,{className:`text-sm font-medium`,children:`Section above`}),(0,Y.jsx)(l.Divider,{label:`Summary`}),(0,Y.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Section below`})]}):X.slug===`dual-list-picker`?(0,Y.jsx)(U.DualListPicker,{picked:[`billing`,`support`],items:[{value:`billing`,label:`Billing`},{value:`support`,label:`Support`},{value:`analytics`,label:`Analytics`},{value:`security`,label:`Security`}]}):X.slug===`segmented-control`?(0,Y.jsx)(u.SegmentedControl,{options:[{value:`overview`,label:`Overview`},{value:`activity`,label:`Activity`},{value:`settings`,label:`Settings`}],defaultValue:`overview`}):X.slug===`spinner`?(0,Y.jsxs)(`div`,{className:`flex items-center gap-5`,children:[(0,Y.jsx)(d.Spinner,{size:`xs`}),(0,Y.jsx)(d.Spinner,{size:`sm`}),(0,Y.jsx)(d.Spinner,{size:`md`}),(0,Y.jsx)(d.Spinner,{size:`lg`})]}):X.slug===`skeleton`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.jsx)(c.Skeleton,{className:`h-10 w-full`}),(0,Y.jsx)(c.SkeletonText,{rows:3}),(0,Y.jsx)(c.SkeletonCard,{avatar:!0})]}):X.slug===`slider`?(0,Y.jsx)(x.Slider,{label:`Spacing scale`,description:`Adjust dashboard density.`,defaultValue:64,showValue:!0}):X.slug===`statistic`?(0,Y.jsxs)(P.StatisticGrid,{columns:3,children:[(0,Y.jsx)(P.StatisticCard,{label:`ARR`,value:`$84.2k`,change:`+12.4%`,trend:`up`,description:`vs previous month`}),(0,Y.jsx)(P.Statistic,{label:`MRR`,value:`$7.0k`,change:`+3.1%`,trend:`up`,description:`Live subscriptions`}),(0,Y.jsx)(P.Statistic,{label:`Churn`,value:`1.9%`,change:`-0.4%`,trend:`down`,description:`Healthy range`})]}):X.slug===`sticky-footer-bar`?(0,Y.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:[(0,Y.jsx)(`div`,{className:`p-4 text-sm text-muted-foreground`,children:`Scrollable page content`}),(0,Y.jsx)(m.StickyFooterBar,{start:(0,Y.jsx)(`div`,{className:`text-sm font-medium`,children:`2 unsaved changes`}),end:(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(e.Button,{size:`sm`,variant:`outline`,children:`Discard`}),(0,Y.jsx)(e.Button,{size:`sm`,children:`Save`})]})})]}):X.slug===`tag`?(0,Y.jsxs)(B.TagGroup,{children:[(0,Y.jsx)(B.Tag,{children:`Default`}),(0,Y.jsx)(B.Tag,{tone:`success`,children:`Live`}),(0,Y.jsx)(B.Tag,{tone:`warning`,children:`Review`}),(0,Y.jsx)(B.Tag,{tone:`danger`,children:`Blocked`})]}):X.slug===`time-picker`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.jsx)(w.TimePicker,{label:`Start time`,defaultValue:`09:30`}),(0,Y.jsx)(w.TimeRangePicker,{from:`09:30`,to:`17:30`})]}):X.slug===`tour`?(0,Y.jsx)(J.Tour,{index:1,steps:[{title:`Workspace setup`,description:`Initialize theme tokens first.`},{title:`Component add`,description:`Copy only the component you need.`},{title:`Detail route`,description:`Open docs, API and preview together.`}]}):X.slug===`tree-view`?(0,Y.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`}]}]}]}):X.slug===`typography`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.jsx)(V.Heading,{level:2,children:`Dashboard typography`}),(0,Y.jsx)(V.Text,{children:`Readable defaults for product copy and operational labels.`}),(0,Y.jsx)(`blockquote`,{className:`border-l-4 pl-4 italic text-muted-foreground`,children:`Ship simple text hierarchy before adding decorative layout layers.`}),(0,Y.jsxs)(V.Text,{muted:!0,size:`sm`,children:[`Use `,(0,Y.jsx)(V.Mark,{children:`Mark`}),` only for emphasis that matters.`]})]}):X.slug===`range-slider`?(0,Y.jsx)(x.RangeSlider,{label:`Revenue band`,description:`Filter a metric window.`,defaultValue:[20,80],showValue:!0}):X.slug===`rating`?(0,Y.jsx)(b.Rating,{defaultValue:4,labels:{clear:`Reset`}}):X.slug===`otp-input`?(0,Y.jsx)(y.OtpInput,{value:Q.textValue.replace(/\D/g,``).slice(0,6),onValueChange:e=>$({textValue:e})}):X.slug===`color-input`?(0,Y.jsx)(i.Input,{type:`color`,defaultValue:`#22c55e`,"aria-label":`Accent color`}):X.slug===`tag-input`?(0,Y.jsx)(S.TagInput,{defaultValue:[`dashboard`,`beta`,`ops`],placeholder:`Add label`}):X.slug===`button-group`?(0,Y.jsx)(t.ButtonGroup,{items:[{key:`day`,label:`Day`},{key:`week`,label:`Week`},{key:`month`,label:`Month`}]}):X.slug===`quick-action-grid`||X.slug===`command-bar`?(0,Y.jsx)(f.QuickActionGrid,{columns:X.slug===`command-bar`?4:3,compact:X.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`}]}):X.slug===`data-table-saved-filters`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.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,Y.jsx)(t.ButtonGroup,{attached:!1,items:[{key:`default`,label:`Default`,variant:`secondary`},{key:`billing`,label:`Billing`},{key:`ops`,label:`Operations`}]})]}):X.slug===`page-tabs`?(0,Y.jsx)(h.PageTabs,{value:`overview`,variant:`pills`,items:[{value:`overview`,label:`Overview`},{value:`usage`,label:`Usage`},{value:`api`,label:`API`,badge:`3`}]}):X.slug===`stepper-tabs`?(0,Y.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`}]}):X.slug===`alert`?(0,Y.jsx)(T.Alert,{tone:`warning`,title:`Review needed`,description:`Billing rules changed and one approval is pending.`,action:(0,Y.jsx)(e.Button,{size:`sm`,children:`Open`})}):X.slug===`page-state`?(0,Y.jsx)(E.PageState,{title:`Workspace connected`,description:`The route is ready to accept live data and team actions.`,tone:`success`,action:(0,Y.jsx)(e.Button,{size:`sm`,children:`Continue`})}):X.slug===`data-list`||X.slug===`list`?(0,Y.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`}]}):X.slug===`status-legend`?(0,Y.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}]}):X.slug===`trend-card`||X.slug===`comparison-card`?(0,Y.jsx)(L.StatCard,{title:X.slug===`trend-card`?`Weekly revenue`:`Current vs previous`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`}}):X.slug===`delta-badge`?(0,Y.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,Y.jsx)(o.Badge,{variant:`secondary`,children:`+12.4%`}),(0,Y.jsx)(o.Badge,{variant:`outline`,children:`-3.1%`}),(0,Y.jsx)(o.Badge,{variant:`destructive`,children:`Risk`})]}):X.slug===`notification-center`?(0,Y.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`}]}):X.slug===`inline-editable`?(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row`,children:[(0,Y.jsx)(i.Input,{value:Q.textValue,onChange:e=>$({textValue:e.currentTarget.value})}),(0,Y.jsx)(e.Button,{size:`sm`,children:`Save label`})]}):X.slug===`json-input`?(0,Y.jsx)(C.JsonInput,{value:`{
   "workspace": "azamat-ui",
   "theme": "dashboard"
-}`,onValueChange:()=>void 0,rows:7}):X.slug===`kanban`?(0,Y.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.`}]}]}):X.slug===`menubar`?(0,Y.jsxs)(W.Menubar,{children:[(0,Y.jsxs)(W.MenubarMenu,{children:[(0,Y.jsx)(W.MenubarTrigger,{children:`File`}),(0,Y.jsxs)(W.MenubarContent,{className:`relative mt-2`,children:[(0,Y.jsx)(W.MenubarItem,{children:`New page`}),(0,Y.jsx)(W.MenubarItem,{children:`Duplicate`})]})]}),(0,Y.jsx)(W.MenubarMenu,{children:(0,Y.jsx)(W.MenubarTrigger,{children:`Edit`})}),(0,Y.jsx)(W.MenubarMenu,{children:(0,Y.jsx)(W.MenubarTrigger,{children:`View`})})]}):X.slug===`navigation-menu`?(0,Y.jsx)(G.NavigationMenu,{children:(0,Y.jsxs)(G.NavigationMenuList,{children:[(0,Y.jsx)(G.NavigationMenuItem,{children:(0,Y.jsx)(G.NavigationMenuLink,{href:`#`,active:!0,children:`Overview`})}),(0,Y.jsx)(G.NavigationMenuItem,{children:(0,Y.jsx)(G.NavigationMenuLink,{href:`#`,children:`Components`})}),(0,Y.jsx)(G.NavigationMenuItem,{children:(0,Y.jsx)(G.NavigationMenuLink,{href:`#`,children:`Docs`})})]})}):X.slug===`overlay`?(0,Y.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,Y.jsx)(a.Card,{children:(0,Y.jsxs)(a.CardContent,{className:`p-4`,children:[(0,Y.jsx)(`p`,{className:`font-medium`,children:`Dialog`}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Focused confirmation and forms.`})]})}),(0,Y.jsx)(a.Card,{children:(0,Y.jsxs)(a.CardContent,{className:`p-4`,children:[(0,Y.jsx)(`p`,{className:`font-medium`,children:`Popover`}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Compact contextual actions.`})]})}),(0,Y.jsx)(a.Card,{children:(0,Y.jsxs)(a.CardContent,{className:`p-4`,children:[(0,Y.jsx)(`p`,{className:`font-medium`,children:`Sheet`}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Side panel workflows.`})]})})]}):X.slug===`property-grid`?(0,Y.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`}]}):X.slug===`qr-code`?(0,Y.jsx)(z.QRCode,{value:`https://azamat-ui.vercel.app`,alt:`Azamat UI`}):X.slug===`quantity-stepper`?(0,Y.jsx)(b.QuantityStepper,{defaultValue:3,min:1,max:10}):X.slug===`resizable-panel`?(0,Y.jsxs)(K.ResizablePanelGroup,{children:[(0,Y.jsxs)(K.ResizablePanel,{defaultSize:`45%`,children:[(0,Y.jsx)(`p`,{className:`text-sm font-medium`,children:`Preview panel`}),(0,Y.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Resize this surface in product screens with long content.`})]}),(0,Y.jsx)(K.ResizableHandle,{}),(0,Y.jsxs)(K.ResizablePanel,{defaultSize:`55%`,children:[(0,Y.jsx)(`p`,{className:`text-sm font-medium`,children:`Inspector panel`}),(0,Y.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Use for side-by-side data and editing tools.`})]})]}):X.slug===`rich-text-editor`?(0,Y.jsx)(q.RichTextEditor,{value:`<p><strong>Release note</strong> with product details.</p>`,onValueChange:()=>void 0}):X.slug===`saved-filter-select`?(0,Y.jsx)(_.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}):X.slug===`section`?(0,Y.jsx)(f.Section,{title:`Revenue summary`,description:`Section wrapper for grouped content and actions.`,actions:(0,Y.jsx)(e.Button,{size:`sm`,children:`Export`}),bordered:!0,children:(0,Y.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Place chart, filters, table or any route content inside.`})}):X.category===`Forms`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.jsx)(i.Input,{value:Q.textValue,onChange:e=>$({textValue:e.currentTarget.value}),placeholder:`${X.title} preview`}),(0,Y.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Generic field preview for this form surface.`})]}):X.category===`Overlay`?(0,Y.jsxs)(`div`,{className:`grid gap-4 rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`p`,{className:`text-sm font-semibold text-[color:var(--aui-page-foreground)]`,children:X.title}),(0,Y.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,Y.jsx)(o.Badge,{variant:`outline`,children:`Overlay`})]}),(0,Y.jsx)(`div`,{className:`rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[(0,Y.jsx)(e.Button,{variant:`ghost`,children:`Cancel`}),(0,Y.jsx)(e.Button,{variant:`outline`,children:`Save draft`}),(0,Y.jsx)(e.Button,{children:`Confirm`})]})})]}):X.category===`Data Display`?(0,Y.jsxs)(`div`,{className:`grid gap-4 rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`p`,{className:`text-lg font-semibold`,children:X.title}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Display surfaces should prioritize readable values, compact metadata, and clear scanning order.`})]}),(0,Y.jsx)(o.Badge,{variant:`outline`,children:ne})]}),(0,Y.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,Y.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,Y.jsx)(`p`,{className:`text-xs uppercase tracking-[0.18em] text-muted-foreground`,children:e.label}),(0,Y.jsx)(`p`,{className:`mt-2 text-lg font-semibold text-[color:var(--aui-page-foreground)]`,children:e.value}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:e.note})]},e.label))})]}):(0,Y.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`p`,{className:`text-lg font-semibold`,children:X.title}),(0,Y.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,Y.jsx)(o.Badge,{variant:`outline`,children:X.category})]})})}exports.createGenericShowcaseDemo=X;
+}`,onValueChange:()=>void 0,rows:7}):X.slug===`kanban`?(0,Y.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.`}]}]}):X.slug===`menubar`?(0,Y.jsxs)(W.Menubar,{children:[(0,Y.jsxs)(W.MenubarMenu,{children:[(0,Y.jsx)(W.MenubarTrigger,{children:`File`}),(0,Y.jsxs)(W.MenubarContent,{className:`relative mt-2`,children:[(0,Y.jsx)(W.MenubarItem,{children:`New page`}),(0,Y.jsx)(W.MenubarItem,{children:`Duplicate`})]})]}),(0,Y.jsx)(W.MenubarMenu,{children:(0,Y.jsx)(W.MenubarTrigger,{children:`Edit`})}),(0,Y.jsx)(W.MenubarMenu,{children:(0,Y.jsx)(W.MenubarTrigger,{children:`View`})})]}):X.slug===`navigation-menu`?(0,Y.jsx)(G.NavigationMenu,{children:(0,Y.jsxs)(G.NavigationMenuList,{children:[(0,Y.jsx)(G.NavigationMenuItem,{children:(0,Y.jsx)(G.NavigationMenuLink,{href:`#`,active:!0,children:`Overview`})}),(0,Y.jsx)(G.NavigationMenuItem,{children:(0,Y.jsx)(G.NavigationMenuLink,{href:`#`,children:`Components`})}),(0,Y.jsx)(G.NavigationMenuItem,{children:(0,Y.jsx)(G.NavigationMenuLink,{href:`#`,children:`Docs`})})]})}):X.slug===`overlay`?(0,Y.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,Y.jsx)(a.Card,{children:(0,Y.jsxs)(a.CardContent,{className:`p-4`,children:[(0,Y.jsx)(`p`,{className:`font-medium`,children:`Dialog`}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Focused confirmation and forms.`})]})}),(0,Y.jsx)(a.Card,{children:(0,Y.jsxs)(a.CardContent,{className:`p-4`,children:[(0,Y.jsx)(`p`,{className:`font-medium`,children:`Popover`}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Compact contextual actions.`})]})}),(0,Y.jsx)(a.Card,{children:(0,Y.jsxs)(a.CardContent,{className:`p-4`,children:[(0,Y.jsx)(`p`,{className:`font-medium`,children:`Sheet`}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Side panel workflows.`})]})})]}):X.slug===`property-grid`?(0,Y.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`}]}):X.slug===`qr-code`?(0,Y.jsx)(z.QRCode,{value:`https://azamat-ui.vercel.app`,alt:`Azamat UI`}):X.slug===`quantity-stepper`?(0,Y.jsx)(i.Input,{kind:`quantity`,value:3,min:1,max:10,showControls:!0,"aria-label":`Quantity`}):X.slug===`resizable-panel`?(0,Y.jsxs)(K.ResizablePanelGroup,{children:[(0,Y.jsxs)(K.ResizablePanel,{defaultSize:`45%`,children:[(0,Y.jsx)(`p`,{className:`text-sm font-medium`,children:`Preview panel`}),(0,Y.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Resize this surface in product screens with long content.`})]}),(0,Y.jsx)(K.ResizableHandle,{}),(0,Y.jsxs)(K.ResizablePanel,{defaultSize:`55%`,children:[(0,Y.jsx)(`p`,{className:`text-sm font-medium`,children:`Inspector panel`}),(0,Y.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:`Use for side-by-side data and editing tools.`})]})]}):X.slug===`rich-text-editor`?(0,Y.jsx)(q.RichTextEditor,{value:`<p><strong>Release note</strong> with product details.</p>`,onValueChange:()=>void 0}):X.slug===`saved-filter-select`?(0,Y.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}):X.slug===`section`?(0,Y.jsx)(p.Section,{title:`Revenue summary`,description:`Section wrapper for grouped content and actions.`,actions:(0,Y.jsx)(e.Button,{size:`sm`,children:`Export`}),bordered:!0,children:(0,Y.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Place chart, filters, table or any route content inside.`})}):X.category===`Forms`?(0,Y.jsxs)(`div`,{className:`grid gap-3`,children:[(0,Y.jsx)(i.Input,{value:Q.textValue,onChange:e=>$({textValue:e.currentTarget.value}),placeholder:`${X.title} preview`}),(0,Y.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Generic field preview for this form surface.`})]}):X.category===`Overlay`?(0,Y.jsxs)(`div`,{className:`grid gap-4 rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`p`,{className:`text-sm font-semibold text-[color:var(--aui-page-foreground)]`,children:X.title}),(0,Y.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,Y.jsx)(o.Badge,{variant:`outline`,children:`Overlay`})]}),(0,Y.jsx)(`div`,{className:`rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[(0,Y.jsx)(e.Button,{variant:`ghost`,children:`Cancel`}),(0,Y.jsx)(e.Button,{variant:`outline`,children:`Save draft`}),(0,Y.jsx)(e.Button,{children:`Confirm`})]})})]}):X.category===`Data Display`?(0,Y.jsxs)(`div`,{className:`grid gap-4 rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`p`,{className:`text-lg font-semibold`,children:X.title}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:`Display surfaces should prioritize readable values, compact metadata, and clear scanning order.`})]}),(0,Y.jsx)(o.Badge,{variant:`outline`,children:ee})]}),(0,Y.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,Y.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,Y.jsx)(`p`,{className:`text-xs uppercase tracking-[0.18em] text-muted-foreground`,children:e.label}),(0,Y.jsx)(`p`,{className:`mt-2 text-lg font-semibold text-[color:var(--aui-page-foreground)]`,children:e.value}),(0,Y.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground`,children:e.note})]},e.label))})]}):(0,Y.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(`p`,{className:`text-lg font-semibold`,children:X.title}),(0,Y.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,Y.jsx)(o.Badge,{variant:`outline`,children:X.category})]})})}exports.createGenericShowcaseDemo=X;