@sixthshift/design-system 0.1.0 → 0.3.0

package/dist/components/DateRangePicker/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DateRangePicker/daterangepicker.types.d.ts

@@ -0,0 +1,37 @@
+/**
+ * DateRangePicker types.
+ *
+ * All values at the public boundary are canonical ISO 8601 date strings
+ * (`"2026-08-26"`).
+ */
+import type { DisabledDates, ISODate, ISODateRange, WeekStartsOn } from "../../date-time/index.js";
+/**
+ * A preset range.
+ *
+ * The value is a function so that relative ranges ("Last 7 days") are computed
+ * when the picker renders rather than when the preset list is defined.
+ */
+export type PresetOption = {
+    label: string;
+    value: () => ISODateRange;
+};
+export type DateRangePickerProps = {
+    value?: ISODateRange;
+    defaultValue?: ISODateRange;
+    onChange?: (range: ISODateRange | undefined) => void;
+    minDate?: ISODate;
+    maxDate?: ISODate;
+    disabled?: DisabledDates | DisabledDates[];
+    presets?: PresetOption[];
+    showPresets?: boolean;
+    placeholder?: string;
+    weekStartsOn?: WeekStartsOn;
+    name?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    className?: string;
+    align?: "start" | "end";
+    /** Whether the clear button is shown when a value is present (default: true) */
+    clearable?: boolean;
+};
+//# sourceMappingURL=daterangepicker.types.d.ts.map

package/dist/components/DateRangePicker/daterangepicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"daterangepicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/daterangepicker.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE1F;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,YAAY,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAEjC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAC;IAGrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IAG3C,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAG5B,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAExB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/components/DateRangePicker/daterangepicker.types.js

@@ -0,0 +1,8 @@
+/**
+ * DateRangePicker types.
+ *
+ * All values at the public boundary are canonical ISO 8601 date strings
+ * (`"2026-08-26"`).
+ */
+export {};
+//# sourceMappingURL=daterangepicker.types.js.map

package/dist/components/DateRangePicker/daterangepicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"daterangepicker.types.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/daterangepicker.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/components/DateRangePicker/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Public surface of `@sixthshift/design-system/date-range-picker`.
+ *
+ * `DateRangeValue` and `DisabledDateMatcher` were Temporal-shaped and are gone;
+ * the ISO equivalents `ISODateRange` and `DisabledDates` are re-exported here.
+ */
+export type { DisabledDates, ISODate, ISODateRange } from "../../date-time/index.js";
+export { DateRangePicker } from "./DateRangePicker.js";
+export type { DateRangePickerProps, PresetOption } from "./daterangepicker.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DateRangePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/DateRangePicker/index.js

@@ -0,0 +1,8 @@
+/**
+ * Public surface of `@sixthshift/design-system/date-range-picker`.
+ *
+ * `DateRangeValue` and `DisabledDateMatcher` were Temporal-shaped and are gone;
+ * the ISO equivalents `ISODateRange` and `DisabledDates` are re-exported here.
+ */
+export { DateRangePicker } from "./DateRangePicker.js";
+//# sourceMappingURL=index.js.map

package/dist/components/DateRangePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { DateTimePickerProps } from "./datetimepicker.types.js";
+/**
+ * DateTimePicker - A component for selecting both date and time
+ *
+ * Combines date and time selection in a single popup with side-by-side layout.
+ * Values cross the boundary as canonical UTC instant strings.
+ */
+export declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DateTimePicker.d.ts.map

package/dist/components/DateTimePicker/DateTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4B/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAiClE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,4FAkWzB,CAAC"}

package/dist/components/DateTimePicker/DateTimePicker.js

@@ -0,0 +1,210 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { autoUpdate, FloatingPortal, flip, offset, shift, useClick, useDismiss, useFloating, useInteractions } from "@floating-ui/react";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { cn } from "@sixthshift/design-system/utils";
+import { Clock, X } from "lucide-react";
+import * as React from "react";
+import { useCallback, useId, useMemo, useState } from "react";
+import { adaptDisabledDates, fromISODateOrUndefined, fromISOInstantOrUndefined, fromISOTimeOrUndefined, Temporal, today, toISOInstantOrUndefined, } from "../../date-time/index.js";
+import { Button } from "../Button/index.js";
+import { CalendarView } from "../Calendar/CalendarView.js";
+import { Separator } from "../Separator/index.js";
+import { PeriodSelector } from "../TimePicker/PeriodSelector.js";
+import { TimeColumn } from "../TimePicker/TimeColumn.js";
+import { generateHours, generateMinutes, generateSeconds, getCurrentTime, isTimeDisabled, temporalToParsed, to12Hour, to24Hour, } from "../TimePicker/timepicker.hooks.js";
+/**
+ * Format an Instant for display
+ */
+function formatInstantDisplay(instant, clockFormat, showSeconds, timeZone) {
+    const tz = timeZone ?? Temporal.Now.timeZoneId();
+    const zoned = instant.toZonedDateTimeISO(tz);
+    const plainDateTime = zoned.toPlainDateTime();
+    // Format date part
+    const datePart = plainDateTime.toLocaleString("en-US", {
+        month: "long",
+        day: "numeric",
+        year: "numeric",
+    });
+    // Format time part based on props
+    const timeOptions = {
+        hour: "numeric",
+        minute: "2-digit",
+        hour12: clockFormat === "12h",
+    };
+    if (showSeconds) {
+        timeOptions.second = "2-digit";
+    }
+    const timePart = plainDateTime.toLocaleString("en-US", timeOptions);
+    return `${datePart}, ${timePart}`;
+}
+/**
+ * DateTimePicker - A component for selecting both date and time
+ *
+ * Combines date and time selection in a single popup with side-by-side layout.
+ * Values cross the boundary as canonical UTC instant strings.
+ */
+export const DateTimePicker = React.forwardRef((props, ref) => {
+    const { value, defaultValue, onChange, minDate, maxDate, disabledDates, minTime, maxTime, minuteStep = 1, clockFormat = "12h", showSeconds = false, placeholder = "Select date and time...", weekStartsOn = 0, name, isDisabled = false, isInvalid = false, className, align = "end", clearable = true, } = props;
+    // Open state
+    const [open, setOpen] = useState(false);
+    // ---------------------------------------------------------------------------
+    // The ISO boundary.
+    //
+    // The value crosses as a canonical UTC instant string; constraints cross as
+    // ISO dates and times. Below this block everything is Temporal, exactly as
+    // before. Each conversion is memoised on its source string so the Temporal
+    // values stay referentially stable across renders.
+    // ---------------------------------------------------------------------------
+    const temporalValue = useMemo(() => fromISOInstantOrUndefined(value), [value]);
+    const temporalDefaultValue = useMemo(() => fromISOInstantOrUndefined(defaultValue), [defaultValue]);
+    const temporalMinDate = useMemo(() => fromISODateOrUndefined(minDate), [minDate]);
+    const temporalMaxDate = useMemo(() => fromISODateOrUndefined(maxDate), [maxDate]);
+    const temporalMinTime = useMemo(() => fromISOTimeOrUndefined(minTime), [minTime]);
+    const temporalMaxTime = useMemo(() => fromISOTimeOrUndefined(maxTime), [maxTime]);
+    const temporalDisabledDates = useMemo(() => adaptDisabledDates(disabledDates), [disabledDates]);
+    const handleChange = useCallback((next) => onChange?.(toISOInstantOrUndefined(next)), [onChange]);
+    // Controllable value state (external/committed value)
+    const [committedValue, setCommittedValue] = useControllableState({
+        value: temporalValue,
+        defaultValue: temporalDefaultValue,
+        onChange: handleChange,
+    });
+    // Draft state (date + time parts)
+    // Convert Instant to ZonedDateTime for editing
+    const userTimeZone = Temporal.Now.timeZoneId();
+    const zonedValue = committedValue?.toZonedDateTimeISO(userTimeZone);
+    const [draftDate, setDraftDate] = useState(zonedValue?.toPlainDate());
+    const [draftHour, setDraftHour] = useState(12);
+    const [draftMinute, setDraftMinute] = useState(0);
+    const [draftSecond, setDraftSecond] = useState(0);
+    const [draftPeriod, setDraftPeriod] = useState("PM");
+    // Month navigation state (for calendar)
+    const [month, setMonth] = useState(() => {
+        if (committedValue) {
+            const zoned = committedValue.toZonedDateTimeISO(userTimeZone);
+            return zoned.toPlainDate();
+        }
+        return today();
+    });
+    // Sync draft when popup opens
+    const handleOpenChange = useCallback((newOpen) => {
+        if (newOpen) {
+            const tz = Temporal.Now.timeZoneId();
+            if (committedValue) {
+                // Convert Instant to ZonedDateTime for editing
+                const zoned = committedValue.toZonedDateTimeISO(tz);
+                const dateTime = zoned.toPlainDateTime();
+                setDraftDate(dateTime.toPlainDate());
+                const parsed = temporalToParsed(dateTime.toPlainTime());
+                setDraftHour(clockFormat === "12h" ? to12Hour(parsed.hour).hour12 : parsed.hour);
+                setDraftMinute(parsed.minute);
+                setDraftSecond(parsed.second);
+                setDraftPeriod(to12Hour(parsed.hour).period);
+                setMonth(dateTime.toPlainDate());
+            }
+            else {
+                // Default to today + current time
+                const todayDate = today();
+                const now = getCurrentTime();
+                setDraftDate(todayDate);
+                const currentHour = now.hour;
+                setDraftHour(clockFormat === "12h" ? to12Hour(currentHour).hour12 : currentHour);
+                setDraftMinute(now.minute);
+                setDraftSecond(now.second);
+                setDraftPeriod(to12Hour(currentHour).period);
+                setMonth(todayDate);
+            }
+        }
+        setOpen(newOpen);
+    }, [committedValue, clockFormat]);
+    // Get the current draft as a parsed time (24-hour)
+    const getDraftTime = useCallback(() => {
+        const hour24 = clockFormat === "12h" ? to24Hour(draftHour, draftPeriod) : draftHour;
+        return {
+            hour: hour24,
+            minute: draftMinute,
+            second: draftSecond,
+        };
+    }, [clockFormat, draftHour, draftMinute, draftSecond, draftPeriod]);
+    // Apply changes
+    const handleApply = useCallback(() => {
+        if (!draftDate) {
+            setOpen(false);
+            return;
+        }
+        const draftTime = getDraftTime();
+        const plainDateTime = draftDate.toPlainDateTime({
+            hour: draftTime.hour,
+            minute: draftTime.minute,
+            second: showSeconds ? draftTime.second : 0,
+        });
+        // Convert PlainDateTime to ZonedDateTime in user's timezone, then to Instant
+        const tz = Temporal.Now.timeZoneId();
+        const zoned = plainDateTime.toZonedDateTime(tz);
+        const instant = zoned.toInstant();
+        setCommittedValue(instant);
+        setOpen(false);
+    }, [draftDate, getDraftTime, showSeconds, setCommittedValue]);
+    // Cancel changes
+    const handleCancel = useCallback(() => {
+        // Revert to committed value
+        if (committedValue) {
+            const tz = Temporal.Now.timeZoneId();
+            const zoned = committedValue.toZonedDateTimeISO(tz);
+            const dateTime = zoned.toPlainDateTime();
+            setDraftDate(dateTime.toPlainDate());
+            const parsed = temporalToParsed(dateTime.toPlainTime());
+            setDraftHour(clockFormat === "12h" ? to12Hour(parsed.hour).hour12 : parsed.hour);
+            setDraftMinute(parsed.minute);
+            setDraftSecond(parsed.second);
+            setDraftPeriod(to12Hour(parsed.hour).period);
+        }
+        setOpen(false);
+    }, [committedValue, clockFormat]);
+    // Clear value
+    const handleClear = useCallback((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        setCommittedValue(undefined);
+    }, [setCommittedValue]);
+    // Floating UI setup
+    const { refs, floatingStyles, context } = useFloating({
+        open,
+        onOpenChange: handleOpenChange,
+        placement: align === "start" ? "bottom-start" : "bottom-end",
+        middleware: [offset(8), flip(), shift({ padding: 8 })],
+        whileElementsMounted: autoUpdate,
+    });
+    const click = useClick(context);
+    const dismiss = useDismiss(context);
+    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss]);
+    // IDs for accessibility
+    const id = useId();
+    const contentId = `datetimepicker-content-${id}`;
+    const inputId = `datetimepicker-input-${id}`;
+    // Display value (from committed value)
+    const displayValue = committedValue ? formatInstantDisplay(committedValue, clockFormat, showSeconds) : "";
+    const hasValue = Boolean(committedValue);
+    // Time selection handlers
+    const handleHourChange = (hour) => setDraftHour(hour);
+    const handleMinuteChange = (minute) => setDraftMinute(minute);
+    const handleSecondChange = (second) => setDraftSecond(second);
+    const handlePeriodChange = (period) => setDraftPeriod(period);
+    // Generate time options
+    const hours = generateHours(clockFormat);
+    const minutes = generateMinutes(minuteStep);
+    const seconds = generateSeconds();
+    // Get current draft time for TimePicker display
+    const draftTime = getDraftTime();
+    // Check if a time is disabled
+    const checkTimeDisabled = useCallback((hour, minute, second) => {
+        const temporal = Temporal.PlainTime.from({ hour, minute, second });
+        return isTimeDisabled(temporal, temporalMinTime, temporalMaxTime);
+    }, [temporalMinTime, temporalMaxTime]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: ref, className: "relative flex items-center", children: [_jsx(Clock, { className: "pointer-events-none absolute left-3 h-4 w-4 text-fg-subtle" }), _jsx("input", { ref: refs.setReference, id: inputId, type: "text", readOnly: true, value: displayValue, placeholder: placeholder, disabled: isDisabled, role: "combobox", "aria-invalid": isInvalid, "aria-haspopup": "dialog", "aria-expanded": open, "aria-controls": open ? contentId : undefined, className: cn(`flex h-9 w-full cursor-pointer rounded-md border border-border-normal bg-transparent py-1 pl-9 text-sm shadow-xs transition-colors placeholder:text-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50`, clearable && hasValue ? "pr-9" : "pr-3", isInvalid && "border-border-danger", className), ...getReferenceProps() }), clearable && hasValue && !isDisabled && (_jsx("button", { type: "button", onClick: handleClear, className: "absolute right-3 rounded-sm p-0.5 text-fg-subtle hover:bg-bg-subtle hover:text-fg-normal focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring", "aria-label": "Clear date and time", children: _jsx(X, { className: "h-3.5 w-3.5" }) })), name && committedValue && _jsx("input", { type: "hidden", name: name, value: committedValue.toString() })] }), open && (_jsx(FloatingPortal, { children: _jsxs("div", { ref: refs.setFloating, id: contentId, role: "dialog", "aria-modal": "true", style: floatingStyles, className: "z-popover rounded-xl border border-border-normal bg-bg-normal p-4 shadow-lg", ...getFloatingProps(), children: [_jsxs("div", { className: "flex gap-4", children: [_jsx(CalendarView, { mode: "single", value: draftDate, onSelect: setDraftDate, month: month, onMonthChange: setMonth, minDate: temporalMinDate, maxDate: temporalMaxDate, disabled: temporalDisabledDates, weekStartsOn: weekStartsOn, showFooter: false }), _jsx(Separator, { orientation: "vertical" }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "text-center font-semibold text-sm", children: "Time" }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "Hour" }), _jsx(TimeColumn, { values: hours, selected: draftHour, onSelect: handleHourChange, disabled: (hour) => {
+                                                                const hour24 = clockFormat === "12h" ? to24Hour(hour, draftPeriod) : hour;
+                                                                return checkTimeDisabled(hour24, draftMinute, draftSecond);
+                                                            } })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "Min" }), _jsx(TimeColumn, { values: minutes, selected: draftMinute, onSelect: handleMinuteChange, disabled: (minute) => checkTimeDisabled(draftTime.hour, minute, draftSecond) })] }), showSeconds && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "Sec" }), _jsx(TimeColumn, { values: seconds, selected: draftSecond, onSelect: handleSecondChange, disabled: (second) => checkTimeDisabled(draftTime.hour, draftMinute, second) })] })), clockFormat === "12h" && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: "text-center font-medium text-fg-subtle text-xs", children: "\u00A0" }), _jsx(PeriodSelector, { value: draftPeriod, onChange: handlePeriodChange })] }))] })] })] }), _jsx(Separator, { className: "my-3" }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { type: "button", variant: "solid", size: "sm", onClick: handleApply, children: "Apply" })] })] }) }))] }));
+});
+DateTimePicker.displayName = "DateTimePicker";
+//# sourceMappingURL=DateTimePicker.js.map

package/dist/components/DateTimePicker/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DateTimePicker/datetimepicker.types.d.ts

@@ -0,0 +1,35 @@
+/**
+ * DateTimePicker types.
+ *
+ * The value is an absolute instant, exchanged as a canonical UTC ISO string
+ * (`"2026-08-26T00:30:00Z"`). Input written with a numeric offset is accepted and
+ * normalised to the `Z` form, so one instant always has one representation.
+ *
+ * Date and time constraints are plain dates and wall-clock times, since they
+ * describe the picker's grid rather than an absolute moment.
+ */
+import type { DisabledDates, ISODate, ISOInstant, ISOTime, WeekStartsOn } from "../../date-time/index.js";
+export type DateTimePickerProps = {
+    value?: ISOInstant | undefined;
+    defaultValue?: ISOInstant | undefined;
+    /** Called with a canonical UTC instant string, or undefined when cleared. */
+    onChange?: (instant: ISOInstant | undefined) => void;
+    minDate?: ISODate;
+    maxDate?: ISODate;
+    disabledDates?: DisabledDates | DisabledDates[];
+    minTime?: ISOTime;
+    maxTime?: ISOTime;
+    minuteStep?: 1 | 5 | 10 | 15 | 30;
+    clockFormat?: "12h" | "24h";
+    showSeconds?: boolean;
+    placeholder?: string;
+    weekStartsOn?: WeekStartsOn;
+    name?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    className?: string;
+    align?: "start" | "end";
+    /** Whether the clear button is shown when a value is present (default: true) */
+    clearable?: boolean;
+};
+//# sourceMappingURL=datetimepicker.types.d.ts.map

package/dist/components/DateTimePicker/datetimepicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimepicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/datetimepicker.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEjG,MAAM,MAAM,mBAAmB,GAAG;IAEhC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACtC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAGrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IAGhD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAGlC,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAG5B,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAExB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/components/DateTimePicker/datetimepicker.types.js

@@ -0,0 +1,12 @@
+/**
+ * DateTimePicker types.
+ *
+ * The value is an absolute instant, exchanged as a canonical UTC ISO string
+ * (`"2026-08-26T00:30:00Z"`). Input written with a numeric offset is accepted and
+ * normalised to the `Z` form, so one instant always has one representation.
+ *
+ * Date and time constraints are plain dates and wall-clock times, since they
+ * describe the picker's grid rather than an absolute moment.
+ */
+export {};
+//# sourceMappingURL=datetimepicker.types.js.map

package/dist/components/DateTimePicker/datetimepicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetimepicker.types.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/datetimepicker.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG"}

package/dist/components/DateTimePicker/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Public surface of `@sixthshift/design-system/datetime-picker`.
+ *
+ * `DisabledDateMatcher` was a Temporal-shaped type and is gone; the ISO
+ * equivalent `DisabledDates` is re-exported here.
+ */
+export type { DisabledDates, ISODate, ISOInstant, ISOTime } from "../../date-time/index.js";
+export { DateTimePicker } from "./DateTimePicker.js";
+export type { DateTimePickerProps } from "./datetimepicker.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DateTimePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/DateTimePicker/index.js

@@ -0,0 +1,8 @@
+/**
+ * Public surface of `@sixthshift/design-system/datetime-picker`.
+ *
+ * `DisabledDateMatcher` was a Temporal-shaped type and is gone; the ISO
+ * equivalent `DisabledDates` is re-exported here.
+ */
+export { DateTimePicker } from "./DateTimePicker.js";
+//# sourceMappingURL=index.js.map

package/dist/components/DateTimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { DateTimeRangePickerProps } from "./datetimerangepicker.types.js";
+/**
+ * DateTimeRangePicker - A component for selecting a datetime range
+ *
+ * Combines date range selection with separate time pickers for start and end times.
+ * All values cross the boundary as canonical UTC instant strings.
+ */
+export declare const DateTimeRangePicker: React.ForwardRefExoticComponent<DateTimeRangePickerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DateTimeRangePicker.d.ts.map

package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgC/B,OAAO,KAAK,EAAE,wBAAwB,EAAiD,MAAM,6BAA6B,CAAC;AA2G3H;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,iGAkjB9B,CAAC"}