tembro 2.0.4 → 2.0.5

package/dist/showcase/premium/input/mock.cjs

@@ -1,6 +1,9 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Label, Input } from "tembro"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
+import { Label, Input } from "tembro"
 
 export function Example() {
+  const [query, setQuery] = useState("buttons")
+
   return (
     <form className="space-y-4">
       <div>

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

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/input/mock.ts
 var e = {
-	code: "import { Label, Input } from \"tembro\"\n\nexport function Example() {\n  return (\n    <form className=\"space-y-4\">\n      <div>\n        <Label htmlFor=\"support-email\">Support email</Label>\n        <Input id=\"support-email\" type=\"email\" defaultValue=\"team@acme.io\" required />\n      </div>\n\n      <div>\n        <Label htmlFor=\"component-search\">Search components</Label>\n        <Input\n          id=\"component-search\"\n          value={query}\n          onValueChange={setQuery}\n          placeholder=\"Search by slug or title\"\n          clearable\n          trailingAction={<span className=\"text-xs text-muted-foreground\">12 results</span>}\n          replaceTrailingWhenClear={false}\n        />\n      </div>\n\n      <div>\n        <Label htmlFor=\"api-prefix\">Cost estimate</Label>\n        <Input\n          id=\"api-prefix\"\n          defaultValue=\"120\"\n          readOnly\n          trailing={<span className=\"text-sm aui-text-muted\">USD</span>}\n        />\n      </div>\n\n      <div>\n        <Label htmlFor=\"disabled-input\">Locked status</Label>\n        <Input id=\"disabled-input\" disabled value=\"Locked while syncing\" />\n      </div>\n    </form>\n  )\n}\n",
+	code: "import { useState } from \"react\"\nimport { Label, Input } from \"tembro\"\n\nexport function Example() {\n  const [query, setQuery] = useState(\"buttons\")\n\n  return (\n    <form className=\"space-y-4\">\n      <div>\n        <Label htmlFor=\"support-email\">Support email</Label>\n        <Input id=\"support-email\" type=\"email\" defaultValue=\"team@acme.io\" required />\n      </div>\n\n      <div>\n        <Label htmlFor=\"component-search\">Search components</Label>\n        <Input\n          id=\"component-search\"\n          value={query}\n          onValueChange={setQuery}\n          placeholder=\"Search by slug or title\"\n          clearable\n          trailingAction={<span className=\"text-xs text-muted-foreground\">12 results</span>}\n          replaceTrailingWhenClear={false}\n        />\n      </div>\n\n      <div>\n        <Label htmlFor=\"api-prefix\">Cost estimate</Label>\n        <Input\n          id=\"api-prefix\"\n          defaultValue=\"120\"\n          readOnly\n          trailing={<span className=\"text-sm aui-text-muted\">USD</span>}\n        />\n      </div>\n\n      <div>\n        <Label htmlFor=\"disabled-input\">Locked status</Label>\n        <Input id=\"disabled-input\" disabled value=\"Locked while syncing\" />\n      </div>\n    </form>\n  )\n}\n",
 	htmlCode: "<label for=\"example\">Search components</label>\n<input id=\"example\" data-slot=\"input\" type=\"text\" placeholder=\"Search components...\" />",
 	cliCommand: "npx tembro add input",
 	highlights: [

package/dist/showcase/premium/masked-input/mock.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { MaskedInput } from "@/index"
+import { MaskedInput } from "tembro"
 
 export function Example() {
   const [value, setValue] = useState("AA-123")

package/dist/showcase/premium/masked-input/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/masked-input/mock.ts
 var e = {
-	code: "import { useState } from \"react\"\nimport { MaskedInput } from \"@/index\"\n\nexport function Example() {\n  const [value, setValue] = useState(\"AA-123\")\n\n  return (\n    <MaskedInput\n      value={value}\n      onValueChange={(nextValue) => setValue(nextValue)}\n      mask={(raw: string) => raw.toUpperCase().slice(0, 6).replace(/(.{3})(?=.)/, \"$1-\")}\n      placeholder=\"AA-123\"\n    />\n  )\n}\n",
+	code: "import { useState } from \"react\"\nimport { MaskedInput } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = useState(\"AA-123\")\n\n  return (\n    <MaskedInput\n      value={value}\n      onValueChange={(nextValue) => setValue(nextValue)}\n      mask={(raw: string) => raw.toUpperCase().slice(0, 6).replace(/(.{3})(?=.)/, \"$1-\")}\n      placeholder=\"AA-123\"\n    />\n  )\n}\n",
 	htmlCode: "<label for=\"masked\">Referral code</label><input id=\"masked\" type=\"text\" value=\"AA-123\" placeholder=\"AA-123\" />",
 	cliCommand: "npx tembro add masked-input",
 	highlights: [

package/dist/showcase/premium/money-input/mock.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { MoneyInput } from "@/index"
+import { MoneyInput } from "tembro"
 
 export function Example() {
   const [value, setValue] = useState<number | null>(2990.5)

package/dist/showcase/premium/money-input/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/money-input/mock.ts
 var e = {
-	code: "import { useState } from \"react\"\nimport { MoneyInput } from \"@/index\"\n\nexport function Example() {\n  const [value, setValue] = useState<number | null>(2990.5)\n  const [raw, setRaw] = useState(\"$2,990.50\")\n\n  return (\n    <div className=\"space-y-3\">\n      <MoneyInput\n        value={value}\n        onValueChange={(nextValue, rawValue) => {\n          setValue(nextValue)\n          setRaw(rawValue)\n        }}\n        prefix=\"$\"\n        inputMode=\"decimal\"\n        step={0.5}\n      />\n      <p className=\"text-sm aui-text-subtle\">\n        Numeric value: <strong>{value === null ? \"invalid\" : value}</strong>\n      </p>\n      <p className=\"text-sm aui-text-muted\">Raw input: {raw}</p>\n      <p className=\"text-sm aui-text-muted\">Use inputMode to match expected currency input source.</p>\n    </div>\n  )\n}",
+	code: "import { useState } from \"react\"\nimport { MoneyInput } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = useState<number | null>(2990.5)\n  const [raw, setRaw] = useState(\"$2,990.50\")\n\n  return (\n    <div className=\"space-y-3\">\n      <MoneyInput\n        value={value}\n        onValueChange={(nextValue, rawValue) => {\n          setValue(nextValue)\n          setRaw(rawValue)\n        }}\n        prefix=\"$\"\n        inputMode=\"decimal\"\n        step={0.5}\n      />\n      <p className=\"text-sm aui-text-subtle\">\n        Numeric value: <strong>{value === null ? \"invalid\" : value}</strong>\n      </p>\n      <p className=\"text-sm aui-text-muted\">Raw input: {raw}</p>\n      <p className=\"text-sm aui-text-muted\">Use inputMode to match expected currency input source.</p>\n    </div>\n  )\n}",
 	htmlCode: "<label for=\"money\">Budget</label><div>$<input id=\"money\" inputmode=\"decimal\" type=\"text\" /></div>",
 	cliCommand: "npx tembro add money-input",
 	highlights: [

package/dist/showcase/premium/number-input/mock.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { NumberInput, parseNumberInput } from "@/index"
+import { NumberInput, parseNumberInput } from "tembro"
 
 export function Example() {
   const [value, setValue] = useState<number | null>(14)

package/dist/showcase/premium/number-input/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/number-input/mock.ts
 var e = {
-	code: "import { useState } from \"react\"\nimport { NumberInput, parseNumberInput } from \"@/index\"\n\nexport function Example() {\n  const [value, setValue] = useState<number | null>(14)\n  const [raw, setRaw] = useState(\"14\")\n\n  return (\n    <div className=\"space-y-3\">\n      <NumberInput\n        value={value}\n        onNumberChange={(nextValue) => {\n          setValue(nextValue)\n          setRaw(String(nextValue ?? \"\"))\n        }}\n        onChange={(event) => {\n          const candidate = parseNumberInput(event.target.value)\n          if (candidate === null) setRaw(event.target.value)\n        }}\n        min={0}\n        max={100}\n        step={5}\n        allowEmpty\n      />\n      <p className=\"text-sm aui-text-subtle\">\n        Parsed numeric: <strong>{value === null ? \"unset\" : value}</strong>\n      </p>\n      <p className=\"text-sm aui-text-muted\">Raw text: {raw}</p>\n      <p className=\"text-sm aui-text-muted\">\n        Try entering invalid chars to see how parse and clamp rules apply.\n      </p>\n    </div>\n  )\n}",
+	code: "import { useState } from \"react\"\nimport { NumberInput, parseNumberInput } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = useState<number | null>(14)\n  const [raw, setRaw] = useState(\"14\")\n\n  return (\n    <div className=\"space-y-3\">\n      <NumberInput\n        value={value}\n        onNumberChange={(nextValue) => {\n          setValue(nextValue)\n          setRaw(String(nextValue ?? \"\"))\n        }}\n        onChange={(event) => {\n          const candidate = parseNumberInput(event.target.value)\n          if (candidate === null) setRaw(event.target.value)\n        }}\n        min={0}\n        max={100}\n        step={5}\n        allowEmpty\n      />\n      <p className=\"text-sm aui-text-subtle\">\n        Parsed numeric: <strong>{value === null ? \"unset\" : value}</strong>\n      </p>\n      <p className=\"text-sm aui-text-muted\">Raw text: {raw}</p>\n      <p className=\"text-sm aui-text-muted\">\n        Try entering invalid chars to see how parse and clamp rules apply.\n      </p>\n    </div>\n  )\n}",
 	htmlCode: "<label for=\"example-number\">Amount</label><input id=\"example-number\" inputmode=\"decimal\" type=\"text\" />",
 	cliCommand: "npx tembro add number-input",
 	highlights: [

package/dist/showcase/premium/phone-input/mock.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { PhoneInput } from "@/index"
+import { PhoneInput } from "tembro"
 
 export function Example() {
   const [value, setValue] = useState("+998 90 123 45 67")

package/dist/showcase/premium/phone-input/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/phone-input/mock.ts
 var e = {
-	code: "import { useState } from \"react\"\nimport { PhoneInput } from \"@/index\"\n\nexport function Example() {\n  const [value, setValue] = useState(\"+998 90 123 45 67\")\n\n  return (\n    <PhoneInput\n      value={value}\n      onValueChange={setValue}\n      defaultCountry=\"UZ\"\n      placeholder=\"+998 90 123 45 67\"\n    />\n  )\n}\n",
+	code: "import { useState } from \"react\"\nimport { PhoneInput } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = useState(\"+998 90 123 45 67\")\n\n  return (\n    <PhoneInput\n      value={value}\n      onValueChange={setValue}\n      defaultCountry=\"UZ\"\n      placeholder=\"+998 90 123 45 67\"\n    />\n  )\n}\n",
 	htmlCode: "<label for=\"phone\">Phone</label><input id=\"phone\" type=\"tel\" inputmode=\"tel\" placeholder=\"+998 90 123 45 67\" />",
 	cliCommand: "npx tembro add phone-input",
 	highlights: [

package/dist/showcase/premium/quantity-input/mock.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { QuantityInput } from "@/index"
+import { QuantityInput } from "tembro"
 
 export function Example() {
   const [quantity, setQuantity] = useState<number | null>(3)

package/dist/showcase/premium/quantity-input/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/quantity-input/mock.ts
 var e = {
-	code: "import { useState } from \"react\"\nimport { QuantityInput } from \"@/index\"\n\nexport function Example() {\n  const [quantity, setQuantity] = useState<number | null>(3)\n\n  return (\n    <div className=\"space-y-3\">\n      <QuantityInput\n        value={quantity}\n        onValueChange={(nextValue: number | null) => setQuantity(nextValue)}\n        min={0}\n        max={10}\n        step={1}\n        showControls\n      />\n      <p className=\"text-sm aui-text-subtle\">\n        Items: <strong>{quantity ?? \"unset\"}</strong>\n      </p>\n      <p className=\"text-sm aui-text-muted\">\n        Controls should stay aligned with adjacent action columns in compact table rows.\n      </p>\n      <p className=\"text-sm aui-text-muted\">\n        Try increment/decrement at bounds to validate guardrails.\n      </p>\n    </div>\n  )\n}",
+	code: "import { useState } from \"react\"\nimport { QuantityInput } from \"tembro\"\n\nexport function Example() {\n  const [quantity, setQuantity] = useState<number | null>(3)\n\n  return (\n    <div className=\"space-y-3\">\n      <QuantityInput\n        value={quantity}\n        onValueChange={(nextValue: number | null) => setQuantity(nextValue)}\n        min={0}\n        max={10}\n        step={1}\n        showControls\n      />\n      <p className=\"text-sm aui-text-subtle\">\n        Items: <strong>{quantity ?? \"unset\"}</strong>\n      </p>\n      <p className=\"text-sm aui-text-muted\">\n        Controls should stay aligned with adjacent action columns in compact table rows.\n      </p>\n      <p className=\"text-sm aui-text-muted\">\n        Try increment/decrement at bounds to validate guardrails.\n      </p>\n    </div>\n  )\n}",
 	htmlCode: "<label for=\"qty\">Quantity</label><input id=\"qty\" type=\"text\" inputmode=\"numeric\" />",
 	cliCommand: "npx tembro add quantity-input",
 	highlights: [

package/dist/showcase/premium/simple-select/mock.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { Button, SimpleSelect } from "@/index"
+import { Button, SimpleSelect } from "tembro"
 
 const selectOptions = [
   { value: "public", label: "Public", disabled: false },

package/dist/showcase/premium/simple-select/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/simple-select/mock.ts
 var e = {
-	code: "import { useState } from \"react\"\nimport { Button, SimpleSelect } from \"@/index\"\n\nconst selectOptions = [\n  { value: \"public\", label: \"Public\", disabled: false },\n  { value: \"private\", label: \"Private\", disabled: false },\n  { value: \"internal\", label: \"Internal\", disabled: false },\n  { value: \"archived\", label: \"Archived\", disabled: true },\n]\n\nexport function Example() {\n  const [value, setValue] = useState(\"private\")\n\n  return (\n    <div className=\"space-y-3\">\n      <SimpleSelect\n        options={selectOptions}\n        value={value}\n        onValueChange={(nextValue) => setValue(nextValue ?? \"private\")}\n        placeholder=\"Visibility\"\n        size=\"sm\"\n      />\n      <div className=\"rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm aui-text-muted\">\n        Current visibility: <strong>{value}</strong>\n      </div>\n      <Button variant=\"outline\" onClick={() => setValue(\"public\")}>Reset public</Button>\n    </div>\n  )\n}",
+	code: "import { useState } from \"react\"\nimport { Button, SimpleSelect } from \"tembro\"\n\nconst selectOptions = [\n  { value: \"public\", label: \"Public\", disabled: false },\n  { value: \"private\", label: \"Private\", disabled: false },\n  { value: \"internal\", label: \"Internal\", disabled: false },\n  { value: \"archived\", label: \"Archived\", disabled: true },\n]\n\nexport function Example() {\n  const [value, setValue] = useState(\"private\")\n\n  return (\n    <div className=\"space-y-3\">\n      <SimpleSelect\n        options={selectOptions}\n        value={value}\n        onValueChange={(nextValue) => setValue(nextValue ?? \"private\")}\n        placeholder=\"Visibility\"\n        size=\"sm\"\n      />\n      <div className=\"rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm aui-text-muted\">\n        Current visibility: <strong>{value}</strong>\n      </div>\n      <Button variant=\"outline\" onClick={() => setValue(\"public\")}>Reset public</Button>\n    </div>\n  )\n}",
 	htmlCode: "<button data-slot=\"simple-select-trigger\">Open options</button>",
 	cliCommand: "npx tembro add simple-select",
 	highlights: [

package/dist/showcase/premium/simple-select/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/inputs/simple-select.cjs"),r=require("../../component-route-data.cjs");let i=require("react"),a=require("react/jsx-runtime");function o({mode:o}){let[s,c]=(0,i.useState)(`private`),[l,u]=(0,i.useState)(0),d=r.routeSimpleSelectOptions,f=d.find(e=>e.value===s);return(0,a.jsxs)(`div`,{className:`space-y-4`,children:[(0,a.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-strong`,children:`SimpleSelect is the lightweight static member`}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it only when you want a thinner wrapper around the main Select surface for static option lists.`}),(0,a.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:[(0,a.jsx)(t.Badge,{variant:`outline`,children:`Static options`}),(0,a.jsx)(t.Badge,{variant:`outline`,children:`Searchable`}),(0,a.jsx)(t.Badge,{variant:`outline`,children:`Clearable`})]})]}),(0,a.jsx)(n.SimpleSelect,{value:s,onValueChange:e=>c(e),options:d,placeholder:`Visibility`,searchable:!0,clearable:!0}),(0,a.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Current value`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:f?.label??`Nothing selected`})]}),(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Behavior`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Clear icon and disabled items behave inside the same trigger model.`})]}),(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`When to use`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Choose this for local option lists before moving to AsyncSelect.`})]})]}),(0,a.jsx)(n.SimpleSelect,{defaultValue:`public`,options:d},l),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(e.Button,{variant:`outline`,size:`sm`,onClick:()=>c(void 0),children:`Clear controlled`}),(0,a.jsx)(e.Button,{variant:`outline`,size:`sm`,onClick:()=>u(e=>e+1),children:`Reset uncontrolled sample`})]}),o===`playground`?(0,a.jsx)(`p`,{className:`aui-text-muted rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:`Controlled selection can power filter states, while uncontrolled default usage is fine for one-off static forms. If the list becomes remote, move back to the Select family and choose AsyncSelect.`}):null]})}exports.SimpleSelectShowcase=o;
+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/inputs/simple-select.cjs"),r=require("../../component-route-data.cjs");let i=require("react"),a=require("react/jsx-runtime");function o({mode:o}){let[s,c]=(0,i.useState)(`private`),[l,u]=(0,i.useState)(0),d=r.routeSimpleSelectOptions,f=d.find(e=>e.value===s);return(0,a.jsxs)(`div`,{className:`space-y-4`,children:[(0,a.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-strong`,children:`SimpleSelect is the lightweight static member`}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it only when you want a thinner wrapper around the main Select surface for static option lists.`}),(0,a.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:[(0,a.jsx)(t.Badge,{variant:`outline`,children:`Static options`}),(0,a.jsx)(t.Badge,{variant:`outline`,children:`Searchable`}),(0,a.jsx)(t.Badge,{variant:`outline`,children:`Clearable`})]})]}),(0,a.jsx)(n.SimpleSelect,{value:s,onValueChange:e=>c(e),options:d,placeholder:`Visibility`,searchable:!0,clearable:!0,showSelectedDescription:!0}),(0,a.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Current value`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:f?.label??`Nothing selected`})]}),(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Behavior`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Clear icon and disabled items behave inside the same trigger model.`})]}),(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`When to use`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Choose this for local option lists before moving to AsyncSelect.`})]})]}),(0,a.jsx)(n.SimpleSelect,{defaultValue:`public`,options:d,showSelectedDescription:!0},l),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(e.Button,{variant:`outline`,size:`sm`,onClick:()=>c(void 0),children:`Clear controlled`}),(0,a.jsx)(e.Button,{variant:`outline`,size:`sm`,onClick:()=>u(e=>e+1),children:`Reset uncontrolled sample`})]}),o===`playground`?(0,a.jsx)(`p`,{className:`aui-text-muted rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:`Controlled selection can power filter states, while uncontrolled default usage is fine for one-off static forms. If the list becomes remote, move back to the Select family and choose AsyncSelect.`}):null]})}exports.SimpleSelectShowcase=o;

package/dist/showcase/premium/simple-select/showcase.js

@@ -46,7 +46,8 @@ function s({ mode: s }) {
 				options: f,
 				placeholder: "Visibility",
 				searchable: !0,
-				clearable: !0
+				clearable: !0,
+				showSelectedDescription: !0
 			}),
 			/* @__PURE__ */ o("div", {
 				className: "grid gap-3 md:grid-cols-3",
@@ -85,7 +86,8 @@ function s({ mode: s }) {
 			}),
 			/* @__PURE__ */ a(n, {
 				defaultValue: "public",
-				options: f
+				options: f,
+				showSelectedDescription: !0
 			}, u),
 			/* @__PURE__ */ o("div", {
 				className: "flex flex-wrap gap-2",

package/dist/showcase/preview-catalog.cjs

@@ -1,15 +1,13 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[{slug:`dashboard-01`,title:`Dashboard with sidebar`,command:`npx tembro init --template next --defaults
-npx tembro add app-sidebar metric-grid data-table`,code:`import { AppSidebar } from "@/components/layout/app-sidebar"
-import { MetricGrid } from "@/components/display/metric-grid"
+npx tembro add app-sidebar metric-grid data-table`,code:`import { AppSidebar, MetricGrid } from "tembro"
 
 export function Dashboard01() {
   return <AppSidebar />
-}`,tone:`dashboard`},{slug:`table-01`,title:`Advanced invoice table`,command:`npx tembro add data-table`,code:`import { DataTable } from "@/components/data-table/data-table"
+}`,tone:`dashboard`},{slug:`table-01`,title:`Advanced invoice table`,command:`npx tembro add data-table`,code:`import { DataTable } from "tembro"
 
 export function Table01() {
   return <DataTable columns={columns} data={rows} />
-}`,tone:`table`},{slug:`auth-01`,title:`Authentication screen`,command:`npx tembro add input button`,code:`import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
+}`,tone:`table`},{slug:`auth-01`,title:`Authentication screen`,command:`npx tembro add input button`,code:`import { Button, Input } from "tembro"
 
 export function Auth01() {
   return (
@@ -19,8 +17,7 @@ export function Auth01() {
       <Button>Sign in</Button>
     </div>
   )
-}`,tone:`auth`},{slug:`product-01`,title:`Commerce product detail`,command:`npx tembro add badge button`,code:`import { Badge } from "@/components/ui/badge"
-import { Button } from "@/components/ui/button"
+}`,tone:`auth`},{slug:`product-01`,title:`Commerce product detail`,command:`npx tembro add badge button`,code:`import { Badge, Button } from "tembro"
 
 export function Product01() {
   return (
@@ -30,15 +27,15 @@ export function Product01() {
       <Button>Buy now</Button>
     </div>
   )
-}`,tone:`product`},{slug:`command-01`,title:`Command palette`,command:`npx tembro add command-palette`,code:`import { CommandPalette } from "@/components/command/command-palette"
+}`,tone:`product`},{slug:`command-01`,title:`Command palette`,command:`npx tembro add command-palette`,code:`import { CommandPalette } from "tembro"
 
 export function Command01() {
   return <CommandPalette />
-}`,tone:`command`},{slug:`calendar-01`,title:`Calendar and date picker`,command:`npx tembro add calendar date-picker`,code:`import { Calendar } from "@/components/calendar/calendar"
+}`,tone:`command`},{slug:`calendar-01`,title:`Calendar and date picker`,command:`npx tembro add calendar date-picker`,code:`import { Calendar } from "tembro"
 
 export function Calendar01() {
   return <Calendar />
-}`,tone:`calendar`},{slug:`upload-01`,title:`Upload workspace`,command:`npx tembro add file-upload image-upload`,code:`import { FileUpload } from "@/components/upload/file-upload"
+}`,tone:`calendar`},{slug:`upload-01`,title:`Upload workspace`,command:`npx tembro add file-upload image-upload`,code:`import { FileUpload } from "tembro"
 
 export function Upload01() {
   return <FileUpload />

package/dist/showcase/preview-catalog.js

@@ -4,49 +4,49 @@ var e = [
 		slug: "dashboard-01",
 		title: "Dashboard with sidebar",
 		command: "npx tembro init --template next --defaults\nnpx tembro add app-sidebar metric-grid data-table",
-		code: "import { AppSidebar } from \"@/components/layout/app-sidebar\"\nimport { MetricGrid } from \"@/components/display/metric-grid\"\n\nexport function Dashboard01() {\n  return <AppSidebar />\n}",
+		code: "import { AppSidebar, MetricGrid } from \"tembro\"\n\nexport function Dashboard01() {\n  return <AppSidebar />\n}",
 		tone: "dashboard"
 	},
 	{
 		slug: "table-01",
 		title: "Advanced invoice table",
 		command: "npx tembro add data-table",
-		code: "import { DataTable } from \"@/components/data-table/data-table\"\n\nexport function Table01() {\n  return <DataTable columns={columns} data={rows} />\n}",
+		code: "import { DataTable } from \"tembro\"\n\nexport function Table01() {\n  return <DataTable columns={columns} data={rows} />\n}",
 		tone: "table"
 	},
 	{
 		slug: "auth-01",
 		title: "Authentication screen",
 		command: "npx tembro add input button",
-		code: "import { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\n\nexport function Auth01() {\n  return (\n    <div className=\"space-y-3\">\n      <Input placeholder=\"Email\" type=\"email\" />\n      <Input placeholder=\"Password\" type=\"password\" />\n      <Button>Sign in</Button>\n    </div>\n  )\n}",
+		code: "import { Button, Input } from \"tembro\"\n\nexport function Auth01() {\n  return (\n    <div className=\"space-y-3\">\n      <Input placeholder=\"Email\" type=\"email\" />\n      <Input placeholder=\"Password\" type=\"password\" />\n      <Button>Sign in</Button>\n    </div>\n  )\n}",
 		tone: "auth"
 	},
 	{
 		slug: "product-01",
 		title: "Commerce product detail",
 		command: "npx tembro add badge button",
-		code: "import { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\n\nexport function Product01() {\n  return (\n    <div className=\"space-y-2\">\n      <Badge>Featured</Badge>\n      <div>Starter kit bundle</div>\n      <Button>Buy now</Button>\n    </div>\n  )\n}",
+		code: "import { Badge, Button } from \"tembro\"\n\nexport function Product01() {\n  return (\n    <div className=\"space-y-2\">\n      <Badge>Featured</Badge>\n      <div>Starter kit bundle</div>\n      <Button>Buy now</Button>\n    </div>\n  )\n}",
 		tone: "product"
 	},
 	{
 		slug: "command-01",
 		title: "Command palette",
 		command: "npx tembro add command-palette",
-		code: "import { CommandPalette } from \"@/components/command/command-palette\"\n\nexport function Command01() {\n  return <CommandPalette />\n}",
+		code: "import { CommandPalette } from \"tembro\"\n\nexport function Command01() {\n  return <CommandPalette />\n}",
 		tone: "command"
 	},
 	{
 		slug: "calendar-01",
 		title: "Calendar and date picker",
 		command: "npx tembro add calendar date-picker",
-		code: "import { Calendar } from \"@/components/calendar/calendar\"\n\nexport function Calendar01() {\n  return <Calendar />\n}",
+		code: "import { Calendar } from \"tembro\"\n\nexport function Calendar01() {\n  return <Calendar />\n}",
 		tone: "calendar"
 	},
 	{
 		slug: "upload-01",
 		title: "Upload workspace",
 		command: "npx tembro add file-upload image-upload",
-		code: "import { FileUpload } from \"@/components/upload/file-upload\"\n\nexport function Upload01() {\n  return <FileUpload />\n}",
+		code: "import { FileUpload } from \"tembro\"\n\nexport function Upload01() {\n  return <FileUpload />\n}",
 		tone: "upload"
 	}
 ];

package/dist/showcase/registry-quality.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`button`,`Button`,`actions`,`Primary action surface for clicks, submit, and quick triggers in dashboard workflows.`),e.component(`input`,`Input`,`inputs`,`Single-line text input for quick edits, queries, and form fields.`),e.component(`select`,`Select`,`inputs`,`Select component with menu-driven single choice workflows.`),e.component(`dialog`,`Dialog`,`overlay`,`Modal surface for confirmation, forms, and contextual workflows.`),e.component(`data-table`,`DataTable`,`data-table`,`High density table with search, filters, rows, actions and pagination context.`),e.component(`date-picker`,`DatePicker`,`calendar`,`Date picker surface for period and event selection.`),e.component(`form-input`,`FormInput`,`form`,`Input wrapper with RHF-ready metadata and helper text.`),e.component(`form-select`,`FormSelect`,`form`,`Select wrapper for controlled local and async choice fields.`),e.component(`form-textarea`,`FormTextarea`,`form`,`Textarea wrapper with helper, validation and consistent spacing.`),e.component(`form-switch`,`FormSwitch`,`form`,`Boolean form control with shell-level label and hint handling.`),e.component(`form-date-picker`,`FormDatePicker`,`form`,`Popover date picker wrapper with RHF integration.`),e.component(`form-date-range-picker`,`FormDateRangePicker`,`form`,`Range date picker wrapper for planning and reporting flows.`),e.component(`dialog-actions`,`DialogActions`,`overlay`,`Modal footer action row with cancel, secondary and primary actions.`),e.component(`alert-dialog`,`AlertDialog`,`overlay`,`Destructive confirmation dialog with loading-ready action states.`),e.component(`drawer`,`Drawer`,`overlay`,`Side panel for contextual details without leaving the page.`),e.component(`pagination`,`Pagination`,`navigation`,`Controlled page navigation with edge buttons and active state.`),e.component(`nav-tabs`,`NavTabs`,`navigation`,`Navigation tabs for switching related document sections.`),e.component(`anchor-nav`,`AnchorNav`,`navigation`,`Section jump navigation for long detail pages.`),e.component(`page-tabs`,`PageTabs`,`navigation`,`Top-level page tab strip for route-sized sections.`),e.component(`stepper-tabs`,`StepperTabs`,`navigation`,`Step-like tabs for setup and onboarding progress.`),e.component(`password-input`,`PasswordInput`,`inputs`,`Password field with visibility toggle and secure autocomplete defaults.`),e.component(`number-input`,`NumberInput`,`inputs`,`Numeric entry for counts, thresholds, and reporting controls.`),e.component(`phone-input`,`PhoneInput`,`inputs`,`Phone input with stable raw and masked value handling.`),e.component(`money-input`,`MoneyInput`,`inputs`,`Currency entry for billing, finance and KPI editing flows.`),e.component(`date-input`,`DateInput`,`inputs`,`Single-date field for compact forms and filter bars.`),e.component(`date-range-input`,`DateRangeInput`,`inputs`,`Date range surface for reporting and booking windows.`),e.component(`simple-select`,`SimpleSelect`,`inputs`,`Static local-option select for dashboards and settings forms.`),e.component(`async-select`,`AsyncSelect`,`inputs`,`Remote-loaded select for large server-backed option sets.`),e.component(`combobox`,`Combobox`,`inputs`,`Searchable local choice input for reassignment and command-like selection.`),e.component(`slider`,`Slider`,`inputs`,`Single value range control for density, threshold, and score tuning.`),e.component(`range-slider`,`RangeSlider`,`inputs`,`Two-handle slider for min/max filtering.`),e.component(`rating`,`Rating`,`inputs`,`Compact score input for feedback and review flows.`),e.component(`otp-input`,`OtpInput`,`inputs`,`One-time code entry with fixed-length slots.`),e.component(`color-input`,`ColorInput`,`inputs`,`Theme and accent color field with native color selection.`),e.component(`inline-editable`,`InlineEditable`,`inputs`,`Inline editing primitive for dense tables and configuration rows.`),e.component(`tag-input`,`TagInput`,`inputs`,`Tokenized text input for labels, skills, and quick filters.`),e.component(`description-list`,`DescriptionList`,`display`,`Structured key-value details for entity, invoice and profile pages.`),e.component(`progress`,`Progress`,`display`,`Linear progress with label, value formatter, tone and indeterminate state.`),e.component(`progress-circle`,`ProgressCircle`,`display`,`Compact circular progress for sidebars and status cards.`),e.component(`timeline`,`Timeline`,`display`,`Vertical or horizontal event stream for workflow history.`),e.component(`status-dot`,`StatusDot`,`display`,`Tiny live status indicator with optional pulse animation.`),e.component(`user-card`,`UserCard`,`display`,`User summary row with avatar, metadata and actions.`),e.component(`delta-badge`,`DeltaBadge`,`display`,`Compact positive, negative, and risk deltas for metric summaries.`),e.component(`entity-header`,`EntityHeader`,`display`,`Top summary row for a customer, invoice, or workspace.`),e.component(`notification-center`,`NotificationCenter`,`display`,`Compact activity and notifications stream.`),e.component(`entity-card`,`EntityCard`,`display`,`Structured summary card with title, meta, state and actions.`),e.component(`file-card`,`FileCard`,`display`,`Compact file summary with state and actions.`),e.component(`data-list`,`DataList`,`display`,`Readable title and description rows for compact operational lists.`),e.component(`status-legend`,`StatusLegend`,`display`,`Explain status meaning and counts in a compact legend.`),e.component(`trend-card`,`TrendCard`,`display`,`Metric summary card with trend context.`),e.component(`comparison-card`,`ComparisonCard`,`display`,`Compare current and previous values in one compact card.`),e.component(`action-menu`,`ActionMenu`,`actions`,`Compact dropdown action menu for rows and cards.`),e.component(`button-group`,`ButtonGroup`,`actions`,`Grouped action buttons for view switching and compact controls.`),e.component(`quick-action-grid`,`QuickActionGrid`,`actions`,`Action launcher grid for dense dashboard shortcuts.`),e.component(`filter-chips`,`FilterChips`,`actions`,`Inline active filter summaries with clear and remove actions.`),e.component(`data-table-saved-filters`,`SavedFilterSelect`,`actions`,`Saved filter chips and quick view controls.`),e.component(`filter-bar`,`FilterBar`,`actions`,`Search, filters, active-count and reset actions in one toolbar.`),e.component(`command-palette`,`CommandPalette`,`actions`,`Keyboard command surface for global navigation and actions.`),e.component(`app-header`,`AppHeader`,`layout`,`Sticky product header with left, center and right slots.`),e.component(`section-header`,`SectionHeader`,`layout`,`Reusable section title block with actions and metadata.`),e.component(`stat-card`,`StatCard`,`layout`,`Dashboard stat card for KPI, trend and helper text.`),e.component(`alert`,`Alert`,`feedback`,`Inline feedback banner for success, warning, info, and error states.`),e.component(`page-state`,`PageState`,`feedback`,`Full-page completion or blocked state with next actions.`),e.component(`data-table-pagination`,`DataTablePagination`,`data-table`,`Pagination control used by DataTable pages.`),e.component(`data-table-toolbar`,`DataTableToolbar`,`data-table`,`Toolbar surface for DataTable search, filters and actions.`),e.component(`data-table-column-visibility-menu`,`DataTableColumnVisibilityMenu`,`data-table`,`Column visibility menu pattern for table views.`),e.component(`data-table-select-column`,`DataTableSelectColumn`,`data-table`,`Selection column pattern for bulk table workflows.`),e.component(`data-table-sortable-header`,`DataTableSortableHeader`,`data-table`,`Sortable header trigger with clear visual state.`),e.component(`data-table-row-actions`,`DataTableRowActions`,`data-table`,`Row action menu for inspect, duplicate and archive operations.`),e.component(`data-table-actions-column`,`DataTableActionsColumn`,`data-table`,`Reusable actions column for DataTable definitions.`),e.component(`data-table-bulk-actions`,`DataTableBulkActions`,`data-table`,`Bulk action bar for selected rows.`),e.component(`data-table-view-presets`,`DataTableViewPresets`,`data-table`,`Saved table view presets for operational dashboards.`),e.component(`calendar`,`Calendar`,`calendar`,`Single month calendar surface for date picker and scheduling flows.`),e.component(`file-upload`,`FileUpload`,`upload`,`Full file upload surface with dropzone, action button and helper text.`),e.component(`image-upload`,`ImageUpload`,`upload`,`Image upload pattern with preview-oriented copy.`),e.component(`file-dropzone`,`FileDropzone`,`upload`,`Lightweight file dropzone primitive for custom upload flows.`),e.component(`stepper`,`Stepper`,`wizard`,`Clickable step navigation for multi-step forms.`),e.component(`wizard`,`Wizard`,`wizard`,`Stepper, content and footer controls combined into one workflow.`),e.component(`resource-page`,`ResourcePage`,`patterns`,`Full resource index page shell for admin dashboards.`),e.component(`resource-detail-page`,`ResourceDetailPage`,`patterns`,`Detail page shell with title, metadata and sections.`)]);exports.registryQualityDemoRegistry=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`button`,`Button`,`actions`,`Primary action surface for clicks, submit, and quick triggers in dashboard workflows.`),e.component(`input`,`Input`,`inputs`,`Single-line text input for quick edits, queries, and form fields.`),e.component(`select`,`Select`,`inputs`,`Select component with menu-driven single choice workflows.`),e.component(`dialog`,`Dialog`,`overlay`,`Modal surface for confirmation, forms, and contextual workflows.`),e.component(`data-table`,`DataTable`,`data-table`,`High density table with search, filters, rows, actions and pagination context.`),e.component(`date-picker`,`DatePicker`,`calendar`,`Date picker surface for period and event selection.`),e.component(`form-input`,`FormInput`,`form`,`Input wrapper with RHF-ready metadata and helper text.`),e.component(`form-select`,`FormSelect`,`form`,`Select wrapper for controlled local and async choice fields.`),e.component(`form-textarea`,`FormTextarea`,`form`,`Textarea wrapper with helper, validation and consistent spacing.`),e.component(`form-switch`,`FormSwitch`,`form`,`Boolean form control with shell-level label and hint handling.`),e.component(`form-date-picker`,`FormDatePicker`,`form`,`Popover date picker wrapper with RHF integration.`),e.component(`form-date-range-picker`,`FormDateRangePicker`,`form`,`Range date picker wrapper for planning and reporting flows.`),e.component(`alert-dialog`,`AlertDialog`,`overlay`,`Destructive confirmation dialog with loading-ready action states.`),e.component(`drawer`,`Drawer`,`overlay`,`Side panel for contextual details without leaving the page.`),e.component(`pagination`,`Pagination`,`navigation`,`Controlled page navigation with edge buttons and active state.`),e.component(`nav-tabs`,`NavTabs`,`navigation`,`Navigation tabs for switching related document sections.`),e.component(`page-tabs`,`PageTabs`,`navigation`,`Top-level page tab strip for route-sized sections.`),e.component(`stepper-tabs`,`StepperTabs`,`navigation`,`Step-like tabs for setup and onboarding progress.`),e.component(`password-input`,`PasswordInput`,`inputs`,`Password field with visibility toggle and secure autocomplete defaults.`),e.component(`number-input`,`NumberInput`,`inputs`,`Numeric entry for counts, thresholds, and reporting controls.`),e.component(`phone-input`,`PhoneInput`,`inputs`,`Phone input with stable raw and masked value handling.`),e.component(`money-input`,`MoneyInput`,`inputs`,`Currency entry for billing, finance and KPI editing flows.`),e.component(`simple-select`,`SimpleSelect`,`inputs`,`Static local-option select for dashboards and settings forms.`),e.component(`async-select`,`AsyncSelect`,`inputs`,`Remote-loaded select for large server-backed option sets.`),e.component(`combobox`,`Combobox`,`inputs`,`Searchable local choice input for reassignment and command-like selection.`),e.component(`slider`,`Slider`,`inputs`,`Single value range control for density, threshold, and score tuning.`),e.component(`range-slider`,`RangeSlider`,`inputs`,`Two-handle slider for min/max filtering.`),e.component(`rating`,`Rating`,`inputs`,`Compact score input for feedback and review flows.`),e.component(`otp-input`,`OtpInput`,`inputs`,`One-time code entry with fixed-length slots.`),e.component(`inline-editable`,`InlineEditable`,`inputs`,`Inline editing primitive for dense tables and configuration rows.`),e.component(`tag-input`,`TagInput`,`inputs`,`Tokenized text input for labels, skills, and quick filters.`),e.component(`progress`,`Progress`,`display`,`Linear progress with label, value formatter, tone and indeterminate state.`),e.component(`progress-circle`,`ProgressCircle`,`display`,`Compact circular progress for sidebars and status cards.`),e.component(`timeline`,`Timeline`,`display`,`Vertical or horizontal event stream for workflow history.`),e.component(`status-dot`,`StatusDot`,`display`,`Tiny live status indicator with optional pulse animation.`),e.component(`user-card`,`UserCard`,`display`,`User summary row with avatar, metadata and actions.`),e.component(`notification-center`,`NotificationCenter`,`display`,`Compact activity and notifications stream.`),e.component(`data-list`,`DataList`,`display`,`Readable title and description rows for compact operational lists.`),e.component(`status-legend`,`StatusLegend`,`display`,`Explain status meaning and counts in a compact legend.`),e.component(`trend-card`,`TrendCard`,`display`,`Metric summary card with trend context.`),e.component(`action-menu`,`ActionMenu`,`actions`,`Compact dropdown action menu for rows and cards.`),e.component(`button-group`,`ButtonGroup`,`actions`,`Grouped action buttons for view switching and compact controls.`),e.component(`quick-action-grid`,`QuickActionGrid`,`actions`,`Action launcher grid for dense dashboard shortcuts.`),e.component(`filter-bar`,`FilterBar`,`actions`,`Search, filters, active-count and reset actions in one toolbar.`),e.component(`app-header`,`AppHeader`,`layout`,`Sticky product header with left, center and right slots.`),e.component(`section-header`,`SectionHeader`,`layout`,`Reusable section title block with actions and metadata.`),e.component(`stat-card`,`StatCard`,`layout`,`Dashboard stat card for KPI, trend and helper text.`),e.component(`alert`,`Alert`,`feedback`,`Inline feedback banner for success, warning, info, and error states.`),e.component(`page-state`,`PageState`,`feedback`,`Full-page completion or blocked state with next actions.`),e.component(`calendar`,`Calendar`,`calendar`,`Single month calendar surface for date picker and scheduling flows.`),e.component(`file-upload`,`FileUpload`,`upload`,`Full file upload surface with dropzone, action button and helper text.`),e.component(`image-upload`,`ImageUpload`,`upload`,`Image upload pattern with preview-oriented copy.`),e.component(`file-dropzone`,`FileDropzone`,`upload`,`Lightweight file dropzone primitive for custom upload flows.`),e.component(`stepper`,`Stepper`,`wizard`,`Clickable step navigation for multi-step forms.`),e.component(`wizard`,`Wizard`,`wizard`,`Stepper, content and footer controls combined into one workflow.`),e.component(`resource-page`,`ResourcePage`,`patterns`,`Full resource index page shell for admin dashboards.`),e.component(`resource-detail-page`,`ResourceDetailPage`,`patterns`,`Detail page shell with title, metadata and sections.`)]);exports.registryQualityDemoRegistry=t;

package/dist/showcase/registry-quality.js

@@ -13,20 +13,16 @@ var n = t([
 	e("form-switch", "FormSwitch", "form", "Boolean form control with shell-level label and hint handling."),
 	e("form-date-picker", "FormDatePicker", "form", "Popover date picker wrapper with RHF integration."),
 	e("form-date-range-picker", "FormDateRangePicker", "form", "Range date picker wrapper for planning and reporting flows."),
-	e("dialog-actions", "DialogActions", "overlay", "Modal footer action row with cancel, secondary and primary actions."),
 	e("alert-dialog", "AlertDialog", "overlay", "Destructive confirmation dialog with loading-ready action states."),
 	e("drawer", "Drawer", "overlay", "Side panel for contextual details without leaving the page."),
 	e("pagination", "Pagination", "navigation", "Controlled page navigation with edge buttons and active state."),
 	e("nav-tabs", "NavTabs", "navigation", "Navigation tabs for switching related document sections."),
-	e("anchor-nav", "AnchorNav", "navigation", "Section jump navigation for long detail pages."),
 	e("page-tabs", "PageTabs", "navigation", "Top-level page tab strip for route-sized sections."),
 	e("stepper-tabs", "StepperTabs", "navigation", "Step-like tabs for setup and onboarding progress."),
 	e("password-input", "PasswordInput", "inputs", "Password field with visibility toggle and secure autocomplete defaults."),
 	e("number-input", "NumberInput", "inputs", "Numeric entry for counts, thresholds, and reporting controls."),
 	e("phone-input", "PhoneInput", "inputs", "Phone input with stable raw and masked value handling."),
 	e("money-input", "MoneyInput", "inputs", "Currency entry for billing, finance and KPI editing flows."),
-	e("date-input", "DateInput", "inputs", "Single-date field for compact forms and filter bars."),
-	e("date-range-input", "DateRangeInput", "inputs", "Date range surface for reporting and booking windows."),
 	e("simple-select", "SimpleSelect", "inputs", "Static local-option select for dashboards and settings forms."),
 	e("async-select", "AsyncSelect", "inputs", "Remote-loaded select for large server-backed option sets."),
 	e("combobox", "Combobox", "inputs", "Searchable local choice input for reassignment and command-like selection."),
@@ -34,45 +30,26 @@ var n = t([
 	e("range-slider", "RangeSlider", "inputs", "Two-handle slider for min/max filtering."),
 	e("rating", "Rating", "inputs", "Compact score input for feedback and review flows."),
 	e("otp-input", "OtpInput", "inputs", "One-time code entry with fixed-length slots."),
-	e("color-input", "ColorInput", "inputs", "Theme and accent color field with native color selection."),
 	e("inline-editable", "InlineEditable", "inputs", "Inline editing primitive for dense tables and configuration rows."),
 	e("tag-input", "TagInput", "inputs", "Tokenized text input for labels, skills, and quick filters."),
-	e("description-list", "DescriptionList", "display", "Structured key-value details for entity, invoice and profile pages."),
 	e("progress", "Progress", "display", "Linear progress with label, value formatter, tone and indeterminate state."),
 	e("progress-circle", "ProgressCircle", "display", "Compact circular progress for sidebars and status cards."),
 	e("timeline", "Timeline", "display", "Vertical or horizontal event stream for workflow history."),
 	e("status-dot", "StatusDot", "display", "Tiny live status indicator with optional pulse animation."),
 	e("user-card", "UserCard", "display", "User summary row with avatar, metadata and actions."),
-	e("delta-badge", "DeltaBadge", "display", "Compact positive, negative, and risk deltas for metric summaries."),
-	e("entity-header", "EntityHeader", "display", "Top summary row for a customer, invoice, or workspace."),
 	e("notification-center", "NotificationCenter", "display", "Compact activity and notifications stream."),
-	e("entity-card", "EntityCard", "display", "Structured summary card with title, meta, state and actions."),
-	e("file-card", "FileCard", "display", "Compact file summary with state and actions."),
 	e("data-list", "DataList", "display", "Readable title and description rows for compact operational lists."),
 	e("status-legend", "StatusLegend", "display", "Explain status meaning and counts in a compact legend."),
 	e("trend-card", "TrendCard", "display", "Metric summary card with trend context."),
-	e("comparison-card", "ComparisonCard", "display", "Compare current and previous values in one compact card."),
 	e("action-menu", "ActionMenu", "actions", "Compact dropdown action menu for rows and cards."),
 	e("button-group", "ButtonGroup", "actions", "Grouped action buttons for view switching and compact controls."),
 	e("quick-action-grid", "QuickActionGrid", "actions", "Action launcher grid for dense dashboard shortcuts."),
-	e("filter-chips", "FilterChips", "actions", "Inline active filter summaries with clear and remove actions."),
-	e("data-table-saved-filters", "SavedFilterSelect", "actions", "Saved filter chips and quick view controls."),
 	e("filter-bar", "FilterBar", "actions", "Search, filters, active-count and reset actions in one toolbar."),
-	e("command-palette", "CommandPalette", "actions", "Keyboard command surface for global navigation and actions."),
 	e("app-header", "AppHeader", "layout", "Sticky product header with left, center and right slots."),
 	e("section-header", "SectionHeader", "layout", "Reusable section title block with actions and metadata."),
 	e("stat-card", "StatCard", "layout", "Dashboard stat card for KPI, trend and helper text."),
 	e("alert", "Alert", "feedback", "Inline feedback banner for success, warning, info, and error states."),
 	e("page-state", "PageState", "feedback", "Full-page completion or blocked state with next actions."),
-	e("data-table-pagination", "DataTablePagination", "data-table", "Pagination control used by DataTable pages."),
-	e("data-table-toolbar", "DataTableToolbar", "data-table", "Toolbar surface for DataTable search, filters and actions."),
-	e("data-table-column-visibility-menu", "DataTableColumnVisibilityMenu", "data-table", "Column visibility menu pattern for table views."),
-	e("data-table-select-column", "DataTableSelectColumn", "data-table", "Selection column pattern for bulk table workflows."),
-	e("data-table-sortable-header", "DataTableSortableHeader", "data-table", "Sortable header trigger with clear visual state."),
-	e("data-table-row-actions", "DataTableRowActions", "data-table", "Row action menu for inspect, duplicate and archive operations."),
-	e("data-table-actions-column", "DataTableActionsColumn", "data-table", "Reusable actions column for DataTable definitions."),
-	e("data-table-bulk-actions", "DataTableBulkActions", "data-table", "Bulk action bar for selected rows."),
-	e("data-table-view-presets", "DataTableViewPresets", "data-table", "Saved table view presets for operational dashboards."),
 	e("calendar", "Calendar", "calendar", "Single month calendar surface for date picker and scheduling flows."),
 	e("file-upload", "FileUpload", "upload", "Full file upload surface with dropzone, action button and helper text."),
 	e("image-upload", "ImageUpload", "upload", "Image upload pattern with preview-oriented copy."),

package/dist/showcase/registry-specific.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../components/ui/button/index.cjs"),n=require("../components/actions/action-menu.cjs"),r=require("../components/actions/button-group.cjs"),i=require("../components/inputs/clearable-input.cjs"),a=require("../components/inputs/password-input.cjs"),o=require("../components/inputs/search-input.cjs"),s=require("../components/ui/input/index.cjs"),c=require("../components/ui/badge/index.cjs"),l=require("../components/actions/quick-action-grid.cjs"),u=require("../components/layout/section-header.cjs"),d=require("../components/navigation/anchor-nav.cjs"),f=require("../components/navigation/nav-tabs.cjs"),p=require("../components/navigation/page-tabs.cjs"),m=require("../components/navigation/pagination.cjs"),h=require("../components/navigation/stepper-tabs.cjs"),g=require("../components/filters/filter-chips.cjs"),_=require("../components/filters/filter-bar.cjs"),v=require("../components/filters/saved-filter-select.cjs"),y=require("../components/overlay/alert-dialog.cjs"),b=require("../components/overlay/dialog-actions.cjs"),x=require("../components/overlay/drawer.cjs"),S=require("../components/inputs/async-select.cjs"),ee=require("../components/inputs/simple-select.cjs"),te=require("../components/inputs/color-input.cjs"),ne=require("../components/inputs/otp-input.cjs"),C=require("../components/inputs/rating.cjs"),w=require("../components/inputs/slider.cjs"),T=require("../components/inputs/tag-input.cjs"),E=require("../components/calendar/calendar.cjs"),D=require("../components/feedback/alert.cjs"),O=require("../components/feedback/page-state.cjs"),k=require("../components/display/description-list.cjs"),A=require("../components/display/entity-card.cjs"),j=require("../components/display/list.cjs"),M=require("../components/display/progress.cjs"),N=require("../components/display/progress-circle.cjs"),P=require("../components/display/status-dot.cjs"),F=require("../components/display/status-legend.cjs"),I=require("../components/display/timeline.cjs"),L=require("../components/display/user-card.cjs"),R=require("../components/display/smart-card.cjs"),z=require("../components/command/command-palette.cjs"),B=require("../components/upload/file-upload.cjs"),V=require("../components/upload/image-upload.cjs"),H=require("../components/upload/file-dropzone.cjs"),U=require("../components/wizard/stepper.cjs"),W=require("../components/wizard/wizard.cjs"),G=require("../components/layout/app-header.cjs"),K=require("../components/layout/stat-card.cjs"),re=require("../components/patterns/resource-detail-page.cjs"),q=require("../components/patterns/resource-page.cjs");let J=require("react");J=e.__toESM(J,1);let Y=require("lucide-react"),X=require("react/jsx-runtime");var ie=[Z(`dialog-actions`,`DialogActions`,`overlay`,`Modal footer action row with cancel, secondary and primary actions.`),Z(`alert-dialog`,`AlertDialog`,`overlay`,`Destructive confirmation dialog with loading-ready action states.`),Z(`drawer`,`Drawer`,`overlay`,`Side panel for contextual details without leaving the page.`),Z(`pagination`,`Pagination`,`navigation`,`Controlled page navigation with edge buttons and active state.`),Z(`nav-tabs`,`NavTabs`,`navigation`,`Navigation tabs for switching related document sections.`),Z(`clearable-input`,`ClearableInput`,`inputs`,`Input with clear action, Escape handling and focus restore.`),Z(`search-input`,`SearchInput`,`inputs`,`Search field with icon, count, shortcut and debounce-friendly value handling.`),Z(`password-input`,`PasswordInput`,`inputs`,`Password field with visibility toggle and secure autocomplete defaults.`),Z(`slider`,`Slider`,`inputs`,`Single value range control for density, threshold, and score tuning.`),Z(`range-slider`,`RangeSlider`,`inputs`,`Two-handle slider for min/max filtering.`),Z(`rating`,`Rating`,`inputs`,`Compact score input for feedback and review flows.`),Z(`otp-input`,`OtpInput`,`inputs`,`One-time code entry with fixed-length slots.`),Z(`color-input`,`ColorInput`,`inputs`,`Theme and accent color field with native color selection.`),Z(`tag-input`,`TagInput`,`inputs`,`Tokenized text input for labels, skills, and quick filters.`),Z(`description-list`,`DescriptionList`,`display`,`Structured key-value details for entity, invoice and profile pages.`),Z(`progress`,`Progress`,`display`,`Linear progress with label, value formatter, tone and indeterminate state.`),Z(`progress-circle`,`ProgressCircle`,`display`,`Compact circular progress for sidebars and status cards.`),Z(`timeline`,`Timeline`,`display`,`Vertical or horizontal event stream for workflow history.`),Z(`status-dot`,`StatusDot`,`display`,`Tiny live status indicator with optional pulse animation.`),Z(`user-card`,`UserCard`,`display`,`User summary row with avatar, metadata and actions.`),Z(`delta-badge`,`DeltaBadge`,`display`,`Compact positive, negative, and risk deltas for metric summaries.`),Z(`entity-header`,`EntityHeader`,`display`,`Top summary row for a customer, invoice, or workspace.`),Z(`notification-center`,`NotificationCenter`,`display`,`Compact activity and notifications stream.`),Z(`entity-card`,`EntityCard`,`display`,`Structured summary card with title, meta, state and actions.`),Z(`file-card`,`FileCard`,`display`,`Compact file summary with state and actions.`),Z(`data-list`,`DataList`,`display`,`Readable title and description rows for compact operational lists.`),Z(`status-legend`,`StatusLegend`,`display`,`Explain status meaning and counts in a compact legend.`),Z(`trend-card`,`TrendCard`,`display`,`Metric summary card with trend context.`),Z(`comparison-card`,`ComparisonCard`,`display`,`Compare current and previous values in one compact card.`),Z(`action-menu`,`ActionMenu`,`actions`,`Compact dropdown action menu for rows and cards.`),Z(`button-group`,`ButtonGroup`,`actions`,`Grouped action buttons for view switching and compact controls.`),Z(`quick-action-grid`,`QuickActionGrid`,`actions`,`Action launcher grid for dense dashboard shortcuts.`),Z(`filter-chips`,`FilterChips`,`actions`,`Inline active filter summaries with clear and remove actions.`),Z(`data-table-saved-filters`,`SavedFilterSelect`,`actions`,`Saved filter chips and quick view controls.`),Z(`app-header`,`AppHeader`,`layout`,`Sticky product header with left, center and right slots.`),Z(`section-header`,`SectionHeader`,`layout`,`Reusable section title block with actions and metadata.`),Z(`stat-card`,`StatCard`,`layout`,`Dashboard stat card for KPI, trend and helper text.`),Z(`filter-bar`,`FilterBar`,`actions`,`Search, filters, active-count and reset actions in one toolbar.`),Z(`anchor-nav`,`AnchorNav`,`navigation`,`Section jump navigation for long detail pages.`),Z(`page-tabs`,`PageTabs`,`navigation`,`Top-level page tab strip for route-sized sections.`),Z(`stepper-tabs`,`StepperTabs`,`navigation`,`Step-like tabs for setup and onboarding progress.`),Z(`alert`,`Alert`,`feedback`,`Inline feedback banner for success, warning, info, and error states.`),Z(`page-state`,`PageState`,`feedback`,`Full-page completion or blocked state with next actions.`),Z(`data-table-pagination`,`DataTablePagination`,`data-table`,`Pagination control used by DataTable pages.`),Z(`data-table-toolbar`,`DataTableToolbar`,`data-table`,`Toolbar surface for DataTable search, filters and actions.`),Z(`data-table-column-visibility-menu`,`DataTableColumnVisibilityMenu`,`data-table`,`Column visibility menu pattern for table views.`),Z(`data-table-select-column`,`DataTableSelectColumn`,`data-table`,`Selection column pattern for bulk table workflows.`),Z(`data-table-sortable-header`,`DataTableSortableHeader`,`data-table`,`Sortable header trigger with clear visual state.`),Z(`data-table-row-actions`,`DataTableRowActions`,`data-table`,`Row action menu for inspect, duplicate and archive operations.`),Z(`data-table-actions-column`,`DataTableActionsColumn`,`data-table`,`Reusable actions column for DataTable definitions.`),Z(`data-table-bulk-actions`,`DataTableBulkActions`,`data-table`,`Bulk action bar for selected rows.`),Z(`data-table-view-presets`,`DataTableViewPresets`,`data-table`,`Saved table view presets for operational dashboards.`),Z(`calendar`,`Calendar`,`calendar`,`Single month calendar surface for date picker and scheduling flows.`),Z(`file-upload`,`FileUpload`,`upload`,`Full file upload surface with dropzone, action button and helper text.`),Z(`image-upload`,`ImageUpload`,`upload`,`Image upload pattern with preview-oriented copy.`,`ImageUpload`),Z(`file-dropzone`,`FileDropzone`,`upload`,`Lightweight file dropzone primitive for custom upload flows.`),Z(`stepper`,`Stepper`,`wizard`,`Clickable step navigation for multi-step forms.`),Z(`wizard`,`Wizard`,`wizard`,`Stepper, content and footer controls combined into one workflow.`),Z(`command-palette`,`CommandPalette`,`actions`,`Keyboard command surface for global navigation and actions.`),Z(`resource-page`,`ResourcePage`,`patterns`,`Full resource index page shell for admin dashboards.`),Z(`resource-detail-page`,`ResourceDetailPage`,`patterns`,`Detail page shell with title, metadata and sections.`)],ae=Object.fromEntries(ie.map(e=>[e.slug,{mock:oe(e),Showcase:t=>(0,X.jsx)(ce,{definition:e,...t})}]));function Z(e,t,n,r,i=t){let a=Se(e);return{slug:e,title:a,component:t,kind:n,summary:r,importName:i,highlights:[`${a} uses the real ${t} surface.`,`CLI, import and preview stay scoped to this component.`,`Preview wrappers stay light so the component UI remains visible.`],scenarios:[{title:`Use when`,description:r},{title:`Implementation`,description:`Add ${e}, import ${i}, then pass controlled props where the API requires state.`}]}}function oe(e){return{cliCommand:`npx tembro add ${e.slug}`,code:se(e),highlights:e.highlights,scenarios:e.scenarios,capabilityNotes:[`Add ${e.slug} into your local source with the CLI.`,`Import from your configured components alias after the file is copied.`]}}function se(e){let t=e.importName??e.component;return`import { ${t} } from "@/components/${e.slug}"\n\nexport function Demo() {\n  return <${t} />\n}`}function ce({definition:e,state:t,setState:n}){return(0,X.jsxs)(`div`,{className:`space-y-5`,children:[(0,X.jsxs)(`header`,{className:`space-y-2`,children:[(0,X.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:e.component}),(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`h3`,{className:`aui-text-strong text-2xl font-semibold tracking-tight`,children:e.title}),(0,X.jsx)(`p`,{className:`aui-text-muted mt-2 max-w-2xl text-sm leading-6`,children:e.summary})]})]}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4 sm:p-5`,children:le(e,t,n)})]})}function le(e,t,n){return e.kind===`inputs`?(0,X.jsx)(ue,{slug:e.slug,state:t,setState:n}):e.kind===`form`?(0,X.jsx)(de,{state:t,setState:n}):e.kind===`overlay`?(0,X.jsx)(fe,{slug:e.slug}):e.kind===`navigation`?(0,X.jsx)(pe,{slug:e.slug}):e.kind===`feedback`?(0,X.jsx)(me,{slug:e.slug}):e.kind===`display`?(0,X.jsx)(Q,{slug:e.slug}):e.kind===`actions`?(0,X.jsx)(he,{slug:e.slug,state:t,setState:n}):e.kind===`layout`?(0,X.jsx)(ge,{slug:e.slug}):e.kind===`data-table`?(0,X.jsx)(_e,{slug:e.slug}):e.kind===`calendar`?(0,X.jsx)(ve,{}):e.kind===`upload`?(0,X.jsx)(ye,{slug:e.slug}):e.kind===`wizard`?(0,X.jsx)(be,{slug:e.slug}):e.kind===`patterns`?(0,X.jsx)(xe,{slug:e.slug}):null}function ue({slug:e,state:t,setState:n}){let r=t.textValue,c=e=>n({textValue:e});if(e===`search-input`)return(0,X.jsx)(o.SearchInput,{value:r,onValueChange:c,resultCount:12,shortcut:`Ctrl K`,placeholder:`Search customers...`});if(e===`password-input`)return(0,X.jsx)(a.PasswordInput,{value:`secret-token`,onValueChange:c,placeholder:`Password`});if(e===`clearable-input`)return(0,X.jsx)(i.ClearableInput,{value:r,onValueChange:c,placeholder:`Clearable input`});if(e===`slider`)return(0,X.jsx)(w.Slider,{label:`Density`,description:`Tune content density.`,defaultValue:64,showValue:!0});if(e===`range-slider`)return(0,X.jsx)(w.RangeSlider,{label:`Revenue range`,description:`Filter between two values.`,defaultValue:[20,80],showValue:!0});if(e===`rating`)return(0,X.jsx)(C.Rating,{defaultValue:4,labels:{clear:`Reset`}});if(e===`otp-input`)return(0,X.jsx)(ne.OtpInput,{value:r.replace(/\D/g,``).slice(0,6),onValueChange:c});if(e===`color-input`)return(0,X.jsx)(te.ColorInput,{defaultValue:`#22c55e`,label:`Accent color`,description:`Theme token preview.`});if(e===`tag-input`)return(0,X.jsx)(T.TagInput,{defaultValue:[`dashboard`,`beta`,`ops`],placeholder:`Add label`});if(e===`simple-select`)return(0,X.jsxs)(`div`,{className:`grid gap-4`,children:[(0,X.jsx)(ee.SimpleSelect,{value:`private`,onValueChange:()=>void 0,options:[{value:`public`,label:`Public`,description:`Visible to all users`},{value:`private`,label:`Private`,description:`Restricted to invited members`},{value:`internal`,label:`Internal`,description:`Only workspace maintainers`},{value:`archived`,label:`Archived`,description:`History only`,disabled:!0}],placeholder:`Visibility`,searchable:!0,clearable:!0}),(0,X.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Static options with lightweight search.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Clear action stays inside the trigger surface.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Use before moving to AsyncSelect.`})]})]});if(e===`async-select`){let e=[{value:`north`,label:`North Region`,description:`Sales ops`},{value:`south`,label:`South Region`,description:`Support team`},{value:`west`,label:`West Region`,description:`Billing operations`}];return(0,X.jsxs)(`div`,{className:`grid gap-4`,children:[(0,X.jsx)(S.AsyncSelect,{value:`north`,onValueChange:()=>void 0,loadOptions:async t=>{let n=t.trim().toLowerCase();return n?e.filter(e=>String(e.label).toLowerCase().includes(n)):e},defaultOptions:e,minSearchLength:1,clearable:!0}),(0,X.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Remote-ready select surface.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Hydration and clear behavior stay aligned.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Good for large or changing datasets.`})]})]})}return(0,X.jsx)(s.Input,{value:r,onChange:e=>n({textValue:e.currentTarget.value}),placeholder:`Unified input`})}function de({state:e,setState:t}){return(0,X.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,X.jsxs)(`label`,{className:`grid gap-2`,children:[(0,X.jsx)(`span`,{className:`text-sm font-medium aui-text-strong`,children:`Email address`}),(0,X.jsx)(s.Input,{value:e.textValue,onChange:e=>t({textValue:e.currentTarget.value})}),(0,X.jsx)(`span`,{className:`text-xs aui-text-muted`,children:`Form wrappers keep label, hint and error spacing consistent.`})]}),(0,X.jsxs)(`label`,{className:`grid gap-2`,children:[(0,X.jsx)(`span`,{className:`text-sm font-medium aui-text-strong`,children:`Status`}),(0,X.jsx)(o.SearchInput,{value:`Active customers`,resultCount:7,readOnly:!0}),(0,X.jsx)(`span`,{className:`text-xs text-emerald-500`,children:`Ready to submit`})]})]})}function fe({slug:e}){return e===`dialog-actions`?(0,X.jsx)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:(0,X.jsxs)(b.DialogActions,{align:`end`,children:[(0,X.jsx)(b.DialogActionButton,{variant:`ghost`,children:`Cancel`}),(0,X.jsx)(b.DialogActionButton,{variant:`outline`,children:`Save draft`}),(0,X.jsx)(b.DialogActionButton,{children:`Publish`})]})}):e===`alert-dialog`?(0,X.jsx)(y.AlertDialog,{open:!1,title:`Archive invoice?`,description:`This keeps the invoice readable but removes it from active queues.`,children:(0,X.jsx)(t.Button,{variant:`destructive`,children:`Open alert`})}):e===`drawer`?(0,X.jsx)(x.Drawer,{open:!1,trigger:(0,X.jsx)(t.Button,{variant:`outline`,children:`Open drawer`}),title:`Customer details`,description:`Side panel for fast inspection.`,children:(0,X.jsx)(k.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Azamat UI`}]})}):(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,X.jsx)(t.Button,{variant:`ghost`,children:`Cancel`}),(0,X.jsx)(t.Button,{variant:`outline`,children:`Save draft`}),(0,X.jsx)(t.Button,{children:`Publish`})]})}function pe({slug:e}){return e===`pagination`?(0,X.jsx)(m.Pagination,{page:3,pageCount:9,onPageChange:()=>void 0}):e===`anchor-nav`?(0,X.jsx)(d.AnchorNav,{orientation:`horizontal`,title:`Sections`,items:[{key:`overview`,label:`Overview`,href:`#overview`,active:!0},{key:`usage`,label:`Usage`,href:`#usage`},{key:`api`,label:`API`,href:`#api`}]}):e===`page-tabs`?(0,X.jsx)(p.PageTabs,{value:`overview`,variant:`pills`,items:[{value:`overview`,label:`Overview`},{value:`usage`,label:`Usage`},{value:`api`,label:`API`,badge:`3`}]}):e===`stepper-tabs`?(0,X.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`}]}):(0,X.jsx)(f.NavTabs,{value:`overview`,items:[{value:`overview`,label:`Overview`},{value:`usage`,label:`Usage`},{value:`api`,label:`API`}]})}function me({slug:e}){return e===`alert`?(0,X.jsx)(D.Alert,{tone:`warning`,title:`Review needed`,description:`Billing rules changed and one approval is pending.`,action:(0,X.jsx)(t.Button,{size:`sm`,children:`Open`})}):e===`page-state`?(0,X.jsx)(O.PageState,{title:`Workspace connected`,description:`The route is ready to accept live data and team actions.`,tone:`success`,action:(0,X.jsx)(t.Button,{size:`sm`,children:`Continue`})}):(0,X.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,X.jsx)($,{tone:`success`,children:`Live`}),(0,X.jsx)($,{tone:`warning`,children:`Needs review`}),(0,X.jsx)($,{tone:`danger`,children:`Blocked`}),(0,X.jsx)($,{tone:`info`,children:`Queued`})]})}function Q({slug:e}){return e===`description-list`?(0,X.jsx)(k.DescriptionList,{title:`Invoice details`,description:`Structured facts with responsive columns.`,items:[{key:`id`,label:`Invoice`,value:`#4821`},{key:`amount`,label:`Amount`,value:`$12,420`},{key:`status`,label:`Status`,value:(0,X.jsx)($,{tone:`success`,children:`Paid`})},{key:`owner`,label:`Owner`,value:`Finance team`}]}):e===`progress`?(0,X.jsx)(M.Progress,{label:`Migration progress`,description:`Production rollout`,value:68,tone:`success`,showValue:!0}):e===`progress-circle`?(0,X.jsx)(N.ProgressCircle,{value:72,label:`Profile completed`}):e===`timeline`?(0,X.jsx)(I.Timeline,{items:[{key:`created`,title:`Created`,description:`Invoice generated`,time:`09:20`,tone:`success`},{key:`review`,title:`Review`,description:`Finance team assigned`,time:`10:05`,tone:`info`},{key:`approve`,title:`Approval`,description:`Waiting for manager`,time:`Now`,tone:`warning`}],pending:!0,pendingLabel:`Paid`}):e===`metric-card`||e===`stat-card`?(0,X.jsx)(K.StatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},icon:(0,X.jsx)(Y.LayoutDashboardIcon,{})}):e===`status-dot`?(0,X.jsxs)(`div`,{className:`grid gap-3`,children:[(0,X.jsx)(P.StatusDot,{tone:`success`,pulse:!0,label:`API healthy`}),(0,X.jsx)(P.StatusDot,{tone:`warning`,label:`Sync delayed`}),(0,X.jsx)(P.StatusDot,{tone:`danger`,label:`Webhook failed`})]}):e===`delta-badge`?(0,X.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,X.jsx)(c.Badge,{variant:`secondary`,children:`+12.4%`}),(0,X.jsx)(c.Badge,{variant:`outline`,children:`-3.1%`}),(0,X.jsx)(c.Badge,{variant:`destructive`,children:`Risk`})]}):e===`entity-header`?(0,X.jsx)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:(0,X.jsxs)(`div`,{className:`flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between`,children:[(0,X.jsxs)(`div`,{className:`space-y-2`,children:[(0,X.jsx)(c.Badge,{variant:`outline`,children:`Customer`}),(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`h3`,{className:`text-xl font-semibold`,children:`Acme Holdings`}),(0,X.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Enterprise account with billing and admin ownership.`})]})]}),(0,X.jsxs)(`div`,{className:`flex gap-2`,children:[(0,X.jsx)(t.Button,{variant:`outline`,size:`sm`,children:`Archive`}),(0,X.jsx)(t.Button,{size:`sm`,children:`Edit`})]})]})}):e===`notification-center`?(0,X.jsx)(j.List,{items:[{key:`1`,title:`Build completed`,description:`Dashboard docs deployment is live.`,extra:`Now`},{key:`2`,title:`New comment`,description:`Review requested on DataTable API.`,extra:`8m`},{key:`3`,title:`Publish reminder`,description:`Package version is ready for release.`,extra:`1h`}]}):e===`entity-card`||e===`file-card`?(0,X.jsx)(A.EntityCard,{title:e===`file-card`?`Design-spec.pdf`:`Azamat Workspace`,description:e===`file-card`?`Shared with 4 reviewers.`:`Admin console and live dashboard route.`,status:(0,X.jsx)(c.Badge,{variant:`secondary`,children:`Live`}),meta:e===`file-card`?`2.4 MB`:`Updated 8 min ago`,actions:(0,X.jsx)(t.Button,{size:`sm`,variant:`outline`,children:`Open`})}):e===`data-list`?(0,X.jsx)(j.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`}]}):e===`status-legend`?(0,X.jsx)(F.StatusLegend,{title:`Delivery states`,description:`Explain what each state means and how often it appears.`,orientation:`grid`,items:[{key:`live`,label:`Live`,description:`Healthy production routes`,tone:`success`,count:18},{key:`review`,label:`Review`,description:`Waiting for QA approval`,tone:`warning`,count:4},{key:`blocked`,label:`Blocked`,description:`Needs engineering action`,tone:`danger`,count:1}]}):e===`trend-card`||e===`comparison-card`?(0,X.jsx)(K.StatCard,{title:e===`trend-card`?`Weekly revenue`:`Current vs previous`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},icon:(0,X.jsx)(Y.LayoutDashboardIcon,{})}):e===`info-card`?(0,X.jsxs)(`div`,{className:`grid gap-4`,children:[(0,X.jsx)(R.SmartCard,{eyebrow:`Summary`,title:`Workspace`,description:`Reusable card surface with header, actions and metadata.`,actions:(0,X.jsx)(t.Button,{size:`sm`,variant:`outline`,children:`Open`}),selected:!0,children:(0,X.jsx)(`p`,{className:`aui-text-muted mt-2 text-sm`,children:`Keep metadata, helper copy and compact actions in one reusable card surface.`})}),(0,X.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Vertical and horizontal layout support.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Selected and action-safe surfaces.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Useful for summary panels and detail sidebars.`})]})]}):(0,X.jsx)(L.UserCard,{name:`Azamat Jurayev`,description:`Product designer and maintainer`,meta:`Admin workspace`,actions:(0,X.jsx)(t.Button,{size:`sm`,children:`Invite`})})}function he({slug:e,state:i,setState:a}){return e===`filter-bar`?(0,X.jsx)(_.FilterBar,{search:(0,X.jsx)(o.SearchInput,{value:i.textValue,onValueChange:e=>a({textValue:e}),placeholder:`Search invoices...`}),activeCount:2,onReset:()=>a({textValue:``}),filters:(0,X.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,X.jsx)(Y.FilterIcon,{"data-icon":`inline-start`}),`Status`]}),actions:(0,X.jsx)(t.Button,{size:`sm`,children:`Export`})}):e===`command-palette`?(0,X.jsxs)(`div`,{className:`grid gap-3`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 py-2`,children:[(0,X.jsx)(Y.SearchIcon,{className:`size-4 aui-text-muted`}),(0,X.jsx)(`span`,{className:`text-sm aui-text-muted`,children:`Command palette preview: search routes, components and actions.`})]}),(0,X.jsx)(z.CommandPalette,{open:!1,onOpenChange:()=>void 0,groups:[{id:`navigation`,label:`Navigation`,items:[{id:`docs`,label:`Open docs`,icon:(0,X.jsx)(Y.SearchIcon,{className:`size-4`})},{id:`components`,label:`Browse components`,icon:(0,X.jsx)(Y.LayoutDashboardIcon,{className:`size-4`})}]}]})]}):e===`button-group`?(0,X.jsx)(r.ButtonGroup,{items:[{key:`day`,label:`Day`},{key:`week`,label:`Week`},{key:`month`,label:`Month`}]}):e===`quick-action-grid`?(0,X.jsx)(l.QuickActionGrid,{columns:3,items:[{key:`new`,label:`New invoice`,description:`Create a fresh billing row.`,badge:`N`},{key:`import`,label:`Import CSV`,description:`Bring finance data into the table.`,badge:`I`},{key:`share`,label:`Share workspace`,description:`Invite team members to the route.`,badge:`S`}]}):e===`filter-chips`||e===`data-table-saved-filters`?(0,X.jsxs)(`div`,{className:`grid gap-3`,children:[(0,X.jsx)(g.FilterChips,{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`}],onRemove:()=>void 0,onClear:()=>void 0}),e===`data-table-saved-filters`?(0,X.jsx)(r.ButtonGroup,{attached:!1,items:[{key:`default`,label:`Default`,variant:`secondary`},{key:`billing`,label:`Billing`},{key:`ops`,label:`Operations`}]}):null]}):e===`saved-filter-select`?(0,X.jsxs)(`div`,{className:`grid gap-4`,children:[(0,X.jsx)(v.SavedFilterSelect,{value:`billing`,onValueChange:()=>void 0,onSave:()=>void 0,onDelete:()=>void 0,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`}]}),(0,X.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Named view switching for table routes.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Delete action stays isolated from parent selection.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Useful in finance, ops and admin dashboards.`})]})]}):(0,X.jsxs)(`div`,{className:`flex items-center justify-between rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Invoice #4821`}),(0,X.jsx)(`p`,{className:`text-sm aui-text-muted`,children:`Pending approval`})]}),(0,X.jsx)(n.ActionMenu,{label:`Actions`,actions:[{key:`open`,label:`Open`,icon:(0,X.jsx)(Y.ChevronRightIcon,{className:`size-4`})},{key:`download`,label:`Download`,icon:(0,X.jsx)(Y.DownloadIcon,{className:`size-4`})},{key:`archive`,label:`Archive`,icon:(0,X.jsx)(Y.ArchiveIcon,{className:`size-4`}),destructive:!0}],trigger:(0,X.jsx)(t.Button,{variant:`outline`,size:`icon-sm`,"aria-label":`Open actions`,children:(0,X.jsx)(Y.MoreHorizontalIcon,{})})})]})}function ge({slug:e}){return e===`app-header`?(0,X.jsx)(G.AppHeader,{sticky:!1,left:(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(Y.LayoutDashboardIcon,{className:`size-4`}),(0,X.jsx)(`span`,{className:`font-medium`,children:`Dashboard`})]}),center:(0,X.jsx)(c.Badge,{variant:`secondary`,children:`Preview`}),right:(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Notifications`,children:(0,X.jsx)(Y.BellIcon,{})}),(0,X.jsx)(t.Button,{size:`sm`,children:`Deploy`})]}),className:`rounded-xl border border-[color:var(--aui-divider)]`}):e===`section-header`?(0,X.jsx)(u.SectionHeader,{eyebrow:`Components`,title:`Production-ready surfaces`,description:`SectionHeader keeps copy, metadata and actions aligned.`,actions:(0,X.jsx)(t.Button,{size:`sm`,children:`Add component`})}):(0,X.jsx)(K.StatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},helperText:`StatCard keeps KPI, helper text and trend in one compact tile.`})}function _e({slug:e}){return(0,X.jsxs)(`div`,{className:`overflow-hidden rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:[(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-b border-[color:var(--aui-divider)] p-3`,children:[(0,X.jsx)(o.SearchInput,{value:``,placeholder:`Search rows...`,className:`max-w-xs`,readOnly:!0}),(0,X.jsxs)(`div`,{className:`flex gap-2`,children:[(0,X.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,X.jsx)(Y.FilterIcon,{"data-icon":`inline-start`}),`Filters`]}),(0,X.jsx)(t.Button,{size:`sm`,children:`Create`})]})]}),(0,X.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] border-b border-[color:var(--aui-divider)] px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] aui-text-muted`,children:[(0,X.jsx)(`span`,{children:(0,X.jsx)(`input`,{type:`checkbox`,"aria-label":`Select rows`})}),(0,X.jsx)(`span`,{children:`Name`}),(0,X.jsx)(`span`,{children:`Status`}),(0,X.jsx)(`span`,{children:`Actions`})]}),[`Azamat UI`,`Registry`,`Dashboard`].map((e,n)=>(0,X.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] items-center border-b border-[color:var(--aui-divider)] px-3 py-3 last:border-b-0`,children:[(0,X.jsx)(`span`,{children:(0,X.jsx)(`input`,{type:`checkbox`,"aria-label":`Select ${e}`,defaultChecked:n===0})}),(0,X.jsx)(`span`,{className:`font-medium aui-text-strong`,children:e}),(0,X.jsx)(`span`,{children:(0,X.jsx)($,{tone:n===2?`warning`:`success`,children:n===2?`Review`:`Live`})}),(0,X.jsx)(`span`,{children:(0,X.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Row actions`,children:(0,X.jsx)(Y.MoreHorizontalIcon,{})})})]},e)),(0,X.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-[color:var(--aui-divider)] p-3 text-sm aui-text-muted`,children:[(0,X.jsxs)(`span`,{children:[{"data-table-pagination":`Pagination footer`,"data-table-toolbar":`Search and filter toolbar`,"data-table-column-visibility-menu":`Column visibility`,"data-table-select-column":`Row selection`,"data-table-sortable-header":`Sortable header`,"data-table-row-actions":`Row actions`,"data-table-actions-column":`Actions column`,"data-table-bulk-actions":`Bulk action bar`,"data-table-view-presets":`Saved view presets`}[e]??`DataTable part`,` preview`]}),(0,X.jsx)(m.Pagination,{page:1,pageCount:4,onPageChange:()=>void 0,showEdges:!1})]})]})}function ve(){return(0,X.jsx)(E.Calendar,{value:`2026-06-18`,defaultMonth:`2026-06-01`,onValueChange:()=>void 0})}function ye({slug:e}){return e===`file-dropzone`?(0,X.jsx)(H.FileDropzone,{label:`Drop contract files`,description:`PDF, PNG or CSV up to 10MB.`}):e===`file-upload`?(0,X.jsxs)(`div`,{className:`grid gap-4`,children:[(0,X.jsx)(B.FileUpload,{dropzoneLabel:`Upload documents`,dropzoneDescription:`Drag files here or choose from your device.`,buttonLabel:`Choose files`,helperText:`Supports PDF, CSV and images.`}),(0,X.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Dropzone click and nested actions stay isolated.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Rejected states and helper copy live in the same component.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Use for production file routes, not just decorative previews.`})]})]}):e===`image-upload`?(0,X.jsxs)(`div`,{className:`grid gap-4`,children:[(0,X.jsx)(V.ImageUpload,{dropzoneLabel:`Upload product image`,helperText:`Preview-friendly upload for gallery and hero assets.`}),(0,X.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Image preview is part of the reusable component.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Remove action stays separate from the parent dropzone surface.`}),(0,X.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Good for template thumbnails and marketing assets.`})]})]}):(0,X.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-[160px_1fr] md:items-center`,children:[(0,X.jsx)(`div`,{className:`flex aspect-square items-center justify-center rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:(0,X.jsx)(Y.UploadCloudIcon,{className:`size-8 aui-text-muted`})}),(0,X.jsx)(H.FileDropzone,{label:`Upload product image`,description:`Shows the image-upload flow without custom CSS.`,accept:`image/*`})]})}function be({slug:e}){let t=[{id:`profile`,title:`Profile`,description:`Account details`,completed:!0},{id:`billing`,title:`Billing`,description:`Payment setup`},{id:`review`,title:`Review`,description:`Confirm data`}];return e===`stepper`?(0,X.jsx)(U.Stepper,{steps:t,currentStep:`billing`,onStepChange:()=>void 0}):(0,X.jsx)(W.Wizard,{steps:t,currentStep:`billing`,onNext:()=>void 0,onPrevious:()=>void 0,onFinish:()=>void 0,children:(0,X.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,X.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Billing setup`}),(0,X.jsx)(`p`,{className:`mt-1 text-sm aui-text-muted`,children:`Wizard combines steps, content and footer controls.`})]})})}function xe({slug:e}){return e===`resource-detail-page`?(0,X.jsx)(re.ResourceDetailPage,{title:`Customer profile`,description:`ResourceDetailPage organizes detail screens.`,actions:(0,X.jsx)(t.Button,{size:`sm`,children:`Edit`}),children:(0,X.jsx)(q.ResourcePageSection,{title:`Account`,children:(0,X.jsx)(k.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Design team`}]})})}):(0,X.jsx)(q.ResourcePage,{title:`Customers`,description:`ResourcePage combines header, stats, filters and sections.`,actions:(0,X.jsx)(t.Button,{size:`sm`,children:`New customer`}),stats:(0,X.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,X.jsx)(K.StatCard,{title:`Active`,value:`2,418`,trend:{value:`+8%`,tone:`success`}}),(0,X.jsx)(K.StatCard,{title:`Health`,value:`94%`,trend:{value:`Stable`,tone:`info`}})]}),filters:(0,X.jsx)(_.FilterBar,{search:(0,X.jsx)(o.SearchInput,{value:``,placeholder:`Search...`,readOnly:!0}),activeCount:1}),children:(0,X.jsx)(q.ResourcePageSection,{title:`Recent activity`,children:(0,X.jsx)(I.Timeline,{items:[{key:`a`,title:`Customer added`,description:`Acme workspace`,tone:`success`},{key:`b`,title:`Plan updated`,description:`Scale plan enabled`,tone:`info`}]})})})}function Se(e){return e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}function $({tone:e,children:t}){return(0,X.jsx)(c.Badge,{variant:{success:`secondary`,warning:`outline`,danger:`destructive`,info:`outline`}[e],children:t})}exports.registrySpecificDemoRegistry=ae;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../components/ui/button/index.cjs"),n=require("../components/actions/action-menu.cjs"),r=require("../components/actions/button-group.cjs"),i=require("../components/inputs/password-input.cjs"),a=require("../components/inputs/search-input.cjs"),o=require("../components/ui/input/index.cjs"),s=require("../components/ui/badge/index.cjs"),c=require("../components/actions/quick-action-grid.cjs"),l=require("../components/layout/section-header.cjs"),u=require("../components/navigation/nav-tabs.cjs"),ee=require("../components/navigation/page-tabs.cjs"),d=require("../components/navigation/pagination.cjs"),f=require("../components/navigation/stepper-tabs.cjs"),p=require("../components/filters/filter-bar.cjs"),te=require("../components/filters/saved-filter-select.cjs"),m=require("../components/overlay/alert-dialog.cjs"),h=require("../components/overlay/drawer.cjs"),g=require("../components/inputs/async-select.cjs"),_=require("../components/inputs/simple-select.cjs"),v=require("../components/inputs/otp-input.cjs"),y=require("../components/inputs/rating.cjs"),b=require("../components/inputs/slider.cjs"),x=require("../components/inputs/tag-input.cjs"),S=require("../components/feedback/alert.cjs"),C=require("../components/feedback/page-state.cjs"),w=require("../components/display/description-list.cjs"),T=require("../components/display/list.cjs"),E=require("../components/display/progress.cjs"),D=require("../components/display/progress-circle.cjs"),O=require("../components/display/status-dot.cjs"),k=require("../components/display/status-legend.cjs"),A=require("../components/display/timeline.cjs"),j=require("../components/display/user-card.cjs"),M=require("../components/layout/stat-card.cjs"),N=require("../components/display/smart-card.cjs"),P=require("../components/calendar/calendar.cjs"),F=require("../components/upload/file-upload.cjs"),I=require("../components/upload/image-upload.cjs"),L=require("../components/upload/file-dropzone.cjs"),R=require("../components/wizard/stepper.cjs"),z=require("../components/wizard/wizard.cjs"),B=require("../components/layout/app-header.cjs"),V=require("../components/patterns/resource-detail-page.cjs"),H=require("../components/patterns/resource-page.cjs");let U=require("react");U=e.__toESM(U,1);let W=require("lucide-react"),G=require("react/jsx-runtime");var K=[J(`alert-dialog`,`AlertDialog`,`overlay`,`Destructive confirmation dialog with loading-ready action states.`),J(`drawer`,`Drawer`,`overlay`,`Side panel for contextual details without leaving the page.`),J(`pagination`,`Pagination`,`navigation`,`Controlled page navigation with edge buttons and active state.`),J(`nav-tabs`,`NavTabs`,`navigation`,`Navigation tabs for switching related document sections.`),J(`search-input`,`SearchInput`,`inputs`,`Search field with icon, count, shortcut and debounce-friendly value handling.`),J(`password-input`,`PasswordInput`,`inputs`,`Password field with visibility toggle and secure autocomplete defaults.`),J(`slider`,`Slider`,`inputs`,`Single value range control for density, threshold, and score tuning.`),J(`range-slider`,`RangeSlider`,`inputs`,`Two-handle slider for min/max filtering.`),J(`rating`,`Rating`,`inputs`,`Compact score input for feedback and review flows.`),J(`otp-input`,`OtpInput`,`inputs`,`One-time code entry with fixed-length slots.`),J(`tag-input`,`TagInput`,`inputs`,`Tokenized text input for labels, skills, and quick filters.`),J(`progress`,`Progress`,`display`,`Linear progress with label, value formatter, tone and indeterminate state.`),J(`progress-circle`,`ProgressCircle`,`display`,`Compact circular progress for sidebars and status cards.`),J(`timeline`,`Timeline`,`display`,`Vertical or horizontal event stream for workflow history.`),J(`status-dot`,`StatusDot`,`display`,`Tiny live status indicator with optional pulse animation.`),J(`user-card`,`UserCard`,`display`,`User summary row with avatar, metadata and actions.`),J(`notification-center`,`NotificationCenter`,`display`,`Compact activity and notifications stream.`),J(`data-list`,`DataList`,`display`,`Readable title and description rows for compact operational lists.`),J(`status-legend`,`StatusLegend`,`display`,`Explain status meaning and counts in a compact legend.`),J(`trend-card`,`TrendCard`,`display`,`Metric summary card with trend context.`),J(`action-menu`,`ActionMenu`,`actions`,`Compact dropdown action menu for rows and cards.`),J(`button-group`,`ButtonGroup`,`actions`,`Grouped action buttons for view switching and compact controls.`),J(`quick-action-grid`,`QuickActionGrid`,`actions`,`Action launcher grid for dense dashboard shortcuts.`),J(`app-header`,`AppHeader`,`layout`,`Sticky product header with left, center and right slots.`),J(`section-header`,`SectionHeader`,`layout`,`Reusable section title block with actions and metadata.`),J(`stat-card`,`StatCard`,`layout`,`Dashboard stat card for KPI, trend and helper text.`),J(`filter-bar`,`FilterBar`,`actions`,`Search, filters, active-count and reset actions in one toolbar.`),J(`page-tabs`,`PageTabs`,`navigation`,`Top-level page tab strip for route-sized sections.`),J(`stepper-tabs`,`StepperTabs`,`navigation`,`Step-like tabs for setup and onboarding progress.`),J(`alert`,`Alert`,`feedback`,`Inline feedback banner for success, warning, info, and error states.`),J(`page-state`,`PageState`,`feedback`,`Full-page completion or blocked state with next actions.`),J(`calendar`,`Calendar`,`calendar`,`Single month calendar surface for date picker and scheduling flows.`),J(`file-upload`,`FileUpload`,`upload`,`Full file upload surface with dropzone, action button and helper text.`),J(`image-upload`,`ImageUpload`,`upload`,`Image upload pattern with preview-oriented copy.`,`ImageUpload`),J(`file-dropzone`,`FileDropzone`,`upload`,`Lightweight file dropzone primitive for custom upload flows.`),J(`stepper`,`Stepper`,`wizard`,`Clickable step navigation for multi-step forms.`),J(`wizard`,`Wizard`,`wizard`,`Stepper, content and footer controls combined into one workflow.`),J(`resource-page`,`ResourcePage`,`patterns`,`Full resource index page shell for admin dashboards.`),J(`resource-detail-page`,`ResourceDetailPage`,`patterns`,`Detail page shell with title, metadata and sections.`)],q=Object.fromEntries(K.map(e=>[e.slug,{mock:Y(e),Showcase:t=>(0,G.jsx)(Z,{definition:e,...t})}]));function J(e,t,n,r,i=t){let a=he(e);return{slug:e,title:a,component:t,kind:n,summary:r,importName:i,highlights:[`${a} uses the real ${t} surface.`,`CLI, import and preview stay scoped to this component.`,`Preview wrappers stay light so the component UI remains visible.`],scenarios:[{title:`Use when`,description:r},{title:`Implementation`,description:`Add ${e}, import ${i}, then pass controlled props where the API requires state.`}]}}function Y(e){return{cliCommand:`npx tembro add ${e.slug}`,code:X(e),highlights:e.highlights,scenarios:e.scenarios,capabilityNotes:[`Add ${e.slug} into your local source with the CLI.`,"Import the public component surface from `tembro` in app code."]}}function X(e){let t=e.importName??e.component;return`import { ${t} } from "tembro"\n\nexport function Demo() {\n  return <${t} />\n}`}function Z({definition:e,state:t,setState:n}){return(0,G.jsxs)(`div`,{className:`space-y-5`,children:[(0,G.jsxs)(`header`,{className:`space-y-2`,children:[(0,G.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:e.component}),(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`h3`,{className:`aui-text-strong text-2xl font-semibold tracking-tight`,children:e.title}),(0,G.jsx)(`p`,{className:`aui-text-muted mt-2 max-w-2xl text-sm leading-6`,children:e.summary})]})]}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4 sm:p-5`,children:Q(e,t,n)})]})}function Q(e,t,n){return e.kind===`inputs`?(0,G.jsx)(ne,{slug:e.slug,state:t,setState:n}):e.kind===`form`?(0,G.jsx)(re,{state:t,setState:n}):e.kind===`overlay`?(0,G.jsx)(ie,{slug:e.slug}):e.kind===`navigation`?(0,G.jsx)(ae,{slug:e.slug}):e.kind===`feedback`?(0,G.jsx)(oe,{slug:e.slug}):e.kind===`display`?(0,G.jsx)(se,{slug:e.slug}):e.kind===`actions`?(0,G.jsx)(ce,{slug:e.slug,state:t,setState:n}):e.kind===`layout`?(0,G.jsx)(le,{slug:e.slug}):e.kind===`data-table`?(0,G.jsx)(ue,{slug:e.slug}):e.kind===`calendar`?(0,G.jsx)(de,{}):e.kind===`upload`?(0,G.jsx)(fe,{slug:e.slug}):e.kind===`wizard`?(0,G.jsx)(pe,{slug:e.slug}):e.kind===`patterns`?(0,G.jsx)(me,{slug:e.slug}):null}function ne({slug:e,state:t,setState:n}){let r=t.textValue,s=e=>n({textValue:e});if(e===`search-input`)return(0,G.jsx)(a.SearchInput,{value:r,onValueChange:s,resultCount:12,shortcut:`Ctrl K`,placeholder:`Search customers...`});if(e===`password-input`)return(0,G.jsx)(i.PasswordInput,{value:`secret-token`,onValueChange:s,placeholder:`Password`});if(e===`slider`)return(0,G.jsx)(b.Slider,{label:`Density`,description:`Tune content density.`,defaultValue:64,showValue:!0});if(e===`range-slider`)return(0,G.jsx)(b.RangeSlider,{label:`Revenue range`,description:`Filter between two values.`,defaultValue:[20,80],showValue:!0});if(e===`rating`)return(0,G.jsx)(y.Rating,{defaultValue:4,labels:{clear:`Reset`}});if(e===`otp-input`)return(0,G.jsx)(v.OtpInput,{value:r.replace(/\D/g,``).slice(0,6),onValueChange:s});if(e===`tag-input`)return(0,G.jsx)(x.TagInput,{defaultValue:[`dashboard`,`beta`,`ops`],placeholder:`Add label`});if(e===`simple-select`)return(0,G.jsxs)(`div`,{className:`grid gap-4`,children:[(0,G.jsx)(_.SimpleSelect,{value:`private`,onValueChange:()=>void 0,options:[{value:`public`,label:`Public`,description:`Visible to all users`},{value:`private`,label:`Private`,description:`Restricted to invited members`},{value:`internal`,label:`Internal`,description:`Only workspace maintainers`},{value:`archived`,label:`Archived`,description:`History only`,disabled:!0}],placeholder:`Visibility`,searchable:!0,clearable:!0}),(0,G.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Static options with lightweight search.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Clear action stays inside the trigger surface.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Use before moving to AsyncSelect.`})]})]});if(e===`async-select`){let e=[{value:`north`,label:`North Region`,description:`Sales ops`},{value:`south`,label:`South Region`,description:`Support team`},{value:`west`,label:`West Region`,description:`Billing operations`}];return(0,G.jsxs)(`div`,{className:`grid gap-4`,children:[(0,G.jsx)(g.AsyncSelect,{value:`north`,onValueChange:()=>void 0,loadOptions:async t=>{let n=t.trim().toLowerCase();return n?e.filter(e=>String(e.label).toLowerCase().includes(n)):e},defaultOptions:e,minSearchLength:1,clearable:!0}),(0,G.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Remote-ready select surface.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Hydration and clear behavior stay aligned.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Good for large or changing datasets.`})]})]})}return(0,G.jsx)(o.Input,{value:r,onChange:e=>n({textValue:e.currentTarget.value}),placeholder:`Unified input`})}function re({state:e,setState:t}){return(0,G.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,G.jsxs)(`label`,{className:`grid gap-2`,children:[(0,G.jsx)(`span`,{className:`text-sm font-medium aui-text-strong`,children:`Email address`}),(0,G.jsx)(o.Input,{value:e.textValue,onChange:e=>t({textValue:e.currentTarget.value})}),(0,G.jsx)(`span`,{className:`text-xs aui-text-muted`,children:`Form wrappers keep label, hint and error spacing consistent.`})]}),(0,G.jsxs)(`label`,{className:`grid gap-2`,children:[(0,G.jsx)(`span`,{className:`text-sm font-medium aui-text-strong`,children:`Status`}),(0,G.jsx)(a.SearchInput,{value:`Active customers`,resultCount:7,readOnly:!0}),(0,G.jsx)(`span`,{className:`text-xs text-emerald-500`,children:`Ready to submit`})]})]})}function ie({slug:e}){return e===`alert-dialog`?(0,G.jsx)(m.AlertDialog,{open:!1,title:`Archive invoice?`,description:`This keeps the invoice readable but removes it from active queues.`,children:(0,G.jsx)(t.Button,{variant:`destructive`,children:`Open alert`})}):e===`drawer`?(0,G.jsx)(h.Drawer,{open:!1,trigger:(0,G.jsx)(t.Button,{variant:`outline`,children:`Open drawer`}),title:`Customer details`,description:`Side panel for fast inspection.`,children:(0,G.jsx)(w.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Azamat UI`}]})}):(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,G.jsx)(t.Button,{variant:`ghost`,children:`Cancel`}),(0,G.jsx)(t.Button,{variant:`outline`,children:`Save draft`}),(0,G.jsx)(t.Button,{children:`Publish`})]})}function ae({slug:e}){return e===`pagination`?(0,G.jsx)(d.Pagination,{page:3,pageCount:9,onPageChange:()=>void 0}):e===`page-tabs`?(0,G.jsx)(ee.PageTabs,{value:`overview`,variant:`pills`,items:[{value:`overview`,label:`Overview`},{value:`usage`,label:`Usage`},{value:`api`,label:`API`,badge:`3`}]}):e===`stepper-tabs`?(0,G.jsx)(f.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`}]}):(0,G.jsx)(u.NavTabs,{value:`overview`,items:[{value:`overview`,label:`Overview`},{value:`usage`,label:`Usage`},{value:`api`,label:`API`}]})}function oe({slug:e}){return e===`alert`?(0,G.jsx)(S.Alert,{tone:`warning`,title:`Review needed`,description:`Billing rules changed and one approval is pending.`,action:(0,G.jsx)(t.Button,{size:`sm`,children:`Open`})}):e===`page-state`?(0,G.jsx)(C.PageState,{title:`Workspace connected`,description:`The route is ready to accept live data and team actions.`,tone:`success`,action:(0,G.jsx)(t.Button,{size:`sm`,children:`Continue`})}):(0,G.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,G.jsx)($,{tone:`success`,children:`Live`}),(0,G.jsx)($,{tone:`warning`,children:`Needs review`}),(0,G.jsx)($,{tone:`danger`,children:`Blocked`}),(0,G.jsx)($,{tone:`info`,children:`Queued`})]})}function se({slug:e}){return e===`progress`?(0,G.jsx)(E.Progress,{label:`Migration progress`,description:`Production rollout`,value:68,tone:`success`,showValue:!0}):e===`progress-circle`?(0,G.jsx)(D.ProgressCircle,{value:72,label:`Profile completed`}):e===`timeline`?(0,G.jsx)(A.Timeline,{items:[{key:`created`,title:`Created`,description:`Invoice generated`,time:`09:20`,tone:`success`},{key:`review`,title:`Review`,description:`Finance team assigned`,time:`10:05`,tone:`info`},{key:`approve`,title:`Approval`,description:`Waiting for manager`,time:`Now`,tone:`warning`}],pending:!0,pendingLabel:`Paid`}):e===`metric-card`||e===`stat-card`?(0,G.jsx)(M.StatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},icon:(0,G.jsx)(W.LayoutDashboardIcon,{})}):e===`status-dot`?(0,G.jsxs)(`div`,{className:`grid gap-3`,children:[(0,G.jsx)(O.StatusDot,{tone:`success`,pulse:!0,label:`API healthy`}),(0,G.jsx)(O.StatusDot,{tone:`warning`,label:`Sync delayed`}),(0,G.jsx)(O.StatusDot,{tone:`danger`,label:`Webhook failed`})]}):e===`notification-center`?(0,G.jsx)(T.List,{items:[{key:`1`,title:`Build completed`,description:`Dashboard docs deployment is live.`,extra:`Now`},{key:`2`,title:`New comment`,description:`Review requested on DataTable API.`,extra:`8m`},{key:`3`,title:`Publish reminder`,description:`Package version is ready for release.`,extra:`1h`}]}):e===`data-list`?(0,G.jsx)(T.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`}]}):e===`status-legend`?(0,G.jsx)(k.StatusLegend,{title:`Delivery states`,description:`Explain what each state means and how often it appears.`,orientation:`grid`,items:[{key:`live`,label:`Live`,description:`Healthy production routes`,tone:`success`,count:18},{key:`review`,label:`Review`,description:`Waiting for QA approval`,tone:`warning`,count:4},{key:`blocked`,label:`Blocked`,description:`Needs engineering action`,tone:`danger`,count:1}]}):e===`trend-card`?(0,G.jsx)(M.StatCard,{title:e===`trend-card`?`Weekly revenue`:`Current vs previous`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},icon:(0,G.jsx)(W.LayoutDashboardIcon,{})}):e===`info-card`?(0,G.jsxs)(`div`,{className:`grid gap-4`,children:[(0,G.jsx)(N.SmartCard,{eyebrow:`Summary`,title:`Workspace`,description:`Reusable card surface with header, actions and metadata.`,actions:(0,G.jsx)(t.Button,{size:`sm`,variant:`outline`,children:`Open`}),selected:!0,children:(0,G.jsx)(`p`,{className:`aui-text-muted mt-2 text-sm`,children:`Keep metadata, helper copy and compact actions in one reusable card surface.`})}),(0,G.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Vertical and horizontal layout support.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Selected and action-safe surfaces.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Useful for summary panels and detail sidebars.`})]})]}):(0,G.jsx)(j.UserCard,{name:`Azamat Jurayev`,description:`Product designer and maintainer`,meta:`Admin workspace`,actions:(0,G.jsx)(t.Button,{size:`sm`,children:`Invite`})})}function ce({slug:e,state:i,setState:o}){return e===`filter-bar`?(0,G.jsx)(p.FilterBar,{search:(0,G.jsx)(a.SearchInput,{value:i.textValue,onValueChange:e=>o({textValue:e}),placeholder:`Search invoices...`}),activeCount:2,onReset:()=>o({textValue:``}),filters:(0,G.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,G.jsx)(W.FilterIcon,{"data-icon":`inline-start`}),`Status`]}),actions:(0,G.jsx)(t.Button,{size:`sm`,children:`Export`})}):e===`button-group`?(0,G.jsx)(r.ButtonGroup,{items:[{key:`day`,label:`Day`},{key:`week`,label:`Week`},{key:`month`,label:`Month`}]}):e===`quick-action-grid`?(0,G.jsx)(c.QuickActionGrid,{columns:3,items:[{key:`new`,label:`New invoice`,description:`Create a fresh billing row.`,badge:`N`},{key:`import`,label:`Import CSV`,description:`Bring finance data into the table.`,badge:`I`},{key:`share`,label:`Share workspace`,description:`Invite team members to the route.`,badge:`S`}]}):e===`saved-filter-select`?(0,G.jsxs)(`div`,{className:`grid gap-4`,children:[(0,G.jsx)(te.SavedFilterSelect,{value:`billing`,onValueChange:()=>void 0,onSave:()=>void 0,onDelete:()=>void 0,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`}]}),(0,G.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Named view switching for table routes.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Delete action stays isolated from parent selection.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Useful in finance, ops and admin dashboards.`})]})]}):(0,G.jsxs)(`div`,{className:`flex items-center justify-between rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Invoice #4821`}),(0,G.jsx)(`p`,{className:`text-sm aui-text-muted`,children:`Pending approval`})]}),(0,G.jsx)(n.ActionMenu,{label:`Actions`,actions:[{key:`open`,label:`Open`,icon:(0,G.jsx)(W.ChevronRightIcon,{className:`size-4`})},{key:`download`,label:`Download`,icon:(0,G.jsx)(W.DownloadIcon,{className:`size-4`})},{key:`archive`,label:`Archive`,icon:(0,G.jsx)(W.ArchiveIcon,{className:`size-4`}),destructive:!0}],trigger:(0,G.jsx)(t.Button,{variant:`outline`,size:`icon-sm`,"aria-label":`Open actions`,children:(0,G.jsx)(W.MoreHorizontalIcon,{})})})]})}function le({slug:e}){return e===`app-header`?(0,G.jsx)(B.AppHeader,{sticky:!1,left:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(W.LayoutDashboardIcon,{className:`size-4`}),(0,G.jsx)(`span`,{className:`font-medium`,children:`Dashboard`})]}),center:(0,G.jsx)(s.Badge,{variant:`secondary`,children:`Preview`}),right:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Notifications`,children:(0,G.jsx)(W.BellIcon,{})}),(0,G.jsx)(t.Button,{size:`sm`,children:`Deploy`})]}),className:`rounded-xl border border-[color:var(--aui-divider)]`}):e===`section-header`?(0,G.jsx)(l.SectionHeader,{eyebrow:`Components`,title:`Production-ready surfaces`,description:`SectionHeader keeps copy, metadata and actions aligned.`,actions:(0,G.jsx)(t.Button,{size:`sm`,children:`Add component`})}):(0,G.jsx)(M.StatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},helperText:`StatCard keeps KPI, helper text and trend in one compact tile.`})}function ue({slug:e}){return(0,G.jsxs)(`div`,{className:`overflow-hidden rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:[(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-b border-[color:var(--aui-divider)] p-3`,children:[(0,G.jsx)(a.SearchInput,{value:``,placeholder:`Search rows...`,className:`max-w-xs`,readOnly:!0}),(0,G.jsxs)(`div`,{className:`flex gap-2`,children:[(0,G.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,G.jsx)(W.FilterIcon,{"data-icon":`inline-start`}),`Filters`]}),(0,G.jsx)(t.Button,{size:`sm`,children:`Create`})]})]}),(0,G.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] border-b border-[color:var(--aui-divider)] px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] aui-text-muted`,children:[(0,G.jsx)(`span`,{children:(0,G.jsx)(`input`,{type:`checkbox`,"aria-label":`Select rows`})}),(0,G.jsx)(`span`,{children:`Name`}),(0,G.jsx)(`span`,{children:`Status`}),(0,G.jsx)(`span`,{children:`Actions`})]}),[`Azamat UI`,`Registry`,`Dashboard`].map((e,n)=>(0,G.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] items-center border-b border-[color:var(--aui-divider)] px-3 py-3 last:border-b-0`,children:[(0,G.jsx)(`span`,{children:(0,G.jsx)(`input`,{type:`checkbox`,"aria-label":`Select ${e}`,defaultChecked:n===0})}),(0,G.jsx)(`span`,{className:`font-medium aui-text-strong`,children:e}),(0,G.jsx)(`span`,{children:(0,G.jsx)($,{tone:n===2?`warning`:`success`,children:n===2?`Review`:`Live`})}),(0,G.jsx)(`span`,{children:(0,G.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Row actions`,children:(0,G.jsx)(W.MoreHorizontalIcon,{})})})]},e)),(0,G.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-[color:var(--aui-divider)] p-3 text-sm aui-text-muted`,children:[(0,G.jsxs)(`span`,{children:[{"data-table-column-visibility-menu":`Column visibility`,"data-table-sortable-header":`Sortable header`,"data-table-bulk-actions":`Bulk action bar`,"data-table-view-presets":`Saved view presets`}[e]??`DataTable part`,` preview`]}),(0,G.jsx)(d.Pagination,{page:1,pageCount:4,onPageChange:()=>void 0,showEdges:!1})]})]})}function de(){return(0,G.jsx)(P.Calendar,{value:`2026-06-18`,defaultMonth:`2026-06-01`,onValueChange:()=>void 0})}function fe({slug:e}){return e===`file-dropzone`?(0,G.jsx)(L.FileDropzone,{label:`Drop contract files`,description:`PDF, PNG or CSV up to 10MB.`}):e===`file-upload`?(0,G.jsxs)(`div`,{className:`grid gap-4`,children:[(0,G.jsx)(F.FileUpload,{dropzoneLabel:`Upload documents`,dropzoneDescription:`Drag files here or choose from your device.`,buttonLabel:`Choose files`,helperText:`Supports PDF, CSV and images.`}),(0,G.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Dropzone click and nested actions stay isolated.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Rejected states and helper copy live in the same component.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Use for production file routes, not just decorative previews.`})]})]}):e===`image-upload`?(0,G.jsxs)(`div`,{className:`grid gap-4`,children:[(0,G.jsx)(I.ImageUpload,{dropzoneLabel:`Upload product image`,helperText:`Preview-friendly upload for gallery and hero assets.`}),(0,G.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Image preview is part of the reusable component.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Remove action stays separate from the parent dropzone surface.`}),(0,G.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Good for template thumbnails and marketing assets.`})]})]}):(0,G.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-[160px_1fr] md:items-center`,children:[(0,G.jsx)(`div`,{className:`flex aspect-square items-center justify-center rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:(0,G.jsx)(W.UploadCloudIcon,{className:`size-8 aui-text-muted`})}),(0,G.jsx)(L.FileDropzone,{label:`Upload product image`,description:`Shows the image-upload flow without custom CSS.`,accept:`image/*`})]})}function pe({slug:e}){let t=[{id:`profile`,title:`Profile`,description:`Account details`,completed:!0},{id:`billing`,title:`Billing`,description:`Payment setup`},{id:`review`,title:`Review`,description:`Confirm data`}];return e===`stepper`?(0,G.jsx)(R.Stepper,{steps:t,currentStep:`billing`,onStepChange:()=>void 0}):(0,G.jsx)(z.Wizard,{steps:t,currentStep:`billing`,onNext:()=>void 0,onPrevious:()=>void 0,onFinish:()=>void 0,children:(0,G.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,G.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Billing setup`}),(0,G.jsx)(`p`,{className:`mt-1 text-sm aui-text-muted`,children:`Wizard combines steps, content and footer controls.`})]})})}function me({slug:e}){return e===`resource-detail-page`?(0,G.jsx)(V.ResourceDetailPage,{title:`Customer profile`,description:`ResourceDetailPage organizes detail screens.`,actions:(0,G.jsx)(t.Button,{size:`sm`,children:`Edit`}),children:(0,G.jsx)(H.ResourcePageSection,{title:`Account`,children:(0,G.jsx)(w.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Design team`}]})})}):(0,G.jsx)(H.ResourcePage,{title:`Customers`,description:`ResourcePage combines header, stats, filters and sections.`,actions:(0,G.jsx)(t.Button,{size:`sm`,children:`New customer`}),stats:(0,G.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,G.jsx)(M.StatCard,{title:`Active`,value:`2,418`,trend:{value:`+8%`,tone:`success`}}),(0,G.jsx)(M.StatCard,{title:`Health`,value:`94%`,trend:{value:`Stable`,tone:`info`}})]}),filters:(0,G.jsx)(p.FilterBar,{search:(0,G.jsx)(a.SearchInput,{value:``,placeholder:`Search...`,readOnly:!0}),activeCount:1}),children:(0,G.jsx)(H.ResourcePageSection,{title:`Recent activity`,children:(0,G.jsx)(A.Timeline,{items:[{key:`a`,title:`Customer added`,description:`Acme workspace`,tone:`success`},{key:`b`,title:`Plan updated`,description:`Scale plan enabled`,tone:`info`}]})})})}function he(e){return e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}function $({tone:e,children:t}){return(0,G.jsx)(s.Badge,{variant:{success:`secondary`,warning:`outline`,danger:`destructive`,info:`outline`}[e],children:t})}exports.registrySpecificDemoRegistry=q;