@sixthshift/design-system 0.1.0 → 0.2.1

package/dist/components/TimePicker/PeriodSelector.d.ts

@@ -0,0 +1,7 @@
+import type { TimePeriod } from "./timepicker.types.js";
+export type PeriodSelectorProps = {
+    value: TimePeriod;
+    onChange: (period: TimePeriod) => void;
+};
+export declare const PeriodSelector: ({ value, onChange }: PeriodSelectorProps) => import("react").JSX.Element;
+//# sourceMappingURL=PeriodSelector.d.ts.map

package/dist/components/TimePicker/PeriodSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodSelector.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/PeriodSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,cAAc,wBAAyB,mBAAmB,gCAmBtE,CAAC"}

package/dist/components/TimePicker/PeriodSelector.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+export const PeriodSelector = ({ value, onChange }) => {
+    return (_jsx("div", { className: "flex h-48 w-12 flex-col items-center justify-center gap-1 rounded-lg border border-border-subtle bg-bg-subtle/50", children: ["AM", "PM"].map((period) => (_jsx("button", { type: "button", onClick: () => onChange(period), className: cn(`w-10 cursor-pointer rounded-md py-1.5 text-center text-sm transition-colors focus-visible:outline-hidden`, `hover:bg-bg-subtle focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset`, value === period && "bg-bg-brand text-fg-on-brand hover:bg-bg-brand-strong"), children: period }, period))) }));
+};
+//# sourceMappingURL=PeriodSelector.js.map

package/dist/components/TimePicker/PeriodSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodSelector.js","sourceRoot":"","sources":["../../../src/components/TimePicker/PeriodSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AAQrD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAuB,EAAE,EAAE;IACzE,OAAO,CACL,cAAK,SAAS,EAAC,kHAAkH,YAC7H,CAAC,IAAI,EAAE,IAAI,CAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvC,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC/B,SAAS,EAAE,EAAE,CACX,0GAA0G,EAC1G,gGAAgG,EAChG,KAAK,KAAK,MAAM,IAAI,uDAAuD,CAC5E,YAEA,MAAM,IATF,MAAM,CAUJ,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/TimePicker/TimeColumn.d.ts

@@ -0,0 +1,9 @@
+export type TimeColumnProps = {
+    values: number[];
+    selected: number;
+    onSelect: (value: number) => void;
+    formatValue?: (value: number) => string;
+    disabled?: (value: number) => boolean;
+};
+export declare const TimeColumn: ({ values, selected, onSelect, formatValue, disabled }: TimeColumnProps) => import("react").JSX.Element;
+//# sourceMappingURL=TimeColumn.d.ts.map

package/dist/components/TimePicker/TimeColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeColumn.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimeColumn.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,UAAU,0DAA+F,eAAe,gCAkDpI,CAAC"}

package/dist/components/TimePicker/TimeColumn.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import { useEffect, useRef } from "react";
+export const TimeColumn = ({ values, selected, onSelect, formatValue = (v) => String(v).padStart(2, "0"), disabled }) => {
+    const containerRef = useRef(null);
+    const selectedRef = useRef(null);
+    // Scroll selected item into view on mount and when selection changes
+    useEffect(() => {
+        if (selectedRef.current && containerRef.current) {
+            const container = containerRef.current;
+            const item = selectedRef.current;
+            const containerRect = container.getBoundingClientRect();
+            const itemRect = item.getBoundingClientRect();
+            const scrollTop = item.offsetTop - container.offsetTop - containerRect.height / 2 + itemRect.height / 2;
+            container.scrollTo({ top: scrollTop, behavior: "smooth" });
+        }
+    }, []);
+    return (_jsxs("div", { ref: containerRef, role: "listbox", className: "h-48 w-14 overflow-y-auto overscroll-contain rounded-lg border border-border-subtle bg-bg-subtle/50", children: [_jsx("div", { className: "h-19", "aria-hidden": "true" }), _jsx("div", { className: "flex flex-col gap-0.5", children: values.map((value) => {
+                    const isSelected = value === selected;
+                    const isDisabled = disabled?.(value) ?? false;
+                    return (_jsx("button", { ref: isSelected ? selectedRef : undefined, type: "button", role: "option", "aria-selected": isSelected, onClick: () => !isDisabled && onSelect(value), disabled: isDisabled, className: cn(`mx-1 cursor-pointer rounded-md py-1.5 text-center text-sm transition-colors focus-visible:outline-hidden`, `hover:bg-bg-subtle focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset`, isSelected && "bg-bg-brand text-fg-on-brand hover:bg-bg-brand-strong", isDisabled && "cursor-not-allowed opacity-50"), children: formatValue(value) }, value));
+                }) }), _jsx("div", { className: "h-19", "aria-hidden": "true" })] }));
+};
+//# sourceMappingURL=TimeColumn.js.map

package/dist/components/TimePicker/TimeColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeColumn.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimeColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAU1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAmB,EAAE,EAAE;IACvI,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEpD,qEAAqE;IACrE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAChD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;YACvC,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC;YACjC,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;YACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC9C,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,SAAS,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;YACxG,SAAS,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,GAAG,EAAE,YAAY,EAAE,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,qGAAqG,aAEpJ,cAAK,SAAS,EAAC,MAAM,iBAAa,MAAM,GAAG,EAC3C,cAAK,SAAS,EAAC,uBAAuB,YACnC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACpB,MAAM,UAAU,GAAG,KAAK,KAAK,QAAQ,CAAC;oBACtC,MAAM,UAAU,GAAG,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;oBAE9C,OAAO,CACL,iBAEE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACzC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,mBACE,UAAU,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,KAAK,CAAC,EAC7C,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,0GAA0G,EAC1G,gGAAgG,EAChG,UAAU,IAAI,uDAAuD,EACrE,UAAU,IAAI,+BAA+B,CAC9C,YAEA,WAAW,CAAC,KAAK,CAAC,IAdd,KAAK,CAeH,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EAEN,cAAK,SAAS,EAAC,MAAM,iBAAa,MAAM,GAAG,IACvC,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/TimePicker/TimePicker.d.ts

@@ -0,0 +1,5 @@
+import type * as React from "react";
+import type { TimePickerProps } from "./timepicker.types.js";
+export type { TimePickerProps };
+export declare const TimePicker: (props: TimePickerProps) => React.JSX.Element;
+//# sourceMappingURL=TimePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAmBpC,OAAO,KAAK,EAA0B,eAAe,EAAoB,MAAM,oBAAoB,CAAC;AAEpG,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,eAAO,MAAM,UAAU,UAAW,eAAe,sBAuShD,CAAC"}

package/dist/components/TimePicker/TimePicker.js

@@ -0,0 +1,133 @@
+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 { useCallback, useId, useState } from "react";
+import { Button } from "../Button/index.js";
+import { Separator } from "../Separator/index.js";
+import { PeriodSelector } from "./PeriodSelector.js";
+import { TimeColumn } from "./TimeColumn.js";
+import { formatTimeDisplay, generateHours, generateMinutes, generateSeconds, getCurrentTime, isTimeDisabled, parsedToTemporal, temporalTimeToISO, temporalToParsed, to12Hour, to24Hour, } from "./timepicker.hooks.js";
+export const TimePicker = (props) => {
+    const { value, defaultValue, onChange, format = "HH:mm", clockFormat = "12h", minuteStep = 1, minTime, maxTime, presets, placeholder = "Select time", name, isDisabled = false, isInvalid = false, className, } = props;
+    // Open state
+    const [open, setOpen] = useState(false);
+    // Controllable value state (external/committed value)
+    const [committedValue, setCommittedValue] = useControllableState({
+        value,
+        defaultValue,
+        onChange,
+    });
+    // Parse committed value
+    const parsedCommitted = committedValue ? temporalToParsed(committedValue) : undefined;
+    // Draft state (internal while popup is open)
+    const [draftHour, setDraftHour] = useState(parsedCommitted?.hour ?? 12);
+    const [draftMinute, setDraftMinute] = useState(parsedCommitted?.minute ?? 0);
+    const [draftSecond, setDraftSecond] = useState(parsedCommitted?.second ?? 0);
+    const [draftPeriod, setDraftPeriod] = useState(() => {
+        if (parsedCommitted) {
+            return to12Hour(parsedCommitted.hour).period;
+        }
+        return "AM";
+    });
+    // Sync draft when popup opens
+    const handleOpenChange = useCallback((newOpen) => {
+        if (newOpen) {
+            if (committedValue) {
+                const parsed = temporalToParsed(committedValue);
+                setDraftHour(clockFormat === "12h" ? to12Hour(parsed.hour).hour12 : parsed.hour);
+                setDraftMinute(parsed.minute);
+                setDraftSecond(parsed.second);
+                setDraftPeriod(to12Hour(parsed.hour).period);
+            }
+            else {
+                // Default to current time
+                const now = getCurrentTime();
+                const currentHour = now.hour;
+                setDraftHour(clockFormat === "12h" ? to12Hour(currentHour).hour12 : currentHour);
+                setDraftMinute(now.minute);
+                setDraftSecond(now.second);
+                setDraftPeriod(to12Hour(currentHour).period);
+            }
+        }
+        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(() => {
+        const parsed = getDraftTime();
+        const temporalTime = parsedToTemporal(parsed);
+        // Check if disabled
+        if (isTimeDisabled(temporalTime, minTime, maxTime)) {
+            return;
+        }
+        setCommittedValue(temporalTime);
+        setOpen(false);
+    }, [getDraftTime, minTime, maxTime, setCommittedValue]);
+    // Cancel changes
+    const handleCancel = useCallback(() => {
+        setOpen(false);
+    }, []);
+    // Clear value
+    const handleClear = useCallback((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        setCommittedValue(undefined);
+    }, [setCommittedValue]);
+    // Now button
+    const handleNow = useCallback(() => {
+        const now = getCurrentTime();
+        const currentHour = now.hour;
+        setDraftHour(clockFormat === "12h" ? to12Hour(currentHour).hour12 : currentHour);
+        setDraftMinute(now.minute);
+        setDraftSecond(now.second);
+        setDraftPeriod(to12Hour(currentHour).period);
+    }, [clockFormat]);
+    // Preset selection
+    const handlePresetClick = useCallback((preset) => {
+        const parsed = temporalToParsed(preset.value);
+        setDraftHour(clockFormat === "12h" ? to12Hour(parsed.hour).hour12 : parsed.hour);
+        setDraftMinute(parsed.minute);
+        setDraftSecond(parsed.second);
+        setDraftPeriod(to12Hour(parsed.hour).period);
+    }, [clockFormat]);
+    // Check if a preset is currently active
+    const isPresetActive = useCallback((preset) => {
+        const draftTime = getDraftTime();
+        const presetParsed = temporalToParsed(preset.value);
+        return (draftTime.hour === presetParsed.hour && draftTime.minute === presetParsed.minute && (format === "HH:mm" || draftTime.second === presetParsed.second));
+    }, [getDraftTime, format]);
+    // Floating UI setup
+    const { refs, floatingStyles, context } = useFloating({
+        open,
+        onOpenChange: handleOpenChange,
+        placement: "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 = `timepicker-content-${id}`;
+    const inputId = `timepicker-input-${id}`;
+    // Display value
+    const displayValue = committedValue ? formatTimeDisplay(committedValue, clockFormat, format) : "";
+    const hasValue = Boolean(committedValue);
+    // Generate column values
+    const hours = generateHours(clockFormat);
+    const minutes = generateMinutes(minuteStep);
+    const seconds = generateSeconds();
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { 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`, hasValue ? "pr-9" : "pr-3", isInvalid && "border-border-danger", className), ...getReferenceProps() }), 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 time", children: _jsx(X, { className: "h-3.5 w-3.5" }) })), name && committedValue && _jsx("input", { type: "hidden", name: name, value: temporalTimeToISO(committedValue, format) })] }), open && (_jsx(FloatingPortal, { children: _jsx("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", children: [presets && presets.length > 0 && (_jsx("div", { className: "mr-3 flex flex-col gap-1 border-border-normal border-r pr-3", children: presets.map((preset) => (_jsx("button", { type: "button", onClick: () => handlePresetClick(preset), className: cn(`rounded-md px-3 py-1.5 text-left text-sm transition-colors`, `hover:bg-bg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset`, isPresetActive(preset) && "bg-bg-brand-subtle text-fg-brand"), children: preset.label }, preset.label))) })), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx("div", { className: "w-14 text-center font-medium text-fg-subtle text-xs", children: "Hour" }), _jsx("div", { className: "w-14 text-center font-medium text-fg-subtle text-xs", children: "Min" }), format === "HH:mm:ss" && _jsx("div", { className: "w-14 text-center font-medium text-fg-subtle text-xs", children: "Sec" }), clockFormat === "12h" && _jsx("div", { className: "w-12 text-center font-medium text-fg-subtle text-xs" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(TimeColumn, { values: hours, selected: draftHour, onSelect: setDraftHour, formatValue: clockFormat === "12h" ? (v) => String(v) : (v) => String(v).padStart(2, "0") }), _jsx(TimeColumn, { values: minutes, selected: draftMinute, onSelect: setDraftMinute }), format === "HH:mm:ss" && _jsx(TimeColumn, { values: seconds, selected: draftSecond, onSelect: setDraftSecond }), clockFormat === "12h" && _jsx(PeriodSelector, { value: draftPeriod, onChange: setDraftPeriod })] }), _jsx(Separator, {}), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: handleNow, children: "Now" }), _jsxs("div", { className: "flex 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" })] })] })] })] }) }) }))] }));
+};
+//# sourceMappingURL=TimePicker.js.map

package/dist/components/TimePicker/TimePicker.js.map

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

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

@@ -0,0 +1,3 @@
+export { TimePicker } from "./TimePicker.js";
+export type { ClockFormat, TimeFormat, TimePickerProps, TimePresetOption, } from "./timepicker.types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,WAAW,EACX,UAAU,EACV,eAAe,EACf,gBAAgB,GACjB,MAAM,oBAAoB,CAAC"}

package/dist/components/TimePicker/index.js

@@ -0,0 +1,2 @@
+export { TimePicker } from "./TimePicker.js";
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/TimePicker/timepicker.hooks.d.ts

@@ -0,0 +1,63 @@
+import { Temporal } from "../../date-time/index.js";
+import type { ClockFormat, ParsedTime, TimeFormat, TimePeriod } from "./timepicker.types.js";
+/**
+ * Convert Temporal.PlainTime to ParsedTime
+ */
+export declare function temporalToParsed(time: Temporal.PlainTime): ParsedTime;
+/**
+ * Convert ParsedTime to Temporal.PlainTime
+ */
+export declare function parsedToTemporal(parsed: ParsedTime): Temporal.PlainTime;
+/**
+ * Convert Temporal.PlainTime to ISO string (for form submission)
+ */
+export declare function temporalTimeToISO(time: Temporal.PlainTime, format?: TimeFormat): string;
+/**
+ * Format Temporal.PlainTime for display
+ */
+export declare function formatTimeDisplay(time: Temporal.PlainTime, clockFormat?: ClockFormat, format?: TimeFormat): string;
+/**
+ * Check if time a is before time b
+ */
+export declare function isTimeBefore(a: Temporal.PlainTime, b: Temporal.PlainTime): boolean;
+/**
+ * Check if time a is after time b
+ */
+export declare function isTimeAfter(a: Temporal.PlainTime, b: Temporal.PlainTime): boolean;
+/**
+ * Check if a time is within min/max bounds
+ */
+export declare function isTimeDisabled(time: Temporal.PlainTime, minTime?: Temporal.PlainTime, maxTime?: Temporal.PlainTime): boolean;
+/**
+ * Convert 24-hour hour to 12-hour format
+ */
+export declare function to12Hour(hour24: number): {
+    hour12: number;
+    period: TimePeriod;
+};
+/**
+ * Convert 12-hour format to 24-hour hour
+ */
+export declare function to24Hour(hour12: number, period: TimePeriod): number;
+/**
+ * Generate array of hours for display
+ */
+export declare function generateHours(clockFormat: ClockFormat): number[];
+/**
+ * Generate array of minutes based on step
+ */
+export declare function generateMinutes(step?: number): number[];
+/**
+ * Generate array of seconds
+ */
+export declare function generateSeconds(): number[];
+/**
+ * Get current time as Temporal.PlainTime, rounded to minute precision
+ * to avoid nanosecond drift causing unnecessary re-renders
+ */
+export declare function getCurrentTime(): Temporal.PlainTime;
+/**
+ * Round time to nearest step
+ */
+export declare function roundToStep(minute: number, step: number): number;
+//# sourceMappingURL=timepicker.hooks.d.ts.map

package/dist/components/TimePicker/timepicker.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker.hooks.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/timepicker.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAM1F;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,GAAG,UAAU,CAMrE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,QAAQ,CAAC,SAAS,CAMvE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAE,UAAoB,GAAG,MAAM,CAKhG;AAMD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,EAAE,WAAW,GAAE,WAAmB,EAAE,MAAM,GAAE,UAAoB,GAAG,MAAM,CAkBlI;AAMD;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,OAAO,CAElF;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,OAAO,CAEjF;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,OAAO,CAQ5H;AAMD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,UAAU,CAAA;CAAE,CAW/E;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,MAAM,CAKnE;AAMD;;GAEG;AACH,wBAAgB,aAAa,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM,EAAE,CAKhE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,GAAE,MAAU,GAAG,MAAM,EAAE,CAM1D;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,MAAM,EAAE,CAE1C;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,QAAQ,CAAC,SAAS,CAEnD;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAEhE"}

package/dist/components/TimePicker/timepicker.hooks.js

@@ -0,0 +1,154 @@
+import { formatTimePadded, Temporal } from "../../date-time/index.js";
+// =============================================================================
+// Temporal ↔ ParsedTime Conversion
+// =============================================================================
+/**
+ * Convert Temporal.PlainTime to ParsedTime
+ */
+export function temporalToParsed(time) {
+    return {
+        hour: time.hour,
+        minute: time.minute,
+        second: time.second,
+    };
+}
+/**
+ * Convert ParsedTime to Temporal.PlainTime
+ */
+export function parsedToTemporal(parsed) {
+    return Temporal.PlainTime.from({
+        hour: parsed.hour,
+        minute: parsed.minute,
+        second: parsed.second,
+    });
+}
+/**
+ * Convert Temporal.PlainTime to ISO string (for form submission)
+ */
+export function temporalTimeToISO(time, format = "HH:mm") {
+    if (format === "HH:mm:ss") {
+        return time.toString().slice(0, 8); // "HH:mm:ss"
+    }
+    return time.toString().slice(0, 5); // "HH:mm"
+}
+// =============================================================================
+// Time Formatting
+// =============================================================================
+/**
+ * Format Temporal.PlainTime for display
+ */
+export function formatTimeDisplay(time, clockFormat = "12h", format = "HH:mm") {
+    if (clockFormat === "12h") {
+        return formatTimePadded(time);
+    }
+    // 24h format
+    if (format === "HH:mm:ss") {
+        return time.toLocaleString("en-US", {
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit",
+            hour12: false,
+        });
+    }
+    return time.toLocaleString("en-US", {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false,
+    });
+}
+// =============================================================================
+// Time Comparison
+// =============================================================================
+/**
+ * Check if time a is before time b
+ */
+export function isTimeBefore(a, b) {
+    return Temporal.PlainTime.compare(a, b) < 0;
+}
+/**
+ * Check if time a is after time b
+ */
+export function isTimeAfter(a, b) {
+    return Temporal.PlainTime.compare(a, b) > 0;
+}
+/**
+ * Check if a time is within min/max bounds
+ */
+export function isTimeDisabled(time, minTime, maxTime) {
+    if (minTime && isTimeBefore(time, minTime)) {
+        return true;
+    }
+    if (maxTime && isTimeAfter(time, maxTime)) {
+        return true;
+    }
+    return false;
+}
+// =============================================================================
+// 12-Hour / 24-Hour Conversion
+// =============================================================================
+/**
+ * Convert 24-hour hour to 12-hour format
+ */
+export function to12Hour(hour24) {
+    if (hour24 === 0) {
+        return { hour12: 12, period: "AM" };
+    }
+    if (hour24 < 12) {
+        return { hour12: hour24, period: "AM" };
+    }
+    if (hour24 === 12) {
+        return { hour12: 12, period: "PM" };
+    }
+    return { hour12: hour24 - 12, period: "PM" };
+}
+/**
+ * Convert 12-hour format to 24-hour hour
+ */
+export function to24Hour(hour12, period) {
+    if (period === "AM") {
+        return hour12 === 12 ? 0 : hour12;
+    }
+    return hour12 === 12 ? 12 : hour12 + 12;
+}
+// =============================================================================
+// Time Generation
+// =============================================================================
+/**
+ * Generate array of hours for display
+ */
+export function generateHours(clockFormat) {
+    if (clockFormat === "12h") {
+        return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+    }
+    return Array.from({ length: 24 }, (_, i) => i);
+}
+/**
+ * Generate array of minutes based on step
+ */
+export function generateMinutes(step = 1) {
+    const minutes = [];
+    for (let m = 0; m < 60; m += step) {
+        minutes.push(m);
+    }
+    return minutes;
+}
+/**
+ * Generate array of seconds
+ */
+export function generateSeconds() {
+    return Array.from({ length: 60 }, (_, i) => i);
+}
+/**
+ * Get current time as Temporal.PlainTime, rounded to minute precision
+ * to avoid nanosecond drift causing unnecessary re-renders
+ */
+export function getCurrentTime() {
+    return Temporal.Now.plainTimeISO().round({ smallestUnit: "minute", roundingMode: "floor" });
+}
+/**
+ * Round time to nearest step
+ */
+export function roundToStep(minute, step) {
+    return Math.round(minute / step) * step;
+}
+//# sourceMappingURL=timepicker.hooks.js.map

package/dist/components/TimePicker/timepicker.hooks.js.map

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

package/dist/components/TimePicker/timepicker.types.d.ts

@@ -0,0 +1,66 @@
+/**
+ * TimePicker types
+ *
+ * All time values use Temporal.PlainTime at the component boundary.
+ * This provides type safety and semantic clarity about what kind of time is expected.
+ */
+import type { Temporal } from "../../date-time/index.js";
+/**
+ * Time value format for display and serialization
+ * - "HH:mm" for minute precision (default)
+ * - "HH:mm:ss" for second precision
+ */
+export type TimeFormat = "HH:mm" | "HH:mm:ss";
+/**
+ * Clock format for display
+ * - "12h" shows AM/PM selector
+ * - "24h" shows 00-23 hours
+ */
+export type ClockFormat = "12h" | "24h";
+export type TimePresetOption = {
+    label: string;
+    value: Temporal.PlainTime;
+};
+export type TimePickerProps = {
+    /** Controlled value */
+    value?: Temporal.PlainTime | undefined;
+    /** Default value for uncontrolled mode */
+    defaultValue?: Temporal.PlainTime | undefined;
+    /** Called when time changes */
+    onChange?: (time: Temporal.PlainTime | undefined) => void;
+    /** Time format for the value (affects seconds visibility) */
+    format?: TimeFormat;
+    /** Clock display format */
+    clockFormat?: ClockFormat;
+    /** Minute step interval (default: 1) */
+    minuteStep?: 1 | 5 | 10 | 15 | 30;
+    /** Minimum selectable time */
+    minTime?: Temporal.PlainTime;
+    /** Maximum selectable time */
+    maxTime?: Temporal.PlainTime;
+    /** Preset options (shown in sidebar) */
+    presets?: TimePresetOption[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Input name for form submission */
+    name?: string;
+    /** Whether the picker is disabled */
+    isDisabled?: boolean;
+    /** Error state */
+    isInvalid?: boolean;
+    /** Additional class name for the trigger input */
+    className?: string;
+};
+/**
+ * Parsed time value for internal use
+ */
+export type ParsedTime = {
+    hour: number;
+    minute: number;
+    second: number;
+};
+/**
+ * AM/PM period
+ */
+export type TimePeriod = "AM" | "PM";
+//# sourceMappingURL=timepicker.types.d.ts.map

package/dist/components/TimePicker/timepicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/timepicker.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAMhD;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAE9C;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,CAAC;AAMxC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC;CAC3B,CAAC;AAMF,MAAM,MAAM,eAAe,GAAG;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;IAEvC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;IAE9C,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAE1D,6DAA6D;IAC7D,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAElC,8BAA8B;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAE7B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAE7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE7B,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kBAAkB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/dist/components/TimePicker/timepicker.types.js

@@ -0,0 +1,8 @@
+/**
+ * TimePicker types
+ *
+ * All time values use Temporal.PlainTime at the component boundary.
+ * This provides type safety and semantic clarity about what kind of time is expected.
+ */
+export {};
+//# sourceMappingURL=timepicker.types.js.map

package/dist/components/TimePicker/timepicker.types.js.map

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

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,36 @@
+import { type FloatingPortalProps } from "@floating-ui/react";
+import { type MessageProps } from "@sixthshift/design-system/message";
+import * as React from "react";
+export type ToastProps = Omit<MessageProps, "size"> & {
+    /** Called when toast closes (after exit animation) */
+    onClose?: () => void;
+    /** Optional action button label */
+    action?: string;
+    /** Called when action button is clicked */
+    onAction?: () => void;
+    /** Portal root element (default: document.body) */
+    root?: FloatingPortalProps["root"];
+    /**
+     * Whether Toast should render in a portal and position itself.
+     * Set to false when Toast is rendered by a parent that handles positioning (e.g., OverlayContext).
+     * @default true
+     */
+    standalone?: boolean;
+};
+export declare const Toast: React.ForwardRefExoticComponent<Omit<MessageProps, "size"> & {
+    /** Called when toast closes (after exit animation) */
+    onClose?: () => void;
+    /** Optional action button label */
+    action?: string;
+    /** Called when action button is clicked */
+    onAction?: () => void;
+    /** Portal root element (default: document.body) */
+    root?: FloatingPortalProps["root"];
+    /**
+     * Whether Toast should render in a portal and position itself.
+     * Set to false when Toast is rendered by a parent that handles positioning (e.g., OverlayContext).
+     * @default true
+     */
+    standalone?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9E,OAAO,EAAyD,KAAK,YAAY,EAAgB,MAAM,mCAAmC,CAAC;AAG3I,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG;IACpD,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mDAAmD;IACnD,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAMF,eAAO,MAAM,KAAK;IApBhB,sDAAsD;cAC5C,MAAM,IAAI;IACpB,mCAAmC;aAC1B,MAAM;IACf,2CAA2C;eAChC,MAAM,IAAI;IACrB,mDAAmD;WAC5C,mBAAmB,CAAC,MAAM,CAAC;IAClC;;;;OAIG;iBACU,OAAO;wCAmFrB,CAAC"}