tembro 3.1.1 → 3.1.5

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

@@ -3,6 +3,7 @@ import { FileUpload } from "tembro"
 
 export function Example() {
   const [files, setFiles] = useState<File[]>([])
+  const [progress, setProgress] = useState<Record<string, number>>({})
 
   return (
     <FileUpload
@@ -11,7 +12,11 @@ export function Example() {
       accept=".pdf,.docx,.png"
       maxFiles={4}
       maxSize={4 * 1024 * 1024}
+      progress={progress}
+      status={files.length ? "uploading" : "idle"}
       helperText="Supports PDF, DOCX and PNG up to 4 MB."
+      validateFile={(file) => file.name.includes("private") ? "Private files are not allowed." : null}
+      onRetryFile={(file) => setProgress((value) => ({ ...value, [file.name]: 0 }))}
     />
   )
-}`,cliCommand:`npx tembro add file-upload`,highlights:[`Reusable dropzone and file list`,`Rejected state support`,`Nested clear/remove interactions`,`Controlled file array API`],scenarios:[{title:`Admin attachments`,description:`Upload contracts, invoices and internal release assets.`},{title:`Controlled state`,description:`Keep file state in the parent route or form container.`},{title:`Validation`,description:`Constrain type, size and count at the component boundary.`}],capabilityNotes:[`Use FileUpload when the route needs a production dropzone rather than a decorative input.`,`The remove and clear actions are isolated from the parent click surface.`,`Keep validation rules close to the component so every route behaves consistently.`]};exports.fileUploadMock=e;
+}`,cliCommand:`npx tembro add file-upload`,highlights:[`Reusable dropzone and file list`,`Rejected state support`,`Nested clear/remove interactions`,`Controlled files, progress and status API`,`Custom validation and rejection messages`],scenarios:[{title:`Admin attachments`,description:`Upload contracts, invoices and internal release assets.`},{title:`Controlled state`,description:`Keep file state in the parent route or form container.`},{title:`Validation`,description:`Constrain type, size and count at the component boundary.`}],capabilityNotes:[`Use FileUpload when the route needs a production dropzone rather than a decorative input.`,`The remove and clear actions are isolated from the parent click surface.`,`Keep validation rules close to the component so every route behaves consistently.`]};exports.fileUploadMock=e;

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

@@ -1,12 +1,13 @@
 //#region src/showcase/premium/file-upload/mock.ts
 var e = {
-	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}",
+	code: "import { useState } from \"react\"\nimport { FileUpload } from \"tembro\"\n\nexport function Example() {\n  const [files, setFiles] = useState<File[]>([])\n  const [progress, setProgress] = useState<Record<string, number>>({})\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      progress={progress}\n      status={files.length ? \"uploading\" : \"idle\"}\n      helperText=\"Supports PDF, DOCX and PNG up to 4 MB.\"\n      validateFile={(file) => file.name.includes(\"private\") ? \"Private files are not allowed.\" : null}\n      onRetryFile={(file) => setProgress((value) => ({ ...value, [file.name]: 0 }))}\n    />\n  )\n}",
 	cliCommand: "npx tembro add file-upload",
 	highlights: [
 		"Reusable dropzone and file list",
 		"Rejected state support",
 		"Nested clear/remove interactions",
-		"Controlled file array API"
+		"Controlled files, progress and status API",
+		"Custom validation and rejection messages"
 	],
 	scenarios: [
 		{

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

@@ -1 +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/file-upload.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let[e,a]=r.useState([]),[o,s]=r.useState({});return r.useEffect(()=>{s(t=>{let n={...t};return e.forEach((e,t)=>{let r=`${e.name}-${e.size}-${e.lastModified}`;n[r]??=t===0?`uploading`:t===1?`error`:`success`}),n})},[e]),(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:`Dropzone`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Rejected files`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Clearable`})]}),(0,i.jsx)(`p`,{className:`mt-3 text-sm font-medium aui-text-strong`,children:`FileUpload is the production file surface`}),(0,i.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it when you need one reusable dropzone with helper copy, rejected states, file list and nested remove actions.`})]}),(0,i.jsx)(n.FileUpload,{files:e,onFilesChange:a,status:o,accept:`.pdf,.docx,.png`,maxFiles:4,maxSize:4*1024*1024,dropzoneLabel:`Upload release assets`,dropzoneDescription:`Drag files here or choose from your device.`,helperText:`Supports PDF, DOCX and PNG up to 4 MB.`,onRetryFile:e=>{let t=`${e.name}-${e.size}-${e.lastModified}`;s(e=>({...e,[t]:`uploading`})),window.setTimeout(()=>{s(e=>({...e,[t]:`success`}))},900)}}),(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 files`}),(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:`Uploading, success and retry-ready error rows all stay isolated from the parent dropzone click.`})]}),(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:`Contracts, invoices, release assets and admin attachments.`})]})]})]})}exports.FileUploadShowcase=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/badge/index.cjs"),r=require("../../../components/upload/file-upload.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(){let[e,o]=i.useState([]),[s,c]=i.useState({}),[l,u]=i.useState({});return i.useEffect(()=>{c(t=>{let n={...t};return e.forEach((e,t)=>{let r=`${e.name}-${e.size}-${e.lastModified}`;n[r]??=t===0?`uploading`:t===1?`error`:`success`}),n})},[e]),(0,a.jsxs)(`div`,{className:`space-y-4`,children:[(0,a.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(n.Badge,{variant:`outline`,children:`Dropzone`}),(0,a.jsx)(n.Badge,{variant:`outline`,children:`Rejected files`}),(0,a.jsx)(n.Badge,{variant:`outline`,children:`Clearable`})]}),(0,a.jsx)(`p`,{className:`mt-3 text-sm font-medium aui-text-strong`,children:`FileUpload is the production file surface`}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it when you need one reusable dropzone with helper copy, rejected states, file list and nested remove actions.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(t.Button,{size:`sm`,onClick:()=>{let e=Date.now(),t=[new File([`release notes`],`release-notes.pdf`,{type:`application/pdf`,lastModified:e}),new File([`contract draft`],`contract.docx`,{type:`application/vnd.openxmlformats-officedocument.wordprocessingml.document`,lastModified:e+1}),new File([`preview image`],`preview.png`,{type:`image/png`,lastModified:e+2})],n=t.map(e=>`${e.name}-${e.size}-${e.lastModified}`);o(t),c({[n[0]]:`uploading`,[n[1]]:`error`,[n[2]]:`success`}),u({[n[0]]:46,[n[1]]:72,[n[2]]:100})},children:`Load sample files`}),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,disabled:e.length===0,onClick:()=>{o([]),c({}),u({})},children:`Clear demo`})]}),(0,a.jsx)(r.FileUpload,{files:e,onFilesChange:o,status:s,accept:`.pdf,.docx,.png`,maxFiles:4,maxSize:4*1024*1024,progress:l,dropzoneLabel:`Upload release assets`,dropzoneDescription:`Drag files here or choose from your device.`,helperText:`Supports PDF, DOCX and PNG up to 4 MB. Filenames containing private are rejected.`,validateFile:e=>e.name.toLowerCase().includes(`private`)?`Private files cannot be uploaded here.`:null,rejectionMessages:{"max-files":({maxFiles:e})=>`Only ${e} release assets are allowed.`,"max-size":`This asset exceeds the 4 MB release limit.`},onRetryFile:e=>{let t=`${e.name}-${e.size}-${e.lastModified}`;c(e=>({...e,[t]:`uploading`})),u(e=>({...e,[t]:35})),window.setTimeout(()=>{c(e=>({...e,[t]:`success`})),u(e=>({...e,[t]:100}))},900)}}),(0,a.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Attached files`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:e.length})]}),(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Interaction model`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Uploading, success and retry-ready error rows all stay isolated from the parent dropzone click.`})]}),(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Use case`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Contracts, invoices, release assets and admin attachments.`})]})]})]})}exports.FileUploadShowcase=o;

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

@@ -1,103 +1,156 @@
-import { Badge as e } from "../../../components/ui/badge/index.js";
-import { FileUpload as t } from "../../../components/upload/file-upload.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as e } from "../../../components/ui/button/index.js";
+import { Badge as t } from "../../../components/ui/badge/index.js";
+import { FileUpload as n } from "../../../components/upload/file-upload.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/showcase/premium/file-upload/showcase.tsx
-function a() {
-	let [a, o] = n.useState([]), [s, c] = n.useState({});
-	return n.useEffect(() => {
-		c((e) => {
+function o() {
+	let [o, s] = r.useState([]), [c, l] = r.useState({}), [u, d] = r.useState({});
+	return r.useEffect(() => {
+		l((e) => {
 			let t = { ...e };
-			return a.forEach((e, n) => {
+			return o.forEach((e, n) => {
 				let r = `${e.name}-${e.size}-${e.lastModified}`;
 				t[r] ??= n === 0 ? "uploading" : n === 1 ? "error" : "success";
 			}), t;
 		});
-	}, [a]), /* @__PURE__ */ i("div", {
+	}, [o]), /* @__PURE__ */ a("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ a("div", {
 				className: "rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
 				children: [
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("div", {
 						className: "flex flex-wrap gap-2",
 						children: [
-							/* @__PURE__ */ r(e, {
+							/* @__PURE__ */ i(t, {
 								variant: "outline",
 								children: "Dropzone"
 							}),
-							/* @__PURE__ */ r(e, {
+							/* @__PURE__ */ i(t, {
 								variant: "outline",
 								children: "Rejected files"
 							}),
-							/* @__PURE__ */ r(e, {
+							/* @__PURE__ */ i(t, {
 								variant: "outline",
 								children: "Clearable"
 							})
 						]
 					}),
-					/* @__PURE__ */ r("p", {
+					/* @__PURE__ */ i("p", {
 						className: "mt-3 text-sm font-medium aui-text-strong",
 						children: "FileUpload is the production file surface"
 					}),
-					/* @__PURE__ */ r("p", {
+					/* @__PURE__ */ i("p", {
 						className: "mt-2 text-sm leading-6 aui-text-muted",
 						children: "Use it when you need one reusable dropzone with helper copy, rejected states, file list and nested remove actions."
 					})
 				]
 			}),
-			/* @__PURE__ */ r(t, {
-				files: a,
-				onFilesChange: o,
-				status: s,
+			/* @__PURE__ */ a("div", {
+				className: "flex flex-wrap gap-2",
+				children: [/* @__PURE__ */ i(e, {
+					size: "sm",
+					onClick: () => {
+						let e = Date.now(), t = [
+							new File(["release notes"], "release-notes.pdf", {
+								type: "application/pdf",
+								lastModified: e
+							}),
+							new File(["contract draft"], "contract.docx", {
+								type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+								lastModified: e + 1
+							}),
+							new File(["preview image"], "preview.png", {
+								type: "image/png",
+								lastModified: e + 2
+							})
+						], n = t.map((e) => `${e.name}-${e.size}-${e.lastModified}`);
+						s(t), l({
+							[n[0]]: "uploading",
+							[n[1]]: "error",
+							[n[2]]: "success"
+						}), d({
+							[n[0]]: 46,
+							[n[1]]: 72,
+							[n[2]]: 100
+						});
+					},
+					children: "Load sample files"
+				}), /* @__PURE__ */ i(e, {
+					size: "sm",
+					variant: "outline",
+					disabled: o.length === 0,
+					onClick: () => {
+						s([]), l({}), d({});
+					},
+					children: "Clear demo"
+				})]
+			}),
+			/* @__PURE__ */ i(n, {
+				files: o,
+				onFilesChange: s,
+				status: c,
 				accept: ".pdf,.docx,.png",
 				maxFiles: 4,
 				maxSize: 4 * 1024 * 1024,
+				progress: u,
 				dropzoneLabel: "Upload release assets",
 				dropzoneDescription: "Drag files here or choose from your device.",
-				helperText: "Supports PDF, DOCX and PNG up to 4 MB.",
+				helperText: "Supports PDF, DOCX and PNG up to 4 MB. Filenames containing private are rejected.",
+				validateFile: (e) => e.name.toLowerCase().includes("private") ? "Private files cannot be uploaded here." : null,
+				rejectionMessages: {
+					"max-files": ({ maxFiles: e }) => `Only ${e} release assets are allowed.`,
+					"max-size": "This asset exceeds the 4 MB release limit."
+				},
 				onRetryFile: (e) => {
 					let t = `${e.name}-${e.size}-${e.lastModified}`;
-					c((e) => ({
+					l((e) => ({
 						...e,
 						[t]: "uploading"
+					})), d((e) => ({
+						...e,
+						[t]: 35
 					})), window.setTimeout(() => {
-						c((e) => ({
+						l((e) => ({
 							...e,
 							[t]: "success"
+						})), d((e) => ({
+							...e,
+							[t]: 100
 						}));
 					}, 900);
 				}
 			}),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ a("div", {
 				className: "grid gap-3 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("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", {
+						children: [/* @__PURE__ */ i("p", {
 							className: "font-medium aui-text-strong",
 							children: "Attached files"
-						}), /* @__PURE__ */ r("p", {
+						}), /* @__PURE__ */ i("p", {
 							className: "mt-2 aui-text-muted",
-							children: a.length
+							children: o.length
 						})]
 					}),
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("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", {
+						children: [/* @__PURE__ */ i("p", {
 							className: "font-medium aui-text-strong",
 							children: "Interaction model"
-						}), /* @__PURE__ */ r("p", {
+						}), /* @__PURE__ */ i("p", {
 							className: "mt-2 aui-text-muted",
 							children: "Uploading, success and retry-ready error rows all stay isolated from the parent dropzone click."
 						})]
 					}),
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("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", {
+						children: [/* @__PURE__ */ i("p", {
 							className: "font-medium aui-text-strong",
 							children: "Use case"
-						}), /* @__PURE__ */ r("p", {
+						}), /* @__PURE__ */ i("p", {
 							className: "mt-2 aui-text-muted",
 							children: "Contracts, invoices, release assets and admin attachments."
 						})]
@@ -108,4 +161,4 @@ function a() {
 	});
 }
 //#endregion
-export { a as FileUploadShowcase };
+export { o as FileUploadShowcase };

package/dist/src/showcase/premium/{copy-field → image-cropper}/index.cjs

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

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

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

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

@@ -0,0 +1,5 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { ImageCropper } from "tembro"
+
+export function Example() {
+  return <ImageCropper src="/profile-photo.jpg" aspect={1} cropShape="round" />
+}`,cliCommand:`npx tembro add image-cropper`,highlights:[`Drag, zoom, rotation, and pixel crop coordinates`,`Canvas helper exports the selected area as a Blob`],scenarios:[{title:`Avatar editor`,description:`Crop profile media into a consistent square or circle.`},{title:`Asset manager`,description:`Prepare upload dimensions before saving media.`}]};exports.imageCropperMock=e;

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

@@ -0,0 +1,15 @@
+//#region src/showcase/premium/image-cropper/mock.ts
+var e = {
+	code: "import { ImageCropper } from \"tembro\"\n\nexport function Example() {\n  return <ImageCropper src=\"/profile-photo.jpg\" aspect={1} cropShape=\"round\" />\n}",
+	cliCommand: "npx tembro add image-cropper",
+	highlights: ["Drag, zoom, rotation, and pixel crop coordinates", "Canvas helper exports the selected area as a Blob"],
+	scenarios: [{
+		title: "Avatar editor",
+		description: "Crop profile media into a consistent square or circle."
+	}, {
+		title: "Asset manager",
+		description: "Prepare upload dimensions before saving media."
+	}]
+};
+//#endregion
+export { e as imageCropperMock };

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

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/modern/image-cropper.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=`https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80`;function a(){let[e,a]=n.useState(`Move or zoom the image`);return(0,r.jsxs)(`div`,{className:`grid gap-3`,children:[(0,r.jsx)(t.ImageCropper,{src:i,aspect:16/9,onCropComplete:(e,t)=>a(`${Math.round(t.width)} × ${Math.round(t.height)} px`)}),(0,r.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Crop: `,e]})]})}exports.ImageCropperShowcase=a;

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

@@ -0,0 +1,21 @@
+import { ImageCropper as e } from "../../../components/modern/image-cropper.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/showcase/premium/image-cropper/showcase.tsx
+var i = "https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80";
+function a() {
+	let [a, o] = t.useState("Move or zoom the image");
+	return /* @__PURE__ */ r("div", {
+		className: "grid gap-3",
+		children: [/* @__PURE__ */ n(e, {
+			src: i,
+			aspect: 16 / 9,
+			onCropComplete: (e, t) => o(`${Math.round(t.width)} × ${Math.round(t.height)} px`)
+		}), /* @__PURE__ */ r("p", {
+			className: "text-xs text-muted-foreground",
+			children: ["Crop: ", a]
+		})]
+	});
+}
+//#endregion
+export { a as ImageCropperShowcase };

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

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