tembro 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,157 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## 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
+- marked compatibility wrappers such as `FormPasswordInput`, `FormAsyncSelect`, and `AppSidebar` more explicitly as migration aliases
+- rewrote `PUBLIC_API_INVENTORY.md`, regenerated `PUBLIC_COMPONENT_API.md`, and refreshed `README.md` so source-copy-first canonical APIs lead the docs surface
+- rationalized public family surfaces so actions, feedback, charts, navigation, primitives, and upload docs group around canonical component entry points
+- refined `Calendar`, `DatePicker`, and `DateRangePicker` popup chrome so installed dark-mode date pickers no longer render with heavy nested panels
+
+## 0.3.19 - 2026-06-30
+
+### Added
+
+- added `Accordion` as the canonical accordion API backed by the existing collapse interaction model
+- added `DataList` and `DataListRow` for compact operational list rows with values, metadata, icons and links
+- added `KeyValueCard` for concise key/value summaries inside dashboard and detail pages
+- added `DataTableSavedFilters` to the public registry groups so saved table filters are discoverable from the CLI registry
+
+### Changed
+
+- synced registry, CLI status metadata, public API inventory and render coverage for the new source-copy components
+
+## 0.3.17 - 2026-06-30
+
+### Changed
+
+- strengthened `Select` trigger, popup, item, focus, invalid and disabled visuals so source-copied selects look styled without relying on extra site CSS
+- refined `Table` and `DataTable` surfaces with token-based borders, backgrounds, selected rows, striped rows and shadows
+- improved `DataTableToolbar` soft and selection-bar treatment for cleaner dashboard usage
+- synced CLI vendor component sources with the published package polish
+
+## 0.3.11 - 2026-06-29
+
+### Changed
+
+- refined `Button` defaults so installed package buttons have calmer radius, clearer focus rings, and better dark-mode contrast
+- improved disabled and loading button states so they stay readable without looking like broken outline controls
+- reduced heavy hover shadows on primary and destructive actions for cleaner dashboard usage
+
+## 0.3.10 - 2026-06-26
+
+### Changed
+
+- refined the published primitive layer for `Button`, `Input`, `Select`, `Checkbox`, `Switch`, `Tabs`, and `Card` so default surfaces feel flatter, calmer, and more product-ready
+- cleaned up shared input chrome, decorator spacing, and clear action affordances so installed field components ship with a stronger default UI
+
+## 0.3.9 - 2026-06-26
+
+### Changed
+
+- refined `Badge` defaults so status labels look calmer, flatter, and more product-ready out of the box
+- simplified the Badge docs surface to remove heavy card-in-card composition around a small primitive
+
+## 0.3.8 - 2026-06-26
+
+### Changed
+
+- polished the published input field chrome, decorator spacing, and clear action treatment
+- reduced nested-card noise in the docs input showcase and cleaned up the live field composition
+- moved detail-page side rails to wider breakpoints so preview content no longer collides with related panels
+
+## 0.3.7 - 2026-06-26
+
+### Fixed
+
+- restored the full root export contract so published package consumers receive patterns, families, and complete public component barrels from `tembro`
+
+## 0.3.6 - 2026-06-26
+
+### Changed
+
+- refined the base input, decorator, and clear action visuals for a cleaner published default field surface
+- softened tabs, cards, dialogs, popovers, and dropdown menus so overlay-heavy docs routes match the newer surface system
+
+### Added
+
+- added `Button` loading, loading label, left icon, right icon, and `md`/`xl` size API coverage
+- added `Card` variants, tones, density, interactive, selected, and disabled state APIs
+- added `Badge` tone, size, dot, left icon, and right icon APIs for status-heavy dashboard UI
+- added `ClearableInput` Escape-to-clear and focus-after-clear behavior
+- added `SearchInput` loading, result count, shortcut, and debounced value callback support
+- added `InputDecorator` density, tone, leading/trailing class hooks, and pointer-event control
+- added `NumberInput` prefix/suffix support through the shared input decorator
+- added `DateInput` optional leading calendar icon support
+- added `PhoneInput` icon and country-code display options
+- added `PasswordInput` Caps Lock warning and autocomplete defaults
+- added `SimpleSelect` clearable, searchable, loading, empty-state, keyword, and custom option rendering APIs
+- added reusable form field splitting utilities for future direct form wrapper refactors
+- added `PageHeader` variants, tones, sizes, leading content, footer, and class hooks
+- added `StatCard` loading skeleton, helper text, value prefix/suffix, trend label, and badge-backed trend rendering
+- added `DataTableToolbar` variants, density, and heading/action class hooks
+- added `AppInput` / `UniversalInput` as the single public input wrapper for text, clearable, search, number, phone, and date input kinds
+- added `FormAppInput` as the single React Hook Form wrapper for the same input kinds
+- added real component primitives: `RadioGroup`, `Kbd`, `HoverCard`, `StatusDot`, `SectionHeader`, `AlertDialog`, and `Drawer`
+- added `UserCard`, `NavTabs`, and `FileDropzone` for dashboard identity, navigation, and upload flows
+- added `ScrollBox`, `RightClickMenu`, `ProgressCircle`, and `MetricCard` as additional real reusable UI components
+
+### Changed
+
+- moved `NumberInput`, `DateInput`, `MaskedInput`, and `PhoneInput` onto the shared `InputDecorator` surface for more consistent visual behavior
+- improved the route-level dashboard foundation by aligning `PageHeader`, `StatCard`, and `DataTableToolbar` with the newer surface/tone APIs
+- registered `app-input` and `form-app-input` so CLI/source-copy discovery can prefer the universal input wrappers
+- hardened `AppInput` and `FormAppInput` typing so specialized props are routed more safely by kind
+- routed `FormSearchInput`, `FormNumberInput`, `FormPhoneInput`, and `FormDateInput` through `FormAppInput` as compatibility wrapper migrations
+- exported `StatusDot`, `UserCard`, `ProgressCircle`, `SectionHeader`, `NavTabs`, `FileDropzone`, `ScrollBox`, and `RightClickMenu` from their public surfaces
+- re-routed compatibility wrappers back onto the canonical `FormInput` surface so docs and implementation stay aligned
+- clarified README and universal-input docs to teach `Input` / `FormInput` first while keeping aliases for migration
+
+### Docs
+
+- aligned the component maturity matrix with the current `Button` public API
+- documented the universal input API in `UNIVERSAL_INPUT.md`
+- added a render-time public API snapshot test for documented root exports
+
+## 0.2.3 - 2026-06-23
+
+### Added
+
+- new `Stack`, `Inline`, and `Grid` layout helpers for common vertical, horizontal, and grid composition
+
+### Changed
+
+- aligned package, CLI, and registry versions for the next public release

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Azamat Jurayev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,58 @@
+# 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.
+
+## Family governance
+
+The public component model is kept intentionally small. `InputFamily`, `SelectFamily`, `CardFamily`, `FormFamily`, and `DataTableFamily` define the main grouped surfaces, while `componentFamilyCatalog`, `componentDocsGroups`, and `componentFamilyMigrationMap` keep docs, registry metadata, and migration aliases aligned.
+
+## 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/bin/tembro.cjs

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+require("../packages/cli/dist/index.cjs")

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;

package/dist/components/actions/action-menu.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/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,contentClassName:p,triggerClassName:m,emptyLabel:h=`No actions`}){let g=e.filter(e=>!e.hidden),[_,v]=i.useState(null),y=async e=>{if(!(e.disabled||e.loading||_))try{v(e.key),await e.onSelect?.()}finally{v(null)}};return(0,o.jsxs)(r.DropdownMenu,{children:[(0,o.jsxs)(r.DropdownMenuTrigger,{render:c??(0,o.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,disabled:f,className:t.cn(`rounded-full border border-transparent text-muted-foreground hover:border-border/70 hover:bg-muted/50 hover:text-foreground`,m),onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation}),children:[!c&&(0,o.jsx)(a.MoreHorizontalIcon,{}),(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-40`,p),children:[s&&(0,o.jsx)(r.DropdownMenuLabel,{children:s}),s&&g.length>0&&(0,o.jsx)(r.DropdownMenuSeparator,{}),g.length===0&&(0,o.jsx)(r.DropdownMenuItem,{disabled:!0,children:h}),g.map(e=>{let n=e.loading||_===e.key;return(0,o.jsxs)(r.DropdownMenuItem,{disabled:e.disabled||n,variant:e.destructive?`destructive`:`default`,onClick:n=>{t.stopInteractivePropagation(n),y(e)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[n?(0,o.jsx)(a.Loader2Icon,{className:`animate-spin`}):e.icon,(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),e.shortcut&&(0,o.jsx)(`span`,{className:`ml-auto text-[11px] tracking-[0.14em] text-muted-foreground`,children:e.shortcut})]},e.key)})]})]})}exports.ActionMenu=s;

package/dist/components/actions/action-menu.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+export type ActionMenuItem = {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    shortcut?: React.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+    destructive?: boolean;
+    hidden?: boolean;
+    onSelect?: () => void | Promise<void>;
+};
+export type ActionMenuProps = {
+    actions: ActionMenuItem[];
+    label?: React.ReactNode;
+    trigger?: React.ReactElement;
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    disabled?: boolean;
+    contentClassName?: string;
+    triggerClassName?: string;
+    emptyLabel?: React.ReactNode;
+};
+declare function ActionMenu({ actions, label, trigger, align, side, sideOffset, disabled, contentClassName, triggerClassName, emptyLabel, }: ActionMenuProps): React.JSX.Element;
+export { ActionMenu };

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

@@ -0,0 +1,70 @@
+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, DropdownMenuLabel as o, DropdownMenuSeparator as s, DropdownMenuTrigger as c } from "../ui/dropdown-menu/index.js";
+import * as l from "react";
+import { Loader2Icon as u, MoreHorizontalIcon as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/actions/action-menu.tsx
+function m({ actions: m, label: h, trigger: g, align: _ = "end", side: v = "bottom", sideOffset: y = 4, disabled: b = !1, contentClassName: x, triggerClassName: S, emptyLabel: C = "No actions" }) {
+	let w = m.filter((e) => !e.hidden), [T, E] = l.useState(null), D = async (e) => {
+		if (!(e.disabled || e.loading || T)) try {
+			E(e.key), await e.onSelect?.();
+		} finally {
+			E(null);
+		}
+	};
+	return /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ p(c, {
+		render: g ?? /* @__PURE__ */ f(n, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-sm",
+			disabled: b,
+			className: e("rounded-full border border-transparent text-muted-foreground hover:border-border/70 hover:bg-muted/50 hover:text-foreground", S),
+			onClick: t,
+			onMouseDown: t,
+			onDoubleClick: t
+		}),
+		children: [!g && /* @__PURE__ */ f(d, {}), /* @__PURE__ */ f("span", {
+			className: "sr-only",
+			children: "Open actions"
+		})]
+	}), /* @__PURE__ */ p(i, {
+		align: _,
+		side: v,
+		sideOffset: y,
+		className: e("min-w-40", x),
+		children: [
+			h && /* @__PURE__ */ f(o, { children: h }),
+			h && w.length > 0 && /* @__PURE__ */ f(s, {}),
+			w.length === 0 && /* @__PURE__ */ f(a, {
+				disabled: !0,
+				children: C
+			}),
+			w.map((e) => {
+				let n = e.loading || T === e.key;
+				return /* @__PURE__ */ p(a, {
+					disabled: e.disabled || n,
+					variant: e.destructive ? "destructive" : "default",
+					onClick: (n) => {
+						t(n), D(e);
+					},
+					onMouseDown: t,
+					onDoubleClick: t,
+					children: [
+						n ? /* @__PURE__ */ f(u, { className: "animate-spin" }) : e.icon,
+						/* @__PURE__ */ f("span", {
+							className: "min-w-0 flex-1 truncate",
+							children: e.label
+						}),
+						e.shortcut && /* @__PURE__ */ f("span", {
+							className: "ml-auto text-[11px] tracking-[0.14em] text-muted-foreground",
+							children: e.shortcut
+						})
+					]
+				}, e.key);
+			})
+		]
+	})] });
+}
+//#endregion
+export { m as ActionMenu };

package/dist/components/actions/button-group.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/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({items:e,attached:r=!0,size:a=`sm`,variant:o=`outline`,className:s,children:c,...l}){return(0,i.jsxs)(`div`,{"data-slot":`button-group`,role:`group`,className:t.cn(`inline-flex items-center`,!r&&`gap-2`,s),...l,children:[e?.map(({key:e,label:s,className:c,size:l,variant:u,...d})=>(0,i.jsx)(n.Button,{size:l??a,variant:u??o,className:t.cn(r&&`rounded-none first:rounded-l-md last:rounded-r-md -ml-px first:ml-0`,c),...d,children:s},e)),c]})}exports.ButtonGroup=a;

package/dist/components/actions/button-group.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { Button } from "@/components/ui/button";
+type ButtonProps = React.ComponentProps<typeof Button>;
+export type ButtonGroupItem = Omit<ButtonProps, "children"> & {
+    key: string;
+    label: React.ReactNode;
+};
+export type ButtonGroupProps = React.ComponentProps<"div"> & {
+    items?: ButtonGroupItem[];
+    attached?: boolean;
+    size?: ButtonProps["size"];
+    variant?: ButtonProps["variant"];
+};
+declare function ButtonGroup({ items, attached, size, variant, className, children, ...props }: ButtonGroupProps): React.JSX.Element;
+export { ButtonGroup };

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

@@ -0,0 +1,22 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/actions/button-group.tsx
+function i({ items: i, attached: a = !0, size: o = "sm", variant: s = "outline", className: c, children: l, ...u }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "button-group",
+		role: "group",
+		className: e("inline-flex items-center", !a && "gap-2", c),
+		...u,
+		children: [i?.map(({ key: r, label: i, className: c, size: l, variant: u, ...d }) => /* @__PURE__ */ n(t, {
+			size: l ?? o,
+			variant: u ?? s,
+			className: e(a && "rounded-none first:rounded-l-md last:rounded-r-md -ml-px first:ml-0", c),
+			...d,
+			children: i
+		}, r)), l]
+	});
+}
+//#endregion
+export { i as ButtonGroup };

package/dist/components/actions/copy-button.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/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,disabled:p,children:m,type:h=`button`,...g}){let[_,v]=r.useState(!1),y=r.useRef(void 0);r.useEffect(()=>()=>{y.current&&window.clearTimeout(y.current)},[]);let b=r.useCallback(async()=>{try{await o(e),v(!0),u?.(e),y.current&&window.clearTimeout(y.current),y.current=window.setTimeout(()=>v(!1),l)}catch(e){d?.(e)}},[l,u,d,e]);return(0,a.jsxs)(n.Button,{"data-slot":`copy-button`,"data-copied":_||void 0,type:h,disabled:p||!e,onClick:e=>{t.stopInteractivePropagation(e),b()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,...g,children:[f&&(_?(0,a.jsx)(i.CheckIcon,{"data-icon":`inline-start`}):(0,a.jsx)(i.CopyIcon,{"data-icon":`inline-start`})),m??(_?s:c)]})}exports.CopyButton=s;

package/dist/components/actions/copy-button.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Button } from "@/components/ui/button";
+export type CopyButtonProps = Omit<React.ComponentProps<typeof Button>, "onClick"> & {
+    value: string;
+    copiedLabel?: React.ReactNode;
+    copyLabel?: React.ReactNode;
+    copiedTimeout?: number;
+    onCopied?: (value: string) => void;
+    onCopyError?: (error: unknown) => void;
+    showIcon?: boolean;
+};
+declare function CopyButton({ value, copiedLabel, copyLabel, copiedTimeout, onCopied, onCopyError, showIcon, disabled, children, type, ...props }: CopyButtonProps): React.JSX.Element;
+export { CopyButton };

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

@@ -0,0 +1,53 @@
+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, disabled: h, children: g, type: _ = "button", ...v }) {
+	let [y, b] = n.useState(!1), x = n.useRef(void 0);
+	n.useEffect(() => () => {
+		x.current && window.clearTimeout(x.current);
+	}, []);
+	let S = n.useCallback(async () => {
+		try {
+			await s(c), b(!0), f?.(c), x.current && window.clearTimeout(x.current), x.current = window.setTimeout(() => b(!1), d);
+		} catch (e) {
+			p?.(e);
+		}
+	}, [
+		d,
+		f,
+		p,
+		c
+	]);
+	return /* @__PURE__ */ o(t, {
+		"data-slot": "copy-button",
+		"data-copied": y || void 0,
+		type: _,
+		disabled: h || !c,
+		onClick: (t) => {
+			e(t), S();
+		},
+		onMouseDown: e,
+		onDoubleClick: e,
+		...v,
+		children: [m && a(y ? r : i, { "data-icon": "inline-start" }), g ?? (y ? l : u)]
+	});
+}
+//#endregion
+export { c as CopyButton };

package/dist/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/components/actions/copy-field.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type CopyButtonProps } from "@/components/actions/copy-button";
+export type CopyFieldProps = React.ComponentProps<"div"> & {
+    value: string;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    copyButtonProps?: Omit<CopyButtonProps, "value">;
+    monospace?: boolean;
+};
+declare function CopyField({ value, label, description, copyButtonProps, monospace, className, ...props }: CopyFieldProps): React.JSX.Element;
+export { CopyField };

package/dist/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/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/components/actions/demo.d.ts

@@ -0,0 +1,6 @@
+export declare const actionsShowcaseDemoRegistry: {
+    [k: string]: {
+        mock: import("../../showcase").ShowcaseDemoMock;
+        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
+    };
+};

package/dist/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/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/components/actions/index.d.ts

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

@@ -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/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/components/actions/public.d.ts

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

@@ -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/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;

package/dist/components/actions/quick-action-grid.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+export type QuickActionGridColumn = 1 | 2 | 3 | 4;
+export type QuickActionGridItem = {
+    key: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    disabled?: boolean;
+    hidden?: boolean;
+    href?: string;
+    external?: boolean;
+    onSelect?: () => void;
+    className?: string;
+};
+export type QuickActionGridProps = React.ComponentProps<"div"> & {
+    items: QuickActionGridItem[];
+    columns?: QuickActionGridColumn;
+    compact?: boolean;
+    itemClassName?: string;
+    renderLink?: (props: React.ComponentProps<"a"> & {
+        item: QuickActionGridItem;
+        [key: `data-${string}`]: string | boolean | undefined;
+    }) => React.ReactNode;
+};
+declare function QuickActionGrid({ items, columns, compact, itemClassName, renderLink, className, ...props }: QuickActionGridProps): React.JSX.Element;
+export { QuickActionGrid };