tembro 2.1.13 → 3.1.1

package/dist/src/showcase/premium/hover-card/mock.js

@@ -0,0 +1,39 @@
+//#region src/showcase/premium/hover-card/mock.ts
+var e = {
+	code: "import { Avatar, HoverCard } from \"tembro\"\n\nexport function Example() {\n  return (\n    <HoverCard\n      trigger={<Avatar fallback=\"AJ\" />}\n      content={<div className=\"space-y-1\"><p className=\"font-medium\">Azamat</p><p className=\"text-sm text-muted-foreground\">Design system owner</p></div>}\n    />\n  )\n}",
+	htmlCode: "<div data-slot=\"hover-card\"></div>",
+	cliCommand: "npx tembro add hover-card",
+	highlights: [
+		"Entity preview",
+		"Hover + focus",
+		"Secondary context",
+		"Compact detail card"
+	],
+	relatedBlockSlugs: [
+		"crm-dashboard",
+		"users-table",
+		"settings-form"
+	],
+	scenarios: [
+		{
+			title: "User preview",
+			description: "Reveal compact profile details without opening a full panel."
+		},
+		{
+			title: "Card summary",
+			description: "Useful for metrics and owners in dense dashboard layouts."
+		},
+		{
+			title: "Secondary context",
+			description: "Show supporting data only when the user intentionally pauses."
+		}
+	],
+	capabilityNotes: [
+		"HoverCard is for richer secondary context than Tooltip.",
+		"Keep content compact; if users need actions, switch to Popover.",
+		"Always ensure trigger remains meaningful without the reveal card.",
+		"Support focus states so keyboard users can access the same content."
+	]
+};
+//#endregion
+export { e as hoverCardMock };

package/dist/src/showcase/premium/hover-card/showcase.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/hover-card.cjs"),r=require("../../../components/display/avatar.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=[`bottom`,`right`,`top`,`left`],s=`border-t border-[color:var(--aui-divider)] py-6`;function c(){let[e,c]=i.useState(`bottom`);return(0,a.jsxs)(`div`,{className:`space-y-0`,children:[(0,a.jsx)(`section`,{className:`pb-6`,children:(0,a.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-end xl:justify-between`,children:[(0,a.jsxs)(`div`,{className:`max-w-xl`,children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Hover card`}),(0,a.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Richer than tooltip, lighter than popover`}),(0,a.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Use hover card when one entity preview needs a bit more room but still should feel lightweight.`})]}),(0,a.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]`,children:[(0,a.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Side`}),(0,a.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong capitalize`,children:e})]}),(0,a.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Use for`}),(0,a.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:`Entity preview`})]}),(0,a.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Avoid for`}),(0,a.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:`Heavy actions`})]})]})]})}),(0,a.jsx)(`section`,{className:s,children:(0,a.jsx)(`div`,{className:`flex min-h-52 items-center justify-center rounded-[22px] border border-[color:var(--aui-divider)] p-5`,children:(0,a.jsx)(n.HoverCard,{side:e,trigger:(0,a.jsx)(`button`,{type:`button`,className:`rounded-full border border-[color:var(--aui-divider)] p-1`,children:(0,a.jsx)(r.Avatar,{fallback:`AJ`})}),content:(0,a.jsxs)(`div`,{className:`space-y-1`,children:[(0,a.jsx)(`p`,{className:`font-medium`,children:`Azamat Jurayev`}),(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Design system owner`}),(0,a.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Keeps public components and package releases in sync.`})]})})})}),(0,a.jsx)(`section`,{className:s,children:(0,a.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:o.map(n=>(0,a.jsx)(t.Button,{type:`button`,size:`sm`,variant:e===n?`default`:`secondary`,onClick:()=>c(n),children:n},n))})})]})}exports.HoverCardShowcase=c;

package/dist/src/showcase/premium/hover-card/showcase.js

@@ -0,0 +1,123 @@
+import { Button as e } from "../../../components/ui/button/index.js";
+import { HoverCard as t } from "../../../components/ui/hover-card.js";
+import { Avatar as n } from "../../../components/display/avatar.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/showcase/premium/hover-card/showcase.tsx
+var o = [
+	"bottom",
+	"right",
+	"top",
+	"left"
+], s = "border-t border-[color:var(--aui-divider)] py-6";
+function c() {
+	let [c, l] = r.useState("bottom");
+	return /* @__PURE__ */ a("div", {
+		className: "space-y-0",
+		children: [
+			/* @__PURE__ */ i("section", {
+				className: "pb-6",
+				children: /* @__PURE__ */ a("div", {
+					className: "flex flex-col gap-6 xl:flex-row xl:items-end xl:justify-between",
+					children: [/* @__PURE__ */ a("div", {
+						className: "max-w-xl",
+						children: [
+							/* @__PURE__ */ i("p", {
+								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
+								children: "Hover card"
+							}),
+							/* @__PURE__ */ i("h3", {
+								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
+								children: "Richer than tooltip, lighter than popover"
+							}),
+							/* @__PURE__ */ i("p", {
+								className: "mt-3 text-sm leading-6 aui-text-muted",
+								children: "Use hover card when one entity preview needs a bit more room but still should feel lightweight."
+							})
+						]
+					}), /* @__PURE__ */ a("div", {
+						className: "grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]",
+						children: [
+							/* @__PURE__ */ a("div", {
+								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
+								children: [/* @__PURE__ */ i("p", {
+									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
+									children: "Side"
+								}), /* @__PURE__ */ i("p", {
+									className: "mt-2 text-lg font-semibold aui-text-strong capitalize",
+									children: c
+								})]
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
+								children: [/* @__PURE__ */ i("p", {
+									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
+									children: "Use for"
+								}), /* @__PURE__ */ i("p", {
+									className: "mt-2 text-lg font-semibold aui-text-strong",
+									children: "Entity preview"
+								})]
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
+								children: [/* @__PURE__ */ i("p", {
+									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
+									children: "Avoid for"
+								}), /* @__PURE__ */ i("p", {
+									className: "mt-2 text-lg font-semibold aui-text-strong",
+									children: "Heavy actions"
+								})]
+							})
+						]
+					})]
+				})
+			}),
+			/* @__PURE__ */ i("section", {
+				className: s,
+				children: /* @__PURE__ */ i("div", {
+					className: "flex min-h-52 items-center justify-center rounded-[22px] border border-[color:var(--aui-divider)] p-5",
+					children: /* @__PURE__ */ i(t, {
+						side: c,
+						trigger: /* @__PURE__ */ i("button", {
+							type: "button",
+							className: "rounded-full border border-[color:var(--aui-divider)] p-1",
+							children: /* @__PURE__ */ i(n, { fallback: "AJ" })
+						}),
+						content: /* @__PURE__ */ a("div", {
+							className: "space-y-1",
+							children: [
+								/* @__PURE__ */ i("p", {
+									className: "font-medium",
+									children: "Azamat Jurayev"
+								}),
+								/* @__PURE__ */ i("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Design system owner"
+								}),
+								/* @__PURE__ */ i("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Keeps public components and package releases in sync."
+								})
+							]
+						})
+					})
+				})
+			}),
+			/* @__PURE__ */ i("section", {
+				className: s,
+				children: /* @__PURE__ */ i("div", {
+					className: "flex flex-wrap gap-2",
+					children: o.map((t) => /* @__PURE__ */ i(e, {
+						type: "button",
+						size: "sm",
+						variant: c === t ? "default" : "secondary",
+						onClick: () => l(t),
+						children: t
+					}, t))
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { c as HoverCardShowcase };

package/dist/src/showcase/premium/image-upload/index.cjs

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

package/dist/src/showcase/premium/image-upload/index.js

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

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

@@ -0,0 +1,15 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
+import { ImageUpload } from "tembro"
+
+export function Example() {
+  const [files, setFiles] = useState<File[]>([])
+
+  return (
+    <ImageUpload
+      files={files}
+      onFilesChange={setFiles}
+      maxFiles={3}
+      helperText="Upload hero illustrations or block thumbnails."
+    />
+  )
+}`,cliCommand:`npx tembro add image-upload`,highlights:[`Image preview support`,`Reusable remove action behavior`,`Controlled file array API`,`Preview-first upload route`],scenarios:[{title:`Template thumbnails`,description:`Preview uploaded images before attaching them to a template.`},{title:`Marketing assets`,description:`Use for screenshots, gallery items and hero illustrations.`},{title:`Media field`,description:`Keep image upload inside a controlled route or form.`}],capabilityNotes:[`Use ImageUpload when visual confirmation is more important than a generic file list.`,`Preview and remove behavior come from the same reusable component surface.`,`Keep image routes consistent across docs, templates and CMS-like forms.`]};exports.imageUploadMock=e;

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

@@ -0,0 +1,32 @@
+//#region src/showcase/premium/image-upload/mock.ts
+var e = {
+	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",
+		"Reusable remove action behavior",
+		"Controlled file array API",
+		"Preview-first upload route"
+	],
+	scenarios: [
+		{
+			title: "Template thumbnails",
+			description: "Preview uploaded images before attaching them to a template."
+		},
+		{
+			title: "Marketing assets",
+			description: "Use for screenshots, gallery items and hero illustrations."
+		},
+		{
+			title: "Media field",
+			description: "Keep image upload inside a controlled route or form."
+		}
+	],
+	capabilityNotes: [
+		"Use ImageUpload when visual confirmation is more important than a generic file list.",
+		"Preview and remove behavior come from the same reusable component surface.",
+		"Keep image routes consistent across docs, templates and CMS-like forms."
+	]
+};
+//#endregion
+export { e as imageUploadMock };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/upload/image-upload.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let[e,a]=r.useState([]);return(0,i.jsxs)(`div`,{className:`space-y-4`,children:[(0,i.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(t.Badge,{variant:`outline`,children:`Preview`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Image-first`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Removable`})]}),(0,i.jsx)(`p`,{className:`mt-3 text-sm font-medium aui-text-strong`,children:`ImageUpload is the preview-friendly media variant`}),(0,i.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it for thumbnails, gallery assets, hero illustrations and template screenshots where visual confirmation matters immediately.`})]}),(0,i.jsx)(n.ImageUpload,{files:e,onFilesChange:a,maxFiles:3,minImageWidth:1200,minImageHeight:800,aspectRatio:1.5,helperText:`Upload hero illustrations or block thumbnails.`}),(0,i.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,i.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,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Attached images`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:e.length})]}),(0,i.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,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Interaction model`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Preview, remove, and ratio validation live inside the same reusable media surface.`})]}),(0,i.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,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Use case`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Marketing blocks, screenshots, previews and content thumbnails.`})]})]})]})}exports.ImageUploadShowcase=a;

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

@@ -0,0 +1,89 @@
+import { Badge as e } from "../../../components/ui/badge/index.js";
+import { ImageUpload as t } from "../../../components/upload/image-upload.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/showcase/premium/image-upload/showcase.tsx
+function a() {
+	let [a, o] = n.useState([]);
+	return /* @__PURE__ */ i("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: "flex flex-wrap gap-2",
+						children: [
+							/* @__PURE__ */ r(e, {
+								variant: "outline",
+								children: "Preview"
+							}),
+							/* @__PURE__ */ r(e, {
+								variant: "outline",
+								children: "Image-first"
+							}),
+							/* @__PURE__ */ r(e, {
+								variant: "outline",
+								children: "Removable"
+							})
+						]
+					}),
+					/* @__PURE__ */ r("p", {
+						className: "mt-3 text-sm font-medium aui-text-strong",
+						children: "ImageUpload is the preview-friendly media variant"
+					}),
+					/* @__PURE__ */ r("p", {
+						className: "mt-2 text-sm leading-6 aui-text-muted",
+						children: "Use it for thumbnails, gallery assets, hero illustrations and template screenshots where visual confirmation matters immediately."
+					})
+				]
+			}),
+			/* @__PURE__ */ r(t, {
+				files: a,
+				onFilesChange: o,
+				maxFiles: 3,
+				minImageWidth: 1200,
+				minImageHeight: 800,
+				aspectRatio: 1.5,
+				helperText: "Upload hero illustrations or block thumbnails."
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "grid gap-3 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: "rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm",
+						children: [/* @__PURE__ */ r("p", {
+							className: "font-medium aui-text-strong",
+							children: "Attached images"
+						}), /* @__PURE__ */ r("p", {
+							className: "mt-2 aui-text-muted",
+							children: a.length
+						})]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm",
+						children: [/* @__PURE__ */ r("p", {
+							className: "font-medium aui-text-strong",
+							children: "Interaction model"
+						}), /* @__PURE__ */ r("p", {
+							className: "mt-2 aui-text-muted",
+							children: "Preview, remove, and ratio validation live inside the same reusable media surface."
+						})]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm",
+						children: [/* @__PURE__ */ r("p", {
+							className: "font-medium aui-text-strong",
+							children: "Use case"
+						}), /* @__PURE__ */ r("p", {
+							className: "mt-2 aui-text-muted",
+							children: "Marketing blocks, screenshots, previews and content thumbnails."
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { a as ImageUploadShowcase };

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

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