tembro 6.0.3 → 6.1.1

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 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

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/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/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/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/filters/index.d.ts

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

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/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.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 = Omit<React.ComponentProps<"div">, "onSelect"> & {
+    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

@@ -2,4 +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/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/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/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/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;