@datum-cloud/datum-ui 0.8.1 → 0.10.0

package/dist/date-time-picker-DKOxrhmc.mjs

@@ -1,193 +0,0 @@
-import { t as cn } from "./cn-D2KYQ917.mjs";
-import { t as Button } from "./button-D3RrsMfQ.mjs";
-import { t as Calendar$1 } from "./calendar-C-Hbf74r.mjs";
-import { t as ResponsivePopover } from "./responsive-popover-D-t9bxSN.mjs";
-import { t as useDateConstraints } from "./use-date-constraints-R3H4lIoT.mjs";
-import { CalendarIcon } from "lucide-react";
-import * as React$1 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { format } from "date-fns";
-import { formatInTimeZone, fromZonedTime, toZonedTime } from "date-fns-tz";
-//#region src/components/features/date-time-picker/utils/format.ts
-/**
-* Format date for display
-*/
-function formatDate(date) {
-	if (!date) return "";
-	return format(date, "PP");
-}
-//#endregion
-//#region src/components/features/date-time-picker/utils/timezone.ts
-/**
-* Get the browser's timezone
-*/
-function getBrowserTimezone() {
-	return Intl.DateTimeFormat().resolvedOptions().timeZone;
-}
-/**
-* Convert local date + time to UTC ISO string
-* @param date - Date object (date part)
-* @param time - Time string in HH:mm format
-* @param timezone - IANA timezone (e.g., "America/New_York")
-* @returns UTC ISO string
-*/
-function localDateTimeToUtc(date, time, timezone) {
-	try {
-		const [hours, minutes] = time.split(":").map(Number);
-		return fromZonedTime(`${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")} ${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}`, timezone).toISOString();
-	} catch {
-		const [hours = 0, minutes = 0] = time.split(":").map(Number);
-		const combined = new Date(date);
-		combined.setUTCHours(hours, minutes, 0, 0);
-		return combined.toISOString();
-	}
-}
-/**
-* Convert UTC ISO string to local date + time
-* @param utcString - UTC ISO string
-* @param timezone - IANA timezone
-* @returns Object with date and time (HH:mm)
-*/
-function utcToLocalDateTime(utcString, timezone) {
-	try {
-		const utcDate = new Date(utcString);
-		const time = formatInTimeZone(utcDate, timezone, "HH:mm");
-		return {
-			date: toZonedTime(utcDate, timezone),
-			time
-		};
-	} catch {
-		const utcDate = new Date(utcString);
-		const hours = utcDate.getUTCHours();
-		const minutes = utcDate.getUTCMinutes();
-		return {
-			date: utcDate,
-			time: `${String(hours).padStart(2, "0")}:${String(minutes).padStart(2, "0")}`
-		};
-	}
-}
-//#endregion
-//#region src/components/features/date-time-picker/date-time-picker.tsx
-const DEFAULT_TIMEZONE = getBrowserTimezone();
-function DateTimePicker({ ref, value, onChange, minDate, maxDate, disabledDates, disablePast, disableFuture, timezone = DEFAULT_TIMEZONE, showTimezoneIndicator = false, placeholder = "Select date and time", disabled = false, className, modal = false, sheetTitle, sheetDescription, responsive = true }) {
-	const [open, setOpen] = React$1.useState(false);
-	const initialState = React$1.useMemo(() => {
-		if (!value) return {
-			date: void 0,
-			time: ""
-		};
-		return utcToLocalDateTime(value, timezone);
-	}, [value, timezone]);
-	const [state, setState] = React$1.useState(initialState);
-	const { effectiveMinDate, effectiveMaxDate, isDateDisabled: isConstraintDisabled } = useDateConstraints({
-		minDate,
-		maxDate,
-		disablePast,
-		disableFuture
-	});
-	const prevValue = React$1.useRef(value);
-	const prevTimezone = React$1.useRef(timezone);
-	React$1.useEffect(() => {
-		if (value !== prevValue.current || timezone !== prevTimezone.current) {
-			prevValue.current = value;
-			prevTimezone.current = timezone;
-			setState(() => value ? utcToLocalDateTime(value, timezone) : {
-				date: void 0,
-				time: ""
-			});
-		}
-	}, [value, timezone]);
-	const handleDateChange = React$1.useCallback((newDate) => {
-		setState((prev) => ({
-			...prev,
-			date: newDate
-		}));
-	}, []);
-	const handleTimeChange = React$1.useCallback((e) => {
-		const newTime = e.target.value;
-		if (newTime && !/^\d{2}:\d{2}$/.test(newTime)) return;
-		setState((prev) => ({
-			...prev,
-			time: newTime
-		}));
-	}, []);
-	React$1.useEffect(() => {
-		if (state.date && state.time) {
-			const utcValue = localDateTimeToUtc(state.date, state.time, timezone);
-			onChange?.(utcValue);
-		}
-	}, [
-		state.date,
-		state.time,
-		timezone,
-		onChange
-	]);
-	const formatDisplayValue = () => {
-		if (!state.date) return placeholder;
-		if (state.time) return `${formatDate(state.date)} ${state.time}`;
-		return formatDate(state.date);
-	};
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		className,
-		children: /* @__PURE__ */ jsx(ResponsivePopover, {
-			open,
-			onOpenChange: setOpen,
-			trigger: /* @__PURE__ */ jsxs(Button, {
-				variant: "outline",
-				className: cn("w-full justify-start text-left font-normal", !state.date && "text-muted-foreground"),
-				disabled,
-				children: [
-					/* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
-					/* @__PURE__ */ jsx("span", {
-						className: "flex-1",
-						children: formatDisplayValue()
-					}),
-					showTimezoneIndicator && state.date && state.time && /* @__PURE__ */ jsx("span", {
-						className: "text-muted-foreground ml-2 text-xs",
-						children: timezone
-					})
-				]
-			}),
-			sheetTitle: sheetTitle ?? placeholder ?? "Pick date & time",
-			sheetDescription,
-			align: "start",
-			contentClassName: "w-full sm:w-auto",
-			modal,
-			responsive,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "p-3",
-				children: [/* @__PURE__ */ jsx(Calendar$1, {
-					mode: "single",
-					selected: state.date,
-					onSelect: handleDateChange,
-					className: "w-full sm:w-auto",
-					disabled: (date) => {
-						if (isConstraintDisabled(date)) return true;
-						if (typeof disabledDates === "function") return disabledDates(date);
-						if (Array.isArray(disabledDates)) return disabledDates.some((d) => d.getTime() === date.getTime());
-						return false;
-					},
-					fromDate: effectiveMinDate,
-					toDate: effectiveMaxDate
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "mt-3",
-					children: [/* @__PURE__ */ jsx("label", {
-						className: "mb-1 block text-sm font-medium",
-						children: "Time"
-					}), /* @__PURE__ */ jsx("input", {
-						type: "time",
-						"aria-label": "Select time",
-						value: state.time,
-						onChange: handleTimeChange,
-						disabled: disabled || !state.date,
-						className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1", "text-sm shadow-sm transition-colors", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50")
-					})]
-				})]
-			})
-		})
-	});
-}
-DateTimePicker.displayName = "DateTimePicker";
-//#endregion
-export { DateTimePicker as t };

package/dist/select-zxwykvQn.mjs

@@ -1,163 +0,0 @@
-import { t as cn } from "./cn-D2KYQ917.mjs";
-import { t as cn$1 } 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$1 = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
-		"data-slot": "select",
-		...props
-	});
-};
-const SelectGroup$1 = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
-		"data-slot": "select-group",
-		...props
-	});
-};
-const SelectValue$1 = ({ ...props }) => {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
-		"data-slot": "select-value",
-		...props
-	});
-};
-const SelectTrigger$1 = ({ className, children, ...props }) => {
-	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
-		"data-slot": "select-trigger",
-		className: cn$1("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$1 = ({ className, children, position = "popper", ...props }) => {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
-		"data-slot": "select-content",
-		className: cn$1("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$1, {}),
-			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
-				className: cn$1("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$1, {})
-		]
-	}) });
-};
-const SelectLabel$1 = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
-		"data-slot": "select-label",
-		className: cn$1("px-2 py-1.5 text-sm font-medium", className),
-		...props
-	});
-};
-const SelectItem$1 = ({ className, children, ...props }) => {
-	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
-		"data-slot": "select-item",
-		className: cn$1("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$1 = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
-		"data-slot": "select-separator",
-		className: cn$1("bg-border pointer-events-none -mx-1 my-1 h-px", className),
-		...props
-	});
-};
-const SelectScrollUpButton$1 = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
-		"data-slot": "select-scroll-up-button",
-		className: cn$1("flex cursor-default items-center justify-center py-1", className),
-		...props,
-		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
-	});
-};
-const SelectScrollDownButton$1 = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
-		"data-slot": "select-scroll-down-button",
-		className: cn$1("flex cursor-default items-center justify-center py-1", className),
-		...props,
-		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
-	});
-};
-//#endregion
-//#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/time-picker-BZF5jbF6.mjs

@@ -1,99 +0,0 @@
-import { t as cn } from "./cn-D2KYQ917.mjs";
-import { t as ResponsivePopover } from "./responsive-popover-D-t9bxSN.mjs";
-import { n as OptionList, t as useOptionPicker } from "./use-option-picker-BXQOfyrK.mjs";
-import { Clock } from "lucide-react";
-import * as React$1 from "react";
-import { useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/features/time-picker/use-time-slots.ts
-function timeToMinutes(time) {
-	const [h, m] = time.split(":").map(Number);
-	return h * 60 + m;
-}
-function minutesToTime(totalMinutes) {
-	const h = Math.floor(totalMinutes / 60);
-	const m = totalMinutes % 60;
-	return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`;
-}
-function formatTimeLabel(time) {
-	const [hStr, mStr] = time.split(":");
-	let h = Number(hStr);
-	const m = mStr;
-	const period = h >= 12 ? "PM" : "AM";
-	if (h === 0) h = 12;
-	else if (h > 12) h -= 12;
-	return `${h}:${m} ${period}`;
-}
-function useTimeSlots({ min, max, step = 15 }) {
-	return useMemo(() => {
-		const minMinutes = min ? timeToMinutes(min) : 0;
-		const maxMinutes = max ? timeToMinutes(max) : 1439;
-		const slots = [];
-		for (let m = minMinutes; m <= maxMinutes; m += step) {
-			if (m >= 1440) break;
-			const value = minutesToTime(m);
-			slots.push({
-				value,
-				label: formatTimeLabel(value)
-			});
-		}
-		return slots;
-	}, [
-		min,
-		max,
-		step
-	]);
-}
-//#endregion
-//#region src/components/features/time-picker/time-picker.tsx
-function TimePicker({ value, onChange, min, max, step = 15, placeholder = "Select time", disabled = false, className, id, name, responsive = true, sheetTitle }) {
-	const [open, setOpen] = React$1.useState(false);
-	const slots = useTimeSlots({
-		min,
-		max,
-		step
-	});
-	const picker = useOptionPicker({
-		multiple: false,
-		options: slots,
-		value,
-		onValueChange: onChange,
-		open,
-		onOpenChange: setOpen
-	});
-	const displayValue = value ? formatTimeLabel(value) : void 0;
-	const trigger = /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		id,
-		role: "combobox",
-		"aria-expanded": open,
-		disabled,
-		className: cn("text-input-foreground placeholder:text-input-placeholder", "border-input-border bg-input-background/50 relative flex h-10 w-full items-center justify-between rounded-lg border px-3 py-2 text-left text-sm transition-all", "focus-visible:border-input-focus-border focus-visible:shadow-(--input-focus-shadow)", "focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:outline-hidden", disabled && "cursor-not-allowed opacity-50", className),
-		children: [/* @__PURE__ */ jsx("span", {
-			className: cn(!displayValue && "text-muted-foreground"),
-			children: displayValue ?? placeholder
-		}), /* @__PURE__ */ jsx(Clock, { className: "text-muted-foreground ml-2 size-4 shrink-0" })]
-	});
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ResponsivePopover, {
-		open,
-		onOpenChange: setOpen,
-		responsive,
-		sheetTitle: sheetTitle ?? placeholder,
-		trigger,
-		align: "start",
-		children: /* @__PURE__ */ jsx(OptionList, {
-			picker,
-			disableSearch: slots.length <= 48,
-			searchPlaceholder: "Search time...",
-			listClassName: "max-h-[200px]"
-		})
-	}), name && /* @__PURE__ */ jsx("input", {
-		type: "hidden",
-		name,
-		value: value ?? "",
-		readOnly: true
-	})] });
-}
-TimePicker.displayName = "TimePicker";
-//#endregion
-export { TimePicker as t };

package/dist/use-date-constraints-R3H4lIoT.mjs

@@ -1,41 +0,0 @@
-import { useCallback, useMemo } from "react";
-import { endOfDay, startOfDay } from "date-fns";
-//#region src/components/base/date-picker/use-date-constraints.ts
-function useDateConstraints({ minDate, maxDate, disablePast, disableFuture }) {
-	const today = useMemo(() => /* @__PURE__ */ new Date(), []);
-	const effectiveMinDate = useMemo(() => {
-		let min = minDate;
-		if (disablePast) {
-			const todayStart = startOfDay(today);
-			min = min ? min > todayStart ? min : todayStart : todayStart;
-		}
-		return min;
-	}, [
-		minDate,
-		disablePast,
-		today
-	]);
-	const effectiveMaxDate = useMemo(() => {
-		let max = maxDate;
-		if (disableFuture) {
-			const todayEnd = endOfDay(today);
-			max = max ? max < todayEnd ? max : todayEnd : todayEnd;
-		}
-		return max;
-	}, [
-		maxDate,
-		disableFuture,
-		today
-	]);
-	return {
-		effectiveMinDate,
-		effectiveMaxDate,
-		isDateDisabled: useCallback((date) => {
-			if (effectiveMinDate && date < effectiveMinDate) return true;
-			if (effectiveMaxDate && date > effectiveMaxDate) return true;
-			return false;
-		}, [effectiveMinDate, effectiveMaxDate])
-	};
-}
-//#endregion
-export { useDateConstraints as t };