tembro 6.0.2 → 6.1.0

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 All notable changes to this project will be documented in this file.
 
+## 6.1.0 - 2026-07-18
+
+### Added
+
+- Added 10 product-grade public components: `MultiSelect`, `ActionToast`, `ChartCard`, `AsyncBoundary`, `AdvancedCommandMenu`, `PermissionsMatrix`, `CalendarRangeScheduler`, `FileManager`, `CalendarDateTimePicker`, and `DataGrid`.
+- Added registry `kind` metadata so real components, presets, aliases, hooks, utilities, and internal entries are separated instead of being counted as one mixed component list.
+- Added dashboard, calendar, command, feedback, file management, data grid, chart, notification, input, and permissions coverage to the source-copy registry.
+
+### Changed
+
+- Simplified the primary component surface by moving duplicate or composable entries into `alias`, `preset`, `hook`, `utility`, or `internal` kinds.
+- Expanded dashboard preset coverage with `async-boundary`, `chart-card`, and `multi-select` so generated apps exercise richer real-project UI states.
+
+## 6.0.3 - 2026-07-18
+
+### Fixed
+
+- Fixed the showcase template sidebar import path so generated workbenches use the canonical `layout/sidebar` component.
+
 ## 6.0.2 - 2026-07-18
 
 ### Fixed

package/dist/components/calendar/calendar-range-scheduler.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/calendar/calendar-range-scheduler.cjs")

package/dist/components/calendar/calendar-range-scheduler.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { type DateRangePickerValue } from "@/components/calendar/date-range-picker";
+import { Card } from "@/components/ui/card";
+export type CalendarRangeSchedulerEvent = {
+    id: string;
+    title: React.ReactNode;
+    range: DateRangePickerValue;
+    tone?: "default" | "info" | "success" | "warning" | "danger";
+    meta?: React.ReactNode;
+};
+export type CalendarRangeSchedulerProps = Omit<React.ComponentProps<typeof Card>, "onSelect"> & {
+    value?: DateRangePickerValue;
+    onValueChange?: (range: DateRangePickerValue) => void;
+    events?: CalendarRangeSchedulerEvent[];
+    onEventSelect?: (event: CalendarRangeSchedulerEvent) => void;
+    title?: React.ReactNode;
+    action?: React.ReactNode;
+};
+declare function CalendarRangeScheduler({ value, onValueChange, events, onEventSelect, title, action, className, ...props }: CalendarRangeSchedulerProps): React.JSX.Element;
+export { CalendarRangeScheduler };

package/dist/components/calendar/calendar-range-scheduler.js

@@ -0,0 +1 @@
+export * from "../../src/components/calendar/calendar-range-scheduler.js"

package/dist/components/calendar/date-time-picker.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/calendar/date-time-picker.cjs")

package/dist/components/calendar/date-time-picker.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { type DatePickerProps } from "@/components/calendar/date-picker";
+export type DateTimeValue = {
+    date?: string;
+    time?: string;
+};
+export type CalendarDateTimePickerProps = Omit<React.ComponentProps<"div">, "value" | "onChange"> & {
+    value?: DateTimeValue;
+    onValueChange?: (value: DateTimeValue) => void;
+    datePickerProps?: Omit<DatePickerProps, "value" | "onValueChange">;
+    timeLabel?: React.ReactNode;
+    disabled?: boolean;
+};
+declare function CalendarDateTimePicker({ value, onValueChange, datePickerProps, timeLabel, disabled, className, ...props }: CalendarDateTimePickerProps): React.JSX.Element;
+export { CalendarDateTimePicker };

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

@@ -0,0 +1 @@
+export * from "../../src/components/calendar/date-time-picker.js"

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

@@ -2,3 +2,5 @@ export * from "./date-utils";
 export * from "./calendar";
 export * from "./date-picker";
 export * from "./date-range-picker";
+export * from "./date-time-picker";
+export * from "./calendar-range-scheduler";

package/dist/components/charts/chart-card.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/charts/chart-card.cjs")

package/dist/components/charts/chart-card.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { type ChartDatum, type ChartSeries, type ChartState } from "@/components/charts/charts";
+import { Card } from "@/components/ui/card";
+export type ChartCardType = "bar" | "line" | "donut";
+export type ChartCardFilter = {
+    label: string;
+    value: string;
+};
+export type ChartCardProps = Omit<React.ComponentProps<typeof Card>, "type"> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    type?: ChartCardType;
+    data?: ChartDatum[];
+    series?: ChartSeries[];
+    labels?: React.ReactNode[];
+    state?: ChartState;
+    metric?: React.ReactNode;
+    badge?: React.ReactNode;
+    filters?: ChartCardFilter[];
+    filterValue?: string;
+    onFilterChange?: (value: string) => void;
+};
+declare function ChartCard({ title, description, type, data, series, labels, state, metric, badge, filters, filterValue, onFilterChange, className, ...props }: ChartCardProps): React.JSX.Element;
+export { ChartCard };

package/dist/components/charts/chart-card.js

@@ -0,0 +1 @@
+export * from "../../src/components/charts/chart-card.js"

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

@@ -1,2 +1,3 @@
 export * from './charts';
 export * from './progress-circle';
+export * from './chart-card';

package/dist/components/command/advanced-command-menu.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/command/advanced-command-menu.cjs")

package/dist/components/command/advanced-command-menu.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+export type AdvancedCommandMenuItem = {
+    id: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    shortcut?: React.ReactNode;
+    keywords?: string[];
+    onSelect?: () => void;
+};
+export type AdvancedCommandMenuGroup = {
+    id: string;
+    label: React.ReactNode;
+    items: AdvancedCommandMenuItem[];
+};
+export type AdvancedCommandMenuProps = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    groups: AdvancedCommandMenuGroup[];
+    title?: React.ReactNode;
+    triggerLabel?: React.ReactNode;
+    placeholder?: string;
+};
+declare function AdvancedCommandMenu({ open, onOpenChange, groups, title, triggerLabel, placeholder, }: AdvancedCommandMenuProps): React.JSX.Element;
+export { AdvancedCommandMenu };

package/dist/components/command/advanced-command-menu.js

@@ -0,0 +1 @@
+export * from "../../src/components/command/advanced-command-menu.js"

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

@@ -1 +1,2 @@
 export * from "./command-palette";
+export * from "./advanced-command-menu";

package/dist/components/data-table/data-grid.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/data-table/data-grid.cjs")

package/dist/components/data-table/data-grid.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export type DataGridColumn<TRow extends Record<string, unknown>> = {
+    key: keyof TRow & string;
+    header: React.ReactNode;
+    editable?: boolean;
+    width?: React.CSSProperties["width"];
+    render?: (value: TRow[keyof TRow], row: TRow, rowIndex: number) => React.ReactNode;
+};
+export type DataGridProps<TRow extends Record<string, unknown>> = React.ComponentProps<"div"> & {
+    columns: DataGridColumn<TRow>[];
+    rows: TRow[];
+    onRowsChange?: (rows: TRow[]) => void;
+};
+declare function DataGrid<TRow extends Record<string, unknown>>({ columns, rows, onRowsChange, className, ...props }: DataGridProps<TRow>): React.JSX.Element;
+export { DataGrid };

package/dist/components/data-table/data-grid.js

@@ -0,0 +1 @@
+export * from "../../src/components/data-table/data-grid.js"

package/dist/components/data-table/index.d.ts

@@ -1,4 +1,5 @@
 export * from './data-table';
+export * from './data-grid';
 export * from './data-table-pagination';
 export * from './data-table-toolbar';
 export * from './data-table-column-visibility-menu';

package/dist/components/data-table/public.d.ts

@@ -1 +1,2 @@
 export * from "./data-table";
+export * from "./data-grid";

package/dist/components/feedback/async-boundary.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/feedback/async-boundary.cjs")

package/dist/components/feedback/async-boundary.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export type AsyncBoundaryProps = React.PropsWithChildren<{
+    loading?: boolean;
+    error?: unknown;
+    empty?: boolean;
+    loadingTitle?: React.ReactNode;
+    errorTitle?: React.ReactNode;
+    emptyTitle?: React.ReactNode;
+    onRetry?: () => void;
+}>;
+declare function AsyncBoundary({ loading, error, empty, loadingTitle, errorTitle, emptyTitle, onRetry, children, }: AsyncBoundaryProps): React.JSX.Element;
+export { AsyncBoundary };

package/dist/components/feedback/async-boundary.js

@@ -0,0 +1 @@
+export * from "../../src/components/feedback/async-boundary.js"

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

@@ -1,2 +1,3 @@
 export * from "./alert";
 export * from "./state-view";
+export * from "./async-boundary";

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

@@ -1,4 +1,5 @@
 export * from "./async-select";
+export * from "./multi-select";
 export * from "./combobox";
 export * from "./otp-input";
 export * from "./rating";

package/dist/components/inputs/multi-select.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/inputs/multi-select.cjs")

package/dist/components/inputs/multi-select.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export type MultiSelectOption = {
+    value: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    disabled?: boolean;
+};
+export type MultiSelectProps = React.ComponentProps<"div"> & {
+    options: MultiSelectOption[];
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
+    placeholder?: React.ReactNode;
+    maxVisibleTags?: number;
+};
+declare function MultiSelect({ options, value, onValueChange, placeholder, maxVisibleTags, className, ...props }: MultiSelectProps): React.JSX.Element;
+export { MultiSelect };

package/dist/components/inputs/multi-select.js

@@ -0,0 +1 @@
+export * from "../../src/components/inputs/multi-select.js"

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

@@ -1,4 +1,5 @@
 export * from "./async-select";
+export * from "./multi-select";
 export * from "./combobox";
 export * from "./otp-input";
 export * from "./rating";

package/dist/components/modern/file-manager.cjs

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

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+export type FileManagerItem = {
+    id: string;
+    name: string;
+    type: "file" | "folder";
+    size?: React.ReactNode;
+    owner?: React.ReactNode;
+    status?: React.ReactNode;
+};
+export type FileManagerProps = React.ComponentProps<"div"> & {
+    items: FileManagerItem[];
+    selectedId?: string;
+    onSelect?: (item: FileManagerItem) => void;
+    onOpen?: (item: FileManagerItem) => void;
+    onSearchChange?: (value: string) => void;
+    searchValue?: string;
+    actions?: React.ReactNode;
+};
+declare function FileManager({ items, selectedId, onSelect, onOpen, searchValue, onSearchChange, actions, className, ...props }: FileManagerProps): React.JSX.Element;
+export { FileManager };

package/dist/components/modern/file-manager.js

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

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

@@ -3,3 +3,4 @@ export * from "./dual-list-picker";
 export * from "./resizable-panel";
 export * from "./rich-text-editor";
 export * from "./image-cropper";
+export * from "./file-manager";

package/dist/components/notifications/action-toast.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/notifications/action-toast.cjs")

package/dist/components/notifications/action-toast.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { Button } from "@/components/ui/button";
+import { useToast, type CreateToastInput, type ToastShortcutInput } from "@/components/notifications/toast";
+export type ActionToastOptions = Omit<CreateToastInput, "action"> & {
+    actionLabel?: React.ReactNode;
+    onAction?: () => void;
+    undoLabel?: React.ReactNode;
+    onUndo?: () => void;
+};
+export type ActionToastButtonProps = React.ComponentProps<typeof Button> & {
+    toast: ActionToastOptions;
+};
+declare function ActionToastButton({ toast, children, onClick, ...props }: ActionToastButtonProps): React.JSX.Element;
+declare function showActionToast(toaster: ReturnType<typeof useToast>, { actionLabel, onAction, undoLabel, onUndo, ...toast }: ActionToastOptions): string;
+declare function useActionToast(): (toast: ActionToastOptions | ToastShortcutInput) => string;
+export { ActionToastButton, showActionToast, useActionToast };

package/dist/components/notifications/action-toast.js

@@ -0,0 +1 @@
+export * from "../../src/components/notifications/action-toast.js"

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

@@ -1,2 +1,3 @@
 export * from "./toast";
 export * from "./notification-center";
+export * from "./action-toast";

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

@@ -1 +1,2 @@
 export * from "./empty-state";
+export * from "./permissions-matrix";

package/dist/components/patterns/permissions-matrix.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/patterns/permissions-matrix.cjs")

package/dist/components/patterns/permissions-matrix.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export type PermissionMatrixRole = {
+    key: string;
+    label: React.ReactNode;
+};
+export type PermissionMatrixPermission = {
+    key: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+};
+export type PermissionMatrixValue = Record<string, string[]>;
+export type PermissionsMatrixProps = React.ComponentProps<"div"> & {
+    roles: PermissionMatrixRole[];
+    permissions: PermissionMatrixPermission[];
+    value?: PermissionMatrixValue;
+    onValueChange?: (value: PermissionMatrixValue) => void;
+};
+declare function PermissionsMatrix({ roles, permissions, value, onValueChange, className, ...props }: PermissionsMatrixProps): React.JSX.Element;
+export { PermissionsMatrix };

package/dist/components/patterns/permissions-matrix.js

@@ -0,0 +1 @@
+export * from "../../src/components/patterns/permissions-matrix.js"

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

@@ -1 +1,2 @@
 export * from "./empty-state";
+export * from "./permissions-matrix";

package/dist/src/components/calendar/calendar-range-scheduler.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/badge/index.cjs"),i=require("./date-range-picker.cjs"),a=require("../ui/card/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l({value:e,onValueChange:o,events:l=[],onEventSelect:u,title:d=`Schedule range`,action:f,className:p,...m}){return(0,c.jsxs)(a.Card,{"data-slot":`calendar-range-scheduler`,className:t.cn(`min-w-0`,p),...m,children:[(0,c.jsxs)(a.CardHeader,{className:`flex-row items-center justify-between gap-3`,children:[(0,c.jsxs)(a.CardTitle,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.CalendarDaysIcon,{className:`size-4`}),d]}),f]}),(0,c.jsxs)(a.CardContent,{className:`grid gap-4 lg:grid-cols-[320px_minmax(0,1fr)]`,children:[(0,c.jsx)(i.DateRangePicker,{value:e,onValueChange:o}),(0,c.jsxs)(`div`,{className:`grid content-start gap-2`,children:[l.length?l.map(e=>(0,c.jsxs)(`button`,{type:`button`,className:`grid gap-1 rounded-lg border bg-background p-3 text-left transition hover:border-primary/45 hover:bg-muted/40`,onClick:()=>u?.(e),children:[(0,c.jsxs)(`span`,{className:`flex items-center justify-between gap-2`,children:[(0,c.jsx)(`span`,{className:`font-medium`,children:e.title}),(0,c.jsx)(r.Badge,{label:e.tone??`scheduled`,status:e.tone===`danger`?`danger`:e.tone===`warning`?`warning`:e.tone===`success`?`success`:`info`,variant:`soft`})]}),(0,c.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[e.range.from||`Start`,` - `,e.range.to||`End`]}),e.meta?(0,c.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.meta}):null]},e.id)):(0,c.jsx)(`div`,{className:`rounded-lg border border-dashed p-6 text-sm text-muted-foreground`,children:`No scheduled ranges.`}),(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,onClick:()=>o?.({from:``,to:``}),children:`Clear range`})]})]})]})}exports.CalendarRangeScheduler=l;

package/dist/src/components/calendar/calendar-range-scheduler.js

@@ -0,0 +1,75 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { Badge as n } from "../ui/badge/index.js";
+import { DateRangePicker as r } from "./date-range-picker.js";
+import { Card as i, CardContent as a, CardHeader as o, CardTitle as s } from "../ui/card/index.js";
+import "react";
+import { CalendarDaysIcon as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/calendar/calendar-range-scheduler.tsx
+function d({ value: d, onValueChange: f, events: p = [], onEventSelect: m, title: h = "Schedule range", action: g, className: _, ...v }) {
+	return /* @__PURE__ */ u(i, {
+		"data-slot": "calendar-range-scheduler",
+		className: e("min-w-0", _),
+		...v,
+		children: [/* @__PURE__ */ u(o, {
+			className: "flex-row items-center justify-between gap-3",
+			children: [/* @__PURE__ */ u(s, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ l(c, { className: "size-4" }), h]
+			}), g]
+		}), /* @__PURE__ */ u(a, {
+			className: "grid gap-4 lg:grid-cols-[320px_minmax(0,1fr)]",
+			children: [/* @__PURE__ */ l(r, {
+				value: d,
+				onValueChange: f
+			}), /* @__PURE__ */ u("div", {
+				className: "grid content-start gap-2",
+				children: [p.length ? p.map((e) => /* @__PURE__ */ u("button", {
+					type: "button",
+					className: "grid gap-1 rounded-lg border bg-background p-3 text-left transition hover:border-primary/45 hover:bg-muted/40",
+					onClick: () => m?.(e),
+					children: [
+						/* @__PURE__ */ u("span", {
+							className: "flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "font-medium",
+								children: e.title
+							}), /* @__PURE__ */ l(n, {
+								label: e.tone ?? "scheduled",
+								status: e.tone === "danger" ? "danger" : e.tone === "warning" ? "warning" : e.tone === "success" ? "success" : "info",
+								variant: "soft"
+							})]
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								e.range.from || "Start",
+								" - ",
+								e.range.to || "End"
+							]
+						}),
+						e.meta ? /* @__PURE__ */ l("span", {
+							className: "text-xs text-muted-foreground",
+							children: e.meta
+						}) : null
+					]
+				}, e.id)) : /* @__PURE__ */ l("div", {
+					className: "rounded-lg border border-dashed p-6 text-sm text-muted-foreground",
+					children: "No scheduled ranges."
+				}), /* @__PURE__ */ l(t, {
+					type: "button",
+					variant: "outline",
+					onClick: () => f?.({
+						from: "",
+						to: ""
+					}),
+					children: "Clear range"
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { d as CalendarRangeScheduler };

package/dist/src/components/calendar/date-time-picker.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./date-picker.cjs"),r=require("../inputs/time-picker.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({value:e,onValueChange:i,datePickerProps:o,timeLabel:s=`Time`,disabled:c,className:l,...u}){let d=e??{};return(0,a.jsxs)(`div`,{"data-slot":`date-time-picker`,className:t.cn(`grid gap-3 sm:grid-cols-2`,l),...u,children:[(0,a.jsx)(n.DatePicker,{...o,value:d.date,disabled:c||o?.disabled,onValueChange:e=>i?.({...d,date:e})}),(0,a.jsxs)(`label`,{className:`grid gap-1.5 text-sm font-medium`,children:[(0,a.jsx)(`span`,{children:s}),(0,a.jsx)(r.TimePicker,{value:d.time??``,onChange:e=>i?.({...d,time:e.currentTarget.value}),disabled:c})]})]})}exports.CalendarDateTimePicker=o;

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

@@ -0,0 +1,36 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { DatePicker as t } from "./date-picker.js";
+import { TimePicker as n } from "../inputs/time-picker.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/calendar/date-time-picker.tsx
+function a({ value: a, onValueChange: o, datePickerProps: s, timeLabel: c = "Time", disabled: l, className: u, ...d }) {
+	let f = a ?? {};
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "date-time-picker",
+		className: e("grid gap-3 sm:grid-cols-2", u),
+		...d,
+		children: [/* @__PURE__ */ r(t, {
+			...s,
+			value: f.date,
+			disabled: l || s?.disabled,
+			onValueChange: (e) => o?.({
+				...f,
+				date: e
+			})
+		}), /* @__PURE__ */ i("label", {
+			className: "grid gap-1.5 text-sm font-medium",
+			children: [/* @__PURE__ */ r("span", { children: c }), /* @__PURE__ */ r(n, {
+				value: f.time ?? "",
+				onChange: (e) => o?.({
+					...f,
+					time: e.currentTarget.value
+				}),
+				disabled: l
+			})]
+		})]
+	});
+}
+//#endregion
+export { a as CalendarDateTimePicker };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./date-utils.cjs"),t=require("./calendar.cjs"),n=require("./date-picker.cjs"),r=require("./date-range-picker.cjs");exports.Calendar=t.Calendar,exports.DatePicker=n.DatePicker,exports.DateRangePicker=r.DateRangePicker,exports.addMonths=e.addMonths,exports.getMonthDays=e.getMonthDays,exports.getMonthLabel=e.getMonthLabel,exports.getWeekdayLabels=e.getWeekdayLabels,exports.isAfterDate=e.isAfterDate,exports.isBeforeDate=e.isBeforeDate,exports.isSameMonth=e.isSameMonth,exports.isWithinRange=e.isWithinRange,exports.parseDateKey=e.parseDateKey,exports.startOfMonth=e.startOfMonth,exports.toDateKey=e.toDateKey;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./date-utils.cjs"),t=require("./calendar.cjs"),n=require("./date-range-picker.cjs"),r=require("./calendar-range-scheduler.cjs"),i=require("./date-picker.cjs"),a=require("./date-time-picker.cjs");exports.Calendar=t.Calendar,exports.CalendarDateTimePicker=a.CalendarDateTimePicker,exports.CalendarRangeScheduler=r.CalendarRangeScheduler,exports.DatePicker=i.DatePicker,exports.DateRangePicker=n.DateRangePicker,exports.addMonths=e.addMonths,exports.getMonthDays=e.getMonthDays,exports.getMonthLabel=e.getMonthLabel,exports.getWeekdayLabels=e.getWeekdayLabels,exports.isAfterDate=e.isAfterDate,exports.isBeforeDate=e.isBeforeDate,exports.isSameMonth=e.isSameMonth,exports.isWithinRange=e.isWithinRange,exports.parseDateKey=e.parseDateKey,exports.startOfMonth=e.startOfMonth,exports.toDateKey=e.toDateKey;

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

@@ -1,5 +1,7 @@
 import { addMonths as e, getMonthDays as t, getMonthLabel as n, getWeekdayLabels as r, isAfterDate as i, isBeforeDate as a, isSameMonth as o, isWithinRange as s, parseDateKey as c, startOfMonth as l, toDateKey as u } from "./date-utils.js";
 import { Calendar as d } from "./calendar.js";
-import { DatePicker as f } from "./date-picker.js";
-import { DateRangePicker as p } from "./date-range-picker.js";
-export { d as Calendar, f as DatePicker, p as DateRangePicker, e as addMonths, t as getMonthDays, n as getMonthLabel, r as getWeekdayLabels, i as isAfterDate, a as isBeforeDate, o as isSameMonth, s as isWithinRange, c as parseDateKey, l as startOfMonth, u as toDateKey };
+import { DateRangePicker as f } from "./date-range-picker.js";
+import { CalendarRangeScheduler as p } from "./calendar-range-scheduler.js";
+import { DatePicker as m } from "./date-picker.js";
+import { CalendarDateTimePicker as h } from "./date-time-picker.js";
+export { d as Calendar, h as CalendarDateTimePicker, p as CalendarRangeScheduler, m as DatePicker, f as DateRangePicker, e as addMonths, t as getMonthDays, n as getMonthLabel, r as getWeekdayLabels, i as isAfterDate, a as isBeforeDate, o as isSameMonth, s as isWithinRange, c as parseDateKey, l as startOfMonth, u as toDateKey };

package/dist/src/components/charts/chart-card.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/badge/index.cjs"),r=require("../ui/card/index.cjs"),i=require("./charts.cjs"),a=require("../ui/select/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c({title:e,description:o,type:c=`bar`,data:l=[],series:u,labels:d,state:f,metric:p,badge:m,filters:h,filterValue:g,onFilterChange:_,className:v,...y}){return(0,s.jsxs)(r.Card,{"data-slot":`chart-card`,className:t.cn(`min-w-0`,v),...y,children:[(0,s.jsxs)(r.CardHeader,{className:`flex-row items-start justify-between gap-3`,children:[(0,s.jsxs)(`div`,{className:`grid gap-1`,children:[e?(0,s.jsx)(r.CardTitle,{children:e}):null,o?(0,s.jsx)(r.CardDescription,{children:o}):null,p?(0,s.jsx)(`div`,{className:`text-2xl font-semibold tracking-tight`,children:p}):null]}),(0,s.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[m??(0,s.jsx)(n.Badge,{label:c,variant:`secondary`}),h?.length?(0,s.jsx)(a.Select,{value:g,onValueChange:e=>e&&_?.(e),options:h,triggerClassName:`h-9 w-36`}):null]})]}),(0,s.jsx)(r.CardContent,{children:c===`line`?(0,s.jsx)(i.LineChart,{series:u,labels:d,values:l.map(e=>e.value),state:f}):c===`donut`?(0,s.jsx)(i.DonutChart,{data:l,state:f}):(0,s.jsx)(i.BarChart,{data:l,series:u,state:f})})]})}exports.ChartCard=c;

package/dist/src/components/charts/chart-card.js

@@ -0,0 +1,55 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Badge as t } from "../ui/badge/index.js";
+import { Card as n, CardContent as r, CardDescription as i, CardHeader as a, CardTitle as o } from "../ui/card/index.js";
+import { BarChart as s, DonutChart as c, LineChart as l } from "./charts.js";
+import { Select as u } from "../ui/select/index.js";
+import "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/charts/chart-card.tsx
+function p({ title: p, description: m, type: h = "bar", data: g = [], series: _, labels: v, state: y, metric: b, badge: x, filters: S, filterValue: C, onFilterChange: w, className: T, ...E }) {
+	return /* @__PURE__ */ f(n, {
+		"data-slot": "chart-card",
+		className: e("min-w-0", T),
+		...E,
+		children: [/* @__PURE__ */ f(a, {
+			className: "flex-row items-start justify-between gap-3",
+			children: [/* @__PURE__ */ f("div", {
+				className: "grid gap-1",
+				children: [
+					p ? /* @__PURE__ */ d(o, { children: p }) : null,
+					m ? /* @__PURE__ */ d(i, { children: m }) : null,
+					b ? /* @__PURE__ */ d("div", {
+						className: "text-2xl font-semibold tracking-tight",
+						children: b
+					}) : null
+				]
+			}), /* @__PURE__ */ f("div", {
+				className: "flex shrink-0 items-center gap-2",
+				children: [x ?? /* @__PURE__ */ d(t, {
+					label: h,
+					variant: "secondary"
+				}), S?.length ? /* @__PURE__ */ d(u, {
+					value: C,
+					onValueChange: (e) => e && w?.(e),
+					options: S,
+					triggerClassName: "h-9 w-36"
+				}) : null]
+			})]
+		}), /* @__PURE__ */ d(r, { children: h === "line" ? /* @__PURE__ */ d(l, {
+			series: _,
+			labels: v,
+			values: g.map((e) => e.value),
+			state: y
+		}) : h === "donut" ? /* @__PURE__ */ d(c, {
+			data: g,
+			state: y
+		}) : /* @__PURE__ */ d(s, {
+			data: g,
+			series: _,
+			state: y
+		}) })]
+	});
+}
+//#endregion
+export { p as ChartCard };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts.cjs"),t=require("./progress-circle.cjs");exports.AreaChart=e.AreaChart,exports.BarChart=e.BarChart,exports.ChartFrame=e.ChartFrame,exports.ChartLegend=e.ChartLegend,exports.ChartTooltipContent=e.ChartTooltipContent,exports.DonutChart=e.DonutChart,exports.LineChart=e.LineChart,exports.MetricTrend=e.MetricTrend,exports.ProgressCircle=t.ProgressCircle,exports.Sparkline=e.Sparkline;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./charts.cjs"),t=require("./chart-card.cjs"),n=require("./progress-circle.cjs");exports.AreaChart=e.AreaChart,exports.BarChart=e.BarChart,exports.ChartCard=t.ChartCard,exports.ChartFrame=e.ChartFrame,exports.ChartLegend=e.ChartLegend,exports.ChartTooltipContent=e.ChartTooltipContent,exports.DonutChart=e.DonutChart,exports.LineChart=e.LineChart,exports.MetricTrend=e.MetricTrend,exports.ProgressCircle=n.ProgressCircle,exports.Sparkline=e.Sparkline;

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

@@ -1,3 +1,4 @@
 import { AreaChart as e, BarChart as t, ChartFrame as n, ChartLegend as r, ChartTooltipContent as i, DonutChart as a, LineChart as o, MetricTrend as s, Sparkline as c } from "./charts.js";
-import { ProgressCircle as l } from "./progress-circle.js";
-export { e as AreaChart, t as BarChart, n as ChartFrame, r as ChartLegend, i as ChartTooltipContent, a as DonutChart, o as LineChart, s as MetricTrend, l as ProgressCircle, c as Sparkline };
+import { ChartCard as l } from "./chart-card.js";
+import { ProgressCircle as u } from "./progress-circle.js";
+export { e as AreaChart, t as BarChart, l as ChartCard, n as ChartFrame, r as ChartLegend, i as ChartTooltipContent, a as DonutChart, o as LineChart, s as MetricTrend, u as ProgressCircle, c as Sparkline };

package/dist/src/components/command/advanced-command-menu.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/dialog/index.cjs"),r=require("../ui/command/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({open:e,onOpenChange:s,groups:c,title:l=`Command menu`,triggerLabel:u=`Command`,placeholder:d=`Search commands...`}){let[f,p]=i.useState(!1),m=e??f,h=s??p;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.Button,{type:`button`,variant:`outline`,leftIcon:(0,o.jsx)(a.SearchIcon,{className:`size-4`}),onClick:()=>h(!0),children:u}),(0,o.jsx)(n.Dialog,{open:m,onOpenChange:h,children:(0,o.jsxs)(n.DialogContent,{className:`overflow-hidden p-0`,children:[(0,o.jsx)(n.DialogHeader,{className:`border-b px-4 py-3`,children:(0,o.jsx)(n.DialogTitle,{children:l})}),(0,o.jsxs)(r.Command,{children:[(0,o.jsx)(r.CommandInput,{placeholder:d}),(0,o.jsxs)(r.CommandList,{children:[(0,o.jsx)(r.CommandEmpty,{children:`No command found.`}),c.map(e=>(0,o.jsx)(r.CommandGroup,{heading:e.label,children:e.items.map(e=>(0,o.jsxs)(r.CommandItem,{value:[e.id,e.label,e.description,...e.keywords??[]].filter(Boolean).join(` `),onSelect:()=>{e.onSelect?.(),h(!1)},children:[e.icon,(0,o.jsxs)(`span`,{className:`grid min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{className:`truncate`,children:e.label}),e.description?(0,o.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.description}):null]}),e.shortcut?(0,o.jsx)(r.CommandShortcut,{children:e.shortcut}):null]},e.id))},e.id))]})]})]})})]})}exports.AdvancedCommandMenu=s;