tembro 3.1.17 → 4.0.0

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

@@ -1,103 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { Drawer as n, DrawerCloseButton as r } from "../../../components/overlay/drawer.js";
-import * as i from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/showcase/premium/drawer/showcase.tsx
-var s = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5";
-function c({ mode: c }) {
-	let [l, u] = i.useState(!1);
-	return /* @__PURE__ */ o("div", {
-		className: "space-y-5",
-		children: [
-			/* @__PURE__ */ a("section", {
-				className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
-				children: /* @__PURE__ */ o("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between",
-					children: [/* @__PURE__ */ o("div", {
-						className: "max-w-xl",
-						children: [
-							/* @__PURE__ */ a("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-								children: "Context panel"
-							}),
-							/* @__PURE__ */ a("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Drawer should extend context, not replace routing without reason"
-							}),
-							/* @__PURE__ */ a("p", {
-								className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-								children: "This surface is for inspection and short tasks when the user should keep their place in the current dashboard or table."
-							})
-						]
-					}), /* @__PURE__ */ o("div", {
-						className: "flex flex-wrap gap-2",
-						children: [/* @__PURE__ */ a(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Context preserving"
-						}), /* @__PURE__ */ a(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Secondary task"
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ a("section", {
-				className: s,
-				children: /* @__PURE__ */ o("div", {
-					className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Live drawer"
-					}), /* @__PURE__ */ a("p", {
-						className: "mt-2 text-sm leading-6 aui-text-muted",
-						children: "Open the drawer to inspect workspace details without leaving the current surface."
-					})] }), /* @__PURE__ */ a(e, {
-						onClick: () => u(!0),
-						children: "Open drawer"
-					})]
-				})
-			}),
-			/* @__PURE__ */ a(n, {
-				open: l,
-				onOpenChange: u,
-				title: "Workspace details",
-				description: "Context panel for billing, members, and operational notes.",
-				footer: /* @__PURE__ */ a(r, { children: "Close panel" }),
-				children: /* @__PURE__ */ o("div", {
-					className: "space-y-4",
-					children: [/* @__PURE__ */ o("div", {
-						className: "rounded-2xl border border-[color:var(--aui-divider)] p-4",
-						children: [/* @__PURE__ */ a("p", {
-							className: "text-sm font-medium aui-text-strong",
-							children: "Billing owner"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-2 text-sm aui-text-muted",
-							children: "Azamat Jurayev"
-						})]
-					}), /* @__PURE__ */ o("div", {
-						className: "rounded-2xl border border-[color:var(--aui-divider)] p-4",
-						children: [/* @__PURE__ */ a("p", {
-							className: "text-sm font-medium aui-text-strong",
-							children: "Current note"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-2 text-sm aui-text-muted",
-							children: "This workspace is waiting for compliance verification before release."
-						})]
-					})]
-				})
-			}),
-			c === "playground" ? /* @__PURE__ */ a("section", {
-				className: s,
-				children: /* @__PURE__ */ a("p", {
-					className: "text-sm aui-text-muted",
-					children: "Drawer route o‘rnini bosmasligi kerak. U ko‘proq side inspection yoki qisqa edit uchun yaxshi."
-				})
-			}) : null
-		]
-	});
-}
-//#endregion
-export { c as DrawerShowcase };

package/dist/src/showcase/premium/dropdown-menu/index.cjs

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

package/dist/src/showcase/premium/dropdown-menu/index.js

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

package/dist/src/showcase/premium/dropdown-menu/mock.cjs

@@ -1,48 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuShortcut,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "tembro"
-
-export function Example() {
-  const [status, setStatus] = useState("private")
-  const [notifications, setNotifications] = useState(true)
-
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger>Open actions</DropdownMenuTrigger>
-      <DropdownMenuContent>
-        <DropdownMenuLabel>Workspace actions</DropdownMenuLabel>
-        <DropdownMenuItem>Open workspace</DropdownMenuItem>
-        <DropdownMenuItem disabled>Delete from archive</DropdownMenuItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuCheckboxItem checked={notifications} onCheckedChange={(value) => setNotifications(Boolean(value))}>
-          Notification access
-        </DropdownMenuCheckboxItem>
-        <DropdownMenuCheckboxItem checked>
-          Show hidden sections
-        </DropdownMenuCheckboxItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuLabel>Visibility</DropdownMenuLabel>
-        <DropdownMenuRadioGroup value={status} onValueChange={setStatus}>
-          <DropdownMenuRadioItem value="public">Public</DropdownMenuRadioItem>
-          <DropdownMenuRadioItem value="private">Private</DropdownMenuRadioItem>
-          <DropdownMenuRadioItem value="internal">Internal</DropdownMenuRadioItem>
-        </DropdownMenuRadioGroup>
-        <DropdownMenuItem variant="destructive">
-          Remove workspace
-          <DropdownMenuShortcut>⌘D</DropdownMenuShortcut>
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  )
-}`,htmlCode:`<button data-slot="dropdown-trigger">Open menu</button>`,cliCommand:`npx tembro add dropdown-menu`,highlights:[`Action items`,`Checkbox and radio items`,`Shortcut labels`,`Disabled/danger variants`],relatedBlockSlugs:[`settings-form`,`users-table`,`dashboard-starter`],scenarios:[{title:`Action menu`,description:`Use stable command-like menus for compact row actions.`},{title:`Bulk controls`,description:`Checkbox and radio items make complex menu states explicit.`},{title:`Keyboard hints`,description:`Render shortcuts to teach power users.`},{title:`Destructive entry`,description:`Keep dangerous actions visually and semantically distinct.`}],capabilityNotes:[`Use DropdownMenu for compact choice surfaces that must stay within local context.`,`Keep disabled actions visible to preserve discoverability of temporarily unavailable commands.`,`Reserve destructive variants for actions that remove data or change ownership.`,`Map menu items to real route or action handlers and avoid deep workflows inside a single menu item.`]};exports.dropdownMenuMock=e;

package/dist/src/showcase/premium/dropdown-menu/mock.js

@@ -1,43 +0,0 @@
-//#region src/showcase/premium/dropdown-menu/mock.ts
-var e = {
-	code: "import { useState } from \"react\"\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuShortcut,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"tembro\"\n\nexport function Example() {\n  const [status, setStatus] = useState(\"private\")\n  const [notifications, setNotifications] = useState(true)\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger>Open actions</DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuLabel>Workspace actions</DropdownMenuLabel>\n        <DropdownMenuItem>Open workspace</DropdownMenuItem>\n        <DropdownMenuItem disabled>Delete from archive</DropdownMenuItem>\n        <DropdownMenuSeparator />\n        <DropdownMenuCheckboxItem checked={notifications} onCheckedChange={(value) => setNotifications(Boolean(value))}>\n          Notification access\n        </DropdownMenuCheckboxItem>\n        <DropdownMenuCheckboxItem checked>\n          Show hidden sections\n        </DropdownMenuCheckboxItem>\n        <DropdownMenuSeparator />\n        <DropdownMenuLabel>Visibility</DropdownMenuLabel>\n        <DropdownMenuRadioGroup value={status} onValueChange={setStatus}>\n          <DropdownMenuRadioItem value=\"public\">Public</DropdownMenuRadioItem>\n          <DropdownMenuRadioItem value=\"private\">Private</DropdownMenuRadioItem>\n          <DropdownMenuRadioItem value=\"internal\">Internal</DropdownMenuRadioItem>\n        </DropdownMenuRadioGroup>\n        <DropdownMenuItem variant=\"destructive\">\n          Remove workspace\n          <DropdownMenuShortcut>⌘D</DropdownMenuShortcut>\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}",
-	htmlCode: "<button data-slot=\"dropdown-trigger\">Open menu</button>",
-	cliCommand: "npx tembro add dropdown-menu",
-	highlights: [
-		"Action items",
-		"Checkbox and radio items",
-		"Shortcut labels",
-		"Disabled/danger variants"
-	],
-	relatedBlockSlugs: [
-		"settings-form",
-		"users-table",
-		"dashboard-starter"
-	],
-	scenarios: [
-		{
-			title: "Action menu",
-			description: "Use stable command-like menus for compact row actions."
-		},
-		{
-			title: "Bulk controls",
-			description: "Checkbox and radio items make complex menu states explicit."
-		},
-		{
-			title: "Keyboard hints",
-			description: "Render shortcuts to teach power users."
-		},
-		{
-			title: "Destructive entry",
-			description: "Keep dangerous actions visually and semantically distinct."
-		}
-	],
-	capabilityNotes: [
-		"Use DropdownMenu for compact choice surfaces that must stay within local context.",
-		"Keep disabled actions visible to preserve discoverability of temporarily unavailable commands.",
-		"Reserve destructive variants for actions that remove data or change ownership.",
-		"Map menu items to real route or action handlers and avoid deep workflows inside a single menu item."
-	]
-};
-//#endregion
-export { e as dropdownMenuMock };

package/dist/src/showcase/premium/dropdown-menu/showcase.cjs

@@ -1 +0,0 @@
-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/dropdown-menu/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=`border-t border-[color:var(--aui-divider)] py-6`;function o({mode:e}){let[o,s]=r.useState(`private`),[c,l]=r.useState(!0),[u,d]=r.useState(!1),[f,p]=r.useState(!1);return(0,i.jsxs)(`div`,{className:`space-y-0`,children:[(0,i.jsx)(`section`,{className:`pb-6`,children:(0,i.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-end xl:justify-between`,children:[(0,i.jsxs)(`div`,{className:`max-w-xl`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Dropdown menu`}),(0,i.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Secondary actions belong here`}),(0,i.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Use one trigger for quick actions, tiny settings, and destructive follow-ups.`})]}),(0,i.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]`,children:[(0,i.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Status`}),(0,i.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:o===`public`?`Public`:`Private`})]}),(0,i.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Notifications`}),(0,i.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:c?`On`:`Off`})]}),(0,i.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Route`}),(0,i.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:e===`playground`?`Interactive`:`Docs`})]}),(0,i.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Menu close`}),(0,i.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:f?`Pinned open`:`Auto close`})]})]})]})}),(0,i.jsx)(`section`,{className:a,children:(0,i.jsxs)(`div`,{className:`flex flex-col gap-5 xl:flex-row xl:items-start xl:justify-between`,children:[(0,i.jsxs)(`div`,{className:`max-w-xl`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Live menu`}),(0,i.jsx)(`h4`,{className:`mt-2 text-xl font-semibold tracking-tight aui-text-strong`,children:`Open and verify small state changes`})]}),(0,i.jsxs)(n.DropdownMenu,{children:[(0,i.jsx)(n.DropdownMenuTrigger,{children:(0,i.jsx)(t.Button,{children:`Open menu`})}),(0,i.jsxs)(n.DropdownMenuContent,{children:[(0,i.jsx)(n.DropdownMenuLabel,{children:`Workspace actions`}),(0,i.jsxs)(n.DropdownMenuItem,{children:[(0,i.jsxs)(`span`,{className:`grid gap-0.5`,children:[(0,i.jsx)(`span`,{children:`Open workspace`}),(0,i.jsx)(n.DropdownMenuItemDescription,{children:`Go to the main dashboard route`})]}),(0,i.jsx)(n.DropdownMenuShortcut,{children:`↵`})]}),(0,i.jsx)(n.DropdownMenuItem,{disabled:!0,children:(0,i.jsxs)(`span`,{className:`grid gap-0.5`,children:[(0,i.jsx)(`span`,{children:`Delete from archive`}),(0,i.jsx)(n.DropdownMenuItemDescription,{children:`Locked until retention expires`})]})}),(0,i.jsx)(n.DropdownMenuSeparator,{}),(0,i.jsx)(n.DropdownMenuCheckboxItem,{checked:c,closeOnSelect:!f,onCheckedChange:e=>l(!!e),children:`Notification access`}),(0,i.jsx)(n.DropdownMenuCheckboxItem,{checked:u,closeOnSelect:!f,onCheckedChange:e=>d(!!e),children:`Compact density`}),(0,i.jsx)(n.DropdownMenuCheckboxItem,{checked:f,closeOnSelect:!1,onCheckedChange:e=>p(!!e),children:`Keep menu open`}),(0,i.jsxs)(n.DropdownMenuSub,{children:[(0,i.jsx)(n.DropdownMenuSubTrigger,{children:`Export`}),(0,i.jsxs)(n.DropdownMenuSubContent,{children:[(0,i.jsx)(n.DropdownMenuItem,{children:`CSV`}),(0,i.jsx)(n.DropdownMenuItem,{children:`PDF summary`}),(0,i.jsx)(n.DropdownMenuItem,{children:`JSON payload`})]})]}),(0,i.jsx)(n.DropdownMenuGroup,{children:(0,i.jsxs)(n.DropdownMenuRadioGroup,{value:o,onValueChange:e=>s(e),children:[(0,i.jsx)(n.DropdownMenuRadioItem,{value:`public`,children:`Public`}),(0,i.jsx)(n.DropdownMenuRadioItem,{value:`private`,children:`Private`})]})}),(0,i.jsx)(n.DropdownMenuSeparator,{}),(0,i.jsxs)(n.DropdownMenuItem,{variant:`destructive`,children:[`Remove workspace`,(0,i.jsx)(n.DropdownMenuShortcut,{children:`⌘D`})]})]})]})]})}),(0,i.jsx)(`section`,{className:a,children:(0,i.jsx)(`div`,{className:`border-y border-[color:var(--aui-divider)]`,children:[`Keep the main CTA outside the menu.`,`Use radio and checkbox items only for very small settings.`,`Destructive items should still be explicit and easy to notice.`].map(e=>(0,i.jsx)(`div`,{className:`border-b border-[color:var(--aui-divider)] py-3 text-sm leading-6 aui-text-muted last:border-b-0`,children:e},e))})})]})}exports.DropdownMenuShowcase=o;

package/dist/src/showcase/premium/dropdown-menu/showcase.js

@@ -1,166 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { DropdownMenu as t, DropdownMenuCheckboxItem as n, DropdownMenuContent as r, DropdownMenuGroup as i, DropdownMenuItem as a, DropdownMenuItemDescription as o, DropdownMenuLabel as s, DropdownMenuRadioGroup as c, DropdownMenuRadioItem as l, DropdownMenuSeparator as u, DropdownMenuShortcut as d, DropdownMenuSub as f, DropdownMenuSubContent as p, DropdownMenuSubTrigger as m, DropdownMenuTrigger as h } from "../../../components/ui/dropdown-menu/index.js";
-import * as g from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-//#region src/showcase/premium/dropdown-menu/showcase.tsx
-var y = "border-t border-[color:var(--aui-divider)] py-6";
-function b({ mode: b }) {
-	let [x, S] = g.useState("private"), [C, w] = g.useState(!0), [T, E] = g.useState(!1), [D, O] = g.useState(!1);
-	return /* @__PURE__ */ v("div", {
-		className: "space-y-0",
-		children: [
-			/* @__PURE__ */ _("section", {
-				className: "pb-6",
-				children: /* @__PURE__ */ v("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-end xl:justify-between",
-					children: [/* @__PURE__ */ v("div", {
-						className: "max-w-xl",
-						children: [
-							/* @__PURE__ */ _("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-								children: "Dropdown menu"
-							}),
-							/* @__PURE__ */ _("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Secondary actions belong here"
-							}),
-							/* @__PURE__ */ _("p", {
-								className: "mt-3 text-sm leading-6 aui-text-muted",
-								children: "Use one trigger for quick actions, tiny settings, and destructive follow-ups."
-							})
-						]
-					}), /* @__PURE__ */ v("div", {
-						className: "grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]",
-						children: [
-							/* @__PURE__ */ v("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ _("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Status"
-								}), /* @__PURE__ */ _("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: x === "public" ? "Public" : "Private"
-								})]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ _("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Notifications"
-								}), /* @__PURE__ */ _("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: C ? "On" : "Off"
-								})]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ _("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Route"
-								}), /* @__PURE__ */ _("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: b === "playground" ? "Interactive" : "Docs"
-								})]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ _("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Menu close"
-								}), /* @__PURE__ */ _("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: D ? "Pinned open" : "Auto close"
-								})]
-							})
-						]
-					})]
-				})
-			}),
-			/* @__PURE__ */ _("section", {
-				className: y,
-				children: /* @__PURE__ */ v("div", {
-					className: "flex flex-col gap-5 xl:flex-row xl:items-start xl:justify-between",
-					children: [/* @__PURE__ */ v("div", {
-						className: "max-w-xl",
-						children: [/* @__PURE__ */ _("p", {
-							className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-							children: "Live menu"
-						}), /* @__PURE__ */ _("h4", {
-							className: "mt-2 text-xl font-semibold tracking-tight aui-text-strong",
-							children: "Open and verify small state changes"
-						})]
-					}), /* @__PURE__ */ v(t, { children: [/* @__PURE__ */ _(h, { children: /* @__PURE__ */ _(e, { children: "Open menu" }) }), /* @__PURE__ */ v(r, { children: [
-						/* @__PURE__ */ _(s, { children: "Workspace actions" }),
-						/* @__PURE__ */ v(a, { children: [/* @__PURE__ */ v("span", {
-							className: "grid gap-0.5",
-							children: [/* @__PURE__ */ _("span", { children: "Open workspace" }), /* @__PURE__ */ _(o, { children: "Go to the main dashboard route" })]
-						}), /* @__PURE__ */ _(d, { children: "↵" })] }),
-						/* @__PURE__ */ _(a, {
-							disabled: !0,
-							children: /* @__PURE__ */ v("span", {
-								className: "grid gap-0.5",
-								children: [/* @__PURE__ */ _("span", { children: "Delete from archive" }), /* @__PURE__ */ _(o, { children: "Locked until retention expires" })]
-							})
-						}),
-						/* @__PURE__ */ _(u, {}),
-						/* @__PURE__ */ _(n, {
-							checked: C,
-							closeOnSelect: !D,
-							onCheckedChange: (e) => w(!!e),
-							children: "Notification access"
-						}),
-						/* @__PURE__ */ _(n, {
-							checked: T,
-							closeOnSelect: !D,
-							onCheckedChange: (e) => E(!!e),
-							children: "Compact density"
-						}),
-						/* @__PURE__ */ _(n, {
-							checked: D,
-							closeOnSelect: !1,
-							onCheckedChange: (e) => O(!!e),
-							children: "Keep menu open"
-						}),
-						/* @__PURE__ */ v(f, { children: [/* @__PURE__ */ _(m, { children: "Export" }), /* @__PURE__ */ v(p, { children: [
-							/* @__PURE__ */ _(a, { children: "CSV" }),
-							/* @__PURE__ */ _(a, { children: "PDF summary" }),
-							/* @__PURE__ */ _(a, { children: "JSON payload" })
-						] })] }),
-						/* @__PURE__ */ _(i, { children: /* @__PURE__ */ v(c, {
-							value: x,
-							onValueChange: (e) => S(e),
-							children: [/* @__PURE__ */ _(l, {
-								value: "public",
-								children: "Public"
-							}), /* @__PURE__ */ _(l, {
-								value: "private",
-								children: "Private"
-							})]
-						}) }),
-						/* @__PURE__ */ _(u, {}),
-						/* @__PURE__ */ v(a, {
-							variant: "destructive",
-							children: ["Remove workspace", /* @__PURE__ */ _(d, { children: "⌘D" })]
-						})
-					] })] })]
-				})
-			}),
-			/* @__PURE__ */ _("section", {
-				className: y,
-				children: /* @__PURE__ */ _("div", {
-					className: "border-y border-[color:var(--aui-divider)]",
-					children: [
-						"Keep the main CTA outside the menu.",
-						"Use radio and checkbox items only for very small settings.",
-						"Destructive items should still be explicit and easy to notice."
-					].map((e) => /* @__PURE__ */ _("div", {
-						className: "border-b border-[color:var(--aui-divider)] py-3 text-sm leading-6 aui-text-muted last:border-b-0",
-						children: e
-					}, e))
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { b as DropdownMenuShowcase };

package/dist/src/showcase/premium/dual-list-picker/index.cjs

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

package/dist/src/showcase/premium/dual-list-picker/index.js

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

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

@@ -1,20 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { DualListPicker } from "tembro"
-
-const items = [
-  { label: "Analytics", value: "analytics" },
-  { label: "Reports", value: "reports" },
-]
-
-export function Example() {
-  const [picked, setPicked] = useState(["analytics"])
-
-  return (
-    <DualListPicker
-      items={items}
-      picked={picked}
-      onPickedChange={setPicked}
-      availableTitle="Available"
-      pickedTitle="Selected"
-    />
-  )
-}`,cliCommand:`npx tembro add dual-list-picker`,highlights:[`Move items between available/selected lists`,`Supports disabled choices`,`Simple controlled value pattern`],scenarios:[{title:`Role permissions`,description:`Select which modules are available for a user role.`},{title:`Feature toggles`,description:`Move capabilities between disabled and enabled buckets.`}]};exports.dualListPickerMock=e;

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

@@ -1,19 +0,0 @@
-//#region src/showcase/premium/dual-list-picker/mock.ts
-var e = {
-	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",
-		"Supports disabled choices",
-		"Simple controlled value pattern"
-	],
-	scenarios: [{
-		title: "Role permissions",
-		description: "Select which modules are available for a user role."
-	}, {
-		title: "Feature toggles",
-		description: "Move capabilities between disabled and enabled buckets."
-	}]
-};
-//#endregion
-export { e as dualListPickerMock };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/modern/dual-list-picker.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=[{label:`Analytics`,value:`analytics`},{label:`Reports`,value:`reports`},{label:`Integrations`,value:`integrations`},{label:`Billing`,value:`billing`},{label:`Notifications`,value:`notifications`,disabled:!0}];function a(){let[e,a]=n.useState([`analytics`]);return(0,r.jsxs)(`div`,{className:`space-y-4`,children:[(0,r.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Selected: `,e.join(`, `)||`None`]}),(0,r.jsx)(t.DualListPicker,{items:i,picked:e,onPickedChange:a,availableTitle:`All modules`,pickedTitle:`Enabled modules`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm`,onClick:()=>a([]),children:`Clear selection`})]})}exports.DualListPickerShowcase=a;

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

@@ -1,54 +0,0 @@
-import { DualListPicker as e } from "../../../components/modern/dual-list-picker.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/dual-list-picker/showcase.tsx
-var i = [
-	{
-		label: "Analytics",
-		value: "analytics"
-	},
-	{
-		label: "Reports",
-		value: "reports"
-	},
-	{
-		label: "Integrations",
-		value: "integrations"
-	},
-	{
-		label: "Billing",
-		value: "billing"
-	},
-	{
-		label: "Notifications",
-		value: "notifications",
-		disabled: !0
-	}
-];
-function a() {
-	let [a, o] = t.useState(["analytics"]);
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ r("p", {
-				className: "text-sm text-muted-foreground",
-				children: ["Selected: ", a.join(", ") || "None"]
-			}),
-			/* @__PURE__ */ n(e, {
-				items: i,
-				picked: a,
-				onPickedChange: o,
-				availableTitle: "All modules",
-				pickedTitle: "Enabled modules"
-			}),
-			/* @__PURE__ */ n("button", {
-				type: "button",
-				className: "rounded-md border px-3 py-1.5 text-sm",
-				onClick: () => o([]),
-				children: "Clear selection"
-			})
-		]
-	});
-}
-//#endregion
-export { a as DualListPickerShowcase };

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

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

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

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

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

@@ -1,22 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { FileUpload } from "tembro"
-
-export function Example() {
-  const [files, setFiles] = useState<File[]>([])
-  const [progress, setProgress] = useState<Record<string, number>>({})
-
-  return (
-    <FileUpload
-      files={files}
-      onFilesChange={setFiles}
-      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 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,33 +0,0 @@
-//#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  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 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."
-	]
-};
-//#endregion
-export { e as fileUploadMock };

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

@@ -1 +0,0 @@
-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;