tembro 6.1.0 → 6.1.1

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

@@ -16,7 +16,11 @@ export type ActionMenuItem = {
 };
 export type ActionMenuProps = {
     actions: ActionMenuItem[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
     label?: React.ReactNode;
+    triggerLabel?: string;
     trigger?: React.ReactElement;
     align?: "start" | "center" | "end";
     side?: "top" | "right" | "bottom" | "left";
@@ -33,6 +37,12 @@ export type ActionMenuProps = {
     menuWidth?: number | string;
     loadingLabel?: React.ReactNode;
     persistIconSpace?: boolean;
+    itemRoleDescription?: string;
+    renderItem?: (action: ActionMenuItem, state: {
+        loading: boolean;
+        close: () => void;
+    }) => React.ReactNode;
+    onActionError?: (error: unknown, action: ActionMenuItem) => void;
 };
-declare function ActionMenu({ actions, label, trigger, align, side, sideOffset, disabled, triggerVariant, triggerSize, showChevron, closeOnSelect, contentClassName, triggerClassName, itemClassName, emptyLabel, menuWidth, loadingLabel, persistIconSpace, }: ActionMenuProps): React.JSX.Element;
+declare function ActionMenu({ actions, open: openProp, defaultOpen, onOpenChange, label, triggerLabel, trigger, align, side, sideOffset, disabled, triggerVariant, triggerSize, showChevron, closeOnSelect, contentClassName, triggerClassName, itemClassName, emptyLabel, menuWidth, loadingLabel, persistIconSpace, itemRoleDescription, renderItem, onActionError, }: ActionMenuProps): React.JSX.Element;
 export { ActionMenu };

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

@@ -6,12 +6,10 @@ export * from "./code-block";
 export * from "./data-state";
 export * from "./list";
 export * from "./progress";
-export * from "./statistic";
 export * from "./status-dot";
 export * from "./status-legend";
 export * from "./timeline";
 export * from "./tree-view";
-export * from "./info-card";
 export * from "./virtual-list";
 export * from "./qr-code";
 export * from "./carousel";

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

@@ -1,2 +1 @@
-export * from "./filter-bar";
 export * from "./saved-filter-select";

package/dist/components/inputs/time-picker.d.ts

@@ -1,9 +1,13 @@
 import * as React from "react";
 export type TimePickerProps = Omit<React.ComponentProps<"input">, "type"> & {
     label?: React.ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
 };
 export type DateTimePickerProps = Omit<React.ComponentProps<"input">, "type"> & {
     label?: React.ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
 };
 export type TimeRangePickerProps = React.ComponentProps<"div"> & {
     from?: string;
@@ -11,8 +15,12 @@ export type TimeRangePickerProps = React.ComponentProps<"div"> & {
     onFromChange?: (value: string) => void;
     onToChange?: (value: string) => void;
     disabled?: boolean;
+    labels?: {
+        from?: React.ReactNode;
+        to?: React.ReactNode;
+    };
 };
-declare function TimePicker({ label, className, ...props }: TimePickerProps): React.JSX.Element;
-declare function DateTimePicker({ label, className, ...props }: DateTimePickerProps): React.JSX.Element;
-declare function TimeRangePicker({ from, to, onFromChange, onToChange, disabled, className, ...props }: TimeRangePickerProps): React.JSX.Element;
+declare function TimePicker({ label, className, clearable, onClear, value, defaultValue, disabled, onChange, ...props }: TimePickerProps): React.JSX.Element;
+declare function DateTimePicker({ label, className, clearable, onClear, value, defaultValue, disabled, onChange, ...props }: DateTimePickerProps): React.JSX.Element;
+declare function TimeRangePicker({ from, to, onFromChange, onToChange, disabled, labels, className, ...props }: TimeRangePickerProps): React.JSX.Element;
 export { DateTimePicker, TimePicker, TimeRangePicker };

package/dist/components/modern/file-manager.d.ts

@@ -7,7 +7,7 @@ export type FileManagerItem = {
     owner?: React.ReactNode;
     status?: React.ReactNode;
 };
-export type FileManagerProps = React.ComponentProps<"div"> & {
+export type FileManagerProps = Omit<React.ComponentProps<"div">, "onSelect"> & {
     items: FileManagerItem[];
     selectedId?: string;
     onSelect?: (item: FileManagerItem) => void;

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

@@ -2,5 +2,7 @@ export * from "./calendar-scheduler";
 export * from "./dual-list-picker";
 export * from "./resizable-panel";
 export * from "./rich-text-editor";
-export * from "./image-cropper";
 export * from "./file-manager";
+export * from "./map";
+export * from "./media-player";
+export * from "./spreadsheet";

package/dist/components/modern/map.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/modern/map.cjs")

package/dist/components/modern/map.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+export type MapMarker = {
+    key: string;
+    label: React.ReactNode;
+    latitude: number;
+    longitude: number;
+    description?: React.ReactNode;
+    tone?: "neutral" | "info" | "success" | "warning" | "danger" | "muted";
+};
+export type MapViewProps = React.ComponentProps<"section"> & {
+    center?: {
+        latitude: number;
+        longitude: number;
+    };
+    zoom?: number;
+    markers?: MapMarker[];
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    height?: number | string;
+    showMarkerList?: boolean;
+    showControls?: boolean;
+    iframeTitle?: string;
+    mapUrl?: string;
+    onMarkerSelect?: (marker: MapMarker) => void;
+    selectedMarkerKey?: string;
+    defaultSelectedMarkerKey?: string;
+};
+declare function MapView({ center, zoom, markers, title, description, height, showMarkerList, showControls, iframeTitle, mapUrl, onMarkerSelect, selectedMarkerKey, defaultSelectedMarkerKey, className, ...props }: MapViewProps): React.JSX.Element;
+export { MapView };

package/dist/components/modern/map.js

@@ -0,0 +1 @@
+export * from "../../src/components/modern/map.js"

package/dist/components/modern/media-player.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/modern/media-player.cjs")

package/dist/components/modern/media-player.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export type MediaTrack = {
+    src: string;
+    kind?: React.TrackHTMLAttributes<HTMLTrackElement>["kind"];
+    srcLang?: string;
+    label?: string;
+    default?: boolean;
+};
+export type MediaPlayerProps = Omit<React.ComponentProps<"video">, "controls" | "children" | "onTimeUpdate" | "onVolumeChange"> & {
+    src: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    tracks?: MediaTrack[];
+    actions?: React.ReactNode;
+    aspectRatio?: "video" | "square" | "wide" | string;
+    showMeta?: boolean;
+    onTimeChange?: (time: number, duration: number) => void;
+    onVolumeValueChange?: (volume: number, muted: boolean) => void;
+};
+declare function MediaPlayer({ src, title, description, tracks, actions, aspectRatio, showMeta, poster, autoPlay, muted: mutedProp, loop, playsInline, preload, onTimeChange, onVolumeValueChange, className, ...props }: MediaPlayerProps): React.JSX.Element;
+export { MediaPlayer };

package/dist/components/modern/media-player.js

@@ -0,0 +1 @@
+export * from "../../src/components/modern/media-player.js"

package/dist/components/modern/spreadsheet.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/modern/spreadsheet.cjs")

package/dist/components/modern/spreadsheet.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+export type SpreadsheetColumn = {
+    key: string;
+    label: React.ReactNode;
+    width?: number | string;
+    align?: "left" | "center" | "right";
+    readOnly?: boolean;
+    formatter?: (value: string, row: SpreadsheetRow) => React.ReactNode;
+};
+export type SpreadsheetRow = {
+    key: string;
+    cells: Record<string, string>;
+    readOnly?: boolean;
+};
+export type SpreadsheetSelection = {
+    rowKey: string;
+    columnKey: string;
+};
+export type SpreadsheetProps = Omit<React.ComponentProps<"div">, "onChange"> & {
+    columns: SpreadsheetColumn[];
+    rows?: SpreadsheetRow[];
+    defaultRows?: SpreadsheetRow[];
+    onRowsChange?: (rows: SpreadsheetRow[], selection?: SpreadsheetSelection) => void;
+    onCellChange?: (value: string, selection: SpreadsheetSelection, rows: SpreadsheetRow[]) => void;
+    selectedCell?: SpreadsheetSelection;
+    defaultSelectedCell?: SpreadsheetSelection;
+    onSelectedCellChange?: (selection: SpreadsheetSelection) => void;
+    readOnly?: boolean;
+    showRowNumbers?: boolean;
+    showAddRow?: boolean;
+    addRowLabel?: React.ReactNode;
+    empty?: React.ReactNode;
+};
+declare function Spreadsheet({ columns, rows: rowsProp, defaultRows, onRowsChange, onCellChange, selectedCell, defaultSelectedCell, onSelectedCellChange, readOnly, showRowNumbers, showAddRow, addRowLabel, empty, className, ...props }: SpreadsheetProps): React.JSX.Element;
+export { Spreadsheet };

package/dist/components/modern/spreadsheet.js

@@ -0,0 +1 @@
+export * from "../../src/components/modern/spreadsheet.js"

package/dist/components/overlay/drawer.d.ts

@@ -3,12 +3,14 @@ import { Button } from "@/components/ui/button";
 import { Dialog } from "@/components/ui/dialog";
 export type DrawerSide = "left" | "right" | "top" | "bottom";
 export type DrawerWidth = "sm" | "md" | "lg" | "xl" | "full";
+export type DrawerDensity = "compact" | "default" | "comfortable";
 export type DrawerProps = Omit<React.ComponentProps<typeof Dialog>, "children"> & {
     trigger?: React.ReactNode;
     title?: React.ReactNode;
     description?: React.ReactNode;
     side?: DrawerSide;
     width?: DrawerWidth;
+    density?: DrawerDensity;
     footer?: React.ReactNode;
     headerClassName?: string;
     bodyClassName?: string;
@@ -17,6 +19,6 @@ export type DrawerProps = Omit<React.ComponentProps<typeof Dialog>, "children">
     showCloseButton?: boolean;
     children?: React.ReactNode;
 };
-declare function Drawer({ trigger, title, description, side, width, footer, headerClassName, bodyClassName, footerClassName, contentClassName, showCloseButton, children, ...props }: DrawerProps): React.JSX.Element;
+declare function Drawer({ trigger, title, description, side, width, density, footer, headerClassName, bodyClassName, footerClassName, contentClassName, showCloseButton, children, ...props }: DrawerProps): React.JSX.Element;
 declare function DrawerCloseButton({ children, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
 export { Drawer, DrawerCloseButton };

package/dist/index.d.ts

@@ -26,9 +26,7 @@ export * from './components/ui/kbd';
 export * from './components/ui/radio-group';
 export * from './components/ui/scroll-box';
 export * from './components/ui/right-click-menu';
-export * from './components/ui/number-field';
 export * from './components/ui/toggle-group';
-export * from './components/ui/toolbar';
 export * from './components/actions/public';
 export * from './components/layout/public';
 export * from './components/navigation';

package/dist/src/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;
+"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,open:s,defaultOpen:c=!1,onOpenChange:l,label:u,triggerLabel:d=`Open actions`,trigger:f,align:p=`end`,side:m=`bottom`,sideOffset:h=4,disabled:g=!1,triggerVariant:_=`ghost`,triggerSize:v=`icon-sm`,showChevron:y=!1,closeOnSelect:b=!0,contentClassName:x,triggerClassName:S,itemClassName:C,emptyLabel:w=`No actions`,menuWidth:T,loadingLabel:E=`Working...`,persistIconSpace:D=!0,itemRoleDescription:O,renderItem:k,onActionError:A}){let j=e.filter(e=>!e.hidden),[M,N]=i.useState(null),[P,F]=i.useState(c),I=s??P,L=i.useRef(null),R=i.useCallback(e=>{s===void 0&&F(e),l?.(e)},[l,s]),z=async e=>{if(!(e.disabled||e.loading||M))try{N(e.key),await e.onSelect?.(),b&&!e.keepOpen&&R(!1)}catch(t){if(A?.(t,e),!A)throw t}finally{N(null)}},B=e=>{L.current!==e.key&&(L.current=e.key,queueMicrotask(()=>{L.current===e.key&&(L.current=null)}),z(e))};return(0,o.jsxs)(r.DropdownMenu,{open:I,onOpenChange:R,children:[(0,o.jsxs)(r.DropdownMenuTrigger,{render:f??(0,o.jsx)(n.Button,{type:`button`,variant:_,size:v,disabled:g,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)]`,S),onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation}),children:[!f&&(0,o.jsx)(a.MoreHorizontalIcon,{}),!f&&y&&(0,o.jsx)(`span`,{className:`text-[10px] font-medium uppercase tracking-[0.18em]`,children:`Menu`}),(0,o.jsx)(`span`,{className:`sr-only`,children:d})]}),(0,o.jsxs)(r.DropdownMenuContent,{align:p,side:m,sideOffset:h,className:t.cn(`min-w-48 rounded-[var(--aui-card-radius,var(--radius-lg))]`,x),style:T?{width:typeof T==`number`?`${T}px`:T}:void 0,children:[u&&(0,o.jsx)(r.DropdownMenuLabel,{children:u}),u&&j.length>0&&(0,o.jsx)(r.DropdownMenuSeparator,{}),j.length===0&&(0,o.jsx)(r.DropdownMenuItem,{disabled:!0,children:w}),j.map((e,n)=>{let s=e.loading||M===e.key,c=n>0?j[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.jsx)(r.DropdownMenuItem,{disabled:e.disabled||s,variant:e.destructive?`destructive`:`default`,closeOnSelect:b&&!e.keepOpen,"aria-roledescription":O,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`,C),onSelect:n=>{(e.keepOpen||!b)&&n.preventDefault(),t.stopInteractivePropagation(n),B(e)},onClick:n=>{t.stopInteractivePropagation(n),B(e)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:k?.(e,{loading:s,close:()=>R(!1)})??(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-5 shrink-0 items-center justify-center text-muted-foreground`,!D&&!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?E: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

@@ -6,73 +6,81 @@ 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);
+function _({ actions: _, open: v, defaultOpen: y = !1, onOpenChange: b, label: x, triggerLabel: S = "Open actions", trigger: C, align: w = "end", side: T = "bottom", sideOffset: E = 4, disabled: D = !1, triggerVariant: O = "ghost", triggerSize: k = "icon-sm", showChevron: A = !1, closeOnSelect: j = !0, contentClassName: M, triggerClassName: N, itemClassName: P, emptyLabel: F = "No actions", menuWidth: I, loadingLabel: L = "Working...", persistIconSpace: R = !0, itemRoleDescription: z, renderItem: B, onActionError: V }) {
+	let H = _.filter((e) => !e.hidden), [U, W] = d.useState(null), [G, K] = d.useState(y), q = v ?? G, J = d.useRef(null), Y = d.useCallback((e) => {
+		v === void 0 && K(e), b?.(e);
+	}, [b, v]), X = async (e) => {
+		if (!(e.disabled || e.loading || U)) try {
+			W(e.key), await e.onSelect?.(), j && !e.keepOpen && Y(!1);
+		} catch (t) {
+			if (V?.(t, e), !V) throw t;
 		} finally {
-			L(null);
+			W(null);
 		}
-	}, H = (e) => {
-		B.current !== e.key && (B.current = e.key, queueMicrotask(() => {
-			B.current === e.key && (B.current = null);
-		}), V(e));
+	}, Z = (e) => {
+		J.current !== e.key && (J.current = e.key, queueMicrotask(() => {
+			J.current === e.key && (J.current = null);
+		}), X(e));
 	};
 	return /* @__PURE__ */ g(r, {
-		open: R,
-		onOpenChange: z,
+		open: q,
+		onOpenChange: Y,
 		children: [/* @__PURE__ */ g(u, {
-			render: y ?? /* @__PURE__ */ h(n, {
+			render: C ?? /* @__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),
+				variant: O,
+				size: k,
+				disabled: D,
+				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)]", N),
 				onMouseDown: t,
 				onDoubleClick: t
 			}),
 			children: [
-				!y && /* @__PURE__ */ h(p, {}),
-				!y && E && /* @__PURE__ */ h("span", {
+				!C && /* @__PURE__ */ h(p, {}),
+				!C && A && /* @__PURE__ */ h("span", {
 					className: "text-[10px] font-medium uppercase tracking-[0.18em]",
 					children: "Menu"
 				}),
 				/* @__PURE__ */ h("span", {
 					className: "sr-only",
-					children: "Open actions"
+					children: S
 				})
 			]
 		}), /* @__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,
+			align: w,
+			side: T,
+			sideOffset: E,
+			className: e("min-w-48 rounded-[var(--aui-card-radius,var(--radius-lg))]", M),
+			style: I ? { width: typeof I == "number" ? `${I}px` : I } : void 0,
 			children: [
-				v && /* @__PURE__ */ h(s, { children: v }),
-				v && F.length > 0 && /* @__PURE__ */ h(c, {}),
-				F.length === 0 && /* @__PURE__ */ h(a, {
+				x && /* @__PURE__ */ h(s, { children: x }),
+				x && H.length > 0 && /* @__PURE__ */ h(c, {}),
+				H.length === 0 && /* @__PURE__ */ h(a, {
 					disabled: !0,
-					children: j
+					children: F
 				}),
-				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, {
+				H.map((n, r) => {
+					let i = n.loading || U === n.key, u = r > 0 ? H[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__ */ h(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),
+						closeOnSelect: j && !n.keepOpen,
+						"aria-roledescription": z,
+						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", P),
 						onSelect: (e) => {
-							(n.keepOpen || !D) && e.preventDefault(), t(e), H(n);
+							(n.keepOpen || !j) && e.preventDefault(), t(e), Z(n);
 						},
 						onClick: (e) => {
-							t(e), H(n);
+							t(e), Z(n);
 						},
 						onMouseDown: t,
 						onDoubleClick: t,
-						children: [
+						children: B?.(n, {
+							loading: i,
+							close: () => Y(!1)
+						}) ?? /* @__PURE__ */ g(m, { 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"),
+								className: e("mt-0.5 flex size-5 shrink-0 items-center justify-center text-muted-foreground", !R && !i && !n.icon && "hidden"),
 								children: i ? /* @__PURE__ */ h(f, { className: "size-4 animate-spin" }) : n.icon
 							}),
 							/* @__PURE__ */ g("span", {
@@ -82,11 +90,11 @@ function _({ actions: _, label: v, trigger: y, align: b = "end", side: x = "bott
 									children: n.label
 								}), n.description ? /* @__PURE__ */ h(o, {
 									className: "mt-0.5 truncate",
-									children: i ? N : n.description
+									children: i ? L : n.description
 								}) : null]
 							}),
 							n.shortcut && /* @__PURE__ */ h(l, { children: n.shortcut })
-						]
+						] })
 					})] }, n.key);
 				})
 			]

package/dist/src/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;
+"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`,className:`size-3.5`}):(0,a.jsx)(i.CopyIcon,{"data-icon":`inline-start`,className:`size-3.5`})),g??(y?s:c)]})}exports.CopyButton=s;

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

@@ -49,7 +49,10 @@ function c({ value: c, copiedLabel: l = "Copied", copyLabel: u = "Copy", copiedT
 		onDoubleClick: e,
 		"aria-live": "polite",
 		...b,
-		children: [m && a(x ? r : i, { "data-icon": "inline-start" }), v ?? (x ? l : u)]
+		children: [m && a(x ? r : i, {
+			"data-icon": "inline-start",
+			className: "size-3.5"
+		}), v ?? (x ? l : u)]
 	});
 }
 //#endregion

package/dist/src/components/calendar/date-picker.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("./date-utils.cjs"),i=require("./calendar.cjs"),a=require("../ui/popover/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=r.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u({value:e,onValueChange:r,placeholder:u,labels:d,disabled:f=!1,clearable:p=!0,triggerVariant:m=`default`,formatValue:h=l,triggerClassName:g,contentClassName:_,className:v,...y}){let[b,x]=o.useState(!1),S=!!e,C=e=>{r?.(e),x(!1)},w=()=>{r?.(``),x(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-picker`,"data-trigger-variant":m,className:t.cn(`w-full`,v),children:(0,c.jsxs)(a.Popover,{open:b,onOpenChange:x,children:[(0,c.jsxs)(a.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:f,labelClassName:`flex-1`,className:t.cn(`group w-full justify-start rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,m==="default"?`min-h-11 gap-3 px-3`:`min-h-9 gap-2 px-2.5`,!S&&`text-muted-foreground`,g)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(S&&`text-primary`)}),(0,c.jsxs)(`span`,{className:t.cn(`grid min-w-0 flex-1`,m==="default"&&`gap-0.5`),children:[m==="default"?(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:d?.selected??`Date`}):null,(0,c.jsx)(`span`,{className:t.cn(`truncate text-sm`,S&&`font-semibold text-foreground`),children:S?h(String(e)):u??d?.placeholder??`Select date`})]}),p&&S?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":d?.clear??`Clear date`,className:t.cn(`ml-auto inline-flex shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,m==="default"?`size-7`:`size-6`),onClick:e=>{e.preventDefault(),e.stopPropagation(),w()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),w())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsx)(a.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,_),children:(0,c.jsx)(i.Calendar,{value:e,onValueChange:C,labels:d,showTodayShortcut:!0,showClearShortcut:p,showSelectionSummary:!0,...y})})]})})}exports.DatePicker=u;
+"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("./date-utils.cjs"),i=require("./calendar.cjs"),a=require("../ui/popover/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=r.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u({value:e,onValueChange:r,placeholder:u,labels:d,disabled:f=!1,clearable:p=!0,triggerVariant:m=`default`,formatValue:h=l,triggerClassName:g,contentClassName:_,className:v,...y}){let[b,x]=o.useState(!1),S=!!e,C=e=>{r?.(e),x(!1)},w=()=>{r?.(``),x(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-picker`,"data-trigger-variant":m,className:t.cn(`w-full`,v),children:(0,c.jsxs)(a.Popover,{open:b,onOpenChange:x,children:[(0,c.jsxs)(a.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:f,labelClassName:`flex-1`,className:t.cn(`group w-full justify-start rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,m==="default"?`min-h-11 gap-3 px-3`:`min-h-9 gap-2 px-2.5`,!S&&`text-muted-foreground`,g)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(`size-4`,S&&`text-primary`)}),(0,c.jsx)(`span`,{className:`grid min-w-0 flex-1`,children:(0,c.jsx)(`span`,{className:t.cn(`truncate text-sm`,S&&`font-semibold text-foreground`),children:S?h(String(e)):u??d?.placeholder??`Select date`})}),p&&S?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":d?.clear??`Clear date`,className:t.cn(`ml-auto inline-flex shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,m==="default"?`size-7`:`size-6`),onClick:e=>{e.preventDefault(),e.stopPropagation(),w()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),w())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsx)(a.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,_),children:(0,c.jsx)(i.Calendar,{value:e,onValueChange:C,labels:d,showTodayShortcut:!0,showClearShortcut:p,showSelectionSummary:!0,...y})})]})})}exports.DatePicker=u;

package/dist/src/components/calendar/date-picker.js

@@ -36,17 +36,14 @@ function p({ value: n, onValueChange: p, placeholder: m, labels: h, disabled: g
 				children: [
 					/* @__PURE__ */ u(c, {
 						"data-icon": "inline-start",
-						className: e(E && "text-primary")
+						className: e("size-4", E && "text-primary")
 					}),
-					/* @__PURE__ */ d("span", {
-						className: e("grid min-w-0 flex-1", v === "default" && "gap-0.5"),
-						children: [v === "default" ? /* @__PURE__ */ u("span", {
-							className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground",
-							children: h?.selected ?? "Date"
-						}) : null, /* @__PURE__ */ u("span", {
+					/* @__PURE__ */ u("span", {
+						className: "grid min-w-0 flex-1",
+						children: /* @__PURE__ */ u("span", {
 							className: e("truncate text-sm", E && "font-semibold text-foreground"),
 							children: E ? y(String(n)) : m ?? h?.placeholder ?? "Select date"
-						})]
+						})
 					}),
 					_ && E ? /* @__PURE__ */ u("span", {
 						role: "button",

package/dist/src/components/calendar/date-range-picker.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("./date-utils.cjs"),i=require("./calendar.cjs"),a=require("../ui/popover/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=r.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u(e,t){return typeof e==`string`?e:t}function d({className:e,value:r,onValueChange:d,labels:f,placeholder:p,disabled:m=!1,clearable:h=!0,formatValue:g=l,closeOnSelect:_=!1,closeOnPresetSelect:v=!1,showFooter:y=!0,presets:b,triggerClassName:x,contentClassName:S,months:C,numberOfMonths:w=2,pagedNavigation:T=!0,...E}){let[D,O]=o.useState(!1),[k,A]=o.useState(r??{}),j=r?.from??``,M=r?.to??``,N=!!(j||M),P=y?k:r,F=P?.from??``,I=P?.to??``,L=!!(F||I),R=C??w,z=j&&M?`${g(j)} - ${g(M)}`:j?`${g(j)} - ...`:p??f?.placeholder??`Select date range`,B=F&&I?`${g(F)} - ${g(I)}`:F?`${g(F)} - ...`:f?.placeholder??`Select date range`;o.useEffect(()=>{D&&y&&A(r??{})},[D,y,r]);let V=e=>{if(y){A(e);return}d?.(e),_&&e.from&&e.to&&O(!1)},H=()=>{d?.(k),O(!1)},U=()=>{let e={};if(y){A(e);return}d?.(e)},W=()=>{let e={};A(e),d?.(e)},G=e=>{e.preventDefault(),e.stopPropagation(),W()},K=e=>{if(y){A(e),v&&(d?.(e),O(!1));return}d?.(e),(_||v)&&e.from&&e.to&&O(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-range-picker`,className:t.cn(`w-full`,e),children:(0,c.jsxs)(a.Popover,{open:D,onOpenChange:O,children:[(0,c.jsxs)(a.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m,className:t.cn(`group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!N&&`text-muted-foreground`,x)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(N&&`text-primary`)}),N?(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2`,children:[(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.start??`Start`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:j?g(j):`...`})]}),(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`-`}),(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.end??`End`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:M?g(M):`...`})]})]}):(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Range`}),(0,c.jsx)(`span`,{className:`truncate text-sm`,children:z})]}),h&&N?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":u(f?.clear,`Clear date range`),className:`ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:G,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),W())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsxs)(a.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,S),children:[b?.length?(0,c.jsx)(`div`,{className:`flex flex-wrap gap-2 border-b border-border/70 bg-muted/20 px-3 py-3`,children:b.map((e,t)=>(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,className:`h-7 rounded-full px-3 text-xs`,onClick:()=>K(e.value),children:e.label},t))}):null,(0,c.jsx)(i.Calendar,{mode:`range`,range:P,onRangeChange:V,labels:f,renderSelectionSummary:({range:e})=>{let t=e?.from?g(e.from):null,n=e?.to?g(e.to):null;return t&&n?`${t} -> ${n}`:t?`${t} -> ...`:`No range selected`},numberOfMonths:R,pagedNavigation:T,showClearShortcut:!y&&h,showSelectionSummary:!0,...E}),y&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-border/70 bg-muted/24 px-4 py-3`,children:[(0,c.jsx)(`div`,{className:`min-w-0 text-sm text-muted-foreground`,children:(0,c.jsx)(`span`,{className:`block truncate`,children:B})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:U,children:f?.clear??`Clear`}),(0,c.jsx)(n.Button,{type:`button`,size:`sm`,disabled:!L,onClick:H,children:f?.apply??`Apply`})]})]})]})]})})}exports.DateRangePicker=d;
+"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("./date-utils.cjs"),i=require("./calendar.cjs"),a=require("../ui/popover/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=r.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u(e,t){return typeof e==`string`?e:t}function d({className:e,value:r,onValueChange:d,labels:f,placeholder:p,disabled:m=!1,clearable:h=!0,formatValue:g=l,closeOnSelect:_=!1,closeOnPresetSelect:v=!1,showFooter:y=!0,presets:b,triggerClassName:x,contentClassName:S,months:C,numberOfMonths:w=2,pagedNavigation:T=!0,...E}){let[D,O]=o.useState(!1),[k,A]=o.useState(r??{}),j=r?.from??``,M=r?.to??``,N=!!(j||M),P=y?k:r,F=P?.from??``,I=P?.to??``,L=!!(F||I),R=C??w,z=j&&M?`${g(j)} - ${g(M)}`:j?`${g(j)} - ...`:p??f?.placeholder??`Select date range`,B=F&&I?`${g(F)} - ${g(I)}`:F?`${g(F)} - ...`:f?.placeholder??`Select date range`;o.useEffect(()=>{D&&y&&A(r??{})},[D,y,r]);let V=e=>{if(y){A(e);return}d?.(e),_&&e.from&&e.to&&O(!1)},H=()=>{d?.(k),O(!1)},U=()=>{let e={};if(y){A(e);return}d?.(e)},W=()=>{let e={};A(e),d?.(e)},G=e=>{e.preventDefault(),e.stopPropagation(),W()},K=e=>{if(y){A(e),v&&(d?.(e),O(!1));return}d?.(e),(_||v)&&e.from&&e.to&&O(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-range-picker`,className:t.cn(`w-full`,e),children:(0,c.jsxs)(a.Popover,{open:D,onOpenChange:O,children:[(0,c.jsxs)(a.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m,className:t.cn(`group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!N&&`text-muted-foreground`,x)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(`size-4`,N&&`text-primary`)}),N?(0,c.jsxs)(`span`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[(0,c.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:j?g(j):`...`}),(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`-`}),(0,c.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:M?g(M):`...`})]}):(0,c.jsx)(`span`,{className:`grid min-w-0 flex-1`,children:(0,c.jsx)(`span`,{className:`truncate text-sm`,children:z})}),h&&N?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":u(f?.clear,`Clear date range`),className:`ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:G,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),W())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsxs)(a.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,S),children:[b?.length?(0,c.jsx)(`div`,{className:`flex flex-wrap gap-2 border-b border-border/70 bg-muted/20 px-3 py-3`,children:b.map((e,t)=>(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,className:`h-7 rounded-full px-3 text-xs`,onClick:()=>K(e.value),children:e.label},t))}):null,(0,c.jsx)(i.Calendar,{mode:`range`,range:P,onRangeChange:V,labels:f,renderSelectionSummary:({range:e})=>{let t=e?.from?g(e.from):null,n=e?.to?g(e.to):null;return t&&n?`${t} -> ${n}`:t?`${t} -> ...`:`No range selected`},numberOfMonths:R,pagedNavigation:T,showClearShortcut:!y&&h,showSelectionSummary:!0,...E}),y&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-border/70 bg-muted/24 px-4 py-3`,children:[(0,c.jsx)(`div`,{className:`min-w-0 text-sm text-muted-foreground`,children:(0,c.jsx)(`span`,{className:`block truncate`,children:B})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:U,children:f?.clear??`Clear`}),(0,c.jsx)(n.Button,{type:`button`,size:`sm`,disabled:!L,onClick:H,children:f?.apply??`Apply`})]})]})]})]})})}exports.DateRangePicker=d;

package/dist/src/components/calendar/date-range-picker.js

@@ -67,45 +67,30 @@ function m({ className: n, value: m, onValueChange: h, labels: g, placeholder: _
 				children: [
 					/* @__PURE__ */ u(c, {
 						"data-icon": "inline-start",
-						className: e(L && "text-primary")
+						className: e("size-4", L && "text-primary")
 					}),
 					L ? /* @__PURE__ */ d("span", {
-						className: "grid min-w-0 flex-1 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2",
+						className: "flex min-w-0 flex-1 items-center gap-2",
 						children: [
-							/* @__PURE__ */ d("span", {
-								className: "grid min-w-0 gap-0.5",
-								children: [/* @__PURE__ */ u("span", {
-									className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground",
-									children: g?.start ?? "Start"
-								}), /* @__PURE__ */ u("span", {
-									className: "truncate text-sm font-semibold text-foreground",
-									children: F ? b(F) : "..."
-								})]
+							/* @__PURE__ */ u("span", {
+								className: "min-w-0 truncate text-sm font-semibold text-foreground",
+								children: F ? b(F) : "..."
 							}),
 							/* @__PURE__ */ u("span", {
 								className: "text-muted-foreground",
 								children: "-"
 							}),
-							/* @__PURE__ */ d("span", {
-								className: "grid min-w-0 gap-0.5",
-								children: [/* @__PURE__ */ u("span", {
-									className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground",
-									children: g?.end ?? "End"
-								}), /* @__PURE__ */ u("span", {
-									className: "truncate text-sm font-semibold text-foreground",
-									children: I ? b(I) : "..."
-								})]
+							/* @__PURE__ */ u("span", {
+								className: "min-w-0 truncate text-sm font-semibold text-foreground",
+								children: I ? b(I) : "..."
 							})
 						]
-					}) : /* @__PURE__ */ d("span", {
-						className: "grid min-w-0 flex-1 gap-0.5",
-						children: [/* @__PURE__ */ u("span", {
-							className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground",
-							children: "Range"
-						}), /* @__PURE__ */ u("span", {
+					}) : /* @__PURE__ */ u("span", {
+						className: "grid min-w-0 flex-1",
+						children: /* @__PURE__ */ u("span", {
 							className: "truncate text-sm",
 							children: U
-						})]
+						})
 					}),
 					y && L ? /* @__PURE__ */ u("span", {
 						role: "button",

package/dist/src/components/data-table/data-table.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("../feedback/state-view.cjs"),i=require("../ui/input/index.cjs"),a=require("../ui/table/index.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs"),ae=require("../../../node_modules/@tanstack/react-virtual/dist/esm/index.cjs"),o=require("../display/data-state.cjs"),oe=require("../../hooks/use-is-mobile.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@tanstack/react-table");var se={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},ce={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};function le(e,t){return typeof t==`function`?t(e):t}function ue(e,t){return typeof t==`function`?t(e):t}function de(e,t){return typeof t==`function`?t(e):t}function fe(e){return e==null||e===``}function pe(e){let t=e.column.columnDef.header;return typeof t==`string`?t:typeof t==`number`?String(t):e.column.id===`actions`?`Actions`:e.column.id}function u({className:e,columns:u,data:d,title:f,description:p,features:m,search:h,filters:g,summary:_,toolbarActions:v,rowActions:y,bulkActions:b,onRefresh:me,onExport:x,refreshLabel:he=`Refresh`,exportLabel:ge=`Export`,getRowId:_e,isLoading:S=!1,isError:ve=!1,emptyState:ye,errorState:be,loadingState:xe,loadingVariant:Se=`skeleton`,toolbar:C,toolbarProps:w,pagination:T,sorting:Ce,onSortingChange:we,columnVisibility:Te,onColumnVisibilityChange:Ee,rowSelection:De,onRowSelectionChange:Oe,enableRowSelection:ke,renderMobileCard:E,mobileLayout:Ae=`auto`,onRowClick:D,onRowDoubleClick:je,getRowDisabled:O,density:k=`default`,striped:A=!1,bordered:j=!1,stickyHeader:M=!1,skeletonRows:Me=6,skeletonCellClassName:Ne,cellFallback:N=`-`,tableClassName:Pe,tableWrapperClassName:Fe,headerCellClassName:Ie,cellClassName:Le,rowClassName:P,renderExpandedRow:F,expanded:Re,onExpandedChange:ze,getRowCanExpand:Be,columnPinning:Ve,onColumnPinningChange:He,virtualization:Ue,...We}){let Ge=s.useMemo(()=>{let e=u;return!y||m?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:y})]},[u,m?.rowActions,y]),I=T===!1?void 0:T,Ke=I?{pageIndex:I.pageIndex,pageSize:I.pageSize}:void 0,qe=!!(I&&I.manual!==!1),Je=De??{},L=(0,l.useReactTable)({data:d,columns:Ge,getRowId:_e,getCoreRowModel:(0,l.getCoreRowModel)(),getPaginationRowModel:I&&!qe?(0,l.getPaginationRowModel)():void 0,manualPagination:qe,pageCount:I?.pageCount,state:{sorting:Ce,columnVisibility:Te,rowSelection:Je,pagination:Ke,expanded:Re,...Ve?{columnPinning:Ve}:{}},onSortingChange:we,onColumnVisibilityChange:Ee,onRowSelectionChange:Oe,onExpandedChange:ze,onColumnPinningChange:He,enableRowSelection:ke,getRowCanExpand:Be,getExpandedRowModel:(0,l.getExpandedRowModel)()}),R=L.getRowModel().rows,Ye=s.useRef(null),z=Ue===!1?void 0:Ue,B=!!(z&&z.enabled!==!1&&R.length>0),V=z?.height??480,Xe=z?.onRangeChange,H=ae.useVirtualizer({count:B?R.length:0,getScrollElement:()=>Ye.current,estimateSize:()=>z?.estimateRowHeight??48,getItemKey:e=>R[e]?.id??e,overscan:z?.overscan??8,initialRect:{width:0,height:typeof V==`number`?V:480},onChange(e){if(!Xe)return;let t=e.getVirtualItems();Xe({startIndex:t[0]?.index??-1,endIndex:t.at(-1)?.index??-1})}}),Ze=B?H.getVirtualItems():[],U=z?.estimateRowHeight??48,Qe=B?Math.min(R.length,Math.ceil((typeof V==`number`?V:480)/U)+(z?.overscan??8)):0,W=Ze.length>0?Ze:Array.from({length:Qe},(e,t)=>({key:R[t]?.id??t,index:t,start:t*U,end:(t+1)*U,size:U,lane:0})),$e=W[0]?.start??0,et=W.length?Math.max(H.getTotalSize()-W[W.length-1].end,0):0,G=L.getSelectedRowModel().rows.map(e=>e.original),tt=G.length,K=s.useMemo(()=>({table:L,data:d,selectedRows:G}),[d,G,L]),nt=L.getVisibleLeafColumns(),rt=Math.max(nt.length,1),it=typeof C==`function`?C(L):C,at=typeof w==`function`?w(L):w,q=typeof g==`function`?g(K):g,J=typeof _==`function`?_(K):_,ot=!!(h&&m?.search!==!1),st=!!(m?.columnVisibility&&L.getAllLeafColumns().some(e=>e.getCanHide())),Y=!!(m?.refresh&&me),X=!!(m?.export&&x),ct=!!(m?.bulkActions!==!1&&b?.length),lt=st&&!!(f||p||h||q||J||v||Y||X),ut=ot&&h?(0,c.jsx)(i.Input,{type:`search`,value:h.value,onValueChange:h.onValueChange,placeholder:h.placeholder??`Search...`,wrapperClassName:h.wrapperClassName??h.className,inputClassName:h.inputClassName,disabled:h.disabled,clearable:h.clearable,clearLabel:h.clearLabel,searchIcon:h.searchIcon}):void 0,dt=(0,c.jsxs)(c.Fragment,{children:[typeof v==`function`?v(K):v,lt&&(0,c.jsx)(ne.DataTableColumnVisibilityMenu,{table:L}),Y&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:S,onClick:()=>me?.(K),children:he}),X&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>x?.(K),children:ge})]}),ft=ct?(0,c.jsx)(te.DataTableBulkActions,{rows:G,actions:b??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>L.resetRowSelection(),hideWhenEmpty:!1}):void 0,pt=!!(it||at||f||p||ut||q||J||v||lt||Y||X||ft),mt=!!(I&&!I.hidden),Z=S&&Se===`skeleton`,ht=oe.useIsMobile(),gt=Ae!==`scroll`&&ht,_t=(e,t)=>t>0?(0,c.jsx)(a.TableRow,{"aria-hidden":`true`,className:`pointer-events-none border-0 hover:bg-transparent`,children:(0,c.jsx)(a.TableCell,{colSpan:rt,className:`border-0 p-0`,style:{height:t}})},e):null,vt=e=>(0,c.jsx)(a.TableRow,{children:(0,c.jsx)(a.TableCell,{colSpan:rt,className:`p-0`,children:e})}),yt=()=>Array.from({length:Math.max(Me,1)},(e,n)=>(0,c.jsx)(a.TableRow,{"aria-hidden":`true`,children:nt.map(e=>(0,c.jsx)(a.TableCell,{className:t.cn(ce[k],j&&`border-r last:border-r-0`),children:(0,c.jsx)(`div`,{className:t.cn(`h-4 w-full max-w-40 animate-pulse rounded-md bg-muted`,n%3==1&&`max-w-24`,n%3==2&&`max-w-32`,Ne)})},`${e.id}-${n}`))},`skeleton-${n}`)),Q=Z?null:S?(0,c.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...xe}):ve?(0,c.jsx)(o.DataState,{status:`error`,title:`Could not load data`,description:`Please try again.`,variant:`plain`,...be}):R.length===0?(0,c.jsx)(o.DataState,{status:`empty`,variant:`plain`,...ye}):null,$=(e,n,r)=>{let i=O?.(e)??!1;return(0,c.jsxs)(s.Fragment,{children:[(0,c.jsx)(a.TableRow,{ref:r&&z?.measureRows!==!1?H.measureElement:void 0,"data-index":r?.index,"data-state":e.getIsSelected()?`selected`:void 0,"data-striped":A&&n%2==1?`true`:void 0,"data-disabled":i||void 0,className:t.cn(D&&!i&&`cursor-pointer`,!i&&`transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]`,i&&`pointer-events-none opacity-55`,le(e,P)),onClick:()=>{i||D?.(e)},onDoubleClick:()=>{i||je?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsx)(a.TableCell,{style:{...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:10}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:10}:{}},className:t.cn(ce[k],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,j&&`border-r last:border-r-0`,de(e,Le)),children:fe(n)?N:n},e.id)})}),e.getIsExpanded()&&F?(0,c.jsx)(a.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,c.jsx)(a.TableCell,{colSpan:e.getVisibleCells().length,children:F(e)})}):null]},e.id)},bt=e=>{let n=O?.(e)??!1,r=e.getVisibleCells();return(0,c.jsx)(`article`,{"data-slot":`data-table-mobile-card`,"data-state":e.getIsSelected()?`selected`:void 0,"data-disabled":n||void 0,className:t.cn(`grid gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]`,D&&!n&&`cursor-pointer transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)]`,n&&`pointer-events-none opacity-55`,le(e,P)),role:D&&!n?`button`:void 0,tabIndex:D&&!n?0:void 0,onClick:()=>{n||D?.(e)},onKeyDown:t=>{t.target!==t.currentTarget||n||!D||(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),D(e))},children:r.map(e=>{let t=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsxs)(`div`,{"data-slot":`data-table-mobile-cell`,className:`grid grid-cols-[minmax(7rem,0.42fr)_minmax(0,1fr)] items-start gap-3 text-sm`,children:[(0,c.jsx)(`span`,{className:`min-w-0 text-xs font-semibold uppercase tracking-wide text-muted-foreground`,children:pe(e)}),(0,c.jsx)(`div`,{className:`min-w-0 text-right text-foreground/92 [&>*]:ml-auto`,children:fe(t)?N:t})]},e.id)})},e.id)};return(0,c.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...We,children:[pt&&(it??(0,c.jsx)(ie.DataTableToolbar,{title:f,description:p,search:ut,filters:q,summary:J,actions:dt,selectionActions:ft,selectedCount:tt,totalCount:I?I.rowCount??d.length:d.length,variant:`plain`,...at})),gt&&(0,c.jsx)(`div`,{className:`grid gap-3`,children:Q??(Z?(0,c.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...xe}):R.map(e=>(0,c.jsx)(s.Fragment,{children:E?E(e):bt(e)},e.id)))}),!gt&&(0,c.jsxs)(`div`,{"data-slot":`data-table-wrapper`,"data-density":k,"data-striped":A||void 0,"data-bordered":j||void 0,"data-virtualized":B||void 0,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur`,Fe),children:[(0,c.jsxs)(a.Table,{containerRef:Ye,containerStyle:B?{height:V,overscrollBehavior:`contain`}:void 0,containerClassName:t.cn(`rounded-none border-0 bg-transparent shadow-none ring-0`,B&&`overflow-auto`),className:t.cn(`text-[0.95rem]`,Pe),"aria-rowcount":R.length,children:[(0,c.jsx)(a.TableHeader,{className:t.cn((M||B)&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:L.getHeaderGroups().map(e=>(0,c.jsx)(a.TableRow,{children:e.headers.map(e=>(0,c.jsx)(a.TableHead,{style:{width:e.getSize(),...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:M?20:11}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:M?20:11}:{}},className:t.cn(se[k],`bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground`,(M||B)&&`bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur`,e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,j&&`border-r last:border-r-0`,ue(e,Ie)),children:e.isPlaceholder?null:(0,l.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,c.jsx)(a.TableBody,{children:Q?vt(Q):Z?yt():B?[_t(`virtual-top`,$e),...W.map(e=>$(R[e.index],e.index,e)),_t(`virtual-bottom`,et)]:R.map((e,t)=>$(e,t))})]}),mt&&I&&(0,c.jsx)(re.DataTablePagination,{pageIndex:I.pageIndex,pageSize:I.pageSize,pageCount:I.pageCount,rowCount:I.rowCount,pageSizeOptions:I.pageSizeOptions,showPageSize:I.showPageSize,labels:I.labels,disabled:S,onPageChange:I.onPageChange,onPageSizeChange:I.onPageSizeChange})]})]})}exports.DataTable=u;
+"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("../feedback/state-view.cjs"),i=require("../ui/input/index.cjs"),a=require("../ui/table/index.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs"),ae=require("../../../node_modules/@tanstack/react-virtual/dist/esm/index.cjs"),o=require("../display/data-state.cjs"),oe=require("../../hooks/use-is-mobile.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@tanstack/react-table");var se={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},ce={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};function u(e,t){return typeof t==`function`?t(e):t}function le(e,t){return typeof t==`function`?t(e):t}function ue(e,t){return typeof t==`function`?t(e):t}function d(e){return e==null||e===``}function de(e){let t=e.column.columnDef.header;return typeof t==`string`?t:typeof t==`number`?String(t):e.column.id===`actions`?`Actions`:e.column.id}function f({className:e,columns:f,data:p,title:m,description:h,features:g,search:_,filters:v,summary:y,toolbarActions:b,rowActions:x,bulkActions:fe,onRefresh:pe,onExport:S,refreshLabel:me=`Refresh`,exportLabel:he=`Export`,getRowId:ge,isLoading:C=!1,isError:_e=!1,emptyState:ve,errorState:ye,loadingState:be,loadingVariant:xe=`skeleton`,toolbar:w,toolbarProps:T,pagination:E,sorting:Se,onSortingChange:Ce,columnVisibility:we,onColumnVisibilityChange:Te,rowSelection:Ee,onRowSelectionChange:De,enableRowSelection:Oe,renderMobileCard:D,mobileLayout:ke=`auto`,onRowClick:O,onRowDoubleClick:Ae,getRowDisabled:je,density:k=`default`,striped:A=!1,bordered:j=!1,stickyHeader:M=!1,skeletonRows:Me=6,skeletonCellClassName:Ne,cellFallback:Pe=`-`,tableClassName:Fe,tableWrapperClassName:Ie,headerCellClassName:Le,cellClassName:Re,rowClassName:ze,renderExpandedRow:Be,expanded:Ve,onExpandedChange:He,getRowCanExpand:Ue,columnPinning:We,onColumnPinningChange:Ge,virtualization:Ke,...qe}){let Je=s.useMemo(()=>{let e=f;return!x||g?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:x})]},[f,g?.rowActions,x]),N=E===!1?void 0:E,[Ye,Xe]=s.useState([]),[Ze,Qe]=s.useState({}),[$e,et]=s.useState({}),[tt,nt]=s.useState({}),[rt,it]=s.useState({}),at=Se??Ye,ot=we??Ze,st=Ee??$e,ct=Ve??tt,lt=We??rt,ut=N?{pageIndex:N.pageIndex,pageSize:N.pageSize}:void 0,dt=!!(N&&N.manual!==!1),P=(0,l.useReactTable)({data:p,columns:Je,getRowId:ge,getCoreRowModel:(0,l.getCoreRowModel)(),getSortedRowModel:(0,l.getSortedRowModel)(),getPaginationRowModel:N&&!dt?(0,l.getPaginationRowModel)():void 0,manualPagination:dt,pageCount:N?.pageCount,state:{sorting:at,columnVisibility:ot,rowSelection:st,pagination:ut,expanded:ct,columnPinning:lt},onSortingChange:Ce??Xe,onColumnVisibilityChange:Te??Qe,onRowSelectionChange:De??et,onExpandedChange:He??nt,onColumnPinningChange:Ge??it,enableRowSelection:Oe,getRowCanExpand:Ue,getExpandedRowModel:(0,l.getExpandedRowModel)()}),F=P.getRowModel().rows,I=s.useRef(null),L=Ke===!1?void 0:Ke,R=!!(L&&L.enabled!==!1&&F.length>0),z=L?.height??480,B=L?.onRangeChange,V=ae.useVirtualizer({count:R?F.length:0,getScrollElement:()=>I.current,estimateSize:()=>L?.estimateRowHeight??48,getItemKey:e=>F[e]?.id??e,overscan:L?.overscan??8,initialRect:{width:0,height:typeof z==`number`?z:480},onChange(e){if(!B)return;let t=e.getVirtualItems();B({startIndex:t[0]?.index??-1,endIndex:t.at(-1)?.index??-1})}}),H=R?V.getVirtualItems():[],U=L?.estimateRowHeight??48,ft=R?Math.min(F.length,Math.ceil((typeof z==`number`?z:480)/U)+(L?.overscan??8)):0,W=H.length>0?H:Array.from({length:ft},(e,t)=>({key:F[t]?.id??t,index:t,start:t*U,end:(t+1)*U,size:U,lane:0})),pt=W[0]?.start??0,mt=W.length?Math.max(V.getTotalSize()-W[W.length-1].end,0):0,G=P.getSelectedRowModel().rows.map(e=>e.original),ht=G.length,K=s.useMemo(()=>({table:P,data:p,selectedRows:G}),[p,G,P]),gt=P.getVisibleLeafColumns(),_t=Math.max(gt.length,1),vt=typeof w==`function`?w(P):w,yt=typeof T==`function`?T(P):T,q=typeof v==`function`?v(K):v,J=typeof y==`function`?y(K):y,bt=!!(_&&g?.search!==!1),xt=!!(g?.columnVisibility&&P.getAllLeafColumns().some(e=>e.getCanHide())),Y=!!(g?.refresh&&pe),X=!!(g?.export&&S),St=!!(g?.bulkActions!==!1&&fe?.length),Ct=xt&&!!(m||h||_||q||J||b||Y||X),Z=bt&&_?(0,c.jsx)(i.Input,{type:`search`,value:_.value,onValueChange:_.onValueChange,placeholder:_.placeholder??`Search...`,wrapperClassName:_.wrapperClassName??_.className,inputClassName:_.inputClassName,disabled:_.disabled,clearable:_.clearable,clearLabel:_.clearLabel,searchIcon:_.searchIcon}):void 0,wt=(0,c.jsxs)(c.Fragment,{children:[typeof b==`function`?b(K):b,Ct&&(0,c.jsx)(ne.DataTableColumnVisibilityMenu,{table:P}),Y&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:C,onClick:()=>pe?.(K),children:me}),X&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>S?.(K),children:he})]}),Tt=St?(0,c.jsx)(te.DataTableBulkActions,{rows:G,actions:fe??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>P.resetRowSelection(),hideWhenEmpty:!1}):void 0,Et=!!(vt||yt||m||h||Z||q||J||b||Ct||Y||X||Tt),Dt=!!(N&&!N.hidden),Q=C&&xe===`skeleton`,Ot=oe.useIsMobile(),kt=ke!==`scroll`&&Ot,At=(e,t)=>t>0?(0,c.jsx)(a.TableRow,{"aria-hidden":`true`,className:`pointer-events-none border-0 hover:bg-transparent`,children:(0,c.jsx)(a.TableCell,{colSpan:_t,className:`border-0 p-0`,style:{height:t}})},e):null,jt=e=>(0,c.jsx)(a.TableRow,{children:(0,c.jsx)(a.TableCell,{colSpan:_t,className:`p-0`,children:e})}),Mt=()=>Array.from({length:Math.max(Me,1)},(e,n)=>(0,c.jsx)(a.TableRow,{"aria-hidden":`true`,children:gt.map(e=>(0,c.jsx)(a.TableCell,{className:t.cn(ce[k],j&&`border-r last:border-r-0`),children:(0,c.jsx)(`div`,{className:t.cn(`h-4 w-full max-w-40 animate-pulse rounded-md bg-muted`,n%3==1&&`max-w-24`,n%3==2&&`max-w-32`,Ne)})},`${e.id}-${n}`))},`skeleton-${n}`)),$=Q?null:C?(0,c.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...be}):_e?(0,c.jsx)(o.DataState,{status:`error`,title:`Could not load data`,description:`Please try again.`,variant:`plain`,...ye}):F.length===0?(0,c.jsx)(o.DataState,{status:`empty`,variant:`plain`,...ve}):null,Nt=(e,n,r)=>{let i=je?.(e)??!1;return(0,c.jsxs)(s.Fragment,{children:[(0,c.jsx)(a.TableRow,{ref:r&&L?.measureRows!==!1?V.measureElement:void 0,"data-index":r?.index,"data-state":e.getIsSelected()?`selected`:void 0,"data-striped":A&&n%2==1?`true`:void 0,"data-disabled":i||void 0,className:t.cn(O&&!i&&`cursor-pointer`,!i&&`transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]`,i&&`pointer-events-none opacity-55`,u(e,ze)),onClick:()=>{i||O?.(e)},onDoubleClick:()=>{i||Ae?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsx)(a.TableCell,{style:{...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:10}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:10}:{}},className:t.cn(ce[k],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,j&&`border-r last:border-r-0`,ue(e,Re)),children:d(n)?Pe:n},e.id)})}),e.getIsExpanded()&&Be?(0,c.jsx)(a.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,c.jsx)(a.TableCell,{colSpan:e.getVisibleCells().length,children:Be(e)})}):null]},e.id)},Pt=e=>{let n=je?.(e)??!1,r=e.getVisibleCells();return(0,c.jsx)(`article`,{"data-slot":`data-table-mobile-card`,"data-state":e.getIsSelected()?`selected`:void 0,"data-disabled":n||void 0,className:t.cn(`grid gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]`,O&&!n&&`cursor-pointer transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)]`,n&&`pointer-events-none opacity-55`,u(e,ze)),role:O&&!n?`button`:void 0,tabIndex:O&&!n?0:void 0,onClick:()=>{n||O?.(e)},onKeyDown:t=>{t.target!==t.currentTarget||n||!O||(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),O(e))},children:r.map(e=>{let t=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsxs)(`div`,{"data-slot":`data-table-mobile-cell`,className:`grid grid-cols-[minmax(7rem,0.42fr)_minmax(0,1fr)] items-start gap-3 text-sm`,children:[(0,c.jsx)(`span`,{className:`min-w-0 text-xs font-semibold uppercase tracking-wide text-muted-foreground`,children:de(e)}),(0,c.jsx)(`div`,{className:`min-w-0 text-right text-foreground/92 [&>*]:ml-auto`,children:d(t)?Pe:t})]},e.id)})},e.id)};return(0,c.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...qe,children:[Et&&(vt??(0,c.jsx)(ie.DataTableToolbar,{title:m,description:h,search:Z,filters:q,summary:J,actions:wt,selectionActions:Tt,selectedCount:ht,totalCount:N?N.rowCount??p.length:p.length,variant:`plain`,...yt})),kt&&(0,c.jsx)(`div`,{className:`grid gap-3`,children:$??(Q?(0,c.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...be}):F.map(e=>(0,c.jsx)(s.Fragment,{children:D?D(e):Pt(e)},e.id)))}),!kt&&(0,c.jsxs)(`div`,{"data-slot":`data-table-wrapper`,"data-density":k,"data-striped":A||void 0,"data-bordered":j||void 0,"data-virtualized":R||void 0,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur`,Ie),children:[(0,c.jsxs)(a.Table,{containerRef:I,containerStyle:R?{height:z,overscrollBehavior:`contain`}:void 0,containerClassName:t.cn(`rounded-none border-0 bg-transparent shadow-none ring-0`,R&&`overflow-auto`),className:t.cn(`text-[0.95rem]`,Fe),"aria-rowcount":F.length,children:[(0,c.jsx)(a.TableHeader,{className:t.cn((M||R)&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:P.getHeaderGroups().map(e=>(0,c.jsx)(a.TableRow,{children:e.headers.map(e=>(0,c.jsx)(a.TableHead,{style:{width:e.getSize(),...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:M?20:11}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:M?20:11}:{}},className:t.cn(se[k],`bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground`,(M||R)&&`bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur`,e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,j&&`border-r last:border-r-0`,le(e,Le)),children:e.isPlaceholder?null:(0,l.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,c.jsx)(a.TableBody,{children:$?jt($):Q?Mt():R?[At(`virtual-top`,pt),...W.map(e=>Nt(F[e.index],e.index,e)),At(`virtual-bottom`,mt)]:F.map((e,t)=>Nt(e,t))})]}),Dt&&N&&(0,c.jsx)(re.DataTablePagination,{pageIndex:N.pageIndex,pageSize:N.pageSize,pageCount:N.pageCount,rowCount:N.rowCount,pageSizeOptions:N.pageSizeOptions,showPageSize:N.showPageSize,labels:N.labels,disabled:C,onPageChange:N.onPageChange,onPageSizeChange:N.onPageSizeChange})]})]})}exports.DataTable=f;