@cognite/aura 0.3.3 → 0.3.5

package/dist/components/ui/core/data-grid/data-grid.js

@@ -0,0 +1,134 @@
+import { cn as e } from "../../../../lib/utils.js";
+import { useControllableState as t } from "../../../../lib/use-controllable-state.js";
+import { collectCustomCellColumnIds as n } from "./data-grid.utils.js";
+import { DataGridHeaderRow as r } from "./data-grid-header-row.js";
+import { DataGridRow as i } from "./data-grid-row.js";
+import { useEffect as a, useImperativeHandle as o, useMemo as s, useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { getCoreRowModel as ee, getExpandedRowModel as te, getFilteredRowModel as ne, getSortedRowModel as re, useReactTable as ie } from "@tanstack/react-table";
+import { useVirtualizer as ae } from "@tanstack/react-virtual";
+//#region libs/aura/src/components/ui/core/data-grid/data-grid.tsx
+var oe = [], d = 120, f = {
+	default: 36,
+	compact: 32
+}, p = {
+	default: 36,
+	compact: 32
+};
+function m({ data: m, columns: h, getRowId: se, rowCount: g, globalFilterFn: _ = "auto", enableSorting: v = !1, manualSorting: y = !1, sorting: ce, defaultSorting: le, onSortingChange: ue, getSubRows: b, expanded: de, defaultExpanded: x, onExpandedChange: S, getRowCanExpand: C, maxDepth: w = 5, pinnedColumns: T = oe, gridRef: E, size: D = "default", children: O, className: k, onRowClick: A, rowHeight: j, headerHeight: M, "aria-label": N, "aria-labelledby": P }) {
+	let F = c(null), [fe, I] = t({
+		prop: ce,
+		defaultProp: le ?? [],
+		onChange: ue
+	}), L = b !== void 0, [R, z] = t({
+		prop: de,
+		defaultProp: x ?? {},
+		onChange: S
+	}), B = v && !y, V = s(() => ({
+		left: T,
+		right: []
+	}), [T]), H = s(() => new Set(T), [T]), U = T[T.length - 1], pe = s(() => n(h), [h]), W = ie({
+		data: m,
+		columns: h,
+		state: {
+			columnPinning: V,
+			sorting: fe,
+			...L ? { expanded: R } : {}
+		},
+		onSortingChange: I,
+		...L ? { onExpandedChange: z } : {},
+		autoResetExpanded: !1,
+		enableSorting: v,
+		manualSorting: y,
+		getCoreRowModel: ee(),
+		getFilteredRowModel: ne(),
+		globalFilterFn: _,
+		...B ? { getSortedRowModel: re() } : {},
+		...L ? { getExpandedRowModel: te() } : {},
+		getRowId: se,
+		getSubRows: b,
+		getRowCanExpand: C
+	}), { rows: G } = W.getRowModel(), K = W.getHeaderGroups(), q = W.getAllColumns(), J = W.getVisibleFlatColumns(), Y = j ?? f[D], me = M ?? p[D], X = m.length === 0, Z = ae({
+		count: G.length,
+		getScrollElement: () => F.current,
+		estimateSize: () => Y,
+		overscan: 10
+	}), he = {
+		"--data-grid-body-height": `${Z.getTotalSize()}px`,
+		"--data-grid-body-min-height": `${Y * 4}px`
+	};
+	o(E, () => ({
+		scrollToRow: (e) => Z.scrollToIndex(e),
+		resetSorting: () => I([])
+	})), a(() => {
+		for (let e of T) {
+			let t = q.find((t) => t.id === e);
+			t && t.columnDef.size === void 0 && console.warn(`[Aura DataGrid] Pinned column "${e}" has no \`size\` set. Pinned columns must declare an explicit \`size\` to keep the sticky offset aligned with the rendered column width.`);
+		}
+	}, [T, q]);
+	let Q = s(() => {
+		let e = J.some((e) => e.columnDef.size === void 0 && !H.has(e.id));
+		return J.map((t, n) => {
+			let r = t.columnDef.size, i = n === J.length - 1;
+			return H.has(t.id) ? `${r ?? d}px` : r === void 0 ? `minmax(${d}px, 1fr)` : !e && i ? `minmax(${r}px, 1fr)` : `${r}px`;
+		}).join(" ");
+	}, [J, H]), $ = s(() => {
+		let e = /* @__PURE__ */ new Map(), t = 0;
+		for (let n of T) {
+			let r = J.find((e) => e.id === n);
+			r && (e.set(n, t), t += r.columnDef.size ?? d);
+		}
+		return e;
+	}, [J, T]);
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "data-grid",
+		className: e("relative flex h-full min-h-0 w-full flex-col overflow-clip rounded-xl bg-default text-sm", k),
+		children: [O, /* @__PURE__ */ l("div", {
+			ref: F,
+			"data-slot": "data-grid-scroll-container",
+			className: "relative order-2 h-full min-h-0 w-full flex-1 overflow-auto",
+			role: "table",
+			"aria-rowcount": (g ?? G.length) + K.length,
+			"aria-colcount": J.length,
+			"aria-label": N,
+			"aria-labelledby": P,
+			children: /* @__PURE__ */ u("div", {
+				className: "min-w-fit w-full",
+				children: [/* @__PURE__ */ l("div", {
+					role: "rowgroup",
+					"data-slot": "data-grid-header-group",
+					className: "contents",
+					children: K.map((e, t) => /* @__PURE__ */ l(r, {
+						headerGroup: e,
+						headerRowIndex: t,
+						resolvedHeaderHeight: me,
+						gridTemplateColumns: Q,
+						pinnedColumnIds: H,
+						lastPinnedColumnId: U,
+						pinnedLeftByColumnId: $
+					}, e.id))
+				}), /* @__PURE__ */ l("div", {
+					role: "rowgroup",
+					"data-slot": "data-grid-body",
+					className: e("relative min-h-(--data-grid-body-min-height)", !X && "h-(--data-grid-body-height)"),
+					style: he,
+					children: !X && Z.getVirtualItems().map((e) => /* @__PURE__ */ l(i, {
+						row: G[e.index],
+						virtualRow: e,
+						headerGroupCount: K.length,
+						gridTemplateColumns: Q,
+						pinnedColumnIds: H,
+						lastPinnedColumnId: U,
+						pinnedLeftByColumnId: $,
+						customCellColumnIds: pe,
+						maxDepth: w,
+						hasExpanding: L,
+						onRowClick: A
+					}, G[e.index].id))
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+export { m as DataGrid };

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/data-grid/data-grid.utils.js

@@ -0,0 +1,40 @@
+//#region libs/aura/src/components/ui/core/data-grid/data-grid.utils.ts
+function e(e, t) {
+	return e === "asc" ? "ascending" : e === "desc" ? "descending" : t ? "none" : void 0;
+}
+function t(e) {
+	if (typeof e == "string" || typeof e == "number") return String(e);
+}
+function n(e) {
+	let t = "accessorKey" in e && e.accessorKey !== void 0, n = "accessorFn" in e && e.accessorFn !== void 0;
+	return t || n;
+}
+function r(e) {
+	return e instanceof Element && !!e.closest("[data-row-activation=\"ignore\"]");
+}
+function i(e) {
+	return e instanceof Element && !!e.closest("[data-row-expand-toggle=\"true\"]");
+}
+function a(e) {
+	let t = /* @__PURE__ */ new Set(), n = (e) => {
+		for (let r of e) {
+			if (o(r)) {
+				n(r.columns);
+				continue;
+			}
+			if (Object.prototype.hasOwnProperty.call(r, "cell")) {
+				if ("id" in r && typeof r.id == "string") {
+					t.add(r.id);
+					continue;
+				}
+				"accessorKey" in r && typeof r.accessorKey == "string" && t.add(r.accessorKey);
+			}
+		}
+	};
+	return n(e), t;
+}
+function o(e) {
+	return "columns" in e && Array.isArray(e.columns);
+}
+//#endregion
+export { a as collectCustomCellColumnIds, e as getAriaSort, t as getTextValue, n as isAccessorColumn, i as isFromExpandToggleTarget, r as isFromIgnoredCellTarget };

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

@@ -0,0 +1 @@
+export { DataGrid, type DataGridHandle } from './data-grid';

package/dist/components/ui/core/data-grid/index.js

@@ -0,0 +1,2 @@
+import { DataGrid as e } from "./data-grid.js";
+export { e as DataGrid };

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

@@ -1,6 +1,6 @@
 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 "../shared/calendar/calendar.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";

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>;
 }

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

@@ -1,6 +1,6 @@
 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 "../shared/calendar/calendar.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 { useDateRangePicker as s } from "./use-date-range-picker.js";

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

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 import { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';
+import { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
 export type { RangeSelectionStep };
 export interface UseDateRangePickerProps {
     value: [Dayjs | null, Dayjs | null];
@@ -18,7 +19,7 @@ export interface UseDateRangePickerReturn {
     handleMonthChange: (month: Dayjs) => void;
     handleDateHover: (date: Dayjs | null) => void;
     handleSetStep: (step: RangeSelectionStep) => void;
-    handleApplyShortcut: (range: Dayjs | [Dayjs, Dayjs] | [Dayjs | null, Dayjs | null]) => void;
+    handleApplyShortcut: (range: ShortcutValueDayjs) => void;
     inputRef: React.RefObject<HTMLDivElement>;
     popoverRef: React.RefObject<HTMLDivElement>;
 }

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

@@ -0,0 +1 @@
+export type { DateTimePickerProps, UseDateTimePickerProps, UseDateTimePickerReturn, } from './types';

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

@@ -0,0 +1,36 @@
+import { Dayjs } from 'dayjs';
+import { ShortcutItem, ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
+import { AmPm, TimeFormat } from '../utils/format-utils';
+export interface UseDateTimePickerProps {
+    value: Dayjs | null;
+    onChange: (datetime: Dayjs | null) => void;
+    timeFormat?: TimeFormat;
+    defaultDate?: Dayjs;
+}
+export interface UseDateTimePickerReturn {
+    isOpen: boolean;
+    displayedMonth: Dayjs;
+    tempDate: Dayjs | null;
+    hour: number;
+    minute: number;
+    amPm: AmPm;
+    displayValue: Dayjs | null;
+    canApply: boolean;
+    handleOpenChange: (open: boolean) => void;
+    handleApply: () => void;
+    handleDateClick: (date: Dayjs) => void;
+    handleMonthChange: (month: Dayjs) => void;
+    handleHourChange: (hour: number) => void;
+    handleMinuteChange: (minute: number) => void;
+    handleAmPmChange: (amPm: AmPm) => void;
+    handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
+    inputRef: React.RefObject<HTMLDivElement>;
+    popoverRef: React.RefObject<HTMLDivElement>;
+}
+export interface DateTimePickerProps extends UseDateTimePickerProps {
+    format?: string;
+    placeholder?: string;
+    displayWeekNumber?: boolean;
+    shortcuts?: ShortcutItem[];
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import { UseDateTimePickerProps, UseDateTimePickerReturn } from './types';
+export type { UseDateTimePickerProps, UseDateTimePickerReturn };
+export declare const useDateTimePicker: ({ value, onChange, timeFormat, defaultDate, }: UseDateTimePickerProps) => UseDateTimePickerReturn;

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

@@ -1,7 +1,7 @@
 import { cn as e } from "../../../../../lib/utils.js";
 import { Button as t } from "../../button/button.js";
 import { Popover as ee, PopoverContent as te, PopoverTrigger as n } from "../../popover/popover.js";
-import { Calendar as r } from "../shared/calendar/calendar.js";
+import { Calendar as r } from "../../calendar/calendar.js";
 import { DateTimeInput as i } from "../shared/date-time-input/date-time-input.js";
 import { ShortcutsPanel as a } from "../shared/shortcuts-panel/shortcuts-panel.js";
 import { convert12HourTo24Hour as o } from "../utils/time-utils.js";

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

@@ -1,6 +1,7 @@
 import { Dayjs } from 'dayjs';
 import { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';
-import { TimeFormat } from '../utils/format-utils';
+import { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
+import { AmPm, TimeFormat } from '../utils/format-utils';
 export type { RangeSelectionStep };
 export interface UseDateTimeRangePickerProps {
     value: [Dayjs | null, Dayjs | null];
@@ -19,8 +20,8 @@ export interface UseDateTimeRangePickerReturn {
     tempStartMinute: number;
     tempEndHour: number;
     tempEndMinute: number;
-    startAmPm: 'AM' | 'PM';
-    endAmPm: 'AM' | 'PM';
+    startAmPm: AmPm;
+    endAmPm: AmPm;
     handleOpenChange: (open: boolean) => void;
     handleSetStep: (step: RangeSelectionStep) => void;
     handleDateClick: (date: Dayjs) => void;
@@ -30,12 +31,12 @@ export interface UseDateTimeRangePickerReturn {
     handleStartMinuteChange: (minute: number) => void;
     handleEndHourChange: (hour: number) => void;
     handleEndMinuteChange: (minute: number) => void;
-    handleStartAmPmChange: (value: 'AM' | 'PM') => void;
-    handleEndAmPmChange: (value: 'AM' | 'PM') => void;
+    handleStartAmPmChange: (value: AmPm) => void;
+    handleEndAmPmChange: (value: AmPm) => void;
     handleNext: () => void;
     handleApply: () => void;
     handleBack: () => void;
-    handleApplyShortcut: (range: Dayjs | [Dayjs, Dayjs] | [Dayjs | null, Dayjs | null]) => void;
+    handleApplyShortcut: (range: ShortcutValueDayjs) => void;
     popoverRef: React.RefObject<HTMLDivElement>;
     inputRef: React.RefObject<HTMLDivElement>;
 }

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

@@ -7,4 +7,6 @@ export type { DateRangePickerProps } from './date-range-picker';
 export { DateTimeRangePicker } from './date-time-range-picker';
 export type { DateTimeRangePickerProps } from './date-time-range-picker';
 export type { ShortcutItem } from './date-time-range-picker';
-export type { TimeFormat } from './utils/format-utils';
+export type { AmPm, TimeFormat } from './utils/format-utils';
+export { Calendar } from '../calendar/calendar';
+export type { CalendarProps } from '../calendar/calendar';

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

@@ -1,5 +1,6 @@
-import { DatePicker as e } from "./date-picker/date-picker.js";
-import { TimePicker as t } from "./time-picker/time-picker.js";
-import { DateRangePicker as n } from "./date-range-picker/date-range-picker.js";
-import { DateTimeRangePicker as r } from "./date-time-range-picker/date-time-range-picker.js";
-export { e as DatePicker, n as DateRangePicker, r as DateTimeRangePicker, t as TimePicker };
+import { Calendar as e } from "../calendar/calendar.js";
+import { DatePicker as t } from "./date-picker/date-picker.js";
+import { TimePicker as n } from "./time-picker/time-picker.js";
+import { DateRangePicker as r } from "./date-range-picker/date-range-picker.js";
+import { DateTimeRangePicker as i } from "./date-time-range-picker/date-time-range-picker.js";
+export { e as Calendar, t as DatePicker, r as DateRangePicker, i as DateTimeRangePicker, n as TimePicker };

package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
+import { AmPm } from '../../utils/format-utils';
 export type AmPmScrollProps = {
-    value: 'AM' | 'PM' | null;
-    onChange: (value: 'AM' | 'PM') => void;
+    value: AmPm | null;
+    onChange: (value: AmPm) => void;
     className?: string;
 };
 export declare const AmPmScroll: FC<AmPmScrollProps>;

package/dist/components/ui/core/date-time-pickers/shared/constants.d.ts

@@ -1,20 +1,15 @@
-/**
- * Shared numeric constants for date/time picker components.
- * Colors and typography are applied via Tailwind utility classes — no CSS
- * variable strings are exported from here.
- */
+import { AmPm } from '../utils/format-utils';
 export declare const HOURS_IN_DAY = 24;
 export declare const HOURS_IN_12H = 12;
 export declare const MINUTES_IN_HOUR = 60;
 export declare const MINUTE_INCREMENT = 1;
-export declare const DAYS_IN_WEEK = 7;
 export declare const DEFAULT_START_HOUR = 9;
 export declare const DEFAULT_END_HOUR = 17;
 export declare const DEFAULT_MINUTE = 0;
 export declare const START_OF_DAY_HOUR = 0;
 export declare const END_OF_DAY_HOUR = 23;
 export declare const END_OF_DAY_MINUTE = 59;
-export declare const DEFAULT_START_AMPM: 'AM' | 'PM';
-export declare const DEFAULT_END_AMPM: 'AM' | 'PM';
+export declare const DEFAULT_START_AMPM: AmPm;
+export declare const DEFAULT_END_AMPM: AmPm;
 export declare const NOON_HOUR = 12;
 export declare const MIDNIGHT_HOUR = 0;

package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.d.ts

@@ -1,4 +1,4 @@
-import { TimeFormat } from '../../utils/format-utils';
+import { AmPm, TimeFormat } from '../../utils/format-utils';
 export interface UseTimeStateOptions {
     initialHour?: number;
     initialMinute?: number;
@@ -7,11 +7,11 @@ export interface UseTimeStateOptions {
 export interface UseTimeStateReturn {
     hour: number;
     minute: number;
-    amPm: 'AM' | 'PM';
+    amPm: AmPm;
     hour24: number;
     handleHourChange: (hour: number) => void;
     handleMinuteChange: (minute: number) => void;
-    handleAmPmChange: (amPm: 'AM' | 'PM') => void;
+    handleAmPmChange: (amPm: AmPm) => void;
     resetTime: (hour: number, minute: number) => void;
 }
 export declare const useTimeState: ({ initialHour, initialMinute, timeFormat, }?: UseTimeStateOptions) => UseTimeStateReturn;

package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.d.ts

@@ -1,13 +1,14 @@
 import { FC } from 'react';
 import { Dayjs } from 'dayjs';
+export type ShortcutValueDayjs = Dayjs | [Dayjs | null, Dayjs | null];
 export interface ShortcutItem {
     id?: string;
     label: string;
-    getValue: () => [Dayjs, Dayjs] | Dayjs | [Dayjs | null, Dayjs | null];
+    getValue: () => ShortcutValueDayjs;
 }
 export interface ShortcutsPanelProps {
     shortcuts?: ShortcutItem[];
-    onShortcutClick: (value: [Dayjs, Dayjs] | Dayjs | [Dayjs | null, Dayjs | null]) => void;
+    onShortcutClick: (value: ShortcutValueDayjs) => void;
     className?: string;
 }
 export declare const ShortcutsPanel: FC<ShortcutsPanelProps>;

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

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { AmPm } from '../../utils/format-utils';
 type TimePickerPanelBaseProps = {
     hour: number;
     minute: number;
@@ -8,8 +9,8 @@ type TimePickerPanelBaseProps = {
 };
 export type TimePickerPanelProps = TimePickerPanelBaseProps & ({
     timeFormat: '12h';
-    amPm: 'AM' | 'PM';
-    onAmPmChange: (amPm: 'AM' | 'PM') => void;
+    amPm: AmPm;
+    onAmPmChange: (amPm: AmPm) => void;
 } | {
     timeFormat?: '24h';
     amPm?: undefined;

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

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
-import { TimeFormat } from '../utils/format-utils';
+import { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
+import { AmPm, TimeFormat } from '../utils/format-utils';
 export interface UseTimePickerProps {
     value: Dayjs | null;
     onChange: (time: Dayjs | null) => void;
@@ -10,14 +11,14 @@ export interface UseTimePickerReturn {
     isOpen: boolean;
     hour: number;
     minute: number;
-    amPm: 'AM' | 'PM';
+    amPm: AmPm;
     displayValue: Dayjs | null;
     handleOpenChange: (open: boolean) => void;
     handleApply: () => void;
     handleHourChange: (hour: number) => void;
     handleMinuteChange: (minute: number) => void;
-    handleAmPmChange: (amPm: 'AM' | 'PM') => void;
-    handleApplyShortcut: (shortcutValue: Dayjs | [Dayjs, Dayjs] | [Dayjs | null, Dayjs | null]) => void;
+    handleAmPmChange: (amPm: AmPm) => void;
+    handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
     inputRef: React.RefObject<HTMLDivElement>;
     popoverRef: React.RefObject<HTMLDivElement>;
 }

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

@@ -0,0 +1 @@
+export type { TimeRangePickerProps, UseTimeRangePickerProps, UseTimeRangePickerReturn, } from './types';

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

@@ -0,0 +1,40 @@
+import { Dayjs } from 'dayjs';
+import { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';
+import { ShortcutItem, ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
+import { AmPm, TimeFormat } from '../utils/format-utils';
+export interface UseTimeRangePickerProps {
+    value: [Dayjs | null, Dayjs | null];
+    onChange: (range: [Dayjs | null, Dayjs | null]) => void;
+    timeFormat?: TimeFormat;
+    defaultDate?: Dayjs;
+}
+export interface UseTimeRangePickerReturn {
+    isOpen: boolean;
+    step: RangeSelectionStep;
+    tempStartHour: number;
+    tempStartMinute: number;
+    tempEndHour: number;
+    tempEndMinute: number;
+    startAmPm: AmPm;
+    endAmPm: AmPm;
+    displayValue: [Dayjs | null, Dayjs | null];
+    handleOpenChange: (open: boolean) => void;
+    handleSetStep: (step: RangeSelectionStep) => void;
+    handleStartHourChange: (hour: number) => void;
+    handleStartMinuteChange: (minute: number) => void;
+    handleEndHourChange: (hour: number) => void;
+    handleEndMinuteChange: (minute: number) => void;
+    handleStartAmPmChange: (amPm: AmPm) => void;
+    handleEndAmPmChange: (amPm: AmPm) => void;
+    handleNext: () => void;
+    handleApply: () => void;
+    handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
+    inputRef: React.RefObject<HTMLDivElement>;
+    popoverRef: React.RefObject<HTMLDivElement>;
+}
+export interface TimeRangePickerProps extends UseTimeRangePickerProps {
+    format?: string;
+    placeholder?: string;
+    shortcuts?: ShortcutItem[];
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import { UseTimeRangePickerProps, UseTimeRangePickerReturn } from './types';
+export type { UseTimeRangePickerProps, UseTimeRangePickerReturn };
+export declare const useTimeRangePicker: ({ value, onChange, timeFormat, defaultDate, }: UseTimeRangePickerProps) => UseTimeRangePickerReturn;

package/dist/components/ui/core/date-time-pickers/utils/format-utils.d.ts

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 export type TimeFormat = '12h' | '24h';
+export type AmPm = 'AM' | 'PM';
 /**
  * Formats a date for display
  * @param date - Dayjs date object

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

@@ -1,4 +1,4 @@
-import { TimeFormat } from './format-utils';
+import { AmPm, TimeFormat } from './format-utils';
 /**
  * Generates an array of hours.
  * If timeFormat is '12h', generates hours from 1 to 12.
@@ -30,11 +30,11 @@ export declare const parseTime: (timeString: string) => {
 /**
  * Gets AM/PM period from a 24-hour format hour.
  */
-export declare const getAmPmFromHour: (hour: number) => "AM" | "PM";
+export declare const getAmPmFromHour: (hour: number) => AmPm;
 /**
  * Converts a 12-hour format hour and AM/PM period to a 24-hour format hour.
  */
-export declare const convert12HourTo24Hour: (hour: number, ampm: "AM" | "PM") => number;
+export declare const convert12HourTo24Hour: (hour: number, ampm: AmPm) => number;
 /**
  * Converts a 24-hour format hour to a 12-hour display value (1-12).
  * Used when displaying time in 12-hour format.

package/dist/components/ui/core/overflow-list/overflow-list.utils.d.ts

@@ -0,0 +1,52 @@
+import { ComponentType, ReactElement, ReactNode } from 'react';
+export type OverflowComponent = ComponentType<{
+    items: ReactElement[];
+}>;
+export type ItemElement = ReactElement<Record<string, unknown>>;
+export type CollapseStrategy = 'asc' | 'desc' | 'innerAscFirstKeepLast' | 'innerDescFirstKeepLast';
+export type CollapseUnit = number | number[];
+export declare function resolveCollapseOrder(order: CollapseUnit[] | CollapseStrategy, itemCount: number): CollapseUnit[];
+export type CollapseState = {
+    hiddenIndices: number[];
+    overflowAt: number;
+};
+export declare const INITIAL_STATE: CollapseState;
+export declare function arraysEqual(a: number[], b: number[]): boolean;
+export declare function totalWidth(itemWidths: number[], gap: number): number;
+export declare const FIT_EPSILON = 0.5;
+export declare function getMeasurements(measureEl: HTMLElement, overflowEl: HTMLElement, hasSep: boolean, orientation?: 'horizontal' | 'vertical', lastItemFlexibleSelector?: string): {
+    itemWidths: number[];
+    gap: number;
+    overflowWidth: number;
+    outerMarginLeft: number;
+    outerMarginRight: number;
+    lastItemFlexibleWidth?: number;
+};
+export declare function hideUntilFit(total: number, itemWidths: number[], gap: number, overflowCost: number, hideOrder: CollapseUnit[], containerWidth: number): {
+    hidden: Set<number>;
+    firstHidden: number | null;
+};
+export declare function computeCollapseState({ containerSize, itemWidths, gap, overflowWidth, outerMarginLeft, outerMarginRight, collapseOrder, }: {
+    containerSize: number;
+    itemWidths: number[];
+    gap: number;
+    overflowWidth: number;
+    outerMarginLeft?: number;
+    outerMarginRight?: number;
+    collapseOrder: CollapseUnit[];
+}): CollapseState;
+export declare function computeCollapsedMinWidth({ itemWidths, gap, overflowWidth, outerMarginLeft, outerMarginRight, collapseOrder, lastItemMinVisible, lastItemFlexibleWidth, }: {
+    itemWidths: number[];
+    gap: number;
+    overflowWidth: number;
+    outerMarginLeft?: number;
+    outerMarginRight?: number;
+    collapseOrder: CollapseUnit[];
+    lastItemMinVisible?: number;
+    lastItemFlexibleWidth?: number;
+}): number;
+export declare function collapseStatesEqual(a: CollapseState, b: CollapseState): boolean;
+export declare function buildVisibleTokens(items: ReactElement[], hiddenSet: Set<number>, overflowAt: number, hiddenItems: ReactElement[], Overflow: OverflowComponent): Array<{
+    key: string | number;
+    node: ReactNode;
+}>;

package/dist/components/ui/core/segmented-control/segmented-control.d.ts

@@ -1,20 +1,26 @@
-import { ReactNode } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
 import { VariantProps } from 'class-variance-authority';
 import { ClassProp } from 'class-variance-authority/types';
 declare function SegmentedControl({ className, ...props }: TabsPrimitive.Root.Props): ReactNode;
-interface SegmentedControlListVariantProps {
+interface SegmentedControlSizeVariantProps {
     size?: 'small' | 'default' | null;
 }
-declare const segmentedControlListVariants: (props?: (SegmentedControlListVariantProps & ClassProp) | undefined) => string;
+declare const segmentedControlListVariants: (props?: (SegmentedControlSizeVariantProps & ClassProp) | undefined) => string;
+type SegmentedControlSize = NonNullable<VariantProps<typeof segmentedControlListVariants>['size']>;
 type SegmentedControlListProps = TabsPrimitive.List.Props & VariantProps<typeof segmentedControlListVariants>;
 declare function SegmentedControlList({ className, size, children, ...props }: SegmentedControlListProps): ReactNode;
-interface SegmentedControlButtonVariantProps {
-    size?: 'small' | 'default' | null;
+declare const segmentedControlIndicatorVariants: (props?: (SegmentedControlSizeVariantProps & ClassProp) | undefined) => string;
+type SegmentedControlIndicatorProps = ComponentProps<'div'> & VariantProps<typeof segmentedControlIndicatorVariants> & {
+    activeSelector?: string;
+};
+declare function SegmentedControlIndicator({ className, size, activeSelector, style, ...props }: SegmentedControlIndicatorProps): ReactNode;
+interface SegmentedControlButtonVariantProps extends SegmentedControlSizeVariantProps {
     tabContent?: 'icon-label' | 'label-only' | 'icon-only' | null;
 }
 declare const segmentedControlButtonVariants: (props?: (SegmentedControlButtonVariantProps & ClassProp) | undefined) => string;
 type SegmentedControlButtonProps = TabsPrimitive.Tab.Props & VariantProps<typeof segmentedControlButtonVariants>;
 declare function SegmentedControlButton({ className, size, tabContent, ...props }: SegmentedControlButtonProps): ReactNode;
 declare function SegmentedControlContent({ className, ...props }: TabsPrimitive.Panel.Props): ReactNode;
-export { SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlList, segmentedControlButtonVariants, segmentedControlListVariants, };
+export { SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlIndicator, SegmentedControlList, segmentedControlButtonVariants, segmentedControlIndicatorVariants, segmentedControlListVariants, };
+export type { SegmentedControlSize };