tembro 2.1.8 → 2.1.9

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;