@datum-cloud/datum-ui 0.8.0 → 0.9.0

package/dist/picker/index.mjs

@@ -0,0 +1,273 @@
+import { t as cn } from "../cn-D2KYQ917.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "../select-By1ZqPgr.mjs";
+import { A as zonedDateToIso, C as PickerContext, D as getBrowserTimezone, E as formatTimezoneLabel, F as isDateBearingMode, I as isRangeMode, L as isTimeBearingMode, M as DATE_BEARING_MODES, N as RANGE_MODES, O as getTimezoneOffset, P as TIME_BEARING_MODES, S as PickerContent, T as formatInTimezone, _ as formatTimeLabel, a as PickerFooter, b as resolveCommit, c as PickerTrigger, d as DATETIME_PRESETS, f as DATE_PRESETS, g as dateToYYYYMMDD, i as PickerClear, j as ALLOWED_STEPS, k as isoToZonedDate, l as Picker$1, m as usePickerState, n as PickerApply, o as PickerReset, p as getDefaultPresets, r as PickerCancel, s as formatPickerValue, t as DefaultFooter, u as usePresets, v as isValidTimeString, w as usePickerContext, x as useKeyboardShortcuts, y as parseTimeString } from "../default-footer-DbpemJVl.mjs";
+import { t as PickerCalendar } from "../calendar-D_DriVHT.mjs";
+import { n as PickerPresets, t as DateRangePicker } from "../date-range-picker-DNZh06zo.mjs";
+import { n as useTimeSlots, t as PickerTimeInput } from "../time-input-9LdNL0Us.mjs";
+import { t as DateTimePicker } from "../date-time-picker-C0fF7s_e.mjs";
+import { t as PickerTimezoneIndicator } from "../timezone-indicator-COoeMKKs.mjs";
+import { t as TimePicker } from "../time-picker-B-vpUClR.mjs";
+import { t as DateTimeRangePicker } from "../date-time-range-picker-cW4rbuFn.mjs";
+import { Clock, Globe } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { differenceInCalendarDays } from "date-fns";
+//#region src/components/features/picker/components/timezone-select.tsx
+function PickerTimezoneSelect({ options, onChange, className, placeholder = "Select timezone" }) {
+	const { mode, timezone } = usePickerContext();
+	if (!isTimeBearingMode(mode)) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "picker-tz-select",
+		className: cn("flex items-center gap-2 px-3 py-2", className),
+		children: [/* @__PURE__ */ jsx(Globe, { className: "text-muted-foreground size-4 shrink-0" }), /* @__PURE__ */ jsxs(Select, {
+			value: timezone,
+			onValueChange: onChange,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: "hover:bg-accent h-8 min-w-[180px] border-0 bg-transparent px-2 text-xs shadow-none",
+				children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+			}), /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, {
+				value: opt.value,
+				className: "text-xs",
+				children: opt.label
+			}, opt.value)) })]
+		})]
+	});
+}
+PickerTimezoneSelect.displayName = "Picker.TimezoneSelect";
+//#endregion
+//#region src/components/features/picker/components/index.ts
+const Picker = Object.assign(Picker$1, {
+	Trigger: PickerTrigger,
+	Content: PickerContent,
+	Calendar: PickerCalendar,
+	TimeInput: PickerTimeInput,
+	Presets: PickerPresets,
+	Footer: PickerFooter,
+	Apply: PickerApply,
+	Reset: PickerReset,
+	Cancel: PickerCancel,
+	Clear: PickerClear,
+	TimezoneIndicator: PickerTimezoneIndicator,
+	TimezoneSelect: PickerTimezoneSelect
+});
+//#endregion
+//#region src/components/features/picker/utils/compare.ts
+/** Strict equality of two nullable Date references by millisecond value. */
+function isSameDate(a, b) {
+	if (a === b) return true;
+	if (a === null || b === null) return false;
+	return a.getTime() === b.getTime();
+}
+/** Equality of two nullable date ranges. Compares from, to (by ms), and preset. */
+function isSameDateRange(a, b) {
+	if (a === b) return true;
+	if (a === null || b === null) return false;
+	return a.from.getTime() === b.from.getTime() && a.to.getTime() === b.to.getTime() && a.preset === b.preset;
+}
+/**
+* Equality of two nullable string ranges. Used for time-of-day, time-range,
+* and datetime-range value shapes (all structurally identical).
+* Compares from, to, and optional preset.
+*/
+function isSameStringRange(a, b) {
+	if (a === b) return true;
+	if (a === null || b === null) return false;
+	return a.from === b.from && a.to === b.to && a.preset === b.preset;
+}
+//#endregion
+//#region src/components/features/picker/utils/range.ts
+/**
+* Number of calendar days between two dates. Always non-negative.
+*
+* Uses calendar-day boundaries (not 24-hour windows), so a range from
+* 23:59 today to 00:00 tomorrow counts as 1 day, not 0.
+*/
+function getDaysDifference(from, to) {
+	return Math.abs(differenceInCalendarDays(to, from));
+}
+/**
+* Validate a range against a maximum span (inclusive).
+*
+* - Returns `true` when `maxRange` is undefined.
+* - Returns `true` when the range spans at most `maxRange` days.
+*/
+function isRangeValid(from, to, maxRange) {
+	if (maxRange === void 0) return true;
+	return getDaysDifference(from, to) <= maxRange;
+}
+/**
+* Clamp a range to fit within `maxRange` days.
+*
+* If the range already fits, returns the original `{from, to}`.
+* Otherwise, holds `from` and clamps `to` forward to exactly `maxRange`
+* days after `from`.
+*/
+function clampRange(from, to, maxRange) {
+	if (isRangeValid(from, to, maxRange)) return {
+		from,
+		to
+	};
+	return {
+		from,
+		to: new Date(from.getTime() + maxRange * 24 * 60 * 60 * 1e3)
+	};
+}
+//#endregion
+//#region src/components/features/picker/wrappers/date-picker.tsx
+function DatePicker({ value, onChange, placeholder = "Pick a date", clearable = true, responsive = true, sheetTitle = "Pick a date", numberOfMonths = 1, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit, disablePast, disableFuture, minDate, maxDate, dateFormat }) {
+	return /* @__PURE__ */ jsx(Picker$1.Root, {
+		mode: "date",
+		value,
+		onChange,
+		commit,
+		responsive,
+		presets: [],
+		disablePast,
+		disableFuture,
+		minDate,
+		maxDate,
+		children: /* @__PURE__ */ jsx(PickerContent, {
+			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
+				placeholder,
+				clearable,
+				disabled,
+				className,
+				triggerClassName,
+				id,
+				icon,
+				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "date", { dateFormat })
+			}),
+			sheetTitle,
+			sheetDescription,
+			modal,
+			contentClassName: popoverClassName,
+			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
+			children: /* @__PURE__ */ jsx(PickerCalendar, {
+				numberOfMonths,
+				minDate,
+				maxDate,
+				disablePast,
+				disableFuture
+			})
+		})
+	});
+}
+DatePicker.displayName = "DatePicker";
+//#endregion
+//#region src/components/features/picker/wrappers/date-range-time-picker.tsx
+function DateRangeTimePicker({ value, onChange, placeholder = "Pick a date range with time", clearable = true, responsive = true, sheetTitle = "Pick a date range with time", timezone, step = 15, hourCycle, numberOfMonths = 2, hideTimezone = false, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, disablePast, disableFuture, minDate, maxDate, presets, excludePresets, dateFormat, timeFormat }) {
+	return /* @__PURE__ */ jsx(Picker$1.Root, {
+		mode: "date-range-time",
+		value,
+		onChange,
+		responsive,
+		timezone,
+		step,
+		hourCycle,
+		hideTimezone,
+		presets,
+		excludePresets,
+		disablePast,
+		disableFuture,
+		minDate,
+		maxDate,
+		children: /* @__PURE__ */ jsx(PickerContent, {
+			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
+				placeholder,
+				clearable,
+				disabled,
+				className,
+				triggerClassName,
+				id,
+				icon,
+				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "date-range-time", {
+					timezone,
+					hourCycle,
+					dateFormat,
+					timeFormat
+				})
+			}),
+			sheetTitle,
+			sheetDescription,
+			modal,
+			contentClassName: popoverClassName,
+			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col md:flex-row",
+				children: [/* @__PURE__ */ jsx(PickerPresets, {}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col",
+					children: [
+						/* @__PURE__ */ jsx(PickerCalendar, {
+							numberOfMonths,
+							minDate,
+							maxDate,
+							disablePast,
+							disableFuture
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "border-t p-3",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "text-muted-foreground mb-1 text-xs",
+								children: "Time of day"
+							}), /* @__PURE__ */ jsx(PickerTimeInput, { target: "embedded-from" })]
+						}),
+						/* @__PURE__ */ jsx(PickerTimezoneIndicator, {})
+					]
+				})]
+			})
+		})
+	});
+}
+DateRangeTimePicker.displayName = "DateRangeTimePicker";
+//#endregion
+//#region src/components/features/picker/wrappers/time-range-picker.tsx
+const DEFAULT_TIME_ICON = /* @__PURE__ */ jsx(Clock, { className: "text-muted-foreground size-4 shrink-0" });
+function TimeRangePicker({ value, onChange, placeholder = "Pick a time range", clearable = true, responsive = true, sheetTitle = "Pick a time range", step = 15, hourCycle, timeFormat, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit }) {
+	return /* @__PURE__ */ jsx(Picker$1.Root, {
+		mode: "time-range",
+		value,
+		onChange,
+		commit,
+		responsive,
+		step,
+		hourCycle,
+		children: /* @__PURE__ */ jsx(PickerContent, {
+			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
+				placeholder,
+				clearable,
+				disabled,
+				className,
+				triggerClassName,
+				id,
+				icon: icon ?? DEFAULT_TIME_ICON,
+				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "time-range", {
+					hourCycle,
+					timeFormat
+				})
+			}),
+			sheetTitle,
+			sheetDescription,
+			modal,
+			contentClassName: popoverClassName,
+			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex gap-2 p-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground mb-1 text-xs",
+						children: "From"
+					}), /* @__PURE__ */ jsx(PickerTimeInput, { target: "range-from" })]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground mb-1 text-xs",
+						children: "To"
+					}), /* @__PURE__ */ jsx(PickerTimeInput, { target: "range-to" })]
+				})]
+			})
+		})
+	});
+}
+TimeRangePicker.displayName = "TimeRangePicker";
+//#endregion
+export { ALLOWED_STEPS, DATETIME_PRESETS, DATE_BEARING_MODES, DATE_PRESETS, DatePicker, DateRangePicker, DateRangeTimePicker, DateTimePicker, DateTimeRangePicker, Picker, PickerApply, PickerCalendar, PickerCancel, PickerClear, PickerContent, PickerContext, PickerFooter, PickerPresets, PickerReset, PickerTimeInput, PickerTimezoneIndicator, PickerTimezoneSelect, PickerTrigger, RANGE_MODES, TIME_BEARING_MODES, TimePicker, TimeRangePicker, clampRange, dateToYYYYMMDD, formatInTimezone, formatPickerValue, formatTimeLabel, formatTimezoneLabel, getBrowserTimezone, getDaysDifference, getDefaultPresets, getTimezoneOffset, isDateBearingMode, isRangeMode, isRangeValid, isSameDate, isSameDateRange, isSameStringRange, isTimeBearingMode, isValidTimeString, isoToZonedDate, parseTimeString, resolveCommit, useKeyboardShortcuts, usePickerContext, usePickerState, usePresets, useTimeSlots, zonedDateToIso };

package/dist/rich-text-editor/index.mjs

@@ -1,2 +1,2 @@
-import { n as useRichTextEditor, r as RichTextContent, t as RichTextEditor } from "../rich-text-editor-CQH_U4T5.mjs";
+import { n as useRichTextEditor, r as RichTextContent, t as RichTextEditor } from "../rich-text-editor-aWuLRaj9.mjs";
 export { RichTextContent, RichTextEditor, useRichTextEditor };

package/dist/{rich-text-editor-CQH_U4T5.mjs → rich-text-editor-aWuLRaj9.mjs}

@@ -3,7 +3,7 @@ import { t as Button } from "./button-BllvE9Lm.mjs";
 import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
 import { t as Input } from "./input-FKGqZypx.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-D-t9bxSN.mjs";
-import { t as Tooltip } from "./tooltip-a7NTDCWw.mjs";
+import { t as Tooltip } from "./tooltip-CHuzXR_O.mjs";
 import { BoldIcon, ItalicIcon, LinkIcon, StrikethroughIcon, UnderlineIcon, UnlinkIcon } from "lucide-react";
 import { createContext, use, useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/select/index.mjs

@@ -1,2 +1,2 @@
-import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../select-zxwykvQn.mjs";
+import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../select-Ck0szhAH.mjs";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/select-By1ZqPgr.mjs

@@ -0,0 +1,94 @@
+import { t as cn } from "./utils-C8KwMfT_.mjs";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+//#region ../shadcn/ui/select.tsx
+const Select = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+		"data-slot": "select",
+		...props
+	});
+};
+const SelectGroup = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+		"data-slot": "select-group",
+		...props
+	});
+};
+const SelectValue = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+		"data-slot": "select-value",
+		...props
+	});
+};
+const SelectTrigger = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+		"data-slot": "select-trigger",
+		className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive rounded-md border bg-transparent py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "flex h-auto min-h-10 w-full items-center justify-between px-3 text-sm font-medium", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
+		})]
+	});
+};
+const SelectContent = ({ className, children, position = "popper", ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+		"data-slot": "select-content",
+		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "w-[var(--radix-select-trigger-width)]", className),
+		position,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+				className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+				children
+			}),
+			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+		]
+	}) });
+};
+const SelectLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+		"data-slot": "select-label",
+		className: cn("px-2 py-1.5 text-sm font-medium", className),
+		...props
+	});
+};
+const SelectItem = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+		"data-slot": "select-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+	});
+};
+const SelectSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+		"data-slot": "select-separator",
+		className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+		...props
+	});
+};
+const SelectScrollUpButton = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+	});
+};
+const SelectScrollDownButton = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+	});
+};
+//#endregion
+export { SelectLabel as a, SelectSeparator as c, SelectItem as i, SelectTrigger as l, SelectContent as n, SelectScrollDownButton as o, SelectGroup as r, SelectScrollUpButton as s, Select as t, SelectValue as u };

package/dist/select-Ck0szhAH.mjs

@@ -0,0 +1,73 @@
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { a as SelectLabel$1, c as SelectSeparator$1, i as SelectItem$1, l as SelectTrigger$1, n as SelectContent$1, o as SelectScrollDownButton$1, r as SelectGroup$1, s as SelectScrollUpButton$1, t as Select$1, u as SelectValue$1 } from "./select-By1ZqPgr.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/base/select/select.tsx
+const Select = Select$1;
+const SelectValue = SelectValue$1;
+function SelectGroup({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectGroup$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectGroup.displayName = "SelectGroup";
+function SelectTrigger({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectTrigger$1, {
+		ref,
+		className: cn("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
+		...props
+	});
+}
+SelectTrigger.displayName = "SelectTrigger";
+function SelectContent({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectContent$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectContent.displayName = "SelectContent";
+function SelectLabel({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectLabel$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectLabel.displayName = "SelectLabel";
+function SelectItem({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectItem$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectItem.displayName = "SelectItem";
+function SelectSeparator({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectSeparator$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectSeparator.displayName = "SelectSeparator";
+function SelectScrollUpButton({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectScrollUpButton$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectScrollUpButton.displayName = "SelectScrollUpButton";
+function SelectScrollDownButton({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectScrollDownButton$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectScrollDownButton.displayName = "SelectScrollDownButton";
+//#endregion
+export { SelectLabel as a, SelectSeparator as c, SelectItem as i, SelectTrigger as l, SelectContent as n, SelectScrollDownButton as o, SelectGroup as r, SelectScrollUpButton as s, Select as t, SelectValue as u };

package/dist/sidebar/index.mjs

@@ -1,2 +1,2 @@
-import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../sidebar-B8LQJiNI.mjs";
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../sidebar-CUnFkH7o.mjs";
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/{sidebar-B8LQJiNI.mjs → sidebar-CUnFkH7o.mjs}

@@ -1,21 +1,21 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
 import { t as Separator } from "./separator-DXVTncCK.mjs";
-import { t as Button } from "./button-D3RrsMfQ.mjs";
+import { t as Button } from "./button-Rw1xI-k9.mjs";
 import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
 import { t as Input } from "./input-FKGqZypx.mjs";
 import { a as SheetHeader, n as SheetContent, o as SheetTitle, r as SheetDescription, t as Sheet } from "./sheet-DVEToCVY.mjs";
-import { t as Skeleton } from "./skeleton-D2xuJdE1.mjs";
-import { i as TooltipProvider, t as Tooltip } from "./tooltip-a7NTDCWw.mjs";
+import { t as Skeleton } from "./skeleton-B1NOdZGM.mjs";
+import { i as TooltipProvider, t as Tooltip } from "./tooltip-CHuzXR_O.mjs";
 import { cva } from "class-variance-authority";
 import { PanelLeftCloseIcon, PanelLeftOpenIcon } from "lucide-react";
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 //#region ../shadcn/hooks/use-mobile.ts
 const MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-	const [isMobile, setIsMobile] = React$1.useState(void 0);
-	React$1.useEffect(() => {
+	const [isMobile, setIsMobile] = React.useState(void 0);
+	React.useEffect(() => {
 		const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
 		const onChange = () => {
 			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -34,33 +34,33 @@ const SIDEBAR_WIDTH = "13rem";
 const SIDEBAR_WIDTH_MOBILE = "18rem";
 const SIDEBAR_WIDTH_ICON = "3rem";
 const SIDEBAR_KEYBOARD_SHORTCUT = "b";
-const SidebarContext = React$1.createContext(null);
+const SidebarContext = React.createContext(null);
 function useSidebar() {
-	const context = React$1.use(SidebarContext);
+	const context = React.use(SidebarContext);
 	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
 	return context;
 }
 function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, expandOnHover = false, expandBehavior = "push", showBackdrop = false, className, style, children, ...props }) {
 	const isMobile = useIsMobile();
-	const [openMobile, setOpenMobile] = React$1.useState(false);
-	const [isHovered, setIsHovered] = React$1.useState(false);
-	const [hasSubLayout, setHasSubLayout] = React$1.useState(false);
-	const hoverTimeoutRef = React$1.useRef(null);
-	const hoverLockRef = React$1.useRef(false);
-	const userClosedSidebarRef = React$1.useRef(false);
-	const [_open, _setOpen] = React$1.useState(defaultOpen);
+	const [openMobile, setOpenMobile] = React.useState(false);
+	const [isHovered, setIsHovered] = React.useState(false);
+	const [hasSubLayout, setHasSubLayout] = React.useState(false);
+	const hoverTimeoutRef = React.useRef(null);
+	const hoverLockRef = React.useRef(false);
+	const userClosedSidebarRef = React.useRef(false);
+	const [_open, _setOpen] = React.useState(defaultOpen);
 	const open = openProp ?? _open;
 	const LG_BREAKPOINT = 1024;
-	React$1.useLayoutEffect(() => {
+	React.useLayoutEffect(() => {
 		if (isMobile) {
 			_setOpen(false);
 			setOpenMobile(false);
 		} else if (window.innerWidth < LG_BREAKPOINT) _setOpen(false);
 	}, [isMobile]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (isMobile) userClosedSidebarRef.current = false;
 	}, [isMobile]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (isMobile) return;
 		const mql = window.matchMedia(`(min-width: ${LG_BREAKPOINT}px)`);
 		const onChange = () => {
@@ -71,25 +71,25 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		mql.addEventListener("change", onChange);
 		return () => mql.removeEventListener("change", onChange);
 	}, [isMobile]);
-	const setOpen = React$1.useCallback((value) => {
+	const setOpen = React.useCallback((value) => {
 		const openState = typeof value === "function" ? value(open) : value;
 		if (setOpenProp) setOpenProp(openState);
 		else _setOpen(openState);
 		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
 	}, [setOpenProp, open]);
-	const handleMouseEnter = React$1.useCallback(() => {
+	const handleMouseEnter = React.useCallback(() => {
 		if (!expandOnHover) return;
 		if (hoverLockRef.current) return;
 		if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
 		setIsHovered(true);
 	}, [expandOnHover]);
-	const handleMouseLeave = React$1.useCallback(() => {
+	const handleMouseLeave = React.useCallback(() => {
 		if (!expandOnHover) return;
 		hoverTimeoutRef.current = setTimeout(() => {
 			setIsHovered(false);
 		}, expandBehavior === "overlay" ? 200 : 300);
 	}, [expandOnHover, expandBehavior]);
-	const toggleSidebar = React$1.useCallback(() => {
+	const toggleSidebar = React.useCallback(() => {
 		if (isMobile) {
 			setOpenMobile((current) => !current);
 			return;
@@ -109,7 +109,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		setOpenMobile,
 		expandOnHover
 	]);
-	const forceClose = React$1.useCallback(() => {
+	const forceClose = React.useCallback(() => {
 		if (isMobile) {
 			setOpenMobile(false);
 			return;
@@ -123,7 +123,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		setOpen,
 		setOpenMobile
 	]);
-	const closeForNavigation = React$1.useCallback(() => {
+	const closeForNavigation = React.useCallback(() => {
 		if (isMobile) {
 			setOpenMobile(false);
 			return;
@@ -140,7 +140,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		setOpen,
 		setOpenMobile
 	]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		const handleKeyDown = (event) => {
 			if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
 				event.preventDefault();
@@ -153,7 +153,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 	const effectiveOpen = open || expandOnHover && isHovered;
 	const state = effectiveOpen ? "expanded" : "collapsed";
 	return /* @__PURE__ */ jsx(SidebarContext, {
-		value: React$1.useMemo(() => ({
+		value: React.useMemo(() => ({
 			state,
 			open: effectiveOpen,
 			setOpen,
@@ -204,10 +204,10 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 }
 function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
 	const { isMobile, state, openMobile, setOpenMobile, handleMouseEnter, handleMouseLeave, expandBehavior, showBackdrop, forceClose } = useSidebar();
-	const sidebarRef = React$1.useRef(null);
-	const [showBackdropElement, setShowBackdropElement] = React$1.useState(false);
-	const [backdropVisible, setBackdropVisible] = React$1.useState(false);
-	React$1.useEffect(() => {
+	const sidebarRef = React.useRef(null);
+	const [showBackdropElement, setShowBackdropElement] = React.useState(false);
+	const [backdropVisible, setBackdropVisible] = React.useState(false);
+	React.useEffect(() => {
 		if (showBackdrop && expandBehavior === "overlay" && state === "expanded") {
 			setShowBackdropElement(true);
 			requestAnimationFrame(() => {
@@ -453,7 +453,7 @@ function SidebarMenuButton({ asChild = false, isActive = false, variant = "defau
 		...props
 	});
 	if (!tooltip) return button;
-	const tooltipMessage = typeof tooltip === "string" || React$1.isValidElement(tooltip) || typeof tooltip === "object" && "message" in tooltip ? typeof tooltip === "string" || React$1.isValidElement(tooltip) ? tooltip : tooltip.message : null;
+	const tooltipMessage = typeof tooltip === "string" || React.isValidElement(tooltip) || typeof tooltip === "object" && "message" in tooltip ? typeof tooltip === "string" || React.isValidElement(tooltip) ? tooltip : tooltip.message : null;
 	const tooltipProps = typeof tooltip === "object" && "message" in tooltip ? {
 		side: tooltip.side,
 		align: tooltip.align
@@ -484,7 +484,7 @@ function SidebarMenuBadge({ className, ...props }) {
 	});
 }
 function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
-	const width = React$1.useMemo(() => {
+	const width = React.useMemo(() => {
 		return `${Math.floor(Math.random() * 40) + 50}%`;
 	}, []);
 	return /* @__PURE__ */ jsxs("div", {

package/dist/skeleton/index.mjs

@@ -1,2 +1,2 @@
-import { t as Skeleton } from "../skeleton-D4HOEiOZ.mjs";
+import { t as Skeleton } from "../skeleton-CxAhQT6T.mjs";
 export { Skeleton };

package/dist/{skeleton-D4HOEiOZ.mjs → skeleton-CxAhQT6T.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
-import { t as Skeleton$1 } from "./skeleton-D2xuJdE1.mjs";
+import { t as Skeleton$1 } from "./skeleton-B1NOdZGM.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/base/skeleton/skeleton.tsx

package/dist/stepper/index.mjs

@@ -1,2 +1,2 @@
-import { t as defineStepper } from "../stepper-Beb-zbdL.mjs";
+import { t as defineStepper } from "../stepper-adDdiJMx.mjs";
 export { defineStepper };