@cognite/aura 0.3.2 → 0.3.4

package/dist/components/ui/core/command/command.js

@@ -1,151 +1,86 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { IconSearch as p } from "@tabler/icons-react";
-import { Command as r } from "cmdk";
-import { cn as m } from "../../../../lib/utils.js";
-import { Dialog as u, DialogHeader as g, DialogTitle as h, DialogDescription as f, DialogContent as x } from "../dialog/dialog.js";
-const s = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r,
-  {
-    ref: a,
-    "data-slot": "command",
-    className: m(
-      "rounded-lg bg-background text-muted-foreground flex h-full w-full flex-col overflow-hidden",
-      e
-    ),
-    ...t
-  }
-));
-s.displayName = "Command";
-function G({
-  title: e = "Command Palette",
-  description: t = "Search for a command to run...",
-  children: a,
-  className: l,
-  showCloseButton: c = !0,
-  ...i
-}) {
-  return /* @__PURE__ */ n(u, { ...i, children: [
-    /* @__PURE__ */ n(g, { className: "sr-only rounded-lg", children: [
-      /* @__PURE__ */ o(h, { children: e }),
-      /* @__PURE__ */ o(f, { children: t })
-    ] }),
-    /* @__PURE__ */ o(
-      x,
-      {
-        "data-slot": "command-dialog",
-        className: m("overflow-hidden p-0", l),
-        showCloseButton: c,
-        children: /* @__PURE__ */ o(s, { className: "**:[[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: a })
-      }
-    )
-  ] });
+import { cn as e } from "../../../../lib/utils.js";
+import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a } from "../dialog/dialog.js";
+import { forwardRef as o } from "react";
+import { IconSearch as s } from "@tabler/icons-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Command as u } from "cmdk";
+//#region libs/aura/src/components/ui/core/command/command.tsx
+var d = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u, {
+	ref: r,
+	"data-slot": "command",
+	className: e("rounded-xl bg-background text-muted-foreground flex h-full w-full flex-col overflow-hidden", t),
+	...n
+}));
+d.displayName = "Command";
+function f({ title: o = "Command Palette", description: s = "Search for a command to run...", children: u, className: f, showCloseButton: p = !0, ...m }) {
+	return /* @__PURE__ */ l(t, {
+		...m,
+		children: [/* @__PURE__ */ l(i, {
+			className: "sr-only rounded-lg",
+			children: [/* @__PURE__ */ c(a, { children: o }), /* @__PURE__ */ c(r, { children: s })]
+		}), /* @__PURE__ */ c(n, {
+			"data-slot": "command-dialog",
+			className: e("overflow-hidden p-0", f),
+			showCloseButton: p,
+			children: /* @__PURE__ */ c(d, {
+				className: "**:[[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+				children: u
+			})
+		})]
+	});
 }
-const k = d(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  "div",
-  {
-    "data-slot": "command-input-wrapper",
-    className: "flex h-10 items-center gap-2 border-b px-2",
-    children: [
-      /* @__PURE__ */ o(p, { className: "size-4 shrink-0 opacity-50" }),
-      /* @__PURE__ */ o(
-        r.Input,
-        {
-          ref: a,
-          "data-slot": "command-input",
-          className: m(
-            "placeholder:text-muted-foreground flex h-10 w-full rounded-lg bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-            e
-          ),
-          ...t
-        }
-      )
-    ]
-  }
-));
-k.displayName = "CommandInput";
-const y = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r.List,
-  {
-    ref: a,
-    "data-slot": "command-list",
-    className: m(
-      "max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto",
-      e
-    ),
-    ...t
-  }
-));
-y.displayName = "CommandList";
-const C = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r.Empty,
-  {
-    ref: a,
-    "data-slot": "command-empty",
-    className: m("py-6 text-center text-sm", e),
-    ...t
-  }
-));
-C.displayName = "CommandEmpty";
-const N = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r.Group,
-  {
-    ref: a,
-    "data-slot": "command-group",
-    className: m(
-      "text-foreground font-normal **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-sm **:[[cmdk-group-heading]]:font-medium",
-      e
-    ),
-    ...t
-  }
-));
-N.displayName = "CommandGroup";
-const v = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r.Separator,
-  {
-    ref: a,
-    "data-slot": "command-separator",
-    className: m("bg-border -mx-1 h-px", e),
-    ...t
-  }
-));
-v.displayName = "CommandSeparator";
-const w = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r.Item,
-  {
-    ref: a,
-    "data-slot": "command-item",
-    className: m(
-      "data-[selected=true]:bg-accent-background data-[selected=true]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-      e
-    ),
-    ...t
-  }
-));
-w.displayName = "CommandItem";
-const _ = d(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
-    "span",
-    {
-      ref: a,
-      "data-slot": "command-shortcut",
-      className: m(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        e
-      ),
-      ...t
-    }
-  )
-);
-_.displayName = "CommandShortcut";
-export {
-  s as Command,
-  G as CommandDialog,
-  C as CommandEmpty,
-  N as CommandGroup,
-  k as CommandInput,
-  w as CommandItem,
-  y as CommandList,
-  v as CommandSeparator,
-  _ as CommandShortcut
-};
+var p = o(({ className: t, ...n }, r) => /* @__PURE__ */ l("div", {
+	"data-slot": "command-input-wrapper",
+	className: "flex h-10 items-center gap-2 border-b px-2",
+	children: [/* @__PURE__ */ c(s, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ c(u.Input, {
+		ref: r,
+		"data-slot": "command-input",
+		className: e("placeholder:text-muted-foreground flex h-10 w-full rounded-lg bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", t),
+		...n
+	})]
+}));
+p.displayName = "CommandInput";
+var m = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u.List, {
+	ref: r,
+	"data-slot": "command-list",
+	className: e("max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto", t),
+	...n
+}));
+m.displayName = "CommandList";
+var h = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u.Empty, {
+	ref: r,
+	"data-slot": "command-empty",
+	className: e("py-6 text-center text-sm", t),
+	...n
+}));
+h.displayName = "CommandEmpty";
+var g = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u.Group, {
+	ref: r,
+	"data-slot": "command-group",
+	className: e("text-foreground font-normal **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-sm **:[[cmdk-group-heading]]:font-medium", t),
+	...n
+}));
+g.displayName = "CommandGroup";
+var _ = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u.Separator, {
+	ref: r,
+	"data-slot": "command-separator",
+	className: e("bg-border -mx-1 h-px", t),
+	...n
+}));
+_.displayName = "CommandSeparator";
+var v = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u.Item, {
+	ref: r,
+	"data-slot": "command-item",
+	className: e("data-[selected=true]:bg-accent-background data-[selected=true]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+	...n
+}));
+v.displayName = "CommandItem";
+var y = o(({ className: t, ...n }, r) => /* @__PURE__ */ c("span", {
+	ref: r,
+	"data-slot": "command-shortcut",
+	className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
+	...n
+}));
+y.displayName = "CommandShortcut";
+//#endregion
+export { d as Command, f as CommandDialog, h as CommandEmpty, g as CommandGroup, p as CommandInput, v as CommandItem, m as CommandList, _ as CommandSeparator, y as CommandShortcut };

package/dist/components/ui/core/count/count.js

@@ -1,32 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { cva as i } from "class-variance-authority";
-import { cn as u } from "../../../../lib/utils.js";
-const c = i(
-  "flex min-h-9 min-w-9 flex-col items-center justify-center rounded-sm px-0.5 text-3xl font-medium leading-8 tracking-tightest",
-  {
-    variants: {
-      variant: {
-        default: "bg-neutral-background text-neutral-foreground-on-neutral",
-        warning: "bg-warning-background text-warning-foreground-on-warning",
-        critical: "bg-destructive-background text-destructive-foreground-on-critical"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-), d = o(({ className: t, variant: r, ...n }, a) => /* @__PURE__ */ e(
-  "output",
-  {
-    ref: a,
-    "data-slot": "count",
-    className: u(c({ variant: r }), t),
-    ...n
-  }
-));
-d.displayName = "Count";
-export {
-  d as Count,
-  c as countVariants
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+//#region libs/aura/src/components/ui/core/count/count.tsx
+var i = r("flex min-h-9 min-w-9 flex-col items-center justify-center rounded-sm px-0.5 text-3xl font-medium leading-8 tracking-tightest", {
+	variants: { variant: {
+		default: "bg-neutral-background text-neutral-foreground-on-neutral",
+		warning: "bg-warning-background text-warning-foreground-on-warning",
+		critical: "bg-destructive-background text-destructive-foreground-on-critical"
+	} },
+	defaultVariants: { variant: "default" }
+}), a = t(({ className: t, variant: r, ...a }, o) => /* @__PURE__ */ n("output", {
+	ref: o,
+	"data-slot": "count",
+	className: e(i({ variant: r }), t),
+	...a
+}));
+a.displayName = "Count";
+//#endregion
+export { a as Count, i as countVariants };

package/dist/components/ui/core/data-grid/data-grid-cell.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+type DataGridCellProps = ComponentProps<'div'> & {
+    isPinned?: boolean;
+    isLastPinned?: boolean;
+    colIndex?: number;
+    textValue?: string;
+    truncate?: boolean;
+};
+declare const DataGridCell: ForwardRefExoticComponent<DataGridCellProps & RefAttributes<HTMLDivElement>>;
+export { DataGridCell, type DataGridCellProps };

package/dist/components/ui/core/data-grid/data-grid-header-row.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { HeaderGroup } from '@tanstack/react-table';
+type DataGridHeaderRowProps<TData> = {
+    headerGroup: HeaderGroup<TData>;
+    headerRowIndex: number;
+    resolvedHeaderHeight: number;
+    gridTemplateColumns: string;
+    pinnedColumnIds: Set<string>;
+    lastPinnedColumnId: string | undefined;
+    pinnedLeftByColumnId: Map<string, number>;
+};
+declare function DataGridHeaderRow<TData>({ headerGroup, headerRowIndex, resolvedHeaderHeight, gridTemplateColumns, pinnedColumnIds, lastPinnedColumnId, pinnedLeftByColumnId, }: DataGridHeaderRowProps<TData>): ReactElement;
+export { DataGridHeaderRow, type DataGridHeaderRowProps };

package/dist/components/ui/core/data-grid/data-grid-row.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+import { Row } from '@tanstack/react-table';
+import { VirtualItem } from '@tanstack/react-virtual';
+type DataGridRowProps<TData> = {
+    row: Row<TData>;
+    virtualRow: VirtualItem;
+    headerGroupCount: number;
+    gridTemplateColumns: string;
+    pinnedColumnIds: Set<string>;
+    lastPinnedColumnId: string | undefined;
+    pinnedLeftByColumnId: Map<string, number>;
+    customCellColumnIds: Set<string>;
+    maxDepth: number;
+    hasExpanding: boolean;
+    onRowClick?: (row: Row<TData>) => void;
+};
+declare function DataGridRow<TData>({ row, virtualRow, headerGroupCount, gridTemplateColumns, pinnedColumnIds, lastPinnedColumnId, pinnedLeftByColumnId, customCellColumnIds, maxDepth, hasExpanding, onRowClick, }: DataGridRowProps<TData>): ReactElement;
+export { DataGridRow, type DataGridRowProps };

package/dist/components/ui/core/data-grid/data-grid.d.ts

@@ -0,0 +1,43 @@
+import { ReactElement, ReactNode, RefObject } from 'react';
+import { ColumnDef, ExpandedState, FilterFnOption, Row, SortingState } from '@tanstack/react-table';
+type DataGridSize = 'default' | 'compact';
+type DataGridHandle = {
+    scrollToRow: (index: number) => void;
+    resetSorting: () => void;
+};
+type DataGridBaseProps<TData> = {
+    data: TData[];
+    columns: ColumnDef<TData>[];
+    getRowId?: (originalRow: TData, index: number) => string;
+    rowCount?: number;
+    globalFilterFn?: FilterFnOption<TData>;
+    enableSorting?: boolean;
+    manualSorting?: boolean;
+    sorting?: SortingState;
+    defaultSorting?: SortingState;
+    onSortingChange?: (value: SortingState) => void;
+    getSubRows?: (row: TData, index: number) => TData[] | undefined;
+    expanded?: ExpandedState;
+    defaultExpanded?: ExpandedState;
+    onExpandedChange?: (value: ExpandedState) => void;
+    getRowCanExpand?: (row: Row<TData>) => boolean;
+    maxDepth?: number;
+    pinnedColumns?: string[];
+    gridRef?: RefObject<DataGridHandle | null>;
+    size?: DataGridSize;
+    children?: ReactNode;
+    className?: string;
+    onRowClick?: (row: Row<TData>) => void;
+    rowHeight?: number;
+    headerHeight?: number;
+};
+type DataGridAccessibleNameProps = {
+    'aria-label': string;
+    'aria-labelledby'?: string;
+} | {
+    'aria-labelledby': string;
+    'aria-label'?: string;
+};
+type DataGridProps<TData> = DataGridBaseProps<TData> & DataGridAccessibleNameProps;
+declare function DataGrid<TData>({ data, columns, getRowId, rowCount, globalFilterFn, enableSorting, manualSorting, sorting, defaultSorting, onSortingChange, getSubRows, expanded, defaultExpanded, onExpandedChange, getRowCanExpand, maxDepth, pinnedColumns, gridRef, size, children, className, onRowClick, rowHeight, headerHeight, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }: DataGridProps<TData>): ReactElement;
+export { DataGrid, type DataGridHandle };

package/dist/components/ui/core/data-grid/data-grid.fixtures.d.ts

@@ -0,0 +1,12 @@
+import { ColumnDef } from '@tanstack/react-table';
+type AssetRow = {
+    id: string;
+    name: string;
+    type: string;
+    status: 'Running' | 'Stopped' | 'Needs attention';
+    area: string;
+    updated: string;
+};
+declare const assetRows: AssetRow[];
+declare const assetColumns: ColumnDef<AssetRow>[];
+export { type AssetRow, assetColumns, assetRows };

package/dist/components/ui/core/data-grid/data-grid.utils.d.ts

@@ -0,0 +1,9 @@
+import { ColumnDef } from '@tanstack/react-table';
+declare const PINNED_COLUMN_Z_INDEX = 10;
+declare function getAriaSort(sortDirection: false | 'asc' | 'desc', canSort: boolean): 'ascending' | 'descending' | 'none' | undefined;
+declare function getTextValue(value: unknown): string | undefined;
+declare function isAccessorColumn<TData>(def: ColumnDef<TData>): boolean;
+declare function isFromIgnoredCellTarget(target?: EventTarget | null): boolean;
+declare function isFromExpandToggleTarget(target?: EventTarget | null): boolean;
+declare function collectCustomCellColumnIds<TData>(columns: ColumnDef<TData>[]): Set<string>;
+export { PINNED_COLUMN_Z_INDEX, collectCustomCellColumnIds, getAriaSort, getTextValue, isAccessorColumn, isFromExpandToggleTarget, isFromIgnoredCellTarget, };

package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js

@@ -1,73 +1,61 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { cn as k } from "../../../../../lib/utils.js";
-import { Popover as x, PopoverTrigger as P, PopoverContent as M } from "../../popover/popover.js";
-import { Calendar as N } from "../shared/calendar/calendar.js";
-import { DateTimeInput as w } from "../shared/date-time-input/date-time-input.js";
-import { ShortcutsPanel as R } from "../shared/shortcuts-panel/shortcuts-panel.js";
-import { useDatePicker as S } from "./use-date-picker.js";
-const Y = (n) => n ? [n, n] : [null, null], V = ({
-  value: n,
-  onChange: r,
-  format: i = "DD/MM/YYYY",
-  placeholder: p,
-  displayWeekNumber: c = !1,
-  shortcuts: t,
-  defaultDate: d,
-  className: s
-}) => {
-  const {
-    isOpen: o,
-    displayedMonth: m,
-    tempDate: a,
-    handleOpenChange: h,
-    handleDateClick: f,
-    handleMonthChange: u,
-    handleApplyShortcut: v,
-    inputRef: g,
-    popoverRef: C
-  } = S({ value: n, onChange: r, defaultDate: d }), D = o ? a : n;
-  return /* @__PURE__ */ e("div", { "data-slot": "date-picker", className: k("relative w-full", s), children: /* @__PURE__ */ l(x, { open: o, onOpenChange: h, children: [
-    /* @__PURE__ */ e(P, { render: /* @__PURE__ */ e("div", { ref: g, className: "w-full" }), children: /* @__PURE__ */ e(
-      w,
-      {
-        value: D,
-        format: i,
-        placeholder: p,
-        isOpen: o,
-        variant: "date"
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      M,
-      {
-        ref: C,
-        className: "rounded-xl w-auto p-0",
-        side: "bottom",
-        align: "start",
-        children: /* @__PURE__ */ l("div", { "data-slot": "date-picker-content", className: "flex flex-row", children: [
-          t && t.length > 0 && /* @__PURE__ */ e(
-            R,
-            {
-              shortcuts: t,
-              onShortcutClick: v
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e(
-            N,
-            {
-              displayedMonth: m,
-              selectedRange: Y(a),
-              hoverDate: null,
-              displayWeekNumber: c,
-              onDateClick: f,
-              onMonthChange: u
-            }
-          ) })
-        ] })
-      }
-    )
-  ] }) });
-};
-export {
-  V as DatePicker
+import { cn as e } from "../../../../../lib/utils.js";
+import { Popover as t, PopoverContent as n, PopoverTrigger as r } from "../../popover/popover.js";
+import { Calendar as i } from "../../calendar/calendar.js";
+import { DateTimeInput as a } from "../shared/date-time-input/date-time-input.js";
+import { ShortcutsPanel as o } from "../shared/shortcuts-panel/shortcuts-panel.js";
+import { useDatePicker as s } from "./use-date-picker.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/date-time-pickers/date-picker/date-picker.tsx
+var u = (e) => e ? [e, e] : [null, null], d = ({ value: d, onChange: f, format: p = "DD/MM/YYYY", placeholder: m, displayWeekNumber: h = !1, shortcuts: g, defaultDate: _, className: v }) => {
+	let { isOpen: y, displayedMonth: b, tempDate: x, handleOpenChange: S, handleDateClick: C, handleMonthChange: w, handleApplyShortcut: T, inputRef: E, popoverRef: D } = s({
+		value: d,
+		onChange: f,
+		defaultDate: _
+	}), O = y ? x : d;
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "date-picker",
+		className: e("relative w-full", v),
+		children: /* @__PURE__ */ l(t, {
+			open: y,
+			onOpenChange: S,
+			children: [/* @__PURE__ */ c(r, {
+				render: /* @__PURE__ */ c("div", {
+					ref: E,
+					className: "w-full"
+				}),
+				children: /* @__PURE__ */ c(a, {
+					value: O,
+					format: p,
+					placeholder: m,
+					isOpen: y,
+					variant: "date"
+				})
+			}), /* @__PURE__ */ c(n, {
+				ref: D,
+				className: "rounded-xl w-auto p-0",
+				side: "bottom",
+				align: "start",
+				children: /* @__PURE__ */ l("div", {
+					"data-slot": "date-picker-content",
+					className: "flex flex-row",
+					children: [g && g.length > 0 && /* @__PURE__ */ c(o, {
+						shortcuts: g,
+						onShortcutClick: T
+					}), /* @__PURE__ */ c("div", {
+						className: "p-3",
+						children: /* @__PURE__ */ c(i, {
+							displayedMonth: b,
+							selectedRange: u(x),
+							hoverDate: null,
+							displayWeekNumber: h,
+							onDateClick: C,
+							onMonthChange: w
+						})
+					})]
+				})
+			})]
+		})
+	});
 };
+//#endregion
+export { d as DatePicker };

package/dist/components/ui/core/date-time-pickers/date-picker/types.d.ts

@@ -1,4 +1,5 @@
 import { Dayjs } from 'dayjs';
+import { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
 export interface UseDatePickerProps {
     value: Dayjs | null;
     onChange: (date: Dayjs | null) => void;
@@ -11,7 +12,7 @@ export interface UseDatePickerReturn {
     handleOpenChange: (open: boolean) => void;
     handleDateClick: (date: Dayjs) => void;
     handleMonthChange: (month: Dayjs) => void;
-    handleApplyShortcut: (shortcutValue: Dayjs | [Dayjs, Dayjs] | [Dayjs | null, Dayjs | null]) => void;
+    handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
     inputRef: React.RefObject<HTMLDivElement>;
     popoverRef: React.RefObject<HTMLDivElement>;
 }