tembro 2.1.13 → 3.1.1

package/dist/showcase/supplemental.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../public-component-surface.cjs"),t=require("./fallback.cjs"),n=require("./site-data.cjs");var r={"qr-code":`QRCode`};function i(e){return r[e]??e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``)}function a(e,t){return`import { ${i(e)} } from "tembro"`}var o=Object.fromEntries(e.standalonePublicComponentSlugs.map(e=>{let r=n.componentCatalog.find(t=>t.slug===e);if(!r)throw Error(`Missing component catalog item for supplemental showcase slug: ${e}`);return[e,t.createGenericShowcaseDemo({item:r,groupLabel:n.getComponentGroup(e),importSnippet:a(e,r.category)})]})),s=[...e.standalonePublicComponentSlugs];exports.supplementalShowcaseDemoRegistry=o,exports.supplementalShowcaseDemoSlugs=s;
+module.exports = require("../src/showcase/supplemental.cjs")

package/dist/showcase/supplemental.js

@@ -1,22 +1 @@
-import { standalonePublicComponentSlugs as e } from "../public-component-surface.js";
-import { createGenericShowcaseDemo as t } from "./fallback.js";
-import { componentCatalog as n, getComponentGroup as r } from "./site-data.js";
-//#region src/showcase/supplemental.tsx
-var i = { "qr-code": "QRCode" };
-function a(e) {
-	return i[e] ?? e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
-}
-function o(e, t) {
-	return `import { ${a(e)} } from "tembro"`;
-}
-var s = Object.fromEntries(e.map((e) => {
-	let i = n.find((t) => t.slug === e);
-	if (!i) throw Error(`Missing component catalog item for supplemental showcase slug: ${e}`);
-	return [e, t({
-		item: i,
-		groupLabel: r(e),
-		importSnippet: o(e, i.category)
-	})];
-})), c = [...e];
-//#endregion
-export { s as supplementalShowcaseDemoRegistry, c as supplementalShowcaseDemoSlugs };
+export * from "../src/showcase/supplemental.js"

package/dist/showcase/tembro-registry.json.cjs

@@ -1 +1 @@
-var e={$schema:`https://tembro.dev/registry.schema.json`,name:`tembro`,version:`2.1.13`,description:`Reusable React + TypeScript UI kit registry`,groups:{ui:[`badge`,`button`,`card`,`checkbox`,`accordion`,`collapse`,`dialog`,`divider`,`dropdown-menu`,`input`,`kbd`,`popover`,`radio-group`,`right-click-menu`,`scroll-box`,`select`,`segmented-control`,`skeleton`,`spinner`,`switch`,`table`,`tabs`,`textarea`,`tooltip`],overlay:[`alert-dialog`,`confirm-dialog`,`drawer`,`modal-shell`,`sheet-shell`],navigation:[`nav-tabs`,`page-tabs`,`pagination`,`stepper-tabs`,`command-bar`],inputs:[`async-select`,`otp-input`,`rating`,`slider`,`tag-input`,`inline-editable`],form:[],feedback:[`alert`,`loading-state`,`page-state`,`data-state`],display:[`activity-feed`,`avatar`,`code-block`,`data-list`,`data-state`,`info-card`,`kanban`,`list`,`metric-grid`,`progress`,`progress-circle`,`property-grid`,`result`,`statistic`,`status-dot`,`status-legend`,`timeline`,`tree-view`,`user-card`,`trend-card`],actions:[`action-menu`,`button-group`,`copy-button`,`quick-action-grid`],layout:[`sidebar`,`breadcrumbs`,`section`],filters:[`filter-bar`,`saved-filter-select`],"data-table":[`data-table`],calendar:[`calendar`,`date-picker`,`date-range-picker`],upload:[`file-upload`,`image-upload`],wizard:[`stepper`,`wizard`],notifications:[`toast`,`notification-center`],command:[],patterns:[`resource-page`,`resource-detail-page`],modern:[`calendar-scheduler`,`dual-list-picker`,`menubar`,`navigation-menu`,`resizable-panel`,`rich-text-editor`,`tour`,`qr-code`,`tag`,`carousel`,`typography`,`json-input`,`time-picker`],hooks:[`use-session-storage-state`,`use-before-unload-when-dirty`,`use-is-mobile`,`use-disclosure`,`use-debounce`,`use-data-table-view-state`],kits:[`dashboard`,`calendar-kit`,`wizard-kit`,`all`]},recommended:`button.input.textarea.checkbox.switch.radio-group.dialog.popover.select.table.badge.card.tabs.collapse.accordion.segmented-control.spinner.tooltip.kbd.sidebar.breadcrumbs.data-state.loading-state.progress.progress-circle.metric-grid.activity-feed.data-list.user-card.action-menu.filter-bar.trend-card.notification-center.command-bar`.split(`.`),recommendedByMode:{foundation:[`button`,`input`,`textarea`,`checkbox`,`switch`,`radio-group`,`dialog`,`popover`,`select`,`table`,`badge`,`card`,`tabs`,`kbd`,`scroll-box`],sourceCopy:[`sidebar`,`breadcrumbs`,`data-state`,`loading-state`,`progress-circle`,`metric-grid`,`activity-feed`,`user-card`,`action-menu`,`filter-bar`,`date-picker`,`date-range-picker`,`file-upload`,`use-data-table-view-state`,`data-table`,`trend-card`,`notification-center`,`command-bar`],system:[`data-table`,`sidebar`]},publicSurface:{documented:[`button`,`input`,`select`,`card`,`badge`,`checkbox`,`dialog`,`data-table`,`calendar`,`date-picker`,`date-range-picker`,`alert`,`charts`,`sidebar`,`file-upload`,`progress`],standalone:`accordion.divider.segmented-control.skeleton.spinner.command-bar.inline-editable.avatar.code-block.data-state.kanban.list.property-grid.statistic.tree-view.copy-button.section.calendar-scheduler.dual-list-picker.menubar.navigation-menu.resizable-panel.rich-text-editor.tour.qr-code.tag.carousel.typography.json-input.time-picker`.split(`.`)},migrationAliases:{"clearable-input":`input`,"search-input":`input`,"password-input":`input`,"number-input":`input`,"money-input":`input`,"phone-input":`input`,"masked-input":`input`,"quantity-input":`input`,"date-input":`input`,"date-range-input":`input`,"simple-select":`select`,combobox:`select`,"async-multi-select":`async-select`,"form-async-select":`select`,"app-sidebar":`sidebar`,"smart-card":`info-card`,"app-header":`sidebar`,"app-shell":`sidebar`,"copy-field":`copy-button`,"file-dropzone":`file-upload`,"form-field-shell":`input`,"form-input":`input`,"form-select":`select`,"form-switch":`switch`,"form-textarea":`textarea`,"hover-card":`tooltip`,"page-container":`sidebar`,"page-header":`breadcrumbs`,"section-header":`section`,"sidebar-nav":`sidebar`,"stat-card":`metric-grid`,"sticky-footer-bar":`sidebar`,"input-decorator":`input`,"input-value":`input`,inputs:`input`,form:`input`,"data-table-actions-column":`data-table`,"data-table-bulk-actions":`data-table`,"data-table-column-visibility-menu":`data-table`,"data-table-pagination":`data-table`,"data-table-row-actions":`data-table`,"data-table-saved-filters":`data-table`,"data-table-select-column":`data-table`,"data-table-sortable-header":`data-table`,"data-table-toolbar":`data-table`,"data-table-view-presets":`data-table`,"table-export-menu":`data-table`,"table-import-button":`data-table`}};exports.default=e;
+module.exports = require("../src/showcase/tembro-registry.json.cjs")

package/dist/showcase/tembro-registry.json.js

@@ -1,251 +1 @@
-var e = {
-	$schema: "https://tembro.dev/registry.schema.json",
-	name: "tembro",
-	version: "2.1.13",
-	description: "Reusable React + TypeScript UI kit registry",
-	groups: {
-		ui: [
-			"badge",
-			"button",
-			"card",
-			"checkbox",
-			"accordion",
-			"collapse",
-			"dialog",
-			"divider",
-			"dropdown-menu",
-			"input",
-			"kbd",
-			"popover",
-			"radio-group",
-			"right-click-menu",
-			"scroll-box",
-			"select",
-			"segmented-control",
-			"skeleton",
-			"spinner",
-			"switch",
-			"table",
-			"tabs",
-			"textarea",
-			"tooltip"
-		],
-		overlay: [
-			"alert-dialog",
-			"confirm-dialog",
-			"drawer",
-			"modal-shell",
-			"sheet-shell"
-		],
-		navigation: [
-			"nav-tabs",
-			"page-tabs",
-			"pagination",
-			"stepper-tabs",
-			"command-bar"
-		],
-		inputs: [
-			"async-select",
-			"otp-input",
-			"rating",
-			"slider",
-			"tag-input",
-			"inline-editable"
-		],
-		form: [],
-		feedback: [
-			"alert",
-			"loading-state",
-			"page-state",
-			"data-state"
-		],
-		display: [
-			"activity-feed",
-			"avatar",
-			"code-block",
-			"data-list",
-			"data-state",
-			"info-card",
-			"kanban",
-			"list",
-			"metric-grid",
-			"progress",
-			"progress-circle",
-			"property-grid",
-			"result",
-			"statistic",
-			"status-dot",
-			"status-legend",
-			"timeline",
-			"tree-view",
-			"user-card",
-			"trend-card"
-		],
-		actions: [
-			"action-menu",
-			"button-group",
-			"copy-button",
-			"quick-action-grid"
-		],
-		layout: [
-			"sidebar",
-			"breadcrumbs",
-			"section"
-		],
-		filters: ["filter-bar", "saved-filter-select"],
-		"data-table": ["data-table"],
-		calendar: [
-			"calendar",
-			"date-picker",
-			"date-range-picker"
-		],
-		upload: ["file-upload", "image-upload"],
-		wizard: ["stepper", "wizard"],
-		notifications: ["toast", "notification-center"],
-		command: [],
-		patterns: ["resource-page", "resource-detail-page"],
-		modern: [
-			"calendar-scheduler",
-			"dual-list-picker",
-			"menubar",
-			"navigation-menu",
-			"resizable-panel",
-			"rich-text-editor",
-			"tour",
-			"qr-code",
-			"tag",
-			"carousel",
-			"typography",
-			"json-input",
-			"time-picker"
-		],
-		hooks: [
-			"use-session-storage-state",
-			"use-before-unload-when-dirty",
-			"use-is-mobile",
-			"use-disclosure",
-			"use-debounce",
-			"use-data-table-view-state"
-		],
-		kits: [
-			"dashboard",
-			"calendar-kit",
-			"wizard-kit",
-			"all"
-		]
-	},
-	recommended: /* @__PURE__ */ "button.input.textarea.checkbox.switch.radio-group.dialog.popover.select.table.badge.card.tabs.collapse.accordion.segmented-control.spinner.tooltip.kbd.sidebar.breadcrumbs.data-state.loading-state.progress.progress-circle.metric-grid.activity-feed.data-list.user-card.action-menu.filter-bar.trend-card.notification-center.command-bar".split("."),
-	recommendedByMode: {
-		foundation: [
-			"button",
-			"input",
-			"textarea",
-			"checkbox",
-			"switch",
-			"radio-group",
-			"dialog",
-			"popover",
-			"select",
-			"table",
-			"badge",
-			"card",
-			"tabs",
-			"kbd",
-			"scroll-box"
-		],
-		sourceCopy: [
-			"sidebar",
-			"breadcrumbs",
-			"data-state",
-			"loading-state",
-			"progress-circle",
-			"metric-grid",
-			"activity-feed",
-			"user-card",
-			"action-menu",
-			"filter-bar",
-			"date-picker",
-			"date-range-picker",
-			"file-upload",
-			"use-data-table-view-state",
-			"data-table",
-			"trend-card",
-			"notification-center",
-			"command-bar"
-		],
-		system: ["data-table", "sidebar"]
-	},
-	publicSurface: {
-		documented: [
-			"button",
-			"input",
-			"select",
-			"card",
-			"badge",
-			"checkbox",
-			"dialog",
-			"data-table",
-			"calendar",
-			"date-picker",
-			"date-range-picker",
-			"alert",
-			"charts",
-			"sidebar",
-			"file-upload",
-			"progress"
-		],
-		standalone: /* @__PURE__ */ "accordion.divider.segmented-control.skeleton.spinner.command-bar.inline-editable.avatar.code-block.data-state.kanban.list.property-grid.statistic.tree-view.copy-button.section.calendar-scheduler.dual-list-picker.menubar.navigation-menu.resizable-panel.rich-text-editor.tour.qr-code.tag.carousel.typography.json-input.time-picker".split(".")
-	},
-	migrationAliases: {
-		"clearable-input": "input",
-		"search-input": "input",
-		"password-input": "input",
-		"number-input": "input",
-		"money-input": "input",
-		"phone-input": "input",
-		"masked-input": "input",
-		"quantity-input": "input",
-		"date-input": "input",
-		"date-range-input": "input",
-		"simple-select": "select",
-		combobox: "select",
-		"async-multi-select": "async-select",
-		"form-async-select": "select",
-		"app-sidebar": "sidebar",
-		"smart-card": "info-card",
-		"app-header": "sidebar",
-		"app-shell": "sidebar",
-		"copy-field": "copy-button",
-		"file-dropzone": "file-upload",
-		"form-field-shell": "input",
-		"form-input": "input",
-		"form-select": "select",
-		"form-switch": "switch",
-		"form-textarea": "textarea",
-		"hover-card": "tooltip",
-		"page-container": "sidebar",
-		"page-header": "breadcrumbs",
-		"section-header": "section",
-		"sidebar-nav": "sidebar",
-		"stat-card": "metric-grid",
-		"sticky-footer-bar": "sidebar",
-		"input-decorator": "input",
-		"input-value": "input",
-		inputs: "input",
-		form: "input",
-		"data-table-actions-column": "data-table",
-		"data-table-bulk-actions": "data-table",
-		"data-table-column-visibility-menu": "data-table",
-		"data-table-pagination": "data-table",
-		"data-table-row-actions": "data-table",
-		"data-table-saved-filters": "data-table",
-		"data-table-select-column": "data-table",
-		"data-table-sortable-header": "data-table",
-		"data-table-toolbar": "data-table",
-		"data-table-view-presets": "data-table",
-		"table-export-menu": "data-table",
-		"table-import-button": "data-table"
-	}
-};
-//#endregion
-export { e as default };
+export * from "../src/showcase/tembro-registry.json.js"

package/dist/showcase/types.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={textValue:`Azamat UI`,textareaValue:`Controlled preview content for the selected component.`,checked:!0,switchOn:!0,selectValue:`starter`,badgeVariant:`default`,cardCompact:!1,activeTab:`overview`};exports.defaultShowcaseDemoState=e;
+module.exports = require("../src/showcase/types.cjs")

package/dist/showcase/types.js

@@ -1,13 +1 @@
-//#region src/showcase/types.ts
-var e = {
-	textValue: "Azamat UI",
-	textareaValue: "Controlled preview content for the selected component.",
-	checked: !0,
-	switchOn: !0,
-	selectValue: "starter",
-	badgeVariant: "default",
-	cardCompact: !1,
-	activeTab: "overview"
-};
-//#endregion
-export { e as defaultShowcaseDemoState };
+export * from "../src/showcase/types.js"

package/dist/src/components/actions/action-menu.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/dropdown-menu/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({actions:e,label:s,trigger:c,align:l=`end`,side:u=`bottom`,sideOffset:d=4,disabled:f=!1,triggerVariant:p=`ghost`,triggerSize:m=`icon-sm`,showChevron:h=!1,closeOnSelect:g=!0,contentClassName:_,triggerClassName:v,itemClassName:y,emptyLabel:b=`No actions`,menuWidth:x,loadingLabel:S=`Working...`,persistIconSpace:C=!0}){let w=e.filter(e=>!e.hidden),[T,E]=i.useState(null),[D,O]=i.useState(!1),k=i.useRef(null),A=async e=>{if(!(e.disabled||e.loading||T))try{E(e.key),await e.onSelect?.(),g&&!e.keepOpen&&O(!1)}finally{E(null)}},j=e=>{k.current!==e.key&&(k.current=e.key,queueMicrotask(()=>{k.current===e.key&&(k.current=null)}),A(e))};return(0,o.jsxs)(r.DropdownMenu,{open:D,onOpenChange:O,children:[(0,o.jsxs)(r.DropdownMenuTrigger,{render:c??(0,o.jsx)(n.Button,{type:`button`,variant:p,size:m,disabled:f,className:t.cn(`rounded-full border border-transparent text-muted-foreground shadow-none transition-[background-color,border-color,color,box-shadow] hover:border-border/70 hover:bg-accent hover:text-foreground focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)]`,v),onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation}),children:[!c&&(0,o.jsx)(a.MoreHorizontalIcon,{}),!c&&h&&(0,o.jsx)(`span`,{className:`text-[10px] font-medium uppercase tracking-[0.18em]`,children:`Menu`}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Open actions`})]}),(0,o.jsxs)(r.DropdownMenuContent,{align:l,side:u,sideOffset:d,className:t.cn(`min-w-48 rounded-[var(--aui-card-radius,var(--radius-lg))]`,_),style:x?{width:typeof x==`number`?`${x}px`:x}:void 0,children:[s&&(0,o.jsx)(r.DropdownMenuLabel,{children:s}),s&&w.length>0&&(0,o.jsx)(r.DropdownMenuSeparator,{}),w.length===0&&(0,o.jsx)(r.DropdownMenuItem,{disabled:!0,children:b}),w.map((e,n)=>{let s=e.loading||T===e.key,c=n>0?w[n-1]?.section:void 0,l=!!(e.section&&e.section!==c);return(0,o.jsxs)(i.Fragment,{children:[l?(0,o.jsxs)(o.Fragment,{children:[n>0?(0,o.jsx)(r.DropdownMenuSeparator,{}):null,(0,o.jsx)(r.DropdownMenuLabel,{children:e.section})]}):null,(0,o.jsxs)(r.DropdownMenuItem,{disabled:e.disabled||s,variant:e.destructive?`destructive`:`default`,closeOnSelect:g&&!e.keepOpen,className:t.cn(`min-h-11 items-start gap-3 rounded-[calc(var(--radius-md)+1px)] border border-transparent py-2.5 transition-[background-color,color,border-color,box-shadow] data-[highlighted]:shadow-[inset_0_0_0_1px_color-mix(in_oklch,var(--primary),transparent_76%)] data-[disabled]:opacity-45`,y),onSelect:n=>{(e.keepOpen||!g)&&n.preventDefault(),t.stopInteractivePropagation(n),j(e)},onClick:n=>{t.stopInteractivePropagation(n),j(e)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,o.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-5 shrink-0 items-center justify-center text-muted-foreground`,!C&&!s&&!e.icon&&`hidden`),children:s?(0,o.jsx)(a.Loader2Icon,{className:`size-4 animate-spin`}):e.icon}),(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{className:`block truncate`,children:e.label}),e.description?(0,o.jsx)(r.DropdownMenuItemDescription,{className:`mt-0.5 truncate`,children:s?S:e.description}):null]}),e.shortcut&&(0,o.jsx)(r.DropdownMenuShortcut,{children:e.shortcut})]})]},e.key)})]})]})}exports.ActionMenu=s;

package/dist/src/components/actions/action-menu.js

@@ -0,0 +1,97 @@
+"use client";
+import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
+import { Button as n } from "../ui/button/index.js";
+import { DropdownMenu as r, DropdownMenuContent as i, DropdownMenuItem as a, DropdownMenuItemDescription as o, DropdownMenuLabel as s, DropdownMenuSeparator as c, DropdownMenuShortcut as l, DropdownMenuTrigger as u } from "../ui/dropdown-menu/index.js";
+import * as d from "react";
+import { Loader2Icon as f, MoreHorizontalIcon as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/actions/action-menu.tsx
+function _({ actions: _, label: v, trigger: y, align: b = "end", side: x = "bottom", sideOffset: S = 4, disabled: C = !1, triggerVariant: w = "ghost", triggerSize: T = "icon-sm", showChevron: E = !1, closeOnSelect: D = !0, contentClassName: O, triggerClassName: k, itemClassName: A, emptyLabel: j = "No actions", menuWidth: M, loadingLabel: N = "Working...", persistIconSpace: P = !0 }) {
+	let F = _.filter((e) => !e.hidden), [I, L] = d.useState(null), [R, z] = d.useState(!1), B = d.useRef(null), V = async (e) => {
+		if (!(e.disabled || e.loading || I)) try {
+			L(e.key), await e.onSelect?.(), D && !e.keepOpen && z(!1);
+		} finally {
+			L(null);
+		}
+	}, H = (e) => {
+		B.current !== e.key && (B.current = e.key, queueMicrotask(() => {
+			B.current === e.key && (B.current = null);
+		}), V(e));
+	};
+	return /* @__PURE__ */ g(r, {
+		open: R,
+		onOpenChange: z,
+		children: [/* @__PURE__ */ g(u, {
+			render: y ?? /* @__PURE__ */ h(n, {
+				type: "button",
+				variant: w,
+				size: T,
+				disabled: C,
+				className: e("rounded-full border border-transparent text-muted-foreground shadow-none transition-[background-color,border-color,color,box-shadow] hover:border-border/70 hover:bg-accent hover:text-foreground focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)]", k),
+				onMouseDown: t,
+				onDoubleClick: t
+			}),
+			children: [
+				!y && /* @__PURE__ */ h(p, {}),
+				!y && E && /* @__PURE__ */ h("span", {
+					className: "text-[10px] font-medium uppercase tracking-[0.18em]",
+					children: "Menu"
+				}),
+				/* @__PURE__ */ h("span", {
+					className: "sr-only",
+					children: "Open actions"
+				})
+			]
+		}), /* @__PURE__ */ g(i, {
+			align: b,
+			side: x,
+			sideOffset: S,
+			className: e("min-w-48 rounded-[var(--aui-card-radius,var(--radius-lg))]", O),
+			style: M ? { width: typeof M == "number" ? `${M}px` : M } : void 0,
+			children: [
+				v && /* @__PURE__ */ h(s, { children: v }),
+				v && F.length > 0 && /* @__PURE__ */ h(c, {}),
+				F.length === 0 && /* @__PURE__ */ h(a, {
+					disabled: !0,
+					children: j
+				}),
+				F.map((n, r) => {
+					let i = n.loading || I === n.key, u = r > 0 ? F[r - 1]?.section : void 0, p = !!(n.section && n.section !== u);
+					return /* @__PURE__ */ g(d.Fragment, { children: [p ? /* @__PURE__ */ g(m, { children: [r > 0 ? /* @__PURE__ */ h(c, {}) : null, /* @__PURE__ */ h(s, { children: n.section })] }) : null, /* @__PURE__ */ g(a, {
+						disabled: n.disabled || i,
+						variant: n.destructive ? "destructive" : "default",
+						closeOnSelect: D && !n.keepOpen,
+						className: e("min-h-11 items-start gap-3 rounded-[calc(var(--radius-md)+1px)] border border-transparent py-2.5 transition-[background-color,color,border-color,box-shadow] data-[highlighted]:shadow-[inset_0_0_0_1px_color-mix(in_oklch,var(--primary),transparent_76%)] data-[disabled]:opacity-45", A),
+						onSelect: (e) => {
+							(n.keepOpen || !D) && e.preventDefault(), t(e), H(n);
+						},
+						onClick: (e) => {
+							t(e), H(n);
+						},
+						onMouseDown: t,
+						onDoubleClick: t,
+						children: [
+							/* @__PURE__ */ h("span", {
+								className: e("mt-0.5 flex size-5 shrink-0 items-center justify-center text-muted-foreground", !P && !i && !n.icon && "hidden"),
+								children: i ? /* @__PURE__ */ h(f, { className: "size-4 animate-spin" }) : n.icon
+							}),
+							/* @__PURE__ */ g("span", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ h("span", {
+									className: "block truncate",
+									children: n.label
+								}), n.description ? /* @__PURE__ */ h(o, {
+									className: "mt-0.5 truncate",
+									children: i ? N : n.description
+								}) : null]
+							}),
+							n.shortcut && /* @__PURE__ */ h(l, { children: n.shortcut })
+						]
+					})] }, n.key);
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { _ as ActionMenu };

package/dist/src/components/actions/button-group.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({items:e,attached:a=!0,size:o=`sm`,variant:s=`outline`,activeVariant:c=`default`,orientation:l=`horizontal`,fullWidth:u=!1,allowDeselect:d=!1,value:f,defaultValue:p,onValueChange:m,className:h,children:g,..._}){let v=l===`vertical`,y=f!==void 0,[b,x]=r.useState(p),S=y?f:b,C=r.useId(),w=r.useRef([]),T=e=>{let t=d&&S===e?``:e;y||x(t),m?.(t)};return(0,i.jsxs)(`div`,{"data-slot":`button-group`,role:`group`,"data-orientation":l,className:t.cn(`inline-flex`,v?`flex-col`:`items-center`,u&&`w-full`,a?`overflow-hidden rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] shadow-[var(--aui-control-shadow,none)]`:`gap-2`,h),..._,children:[e?.map(({key:r,label:l,description:d,className:f,size:p,variant:m,onClick:h,"aria-label":g,..._},y)=>{let b=S===r,x=d?`${C}-${r}-description`:void 0;return(0,i.jsx)(n.Button,{ref:e=>{w.current[y]=e},size:p??o,variant:m??(b?c:s),"aria-label":g??(d&&typeof l==`string`?l:void 0),"aria-pressed":b||void 0,"aria-describedby":x,tabIndex:b||!S&&y===0?0:-1,"data-selected":b||void 0,className:t.cn(a&&t.cn(`relative rounded-none border-0 shadow-none first:ml-0 data-[selected=true]:shadow-none`,u&&`flex-1`,v?`w-full border-t border-[color:var(--aui-control-border,var(--border))] first:border-t-0`:`border-l border-[color:var(--aui-control-border,var(--border))] first:border-l-0`),d&&`h-auto min-h-9 py-2`,f),onClick:e=>{T(r),h?.(e)},onKeyDown:t=>{let n=e?.length??0;if(!n)return;let r=e=>{let t=(e+n)%n;w.current[t]?.focus()};t.key===`ArrowRight`&&!v?(t.preventDefault(),r(y+1)):t.key===`ArrowLeft`&&!v?(t.preventDefault(),r(y-1)):t.key===`ArrowDown`&&v?(t.preventDefault(),r(y+1)):t.key===`ArrowUp`&&v?(t.preventDefault(),r(y-1)):t.key===`Home`?(t.preventDefault(),r(0)):t.key===`End`&&(t.preventDefault(),r(n-1))},..._,children:d?(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start text-left`,children:[(0,i.jsx)(`span`,{children:l}),(0,i.jsx)(`span`,{"aria-hidden":`true`,className:`truncate text-[11px] font-medium opacity-80`,children:d}),(0,i.jsx)(`span`,{id:x,className:`sr-only`,children:d})]}):l},r)}),g]})}exports.ButtonGroup=a;

package/dist/src/components/actions/button-group.js

@@ -0,0 +1,66 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/actions/button-group.tsx
+function a({ items: a, attached: o = !0, size: s = "sm", variant: c = "outline", activeVariant: l = "default", orientation: u = "horizontal", fullWidth: d = !1, allowDeselect: f = !1, value: p, defaultValue: m, onValueChange: h, className: g, children: _, ...v }) {
+	let y = u === "vertical", b = p !== void 0, [x, S] = n.useState(m), C = b ? p : x, w = n.useId(), T = n.useRef([]), E = (e) => {
+		let t = f && C === e ? "" : e;
+		b || S(t), h?.(t);
+	};
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "button-group",
+		role: "group",
+		"data-orientation": u,
+		className: e("inline-flex", y ? "flex-col" : "items-center", d && "w-full", o ? "overflow-hidden rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] shadow-[var(--aui-control-shadow,none)]" : "gap-2", g),
+		...v,
+		children: [a?.map(({ key: n, label: u, description: f, className: p, size: m, variant: h, onClick: g, "aria-label": _, ...v }, b) => {
+			let x = C === n, S = f ? `${w}-${n}-description` : void 0;
+			return /* @__PURE__ */ r(t, {
+				ref: (e) => {
+					T.current[b] = e;
+				},
+				size: m ?? s,
+				variant: h ?? (x ? l : c),
+				"aria-label": _ ?? (f && typeof u == "string" ? u : void 0),
+				"aria-pressed": x || void 0,
+				"aria-describedby": S,
+				tabIndex: x || !C && b === 0 ? 0 : -1,
+				"data-selected": x || void 0,
+				className: e(o && e("relative rounded-none border-0 shadow-none first:ml-0 data-[selected=true]:shadow-none", d && "flex-1", y ? "w-full border-t border-[color:var(--aui-control-border,var(--border))] first:border-t-0" : "border-l border-[color:var(--aui-control-border,var(--border))] first:border-l-0"), f && "h-auto min-h-9 py-2", p),
+				onClick: (e) => {
+					E(n), g?.(e);
+				},
+				onKeyDown: (e) => {
+					let t = a?.length ?? 0;
+					if (!t) return;
+					let n = (e) => {
+						let n = (e + t) % t;
+						T.current[n]?.focus();
+					};
+					e.key === "ArrowRight" && !y ? (e.preventDefault(), n(b + 1)) : e.key === "ArrowLeft" && !y ? (e.preventDefault(), n(b - 1)) : e.key === "ArrowDown" && y ? (e.preventDefault(), n(b + 1)) : e.key === "ArrowUp" && y ? (e.preventDefault(), n(b - 1)) : e.key === "Home" ? (e.preventDefault(), n(0)) : e.key === "End" && (e.preventDefault(), n(t - 1));
+				},
+				...v,
+				children: f ? /* @__PURE__ */ i("span", {
+					className: "flex min-w-0 flex-col items-start text-left",
+					children: [
+						/* @__PURE__ */ r("span", { children: u }),
+						/* @__PURE__ */ r("span", {
+							"aria-hidden": "true",
+							className: "truncate text-[11px] font-medium opacity-80",
+							children: f
+						}),
+						/* @__PURE__ */ r("span", {
+							id: S,
+							className: "sr-only",
+							children: f
+						})
+					]
+				}) : u
+			}, n);
+		}), _]
+	});
+}
+//#endregion
+export { a as ButtonGroup };

package/dist/src/components/actions/copy-button.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");async function o(e){if(typeof navigator<`u`&&navigator.clipboard?.writeText){await navigator.clipboard.writeText(e);return}if(typeof document>`u`)throw Error(`Clipboard is not available`);let t=document.createElement(`textarea`);t.value=e,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.left=`-9999px`,document.body.appendChild(t),t.select();try{document.execCommand(`copy`)}finally{document.body.removeChild(t)}}function s({value:e,copiedLabel:s=`Copied`,copyLabel:c=`Copy`,copiedTimeout:l=1600,onCopied:u,onCopyError:d,showIcon:f=!0,copiedVariant:p,variant:m,disabled:h,children:g,type:_=`button`,...v}){let[y,b]=r.useState(!1),x=r.useRef(void 0);r.useEffect(()=>()=>{x.current&&window.clearTimeout(x.current)},[]);let S=r.useCallback(async()=>{try{await o(e),b(!0),u?.(e),x.current&&window.clearTimeout(x.current),x.current=window.setTimeout(()=>b(!1),l)}catch(e){d?.(e)}},[l,u,d,e]);return(0,a.jsxs)(n.Button,{"data-slot":`copy-button`,"data-copied":y||void 0,type:_,variant:y?p??`secondary`:m,disabled:h||!e,onClick:e=>{t.stopInteractivePropagation(e),S()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,"aria-live":`polite`,...v,children:[f&&(y?(0,a.jsx)(i.CheckIcon,{"data-icon":`inline-start`}):(0,a.jsx)(i.CopyIcon,{"data-icon":`inline-start`})),g??(y?s:c)]})}exports.CopyButton=s;

package/dist/src/components/actions/copy-button.js

@@ -0,0 +1,56 @@
+"use client";
+import { stopInteractivePropagation as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import * as n from "react";
+import { CheckIcon as r, CopyIcon as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/actions/copy-button.tsx
+async function s(e) {
+	if (typeof navigator < "u" && navigator.clipboard?.writeText) {
+		await navigator.clipboard.writeText(e);
+		return;
+	}
+	if (typeof document > "u") throw Error("Clipboard is not available");
+	let t = document.createElement("textarea");
+	t.value = e, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.left = "-9999px", document.body.appendChild(t), t.select();
+	try {
+		document.execCommand("copy");
+	} finally {
+		document.body.removeChild(t);
+	}
+}
+function c({ value: c, copiedLabel: l = "Copied", copyLabel: u = "Copy", copiedTimeout: d = 1600, onCopied: f, onCopyError: p, showIcon: m = !0, copiedVariant: h, variant: g, disabled: _, children: v, type: y = "button", ...b }) {
+	let [x, S] = n.useState(!1), C = n.useRef(void 0);
+	n.useEffect(() => () => {
+		C.current && window.clearTimeout(C.current);
+	}, []);
+	let w = n.useCallback(async () => {
+		try {
+			await s(c), S(!0), f?.(c), C.current && window.clearTimeout(C.current), C.current = window.setTimeout(() => S(!1), d);
+		} catch (e) {
+			p?.(e);
+		}
+	}, [
+		d,
+		f,
+		p,
+		c
+	]);
+	return /* @__PURE__ */ o(t, {
+		"data-slot": "copy-button",
+		"data-copied": x || void 0,
+		type: y,
+		variant: x ? h ?? "secondary" : g,
+		disabled: _ || !c,
+		onClick: (t) => {
+			e(t), w();
+		},
+		onMouseDown: e,
+		onDoubleClick: e,
+		"aria-live": "polite",
+		...b,
+		children: [m && a(x ? r : i, { "data-icon": "inline-start" }), v ?? (x ? l : u)]
+	});
+}
+//#endregion
+export { c as CopyButton };

package/dist/src/components/actions/copy-field.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./copy-button.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({value:e,label:r,description:a,copyButtonProps:o,monospace:s=!0,className:c,...l}){return(0,i.jsxs)(`div`,{"data-slot":`copy-field`,className:t.cn(`grid gap-2`,c),...l,children:[(r||a)&&(0,i.jsxs)(`div`,{className:`grid gap-0.5`,children:[r&&(0,i.jsx)(`div`,{className:`text-sm font-medium text-foreground`,children:r}),a&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:a})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg border bg-card p-2`,children:[(0,i.jsx)(`div`,{className:t.cn(`min-w-0 flex-1 truncate text-sm text-muted-foreground`,s&&`font-mono`),children:e}),(0,i.jsx)(n.CopyButton,{value:e,size:`sm`,variant:`outline`,...o})]})]})}exports.CopyField=a;

package/dist/src/components/actions/copy-field.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../../lib/utils.js";
+import { CopyButton as t } from "./copy-button.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/actions/copy-field.tsx
+function i({ value: i, label: a, description: o, copyButtonProps: s, monospace: c = !0, className: l, ...u }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "copy-field",
+		className: e("grid gap-2", l),
+		...u,
+		children: [(a || o) && /* @__PURE__ */ r("div", {
+			className: "grid gap-0.5",
+			children: [a && /* @__PURE__ */ n("div", {
+				className: "text-sm font-medium text-foreground",
+				children: a
+			}), o && /* @__PURE__ */ n("div", {
+				className: "text-xs text-muted-foreground",
+				children: o
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: "flex items-center gap-2 rounded-lg border bg-card p-2",
+			children: [/* @__PURE__ */ n("div", {
+				className: e("min-w-0 flex-1 truncate text-sm text-muted-foreground", c && "font-mono"),
+				children: i
+			}), /* @__PURE__ */ n(t, {
+				value: i,
+				size: "sm",
+				variant: "outline",
+				...s
+			})]
+		})]
+	});
+}
+//#endregion
+export { i as CopyField };

package/dist/src/components/actions/demo.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`action-menu`,`ActionMenu`,`actions`,`Compact dropdown action menu for rows and cards.`),e.component(`button-group`,`ButtonGroup`,`actions`,`Grouped action buttons for view switching and compact controls.`),e.component(`quick-action-grid`,`QuickActionGrid`,`actions`,`Action launcher grid for dense dashboard shortcuts.`)]);exports.actionsShowcaseDemoRegistry=t;

package/dist/src/components/actions/demo.js

@@ -0,0 +1,9 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/actions/demo.tsx
+var n = t([
+	e("action-menu", "ActionMenu", "actions", "Compact dropdown action menu for rows and cards."),
+	e("button-group", "ButtonGroup", "actions", "Grouped action buttons for view switching and compact controls."),
+	e("quick-action-grid", "QuickActionGrid", "actions", "Action launcher grid for dense dashboard shortcuts.")
+]);
+//#endregion
+export { n as actionsShowcaseDemoRegistry };

package/dist/src/components/actions/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./action-menu.cjs"),t=require("./button-group.cjs"),n=require("./copy-button.cjs"),r=require("./copy-field.cjs"),i=require("./quick-action-grid.cjs");exports.ActionMenu=e.ActionMenu,exports.ButtonGroup=t.ButtonGroup,exports.CopyButton=n.CopyButton,exports.CopyField=r.CopyField,exports.QuickActionGrid=i.QuickActionGrid;

package/dist/src/components/actions/index.js

@@ -0,0 +1,6 @@
+import { ActionMenu as e } from "./action-menu.js";
+import { ButtonGroup as t } from "./button-group.js";
+import { CopyButton as n } from "./copy-button.js";
+import { CopyField as r } from "./copy-field.js";
+import { QuickActionGrid as i } from "./quick-action-grid.js";
+export { e as ActionMenu, t as ButtonGroup, n as CopyButton, r as CopyField, i as QuickActionGrid };

package/dist/src/components/actions/public.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./action-menu.cjs"),t=require("./button-group.cjs"),n=require("./copy-button.cjs"),r=require("./copy-field.cjs"),i=require("./quick-action-grid.cjs");exports.ActionMenu=e.ActionMenu,exports.ButtonGroup=t.ButtonGroup,exports.CopyButton=n.CopyButton,exports.CopyField=r.CopyField,exports.QuickActionGrid=i.QuickActionGrid;

package/dist/src/components/actions/public.js

@@ -0,0 +1,6 @@
+import { ActionMenu as e } from "./action-menu.js";
+import { ButtonGroup as t } from "./button-group.js";
+import { CopyButton as n } from "./copy-button.js";
+import { CopyField as r } from "./copy-field.js";
+import { QuickActionGrid as i } from "./quick-action-grid.js";
+export { e as ActionMenu, t as ButtonGroup, n as CopyButton, r as CopyField, i as QuickActionGrid };

package/dist/src/components/actions/quick-action-grid.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/badge/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 xl:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 xl:grid-cols-4`};function o({items:e,columns:o=3,compact:s=!1,itemClassName:c,renderLink:l,className:u,...d}){let f=e.filter(e=>!e.hidden);return(0,i.jsx)(`div`,{"data-slot":`quick-action-grid`,className:t.cn(`grid gap-3`,a[o],u),...d,children:f.map(e=>{let a=(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[e.icon&&(0,i.jsx)(`span`,{className:`mt-0.5 shrink-0 rounded-lg bg-muted p-2 text-muted-foreground [&_svg]:size-4`,children:e.icon}),(0,i.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[(0,i.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.label}),e.description&&(0,i.jsx)(`div`,{className:`line-clamp-2 text-xs leading-5 text-muted-foreground`,children:e.description})]})]}),e.badge&&(0,i.jsx)(n.Badge,{variant:`outline`,className:`shrink-0 text-[10px]`,children:e.badge})]})}),o=t.cn(`min-w-0 rounded-xl border bg-card text-left text-card-foreground shadow-sm transition-all hover:border-primary/40 hover:bg-muted/20`,s?`p-3`:`p-4`,e.disabled&&`pointer-events-none opacity-55`,c,e.className),u=e.href?.startsWith(`/`);return e.href&&u?l?(0,i.jsx)(r.Fragment,{children:l({item:e,href:e.href,"data-slot":`quick-action-grid-item`,"aria-disabled":e.disabled||void 0,className:o,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.()},children:a})},e.key):(0,i.jsx)(`a`,{"data-slot":`quick-action-grid-item`,href:e.href,"aria-disabled":e.disabled||void 0,className:o,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.()},children:a},e.key):e.href?(0,i.jsx)(`button`,{"data-slot":`quick-action-grid-item`,type:`button`,"aria-disabled":e.disabled||void 0,className:o,onClick:()=>{if(e.disabled)return;e.onSelect?.();let t=e.href;if(t){if(e.external){window.open(t,`_blank`,`noopener,noreferrer`);return}window.location.assign(t)}},children:a},e.key):(0,i.jsx)(`button`,{"data-slot":`quick-action-grid-item`,type:`button`,disabled:e.disabled,className:o,onClick:e.onSelect,children:a},e.key)})})}exports.QuickActionGrid=o;