tembro 3.1.6 → 3.1.8

package/dist/src/showcase/premium/dialog/showcase.js

@@ -1,77 +1,139 @@
 import { Button as e } from "../../../components/ui/button/index.js";
 import { Badge as t } from "../../../components/ui/badge/index.js";
-import { Dialog as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogTitle as s, DialogTrigger as c } from "../../../components/ui/dialog/index.js";
-import { dialogDemoItems as l } from "./data.js";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Dialog as n, DialogBody as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as s, DialogTitle as c, DialogTrigger as l } from "../../../components/ui/dialog/index.js";
+import { dialogDemoItems as u } from "./data.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/showcase/premium/dialog/showcase.tsx
-var f = "border-t border-[color:var(--aui-divider)] py-6";
-function p() {
-	return /* @__PURE__ */ d("div", {
+var p = "border-t border-[color:var(--aui-divider)] py-6";
+function m() {
+	return /* @__PURE__ */ f("div", {
 		className: "space-y-0",
 		children: [
-			/* @__PURE__ */ u("section", {
+			/* @__PURE__ */ d("section", {
 				className: "pb-6",
-				children: /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: "max-w-xl",
 					children: [
-						/* @__PURE__ */ u("p", {
+						/* @__PURE__ */ d("p", {
 							className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
 							children: "Overlay"
 						}),
-						/* @__PURE__ */ u("h3", {
+						/* @__PURE__ */ d("h3", {
 							className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
 							children: "Dialogs should justify focus"
 						}),
-						/* @__PURE__ */ u("p", {
+						/* @__PURE__ */ d("p", {
 							className: "mt-3 text-sm leading-6 aui-text-muted",
 							children: "Use them for short, high-risk, or confirm-first actions. Keep the trigger, title, description, and footer actions explicit."
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ u("section", {
-				className: f,
-				children: /* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("section", {
+				className: p,
+				children: /* @__PURE__ */ d("div", {
 					className: "grid gap-4 xl:grid-cols-3",
-					children: l.map((l) => /* @__PURE__ */ d("div", {
+					children: u.map((u) => /* @__PURE__ */ f("div", {
 						className: "rounded-[20px] border border-[color:var(--aui-divider)] px-4 py-4",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-start justify-between gap-4",
-							children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+							children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 								className: "text-sm font-semibold aui-text-strong",
-								children: l.title
-							}), /* @__PURE__ */ u("p", {
+								children: u.title
+							}), /* @__PURE__ */ d("p", {
 								className: "mt-2 text-sm leading-6 aui-text-muted",
-								children: l.description
-							})] }), /* @__PURE__ */ u(t, {
-								variant: l.confirmVariant === "destructive" ? "destructive" : "outline",
-								children: l.confirmLabel
+								children: u.description
+							})] }), /* @__PURE__ */ d(t, {
+								variant: u.confirmVariant === "destructive" ? "destructive" : "outline",
+								children: u.confirmLabel
 							})]
-						}), /* @__PURE__ */ u("div", {
+						}), /* @__PURE__ */ d("div", {
 							className: "mt-4",
-							children: /* @__PURE__ */ d(n, { children: [/* @__PURE__ */ u(c, {
-								render: /* @__PURE__ */ u(e, { variant: l.triggerVariant }),
-								children: l.label
-							}), /* @__PURE__ */ d(r, { children: [/* @__PURE__ */ d(o, { children: [/* @__PURE__ */ u(s, { children: l.title }), /* @__PURE__ */ u(i, { children: l.description })] }), /* @__PURE__ */ u(a, {
-								showCloseButton: !0,
-								children: /* @__PURE__ */ u(e, {
-									variant: l.confirmVariant,
-									children: l.confirmLabel
+							children: /* @__PURE__ */ f(n, { children: [/* @__PURE__ */ d(l, {
+								render: /* @__PURE__ */ d(e, { variant: u.triggerVariant }),
+								children: u.label
+							}), /* @__PURE__ */ f(i, { children: [
+								/* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(c, { children: u.title }), /* @__PURE__ */ d(a, { children: u.description })] }),
+								/* @__PURE__ */ d(r, { children: /* @__PURE__ */ d("div", {
+									className: "rounded-[16px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm leading-6 aui-text-muted",
+									children: "This body area scrolls independently when content becomes long. Footer actions stay visible and aligned."
+								}) }),
+								/* @__PURE__ */ d(o, {
+									showCloseButton: !0,
+									children: /* @__PURE__ */ d(e, {
+										variant: u.confirmVariant,
+										children: u.confirmLabel
+									})
 								})
-							})] })] })
+							] })] })
 						})]
-					}, l.label))
+					}, u.label))
 				})
 			}),
-			/* @__PURE__ */ u("section", {
-				className: f,
-				children: /* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("section", {
+				className: p,
+				children: /* @__PURE__ */ f("div", {
+					className: "grid gap-4 xl:grid-cols-2",
+					children: [/* @__PURE__ */ f(n, { children: [/* @__PURE__ */ d(l, {
+						render: /* @__PURE__ */ d(e, { variant: "outline" }),
+						children: "Open form dialog"
+					}), /* @__PURE__ */ f(i, {
+						size: "lg",
+						children: [
+							/* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(c, { children: "Create staff member" }), /* @__PURE__ */ d(a, { children: "Use focused form dialogs for short admin tasks with stable footer actions." })] }),
+							/* @__PURE__ */ d(r, { children: /* @__PURE__ */ d("div", {
+								className: "grid gap-4 sm:grid-cols-2",
+								children: [
+									"Full name",
+									"Phone",
+									"Role",
+									"Status",
+									"Branch",
+									"Temporary password"
+								].map((e) => /* @__PURE__ */ f("label", {
+									className: "grid gap-2 text-sm font-medium aui-text-strong",
+									children: [e, /* @__PURE__ */ d("input", {
+										className: "h-10 rounded-xl border border-[color:var(--aui-input-border)] bg-[color:var(--aui-input-bg)] px-3 text-sm outline-none focus-visible:border-[color:var(--aui-ring)]",
+										placeholder: e
+									})]
+								}, e))
+							}) }),
+							/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(e, {
+								variant: "outline",
+								children: "Cancel"
+							}), /* @__PURE__ */ d(e, { children: "Create staff" })] })
+						]
+					})] }), /* @__PURE__ */ f(n, { children: [/* @__PURE__ */ d(l, {
+						render: /* @__PURE__ */ d(e, { variant: "destructive" }),
+						children: "Open destructive dialog"
+					}), /* @__PURE__ */ f(i, {
+						size: "sm",
+						children: [
+							/* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(c, { children: "Deactivate restaurant" }), /* @__PURE__ */ d(a, { children: "This action pauses public ordering and hides active shifts from the restaurant." })] }),
+							/* @__PURE__ */ d(r, { children: /* @__PURE__ */ d("div", {
+								className: "rounded-[16px] border border-red-200 bg-red-50 px-4 py-3 text-sm leading-6 text-red-700",
+								children: "Operators can reactivate it later, but active customer sessions will be interrupted."
+							}) }),
+							/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(e, {
+								variant: "outline",
+								children: "Keep active"
+							}), /* @__PURE__ */ d(e, {
+								variant: "destructive",
+								children: "Deactivate"
+							})] })
+						]
+					})] })]
+				})
+			}),
+			/* @__PURE__ */ d("section", {
+				className: p,
+				children: /* @__PURE__ */ d("div", {
 					className: "grid gap-3",
 					children: [
 						"Keep the page understandable before the overlay opens.",
 						"Use outcome-specific action labels inside the dialog footer.",
 						"Do not move long multi-step workflows into a small modal by default."
-					].map((e) => /* @__PURE__ */ u("div", {
+					].map((e) => /* @__PURE__ */ d("div", {
 						className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3 text-sm leading-6 aui-text-muted",
 						children: e
 					}, e))
@@ -81,4 +143,4 @@ function p() {
 	});
 }
 //#endregion
-export { p as DialogShowcase };
+export { m as DialogShowcase };

package/dist/src/showcase/premium/form-wrapper/mock.cjs

@@ -12,7 +12,7 @@ type DemoValues = {
 export function Example() {
   const form = useForm<DemoValues>({
     defaultValues: {
-      name: "Azamat UI",
+      name: "Tembro",
       ownerPhone: "+998 90 123 45 67",
       price: 120,
       notes: "Use control, name, rules, error, and required labels.",
@@ -70,7 +70,7 @@ export function Example() {
 
       <Button type="submit">Save</Button>
     </form>
-  )`,htmlCode:`<form><label for="workspace">Workspace</label><input id="workspace" value="Azamat UI" /></form>`,cliCommand:`npx tembro add form-input form-textarea form-switch`,highlights:[`control + name contract`,"Universal `kind` variants",`Error display and required markers`,`Consistent wrapper shell behavior`],relatedBlockSlugs:[`settings-form`,`crm-dashboard`,`users-table`],scenarios:[{title:`Required validation`,description:"Use `rules` for required and length constraints and show errors in shell."},{title:`Error display`,description:`Inject custom error messages for required and domain checks.`},{title:`Read-only states`,description:`Support locked and disabled states from parent screens.`},{title:`Unified layout`,description:`Keep one shell language for input, select and toggle types without multiplying wrapper names.`}],capabilityNotes:["Use `control` and `name` from a shared `useForm` call for every field wrapper.","Prefer `FormInput kind=...` and `FormSelect kind=...` for new work; keep alias wrappers only for migration.","Pass RHF `rules` or `validate` to each wrapper, instead of inline ad-hoc checks.","`required` should be explicit both in copy (UI marker) and schema.","Render validation messages through wrapper-level `error` or formState errors for consistent spacing."]},t={code:`import { useForm } from "react-hook-form"
+  )`,htmlCode:`<form><label for="workspace">Workspace</label><input id="workspace" value="Tembro" /></form>`,cliCommand:`npx tembro add form-input form-textarea form-switch`,highlights:[`control + name contract`,"Universal `kind` variants",`Error display and required markers`,`Consistent wrapper shell behavior`],relatedBlockSlugs:[`settings-form`,`crm-dashboard`,`users-table`],scenarios:[{title:`Required validation`,description:"Use `rules` for required and length constraints and show errors in shell."},{title:`Error display`,description:`Inject custom error messages for required and domain checks.`},{title:`Read-only states`,description:`Support locked and disabled states from parent screens.`},{title:`Unified layout`,description:`Keep one shell language for input, select and toggle types without multiplying wrapper names.`}],capabilityNotes:["Use `control` and `name` from a shared `useForm` call for every field wrapper.","Prefer `FormInput kind=...` and `FormSelect kind=...` for new work; keep alias wrappers only for migration.","Pass RHF `rules` or `validate` to each wrapper, instead of inline ad-hoc checks.","`required` should be explicit both in copy (UI marker) and schema.","Render validation messages through wrapper-level `error` or formState errors for consistent spacing."]},t={code:`import { useForm } from "react-hook-form"
 import { Button, FormSelect } from "tembro"
 
 const statusOptions = [

package/dist/src/showcase/premium/form-wrapper/mock.js

@@ -1,7 +1,7 @@
 //#region src/showcase/premium/form-wrapper/mock.ts
 var e = {
-	code: "import { useForm } from \"react-hook-form\"\nimport { Button, FormInput, FormSwitch, FormTextarea } from \"tembro\"\n\ntype DemoValues = {\n  name: string\n  ownerPhone: string\n  price: number | null\n  notes: string\n  active: boolean\n}\n\nexport function Example() {\n  const form = useForm<DemoValues>({\n    defaultValues: {\n      name: \"Azamat UI\",\n      ownerPhone: \"+998 90 123 45 67\",\n      price: 120,\n      notes: \"Use control, name, rules, error, and required labels.\",\n      active: true,\n    },\n  })\n\n  const onSubmit = form.handleSubmit((values) => {\n    console.log(values)\n  })\n\n  return (\n    <form onSubmit={onSubmit} className=\"space-y-4\">\n      <FormInput\n        control={form.control}\n        name=\"name\"\n        label=\"Workspace name\"\n        required\n        placeholder=\"Write a workspace title\"\n        rules={{\n          required: \"Workspace name is required\",\n          minLength: { value: 3, message: \"At least 3 characters\" },\n        }}\n      />\n\n      <FormInput\n        control={form.control}\n        name=\"ownerPhone\"\n        kind=\"phone\"\n        label=\"Owner phone\"\n        description=\"Use canonical phone value for API payloads.\"\n        rules={{ required: \"Phone number is required\" }}\n      />\n\n      <FormInput\n        control={form.control}\n        name=\"price\"\n        kind=\"number\"\n        label=\"Budget\"\n        min={0}\n        max={100000}\n        required\n      />\n\n      <FormTextarea\n        control={form.control}\n        name=\"notes\"\n        label=\"Notes\"\n        required\n        rows={3}\n        description=\"RHF handles error and required states.\"\n      />\n\n      <FormSwitch control={form.control} name=\"active\" label=\"Active\" />\n\n      <Button type=\"submit\">Save</Button>\n    </form>\n  )",
-	htmlCode: "<form><label for=\"workspace\">Workspace</label><input id=\"workspace\" value=\"Azamat UI\" /></form>",
+	code: "import { useForm } from \"react-hook-form\"\nimport { Button, FormInput, FormSwitch, FormTextarea } from \"tembro\"\n\ntype DemoValues = {\n  name: string\n  ownerPhone: string\n  price: number | null\n  notes: string\n  active: boolean\n}\n\nexport function Example() {\n  const form = useForm<DemoValues>({\n    defaultValues: {\n      name: \"Tembro\",\n      ownerPhone: \"+998 90 123 45 67\",\n      price: 120,\n      notes: \"Use control, name, rules, error, and required labels.\",\n      active: true,\n    },\n  })\n\n  const onSubmit = form.handleSubmit((values) => {\n    console.log(values)\n  })\n\n  return (\n    <form onSubmit={onSubmit} className=\"space-y-4\">\n      <FormInput\n        control={form.control}\n        name=\"name\"\n        label=\"Workspace name\"\n        required\n        placeholder=\"Write a workspace title\"\n        rules={{\n          required: \"Workspace name is required\",\n          minLength: { value: 3, message: \"At least 3 characters\" },\n        }}\n      />\n\n      <FormInput\n        control={form.control}\n        name=\"ownerPhone\"\n        kind=\"phone\"\n        label=\"Owner phone\"\n        description=\"Use canonical phone value for API payloads.\"\n        rules={{ required: \"Phone number is required\" }}\n      />\n\n      <FormInput\n        control={form.control}\n        name=\"price\"\n        kind=\"number\"\n        label=\"Budget\"\n        min={0}\n        max={100000}\n        required\n      />\n\n      <FormTextarea\n        control={form.control}\n        name=\"notes\"\n        label=\"Notes\"\n        required\n        rows={3}\n        description=\"RHF handles error and required states.\"\n      />\n\n      <FormSwitch control={form.control} name=\"active\" label=\"Active\" />\n\n      <Button type=\"submit\">Save</Button>\n    </form>\n  )",
+	htmlCode: "<form><label for=\"workspace\">Workspace</label><input id=\"workspace\" value=\"Tembro\" /></form>",
 	cliCommand: "npx tembro add form-input form-textarea form-switch",
 	highlights: [
 		"control + name contract",

package/dist/src/showcase/premium/form-wrapper/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/button/index.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/form/form-input.cjs"),r=require("../../../components/form/form-select.cjs"),i=require("../../../components/form/form-switch.cjs"),a=require("../../../components/form/form-textarea.cjs");let o=require("react/jsx-runtime"),s=require("react-hook-form");var c=[{label:`Draft`,value:`draft`},{label:`Review`,value:`review`},{label:`Live`,value:`live`}],l=[{value:`workspace-alpha`,label:`Workspace Alpha`,description:`Core design system route`},{value:`workspace-beta`,label:`Workspace Beta`,description:`CRM rollout workspace`},{value:`workspace-gamma`,label:`Workspace Gamma`,description:`Billing and pricing flows`}];function u(e){let t=e.trim().toLowerCase();return Promise.resolve(l.filter(e=>!t||e.label.toLowerCase().includes(t)).map(e=>({...e})))}function d(e){let t=l.find(t=>t.value===e);return Promise.resolve(t?{...t}:null)}function f({mode:f}){let p=(0,s.useForm)({defaultValues:{name:`Azamat UI`,ownerPhone:`+998 90 123 45 67`,budget:120,notes:`RHF wrapper coverage for control, name, and validation.`,active:!0,query:`billing`,password:``,dueDate:`2026-07-18`,period:{from:`2026-07-01`,to:`2026-07-14`},periodFrom:`2026-07-01`,periodTo:`2026-07-14`,status:`review`,ownerId:`workspace-alpha`}}),m=(0,s.useWatch)({control:p.control,name:`active`}),h=typeof window>`u`?void 0:window.location.pathname.split(`/`).filter(Boolean).at(-1);return h===`form-select`||h===`form-async-select`?(0,o.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,o.jsx)(r.FormSelect,{control:p.control,name:`status`,label:`Release status`,options:[...c]}),(0,o.jsx)(r.FormSelect,{control:p.control,name:`ownerId`,kind:`async`,label:`Linked workspace`,defaultOptions:l.map(e=>({...e})),loadOptions:u,loadSelectedOption:d})]}):(0,o.jsxs)(`form`,{className:`space-y-5`,children:[(0,o.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,o.jsx)(n.FormInput,{control:p.control,name:`name`,label:`Workspace name`,description:`Shared shell keeps required marker, helper text and error spacing aligned.`,required:!0}),(0,o.jsx)(n.FormInput,{control:p.control,name:`ownerPhone`,kind:`phone`,label:`Owner phone`}),(0,o.jsx)(n.FormInput,{control:p.control,name:`budget`,kind:`number`,label:`Budget`,min:0,max:999999}),(0,o.jsx)(a.FormTextarea,{control:p.control,name:`notes`,label:`Notes`,rows:3})]}),(0,o.jsx)(i.FormSwitch,{control:p.control,name:`active`,label:`Active`}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,o.jsx)(e.Button,{type:`button`,children:`Save`}),(0,o.jsx)(e.Button,{type:`button`,variant:`outline`,onClick:()=>p.reset(),children:`Reset`}),(0,o.jsx)(t.Badge,{variant:`outline`,children:f===`playground`?`Interactive`:m?`Active`:`Paused`})]})]})}exports.FormWrapperShowcase=f;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/button/index.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/form/form-input.cjs"),r=require("../../../components/form/form-select.cjs"),i=require("../../../components/form/form-switch.cjs"),a=require("../../../components/form/form-textarea.cjs");let o=require("react/jsx-runtime"),s=require("react-hook-form");var c=[{label:`Draft`,value:`draft`},{label:`Review`,value:`review`},{label:`Live`,value:`live`}],l=[{value:`workspace-alpha`,label:`Workspace Alpha`,description:`Core design system route`},{value:`workspace-beta`,label:`Workspace Beta`,description:`CRM rollout workspace`},{value:`workspace-gamma`,label:`Workspace Gamma`,description:`Billing and pricing flows`}];function u(e){let t=e.trim().toLowerCase();return Promise.resolve(l.filter(e=>!t||e.label.toLowerCase().includes(t)).map(e=>({...e})))}function d(e){let t=l.find(t=>t.value===e);return Promise.resolve(t?{...t}:null)}function f({mode:f}){let p=(0,s.useForm)({defaultValues:{name:`Tembro`,ownerPhone:`+998 90 123 45 67`,budget:120,notes:`RHF wrapper coverage for control, name, and validation.`,active:!0,query:`billing`,password:``,dueDate:`2026-07-18`,period:{from:`2026-07-01`,to:`2026-07-14`},periodFrom:`2026-07-01`,periodTo:`2026-07-14`,status:`review`,ownerId:`workspace-alpha`}}),m=(0,s.useWatch)({control:p.control,name:`active`}),h=typeof window>`u`?void 0:window.location.pathname.split(`/`).filter(Boolean).at(-1);return h===`form-select`||h===`form-async-select`?(0,o.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,o.jsx)(r.FormSelect,{control:p.control,name:`status`,label:`Release status`,options:[...c]}),(0,o.jsx)(r.FormSelect,{control:p.control,name:`ownerId`,kind:`async`,label:`Linked workspace`,defaultOptions:l.map(e=>({...e})),loadOptions:u,loadSelectedOption:d})]}):(0,o.jsxs)(`form`,{className:`space-y-5`,children:[(0,o.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,o.jsx)(n.FormInput,{control:p.control,name:`name`,label:`Workspace name`,description:`Shared shell keeps required marker, helper text and error spacing aligned.`,required:!0}),(0,o.jsx)(n.FormInput,{control:p.control,name:`ownerPhone`,kind:`phone`,label:`Owner phone`}),(0,o.jsx)(n.FormInput,{control:p.control,name:`budget`,kind:`number`,label:`Budget`,min:0,max:999999}),(0,o.jsx)(a.FormTextarea,{control:p.control,name:`notes`,label:`Notes`,rows:3})]}),(0,o.jsx)(i.FormSwitch,{control:p.control,name:`active`,label:`Active`}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,o.jsx)(e.Button,{type:`button`,children:`Save`}),(0,o.jsx)(e.Button,{type:`button`,variant:`outline`,onClick:()=>p.reset(),children:`Reset`}),(0,o.jsx)(t.Badge,{variant:`outline`,children:f===`playground`?`Interactive`:m?`Active`:`Paused`})]})]})}exports.FormWrapperShowcase=f;

package/dist/src/showcase/premium/form-wrapper/showcase.js

@@ -47,7 +47,7 @@ function p(e) {
 }
 function m({ mode: m }) {
 	let h = c({ defaultValues: {
-		name: "Azamat UI",
+		name: "Tembro",
 		ownerPhone: "+998 90 123 45 67",
 		budget: 120,
 		notes: "RHF wrapper coverage for control, name, and validation.",

package/dist/src/showcase/premium/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require("./data-table/showcase.cjs"),te=require("./data-table/mock.cjs"),ne=require("./alert/showcase.cjs"),re=require("./alert/mock.cjs"),ie=require("./alert-dialog/showcase.cjs"),ae=require("./alert-dialog/mock.cjs"),oe=require("./activity-feed/showcase.cjs"),se=require("./activity-feed/mock.cjs"),e=require("./action-menu/showcase.cjs"),t=require("./action-menu/mock.cjs"),n=require("./app-sidebar/showcase.cjs"),r=require("./app-sidebar/mock.cjs"),i=require("./async-select/showcase.cjs"),a=require("./async-select/mock.cjs"),o=require("./async-multi-select/showcase.cjs"),s=require("./async-multi-select/mock.cjs"),c=require("./avatar/mock.cjs"),l=require("./avatar/showcase.cjs"),u=require("./carousel/mock.cjs"),d=require("./carousel/showcase.cjs"),f=require("./color-picker/mock.cjs"),p=require("./color-picker/showcase.cjs"),m=require("./json-input/mock.cjs"),h=require("./json-input/showcase.cjs"),g=require("./badge/showcase.cjs"),_=require("./badge/mock.cjs"),v=require("./divider/mock.cjs"),y=require("./divider/showcase.cjs"),b=require("./breadcrumbs/showcase.cjs"),x=require("./breadcrumbs/mock.cjs"),S=require("./button/showcase.cjs"),C=require("./button/mock.cjs"),w=require("./button-group/showcase.cjs"),T=require("./button-group/mock.cjs"),E=require("./calendar/showcase.cjs"),D=require("./calendar/mock.cjs"),O=require("./calendar-scheduler/mock.cjs"),k=require("./calendar-scheduler/showcase.cjs"),A=require("./card/showcase.cjs"),j=require("./card/mock.cjs"),M=require("./checkbox/showcase.cjs"),N=require("./checkbox/mock.cjs"),P=require("./code-block/mock.cjs"),F=require("./code-block/showcase.cjs"),I=require("./dual-list-picker/mock.cjs"),L=require("./dual-list-picker/showcase.cjs"),R=require("./collapse/showcase.cjs"),z=require("./collapse/mock.cjs"),B=require("./command-palette/showcase.cjs"),V=require("./command-palette/mock.cjs"),H=require("./confirm-dialog/showcase.cjs"),U=require("./confirm-dialog/mock.cjs"),W=require("./copy-button/mock.cjs"),G=require("./copy-button/showcase.cjs"),K=require("./data-state/mock.cjs"),ce=require("./data-state/showcase.cjs"),le=require("./date-picker/showcase.cjs"),ue=require("./date-picker/mock.cjs"),de=require("./date-range-picker/showcase.cjs"),fe=require("./date-range-picker/mock.cjs"),pe=require("./description-list/showcase.cjs"),me=require("./description-list/mock.cjs"),he=require("./dialog/showcase.cjs"),ge=require("./dialog/mock.cjs"),_e=require("./dropdown-menu/showcase.cjs"),ve=require("./dropdown-menu/mock.cjs"),ye=require("./drawer/showcase.cjs"),be=require("./drawer/mock.cjs"),q=require("./form-wrapper/showcase.cjs"),J=require("./form-wrapper/mock.cjs"),xe=require("./kanban-board/mock.cjs"),Se=require("./kanban-board/showcase.cjs"),Ce=require("./info-card/showcase.cjs"),we=require("./info-card/mock.cjs"),Te=require("./image-cropper/mock.cjs"),Ee=require("./image-cropper/showcase.cjs"),Y=require("./input/showcase.cjs"),X=require("./input/mock.cjs"),De=require("./kbd/showcase.cjs"),Oe=require("./kbd/mock.cjs"),ke=require("./list/mock.cjs"),Ae=require("./list/showcase.cjs"),je=require("./loading-state/showcase.cjs"),Me=require("./loading-state/mock.cjs"),Ne=require("./time-picker/mock.cjs"),Pe=require("./time-picker/showcase.cjs"),Fe=require("./resizable-panel/mock.cjs"),Ie=require("./resizable-panel/showcase.cjs"),Z=require("./notification-center/showcase.cjs"),Le=require("./notification-center/mock.cjs"),Re=require("./otp-input/showcase.cjs"),ze=require("./otp-input/mock.cjs"),Be=require("./section/mock.cjs"),Ve=require("./section/showcase.cjs"),He=require("./page-state/showcase.cjs"),Ue=require("./page-state/mock.cjs"),We=require("./pagination/showcase.cjs"),Ge=require("./pagination/mock.cjs"),Ke=require("./popover/showcase.cjs"),qe=require("./popover/mock.cjs"),Q=require("./progress/showcase.cjs"),$=require("./progress/mock.cjs"),Je=require("./qr-code/mock.cjs"),Ye=require("./qr-code/showcase.cjs"),Xe=require("./radio-group/showcase.cjs"),Ze=require("./radio-group/mock.cjs"),Qe=require("./right-click-menu/showcase.cjs"),$e=require("./right-click-menu/mock.cjs"),et=require("./rich-text-editor/mock.cjs"),tt=require("./rich-text-editor/showcase.cjs"),nt=require("./scroll-box/showcase.cjs"),rt=require("./scroll-box/mock.cjs"),it=require("./saved-filter-select/showcase.cjs"),at=require("./saved-filter-select/mock.cjs"),ot=require("./sortable-list/mock.cjs"),st=require("./sortable-list/showcase.cjs"),ct=require("./signature-pad/mock.cjs"),lt=require("./signature-pad/showcase.cjs"),ut=require("./segmented-control/mock.cjs"),dt=require("./segmented-control/showcase.cjs"),ft=require("./select/showcase.cjs"),pt=require("./select/mock.cjs"),mt=require("./slider/showcase.cjs"),ht=require("./slider/mock.cjs"),gt=require("./skeleton/mock.cjs"),_t=require("./skeleton/showcase.cjs"),vt=require("./spinner/mock.cjs"),yt=require("./spinner/showcase.cjs"),bt=require("./statistic/mock.cjs"),xt=require("./statistic/showcase.cjs"),St=require("./switch/showcase.cjs"),Ct=require("./switch/mock.cjs"),wt=require("./tag-input/showcase.cjs"),Tt=require("./tag-input/mock.cjs"),Et=require("./table/showcase.cjs"),Dt=require("./table/mock.cjs"),Ot=require("./tabs/showcase.cjs"),kt=require("./tabs/mock.cjs"),At=require("./textarea/showcase.cjs"),jt=require("./textarea/mock.cjs"),Mt=require("./timeline/showcase.cjs"),Nt=require("./timeline/mock.cjs"),Pt=require("./tag/mock.cjs"),Ft=require("./tag/showcase.cjs"),It=require("./typography/mock.cjs"),Lt=require("./typography/showcase.cjs"),Rt=require("./tree-view/mock.cjs"),zt=require("./tree-view/showcase.cjs"),Bt=require("./toast/showcase.cjs"),Vt=require("./toast/mock.cjs"),Ht=require("./tooltip/showcase.cjs"),Ut=require("./tooltip/mock.cjs"),Wt=require("./file-upload/showcase.cjs"),Gt=require("./file-upload/mock.cjs"),Kt=require("./image-upload/showcase.cjs"),qt=require("./image-upload/mock.cjs"),Jt=require("./rating/showcase.cjs"),Yt=require("./rating/mock.cjs"),Xt=require("./virtual-list/mock.cjs"),Zt=require("./virtual-list/showcase.cjs"),Qt=require("./types.cjs");var $t={alert:{mock:re.alertMock,Showcase:ne.AlertShowcase},"alert-dialog":{mock:ae.alertDialogMock,Showcase:ie.AlertDialogShowcase},"action-menu":{mock:t.actionMenuMock,Showcase:e.ActionMenuShowcase},button:{mock:C.buttonMock,Showcase:S.ButtonShowcase},"button-group":{mock:T.buttonGroupMock,Showcase:w.ButtonGroupShowcase},calendar:{mock:D.calendarMock,Showcase:E.CalendarShowcase},"calendar-scheduler":{mock:O.calendarSchedulerMock,Showcase:k.CalendarSchedulerShowcase},"command-palette":{mock:V.commandPaletteMock,Showcase:B.CommandPaletteShowcase},carousel:{mock:u.carouselMock,Showcase:d.CarouselShowcase},"color-picker":{mock:f.colorPickerMock,Showcase:p.ColorPickerShowcase},"code-block":{mock:P.codeBlockMock,Showcase:F.CodeBlockShowcase},"dual-list-picker":{mock:I.dualListPickerMock,Showcase:L.DualListPickerShowcase},divider:{mock:v.dividerMock,Showcase:y.DividerShowcase},input:{mock:X.inputMock,Showcase:Y.InputShowcase},"number-input":{mock:X.inputMock,Showcase:Y.InputShowcase},textarea:{mock:jt.textareaMock,Showcase:At.TextareaShowcase},select:{mock:pt.selectMock,Showcase:ft.SelectShowcase},"radio-group":{mock:Ze.radioGroupMock,Showcase:Xe.RadioGroupShowcase},"async-select":{mock:a.asyncSelectMock,Showcase:i.AsyncSelectShowcase},"async-multi-select":{mock:s.asyncMultiSelectMock,Showcase:o.AsyncMultiSelectShowcase},avatar:{mock:c.avatarMock,Showcase:l.AvatarShowcase},"date-picker":{mock:ue.datePickerMock,Showcase:le.DatePickerShowcase},"date-range-picker":{mock:fe.dateRangePickerMock,Showcase:de.DateRangePickerShowcase},"description-list":{mock:me.descriptionListMock,Showcase:pe.DescriptionListShowcase},drawer:{mock:be.drawerMock,Showcase:ye.DrawerShowcase},"json-input":{mock:m.jsonInputMock,Showcase:h.JsonInputShowcase},kanban:{mock:xe.kanbanBoardMock,Showcase:Se.KanbanBoardShowcase},"otp-input":{mock:ze.otpInputMock,Showcase:Re.OtpInputShowcase},"qr-code":{mock:Je.qrCodeMock,Showcase:Ye.QRCodeShowcase},rating:{mock:Yt.ratingMock,Showcase:Jt.RatingShowcase},"signature-pad":{mock:ct.signaturePadMock,Showcase:lt.SignaturePadShowcase},slider:{mock:ht.sliderMock,Showcase:mt.SliderShowcase},"time-picker":{mock:Ne.timePickerMock,Showcase:Pe.TimePickerShowcase},"tag-input":{mock:Tt.tagInputMock,Showcase:wt.TagInputShowcase},"dropdown-menu":{mock:ve.dropdownMenuMock,Showcase:_e.DropdownMenuShowcase},"confirm-dialog":{mock:U.confirmDialogMock,Showcase:H.ConfirmDialogShowcase},checkbox:{mock:N.checkboxMock,Showcase:M.CheckboxShowcase},"copy-button":{mock:W.copyButtonMock,Showcase:G.CopyButtonShowcase},switch:{mock:Ct.switchMock,Showcase:St.SwitchShowcase},badge:{mock:_.badgeMock,Showcase:g.BadgeShowcase},card:{mock:j.cardMock,Showcase:A.CardShowcase},tabs:{mock:kt.tabsMock,Showcase:Ot.TabsShowcase},collapse:{mock:z.collapseMock,Showcase:R.CollapseShowcase},kbd:{mock:Oe.kbdMock,Showcase:De.KbdShowcase},dialog:{mock:ge.dialogMock,Showcase:he.DialogShowcase},popover:{mock:qe.popoverMock,Showcase:Ke.PopoverShowcase},tooltip:{mock:Ut.tooltipMock,Showcase:Ht.TooltipShowcase},"right-click-menu":{mock:$e.rightClickMenuMock,Showcase:Qe.RightClickMenuShowcase},"rich-text-editor":{mock:et.richTextEditorMock,Showcase:tt.RichTextEditorShowcase},"data-table":{mock:te.dataTableMock,Showcase:ee.DataTableShowcase},"saved-filter-select":{mock:at.savedFilterSelectMock,Showcase:it.SavedFilterSelectShowcase},"sortable-list":{mock:ot.sortableListMock,Showcase:st.SortableListShowcase},"form-field":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-field-shell":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-input":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-select":{mock:J.formSelectMock,Showcase:q.FormWrapperShowcase},"form-textarea":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-switch":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-date-range-input":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-date-picker":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-date-range-picker":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"segmented-control":{mock:ut.segmentedControlMock,Showcase:dt.SegmentedControlShowcase},skeleton:{mock:gt.skeletonMock,Showcase:_t.SkeletonShowcase},spinner:{mock:vt.spinnerMock,Showcase:yt.SpinnerShowcase},table:{mock:Dt.tableMock,Showcase:Et.TableShowcase},sidebar:{mock:r.appSidebarMock,Showcase:n.AppSidebarShowcase},breadcrumbs:{mock:x.breadcrumbsMock,Showcase:b.BreadcrumbsShowcase},"page-state":{mock:Ue.pageStateMock,Showcase:He.PageStateShowcase},pagination:{mock:Ge.paginationMock,Showcase:We.PaginationShowcase},"notification-center":{mock:Le.notificationCenterMock,Showcase:Z.NotificationCenterShowcase},"info-card":{mock:we.infoCardMock,Showcase:Ce.InfoCardShowcase},"image-cropper":{mock:Te.imageCropperMock,Showcase:Ee.ImageCropperShowcase},list:{mock:ke.listMock,Showcase:Ae.ListShowcase},"activity-feed":{mock:se.activityFeedMock,Showcase:oe.ActivityFeedShowcase},"loading-state":{mock:Me.loadingStateMock,Showcase:je.LoadingStateShowcase},"data-state":{mock:K.dataStateMock,Showcase:ce.DataStateShowcase},progress:{mock:$.progressMock,Showcase:Q.ProgressShowcase},"progress-circle":{mock:$.progressMock,Showcase:Q.ProgressShowcase},"resizable-panel":{mock:Fe.resizablePanelMock,Showcase:Ie.ResizablePanelShowcase},section:{mock:Be.sectionMock,Showcase:Ve.SectionShowcase},statistic:{mock:bt.statisticMock,Showcase:xt.StatisticShowcase},tag:{mock:Pt.tagMock,Showcase:Ft.TagShowcase},typography:{mock:It.typographyMock,Showcase:Lt.TypographyShowcase},"tree-view":{mock:Rt.treeViewMock,Showcase:zt.TreeViewShowcase},"file-upload":{mock:Gt.fileUploadMock,Showcase:Wt.FileUploadShowcase},"image-upload":{mock:qt.imageUploadMock,Showcase:Kt.ImageUploadShowcase},"scroll-box":{mock:rt.scrollBoxMock,Showcase:nt.ScrollBoxShowcase},timeline:{mock:Nt.timelineMock,Showcase:Mt.TimelineShowcase},toast:{mock:Vt.toastMock,Showcase:Bt.ToastShowcase},"virtual-list":{mock:Xt.virtualListMock,Showcase:Zt.VirtualListShowcase}};exports.defaultComponentDemoState=Qt.defaultComponentDemoState,exports.premiumShowcaseDemoRegistry=$t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require("./data-table/showcase.cjs"),te=require("./data-table/mock.cjs"),ne=require("./alert/showcase.cjs"),re=require("./alert/mock.cjs"),ie=require("./alert-dialog/showcase.cjs"),ae=require("./alert-dialog/mock.cjs"),oe=require("./activity-feed/showcase.cjs"),se=require("./activity-feed/mock.cjs"),e=require("./action-menu/showcase.cjs"),t=require("./action-menu/mock.cjs"),n=require("./app-sidebar/showcase.cjs"),r=require("./app-sidebar/mock.cjs"),i=require("./async-select/showcase.cjs"),a=require("./async-select/mock.cjs"),o=require("./async-multi-select/showcase.cjs"),s=require("./async-multi-select/mock.cjs"),c=require("./avatar/mock.cjs"),l=require("./avatar/showcase.cjs"),u=require("./carousel/mock.cjs"),d=require("./carousel/showcase.cjs"),f=require("./color-picker/mock.cjs"),p=require("./color-picker/showcase.cjs"),m=require("./json-input/mock.cjs"),h=require("./json-input/showcase.cjs"),g=require("./badge/showcase.cjs"),_=require("./badge/mock.cjs"),v=require("./divider/mock.cjs"),y=require("./divider/showcase.cjs"),b=require("./breadcrumbs/showcase.cjs"),x=require("./breadcrumbs/mock.cjs"),S=require("./button/showcase.cjs"),C=require("./button/mock.cjs"),w=require("./button-group/showcase.cjs"),T=require("./button-group/mock.cjs"),E=require("./calendar/showcase.cjs"),D=require("./calendar/mock.cjs"),O=require("./calendar-scheduler/mock.cjs"),k=require("./calendar-scheduler/showcase.cjs"),A=require("./card/showcase.cjs"),j=require("./card/mock.cjs"),M=require("./checkbox/showcase.cjs"),N=require("./checkbox/mock.cjs"),P=require("./code-block/mock.cjs"),F=require("./code-block/showcase.cjs"),I=require("./dual-list-picker/mock.cjs"),L=require("./dual-list-picker/showcase.cjs"),R=require("./collapse/showcase.cjs"),z=require("./collapse/mock.cjs"),B=require("./command-palette/showcase.cjs"),V=require("./command-palette/mock.cjs"),H=require("./confirm-dialog/showcase.cjs"),U=require("./confirm-dialog/mock.cjs"),W=require("./copy-button/mock.cjs"),G=require("./copy-button/showcase.cjs"),K=require("./data-state/mock.cjs"),ce=require("./data-state/showcase.cjs"),le=require("./date-picker/showcase.cjs"),ue=require("./date-picker/mock.cjs"),de=require("./date-range-picker/showcase.cjs"),fe=require("./date-range-picker/mock.cjs"),pe=require("./description-list/showcase.cjs"),me=require("./description-list/mock.cjs"),he=require("./dialog/showcase.cjs"),ge=require("./dialog/mock.cjs"),_e=require("./dropdown-menu/showcase.cjs"),ve=require("./dropdown-menu/mock.cjs"),ye=require("./drawer/showcase.cjs"),be=require("./drawer/mock.cjs"),q=require("./form-wrapper/showcase.cjs"),J=require("./form-wrapper/mock.cjs"),xe=require("./kanban-board/mock.cjs"),Se=require("./kanban-board/showcase.cjs"),Ce=require("./info-card/showcase.cjs"),we=require("./info-card/mock.cjs"),Te=require("./image-cropper/mock.cjs"),Ee=require("./image-cropper/showcase.cjs"),Y=require("./input/showcase.cjs"),X=require("./input/mock.cjs"),De=require("./kbd/showcase.cjs"),Oe=require("./kbd/mock.cjs"),ke=require("./list/mock.cjs"),Ae=require("./list/showcase.cjs"),je=require("./loading-state/showcase.cjs"),Me=require("./loading-state/mock.cjs"),Ne=require("./time-picker/mock.cjs"),Pe=require("./time-picker/showcase.cjs"),Fe=require("./resizable-panel/mock.cjs"),Ie=require("./resizable-panel/showcase.cjs"),Z=require("./notification-center/showcase.cjs"),Le=require("./notification-center/mock.cjs"),Re=require("./otp-input/showcase.cjs"),ze=require("./otp-input/mock.cjs"),Be=require("./section/mock.cjs"),Ve=require("./section/showcase.cjs"),He=require("./page-state/showcase.cjs"),Ue=require("./page-state/mock.cjs"),We=require("./pagination/showcase.cjs"),Ge=require("./pagination/mock.cjs"),Ke=require("./popover/showcase.cjs"),qe=require("./popover/mock.cjs"),Q=require("./progress/showcase.cjs"),$=require("./progress/mock.cjs"),Je=require("./qr-code/mock.cjs"),Ye=require("./qr-code/showcase.cjs"),Xe=require("./radio-group/showcase.cjs"),Ze=require("./radio-group/mock.cjs"),Qe=require("./right-click-menu/showcase.cjs"),$e=require("./right-click-menu/mock.cjs"),et=require("./rich-text-editor/mock.cjs"),tt=require("./rich-text-editor/showcase.cjs"),nt=require("./scroll-box/showcase.cjs"),rt=require("./scroll-box/mock.cjs"),it=require("./saved-filter-select/showcase.cjs"),at=require("./saved-filter-select/mock.cjs"),ot=require("./sortable-list/mock.cjs"),st=require("./sortable-list/showcase.cjs"),ct=require("./signature-pad/mock.cjs"),lt=require("./signature-pad/showcase.cjs"),ut=require("./segmented-control/mock.cjs"),dt=require("./segmented-control/showcase.cjs"),ft=require("./select/showcase.cjs"),pt=require("./select/mock.cjs"),mt=require("./slider/showcase.cjs"),ht=require("./slider/mock.cjs"),gt=require("./skeleton/mock.cjs"),_t=require("./skeleton/showcase.cjs"),vt=require("./spinner/mock.cjs"),yt=require("./spinner/showcase.cjs"),bt=require("./statistic/mock.cjs"),xt=require("./statistic/showcase.cjs"),St=require("./switch/showcase.cjs"),Ct=require("./switch/mock.cjs"),wt=require("./tag-input/showcase.cjs"),Tt=require("./tag-input/mock.cjs"),Et=require("./table/showcase.cjs"),Dt=require("./table/mock.cjs"),Ot=require("./tabs/showcase.cjs"),kt=require("./tabs/mock.cjs"),At=require("./textarea/showcase.cjs"),jt=require("./textarea/mock.cjs"),Mt=require("./timeline/showcase.cjs"),Nt=require("./timeline/mock.cjs"),Pt=require("./tag/mock.cjs"),Ft=require("./tag/showcase.cjs"),It=require("./typography/mock.cjs"),Lt=require("./typography/showcase.cjs"),Rt=require("./tree-view/mock.cjs"),zt=require("./tree-view/showcase.cjs"),Bt=require("./toast/showcase.cjs"),Vt=require("./toast/mock.cjs"),Ht=require("./tooltip/showcase.cjs"),Ut=require("./tooltip/mock.cjs"),Wt=require("./file-upload/showcase.cjs"),Gt=require("./file-upload/mock.cjs"),Kt=require("./image-upload/showcase.cjs"),qt=require("./image-upload/mock.cjs"),Jt=require("./rating/showcase.cjs"),Yt=require("./rating/mock.cjs"),Xt=require("./virtual-list/mock.cjs"),Zt=require("./virtual-list/showcase.cjs"),Qt=require("./wizard/mock.cjs"),$t=require("./wizard/showcase.cjs"),en=require("./types.cjs");var tn={alert:{mock:re.alertMock,Showcase:ne.AlertShowcase},"alert-dialog":{mock:ae.alertDialogMock,Showcase:ie.AlertDialogShowcase},"action-menu":{mock:t.actionMenuMock,Showcase:e.ActionMenuShowcase},button:{mock:C.buttonMock,Showcase:S.ButtonShowcase},"button-group":{mock:T.buttonGroupMock,Showcase:w.ButtonGroupShowcase},calendar:{mock:D.calendarMock,Showcase:E.CalendarShowcase},"calendar-scheduler":{mock:O.calendarSchedulerMock,Showcase:k.CalendarSchedulerShowcase},"command-palette":{mock:V.commandPaletteMock,Showcase:B.CommandPaletteShowcase},carousel:{mock:u.carouselMock,Showcase:d.CarouselShowcase},"color-picker":{mock:f.colorPickerMock,Showcase:p.ColorPickerShowcase},"code-block":{mock:P.codeBlockMock,Showcase:F.CodeBlockShowcase},"dual-list-picker":{mock:I.dualListPickerMock,Showcase:L.DualListPickerShowcase},divider:{mock:v.dividerMock,Showcase:y.DividerShowcase},input:{mock:X.inputMock,Showcase:Y.InputShowcase},"number-input":{mock:X.inputMock,Showcase:Y.InputShowcase},textarea:{mock:jt.textareaMock,Showcase:At.TextareaShowcase},select:{mock:pt.selectMock,Showcase:ft.SelectShowcase},"radio-group":{mock:Ze.radioGroupMock,Showcase:Xe.RadioGroupShowcase},"async-select":{mock:a.asyncSelectMock,Showcase:i.AsyncSelectShowcase},"async-multi-select":{mock:s.asyncMultiSelectMock,Showcase:o.AsyncMultiSelectShowcase},avatar:{mock:c.avatarMock,Showcase:l.AvatarShowcase},"date-picker":{mock:ue.datePickerMock,Showcase:le.DatePickerShowcase},"date-range-picker":{mock:fe.dateRangePickerMock,Showcase:de.DateRangePickerShowcase},"description-list":{mock:me.descriptionListMock,Showcase:pe.DescriptionListShowcase},drawer:{mock:be.drawerMock,Showcase:ye.DrawerShowcase},"json-input":{mock:m.jsonInputMock,Showcase:h.JsonInputShowcase},kanban:{mock:xe.kanbanBoardMock,Showcase:Se.KanbanBoardShowcase},"otp-input":{mock:ze.otpInputMock,Showcase:Re.OtpInputShowcase},"qr-code":{mock:Je.qrCodeMock,Showcase:Ye.QRCodeShowcase},rating:{mock:Yt.ratingMock,Showcase:Jt.RatingShowcase},"signature-pad":{mock:ct.signaturePadMock,Showcase:lt.SignaturePadShowcase},slider:{mock:ht.sliderMock,Showcase:mt.SliderShowcase},"time-picker":{mock:Ne.timePickerMock,Showcase:Pe.TimePickerShowcase},"tag-input":{mock:Tt.tagInputMock,Showcase:wt.TagInputShowcase},"dropdown-menu":{mock:ve.dropdownMenuMock,Showcase:_e.DropdownMenuShowcase},"confirm-dialog":{mock:U.confirmDialogMock,Showcase:H.ConfirmDialogShowcase},checkbox:{mock:N.checkboxMock,Showcase:M.CheckboxShowcase},"copy-button":{mock:W.copyButtonMock,Showcase:G.CopyButtonShowcase},switch:{mock:Ct.switchMock,Showcase:St.SwitchShowcase},badge:{mock:_.badgeMock,Showcase:g.BadgeShowcase},card:{mock:j.cardMock,Showcase:A.CardShowcase},tabs:{mock:kt.tabsMock,Showcase:Ot.TabsShowcase},collapse:{mock:z.collapseMock,Showcase:R.CollapseShowcase},kbd:{mock:Oe.kbdMock,Showcase:De.KbdShowcase},dialog:{mock:ge.dialogMock,Showcase:he.DialogShowcase},popover:{mock:qe.popoverMock,Showcase:Ke.PopoverShowcase},tooltip:{mock:Ut.tooltipMock,Showcase:Ht.TooltipShowcase},"right-click-menu":{mock:$e.rightClickMenuMock,Showcase:Qe.RightClickMenuShowcase},"rich-text-editor":{mock:et.richTextEditorMock,Showcase:tt.RichTextEditorShowcase},"data-table":{mock:te.dataTableMock,Showcase:ee.DataTableShowcase},"saved-filter-select":{mock:at.savedFilterSelectMock,Showcase:it.SavedFilterSelectShowcase},"sortable-list":{mock:ot.sortableListMock,Showcase:st.SortableListShowcase},"form-field":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-field-shell":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-input":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-select":{mock:J.formSelectMock,Showcase:q.FormWrapperShowcase},"form-textarea":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-switch":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-date-range-input":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-date-picker":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"form-date-range-picker":{mock:J.formRHFWrapperMock,Showcase:q.FormWrapperShowcase},"segmented-control":{mock:ut.segmentedControlMock,Showcase:dt.SegmentedControlShowcase},skeleton:{mock:gt.skeletonMock,Showcase:_t.SkeletonShowcase},spinner:{mock:vt.spinnerMock,Showcase:yt.SpinnerShowcase},table:{mock:Dt.tableMock,Showcase:Et.TableShowcase},sidebar:{mock:r.appSidebarMock,Showcase:n.AppSidebarShowcase},breadcrumbs:{mock:x.breadcrumbsMock,Showcase:b.BreadcrumbsShowcase},"page-state":{mock:Ue.pageStateMock,Showcase:He.PageStateShowcase},pagination:{mock:Ge.paginationMock,Showcase:We.PaginationShowcase},"notification-center":{mock:Le.notificationCenterMock,Showcase:Z.NotificationCenterShowcase},"info-card":{mock:we.infoCardMock,Showcase:Ce.InfoCardShowcase},"image-cropper":{mock:Te.imageCropperMock,Showcase:Ee.ImageCropperShowcase},list:{mock:ke.listMock,Showcase:Ae.ListShowcase},"activity-feed":{mock:se.activityFeedMock,Showcase:oe.ActivityFeedShowcase},"loading-state":{mock:Me.loadingStateMock,Showcase:je.LoadingStateShowcase},"data-state":{mock:K.dataStateMock,Showcase:ce.DataStateShowcase},progress:{mock:$.progressMock,Showcase:Q.ProgressShowcase},"progress-circle":{mock:$.progressMock,Showcase:Q.ProgressShowcase},"resizable-panel":{mock:Fe.resizablePanelMock,Showcase:Ie.ResizablePanelShowcase},section:{mock:Be.sectionMock,Showcase:Ve.SectionShowcase},statistic:{mock:bt.statisticMock,Showcase:xt.StatisticShowcase},tag:{mock:Pt.tagMock,Showcase:Ft.TagShowcase},typography:{mock:It.typographyMock,Showcase:Lt.TypographyShowcase},"tree-view":{mock:Rt.treeViewMock,Showcase:zt.TreeViewShowcase},"file-upload":{mock:Gt.fileUploadMock,Showcase:Wt.FileUploadShowcase},"image-upload":{mock:qt.imageUploadMock,Showcase:Kt.ImageUploadShowcase},"scroll-box":{mock:rt.scrollBoxMock,Showcase:nt.ScrollBoxShowcase},timeline:{mock:Nt.timelineMock,Showcase:Mt.TimelineShowcase},toast:{mock:Vt.toastMock,Showcase:Bt.ToastShowcase},"virtual-list":{mock:Xt.virtualListMock,Showcase:Zt.VirtualListShowcase},wizard:{mock:Qt.wizardMock,Showcase:$t.WizardShowcase}};exports.defaultComponentDemoState=en.defaultComponentDemoState,exports.premiumShowcaseDemoRegistry=tn;

package/dist/src/showcase/premium/index.js

@@ -158,9 +158,11 @@ import { RatingShowcase as Yt } from "./rating/showcase.js";
 import { ratingMock as Xt } from "./rating/mock.js";
 import { virtualListMock as Zt } from "./virtual-list/mock.js";
 import { VirtualListShowcase as Qt } from "./virtual-list/showcase.js";
-import { defaultComponentDemoState as $t } from "./types.js";
+import { wizardMock as $t } from "./wizard/mock.js";
+import { WizardShowcase as en } from "./wizard/showcase.js";
+import { defaultComponentDemoState as tn } from "./types.js";
 //#region src/showcase/premium/index.ts
-var en = {
+var nn = {
 	alert: {
 		mock: re,
 		Showcase: ne
@@ -520,7 +522,11 @@ var en = {
 	"virtual-list": {
 		mock: Zt,
 		Showcase: Qt
+	},
+	wizard: {
+		mock: $t,
+		Showcase: en
 	}
 };
 //#endregion
-export { $t as defaultComponentDemoState, en as premiumShowcaseDemoRegistry };
+export { tn as defaultComponentDemoState, nn as premiumShowcaseDemoRegistry };

package/dist/src/showcase/premium/input/showcase.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/ui/input/index.cjs"),r=require("./data.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=`border-t border-[color:var(--aui-divider)] py-6`;function c({state:e,setState:c}){let l=r.inputDemoFields[0],u=e.textValue.trim().length>0,[d,f]=i.useState(`search`),p=d===`search`?l.label:`Profile contact`,m=d===`search`?l.placeholder:`owner@azamatui.dev`,h=d===`search`?`text`:`email`,[g,_]=i.useState(1250),[v,y]=i.useState(3),[b,x]=i.useState(`+998 90 123 45 67`),[S,C]=i.useState(`2026-07-13`),[w,T]=i.useState(`Azamat UI`);return(0,o.jsxs)(`div`,{className:`space-y-0`,children:[(0,o.jsxs)(`section`,{className:`pb-6`,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-end xl:justify-between`,children:[(0,o.jsxs)(`div`,{className:`max-w-xl`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Text entry`}),(0,o.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`One field should define the rhythm`}),(0,o.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Show the real input first, then verify disabled and read-only states around it.`})]}),(0,o.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]`,children:[(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Mode`}),(0,o.jsx)(`p`,{className:`mt-2 text-lg font-semibold capitalize aui-text-strong`,children:d})]}),(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Value`}),(0,o.jsx)(`p`,{className:`mt-2 truncate text-lg font-semibold aui-text-strong`,children:u?e.textValue:`Empty`})]}),(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`State`}),(0,o.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:u?`Filled`:`Ready`})]})]})]}),(0,o.jsxs)(`div`,{className:`mt-6 flex flex-wrap gap-2`,children:[(0,o.jsx)(t.Button,{size:`sm`,variant:d===`search`?`default`:`outline`,onClick:()=>f(`search`),children:`Search field`}),(0,o.jsx)(t.Button,{size:`sm`,variant:d===`profile`?`default`:`outline`,onClick:()=>f(`profile`),children:`Email field`})]})]}),(0,o.jsx)(`section`,{className:s,children:(0,o.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[minmax(0,0.92fr)_minmax(0,1.08fr)]`,children:[(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Primary field`}),(0,o.jsx)(`h4`,{className:`mt-2 text-xl font-semibold tracking-tight aui-text-strong`,children:d===`search`?`Search-driven input`:`Profile contact field`})]}),(0,o.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] p-4`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:p}),(0,o.jsx)(`div`,{className:`mt-3`,children:(0,o.jsx)(n.Input,{"aria-label":p,value:e.textValue,onChange:e=>c({textValue:e.target.value}),placeholder:m,type:h,kind:d===`search`?`search`:`text`,className:`w-full`})})]}),(0,o.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs aui-text-muted`,children:`Email sample`}),(0,o.jsx)(`div`,{className:`mt-2`,children:(0,o.jsx)(n.Input,{defaultValue:r.inputDemoFields[1].defaultValue,type:`email`,"aria-label":r.inputDemoFields[1].label})})]}),(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs aui-text-muted`,children:`Disabled sample`}),(0,o.jsx)(`div`,{className:`mt-2`,children:(0,o.jsx)(n.Input,{value:r.inputDemoFields[2].defaultValue,disabled:!0,"aria-label":r.inputDemoFields[2].label})})]})]})]}),(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,o.jsx)(a.MailIcon,{className:`size-4 aui-text-muted`}),(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Read only`}),(0,o.jsx)(`p`,{className:`mt-1 text-sm aui-text-muted`,children:r.inputDemoFields[3].label})]})]}),(0,o.jsx)(n.Input,{defaultValue:r.inputDemoFields[3].defaultValue,readOnly:!0,"aria-label":r.inputDemoFields[3].label}),(0,o.jsx)(`div`,{className:`border-y border-[color:var(--aui-divider)]`,children:[`Default field should stay legible before any decorators or wrappers are added.`,`Disabled state should look intentionally inactive without losing structure.`,`Read-only fields must remain easy to scan and copy.`,`Avoid extra shells when the real input already provides the right chrome.`].map(e=>(0,o.jsx)(`div`,{className:`border-b border-[color:var(--aui-divider)] py-3 text-sm leading-6 aui-text-muted last:border-b-0`,children:e},e))}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,o.jsx)(t.Button,{type:`button`,size:`sm`,onClick:()=>c({textValue:`Dashboard`}),children:`Fill sample`}),(0,o.jsx)(t.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>c({textValue:`finance@azamat.dev`}),children:`Email sample`}),(0,o.jsx)(t.Button,{type:`button`,size:`sm`,variant:`secondary`,onClick:()=>c({textValue:``}),children:`Clear`})]})]})]})}),(0,o.jsxs)(`section`,{className:s,"data-slot":`input-kind-showcase`,children:[(0,o.jsxs)(`div`,{className:`max-w-2xl`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Unified kind API`}),(0,o.jsx)(`h4`,{className:`mt-2 text-xl font-semibold tracking-tight aui-text-strong`,children:`One import, every production input`}),(0,o.jsxs)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:[`Change only the `,(0,o.jsx)(`code`,{children:`kind`}),` prop. Validation, disabled state, value callbacks and keyboard behavior stay in the same public component.`]})]}),(0,o.jsxs)(`div`,{className:`mt-6 grid gap-x-6 gap-y-5 md:grid-cols-2 xl:grid-cols-3`,children:[(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Password`,(0,o.jsx)(n.Input,{kind:`password`,defaultValue:`tembro-2026`,autoComplete:`current-password`}),(0,o.jsx)(`span`,{className:`text-xs font-normal aui-text-muted`,children:`Built-in visibility toggle and caps-lock feedback.`})]}),(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Numeric threshold`,(0,o.jsx)(n.Input,{kind:`number`,defaultValue:24,min:0,max:100,step:1}),(0,o.jsx)(`span`,{className:`text-xs font-normal aui-text-muted`,children:`Native limits with normalized numeric callbacks.`})]}),(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Budget`,(0,o.jsx)(n.Input,{kind:`money`,value:g,onValueChange:_,prefix:`$`,suffix:`USD`}),(0,o.jsxs)(`span`,{className:`text-xs font-normal aui-text-muted`,children:[`Current value: `,g??`empty`]})]}),(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Phone`,(0,o.jsx)(n.Input,{kind:`phone`,value:b,onValueChange:x}),(0,o.jsxs)(`span`,{className:`text-xs font-normal aui-text-muted`,children:[`Normalized value: `,b||`empty`]})]}),(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Release date`,(0,o.jsx)(n.Input,{kind:`date`,value:S,onValueChange:C}),(0,o.jsxs)(`span`,{className:`text-xs font-normal aui-text-muted`,children:[`ISO value: `,S||`empty`]})]}),(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Seats`,(0,o.jsx)(n.Input,{kind:`quantity`,value:v,onValueChange:y,min:1,max:12}),(0,o.jsx)(`span`,{className:`text-xs font-normal aui-text-muted`,children:`Use the buttons or type a value directly.`})]})]}),(0,o.jsx)(`div`,{className:`mt-6 border-t border-[color:var(--aui-divider)] pt-5`,children:(0,o.jsxs)(`label`,{className:`grid max-w-xl gap-2 text-sm font-medium aui-text-strong`,children:[`Clearable project name`,(0,o.jsx)(n.Input,{kind:`clearable`,value:w,onValueChange:T,placeholder:`Enter a project name`,clearOnEscape:!0}),(0,o.jsx)(`span`,{className:`text-xs font-normal aui-text-muted`,children:`Use the clear control or press Escape while the field is focused.`})]})})]})]})}exports.InputShowcase=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/input/index.cjs"),r=require("./data.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=`border-t border-[color:var(--aui-divider)] py-6`;function c({state:e,setState:c}){let l=r.inputDemoFields[0],u=e.textValue.trim().length>0,[d,f]=i.useState(`search`),p=d===`search`?l.label:`Profile contact`,m=d===`search`?l.placeholder:`owner@azamatui.dev`,h=d===`search`?`text`:`email`,[g,_]=i.useState(1250),[v,y]=i.useState(3),[b,x]=i.useState(`+998 90 123 45 67`),[S,C]=i.useState(`2026-07-13`),[w,T]=i.useState(`Tembro`);return(0,o.jsxs)(`div`,{className:`space-y-0`,children:[(0,o.jsxs)(`section`,{className:`pb-6`,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-end xl:justify-between`,children:[(0,o.jsxs)(`div`,{className:`max-w-xl`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Text entry`}),(0,o.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`One field should define the rhythm`}),(0,o.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Show the real input first, then verify disabled and read-only states around it.`})]}),(0,o.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]`,children:[(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Mode`}),(0,o.jsx)(`p`,{className:`mt-2 text-lg font-semibold capitalize aui-text-strong`,children:d})]}),(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Value`}),(0,o.jsx)(`p`,{className:`mt-2 truncate text-lg font-semibold aui-text-strong`,children:u?e.textValue:`Empty`})]}),(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`State`}),(0,o.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:u?`Filled`:`Ready`})]})]})]}),(0,o.jsxs)(`div`,{className:`mt-6 flex flex-wrap gap-2`,children:[(0,o.jsx)(t.Button,{size:`sm`,variant:d===`search`?`default`:`outline`,onClick:()=>f(`search`),children:`Search field`}),(0,o.jsx)(t.Button,{size:`sm`,variant:d===`profile`?`default`:`outline`,onClick:()=>f(`profile`),children:`Email field`})]})]}),(0,o.jsx)(`section`,{className:s,children:(0,o.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[minmax(0,0.92fr)_minmax(0,1.08fr)]`,children:[(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Primary field`}),(0,o.jsx)(`h4`,{className:`mt-2 text-xl font-semibold tracking-tight aui-text-strong`,children:d===`search`?`Search-driven input`:`Profile contact field`})]}),(0,o.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] p-4`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:p}),(0,o.jsx)(`div`,{className:`mt-3`,children:(0,o.jsx)(n.Input,{"aria-label":p,value:e.textValue,onChange:e=>c({textValue:e.target.value}),placeholder:m,type:h,kind:d===`search`?`search`:`text`,className:`w-full`})})]}),(0,o.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs aui-text-muted`,children:`Email sample`}),(0,o.jsx)(`div`,{className:`mt-2`,children:(0,o.jsx)(n.Input,{defaultValue:r.inputDemoFields[1].defaultValue,type:`email`,"aria-label":r.inputDemoFields[1].label})})]}),(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs aui-text-muted`,children:`Disabled sample`}),(0,o.jsx)(`div`,{className:`mt-2`,children:(0,o.jsx)(n.Input,{value:r.inputDemoFields[2].defaultValue,disabled:!0,"aria-label":r.inputDemoFields[2].label})})]})]})]}),(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,o.jsx)(a.MailIcon,{className:`size-4 aui-text-muted`}),(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Read only`}),(0,o.jsx)(`p`,{className:`mt-1 text-sm aui-text-muted`,children:r.inputDemoFields[3].label})]})]}),(0,o.jsx)(n.Input,{defaultValue:r.inputDemoFields[3].defaultValue,readOnly:!0,"aria-label":r.inputDemoFields[3].label}),(0,o.jsx)(`div`,{className:`border-y border-[color:var(--aui-divider)]`,children:[`Default field should stay legible before any decorators or wrappers are added.`,`Disabled state should look intentionally inactive without losing structure.`,`Read-only fields must remain easy to scan and copy.`,`Avoid extra shells when the real input already provides the right chrome.`].map(e=>(0,o.jsx)(`div`,{className:`border-b border-[color:var(--aui-divider)] py-3 text-sm leading-6 aui-text-muted last:border-b-0`,children:e},e))}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,o.jsx)(t.Button,{type:`button`,size:`sm`,onClick:()=>c({textValue:`Dashboard`}),children:`Fill sample`}),(0,o.jsx)(t.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>c({textValue:`finance@azamat.dev`}),children:`Email sample`}),(0,o.jsx)(t.Button,{type:`button`,size:`sm`,variant:`secondary`,onClick:()=>c({textValue:``}),children:`Clear`})]})]})]})}),(0,o.jsxs)(`section`,{className:s,"data-slot":`input-kind-showcase`,children:[(0,o.jsxs)(`div`,{className:`max-w-2xl`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Unified kind API`}),(0,o.jsx)(`h4`,{className:`mt-2 text-xl font-semibold tracking-tight aui-text-strong`,children:`One import, every production input`}),(0,o.jsxs)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:[`Change only the `,(0,o.jsx)(`code`,{children:`kind`}),` prop. Validation, disabled state, value callbacks and keyboard behavior stay in the same public component.`]})]}),(0,o.jsxs)(`div`,{className:`mt-6 grid gap-x-6 gap-y-5 md:grid-cols-2 xl:grid-cols-3`,children:[(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Password`,(0,o.jsx)(n.Input,{kind:`password`,defaultValue:`tembro-2026`,autoComplete:`current-password`}),(0,o.jsx)(`span`,{className:`text-xs font-normal aui-text-muted`,children:`Built-in visibility toggle and caps-lock feedback.`})]}),(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Numeric threshold`,(0,o.jsx)(n.Input,{kind:`number`,defaultValue:24,min:0,max:100,step:1}),(0,o.jsx)(`span`,{className:`text-xs font-normal aui-text-muted`,children:`Native limits with normalized numeric callbacks.`})]}),(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Budget`,(0,o.jsx)(n.Input,{kind:`money`,value:g,onValueChange:_,prefix:`$`,suffix:`USD`}),(0,o.jsxs)(`span`,{className:`text-xs font-normal aui-text-muted`,children:[`Current value: `,g??`empty`]})]}),(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Phone`,(0,o.jsx)(n.Input,{kind:`phone`,value:b,onValueChange:x}),(0,o.jsxs)(`span`,{className:`text-xs font-normal aui-text-muted`,children:[`Normalized value: `,b||`empty`]})]}),(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Release date`,(0,o.jsx)(n.Input,{kind:`date`,value:S,onValueChange:C}),(0,o.jsxs)(`span`,{className:`text-xs font-normal aui-text-muted`,children:[`ISO value: `,S||`empty`]})]}),(0,o.jsxs)(`label`,{className:`grid gap-2 text-sm font-medium aui-text-strong`,children:[`Seats`,(0,o.jsx)(n.Input,{kind:`quantity`,value:v,onValueChange:y,min:1,max:12}),(0,o.jsx)(`span`,{className:`text-xs font-normal aui-text-muted`,children:`Use the buttons or type a value directly.`})]})]}),(0,o.jsx)(`div`,{className:`mt-6 border-t border-[color:var(--aui-divider)] pt-5`,children:(0,o.jsxs)(`label`,{className:`grid max-w-xl gap-2 text-sm font-medium aui-text-strong`,children:[`Clearable project name`,(0,o.jsx)(n.Input,{kind:`clearable`,value:w,onValueChange:T,placeholder:`Enter a project name`,clearOnEscape:!0}),(0,o.jsx)(`span`,{className:`text-xs font-normal aui-text-muted`,children:`Use the clear control or press Escape while the field is focused.`})]})})]})]})}exports.InputShowcase=c;

package/dist/src/showcase/premium/input/showcase.js

@@ -7,7 +7,7 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/showcase/premium/input/showcase.tsx
 var s = "border-t border-[color:var(--aui-divider)] py-6";
 function c({ state: c, setState: l }) {
-	let u = n[0], d = c.textValue.trim().length > 0, [f, p] = r.useState("search"), m = f === "search" ? u.label : "Profile contact", h = f === "search" ? u.placeholder : "owner@azamatui.dev", g = f === "search" ? "text" : "email", [_, v] = r.useState(1250), [y, b] = r.useState(3), [x, S] = r.useState("+998 90 123 45 67"), [C, w] = r.useState("2026-07-13"), [T, E] = r.useState("Azamat UI");
+	let u = n[0], d = c.textValue.trim().length > 0, [f, p] = r.useState("search"), m = f === "search" ? u.label : "Profile contact", h = f === "search" ? u.placeholder : "owner@azamatui.dev", g = f === "search" ? "text" : "email", [_, v] = r.useState(1250), [y, b] = r.useState(3), [x, S] = r.useState("+998 90 123 45 67"), [C, w] = r.useState("2026-07-13"), [T, E] = r.useState("Tembro");
 	return /* @__PURE__ */ o("div", {
 		className: "space-y-0",
 		children: [

package/dist/src/showcase/premium/json-input/showcase.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/inputs/json-input.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(){let[e,i]=n.useState(`{
-  "name": "Azamat UI",
+  "name": "Tembro",
   "version": 1
 }`),[a,o]=n.useState(!0);return(0,r.jsxs)(`div`,{className:`space-y-3`,children:[(0,r.jsx)(t.JsonInput,{value:e,onValueChange:(e,t,n)=>{o(n)},onChange:e=>i(e.target.value)}),(0,r.jsx)(`p`,{className:`text-sm ${a?`text-emerald-600`:`text-destructive`}`,children:a?`JSON is valid`:`JSON is invalid`})]})}exports.JsonInputShowcase=i;

package/dist/src/showcase/premium/json-input/showcase.js

@@ -3,7 +3,7 @@ import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/showcase/premium/json-input/showcase.tsx
 function i() {
-	let [i, a] = t.useState("{\n  \"name\": \"Azamat UI\",\n  \"version\": 1\n}"), [o, s] = t.useState(!0);
+	let [i, a] = t.useState("{\n  \"name\": \"Tembro\",\n  \"version\": 1\n}"), [o, s] = t.useState(!0);
 	return /* @__PURE__ */ r("div", {
 		className: "space-y-3",
 		children: [/* @__PURE__ */ n(e, {

package/dist/src/showcase/premium/select/showcase.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/ui/badge/index.cjs"),r=require("../../../components/ui/select/index.cjs"),i=require("./data.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=`border-t border-[color:var(--aui-divider)] py-6`;function c({state:e,setState:c}){let l=i.selectDemoGroups[0].options,u=i.selectDemoGroups[1].options,d=i.selectDemoGroups[2].options,f=e.selectValue??l[0].value,p=l.find(e=>e.value===f)??l[0],m=l[1]??l[0],[h,g]=a.useState(`plan`),[_,v]=a.useState(`north`),y=p.value===`enterprise`?[[`Seats`,`Unlimited`],[`Support`,`Dedicated`],[`SLA`,`Priority`]]:p.value===`growth`?[[`Seats`,`25`],[`Support`,`Shared`],[`SLA`,`Same day`]]:[[`Seats`,`5`],[`Support`,`Email`],[`SLA`,`Standard`]];return(0,o.jsxs)(`div`,{className:`space-y-0`,children:[(0,o.jsxs)(`section`,{className:`pb-6`,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-end xl:justify-between`,children:[(0,o.jsxs)(`div`,{className:`max-w-xl`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Selection`}),(0,o.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`One clean select surface first`}),(0,o.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Show the default trigger, controlled value, and summary update in one place.`})]}),(0,o.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]`,children:[(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Choice`}),(0,o.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:p.label})]}),(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Mode`}),(0,o.jsx)(`p`,{className:`mt-2 text-lg font-semibold capitalize aui-text-strong`,children:h})]}),(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Options`}),(0,o.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:h===`plan`?l.length:u.length})]})]})]}),(0,o.jsxs)(`div`,{className:`mt-6 flex flex-wrap gap-2`,children:[(0,o.jsx)(t.Button,{size:`sm`,variant:h===`plan`?`default`:`outline`,onClick:()=>g(`plan`),children:`Default trigger`}),(0,o.jsx)(t.Button,{size:`sm`,variant:h===`density`?`default`:`outline`,onClick:()=>g(`density`),children:`Compact trigger`})]})]}),(0,o.jsx)(`section`,{className:s,children:(0,o.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[minmax(0,0.92fr)_minmax(0,1.08fr)]`,children:[(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Primary select`}),(0,o.jsx)(`h4`,{className:`mt-2 text-xl font-semibold tracking-tight aui-text-strong`,children:h===`plan`?`Standard choice trigger`:`Compact toolbar trigger`})]}),(0,o.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] p-4`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:h===`plan`?`Workspace plan`:`Toolbar density`}),(0,o.jsx)(`div`,{className:`mt-3`,children:h===`plan`?(0,o.jsx)(r.Select,{value:f,onValueChange:e=>c({selectValue:e??l[0].value}),options:l,triggerClassName:`w-full`}):(0,o.jsx)(r.Select,{defaultValue:u[0].value,options:u,size:`sm`,triggerClassName:`w-full`})})]}),(0,o.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] p-4`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Grouped searchable select`}),(0,o.jsx)(`div`,{className:`mt-3`,children:(0,o.jsx)(r.Select,{value:_,onValueChange:e=>v(e??`north`),searchable:!0,clearable:!0,placeholder:`Choose workspace`,emptyMessage:`No workspace matched`,groups:[{label:`Regions`,options:d.slice(0,2)},{label:`Operations`,options:d.slice(2)}],triggerClassName:`w-full`})})]}),(0,o.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:y.map(([e,t])=>(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs aui-text-muted`,children:e}),(0,o.jsx)(`p`,{className:`mt-1 text-sm font-medium aui-text-strong`,children:t})]},e))})]}),(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Controlled result`}),(0,o.jsx)(`h4`,{className:`mt-2 text-xl font-semibold tracking-tight aui-text-strong`,children:p.label})]}),(0,o.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:p.value})]}),(0,o.jsx)(`div`,{className:`border-y border-[color:var(--aui-divider)]`,children:[`Base Select should cover normal forms and static choices first.`,`Async and searchable variants should be documented as upgrades, not parallel defaults.`,`Controlled value must update nearby product UI immediately.`].map(e=>(0,o.jsx)(`div`,{className:`border-b border-[color:var(--aui-divider)] py-3 text-sm leading-6 aui-text-muted last:border-b-0`,children:e},e))}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,o.jsxs)(t.Button,{type:`button`,size:`sm`,onClick:()=>c({selectValue:m.value}),children:[`Choose `,m.label]}),(0,o.jsx)(t.Button,{type:`button`,size:`sm`,variant:`secondary`,onClick:()=>c({selectValue:l[0].value}),children:`Reset`})]})]})]})})]})}exports.SelectShowcase=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/badge/index.cjs"),r=require("../../../components/ui/select/index.cjs"),i=require("./data.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=`border-t border-[color:var(--aui-divider)] py-6`;function c({state:e,setState:c}){let l=i.selectDemoGroups[0].options,u=i.selectDemoGroups[1].options,d=i.selectDemoGroups[2].options,f=e.selectValue??l[0].value,p=l.find(e=>e.value===f)??l[0],m=l[1]??l[0],[h,g]=a.useState(`plan`),[_,v]=a.useState(`north`),y=p.value===`enterprise`?[[`Seats`,`Unlimited`],[`Support`,`Dedicated`],[`SLA`,`Priority`]]:p.value===`growth`?[[`Seats`,`25`],[`Support`,`Shared`],[`SLA`,`Same day`]]:[[`Seats`,`5`],[`Support`,`Email`],[`SLA`,`Standard`]];return(0,o.jsxs)(`div`,{className:`space-y-0`,children:[(0,o.jsxs)(`section`,{className:`pb-6`,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-end xl:justify-between`,children:[(0,o.jsxs)(`div`,{className:`max-w-xl`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Selection`}),(0,o.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`One clean select surface first`}),(0,o.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Show the default trigger, controlled value, and summary update in one place.`})]}),(0,o.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]`,children:[(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Choice`}),(0,o.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:p.label})]}),(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Mode`}),(0,o.jsx)(`p`,{className:`mt-2 text-lg font-semibold capitalize aui-text-strong`,children:h})]}),(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Options`}),(0,o.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:h===`plan`?l.length:u.length})]})]})]}),(0,o.jsxs)(`div`,{className:`mt-6 flex flex-wrap gap-2`,children:[(0,o.jsx)(t.Button,{size:`sm`,variant:h===`plan`?`default`:`outline`,onClick:()=>g(`plan`),children:`Default trigger`}),(0,o.jsx)(t.Button,{size:`sm`,variant:h===`density`?`default`:`outline`,onClick:()=>g(`density`),children:`Compact trigger`})]})]}),(0,o.jsx)(`section`,{className:s,children:(0,o.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[minmax(0,0.92fr)_minmax(0,1.08fr)]`,children:[(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Primary select`}),(0,o.jsx)(`h4`,{className:`mt-2 text-xl font-semibold tracking-tight aui-text-strong`,children:h===`plan`?`Standard choice trigger`:`Compact toolbar trigger`})]}),(0,o.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] p-4`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:h===`plan`?`Workspace plan`:`Toolbar density`}),(0,o.jsx)(`div`,{className:`mt-3`,children:h===`plan`?(0,o.jsx)(r.Select,{value:f,onValueChange:e=>c({selectValue:e??l[0].value}),options:l,triggerClassName:`w-full`}):(0,o.jsx)(r.Select,{defaultValue:u[0].value,options:u,size:`sm`,triggerClassName:`w-full`})})]}),(0,o.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] p-4`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Grouped searchable select`}),(0,o.jsx)(`div`,{className:`mt-3`,children:(0,o.jsx)(r.Select,{value:_,onValueChange:e=>v(e??`north`),searchable:!0,clearable:!0,placeholder:`Choose workspace`,emptyMessage:`No workspace matched`,groups:[{label:`Regions`,options:d.slice(0,2)},{label:`Operations`,options:d.slice(2)}],triggerClassName:`w-full`})})]}),(0,o.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] p-4`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Custom option renderer without duplicate check icons`}),(0,o.jsx)(`div`,{className:`mt-3`,children:(0,o.jsx)(r.Select,{defaultValue:l[1].value,options:l,showSelectedIndicator:!1,renderOption:(e,t)=>(0,o.jsxs)(`span`,{className:`flex min-w-0 flex-1 items-center justify-between gap-3`,children:[(0,o.jsxs)(`span`,{className:`min-w-0`,children:[(0,o.jsx)(`span`,{className:`block truncate font-medium`,children:e.label}),e.description?(0,o.jsx)(`span`,{className:`block truncate text-xs aui-text-muted`,children:e.description}):null]}),t.selected?(0,o.jsx)(`span`,{className:`rounded-full bg-[color:var(--aui-control-bg)] px-2 py-0.5 text-xs font-semibold`,children:`Selected`}):null]}),triggerClassName:`w-full`})})]}),(0,o.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:y.map(([e,t])=>(0,o.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`text-xs aui-text-muted`,children:e}),(0,o.jsx)(`p`,{className:`mt-1 text-sm font-medium aui-text-strong`,children:t})]},e))})]}),(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Controlled result`}),(0,o.jsx)(`h4`,{className:`mt-2 text-xl font-semibold tracking-tight aui-text-strong`,children:p.label})]}),(0,o.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:p.value})]}),(0,o.jsx)(`div`,{className:`border-y border-[color:var(--aui-divider)]`,children:[`Base Select should cover normal forms and static choices first.`,`Async and searchable variants should be documented as upgrades, not parallel defaults.`,`Controlled value must update nearby product UI immediately.`].map(e=>(0,o.jsx)(`div`,{className:`border-b border-[color:var(--aui-divider)] py-3 text-sm leading-6 aui-text-muted last:border-b-0`,children:e},e))}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,o.jsxs)(t.Button,{type:`button`,size:`sm`,onClick:()=>c({selectValue:m.value}),children:[`Choose `,m.label]}),(0,o.jsx)(t.Button,{type:`button`,size:`sm`,variant:`secondary`,onClick:()=>c({selectValue:l[0].value}),children:`Reset`})]}),(0,o.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,o.jsx)(r.Select,{value:`invalid`,onValueChange:()=>void 0,options:[{value:`invalid`,label:`Invalid selection`}],invalid:!0,triggerClassName:`w-full`}),(0,o.jsx)(r.Select,{value:`loading`,onValueChange:()=>void 0,options:[{value:`loading`,label:`Loading options`}],loading:!0,triggerClassName:`w-full`})]})]})]})})]})}exports.SelectShowcase=c;

package/dist/src/showcase/premium/select/showcase.js

@@ -150,6 +150,37 @@ function c({ state: c, setState: l }) {
 								})
 							})]
 						}),
+						/* @__PURE__ */ o("div", {
+							className: "rounded-[20px] border border-[color:var(--aui-divider)] p-4",
+							children: [/* @__PURE__ */ a("p", {
+								className: "text-sm font-medium aui-text-muted",
+								children: "Custom option renderer without duplicate check icons"
+							}), /* @__PURE__ */ a("div", {
+								className: "mt-3",
+								children: /* @__PURE__ */ a(n, {
+									defaultValue: u[1].value,
+									options: u,
+									showSelectedIndicator: !1,
+									renderOption: (e, t) => /* @__PURE__ */ o("span", {
+										className: "flex min-w-0 flex-1 items-center justify-between gap-3",
+										children: [/* @__PURE__ */ o("span", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ a("span", {
+												className: "block truncate font-medium",
+												children: e.label
+											}), e.description ? /* @__PURE__ */ a("span", {
+												className: "block truncate text-xs aui-text-muted",
+												children: e.description
+											}) : null]
+										}), t.selected ? /* @__PURE__ */ a("span", {
+											className: "rounded-full bg-[color:var(--aui-control-bg)] px-2 py-0.5 text-xs font-semibold",
+											children: "Selected"
+										}) : null]
+									}),
+									triggerClassName: "w-full"
+								})
+							})]
+						}),
 						/* @__PURE__ */ a("div", {
 							className: "grid gap-3 sm:grid-cols-3",
 							children: b.map(([e, t]) => /* @__PURE__ */ o("div", {
@@ -206,6 +237,28 @@ function c({ state: c, setState: l }) {
 								onClick: () => l({ selectValue: u[0].value }),
 								children: "Reset"
 							})]
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "grid gap-3 sm:grid-cols-2",
+							children: [/* @__PURE__ */ a(n, {
+								value: "invalid",
+								onValueChange: () => void 0,
+								options: [{
+									value: "invalid",
+									label: "Invalid selection"
+								}],
+								invalid: !0,
+								triggerClassName: "w-full"
+							}), /* @__PURE__ */ a(n, {
+								value: "loading",
+								onValueChange: () => void 0,
+								options: [{
+									value: "loading",
+									label: "Loading options"
+								}],
+								loading: !0,
+								triggerClassName: "w-full"
+							})]
 						})
 					]
 				})]

package/dist/src/showcase/premium/table/mock.cjs

@@ -4,7 +4,7 @@ export function Example() {
   return (
     <Table>
       <TableHeader><TableRow><TableHead>Name</TableHead></TableRow></TableHeader>
-      <TableBody><TableRow><TableCell>Azamat UI</TableCell></TableRow></TableBody>
+      <TableBody><TableRow><TableCell>Tembro</TableCell></TableRow></TableBody>
     </Table>
   )
 }`,htmlCode:`<table data-slot="table">

package/dist/src/showcase/premium/table/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/table/mock.ts
 var e = {
-	code: "import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from \"tembro\"\n\nexport function Example() {\n  return (\n    <Table>\n      <TableHeader><TableRow><TableHead>Name</TableHead></TableRow></TableHeader>\n      <TableBody><TableRow><TableCell>Azamat UI</TableCell></TableRow></TableBody>\n    </Table>\n  )\n}",
+	code: "import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from \"tembro\"\n\nexport function Example() {\n  return (\n    <Table>\n      <TableHeader><TableRow><TableHead>Name</TableHead></TableRow></TableHeader>\n      <TableBody><TableRow><TableCell>Tembro</TableCell></TableRow></TableBody>\n    </Table>\n  )\n}",
 	htmlCode: "<table data-slot=\"table\">\n  <thead><tr><th>Name</th><th>Status</th><th>Revenue</th></tr></thead>\n  <tbody><tr><td>Acme Dashboard</td><td>Live</td><td>$24,780</td></tr></tbody>\n</table>",
 	cliCommand: "npx tembro add table",
 	highlights: [

package/dist/src/showcase/premium/types.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={textValue:`Azamat UI`,textareaValue:`Controlled preview content for the selected component.`,checked:!0,switchOn:!0,selectValue:`starter`,badgeVariant:`default`,cardCompact:!1,activeTab:`overview`};exports.defaultComponentDemoState=e;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={textValue:`Tembro`,textareaValue:`Controlled preview content for the selected component.`,checked:!0,switchOn:!0,selectValue:`starter`,badgeVariant:`default`,cardCompact:!1,activeTab:`overview`};exports.defaultComponentDemoState=e;

package/dist/src/showcase/premium/types.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/types.ts
 var e = {
-	textValue: "Azamat UI",
+	textValue: "Tembro",
 	textareaValue: "Controlled preview content for the selected component.",
 	checked: !0,
 	switchOn: !0,

package/dist/src/showcase/premium/wizard/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./mock.cjs"),t=require("./showcase.cjs");exports.WizardShowcase=t.WizardShowcase,exports.wizardMock=e.wizardMock;

package/dist/src/showcase/premium/wizard/index.js

@@ -0,0 +1,3 @@
+import { wizardMock as e } from "./mock.js";
+import { WizardShowcase as t } from "./showcase.js";
+export { t as WizardShowcase, e as wizardMock };

package/dist/src/showcase/premium/wizard/mock.cjs

@@ -0,0 +1,25 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import * as React from "react"
+import { Wizard } from "tembro"
+
+const steps = [
+  { id: "profile", title: "Profile", description: "Basic account" },
+  { id: "team", title: "Team", description: "Invite members" },
+  { id: "finish", title: "Finish", description: "Review setup" },
+]
+
+export function Example() {
+  const [step, setStep] = React.useState("profile")
+
+  return (
+    <Wizard
+      steps={steps}
+      currentStep={step}
+      onStepChange={setStep}
+      onNext={() => setStep(step === "profile" ? "team" : "finish")}
+      onPrevious={() => setStep(step === "finish" ? "team" : "profile")}
+      onFinish={() => console.log("complete")}
+    >
+      <div>Current step: {step}</div>
+    </Wizard>
+  )
+}`,cliCommand:`npx tembro add wizard`,highlights:[`Stepper and footer controls in one workflow`,`Controlled current step`,`Clickable step navigation`,`Custom content slots`],scenarios:[{title:`Onboarding`,description:`Guide users through profile, team and confirmation screens.`},{title:`Multi-step forms`,description:`Keep form sections small while preserving progress context.`},{title:`Setup flows`,description:`Review final state before enabling the submit action.`}],capabilityNotes:[`Keep currentStep controlled so route or form state can persist.`,`Disable future steps when the user must complete validation first.`,`Keep the footer action labels specific to the workflow.`]};exports.wizardMock=e;