tembro 3.1.9 → 3.1.11

package/dist/src/showcase/render-registry-preview.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../components/ui/button/index.cjs"),n=require("../components/actions/action-menu.cjs"),r=require("../components/actions/button-group.cjs"),i=require("../components/ui/input/index.cjs"),a=require("../components/ui/badge/index.cjs"),o=require("../components/ui/tabs/index.cjs"),s=require("../components/actions/quick-action-grid.cjs"),c=require("../components/navigation/pagination.cjs"),l=require("../components/filters/filter-bar.cjs"),u=require("../components/overlay/alert-dialog.cjs"),d=require("../components/overlay/drawer.cjs"),f=require("../components/inputs/otp-input.cjs"),p=require("../components/inputs/rating.cjs"),m=require("../components/inputs/slider.cjs"),h=require("../components/inputs/tag-input.cjs"),g=require("../components/calendar/calendar.cjs"),_=require("../components/feedback/alert.cjs"),v=require("../components/feedback/page-state.cjs"),y=require("../components/display/description-list.cjs"),b=require("../components/display/avatar.cjs"),x=require("../components/display/list.cjs"),S=require("../components/display/progress.cjs"),C=require("../components/display/status-dot.cjs"),w=require("../components/display/status-legend.cjs"),T=require("../components/display/timeline.cjs"),E=require("../components/display/info-card.cjs"),D=require("../components/command/command-palette.cjs"),O=require("../components/upload/file-upload.cjs"),k=require("../components/patterns/resource-page.cjs"),A=require("../components/patterns/resource-detail-page.cjs"),j=require("../components/wizard/stepper.cjs"),M=require("../components/wizard/wizard.cjs"),N=require("./preview-compositions.cjs");let P=require("react");P=e.__toESM(P,1);let F=require("lucide-react"),I=require("react/jsx-runtime");function L(e,t,n){return e.kind===`inputs`?(0,I.jsx)(z,{slug:e.slug,state:t,setState:n}):e.kind===`form`?(0,I.jsx)(B,{state:t,setState:n}):e.kind===`overlay`?(0,I.jsx)(V,{slug:e.slug}):e.kind===`navigation`?(0,I.jsx)(H,{slug:e.slug}):e.kind===`feedback`?(0,I.jsx)(U,{slug:e.slug}):e.kind===`display`?(0,I.jsx)(W,{slug:e.slug}):e.kind===`actions`?(0,I.jsx)(G,{slug:e.slug,state:t,setState:n}):e.kind===`layout`?(0,I.jsx)(K,{slug:e.slug}):e.kind===`data-table`?(0,I.jsx)(q,{slug:e.slug}):e.kind===`calendar`?(0,I.jsx)(J,{}):e.kind===`upload`?(0,I.jsx)(Y,{slug:e.slug}):e.kind===`wizard`?(0,I.jsx)(X,{slug:e.slug}):e.kind===`patterns`?(0,I.jsx)(Z,{slug:e.slug}):null}function R({tone:e,children:t}){return(0,I.jsx)(a.Badge,{variant:e===`danger`?`destructive`:e===`warning`?`outline`:`secondary`,children:t})}function z({slug:e,state:t,setState:n}){let r=t.textValue;return e===`slider`?(0,I.jsx)(m.Slider,{label:`Density`,description:`Tune content density.`,defaultValue:64,showValue:!0}):e===`range-slider`?(0,I.jsx)(m.RangeSlider,{label:`Revenue range`,description:`Filter between two values.`,defaultValue:[20,80],showValue:!0}):e===`rating`?(0,I.jsx)(p.Rating,{defaultValue:4,labels:{clear:`Reset`}}):e===`otp-input`?(0,I.jsx)(f.OtpInput,{value:r.replace(/\D/g,``).slice(0,6),onValueChange:e=>n({textValue:e})}):e===`color-input`?(0,I.jsx)(i.Input,{type:`color`,defaultValue:`#22c55e`,"aria-label":`Accent color`}):e===`tag-input`?(0,I.jsx)(h.TagInput,{defaultValue:[`dashboard`,`beta`,`ops`],placeholder:`Add label`}):(0,I.jsx)(i.Input,{value:r,onChange:e=>n({textValue:e.currentTarget.value}),placeholder:`Unified input`})}function B({state:e,setState:t}){return(0,I.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,I.jsxs)(`label`,{className:`grid gap-2`,children:[(0,I.jsx)(`span`,{className:`text-sm font-medium text-[color:var(--aui-page-foreground)]`,children:`Email address`}),(0,I.jsx)(i.Input,{value:e.textValue,onChange:e=>t({textValue:e.currentTarget.value})}),(0,I.jsx)(`span`,{className:`text-xs text-[color:var(--aui-page-muted)]`,children:`Form wrappers keep label, hint and error spacing consistent.`})]}),(0,I.jsxs)(`label`,{className:`grid gap-2`,children:[(0,I.jsx)(`span`,{className:`text-sm font-medium text-[color:var(--aui-page-foreground)]`,children:`Status`}),(0,I.jsx)(i.Input,{type:`search`,value:`Active customers`,resultCount:7,readOnly:!0}),(0,I.jsx)(`span`,{className:`text-xs text-emerald-500`,children:`Ready to submit`})]})]})}function V({slug:e}){return e===`dialog-actions`?(0,I.jsx)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:(0,I.jsxs)(r.ButtonGroup,{attached:!1,children:[(0,I.jsx)(t.Button,{variant:`ghost`,children:`Cancel`}),(0,I.jsx)(t.Button,{variant:`outline`,children:`Save draft`}),(0,I.jsx)(t.Button,{children:`Publish`})]})}):e===`alert-dialog`?(0,I.jsx)(u.AlertDialog,{open:!1,title:`Archive invoice?`,description:`This keeps the invoice readable but removes it from active queues.`,children:(0,I.jsx)(t.Button,{variant:`destructive`,children:`Open alert`})}):e===`drawer`?(0,I.jsx)(d.Drawer,{open:!1,trigger:(0,I.jsx)(t.Button,{variant:`outline`,children:`Open drawer`}),title:`Customer details`,description:`Side panel for fast inspection.`,children:(0,I.jsx)(y.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Tembro`}]})}):(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,I.jsx)(t.Button,{variant:`ghost`,children:`Cancel`}),(0,I.jsx)(t.Button,{variant:`outline`,children:`Save draft`}),(0,I.jsx)(t.Button,{children:`Publish`})]})}function H({slug:e}){return e===`pagination`?(0,I.jsx)(c.Pagination,{page:3,pageCount:9,onPageChange:()=>void 0}):(0,I.jsx)(o.Tabs,{defaultValue:`overview`,children:(0,I.jsxs)(o.TabsList,{variant:`pills`,overflow:`wrap`,children:[(0,I.jsx)(o.TabsTrigger,{value:`overview`,variant:`pills`,children:`Overview`}),(0,I.jsx)(o.TabsTrigger,{value:`usage`,variant:`pills`,children:`Usage`}),(0,I.jsx)(o.TabsTrigger,{value:`api`,variant:`pills`,children:`API`})]})})}function U({slug:e}){return e===`alert`?(0,I.jsx)(_.Alert,{tone:`warning`,title:`Review needed`,description:`Billing rules changed and one approval is pending.`,action:(0,I.jsx)(t.Button,{size:`sm`,children:`Open`})}):e===`page-state`?(0,I.jsx)(v.PageState,{title:`Workspace connected`,description:`The route is ready to accept live data and team actions.`,tone:`success`,action:(0,I.jsx)(t.Button,{size:`sm`,children:`Continue`})}):(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,I.jsx)(R,{tone:`success`,children:`Live`}),(0,I.jsx)(R,{tone:`warning`,children:`Needs review`}),(0,I.jsx)(R,{tone:`danger`,children:`Blocked`}),(0,I.jsx)(R,{tone:`info`,children:`Queued`})]})}function W({slug:e}){return e===`description-list`?(0,I.jsx)(y.DescriptionList,{title:`Invoice details`,description:`Structured facts with responsive columns.`,items:[{key:`id`,label:`Invoice`,value:`#4821`},{key:`amount`,label:`Amount`,value:`$12,420`},{key:`status`,label:`Status`,value:(0,I.jsx)(R,{tone:`success`,children:`Paid`})},{key:`owner`,label:`Owner`,value:`Finance team`}]}):e===`progress`?(0,I.jsx)(S.Progress,{label:`Migration progress`,description:`Production rollout`,value:68,tone:`success`,showValue:!0}):e===`timeline`?(0,I.jsx)(T.Timeline,{items:[{key:`created`,title:`Created`,description:`Invoice generated`,time:`09:20`,tone:`success`},{key:`review`,title:`Review`,description:`Finance team assigned`,time:`10:05`,tone:`info`},{key:`approve`,title:`Approval`,description:`Waiting for manager`,time:`Now`,tone:`warning`}],pending:!0,pendingLabel:`Paid`}):e===`metric-card`||e===`stat-card`?(0,I.jsx)(N.PreviewStatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},icon:(0,I.jsx)(F.LayoutDashboardIcon,{})}):e===`status-dot`?(0,I.jsxs)(`div`,{className:`grid gap-3`,children:[(0,I.jsx)(C.StatusDot,{tone:`success`,pulse:!0,label:`API healthy`}),(0,I.jsx)(C.StatusDot,{tone:`warning`,label:`Sync delayed`}),(0,I.jsx)(C.StatusDot,{tone:`danger`,label:`Webhook failed`})]}):e===`notification-center`?(0,I.jsx)(x.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`}]}):e===`status-legend`?(0,I.jsx)(w.StatusLegend,{title:`Delivery states`,description:`Explain what each state means and how often it appears.`,orientation:`grid`,items:[{key:`live`,label:`Live`,description:`Healthy production routes`,tone:`success`,count:18},{key:`review`,label:`Review`,description:`Waiting for QA approval`,tone:`warning`,count:4},{key:`blocked`,label:`Blocked`,description:`Needs engineering action`,tone:`danger`,count:1}]}):(0,I.jsx)(E.InfoCard,{title:`Azamat Jurayev`,description:`Product designer and maintainer`,media:(0,I.jsx)(b.Avatar,{name:`Azamat Jurayev`}),actions:(0,I.jsx)(t.Button,{size:`sm`,children:`Invite`})})}function G({slug:e,state:a,setState:o}){return e===`filter-bar`?(0,I.jsx)(l.FilterBar,{search:(0,I.jsx)(i.Input,{type:`search`,value:a.textValue,onValueChange:e=>o({textValue:e}),placeholder:`Search invoices...`}),onReset:()=>o({textValue:``}),chips:[{key:`status`,label:`Status`,value:`Active`,tone:`success`},{key:`owner`,label:`Owner`,value:`Azamat`,tone:`default`}],onRemoveChip:()=>void 0,filters:(0,I.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,I.jsx)(F.FilterIcon,{"data-icon":`inline-start`}),`Status`]}),actions:(0,I.jsx)(t.Button,{size:`sm`,children:`Export`})}):e===`command-palette`?(0,I.jsxs)(`div`,{className:`grid gap-3`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 py-2`,children:[(0,I.jsx)(F.SearchIcon,{className:`size-4 text-[color:var(--aui-page-muted)]`}),(0,I.jsx)(`span`,{className:`text-sm text-[color:var(--aui-page-muted)]`,children:`Command palette preview: search routes, components and actions.`})]}),(0,I.jsx)(D.CommandPalette,{open:!1,onOpenChange:()=>void 0,groups:[{id:`navigation`,label:`Navigation`,items:[{id:`docs`,label:`Open docs`,icon:(0,I.jsx)(F.SearchIcon,{className:`size-4`})},{id:`components`,label:`Browse components`,icon:(0,I.jsx)(F.LayoutDashboardIcon,{className:`size-4`})}]}]})]}):e===`button-group`?(0,I.jsx)(r.ButtonGroup,{items:[{key:`day`,label:`Day`},{key:`week`,label:`Week`},{key:`month`,label:`Month`}]}):e===`quick-action-grid`?(0,I.jsx)(s.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`}]}):e===`data-table-saved-filters`?(0,I.jsxs)(`div`,{className:`grid gap-3`,children:[(0,I.jsx)(l.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)(r.ButtonGroup,{attached:!1,items:[{key:`default`,label:`Default`,variant:`secondary`},{key:`billing`,label:`Billing`},{key:`ops`,label:`Operations`}]})]}):(0,I.jsxs)(`div`,{className:`flex items-center justify-between rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`p`,{className:`font-medium text-[color:var(--aui-page-foreground)]`,children:`Invoice #4821`}),(0,I.jsx)(`p`,{className:`text-sm text-[color:var(--aui-page-muted)]`,children:`Pending approval`})]}),(0,I.jsx)(n.ActionMenu,{label:`Actions`,actions:[{key:`open`,label:`Open`,icon:(0,I.jsx)(F.ChevronRightIcon,{className:`size-4`})},{key:`download`,label:`Download`,icon:(0,I.jsx)(F.DownloadIcon,{className:`size-4`})},{key:`archive`,label:`Archive`,icon:(0,I.jsx)(F.ArchiveIcon,{className:`size-4`}),destructive:!0}],trigger:(0,I.jsx)(t.Button,{variant:`outline`,size:`icon-sm`,"aria-label":`Open actions`,children:(0,I.jsx)(F.MoreHorizontalIcon,{})})})]})}function K({slug:e}){return e===`app-header`?(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-3`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(F.LayoutDashboardIcon,{className:`size-4`}),(0,I.jsx)(`span`,{className:`font-medium`,children:`Dashboard`})]}),(0,I.jsx)(a.Badge,{variant:`secondary`,children:`Preview`}),(0,I.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Notifications`,children:(0,I.jsx)(F.BellIcon,{})}),(0,I.jsx)(t.Button,{size:`sm`,children:`Deploy`})]})]}):(0,I.jsx)(N.PreviewStatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},helperText:`StatCard keeps KPI, helper text and trend in one compact tile.`})}function q({slug:e}){return(0,I.jsxs)(`div`,{className:`overflow-hidden rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-b border-[color:var(--aui-divider)] p-3`,children:[(0,I.jsx)(i.Input,{type:`search`,value:``,placeholder:`Search rows...`,className:`max-w-xs`,readOnly:!0}),(0,I.jsxs)(`div`,{className:`flex gap-2`,children:[(0,I.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,I.jsx)(F.FilterIcon,{"data-icon":`inline-start`}),`Filters`]}),(0,I.jsx)(t.Button,{size:`sm`,children:`Create`})]})]}),(0,I.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] border-b border-[color:var(--aui-divider)] px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-[color:var(--aui-page-muted)]`,children:[(0,I.jsx)(`span`,{children:(0,I.jsx)(`input`,{type:`checkbox`,"aria-label":`Select rows`})}),(0,I.jsx)(`span`,{children:`Name`}),(0,I.jsx)(`span`,{children:`Status`}),(0,I.jsx)(`span`,{children:`Actions`})]}),[`Tembro`,`Registry`,`Dashboard`].map((e,n)=>(0,I.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] items-center border-b border-[color:var(--aui-divider)] px-3 py-3 last:border-b-0`,children:[(0,I.jsx)(`span`,{children:(0,I.jsx)(`input`,{type:`checkbox`,"aria-label":`Select ${e}`,defaultChecked:n===0})}),(0,I.jsx)(`span`,{className:`font-medium text-[color:var(--aui-page-foreground)]`,children:e}),(0,I.jsx)(`span`,{children:(0,I.jsx)(R,{tone:n===2?`warning`:`success`,children:n===2?`Review`:`Live`})}),(0,I.jsx)(`span`,{children:(0,I.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Row actions`,children:(0,I.jsx)(F.MoreHorizontalIcon,{})})})]},e)),(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-[color:var(--aui-divider)] p-3 text-sm text-[color:var(--aui-page-muted)]`,children:[(0,I.jsxs)(`span`,{children:[{"data-table-pagination":`Pagination footer`,"data-table-toolbar":`Search and filter toolbar`,"data-table-column-visibility-menu":`Column visibility`,"data-table-select-column":`Row selection`,"data-table-sortable-header":`Sortable header`,"data-table-row-actions":`Row actions`,"data-table-actions-column":`Actions column`,"data-table-bulk-actions":`Bulk action bar`,"data-table-view-presets":`Saved view presets`}[e]??`DataTable part`,` preview`]}),(0,I.jsx)(c.Pagination,{page:1,pageCount:4,onPageChange:()=>void 0,showEdges:!1})]})]})}function J(){return(0,I.jsx)(g.Calendar,{value:`2026-06-18`,defaultMonth:`2026-06-01`,onValueChange:()=>void 0})}function Y({slug:e}){return e===`file-upload`?(0,I.jsx)(O.FileUpload,{dropzoneLabel:`Upload documents`,dropzoneDescription:`Drag files here or choose from your device.`,buttonLabel:`Choose files`,helperText:`Supports PDF, CSV and images.`}):(0,I.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-[160px_1fr] md:items-center`,children:[(0,I.jsx)(`div`,{className:`flex aspect-square items-center justify-center rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:(0,I.jsx)(F.UploadCloudIcon,{className:`size-8 text-[color:var(--aui-page-muted)]`})}),(0,I.jsx)(N.PreviewFileDropzone,{label:`Upload product image`,description:`Shows the image-upload flow without custom CSS.`,accept:`image/*`})]})}function X({slug:e}){let t=[{id:`profile`,title:`Profile`,description:`Account details`,completed:!0},{id:`billing`,title:`Billing`,description:`Payment setup`},{id:`review`,title:`Review`,description:`Confirm data`}];return e===`stepper`?(0,I.jsx)(j.Stepper,{steps:t,currentStep:`billing`,onStepChange:()=>void 0}):(0,I.jsx)(M.Wizard,{steps:t,currentStep:`billing`,onNext:()=>void 0,onPrevious:()=>void 0,onFinish:()=>void 0,children:(0,I.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,I.jsx)(`p`,{className:`font-medium text-[color:var(--aui-page-foreground)]`,children:`Billing setup`}),(0,I.jsx)(`p`,{className:`mt-1 text-sm text-[color:var(--aui-page-muted)]`,children:`Wizard combines steps, content and footer controls.`})]})})}function Z({slug:e}){return e===`resource-detail-page`?(0,I.jsx)(A.ResourceDetailPage,{title:`Customer profile`,description:`ResourceDetailPage organizes detail screens.`,actions:(0,I.jsx)(t.Button,{size:`sm`,children:`Edit`}),children:(0,I.jsx)(k.ResourcePageSection,{title:`Account`,children:(0,I.jsx)(y.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Design team`}]})})}):(0,I.jsx)(k.ResourcePage,{title:`Customers`,description:`ResourcePage combines header, stats, filters and sections.`,actions:(0,I.jsx)(t.Button,{size:`sm`,children:`New customer`}),stats:(0,I.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,I.jsx)(N.PreviewStatCard,{title:`Active`,value:`2,418`,trend:{value:`+8%`,tone:`success`}}),(0,I.jsx)(N.PreviewStatCard,{title:`Health`,value:`94%`,trend:{value:`Stable`,tone:`default`}})]}),filters:(0,I.jsx)(l.FilterBar,{search:(0,I.jsx)(i.Input,{type:`search`,value:``,placeholder:`Search...`,readOnly:!0}),activeCount:1}),children:(0,I.jsx)(k.ResourcePageSection,{title:`Recent activity`,children:(0,I.jsx)(T.Timeline,{items:[{key:`a`,title:`Customer added`,description:`Acme workspace`,tone:`success`},{key:`b`,title:`Plan updated`,description:`Scale plan enabled`,tone:`info`}]})})})}exports.renderShowcasePreview=L;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../components/ui/button/index.cjs"),n=require("../components/actions/action-menu.cjs"),r=require("../components/actions/button-group.cjs"),i=require("../components/ui/input/index.cjs"),a=require("../components/ui/badge/index.cjs"),o=require("../components/ui/tabs/index.cjs"),s=require("../components/actions/quick-action-grid.cjs"),c=require("../components/navigation/pagination.cjs"),l=require("../components/filters/filter-bar.cjs"),u=require("../components/overlay/alert-dialog.cjs"),d=require("../components/overlay/drawer.cjs"),f=require("../components/inputs/otp-input.cjs"),p=require("../components/inputs/rating.cjs"),m=require("../components/inputs/slider.cjs"),h=require("../components/inputs/tag-input.cjs"),g=require("../components/calendar/calendar.cjs"),_=require("../components/feedback/alert.cjs"),v=require("../components/feedback/page-state.cjs"),y=require("../components/display/description-list.cjs"),b=require("../components/display/avatar.cjs"),x=require("../components/display/list.cjs"),S=require("../components/display/progress.cjs"),C=require("../components/display/status-dot.cjs"),w=require("../components/display/status-legend.cjs"),T=require("../components/display/timeline.cjs"),E=require("../components/display/info-card.cjs"),D=require("../components/command/command-palette.cjs"),O=require("../components/upload/file-upload.cjs"),k=require("../components/charts/charts.cjs"),A=require("../components/patterns/resource-page.cjs"),j=require("../components/patterns/resource-detail-page.cjs"),M=require("../components/wizard/stepper.cjs"),N=require("../components/wizard/wizard.cjs"),P=require("./preview-compositions.cjs");let F=require("react");F=e.__toESM(F,1);let I=require("lucide-react"),L=require("react/jsx-runtime");function R(e,t,n){return e.kind===`inputs`?(0,L.jsx)(B,{slug:e.slug,state:t,setState:n}):e.kind===`form`?(0,L.jsx)(V,{state:t,setState:n}):e.kind===`overlay`?(0,L.jsx)(H,{slug:e.slug}):e.kind===`navigation`?(0,L.jsx)(U,{slug:e.slug}):e.kind===`feedback`?(0,L.jsx)(W,{slug:e.slug}):e.kind===`display`?(0,L.jsx)(G,{slug:e.slug}):e.kind===`actions`?(0,L.jsx)(K,{slug:e.slug,state:t,setState:n}):e.kind===`layout`?(0,L.jsx)(q,{slug:e.slug}):e.kind===`data-table`?(0,L.jsx)(J,{slug:e.slug}):e.kind===`calendar`?(0,L.jsx)(Y,{}):e.kind===`upload`?(0,L.jsx)(X,{slug:e.slug}):e.kind===`wizard`?(0,L.jsx)(Z,{slug:e.slug}):e.kind===`patterns`?(0,L.jsx)(Q,{slug:e.slug}):null}function z({tone:e,children:t}){return(0,L.jsx)(a.Badge,{variant:e===`danger`?`destructive`:e===`warning`?`outline`:`secondary`,children:t})}function B({slug:e,state:t,setState:n}){let r=t.textValue;return e===`slider`?(0,L.jsx)(m.Slider,{label:`Density`,description:`Tune content density.`,defaultValue:64,showValue:!0}):e===`range-slider`?(0,L.jsx)(m.RangeSlider,{label:`Revenue range`,description:`Filter between two values.`,defaultValue:[20,80],showValue:!0}):e===`rating`?(0,L.jsx)(p.Rating,{defaultValue:4,labels:{clear:`Reset`}}):e===`otp-input`?(0,L.jsx)(f.OtpInput,{value:r.replace(/\D/g,``).slice(0,6),onValueChange:e=>n({textValue:e})}):e===`color-input`?(0,L.jsx)(i.Input,{type:`color`,defaultValue:`#22c55e`,"aria-label":`Accent color`}):e===`tag-input`?(0,L.jsx)(h.TagInput,{defaultValue:[`dashboard`,`beta`,`ops`],placeholder:`Add label`}):(0,L.jsx)(i.Input,{value:r,onChange:e=>n({textValue:e.currentTarget.value}),placeholder:`Unified input`})}function V({state:e,setState:t}){return(0,L.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,L.jsxs)(`label`,{className:`grid gap-2`,children:[(0,L.jsx)(`span`,{className:`text-sm font-medium text-[color:var(--aui-page-foreground)]`,children:`Email address`}),(0,L.jsx)(i.Input,{value:e.textValue,onChange:e=>t({textValue:e.currentTarget.value})}),(0,L.jsx)(`span`,{className:`text-xs text-[color:var(--aui-page-muted)]`,children:`Form wrappers keep label, hint and error spacing consistent.`})]}),(0,L.jsxs)(`label`,{className:`grid gap-2`,children:[(0,L.jsx)(`span`,{className:`text-sm font-medium text-[color:var(--aui-page-foreground)]`,children:`Status`}),(0,L.jsx)(i.Input,{type:`search`,value:`Active customers`,resultCount:7,readOnly:!0}),(0,L.jsx)(`span`,{className:`text-xs text-emerald-500`,children:`Ready to submit`})]})]})}function H({slug:e}){return e===`dialog-actions`?(0,L.jsx)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:(0,L.jsxs)(r.ButtonGroup,{attached:!1,children:[(0,L.jsx)(t.Button,{variant:`ghost`,children:`Cancel`}),(0,L.jsx)(t.Button,{variant:`outline`,children:`Save draft`}),(0,L.jsx)(t.Button,{children:`Publish`})]})}):e===`alert-dialog`?(0,L.jsx)(u.AlertDialog,{open:!1,title:`Archive invoice?`,description:`This keeps the invoice readable but removes it from active queues.`,children:(0,L.jsx)(t.Button,{variant:`destructive`,children:`Open alert`})}):e===`drawer`?(0,L.jsx)(d.Drawer,{open:!1,trigger:(0,L.jsx)(t.Button,{variant:`outline`,children:`Open drawer`}),title:`Customer details`,description:`Side panel for fast inspection.`,children:(0,L.jsx)(y.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Tembro`}]})}):(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,L.jsx)(t.Button,{variant:`ghost`,children:`Cancel`}),(0,L.jsx)(t.Button,{variant:`outline`,children:`Save draft`}),(0,L.jsx)(t.Button,{children:`Publish`})]})}function U({slug:e}){return e===`pagination`?(0,L.jsx)(c.Pagination,{page:3,pageCount:9,onPageChange:()=>void 0}):(0,L.jsx)(o.Tabs,{defaultValue:`overview`,children:(0,L.jsxs)(o.TabsList,{variant:`pills`,overflow:`wrap`,children:[(0,L.jsx)(o.TabsTrigger,{value:`overview`,variant:`pills`,children:`Overview`}),(0,L.jsx)(o.TabsTrigger,{value:`usage`,variant:`pills`,children:`Usage`}),(0,L.jsx)(o.TabsTrigger,{value:`api`,variant:`pills`,children:`API`})]})})}function W({slug:e}){return e===`alert`?(0,L.jsx)(_.Alert,{tone:`warning`,title:`Review needed`,description:`Billing rules changed and one approval is pending.`,action:(0,L.jsx)(t.Button,{size:`sm`,children:`Open`})}):e===`page-state`?(0,L.jsx)(v.PageState,{title:`Workspace connected`,description:`The route is ready to accept live data and team actions.`,tone:`success`,action:(0,L.jsx)(t.Button,{size:`sm`,children:`Continue`})}):(0,L.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,L.jsx)(z,{tone:`success`,children:`Live`}),(0,L.jsx)(z,{tone:`warning`,children:`Needs review`}),(0,L.jsx)(z,{tone:`danger`,children:`Blocked`}),(0,L.jsx)(z,{tone:`info`,children:`Queued`})]})}function G({slug:e}){if(e===`description-list`)return(0,L.jsx)(y.DescriptionList,{title:`Invoice details`,description:`Structured facts with responsive columns.`,items:[{key:`id`,label:`Invoice`,value:`#4821`},{key:`amount`,label:`Amount`,value:`$12,420`},{key:`status`,label:`Status`,value:(0,L.jsx)(z,{tone:`success`,children:`Paid`})},{key:`owner`,label:`Owner`,value:`Finance team`}]});if(e===`progress`)return(0,L.jsx)(S.Progress,{label:`Migration progress`,description:`Production rollout`,value:68,tone:`success`,showValue:!0});if(e===`timeline`)return(0,L.jsx)(T.Timeline,{items:[{key:`created`,title:`Created`,description:`Invoice generated`,time:`09:20`,tone:`success`},{key:`review`,title:`Review`,description:`Finance team assigned`,time:`10:05`,tone:`info`},{key:`approve`,title:`Approval`,description:`Waiting for manager`,time:`Now`,tone:`warning`}],pending:!0,pendingLabel:`Paid`});if(e===`metric-card`||e===`stat-card`)return(0,L.jsx)(P.PreviewStatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},icon:(0,L.jsx)(I.LayoutDashboardIcon,{})});if(e===`status-dot`)return(0,L.jsxs)(`div`,{className:`grid gap-3`,children:[(0,L.jsx)(C.StatusDot,{tone:`success`,pulse:!0,label:`API healthy`}),(0,L.jsx)(C.StatusDot,{tone:`warning`,label:`Sync delayed`}),(0,L.jsx)(C.StatusDot,{tone:`danger`,label:`Webhook failed`})]});if(e===`notification-center`)return(0,L.jsx)(x.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`}]});if(e===`status-legend`)return(0,L.jsx)(w.StatusLegend,{title:`Delivery states`,description:`Explain what each state means and how often it appears.`,orientation:`grid`,items:[{key:`live`,label:`Live`,description:`Healthy production routes`,tone:`success`,count:18},{key:`review`,label:`Review`,description:`Waiting for QA approval`,tone:`warning`,count:4},{key:`blocked`,label:`Blocked`,description:`Needs engineering action`,tone:`danger`,count:1}]});if(e===`charts`){let e=[{label:`Organic`,value:42,color:`var(--aui-brand)`},{label:`Paid`,value:28,color:`var(--aui-success)`},{label:`Referral`,value:18,color:`var(--aui-warning)`},{label:`Direct`,value:12,color:`var(--aui-danger)`}];return(0,L.jsxs)(`div`,{className:`grid items-start gap-4 lg:grid-cols-[1.2fr_0.8fr]`,children:[(0,L.jsx)(k.ChartFrame,{title:`Pipeline by week`,description:`BarChart inside the shared chart frame.`,children:(0,L.jsx)(k.BarChart,{data:[{label:`Mon`,value:18},{label:`Tue`,value:26},{label:`Wed`,value:21},{label:`Thu`,value:34},{label:`Fri`,value:29}],valueFormatter:e=>`$${e}k`})}),(0,L.jsx)(k.ChartFrame,{title:`Traffic mix`,description:`DonutChart with legend and center value.`,children:(0,L.jsxs)(`div`,{className:`grid justify-items-center gap-4`,children:[(0,L.jsx)(k.DonutChart,{data:e,centerValue:`88k`,centerLabel:`Visitors`}),(0,L.jsx)(k.ChartLegend,{data:e})]})})]})}return(0,L.jsx)(E.InfoCard,{title:`Azamat Jurayev`,description:`Product designer and maintainer`,media:(0,L.jsx)(b.Avatar,{name:`Azamat Jurayev`}),actions:(0,L.jsx)(t.Button,{size:`sm`,children:`Invite`})})}function K({slug:e,state:a,setState:o}){return e===`filter-bar`?(0,L.jsx)(l.FilterBar,{search:(0,L.jsx)(i.Input,{type:`search`,value:a.textValue,onValueChange:e=>o({textValue:e}),placeholder:`Search invoices...`}),onReset:()=>o({textValue:``}),chips:[{key:`status`,label:`Status`,value:`Active`,tone:`success`},{key:`owner`,label:`Owner`,value:`Azamat`,tone:`default`}],onRemoveChip:()=>void 0,filters:(0,L.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,L.jsx)(I.FilterIcon,{"data-icon":`inline-start`}),`Status`]}),actions:(0,L.jsx)(t.Button,{size:`sm`,children:`Export`})}):e===`command-palette`?(0,L.jsxs)(`div`,{className:`grid gap-3`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 py-2`,children:[(0,L.jsx)(I.SearchIcon,{className:`size-4 text-[color:var(--aui-page-muted)]`}),(0,L.jsx)(`span`,{className:`text-sm text-[color:var(--aui-page-muted)]`,children:`Command palette preview: search routes, components and actions.`})]}),(0,L.jsx)(D.CommandPalette,{open:!1,onOpenChange:()=>void 0,groups:[{id:`navigation`,label:`Navigation`,items:[{id:`docs`,label:`Open docs`,icon:(0,L.jsx)(I.SearchIcon,{className:`size-4`})},{id:`components`,label:`Browse components`,icon:(0,L.jsx)(I.LayoutDashboardIcon,{className:`size-4`})}]}]})]}):e===`button-group`?(0,L.jsx)(r.ButtonGroup,{items:[{key:`day`,label:`Day`},{key:`week`,label:`Week`},{key:`month`,label:`Month`}]}):e===`quick-action-grid`?(0,L.jsx)(s.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`}]}):e===`data-table-saved-filters`?(0,L.jsxs)(`div`,{className:`grid gap-3`,children:[(0,L.jsx)(l.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,L.jsx)(r.ButtonGroup,{attached:!1,items:[{key:`default`,label:`Default`,variant:`secondary`},{key:`billing`,label:`Billing`},{key:`ops`,label:`Operations`}]})]}):(0,L.jsxs)(`div`,{className:`flex items-center justify-between rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`p`,{className:`font-medium text-[color:var(--aui-page-foreground)]`,children:`Invoice #4821`}),(0,L.jsx)(`p`,{className:`text-sm text-[color:var(--aui-page-muted)]`,children:`Pending approval`})]}),(0,L.jsx)(n.ActionMenu,{label:`Actions`,actions:[{key:`open`,label:`Open`,icon:(0,L.jsx)(I.ChevronRightIcon,{className:`size-4`})},{key:`download`,label:`Download`,icon:(0,L.jsx)(I.DownloadIcon,{className:`size-4`})},{key:`archive`,label:`Archive`,icon:(0,L.jsx)(I.ArchiveIcon,{className:`size-4`}),destructive:!0}],trigger:(0,L.jsx)(t.Button,{variant:`outline`,size:`icon-sm`,"aria-label":`Open actions`,children:(0,L.jsx)(I.MoreHorizontalIcon,{})})})]})}function q({slug:e}){return e===`app-header`?(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-3`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,L.jsx)(I.LayoutDashboardIcon,{className:`size-4`}),(0,L.jsx)(`span`,{className:`font-medium`,children:`Dashboard`})]}),(0,L.jsx)(a.Badge,{variant:`secondary`,children:`Preview`}),(0,L.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,L.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Notifications`,children:(0,L.jsx)(I.BellIcon,{})}),(0,L.jsx)(t.Button,{size:`sm`,children:`Deploy`})]})]}):(0,L.jsx)(P.PreviewStatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},helperText:`StatCard keeps KPI, helper text and trend in one compact tile.`})}function J({slug:e}){return(0,L.jsxs)(`div`,{className:`overflow-hidden rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-b border-[color:var(--aui-divider)] p-3`,children:[(0,L.jsx)(i.Input,{type:`search`,value:``,placeholder:`Search rows...`,className:`max-w-xs`,readOnly:!0}),(0,L.jsxs)(`div`,{className:`flex gap-2`,children:[(0,L.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,L.jsx)(I.FilterIcon,{"data-icon":`inline-start`}),`Filters`]}),(0,L.jsx)(t.Button,{size:`sm`,children:`Create`})]})]}),(0,L.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] border-b border-[color:var(--aui-divider)] px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-[color:var(--aui-page-muted)]`,children:[(0,L.jsx)(`span`,{children:(0,L.jsx)(`input`,{type:`checkbox`,"aria-label":`Select rows`})}),(0,L.jsx)(`span`,{children:`Name`}),(0,L.jsx)(`span`,{children:`Status`}),(0,L.jsx)(`span`,{children:`Actions`})]}),[`Tembro`,`Registry`,`Dashboard`].map((e,n)=>(0,L.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] items-center border-b border-[color:var(--aui-divider)] px-3 py-3 last:border-b-0`,children:[(0,L.jsx)(`span`,{children:(0,L.jsx)(`input`,{type:`checkbox`,"aria-label":`Select ${e}`,defaultChecked:n===0})}),(0,L.jsx)(`span`,{className:`font-medium text-[color:var(--aui-page-foreground)]`,children:e}),(0,L.jsx)(`span`,{children:(0,L.jsx)(z,{tone:n===2?`warning`:`success`,children:n===2?`Review`:`Live`})}),(0,L.jsx)(`span`,{children:(0,L.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Row actions`,children:(0,L.jsx)(I.MoreHorizontalIcon,{})})})]},e)),(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-[color:var(--aui-divider)] p-3 text-sm text-[color:var(--aui-page-muted)]`,children:[(0,L.jsxs)(`span`,{children:[{"data-table-pagination":`Pagination footer`,"data-table-toolbar":`Search and filter toolbar`,"data-table-column-visibility-menu":`Column visibility`,"data-table-select-column":`Row selection`,"data-table-sortable-header":`Sortable header`,"data-table-row-actions":`Row actions`,"data-table-actions-column":`Actions column`,"data-table-bulk-actions":`Bulk action bar`,"data-table-view-presets":`Saved view presets`}[e]??`DataTable part`,` preview`]}),(0,L.jsx)(c.Pagination,{page:1,pageCount:4,onPageChange:()=>void 0,showEdges:!1})]})]})}function Y(){return(0,L.jsx)(g.Calendar,{value:`2026-06-18`,defaultMonth:`2026-06-01`,onValueChange:()=>void 0})}function X({slug:e}){return e===`file-upload`?(0,L.jsx)(O.FileUpload,{dropzoneLabel:`Upload documents`,dropzoneDescription:`Drag files here or choose from your device.`,buttonLabel:`Choose files`,helperText:`Supports PDF, CSV and images.`}):(0,L.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-[160px_1fr] md:items-center`,children:[(0,L.jsx)(`div`,{className:`flex aspect-square items-center justify-center rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:(0,L.jsx)(I.UploadCloudIcon,{className:`size-8 text-[color:var(--aui-page-muted)]`})}),(0,L.jsx)(P.PreviewFileDropzone,{label:`Upload product image`,description:`Shows the image-upload flow without custom CSS.`,accept:`image/*`})]})}function Z({slug:e}){let t=[{id:`profile`,title:`Profile`,description:`Account details`,completed:!0},{id:`billing`,title:`Billing`,description:`Payment setup`},{id:`review`,title:`Review`,description:`Confirm data`}];return e===`stepper`?(0,L.jsx)(M.Stepper,{steps:t,currentStep:`billing`,onStepChange:()=>void 0}):(0,L.jsx)(N.Wizard,{steps:t,currentStep:`billing`,onNext:()=>void 0,onPrevious:()=>void 0,onFinish:()=>void 0,children:(0,L.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,L.jsx)(`p`,{className:`font-medium text-[color:var(--aui-page-foreground)]`,children:`Billing setup`}),(0,L.jsx)(`p`,{className:`mt-1 text-sm text-[color:var(--aui-page-muted)]`,children:`Wizard combines steps, content and footer controls.`})]})})}function Q({slug:e}){return e===`resource-detail-page`?(0,L.jsx)(j.ResourceDetailPage,{title:`Customer profile`,description:`ResourceDetailPage organizes detail screens.`,actions:(0,L.jsx)(t.Button,{size:`sm`,children:`Edit`}),children:(0,L.jsx)(A.ResourcePageSection,{title:`Account`,children:(0,L.jsx)(y.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Design team`}]})})}):(0,L.jsx)(A.ResourcePage,{title:`Customers`,description:`ResourcePage combines header, stats, filters and sections.`,actions:(0,L.jsx)(t.Button,{size:`sm`,children:`New customer`}),stats:(0,L.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,L.jsx)(P.PreviewStatCard,{title:`Active`,value:`2,418`,trend:{value:`+8%`,tone:`success`}}),(0,L.jsx)(P.PreviewStatCard,{title:`Health`,value:`94%`,trend:{value:`Stable`,tone:`default`}})]}),filters:(0,L.jsx)(l.FilterBar,{search:(0,L.jsx)(i.Input,{type:`search`,value:``,placeholder:`Search...`,readOnly:!0}),activeCount:1}),children:(0,L.jsx)(A.ResourcePageSection,{title:`Recent activity`,children:(0,L.jsx)(T.Timeline,{items:[{key:`a`,title:`Customer added`,description:`Acme workspace`,tone:`success`},{key:`b`,title:`Plan updated`,description:`Scale plan enabled`,tone:`info`}]})})})}exports.renderShowcasePreview=R;