tembro 3.0.0 → 3.1.5

package/CHANGELOG.md

@@ -2,51 +2,106 @@
 
 All notable changes to this project will be documented in this file.
 
-## 2.0.3 - 2026-07-08
-
-- tightened default radius and shadow tokens so controls render less pill-like out of the box
-- polished Button, Input, Select, and Calendar core surfaces for cleaner default spacing and focus states
-- added render coverage for clearable canonical Input and multi-month Calendar paging
-
-## 2.0.2 - 2026-07-08
-
-### Changed
-
-- rebuilt `AppSidebar` into a responsive navigation surface with automatic mobile drawer behavior, overlay dismissal, escape handling, and close-on-select flow
-- refreshed the `AppSidebar` and `AppShell` showcase demos so mobile and desktop sidebar behavior are both visible from the docs surface
-- synced CLI vendor copies and added navigation render coverage for the new responsive sidebar contract
-
-## 1.0.0 - 2026-07-08
+## 3.1.5 - 2026-07-13
 
 ### Changed
 
-- renamed the public npm package to `tembro` so installs and CLI usage can use `npm i tembro` and `npx tembro`
-- moved the workspace CLI package to the private internal name `tembro-cli-internal` to avoid npm workspace name collisions
-- updated the registry, README, showcase metadata, docs snippets, and fixture smoke imports to use the new `tembro` package name
-- reset the public package line to `1.0.0` for the short-name release
+- published the consolidated canonical component surface, reusable showcase architecture, centralized theme styling, and expanded interactive documentation
+- synchronized package, CLI, registry, showcase metadata, build output, and npm release versions
 
-## 0.3.24 - 2026-07-02
+## 3.1.4 - 2026-07-13
 
 ### Changed
 
-- filled public showcase demo coverage for every component catalog route so docs no longer fall back to missing generic detail states
-- added a supplemental showcase registry plus a coverage test to stop new public components from shipping without demo wiring
-- refreshed preview registry and source-copy showcase metadata so `azamat-ui` can consume the same complete demo surface after upgrade
+- consolidated Input, Sidebar, Statistic, PageState, and FileUpload documentation around their canonical public APIs with interactive states and production-oriented code samples
+- expanded Sidebar documentation with nested routes, React Router rendering, density controls, active indicators, collapsed rail actions, mobile navigation, and account interaction
+- expanded FileUpload documentation with controlled progress, retry, validation, rejection messages, sample files, remove, and clear flows
+- added compact InlineState coverage and interactive route-level PageState outcomes
+- moved Statistic, PageState, and FileUpload visual states into the shared init-managed theme through semantic data slots and light/dark tokens
+- improved loading, status, and upload rejection accessibility semantics
 
-## 0.3.23 - 2026-07-02
+### Removed
 
-### Changed
-
-- upgraded `Carousel` from a static slide shell to a usable component with internal state, arrows, dots, loop support, and keyboard navigation
-- replaced `SavedFilterSelect` browser `prompt()` saving with an inline input flow so saved-view creation is stylable, testable, and accessible
-- rebuilt `ResizablePanel` into an actual split-panel primitive with draggable and keyboard-accessible handles instead of a fake CSS resize shell
-- upgraded `MentionInput` into a real trigger-based mention surface with inline suggestions, keyboard selection, and cursor-aware insertion
-- synced `JsonInput` validation with controlled values and aligned `TrendCard` success sparkline colors with Azamat UI theme tokens
-- refreshed registry/showcase wiring and CLI vendor copies so the new component behavior ships consistently in both package and source-copy flows
-
-## 0.3.22 - 2026-07-01
-
-### Changed
+- removed deprecated duplicate registry aliases and stale showcase routes in favor of the canonical component surfaces
+
+## 3.1.0 - 2026-07-10
+
+### Added
+
+- added `SortableList` with pointer, touch, and keyboard sorting, controlled and uncontrolled state, drag overlays, disabled items, and accessible handles
+- rebuilt `KanbanBoard` with real card reordering across lanes, empty-lane drops, canceled-drag recovery, and controlled or uncontrolled board state
+- added `VirtualList` for dynamic, accessible virtualization of large collections
+- added opt-in row virtualization to `DataTable` with bounded height, overscan, dynamic measurement, sticky headers, and visible-range reporting
+
+### Changed
+
+- added `@dnd-kit/react`, `@dnd-kit/helpers`, and `@tanstack/react-virtual` as focused interaction and performance foundations
+- added CLI registry entries, source-copy dependency installation, public demos, and regression coverage for the new components
+
+## 3.0.0 - 2026-07-10
+
+### Breaking changes
+
+- removed the deprecated `FormAsyncSelect`, `FormDateInput`, `FormNumberInput`, `FormPasswordInput`, `FormPhoneInput`, and `FormSearchInput` component exports; use `FormSelect kind="async"` or the matching `FormInput kind` instead
+- removed the deprecated `AppSidebar` and `SmartCard` exports; use `Sidebar` and `InfoCard`
+- removed `QRCode`, which rendered a QR-like image that was not scannable
+- removed the incomplete `RichTextEditor`, `Menubar`, `NavigationMenu`, and `Tour` surfaces instead of presenting partial interaction contracts as production components
+
+### Changed
+
+- made CLI migration aliases resolve to canonical components without copying deprecated source files
+- fixed conditional React hook usage in `Input`, `AsyncSelect`, and `Sidebar`, and restored core hooks lint rules
+- renamed the implementation module from `smart-card.tsx` to `info-card.tsx`
+- made `JsonInput` and `DualListPicker` work in both controlled and uncontrolled modes
+- improved `CalendarScheduler` empty states and reduced repeated event filtering
+- tightened registry validation so every advertised group member and migration alias must exist in the CLI registry
+- added component-quality regression coverage and corrected repository metadata
+
+## 2.0.3 - 2026-07-08
+
+- tightened default radius and shadow tokens so controls render less pill-like out of the box
+- polished Button, Input, Select, and Calendar core surfaces for cleaner default spacing and focus states
+- added render coverage for clearable canonical Input and multi-month Calendar paging
+
+## 2.0.2 - 2026-07-08
+
+### Changed
+
+- rebuilt `AppSidebar` into a responsive navigation surface with automatic mobile drawer behavior, overlay dismissal, escape handling, and close-on-select flow
+- refreshed the `AppSidebar` and `AppShell` showcase demos so mobile and desktop sidebar behavior are both visible from the docs surface
+- synced CLI vendor copies and added navigation render coverage for the new responsive sidebar contract
+
+## 1.0.0 - 2026-07-08
+
+### Changed
+
+- renamed the public npm package to `tembro` so installs and CLI usage can use `npm i tembro` and `npx tembro`
+- moved the workspace CLI package to the private internal name `tembro-cli-internal` to avoid npm workspace name collisions
+- updated the registry, README, showcase metadata, docs snippets, and fixture smoke imports to use the new `tembro` package name
+- reset the public package line to `1.0.0` for the short-name release
+
+## 0.3.24 - 2026-07-02
+
+### Changed
+
+- filled public showcase demo coverage for every component catalog route so docs no longer fall back to missing generic detail states
+- added a supplemental showcase registry plus a coverage test to stop new public components from shipping without demo wiring
+- refreshed preview registry and source-copy showcase metadata so `azamat-ui` can consume the same complete demo surface after upgrade
+
+## 0.3.23 - 2026-07-02
+
+### Changed
+
+- upgraded `Carousel` from a static slide shell to a usable component with internal state, arrows, dots, loop support, and keyboard navigation
+- replaced `SavedFilterSelect` browser `prompt()` saving with an inline input flow so saved-view creation is stylable, testable, and accessible
+- rebuilt `ResizablePanel` into an actual split-panel primitive with draggable and keyboard-accessible handles instead of a fake CSS resize shell
+- upgraded `MentionInput` into a real trigger-based mention surface with inline suggestions, keyboard selection, and cursor-aware insertion
+- synced `JsonInput` validation with controlled values and aligned `TrendCard` success sparkline colors with Azamat UI theme tokens
+- refreshed registry/showcase wiring and CLI vendor copies so the new component behavior ships consistently in both package and source-copy flows
+
+## 0.3.22 - 2026-07-01
+
+### Changed
 
 - stabilized the standalone `test:run` flow by auto-building `dist` before build-output smoke checks when needed
 - promoted `InfoCard` as the canonical display-card name while keeping `SmartCard` as a deprecated compatibility alias

package/README.md

@@ -1,58 +1,91 @@
-# tembro
-
-tembro is a source-copy-first React UI kit.
-
-The CLI copies editable component source into your app. New projects should treat local `components` code as the canonical surface.
-
-## Start
-
-Next.js:
-
-```bash
-npx tembro init --template next --defaults
-npx tembro add button input
-```
-
-Vite:
-
-```bash
-npx tembro init --template vite --defaults
-npx tembro add button input
-```
-
-## Use
-
-After `add`, import from local app source:
-
-```tsx
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-```
-
-## Core rule
-
-- `init` sets up config and theme tokens.
-- `add` copies component source into your app.
-- Local source is the product surface.
-- Runtime package import is compatibility-only, not the main path.
-
-## Component model
-
-Every public surface is a component. Repeated behavior should be handled with props, hooks, helpers, and local source files, not separate family abstractions.
-
-## Current direction
-
-The docs layer is being rebuilt from scratch around:
-
-- source-copy workflow
-- fewer public component names
-- stronger component quality
-- simpler theming and API contracts
-
-## Local verification
-
-```bash
-npm run lint
-npm run build
-npm run test:run
-```
+# tembro
+
+tembro is a source-copy-first React UI kit.
+
+The CLI copies editable component source into your app. New projects should treat local `components` code as the canonical surface.
+
+## Start
+
+Next.js:
+
+```bash
+npx tembro init --template next --defaults
+npx tembro add button input
+```
+
+Vite:
+
+```bash
+npx tembro init --template vite --defaults
+npx tembro add button input
+```
+
+## Use
+
+After `add`, import from local app source:
+
+```tsx
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+```
+
+## Core rule
+
+- `init` sets up config and theme tokens.
+- `add` copies component source into your app.
+- Local source is the product surface.
+- Runtime package import is compatibility-only, not the main path.
+
+## Component model
+
+Every public surface is a component. Repeated behavior should be handled with props, hooks, helpers, and local source files, not separate family abstractions.
+
+## Migrating to 3.0
+
+Replace compatibility component imports with the canonical API:
+
+```tsx
+// before
+<FormNumberInput control={control} name="price" />
+<FormAsyncSelect control={control} name="ownerId" loadOptions={loadOwners} />
+<AppSidebar items={items} />
+<SmartCard title="Account" />
+
+// after
+<FormInput control={control} name="price" kind="number" />
+<FormSelect control={control} name="ownerId" kind="async" loadOptions={loadOwners} />
+<Sidebar items={items} />
+<InfoCard title="Account" />
+```
+
+The CLI still accepts old component names and redirects them to canonical source-copy entries. Removed incomplete components do not have drop-in replacements; use a production-grade implementation only when the application actually needs that interaction.
+
+## Production interaction components
+
+Install the new drag-and-drop and virtualization surfaces through the CLI:
+
+```bash
+npx tembro add sortable-list kanban virtual-list data-table
+```
+
+- `SortableList` supports pointer, touch, and keyboard reordering with controlled or uncontrolled state.
+- `KanbanBoard` moves cards within and across columns, including empty columns and canceled operations.
+- `VirtualList` keeps large collections responsive by mounting only the visible window.
+- `DataTable` enables row virtualization with `virtualization={{ height: 480 }}`.
+
+## Current direction
+
+The docs layer is being rebuilt from scratch around:
+
+- source-copy workflow
+- fewer public component names
+- stronger component quality
+- simpler theming and API contracts
+
+## Local verification
+
+```bash
+npm run lint
+npm run build
+npm run test:run
+```

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

@@ -1 +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;
+module.exports = require("../../src/components/actions/action-menu.cjs")

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

@@ -1,97 +1 @@
-"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 };
+export * from "../../src/components/actions/action-menu.js"

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

@@ -1 +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;
+module.exports = require("../../src/components/actions/button-group.cjs")

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

@@ -1,66 +1 @@
-"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 };
+export * from "../../src/components/actions/button-group.js"

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

@@ -1 +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;
+module.exports = require("../../src/components/actions/copy-button.cjs")

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

@@ -1,56 +1 @@
-"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 };
+export * from "../../src/components/actions/copy-button.js"

package/dist/components/actions/demo.cjs

@@ -1 +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;
+module.exports = require("../../src/components/actions/demo.cjs")

package/dist/components/actions/demo.js

@@ -1,9 +1 @@
-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 };
+export * from "../../src/components/actions/demo.js"

package/dist/components/actions/index.cjs

@@ -1 +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;
+module.exports = require("../../src/components/actions/index.cjs")

package/dist/components/actions/index.d.ts

@@ -1,5 +1,4 @@
 export * from './action-menu';
 export * from './copy-button';
-export * from './copy-field';
 export * from './button-group';
 export * from './quick-action-grid';

package/dist/components/actions/index.js

@@ -1,6 +1 @@
-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 };
+export * from "../../src/components/actions/index.js"

package/dist/components/actions/public.cjs

@@ -1 +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;
+module.exports = require("../../src/components/actions/public.cjs")

package/dist/components/actions/public.d.ts

@@ -1,5 +1,4 @@
 export * from "./action-menu";
 export * from "./button-group";
 export * from "./copy-button";
-export * from "./copy-field";
 export * from "./quick-action-grid";

package/dist/components/actions/public.js

@@ -1,6 +1 @@
-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 };
+export * from "../../src/components/actions/public.js"

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

@@ -1 +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;
+module.exports = require("../../src/components/actions/quick-action-grid.cjs")