tembro 2.1.11 → 2.1.13

package/dist/showcase/demo-snippets/layout/index.cjs

@@ -0,0 +1,45 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={"filter-bar":`import { Button, FilterBar, Input } from "tembro"
+
+export function Demo() {
+  return (
+    <FilterBar
+      search={<Input type="search" value="" placeholder="Search rows..." readOnly />}
+      chips={[
+        { key: "status", label: "Status", value: "Active", tone: "success" },
+        { key: "owner", label: "Owner", value: "Azamat" },
+      ]}
+      filters={<Button variant="outline">Status</Button>}
+      actions={<Button>Export</Button>}
+      onReset={() => undefined}
+    />
+  )
+}`,"description-list":`import { DescriptionList } from "tembro"
+
+export function Demo() {
+  return (
+    <DescriptionList
+      title="Invoice details"
+      items={[
+        { key: "id", label: "Invoice", value: "#4821" },
+        { key: "amount", label: "Amount", value: "$12,420" },
+        { key: "status", label: "Status", value: "Paid" },
+      ]}
+    />
+  )
+}`,"stat-card":`import { StatCard } from "tembro"
+
+export function Demo() {
+  return (
+    <StatCard
+      title="Revenue"
+      value="$84.2k"
+      description="Compared with last month"
+      trend={{ value: "+12.4%", tone: "success" }}
+      helperText="Updated just now"
+    />
+  )
+}`,pagination:`import { Pagination } from "tembro"
+
+export function Demo() {
+  return <Pagination page={3} pageCount={9} onPageChange={(page) => console.log(page)} />
+}`};exports.layoutDemoCodeSnippets=e;

package/dist/showcase/demo-snippets/layout/index.d.ts

@@ -0,0 +1 @@
+export declare const layoutDemoCodeSnippets: Record<string, string>;

package/dist/showcase/demo-snippets/layout/index.js

@@ -0,0 +1,9 @@
+//#region src/showcase/demo-snippets/layout/index.ts
+var e = {
+	"filter-bar": "import { Button, FilterBar, Input } from \"tembro\"\n\nexport function Demo() {\n  return (\n    <FilterBar\n      search={<Input type=\"search\" value=\"\" placeholder=\"Search rows...\" readOnly />}\n      chips={[\n        { key: \"status\", label: \"Status\", value: \"Active\", tone: \"success\" },\n        { key: \"owner\", label: \"Owner\", value: \"Azamat\" },\n      ]}\n      filters={<Button variant=\"outline\">Status</Button>}\n      actions={<Button>Export</Button>}\n      onReset={() => undefined}\n    />\n  )\n}",
+	"description-list": "import { DescriptionList } from \"tembro\"\n\nexport function Demo() {\n  return (\n    <DescriptionList\n      title=\"Invoice details\"\n      items={[\n        { key: \"id\", label: \"Invoice\", value: \"#4821\" },\n        { key: \"amount\", label: \"Amount\", value: \"$12,420\" },\n        { key: \"status\", label: \"Status\", value: \"Paid\" },\n      ]}\n    />\n  )\n}",
+	"stat-card": "import { StatCard } from \"tembro\"\n\nexport function Demo() {\n  return (\n    <StatCard\n      title=\"Revenue\"\n      value=\"$84.2k\"\n      description=\"Compared with last month\"\n      trend={{ value: \"+12.4%\", tone: \"success\" }}\n      helperText=\"Updated just now\"\n    />\n  )\n}",
+	pagination: "import { Pagination } from \"tembro\"\n\nexport function Demo() {\n  return <Pagination page={3} pageCount={9} onPageChange={(page) => console.log(page)} />\n}"
+};
+//#endregion
+export { e as layoutDemoCodeSnippets };

package/dist/showcase/demo-snippets/upload/index.cjs

@@ -0,0 +1,5 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={"file-dropzone":`import { FileDropzone } from "tembro"
+
+export function Demo() {
+  return <FileDropzone label="Drop contract files" description="PDF, PNG or CSV up to 10MB." />
+}`};exports.uploadDemoCodeSnippets=e;

package/dist/showcase/demo-snippets/upload/index.d.ts

@@ -0,0 +1 @@
+export declare const uploadDemoCodeSnippets: Record<string, string>;

package/dist/showcase/demo-snippets/upload/index.js

@@ -0,0 +1,4 @@
+//#region src/showcase/demo-snippets/upload/index.ts
+var e = { "file-dropzone": "import { FileDropzone } from \"tembro\"\n\nexport function Demo() {\n  return <FileDropzone label=\"Drop contract files\" description=\"PDF, PNG or CSV up to 10MB.\" />\n}" };
+//#endregion
+export { e as uploadDemoCodeSnippets };

package/dist/showcase/package-meta.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`2.0.3`,t=`July 8, 2026`,n=`^${e}`;exports.PACKAGE_DEPENDENCY_RANGE=n,exports.PACKAGE_LATEST_RELEASE_DATE=t,exports.PACKAGE_LATEST_VERSION=e;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`2.1.12`,t=`July 9, 2026`,n=`^${e}`;exports.PACKAGE_DEPENDENCY_RANGE=n,exports.PACKAGE_LATEST_RELEASE_DATE=t,exports.PACKAGE_LATEST_VERSION=e;

package/dist/showcase/package-meta.d.ts

@@ -1,3 +1,3 @@
-export declare const PACKAGE_LATEST_VERSION = "2.0.3";
-export declare const PACKAGE_LATEST_RELEASE_DATE = "July 8, 2026";
-export declare const PACKAGE_DEPENDENCY_RANGE = "^2.0.3";
+export declare const PACKAGE_LATEST_VERSION = "2.1.12";
+export declare const PACKAGE_LATEST_RELEASE_DATE = "July 9, 2026";
+export declare const PACKAGE_DEPENDENCY_RANGE = "^2.1.12";

package/dist/showcase/package-meta.js

@@ -1,4 +1,4 @@
 //#region src/showcase/package-meta.ts
-var e = "2.0.3", t = "July 8, 2026", n = `^${e}`;
+var e = "2.1.12", t = "July 9, 2026", n = `^${e}`;
 //#endregion
 export { n as PACKAGE_DEPENDENCY_RANGE, t as PACKAGE_LATEST_RELEASE_DATE, e as PACKAGE_LATEST_VERSION };

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

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Accordion } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Accordion } from "tembro"
 
 const items = [
   {

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

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/accordion/mock.ts
 var e = {
-	code: "import { Accordion } from \"@/index\"\n\nconst items = [\n  {\n    key: \"tokens\",\n    title: \"Theme tokens\",\n    description: \"Control border, background, radius, and spacing from one place.\",\n    content: \"Keep product decisions inside tokens instead of hardcoded one-off wrappers.\",\n  },\n  {\n    key: \"composition\",\n    title: \"Component composition\",\n    description: \"Teach one component first.\",\n    content: \"Advanced behavior should be exposed through props, hooks, and helpers instead of separate public groups.\",\n  },\n]\n\nexport function Example() {\n  return <Accordion type=\"single\" defaultValue=\"tokens\" items={items} />\n}",
+	code: "import { Accordion } from \"tembro\"\n\nconst items = [\n  {\n    key: \"tokens\",\n    title: \"Theme tokens\",\n    description: \"Control border, background, radius, and spacing from one place.\",\n    content: \"Keep product decisions inside tokens instead of hardcoded one-off wrappers.\",\n  },\n  {\n    key: \"composition\",\n    title: \"Component composition\",\n    description: \"Teach one component first.\",\n    content: \"Advanced behavior should be exposed through props, hooks, and helpers instead of separate public groups.\",\n  },\n]\n\nexport function Example() {\n  return <Accordion type=\"single\" defaultValue=\"tokens\" items={items} />\n}",
 	htmlCode: "<details data-slot=\"accordion\">\n  <summary data-slot=\"accordion-trigger\">Theme tokens</summary>\n  <div data-slot=\"accordion-content\">Keep product decisions inside tokens.</div>\n</details>",
 	cliCommand: "npx tembro add accordion",
 	highlights: [

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

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Avatar, AvatarGroup } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Avatar, AvatarGroup } from "tembro"
 
 export function Example() {
   return (

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

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/avatar/mock.ts
 var e = {
-	code: "import { Avatar, AvatarGroup } from \"@/index\"\n\nexport function Example() {\n  return (\n    <div className=\"space-y-4\">\n      <Avatar name=\"Azamat Jurayev\" status=\"online\" />\n      <AvatarGroup\n        items={[\n          { key: \"az\", name: \"Azamat Jurayev\", status: \"online\" },\n          { key: \"su\", name: \"Suhrob Karimov\", status: \"busy\" },\n          { key: \"na\", name: \"Nargiza Saidova\", status: \"away\" },\n        ]}\n      />\n    </div>\n  )\n}",
+	code: "import { Avatar, AvatarGroup } from \"tembro\"\n\nexport function Example() {\n  return (\n    <div className=\"space-y-4\">\n      <Avatar name=\"Azamat Jurayev\" status=\"online\" />\n      <AvatarGroup\n        items={[\n          { key: \"az\", name: \"Azamat Jurayev\", status: \"online\" },\n          { key: \"su\", name: \"Suhrob Karimov\", status: \"busy\" },\n          { key: \"na\", name: \"Nargiza Saidova\", status: \"away\" },\n        ]}\n      />\n    </div>\n  )\n}",
 	cliCommand: "npx tembro add avatar",
 	highlights: [
 		"Single avatar plus stacked group export",

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import * as React from "react"
 import { ArrowRightIcon, DownloadIcon } from "lucide-react"
-import { Button, buttonVariants } from "@/index"
+import { Button, buttonVariants } from "tembro"
 
 export function BasicExamples() {
   return (

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

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/button/mock.ts
 var e = {
-	code: "import * as React from \"react\"\nimport { ArrowRightIcon, DownloadIcon } from \"lucide-react\"\nimport { Button, buttonVariants } from \"@/index\"\n\nexport function BasicExamples() {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap gap-3\">\n        <Button variant=\"default\">Primary</Button>\n        <Button variant=\"secondary\">Secondary</Button>\n        <Button variant=\"outline\">Outline</Button>\n        <Button variant=\"destructive\">Destructive</Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <Button size=\"sm\">Small</Button>\n        <Button iconOnly aria-label=\"Download\">\n          <DownloadIcon className=\"size-4\" />\n        </Button>\n        <Button>\n          Continue\n          <ArrowRightIcon className=\"ml-2 size-4\" />\n        </Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <Button variant=\"outline\" size=\"sm\" disabled>\n          Disabled\n        </Button>\n        <Button variant=\"default\" loading>\n          Loading\n        </Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <a className={buttonVariants({ variant: \"outline\", size: \"sm\" })} href=\"/components\">\n          Link styled as button\n        </a>\n      </div>\n    </div>\n  )\n}\n\nexport function ControlledButton() {\n  const [loading, setLoading] = React.useState(false)\n\n  return (\n    <Button\n      variant=\"default\"\n      onClick={() => {\n        setLoading(true)\n        window.setTimeout(() => setLoading(false), 1800)\n      }}\n      loading={loading}\n    >\n      Submit\n    </Button>\n  )\n}\n\n// Don't overuse buttonVariants for every button instance.\n// Use Button's own variant/size props by default, and keep buttonVariants\n// only for styling non-button elements (a, Link) with shared look.",
+	code: "import * as React from \"react\"\nimport { ArrowRightIcon, DownloadIcon } from \"lucide-react\"\nimport { Button, buttonVariants } from \"tembro\"\n\nexport function BasicExamples() {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap gap-3\">\n        <Button variant=\"default\">Primary</Button>\n        <Button variant=\"secondary\">Secondary</Button>\n        <Button variant=\"outline\">Outline</Button>\n        <Button variant=\"destructive\">Destructive</Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <Button size=\"sm\">Small</Button>\n        <Button iconOnly aria-label=\"Download\">\n          <DownloadIcon className=\"size-4\" />\n        </Button>\n        <Button>\n          Continue\n          <ArrowRightIcon className=\"ml-2 size-4\" />\n        </Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <Button variant=\"outline\" size=\"sm\" disabled>\n          Disabled\n        </Button>\n        <Button variant=\"default\" loading>\n          Loading\n        </Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <a className={buttonVariants({ variant: \"outline\", size: \"sm\" })} href=\"/components\">\n          Link styled as button\n        </a>\n      </div>\n    </div>\n  )\n}\n\nexport function ControlledButton() {\n  const [loading, setLoading] = React.useState(false)\n\n  return (\n    <Button\n      variant=\"default\"\n      onClick={() => {\n        setLoading(true)\n        window.setTimeout(() => setLoading(false), 1800)\n      }}\n      loading={loading}\n    >\n      Submit\n    </Button>\n  )\n}\n\n// Don't overuse buttonVariants for every button instance.\n// Use Button's own variant/size props by default, and keep buttonVariants\n// only for styling non-button elements (a, Link) with shared look.",
 	htmlCode: "<button data-slot=\"button\" data-variant=\"primary\">\n  Continue\n</button>",
 	cliCommand: "npx tembro add button",
 	highlights: [

package/dist/showcase/premium/calendar-scheduler/mock.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CalendarScheduler } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CalendarScheduler } from "tembro"
 
 export function Example() {
   return (

package/dist/showcase/premium/calendar-scheduler/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/calendar-scheduler/mock.ts
 var e = {
-	code: "import { CalendarScheduler } from \"@/index\"\n\nexport function Example() {\n  return (\n    <CalendarScheduler\n      days={[\"Mon, Jul 6\", \"Tue, Jul 7\"]}\n      events={[\n        { id: \"1\", title: \"Design review\", date: \"Mon, Jul 6\", time: \"10:00\", tone: \"warning\" },\n        { id: \"2\", title: \"Release freeze\", date: \"Tue, Jul 7\", time: \"14:00\", tone: \"danger\" },\n      ]}\n    />\n  )\n}",
+	code: "import { CalendarScheduler } from \"tembro\"\n\nexport function Example() {\n  return (\n    <CalendarScheduler\n      days={[\"Mon, Jul 6\", \"Tue, Jul 7\"]}\n      events={[\n        { id: \"1\", title: \"Design review\", date: \"Mon, Jul 6\", time: \"10:00\", tone: \"warning\" },\n        { id: \"2\", title: \"Release freeze\", date: \"Tue, Jul 7\", time: \"14:00\", tone: \"danger\" },\n      ]}\n    />\n  )\n}",
 	cliCommand: "npx tembro add calendar-scheduler",
 	highlights: [
 		"Compact scheduler timeline by day",

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

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Carousel, CarouselItem } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Carousel, CarouselItem } from "tembro"
 
 export function Example() {
   return (

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

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/carousel/mock.ts
 var e = {
-	code: "import { Carousel, CarouselItem } from \"@/index\"\n\nexport function Example() {\n  return (\n    <Carousel defaultIndex={0} showDots showArrows>\n      <CarouselItem><div className=\"rounded-xl bg-card p-4\">Card 1</div></CarouselItem>\n      <CarouselItem><div className=\"rounded-xl bg-card p-4\">Card 2</div></CarouselItem>\n      <CarouselItem><div className=\"rounded-xl bg-card p-4\">Card 3</div></CarouselItem>\n    </Carousel>\n  )\n}",
+	code: "import { Carousel, CarouselItem } from \"tembro\"\n\nexport function Example() {\n  return (\n    <Carousel defaultIndex={0} showDots showArrows>\n      <CarouselItem><div className=\"rounded-xl bg-card p-4\">Card 1</div></CarouselItem>\n      <CarouselItem><div className=\"rounded-xl bg-card p-4\">Card 2</div></CarouselItem>\n      <CarouselItem><div className=\"rounded-xl bg-card p-4\">Card 3</div></CarouselItem>\n    </Carousel>\n  )\n}",
 	cliCommand: "npx tembro add carousel",
 	highlights: [
 		"Keyboard and control-aware slider",

package/dist/showcase/premium/code-block/mock.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CodeBlock } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CodeBlock } from "tembro"
 
 const snippet = \`npx tembro add button select\`
 

package/dist/showcase/premium/code-block/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/code-block/mock.ts
 var e = {
-	code: "import { CodeBlock } from \"@/index\"\n\nconst snippet = `npx tembro add button select`\n\nexport function Example() {\n  return <CodeBlock title=\"CLI\" language=\"bash\" code={snippet} />\n}",
+	code: "import { CodeBlock } from \"tembro\"\n\nconst snippet = `npx tembro add button select`\n\nexport function Example() {\n  return <CodeBlock title=\"CLI\" language=\"bash\" code={snippet} />\n}",
 	cliCommand: "npx tembro add code-block",
 	highlights: [
 		"Header with title, language and built-in copy action",

package/dist/showcase/premium/command-bar/mock.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CommandBar, Kbd, Button } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CommandBar, Kbd, Button } from "tembro"
 
 export function Example() {
   return (

package/dist/showcase/premium/command-bar/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/command-bar/mock.ts
 var e = {
-	code: "import { CommandBar, Kbd, Button } from \"@/index\"\n\nexport function Example() {\n  return (\n    <CommandBar>\n      <Kbd>G</Kbd>\n      <Button size=\"sm\" variant=\"ghost\">Go to dashboard</Button>\n      <Button size=\"sm\">Publish</Button>\n    </CommandBar>\n  )\n}",
+	code: "import { CommandBar, Kbd, Button } from \"tembro\"\n\nexport function Example() {\n  return (\n    <CommandBar>\n      <Kbd>G</Kbd>\n      <Button size=\"sm\" variant=\"ghost\">Go to dashboard</Button>\n      <Button size=\"sm\">Publish</Button>\n    </CommandBar>\n  )\n}",
 	cliCommand: "npx tembro add command-bar",
 	highlights: [
 		"Floating action rail for global shortcuts or workflow actions",

package/dist/showcase/premium/confirm-dialog/mock.cjs

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

package/dist/showcase/premium/confirm-dialog/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/confirm-dialog/mock.ts
 var e = {
-	code: "import { useState } from \"react\"\nimport { Button, ConfirmDialog } from \"@/index\"\n\nexport function Example() {\n  const [open, setOpen] = useState(false)\n  const [busy, setBusy] = useState(false)\n\n  async function handleConfirm() {\n    setBusy(true)\n    await new Promise((resolve) => setTimeout(resolve, 900))\n    setBusy(false)\n    setOpen(false)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <Button onClick={() => setOpen(true)} variant=\"destructive\">\n        Delete project\n      </Button>\n      <ConfirmDialog\n        open={open}\n        onOpenChange={setOpen}\n        title=\"Delete project?\"\n        description=\"This action cannot be undone. Team members will lose access immediately.\"\n        confirmText=\"Delete forever\"\n        confirmVariant=\"destructive\"\n        isLoading={busy}\n        onCancel={() => setOpen(false)}\n        onConfirm={handleConfirm}\n      />\n    </div>\n  )\n}",
+	code: "import { useState } from \"react\"\nimport { Button, ConfirmDialog } from \"tembro\"\n\nexport function Example() {\n  const [open, setOpen] = useState(false)\n  const [busy, setBusy] = useState(false)\n\n  async function handleConfirm() {\n    setBusy(true)\n    await new Promise((resolve) => setTimeout(resolve, 900))\n    setBusy(false)\n    setOpen(false)\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <Button onClick={() => setOpen(true)} variant=\"destructive\">\n        Delete project\n      </Button>\n      <ConfirmDialog\n        open={open}\n        onOpenChange={setOpen}\n        title=\"Delete project?\"\n        description=\"This action cannot be undone. Team members will lose access immediately.\"\n        confirmText=\"Delete forever\"\n        confirmVariant=\"destructive\"\n        isLoading={busy}\n        onCancel={() => setOpen(false)}\n        onConfirm={handleConfirm}\n      />\n    </div>\n  )\n}",
 	htmlCode: "<button data-slot=\"confirm-trigger\">Delete project</button>",
 	cliCommand: "npx tembro add confirm-dialog",
 	highlights: [

package/dist/showcase/premium/copy-button/mock.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CopyButton } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CopyButton } from "tembro"
 
 export function Example() {
   return (

package/dist/showcase/premium/copy-button/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/copy-button/mock.ts
 var e = {
-	code: "import { CopyButton } from \"@/index\"\n\nexport function Example() {\n  return (\n    <CopyButton\n      value=\"sk_live_demo_123\"\n      copyLabel=\"Copy token\"\n      copiedLabel=\"Copied\"\n      variant=\"outline\"\n      size=\"sm\"\n    />\n  )\n}",
+	code: "import { CopyButton } from \"tembro\"\n\nexport function Example() {\n  return (\n    <CopyButton\n      value=\"sk_live_demo_123\"\n      copyLabel=\"Copy token\"\n      copiedLabel=\"Copied\"\n      variant=\"outline\"\n      size=\"sm\"\n    />\n  )\n}",
 	cliCommand: "npx tembro add copy-button",
 	highlights: [
 		"Built-in copied feedback state",

package/dist/showcase/premium/copy-field/mock.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CopyField } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CopyField } from "tembro"
 
 export function Example() {
   return (

package/dist/showcase/premium/copy-field/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/copy-field/mock.ts
 var e = {
-	code: "import { CopyField } from \"@/index\"\n\nexport function Example() {\n  return (\n    <CopyField\n      label=\"Webhook signing secret\"\n      description=\"Use on the server only.\"\n      value=\"whsec_demo_value_123\"\n    />\n  )\n}",
+	code: "import { CopyField } from \"tembro\"\n\nexport function Example() {\n  return (\n    <CopyField\n      label=\"Webhook signing secret\"\n      description=\"Use on the server only.\"\n      value=\"whsec_demo_value_123\"\n    />\n  )\n}",
 	cliCommand: "npx tembro add copy-field",
 	highlights: [
 		"Label, helper text, value surface, and copy action in one unit",

package/dist/showcase/premium/data-state/mock.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { DataState } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { DataState } from "tembro"
 
 export function Example() {
   return (

package/dist/showcase/premium/data-state/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/data-state/mock.ts
 var e = {
-	code: "import { DataState } from \"@/index\"\n\nexport function Example() {\n  return (\n    <DataState\n      status=\"error\"\n      title=\"Unable to load rows\"\n      description=\"Try again after refreshing the request.\"\n      onRetry={() => {}}\n    />\n  )\n}",
+	code: "import { DataState } from \"tembro\"\n\nexport function Example() {\n  return (\n    <DataState\n      status=\"error\"\n      title=\"Unable to load rows\"\n      description=\"Try again after refreshing the request.\"\n      onRetry={() => {}}\n    />\n  )\n}",
 	cliCommand: "npx tembro add data-state",
 	highlights: [
 		"Idle, loading, empty, error and success state surface",

package/dist/showcase/premium/date-picker/mock.cjs

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

package/dist/showcase/premium/date-picker/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/date-picker/mock.ts
 var e = {
-	code: "import { useState } from \"react\"\nimport { DatePicker } from \"@/index\"\n\nexport function Example() {\n  const [value, setValue] = useState(\"2026-06-19\")\n\n  return (\n    <DatePicker\n      value={value}\n      onValueChange={setValue}\n      min=\"2026-06-01\"\n      max=\"2026-12-31\"\n      disabledDates={[\"2026-06-21\"]}\n    />\n  )\n}",
+	code: "import { useState } from \"react\"\nimport { DatePicker } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = useState(\"2026-06-19\")\n\n  return (\n    <DatePicker\n      value={value}\n      onValueChange={setValue}\n      min=\"2026-06-01\"\n      max=\"2026-12-31\"\n      disabledDates={[\"2026-06-21\"]}\n    />\n  )\n}",
 	htmlCode: "<label for=\"date-picker\">Date</label><input id=\"date-picker\" type=\"text\" value=\"2026-06-19\" />",
 	cliCommand: "npx tembro add date-picker",
 	highlights: [

package/dist/showcase/premium/date-range-picker/mock.cjs

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

package/dist/showcase/premium/date-range-picker/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/date-range-picker/mock.ts
 var e = {
-	code: "import { useState } from \"react\"\nimport { DateRangePicker } from \"@/index\"\n\nexport function Example() {\n  const [value, setValue] = useState({ from: \"2026-06-01\", to: \"2026-06-07\" })\n\n  return (\n    <DateRangePicker\n      value={value}\n      onValueChange={(nextValue) => setValue({ from: nextValue.from ?? \"\", to: nextValue.to ?? \"\" })}\n      min=\"2026-06-01\"\n      max=\"2026-12-31\"\n      disabledDates={[\"2026-06-21\", \"2026-06-22\"]}\n    />\n  )\n}",
+	code: "import { useState } from \"react\"\nimport { DateRangePicker } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = useState({ from: \"2026-06-01\", to: \"2026-06-07\" })\n\n  return (\n    <DateRangePicker\n      value={value}\n      onValueChange={(nextValue) => setValue({ from: nextValue.from ?? \"\", to: nextValue.to ?? \"\" })}\n      min=\"2026-06-01\"\n      max=\"2026-12-31\"\n      disabledDates={[\"2026-06-21\", \"2026-06-22\"]}\n    />\n  )\n}",
 	htmlCode: "<label for=\"date-range-picker\">Date range</label><input id=\"date-range-picker\" type=\"text\" value=\"2026-06-01 to 2026-06-07\" />",
 	cliCommand: "npx tembro add date-range-picker",
 	highlights: [

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

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Descriptions } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Descriptions } from "tembro"
 
 export function Example() {
   return (

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

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/descriptions/mock.ts
 var e = {
-	code: "import { Descriptions } from \"@/index\"\n\nexport function Example() {\n  return (\n    <Descriptions\n      title=\"Project profile\"\n      extra={<span className=\"text-sm text-muted-foreground\">Draft</span>}\n      items={[\n        { key: \"owner\", label: \"Owner\", value: \"Azamat UI Team\" },\n        { key: \"status\", label: \"Status\", value: \"In review\" },\n        { key: \"release\", label: \"Release\", value: \"v0.3.27\", span: 2 },\n        { key: \"stack\", label: \"Tech\", value: \"React + Tailwind\" },\n      ]}\n    />\n  )\n}",
+	code: "import { Descriptions } from \"tembro\"\n\nexport function Example() {\n  return (\n    <Descriptions\n      title=\"Project profile\"\n      extra={<span className=\"text-sm text-muted-foreground\">Draft</span>}\n      items={[\n        { key: \"owner\", label: \"Owner\", value: \"Azamat UI Team\" },\n        { key: \"status\", label: \"Status\", value: \"In review\" },\n        { key: \"release\", label: \"Release\", value: \"v0.3.27\", span: 2 },\n        { key: \"stack\", label: \"Tech\", value: \"React + Tailwind\" },\n      ]}\n    />\n  )\n}",
 	cliCommand: "npx tembro add descriptions",
 	highlights: [
 		"Title and metadata layout in a compact two-axis grid",

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import * as React from "react"
-import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/index"
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "tembro"
 
 export function Example() {
   const [open, setOpen] = React.useState(false)

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

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/dialog/mock.ts
 var e = {
-	code: "import * as React from \"react\"\nimport { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from \"@/index\"\n\nexport function Example() {\n  const [open, setOpen] = React.useState(false)\n\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogTrigger render={<Button>Publish</Button>} />\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Publish update</DialogTitle>\n          <DialogDescription>\n            Confirm that these notes are final before moving to production.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>Cancel</Button>\n          <Button>Publish</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}",
+	code: "import * as React from \"react\"\nimport { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from \"tembro\"\n\nexport function Example() {\n  const [open, setOpen] = React.useState(false)\n\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogTrigger render={<Button>Publish</Button>} />\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Publish update</DialogTitle>\n          <DialogDescription>\n            Confirm that these notes are final before moving to production.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>Cancel</Button>\n          <Button>Publish</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}",
 	htmlCode: "<button data-slot=\"dialog-trigger\">Open dialog</button>",
 	cliCommand: "npx tembro add dialog",
 	highlights: [

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

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Divider } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Divider } from "tembro"
 
 export function Example() {
   return (

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

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/divider/mock.ts
 var e = {
-	code: "import { Divider } from \"@/index\"\n\nexport function Example() {\n  return (\n    <div className=\"space-y-6\">\n      <Divider label=\"Sections\" />\n      <Divider orientation=\"horizontal\" dashed label=\"Dashed\" />\n      <Divider dashed orientation=\"vertical\" />\n    </div>\n  )\n}",
+	code: "import { Divider } from \"tembro\"\n\nexport function Example() {\n  return (\n    <div className=\"space-y-6\">\n      <Divider label=\"Sections\" />\n      <Divider orientation=\"horizontal\" dashed label=\"Dashed\" />\n      <Divider dashed orientation=\"vertical\" />\n    </div>\n  )\n}",
 	cliCommand: "npx tembro add divider",
 	highlights: [
 		"Horizontal divider as labeled group boundary",

package/dist/showcase/premium/dual-list-picker/mock.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { DualListPicker } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { DualListPicker } from "tembro"
 
 const items = [
   { label: "Analytics", value: "analytics" },

package/dist/showcase/premium/dual-list-picker/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/dual-list-picker/mock.ts
 var e = {
-	code: "import { DualListPicker } from \"@/index\"\n\nconst items = [\n  { label: \"Analytics\", value: \"analytics\" },\n  { label: \"Reports\", value: \"reports\" },\n]\n\nexport function Example() {\n  const [picked, setPicked] = useState([\"analytics\"])\n\n  return (\n    <DualListPicker\n      items={items}\n      picked={picked}\n      onPickedChange={setPicked}\n      availableTitle=\"Available\"\n      pickedTitle=\"Selected\"\n    />\n  )\n}",
+	code: "import { DualListPicker } from \"tembro\"\n\nconst items = [\n  { label: \"Analytics\", value: \"analytics\" },\n  { label: \"Reports\", value: \"reports\" },\n]\n\nexport function Example() {\n  const [picked, setPicked] = useState([\"analytics\"])\n\n  return (\n    <DualListPicker\n      items={items}\n      picked={picked}\n      onPickedChange={setPicked}\n      availableTitle=\"Available\"\n      pickedTitle=\"Selected\"\n    />\n  )\n}",
 	cliCommand: "npx tembro add dual-list-picker",
 	highlights: [
 		"Move items between available/selected lists",

package/dist/showcase/premium/file-upload/mock.cjs

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

package/dist/showcase/premium/file-upload/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/file-upload/mock.ts
 var e = {
-	code: "import { useState } from \"react\"\nimport { FileUpload } from \"@/index\"\n\nexport function Example() {\n  const [files, setFiles] = useState<File[]>([])\n\n  return (\n    <FileUpload\n      files={files}\n      onFilesChange={setFiles}\n      accept=\".pdf,.docx,.png\"\n      maxFiles={4}\n      maxSize={4 * 1024 * 1024}\n      helperText=\"Supports PDF, DOCX and PNG up to 4 MB.\"\n    />\n  )\n}",
+	code: "import { useState } from \"react\"\nimport { FileUpload } from \"tembro\"\n\nexport function Example() {\n  const [files, setFiles] = useState<File[]>([])\n\n  return (\n    <FileUpload\n      files={files}\n      onFilesChange={setFiles}\n      accept=\".pdf,.docx,.png\"\n      maxFiles={4}\n      maxSize={4 * 1024 * 1024}\n      helperText=\"Supports PDF, DOCX and PNG up to 4 MB.\"\n    />\n  )\n}",
 	cliCommand: "npx tembro add file-upload",
 	highlights: [
 		"Reusable dropzone and file list",

package/dist/showcase/premium/image-upload/mock.cjs

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

package/dist/showcase/premium/image-upload/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/image-upload/mock.ts
 var e = {
-	code: "import { useState } from \"react\"\nimport { ImageUpload } from \"@/index\"\n\nexport function Example() {\n  const [files, setFiles] = useState<File[]>([])\n\n  return (\n    <ImageUpload\n      files={files}\n      onFilesChange={setFiles}\n      maxFiles={3}\n      helperText=\"Upload hero illustrations or block thumbnails.\"\n    />\n  )\n}",
+	code: "import { useState } from \"react\"\nimport { ImageUpload } from \"tembro\"\n\nexport function Example() {\n  const [files, setFiles] = useState<File[]>([])\n\n  return (\n    <ImageUpload\n      files={files}\n      onFilesChange={setFiles}\n      maxFiles={3}\n      helperText=\"Upload hero illustrations or block thumbnails.\"\n    />\n  )\n}",
 	cliCommand: "npx tembro add image-upload",
 	highlights: [
 		"Image preview support",

package/dist/showcase/premium/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require("./alert/showcase.cjs"),te=require("./alert/mock.cjs"),e=require("./alert-dialog/showcase.cjs"),t=require("./alert-dialog/mock.cjs"),ne=require("./accordion/mock.cjs"),re=require("./accordion/showcase.cjs"),ie=require("./activity-feed/showcase.cjs"),ae=require("./activity-feed/mock.cjs"),n=require("./action-menu/showcase.cjs"),r=require("./action-menu/mock.cjs"),i=require("./app-sidebar/showcase.cjs"),a=require("./app-sidebar/mock.cjs"),o=require("./async-select/showcase.cjs"),s=require("./async-select/mock.cjs"),c=require("./async-multi-select/showcase.cjs"),l=require("./async-multi-select/mock.cjs"),u=require("./avatar/mock.cjs"),d=require("./avatar/showcase.cjs"),f=require("./carousel/mock.cjs"),p=require("./carousel/showcase.cjs"),m=require("./clearable-input/showcase.cjs"),h=require("./clearable-input/mock.cjs"),g=require("./json-input/mock.cjs"),_=require("./json-input/showcase.cjs"),v=require("./qr-code/mock.cjs"),y=require("./qr-code/showcase.cjs"),b=require("./menubar/mock.cjs"),x=require("./menubar/showcase.cjs"),S=require("./navigation-menu/mock.cjs"),C=require("./navigation-menu/showcase.cjs"),w=require("./badge/showcase.cjs"),T=require("./badge/mock.cjs"),E=require("./divider/mock.cjs"),D=require("./divider/showcase.cjs"),O=require("./breadcrumbs/showcase.cjs"),k=require("./breadcrumbs/mock.cjs"),A=require("./button/showcase.cjs"),j=require("./button/mock.cjs"),M=require("./button-group/showcase.cjs"),N=require("./button-group/mock.cjs"),P=require("./calendar/showcase.cjs"),F=require("./calendar/mock.cjs"),I=require("./calendar-scheduler/mock.cjs"),L=require("./calendar-scheduler/showcase.cjs"),R=require("./card/showcase.cjs"),z=require("./card/mock.cjs"),B=require("./checkbox/showcase.cjs"),V=require("./checkbox/mock.cjs"),H=require("./code-block/mock.cjs"),U=require("./code-block/showcase.cjs"),W=require("./dual-list-picker/mock.cjs"),G=require("./dual-list-picker/showcase.cjs"),K=require("./collapse/showcase.cjs"),q=require("./collapse/mock.cjs"),J=require("./combobox/showcase.cjs"),oe=require("./combobox/mock.cjs"),se=require("./command-bar/mock.cjs"),ce=require("./command-bar/showcase.cjs"),le=require("./command-palette/showcase.cjs"),ue=require("./command-palette/mock.cjs"),de=require("./confirm-dialog/showcase.cjs"),fe=require("./confirm-dialog/mock.cjs"),pe=require("./copy-button/mock.cjs"),me=require("./copy-button/showcase.cjs"),he=require("./copy-field/mock.cjs"),ge=require("./copy-field/showcase.cjs"),_e=require("./data-state/mock.cjs"),ve=require("./data-state/showcase.cjs"),Y=require("./data-table/showcase.cjs"),X=require("./data-table/mock.cjs"),ye=require("./date-input/showcase.cjs"),be=require("./date-input/mock.cjs"),xe=require("./date-picker/showcase.cjs"),Se=require("./date-picker/mock.cjs"),Ce=require("./date-range-input/showcase.cjs"),we=require("./date-range-input/mock.cjs"),Te=require("./date-range-picker/showcase.cjs"),Ee=require("./date-range-picker/mock.cjs"),De=require("./description-list/showcase.cjs"),Oe=require("./description-list/mock.cjs"),ke=require("./descriptions/mock.cjs"),Ae=require("./descriptions/showcase.cjs"),je=require("./dialog/showcase.cjs"),Me=require("./dialog/mock.cjs"),Ne=require("./dropdown-menu/showcase.cjs"),Pe=require("./dropdown-menu/mock.cjs"),Fe=require("./drawer/showcase.cjs"),Ie=require("./drawer/mock.cjs"),Z=require("./form-wrapper/showcase.cjs"),Q=require("./form-wrapper/mock.cjs"),Le=require("./hover-card/showcase.cjs"),Re=require("./hover-card/mock.cjs"),ze=require("./kanban-board/mock.cjs"),Be=require("./kanban-board/showcase.cjs"),Ve=require("./info-card/showcase.cjs"),He=require("./info-card/mock.cjs"),Ue=require("./input/showcase.cjs"),We=require("./input/mock.cjs"),Ge=require("./kbd/showcase.cjs"),Ke=require("./kbd/mock.cjs"),qe=require("./list/mock.cjs"),Je=require("./list/showcase.cjs"),Ye=require("./loading-state/showcase.cjs"),Xe=require("./loading-state/mock.cjs"),Ze=require("./rich-text-editor/mock.cjs"),Qe=require("./rich-text-editor/showcase.cjs"),$e=require("./time-picker/mock.cjs"),et=require("./time-picker/showcase.cjs"),tt=require("./tour/mock.cjs"),nt=require("./tour/showcase.cjs"),rt=require("./sticky-footer-bar/mock.cjs"),it=require("./sticky-footer-bar/showcase.cjs"),at=require("./masked-input/showcase.cjs"),ot=require("./masked-input/mock.cjs"),st=require("./metric-grid/showcase.cjs"),ct=require("./metric-grid/mock.cjs"),$=require("./modal-shell/showcase.cjs"),lt=require("./modal-shell/mock.cjs"),ut=require("./resizable-panel/mock.cjs"),dt=require("./resizable-panel/showcase.cjs"),ft=require("./money-input/showcase.cjs"),pt=require("./money-input/mock.cjs"),mt=require("./notification-center/showcase.cjs"),ht=require("./notification-center/mock.cjs"),gt=require("./number-input/showcase.cjs"),_t=require("./number-input/mock.cjs"),vt=require("./otp-input/showcase.cjs"),yt=require("./otp-input/mock.cjs"),bt=require("./page-container/showcase.cjs"),xt=require("./page-container/mock.cjs"),St=require("./page-header/showcase.cjs"),Ct=require("./page-header/mock.cjs"),wt=require("./page-tabs/showcase.cjs"),Tt=require("./page-tabs/mock.cjs"),Et=require("./section/mock.cjs"),Dt=require("./section/showcase.cjs"),Ot=require("./phone-input/showcase.cjs"),kt=require("./phone-input/mock.cjs"),At=require("./page-state/showcase.cjs"),jt=require("./page-state/mock.cjs"),Mt=require("./pagination/showcase.cjs"),Nt=require("./pagination/mock.cjs"),Pt=require("./popover/showcase.cjs"),Ft=require("./popover/mock.cjs"),It=require("./property-grid/mock.cjs"),Lt=require("./property-grid/showcase.cjs"),Rt=require("./progress/showcase.cjs"),zt=require("./progress/mock.cjs"),Bt=require("./quantity-input/showcase.cjs"),Vt=require("./quantity-input/mock.cjs"),Ht=require("./radio-group/showcase.cjs"),Ut=require("./radio-group/mock.cjs"),Wt=require("./result/showcase.cjs"),Gt=require("./result/mock.cjs"),Kt=require("./right-click-menu/showcase.cjs"),qt=require("./right-click-menu/mock.cjs"),Jt=require("./scroll-box/showcase.cjs"),Yt=require("./scroll-box/mock.cjs"),Xt=require("./saved-filter-select/showcase.cjs"),Zt=require("./saved-filter-select/mock.cjs"),Qt=require("./search-input/showcase.cjs"),$t=require("./search-input/mock.cjs"),en=require("./segmented-control/mock.cjs"),tn=require("./segmented-control/showcase.cjs"),nn=require("./select/showcase.cjs"),rn=require("./select/mock.cjs"),an=require("./sheet-shell/showcase.cjs"),on=require("./sheet-shell/mock.cjs"),sn=require("./sidebar-nav/showcase.cjs"),cn=require("./sidebar-nav/mock.cjs"),ln=require("./simple-select/showcase.cjs"),un=require("./simple-select/mock.cjs"),dn=require("./slider/showcase.cjs"),fn=require("./slider/mock.cjs"),pn=require("./skeleton/mock.cjs"),mn=require("./skeleton/showcase.cjs"),hn=require("./spinner/mock.cjs"),gn=require("./spinner/showcase.cjs"),_n=require("./statistic/mock.cjs"),vn=require("./statistic/showcase.cjs"),yn=require("./switch/showcase.cjs"),bn=require("./switch/mock.cjs"),xn=require("./tag-input/showcase.cjs"),Sn=require("./tag-input/mock.cjs"),Cn=require("./table/showcase.cjs"),wn=require("./table/mock.cjs"),Tn=require("./tabs/showcase.cjs"),En=require("./tabs/mock.cjs"),Dn=require("./textarea/showcase.cjs"),On=require("./textarea/mock.cjs"),kn=require("./timeline/showcase.cjs"),An=require("./timeline/mock.cjs"),jn=require("./tag/mock.cjs"),Mn=require("./tag/showcase.cjs"),Nn=require("./typography/mock.cjs"),Pn=require("./typography/showcase.cjs"),Fn=require("./tree-view/mock.cjs"),In=require("./tree-view/showcase.cjs"),Ln=require("./toast/showcase.cjs"),Rn=require("./toast/mock.cjs"),zn=require("./tooltip/showcase.cjs"),Bn=require("./tooltip/mock.cjs"),Vn=require("./file-upload/showcase.cjs"),Hn=require("./file-upload/mock.cjs"),Un=require("./image-upload/showcase.cjs"),Wn=require("./image-upload/mock.cjs"),Gn=require("./password-input/showcase.cjs"),Kn=require("./password-input/mock.cjs"),qn=require("./rating/showcase.cjs"),Jn=require("./rating/mock.cjs"),Yn=require("./types.cjs");var Xn={alert:{mock:te.alertMock,Showcase:ee.AlertShowcase},"alert-dialog":{mock:t.alertDialogMock,Showcase:e.AlertDialogShowcase},accordion:{mock:ne.accordionMock,Showcase:re.AccordionShowcase},"action-menu":{mock:r.actionMenuMock,Showcase:n.ActionMenuShowcase},button:{mock:j.buttonMock,Showcase:A.ButtonShowcase},"button-group":{mock:N.buttonGroupMock,Showcase:M.ButtonGroupShowcase},calendar:{mock:F.calendarMock,Showcase:P.CalendarShowcase},"calendar-scheduler":{mock:I.calendarSchedulerMock,Showcase:L.CalendarSchedulerShowcase},"command-bar":{mock:se.commandBarMock,Showcase:ce.CommandBarShowcase},"command-palette":{mock:ue.commandPaletteMock,Showcase:le.CommandPaletteShowcase},carousel:{mock:f.carouselMock,Showcase:p.CarouselShowcase},"clearable-input":{mock:h.clearableInputMock,Showcase:m.ClearableInputShowcase},"code-block":{mock:H.codeBlockMock,Showcase:U.CodeBlockShowcase},"dual-list-picker":{mock:W.dualListPickerMock,Showcase:G.DualListPickerShowcase},divider:{mock:E.dividerMock,Showcase:D.DividerShowcase},input:{mock:We.inputMock,Showcase:Ue.InputShowcase},textarea:{mock:On.textareaMock,Showcase:Dn.TextareaShowcase},select:{mock:rn.selectMock,Showcase:nn.SelectShowcase},combobox:{mock:oe.comboboxMock,Showcase:J.ComboboxShowcase},"radio-group":{mock:Ut.radioGroupMock,Showcase:Ht.RadioGroupShowcase},"simple-select":{mock:un.simpleSelectMock,Showcase:ln.SimpleSelectShowcase},"async-select":{mock:s.asyncSelectMock,Showcase:o.AsyncSelectShowcase},"async-multi-select":{mock:l.asyncMultiSelectMock,Showcase:c.AsyncMultiSelectShowcase},avatar:{mock:u.avatarMock,Showcase:d.AvatarShowcase},"number-input":{mock:_t.numberInputMock,Showcase:gt.NumberInputShowcase},"money-input":{mock:pt.moneyInputMock,Showcase:ft.MoneyInputShowcase},"password-input":{mock:Kn.passwordInputMock,Showcase:Gn.PasswordInputShowcase},"date-input":{mock:be.dateInputMock,Showcase:ye.DateInputShowcase},"date-range-input":{mock:we.dateRangeInputMock,Showcase:Ce.DateRangeInputShowcase},"date-picker":{mock:Se.datePickerMock,Showcase:xe.DatePickerShowcase},"date-range-picker":{mock:Ee.dateRangePickerMock,Showcase:Te.DateRangePickerShowcase},"description-list":{mock:Oe.descriptionListMock,Showcase:De.DescriptionListShowcase},descriptions:{mock:ke.descriptionsMock,Showcase:Ae.DescriptionsShowcase},drawer:{mock:Ie.drawerMock,Showcase:Fe.DrawerShowcase},"json-input":{mock:g.jsonInputMock,Showcase:_.JsonInputShowcase},kanban:{mock:ze.kanbanBoardMock,Showcase:Be.KanbanBoardShowcase},menubar:{mock:b.menubarMock,Showcase:x.MenubarShowcase},"navigation-menu":{mock:S.navigationMenuMock,Showcase:C.NavigationMenuShowcase},"otp-input":{mock:yt.otpInputMock,Showcase:vt.OtpInputShowcase},"quantity-input":{mock:Vt.quantityInputMock,Showcase:Bt.QuantityInputShowcase},rating:{mock:Jn.ratingMock,Showcase:qn.RatingShowcase},"masked-input":{mock:ot.maskedInputMock,Showcase:at.MaskedInputShowcase},"phone-input":{mock:kt.phoneInputMock,Showcase:Ot.PhoneInputShowcase},"search-input":{mock:$t.searchInputMock,Showcase:Qt.SearchInputShowcase},slider:{mock:fn.sliderMock,Showcase:dn.SliderShowcase},"time-picker":{mock:$e.timePickerMock,Showcase:et.TimePickerShowcase},"tag-input":{mock:Sn.tagInputMock,Showcase:xn.TagInputShowcase},"dropdown-menu":{mock:Pe.dropdownMenuMock,Showcase:Ne.DropdownMenuShowcase},"confirm-dialog":{mock:fe.confirmDialogMock,Showcase:de.ConfirmDialogShowcase},checkbox:{mock:V.checkboxMock,Showcase:B.CheckboxShowcase},"copy-button":{mock:pe.copyButtonMock,Showcase:me.CopyButtonShowcase},"copy-field":{mock:he.copyFieldMock,Showcase:ge.CopyFieldShowcase},switch:{mock:bn.switchMock,Showcase:yn.SwitchShowcase},badge:{mock:T.badgeMock,Showcase:w.BadgeShowcase},card:{mock:z.cardMock,Showcase:R.CardShowcase},tabs:{mock:En.tabsMock,Showcase:Tn.TabsShowcase},collapse:{mock:q.collapseMock,Showcase:K.CollapseShowcase},kbd:{mock:Ke.kbdMock,Showcase:Ge.KbdShowcase},"modal-shell":{mock:lt.modalShellMock,Showcase:$.ModalShellShowcase},"sheet-shell":{mock:on.sheetShellMock,Showcase:an.SheetShellShowcase},dialog:{mock:Me.dialogMock,Showcase:je.DialogShowcase},popover:{mock:Ft.popoverMock,Showcase:Pt.PopoverShowcase},tooltip:{mock:Bn.tooltipMock,Showcase:zn.TooltipShowcase},"hover-card":{mock:Re.hoverCardMock,Showcase:Le.HoverCardShowcase},"right-click-menu":{mock:qt.rightClickMenuMock,Showcase:Kt.RightClickMenuShowcase},"data-table":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-column-visibility-menu":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-sortable-header":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-bulk-actions":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-view-presets":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"saved-filter-select":{mock:Zt.savedFilterSelectMock,Showcase:Xt.SavedFilterSelectShowcase},"form-field":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-field-shell":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-select":{mock:Q.formSelectMock,Showcase:Z.FormWrapperShowcase},"form-async-select":{mock:Q.formAsyncSelectMock,Showcase:Z.FormWrapperShowcase},"form-textarea":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-switch":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-search-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-password-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-number-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-phone-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-range-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-picker":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-range-picker":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"segmented-control":{mock:en.segmentedControlMock,Showcase:tn.SegmentedControlShowcase},skeleton:{mock:pn.skeletonMock,Showcase:mn.SkeletonShowcase},spinner:{mock:hn.spinnerMock,Showcase:gn.SpinnerShowcase},table:{mock:wn.tableMock,Showcase:Cn.TableShowcase},sidebar:{mock:a.appSidebarMock,Showcase:i.AppSidebarShowcase},"app-sidebar":{mock:a.appSidebarMock,Showcase:i.AppSidebarShowcase},"sidebar-nav":{mock:cn.sidebarNavMock,Showcase:sn.SidebarNavShowcase},breadcrumbs:{mock:k.breadcrumbsMock,Showcase:O.BreadcrumbsShowcase},"page-header":{mock:Ct.pageHeaderMock,Showcase:St.PageHeaderShowcase},"page-container":{mock:xt.pageContainerMock,Showcase:bt.PageContainerShowcase},"page-state":{mock:jt.pageStateMock,Showcase:At.PageStateShowcase},"page-tabs":{mock:Tt.pageTabsMock,Showcase:wt.PageTabsShowcase},pagination:{mock:Nt.paginationMock,Showcase:Mt.PaginationShowcase},"metric-grid":{mock:ct.metricGridMock,Showcase:st.MetricGridShowcase},"notification-center":{mock:ht.notificationCenterMock,Showcase:mt.NotificationCenterShowcase},"info-card":{mock:He.infoCardMock,Showcase:Ve.InfoCardShowcase},list:{mock:qe.listMock,Showcase:Je.ListShowcase},"property-grid":{mock:It.propertyGridMock,Showcase:Lt.PropertyGridShowcase},"activity-feed":{mock:ae.activityFeedMock,Showcase:ie.ActivityFeedShowcase},"loading-state":{mock:Xe.loadingStateMock,Showcase:Ye.LoadingStateShowcase},"data-state":{mock:_e.dataStateMock,Showcase:ve.DataStateShowcase},progress:{mock:zt.progressMock,Showcase:Rt.ProgressShowcase},result:{mock:Gt.resultMock,Showcase:Wt.ResultShowcase},"resizable-panel":{mock:ut.resizablePanelMock,Showcase:dt.ResizablePanelShowcase},section:{mock:Et.sectionMock,Showcase:Dt.SectionShowcase},statistic:{mock:_n.statisticMock,Showcase:vn.StatisticShowcase},"sticky-footer-bar":{mock:rt.stickyFooterBarMock,Showcase:it.StickyFooterBarShowcase},"rich-text-editor":{mock:Ze.richTextEditorMock,Showcase:Qe.RichTextEditorShowcase},tour:{mock:tt.tourMock,Showcase:nt.TourShowcase},"qr-code":{mock:v.qrCodeMock,Showcase:y.QRCodeShowcase},tag:{mock:jn.tagMock,Showcase:Mn.TagShowcase},typography:{mock:Nn.typographyMock,Showcase:Pn.TypographyShowcase},"tree-view":{mock:Fn.treeViewMock,Showcase:In.TreeViewShowcase},"file-upload":{mock:Hn.fileUploadMock,Showcase:Vn.FileUploadShowcase},"image-upload":{mock:Wn.imageUploadMock,Showcase:Un.ImageUploadShowcase},"scroll-box":{mock:Yt.scrollBoxMock,Showcase:Jt.ScrollBoxShowcase},timeline:{mock:An.timelineMock,Showcase:kn.TimelineShowcase},toast:{mock:Rn.toastMock,Showcase:Ln.ToastShowcase}};exports.defaultComponentDemoState=Yn.defaultComponentDemoState,exports.premiumShowcaseDemoRegistry=Xn;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data-table/showcase.cjs"),t=require("./data-table/mock.cjs"),n=require("./alert/showcase.cjs"),r=require("./alert/mock.cjs"),ee=require("./alert-dialog/showcase.cjs"),te=require("./alert-dialog/mock.cjs"),ne=require("./accordion/mock.cjs"),re=require("./accordion/showcase.cjs"),i=require("./activity-feed/showcase.cjs"),a=require("./activity-feed/mock.cjs"),o=require("./action-menu/showcase.cjs"),s=require("./action-menu/mock.cjs"),c=require("./app-sidebar/showcase.cjs"),l=require("./app-sidebar/mock.cjs"),u=require("./async-select/showcase.cjs"),d=require("./async-select/mock.cjs"),f=require("./async-multi-select/showcase.cjs"),p=require("./async-multi-select/mock.cjs"),m=require("./avatar/mock.cjs"),h=require("./avatar/showcase.cjs"),g=require("./carousel/mock.cjs"),_=require("./carousel/showcase.cjs"),v=require("./clearable-input/showcase.cjs"),y=require("./clearable-input/mock.cjs"),b=require("./json-input/mock.cjs"),x=require("./json-input/showcase.cjs"),S=require("./qr-code/mock.cjs"),C=require("./qr-code/showcase.cjs"),w=require("./menubar/mock.cjs"),T=require("./menubar/showcase.cjs"),E=require("./navigation-menu/mock.cjs"),D=require("./navigation-menu/showcase.cjs"),O=require("./badge/showcase.cjs"),k=require("./badge/mock.cjs"),A=require("./divider/mock.cjs"),j=require("./divider/showcase.cjs"),M=require("./breadcrumbs/showcase.cjs"),N=require("./breadcrumbs/mock.cjs"),P=require("./button/showcase.cjs"),F=require("./button/mock.cjs"),I=require("./button-group/showcase.cjs"),L=require("./button-group/mock.cjs"),R=require("./calendar/showcase.cjs"),z=require("./calendar/mock.cjs"),B=require("./calendar-scheduler/mock.cjs"),V=require("./calendar-scheduler/showcase.cjs"),H=require("./card/showcase.cjs"),U=require("./card/mock.cjs"),W=require("./checkbox/showcase.cjs"),G=require("./checkbox/mock.cjs"),K=require("./code-block/mock.cjs"),q=require("./code-block/showcase.cjs"),J=require("./dual-list-picker/mock.cjs"),Y=require("./dual-list-picker/showcase.cjs"),X=require("./collapse/showcase.cjs"),ie=require("./collapse/mock.cjs"),ae=require("./combobox/showcase.cjs"),oe=require("./combobox/mock.cjs"),se=require("./command-bar/mock.cjs"),ce=require("./command-bar/showcase.cjs"),le=require("./command-palette/showcase.cjs"),ue=require("./command-palette/mock.cjs"),de=require("./confirm-dialog/showcase.cjs"),fe=require("./confirm-dialog/mock.cjs"),pe=require("./copy-button/mock.cjs"),me=require("./copy-button/showcase.cjs"),he=require("./copy-field/mock.cjs"),ge=require("./copy-field/showcase.cjs"),_e=require("./data-state/mock.cjs"),ve=require("./data-state/showcase.cjs"),ye=require("./date-input/showcase.cjs"),be=require("./date-input/mock.cjs"),xe=require("./date-picker/showcase.cjs"),Se=require("./date-picker/mock.cjs"),Ce=require("./date-range-input/showcase.cjs"),we=require("./date-range-input/mock.cjs"),Te=require("./date-range-picker/showcase.cjs"),Ee=require("./date-range-picker/mock.cjs"),De=require("./description-list/showcase.cjs"),Oe=require("./description-list/mock.cjs"),ke=require("./descriptions/mock.cjs"),Ae=require("./descriptions/showcase.cjs"),je=require("./dialog/showcase.cjs"),Me=require("./dialog/mock.cjs"),Ne=require("./dropdown-menu/showcase.cjs"),Pe=require("./dropdown-menu/mock.cjs"),Fe=require("./drawer/showcase.cjs"),Ie=require("./drawer/mock.cjs"),Z=require("./form-wrapper/showcase.cjs"),Q=require("./form-wrapper/mock.cjs"),Le=require("./hover-card/showcase.cjs"),Re=require("./hover-card/mock.cjs"),ze=require("./kanban-board/mock.cjs"),Be=require("./kanban-board/showcase.cjs"),Ve=require("./info-card/showcase.cjs"),He=require("./info-card/mock.cjs"),Ue=require("./input/showcase.cjs"),We=require("./input/mock.cjs"),Ge=require("./kbd/showcase.cjs"),Ke=require("./kbd/mock.cjs"),qe=require("./list/mock.cjs"),Je=require("./list/showcase.cjs"),Ye=require("./loading-state/showcase.cjs"),Xe=require("./loading-state/mock.cjs"),Ze=require("./rich-text-editor/mock.cjs"),Qe=require("./rich-text-editor/showcase.cjs"),$e=require("./time-picker/mock.cjs"),et=require("./time-picker/showcase.cjs"),tt=require("./tour/mock.cjs"),nt=require("./tour/showcase.cjs"),rt=require("./sticky-footer-bar/mock.cjs"),it=require("./sticky-footer-bar/showcase.cjs"),at=require("./masked-input/showcase.cjs"),ot=require("./masked-input/mock.cjs"),st=require("./metric-grid/showcase.cjs"),ct=require("./metric-grid/mock.cjs"),lt=require("./modal-shell/showcase.cjs"),ut=require("./modal-shell/mock.cjs"),dt=require("./resizable-panel/mock.cjs"),ft=require("./resizable-panel/showcase.cjs"),pt=require("./money-input/showcase.cjs"),mt=require("./money-input/mock.cjs"),ht=require("./notification-center/showcase.cjs"),gt=require("./notification-center/mock.cjs"),_t=require("./number-input/showcase.cjs"),vt=require("./number-input/mock.cjs"),yt=require("./otp-input/showcase.cjs"),bt=require("./otp-input/mock.cjs"),xt=require("./page-container/showcase.cjs"),St=require("./page-container/mock.cjs"),Ct=require("./page-header/showcase.cjs"),wt=require("./page-header/mock.cjs"),Tt=require("./page-tabs/showcase.cjs"),Et=require("./page-tabs/mock.cjs"),Dt=require("./section/mock.cjs"),Ot=require("./section/showcase.cjs"),kt=require("./phone-input/showcase.cjs"),At=require("./phone-input/mock.cjs"),jt=require("./page-state/showcase.cjs"),Mt=require("./page-state/mock.cjs"),Nt=require("./pagination/showcase.cjs"),Pt=require("./pagination/mock.cjs"),Ft=require("./popover/showcase.cjs"),It=require("./popover/mock.cjs"),Lt=require("./property-grid/mock.cjs"),Rt=require("./property-grid/showcase.cjs"),zt=require("./progress/showcase.cjs"),Bt=require("./progress/mock.cjs"),Vt=require("./quantity-input/showcase.cjs"),Ht=require("./quantity-input/mock.cjs"),Ut=require("./radio-group/showcase.cjs"),Wt=require("./radio-group/mock.cjs"),Gt=require("./result/showcase.cjs"),Kt=require("./result/mock.cjs"),qt=require("./right-click-menu/showcase.cjs"),Jt=require("./right-click-menu/mock.cjs"),Yt=require("./scroll-box/showcase.cjs"),Xt=require("./scroll-box/mock.cjs"),Zt=require("./saved-filter-select/showcase.cjs"),Qt=require("./saved-filter-select/mock.cjs"),$t=require("./search-input/showcase.cjs"),en=require("./search-input/mock.cjs"),tn=require("./segmented-control/mock.cjs"),nn=require("./segmented-control/showcase.cjs"),rn=require("./select/showcase.cjs"),an=require("./select/mock.cjs"),on=require("./sheet-shell/showcase.cjs"),sn=require("./sheet-shell/mock.cjs"),cn=require("./sidebar-nav/showcase.cjs"),ln=require("./sidebar-nav/mock.cjs"),un=require("./simple-select/showcase.cjs"),dn=require("./simple-select/mock.cjs"),fn=require("./slider/showcase.cjs"),pn=require("./slider/mock.cjs"),mn=require("./skeleton/mock.cjs"),hn=require("./skeleton/showcase.cjs"),gn=require("./spinner/mock.cjs"),_n=require("./spinner/showcase.cjs"),vn=require("./statistic/mock.cjs"),yn=require("./statistic/showcase.cjs"),bn=require("./switch/showcase.cjs"),xn=require("./switch/mock.cjs"),Sn=require("./tag-input/showcase.cjs"),Cn=require("./tag-input/mock.cjs"),wn=require("./table/showcase.cjs"),Tn=require("./table/mock.cjs"),En=require("./tabs/showcase.cjs"),Dn=require("./tabs/mock.cjs"),On=require("./textarea/showcase.cjs"),kn=require("./textarea/mock.cjs"),An=require("./timeline/showcase.cjs"),jn=require("./timeline/mock.cjs"),Mn=require("./tag/mock.cjs"),Nn=require("./tag/showcase.cjs"),$=require("./typography/mock.cjs"),Pn=require("./typography/showcase.cjs"),Fn=require("./tree-view/mock.cjs"),In=require("./tree-view/showcase.cjs"),Ln=require("./toast/showcase.cjs"),Rn=require("./toast/mock.cjs"),zn=require("./tooltip/showcase.cjs"),Bn=require("./tooltip/mock.cjs"),Vn=require("./file-upload/showcase.cjs"),Hn=require("./file-upload/mock.cjs"),Un=require("./image-upload/showcase.cjs"),Wn=require("./image-upload/mock.cjs"),Gn=require("./password-input/showcase.cjs"),Kn=require("./password-input/mock.cjs"),qn=require("./rating/showcase.cjs"),Jn=require("./rating/mock.cjs"),Yn=require("./types.cjs");var Xn={alert:{mock:r.alertMock,Showcase:n.AlertShowcase},"alert-dialog":{mock:te.alertDialogMock,Showcase:ee.AlertDialogShowcase},accordion:{mock:ne.accordionMock,Showcase:re.AccordionShowcase},"action-menu":{mock:s.actionMenuMock,Showcase:o.ActionMenuShowcase},button:{mock:F.buttonMock,Showcase:P.ButtonShowcase},"button-group":{mock:L.buttonGroupMock,Showcase:I.ButtonGroupShowcase},calendar:{mock:z.calendarMock,Showcase:R.CalendarShowcase},"calendar-scheduler":{mock:B.calendarSchedulerMock,Showcase:V.CalendarSchedulerShowcase},"command-bar":{mock:se.commandBarMock,Showcase:ce.CommandBarShowcase},"command-palette":{mock:ue.commandPaletteMock,Showcase:le.CommandPaletteShowcase},carousel:{mock:g.carouselMock,Showcase:_.CarouselShowcase},"clearable-input":{mock:y.clearableInputMock,Showcase:v.ClearableInputShowcase},"code-block":{mock:K.codeBlockMock,Showcase:q.CodeBlockShowcase},"dual-list-picker":{mock:J.dualListPickerMock,Showcase:Y.DualListPickerShowcase},divider:{mock:A.dividerMock,Showcase:j.DividerShowcase},input:{mock:We.inputMock,Showcase:Ue.InputShowcase},textarea:{mock:kn.textareaMock,Showcase:On.TextareaShowcase},select:{mock:an.selectMock,Showcase:rn.SelectShowcase},combobox:{mock:oe.comboboxMock,Showcase:ae.ComboboxShowcase},"radio-group":{mock:Wt.radioGroupMock,Showcase:Ut.RadioGroupShowcase},"simple-select":{mock:dn.simpleSelectMock,Showcase:un.SimpleSelectShowcase},"async-select":{mock:d.asyncSelectMock,Showcase:u.AsyncSelectShowcase},"async-multi-select":{mock:p.asyncMultiSelectMock,Showcase:f.AsyncMultiSelectShowcase},avatar:{mock:m.avatarMock,Showcase:h.AvatarShowcase},"number-input":{mock:vt.numberInputMock,Showcase:_t.NumberInputShowcase},"money-input":{mock:mt.moneyInputMock,Showcase:pt.MoneyInputShowcase},"password-input":{mock:Kn.passwordInputMock,Showcase:Gn.PasswordInputShowcase},"date-input":{mock:be.dateInputMock,Showcase:ye.DateInputShowcase},"date-range-input":{mock:we.dateRangeInputMock,Showcase:Ce.DateRangeInputShowcase},"date-picker":{mock:Se.datePickerMock,Showcase:xe.DatePickerShowcase},"date-range-picker":{mock:Ee.dateRangePickerMock,Showcase:Te.DateRangePickerShowcase},"description-list":{mock:Oe.descriptionListMock,Showcase:De.DescriptionListShowcase},descriptions:{mock:ke.descriptionsMock,Showcase:Ae.DescriptionsShowcase},drawer:{mock:Ie.drawerMock,Showcase:Fe.DrawerShowcase},"json-input":{mock:b.jsonInputMock,Showcase:x.JsonInputShowcase},kanban:{mock:ze.kanbanBoardMock,Showcase:Be.KanbanBoardShowcase},menubar:{mock:w.menubarMock,Showcase:T.MenubarShowcase},"navigation-menu":{mock:E.navigationMenuMock,Showcase:D.NavigationMenuShowcase},"otp-input":{mock:bt.otpInputMock,Showcase:yt.OtpInputShowcase},"quantity-input":{mock:Ht.quantityInputMock,Showcase:Vt.QuantityInputShowcase},rating:{mock:Jn.ratingMock,Showcase:qn.RatingShowcase},"masked-input":{mock:ot.maskedInputMock,Showcase:at.MaskedInputShowcase},"phone-input":{mock:At.phoneInputMock,Showcase:kt.PhoneInputShowcase},"search-input":{mock:en.searchInputMock,Showcase:$t.SearchInputShowcase},slider:{mock:pn.sliderMock,Showcase:fn.SliderShowcase},"time-picker":{mock:$e.timePickerMock,Showcase:et.TimePickerShowcase},"tag-input":{mock:Cn.tagInputMock,Showcase:Sn.TagInputShowcase},"dropdown-menu":{mock:Pe.dropdownMenuMock,Showcase:Ne.DropdownMenuShowcase},"confirm-dialog":{mock:fe.confirmDialogMock,Showcase:de.ConfirmDialogShowcase},checkbox:{mock:G.checkboxMock,Showcase:W.CheckboxShowcase},"copy-button":{mock:pe.copyButtonMock,Showcase:me.CopyButtonShowcase},"copy-field":{mock:he.copyFieldMock,Showcase:ge.CopyFieldShowcase},switch:{mock:xn.switchMock,Showcase:bn.SwitchShowcase},badge:{mock:k.badgeMock,Showcase:O.BadgeShowcase},card:{mock:U.cardMock,Showcase:H.CardShowcase},tabs:{mock:Dn.tabsMock,Showcase:En.TabsShowcase},collapse:{mock:ie.collapseMock,Showcase:X.CollapseShowcase},kbd:{mock:Ke.kbdMock,Showcase:Ge.KbdShowcase},"modal-shell":{mock:ut.modalShellMock,Showcase:lt.ModalShellShowcase},"sheet-shell":{mock:sn.sheetShellMock,Showcase:on.SheetShellShowcase},dialog:{mock:Me.dialogMock,Showcase:je.DialogShowcase},popover:{mock:It.popoverMock,Showcase:Ft.PopoverShowcase},tooltip:{mock:Bn.tooltipMock,Showcase:zn.TooltipShowcase},"hover-card":{mock:Re.hoverCardMock,Showcase:Le.HoverCardShowcase},"right-click-menu":{mock:Jt.rightClickMenuMock,Showcase:qt.RightClickMenuShowcase},"data-table":{mock:t.dataTableMock,Showcase:e.DataTableShowcase},"data-table-column-visibility-menu":{mock:t.dataTableMock,Showcase:e.DataTableShowcase},"data-table-sortable-header":{mock:t.dataTableMock,Showcase:e.DataTableShowcase},"data-table-bulk-actions":{mock:t.dataTableMock,Showcase:e.DataTableShowcase},"data-table-view-presets":{mock:t.dataTableMock,Showcase:e.DataTableShowcase},"saved-filter-select":{mock:Qt.savedFilterSelectMock,Showcase:Zt.SavedFilterSelectShowcase},"form-field":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-field-shell":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-select":{mock:Q.formSelectMock,Showcase:Z.FormWrapperShowcase},"form-async-select":{mock:Q.formAsyncSelectMock,Showcase:Z.FormWrapperShowcase},"form-textarea":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-switch":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-search-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-password-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-number-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-phone-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-range-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-picker":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-range-picker":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"segmented-control":{mock:tn.segmentedControlMock,Showcase:nn.SegmentedControlShowcase},skeleton:{mock:mn.skeletonMock,Showcase:hn.SkeletonShowcase},spinner:{mock:gn.spinnerMock,Showcase:_n.SpinnerShowcase},table:{mock:Tn.tableMock,Showcase:wn.TableShowcase},sidebar:{mock:l.appSidebarMock,Showcase:c.AppSidebarShowcase},"app-sidebar":{mock:l.appSidebarMock,Showcase:c.AppSidebarShowcase},"sidebar-nav":{mock:ln.sidebarNavMock,Showcase:cn.SidebarNavShowcase},breadcrumbs:{mock:N.breadcrumbsMock,Showcase:M.BreadcrumbsShowcase},"page-header":{mock:wt.pageHeaderMock,Showcase:Ct.PageHeaderShowcase},"page-container":{mock:St.pageContainerMock,Showcase:xt.PageContainerShowcase},"page-state":{mock:Mt.pageStateMock,Showcase:jt.PageStateShowcase},"page-tabs":{mock:Et.pageTabsMock,Showcase:Tt.PageTabsShowcase},pagination:{mock:Pt.paginationMock,Showcase:Nt.PaginationShowcase},"metric-grid":{mock:ct.metricGridMock,Showcase:st.MetricGridShowcase},"notification-center":{mock:gt.notificationCenterMock,Showcase:ht.NotificationCenterShowcase},"info-card":{mock:He.infoCardMock,Showcase:Ve.InfoCardShowcase},list:{mock:qe.listMock,Showcase:Je.ListShowcase},"property-grid":{mock:Lt.propertyGridMock,Showcase:Rt.PropertyGridShowcase},"activity-feed":{mock:a.activityFeedMock,Showcase:i.ActivityFeedShowcase},"loading-state":{mock:Xe.loadingStateMock,Showcase:Ye.LoadingStateShowcase},"data-state":{mock:_e.dataStateMock,Showcase:ve.DataStateShowcase},progress:{mock:Bt.progressMock,Showcase:zt.ProgressShowcase},result:{mock:Kt.resultMock,Showcase:Gt.ResultShowcase},"resizable-panel":{mock:dt.resizablePanelMock,Showcase:ft.ResizablePanelShowcase},section:{mock:Dt.sectionMock,Showcase:Ot.SectionShowcase},statistic:{mock:vn.statisticMock,Showcase:yn.StatisticShowcase},"sticky-footer-bar":{mock:rt.stickyFooterBarMock,Showcase:it.StickyFooterBarShowcase},"rich-text-editor":{mock:Ze.richTextEditorMock,Showcase:Qe.RichTextEditorShowcase},tour:{mock:tt.tourMock,Showcase:nt.TourShowcase},"qr-code":{mock:S.qrCodeMock,Showcase:C.QRCodeShowcase},tag:{mock:Mn.tagMock,Showcase:Nn.TagShowcase},typography:{mock:$.typographyMock,Showcase:Pn.TypographyShowcase},"tree-view":{mock:Fn.treeViewMock,Showcase:In.TreeViewShowcase},"file-upload":{mock:Hn.fileUploadMock,Showcase:Vn.FileUploadShowcase},"image-upload":{mock:Wn.imageUploadMock,Showcase:Un.ImageUploadShowcase},"scroll-box":{mock:Xt.scrollBoxMock,Showcase:Yt.ScrollBoxShowcase},timeline:{mock:jn.timelineMock,Showcase:An.TimelineShowcase},toast:{mock:Rn.toastMock,Showcase:Ln.ToastShowcase}};exports.defaultComponentDemoState=Yn.defaultComponentDemoState,exports.premiumShowcaseDemoRegistry=Xn;