@timeax/form-palette 0.0.2 → 0.0.4

package/dist/presets/ui/textarea.js

@@ -0,0 +1,291 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+// ─────────────────────────────────────────────
+// Helpers
+// ─────────────────────────────────────────────
+function resolveSizeDensityClasses(size, density) {
+    const s = size ?? "md";
+    const d = density ?? "normal";
+    let textCls = "text-base md:text-sm";
+    if (s === "sm") {
+        textCls = "text-sm";
+    }
+    else if (s === "lg") {
+        textCls = "text-base";
+    }
+    let densityCls = "";
+    if (d === "dense" || d === "compact") {
+        densityCls = "leading-tight";
+    }
+    else if (d === "relaxed" || d === "loose") {
+        densityCls = "leading-relaxed";
+    }
+    return { textCls, densityCls };
+}
+function resolveBasePadding(size, density) {
+    // mirror Input baseline
+    let px = 12;
+    let py = 8;
+    const s = size ?? "md";
+    const d = density ?? "normal";
+    if (s === "sm") {
+        px = 10;
+        py = 6;
+    }
+    else if (s === "lg") {
+        px = 14;
+        py = 10;
+    }
+    if (d === "dense" || d === "compact") {
+        py = Math.max(2, py - 1);
+    }
+    else if (d === "relaxed" || d === "loose") {
+        py = py + 1;
+    }
+    return { px, py };
+}
+// ─────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────
+export const Textarea = React.forwardRef(function Textarea(rawProps, forwardedRef) {
+    const { 
+    // layout wrapper
+    className, style, 
+    // native textarea bits
+    disabled, readOnly, required, onChange, onFocus, onBlur, placeholder, 
+    // size / density
+    size = "md", density = "normal", 
+    // auto-resize
+    autoResize = true, rows: minRowsProp, maxRows, 
+    // controls / icons
+    leadingIcons, trailingIcons, icon, iconGap, leadingIconSpacing, trailingIconSpacing, leadingControl, trailingControl, leadingControlClassName, trailingControlClassName, extendBoxToControls = false, extendBoxToToolbox = false, px, py, ps, pe, pb, inputClassName, 
+    // upper toolbox
+    upperControl, upperControlClassName, 
+    // rest of <textarea> props
+    ...rest } = rawProps;
+    const sizeKey = size ?? "md";
+    const densityKey = density ?? "normal";
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(forwardedRef, () => innerRef.current, []);
+    // icons
+    const resolvedLeadingIcons = (() => {
+        if (leadingIcons && leadingIcons.length)
+            return leadingIcons;
+        if (icon)
+            return [icon];
+        return [];
+    })();
+    const resolvedTrailingIcons = trailingIcons ?? [];
+    const hasLeadingIcons = resolvedLeadingIcons.length > 0;
+    const hasTrailingIcons = resolvedTrailingIcons.length > 0;
+    const hasLeadingControl = !!leadingControl;
+    const hasTrailingControl = !!trailingControl;
+    const hasIcons = hasLeadingIcons || hasTrailingIcons;
+    const hasControls = hasLeadingControl || hasTrailingControl;
+    const hasExtras = hasIcons || hasControls;
+    const baseIconGap = iconGap ?? 1;
+    const leadingGap = leadingIconSpacing ?? baseIconGap;
+    const trailingGap = trailingIconSpacing ?? baseIconGap;
+    const leadingIconsRef = React.useRef(null);
+    const trailingIconsRef = React.useRef(null);
+    const [leadingIconsWidth, setLeadingIconsWidth] = React.useState(0);
+    const [trailingIconsWidth, setTrailingIconsWidth] = React.useState(0);
+    const measureIconWidths = React.useCallback(() => {
+        if (typeof window === "undefined")
+            return;
+        const lead = leadingIconsRef.current;
+        const trail = trailingIconsRef.current;
+        if (lead) {
+            const rect = lead.getBoundingClientRect();
+            setLeadingIconsWidth(rect.width);
+        }
+        else {
+            setLeadingIconsWidth(0);
+        }
+        if (trail) {
+            const rect = trail.getBoundingClientRect();
+            setTrailingIconsWidth(rect.width);
+        }
+        else {
+            setTrailingIconsWidth(0);
+        }
+    }, []);
+    // MutationObserver → recompute icon widths when content changes
+    React.useLayoutEffect(() => {
+        if (typeof window === "undefined" ||
+            typeof MutationObserver === "undefined") {
+            measureIconWidths();
+            return;
+        }
+        const observers = [];
+        const lead = leadingIconsRef.current;
+        const trail = trailingIconsRef.current;
+        if (lead) {
+            const obs = new MutationObserver(() => measureIconWidths());
+            obs.observe(lead, {
+                childList: true,
+                subtree: true,
+                attributes: true,
+            });
+            observers.push(obs);
+        }
+        if (trail) {
+            const obs = new MutationObserver(() => measureIconWidths());
+            obs.observe(trail, {
+                childList: true,
+                subtree: true,
+                attributes: true,
+            });
+            observers.push(obs);
+        }
+        measureIconWidths();
+        return () => observers.forEach((o) => o.disconnect());
+    }, [measureIconWidths, hasLeadingIcons, hasTrailingIcons]);
+    // row height / rows
+    const [rowHeight, setRowHeight] = React.useState(null);
+    const baseMinRows = Math.max(minRowsProp ?? 1, 1);
+    const [rows, setRows] = React.useState(baseMinRows);
+    // measure a single-row height from the textarea itself
+    React.useLayoutEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const el = innerRef.current;
+        if (!el)
+            return;
+        const prevValue = el.value;
+        const prevHeight = el.style.height;
+        el.value = "X";
+        el.style.height = "0px";
+        const singleRowHeight = el.scrollHeight;
+        el.value = prevValue;
+        el.style.height = prevHeight;
+        if (singleRowHeight > 0 && Number.isFinite(singleRowHeight)) {
+            setRowHeight(singleRowHeight);
+            setRows(baseMinRows);
+        }
+    }, [sizeKey, densityKey, baseMinRows]);
+    // auto-resize helper
+    const recomputeHeight = React.useCallback(() => {
+        if (!autoResize)
+            return;
+        if (!innerRef.current)
+            return;
+        if (!rowHeight)
+            return;
+        const el = innerRef.current;
+        el.style.height = "0px";
+        const scrollH = el.scrollHeight;
+        // if empty, keep exactly minRows
+        if (!el.value || el.value.length === 0) {
+            const h = baseMinRows * rowHeight;
+            el.style.height = `${h}px`;
+            setRows(baseMinRows);
+            return;
+        }
+        const rawRows = scrollH / rowHeight;
+        let nextRows = Math.max(baseMinRows, Math.ceil(rawRows));
+        if (typeof maxRows === "number" && maxRows > 0) {
+            nextRows = Math.min(nextRows, maxRows);
+        }
+        const nextHeight = nextRows * rowHeight;
+        el.style.height = `${nextHeight}px`;
+        setRows(nextRows);
+    }, [autoResize, rowHeight, baseMinRows, maxRows]);
+    // run when controlled value changes or initial mount
+    React.useLayoutEffect(() => {
+        recomputeHeight();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [recomputeHeight, rest.value, rest.defaultValue]);
+    // padding (frame-level)
+    const { px: pxDefault, py: pyDefault } = resolveBasePadding(size, density);
+    const extraPx = typeof px === "number" ? px : 0;
+    const extraPy = typeof py === "number" ? py : 0;
+    const extraPs = typeof ps === "number" ? ps : 0;
+    const extraPe = typeof pe === "number" ? pe : 0;
+    const extraPb = typeof pb === "number" ? pb : 0;
+    const basePaddingStart = pxDefault + extraPx + extraPs;
+    const basePaddingEnd = pxDefault + extraPx + extraPe;
+    const paddingTop = pyDefault + extraPy;
+    const paddingBottom = pyDefault + extraPy + extraPb;
+    // extra space text needs because of icons
+    const iconsLeftExtra = hasLeadingIcons && leadingIconsWidth > 0
+        ? leadingIconsWidth + baseIconGap
+        : 0;
+    const iconsRightExtra = hasTrailingIcons && trailingIconsWidth > 0
+        ? trailingIconsWidth + baseIconGap
+        : 0;
+    const { textCls, densityCls } = resolveSizeDensityClasses(size, density);
+    // vars for the frame: both base + adjusted
+    const vars = {
+        "--fp-pl-base": `${basePaddingStart}px`,
+        "--fp-pr-base": `${basePaddingEnd}px`,
+        "--fp-pl": `${basePaddingStart + iconsLeftExtra}px`,
+        "--fp-pr": `${basePaddingEnd + iconsRightExtra}px`,
+        "--fp-pt": `${paddingTop}px`,
+        "--fp-pb": `${paddingBottom}px`,
+        "--fp-row-height": rowHeight ? `${rowHeight}px` : undefined,
+        "--fp-rows": rows,
+    };
+    const mergedWrapperStyle = {
+        ...(style ?? {}),
+        ...vars,
+    };
+    // visual frame (border/background/focus)
+    const frameClasses = cn("border-input placeholder:text-muted-foreground focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", "dark:bg-input/30 rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] outline-none", "disabled:cursor-not-allowed disabled:opacity-50");
+    // padding utility using adjusted vars (--fp-pl / --fp-pr)
+    const framePaddingClasses = cn("px-(--fp-pl,--spacing(3)) pr-(--fp-pr,--spacing(3))", "pt-(--fp-pt,--spacing(1)) pb-(--fp-pb,--spacing(1))");
+    // which element owns the frame?
+    const boxOnToolbox = extendBoxToToolbox;
+    const boxOnInner = !boxOnToolbox && extendBoxToControls;
+    const boxOnField = !boxOnToolbox && !boxOnInner;
+    const wrapperClasses = cn("w-full", className);
+    const boxClasses = cn("flex flex-col gap-1", boxOnToolbox && frameClasses, boxOnToolbox && framePaddingClasses);
+    const innerRowClasses = cn("flex items-stretch gap-1", boxOnInner && frameClasses, boxOnInner && framePaddingClasses);
+    const fieldWrapperClasses = cn("relative flex-1 min-w-0", boxOnField && frameClasses, boxOnField && framePaddingClasses);
+    const textareaClasses = cn("block w-full min-h-[1px] resize-none bg-transparent border-none outline-none shadow-none", "px-0 py-0", "placeholder:text-muted-foreground", textCls, densityCls, inputClassName);
+    const focusTextarea = () => {
+        if (innerRef.current)
+            innerRef.current.focus();
+    };
+    const handleFocus = React.useCallback((event) => {
+        onFocus?.(event);
+    }, [onFocus]);
+    const handleBlur = React.useCallback((event) => {
+        onBlur?.(event);
+    }, [onBlur]);
+    const handleChange = React.useCallback((event) => {
+        onChange?.(event);
+        // for uncontrolled usage, recompute on each keystroke
+        recomputeHeight();
+    }, [onChange, recomputeHeight]);
+    const handleIconMouseDown = (e) => {
+        e.preventDefault();
+        focusTextarea();
+    };
+    const controlCellStyle = rowHeight != null ? { height: `${rowHeight}px` } : undefined;
+    const lowerControlAlignStyle = {
+        marginTop: "auto",
+        ...controlCellStyle,
+    };
+    const leadingArea = hasLeadingControl ? (_jsx("div", { "data-slot": "textarea-leading-area", className: cn("flex flex-col h-full", leadingControlClassName), children: _jsx("div", { "data-slot": "textarea-leading-control", className: "flex items-center mt-auto", style: lowerControlAlignStyle, onMouseDown: (e) => {
+                e.preventDefault();
+                focusTextarea();
+            }, children: leadingControl }) })) : null;
+    const trailingArea = hasTrailingControl ? (_jsx("div", { "data-slot": "textarea-trailing-area", className: cn("flex flex-col h-full mt-auto", trailingControlClassName), children: _jsx("div", { "data-slot": "textarea-trailing-control", className: "flex items-center", style: lowerControlAlignStyle, onMouseDown: (e) => {
+                e.preventDefault();
+                focusTextarea();
+            }, children: trailingControl }) })) : null;
+    return (_jsx("div", { "data-slot": "textarea-wrapper", className: wrapperClasses, style: mergedWrapperStyle, "data-size": sizeKey, "data-density": densityKey, children: _jsxs("div", { "data-slot": "textarea-box", className: boxClasses, "data-has-extras": hasExtras ? "true" : "false", children: [upperControl && (_jsx("div", { "data-slot": "textarea-upper", className: cn("flex items-center", upperControlClassName), children: upperControl })), _jsxs("div", { "data-slot": "textarea-inner", className: innerRowClasses, children: [leadingArea, _jsxs("div", { "data-slot": "textarea-field", className: fieldWrapperClasses, children: [_jsx("textarea", { ref: innerRef, "data-slot": "textarea", className: textareaClasses, disabled: disabled, readOnly: readOnly, "aria-required": required ? "true" : undefined, rows: autoResize ? undefined : baseMinRows, placeholder: placeholder, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, ...rest }), hasLeadingIcons && (_jsx("div", { ref: leadingIconsRef, "data-slot": "textarea-leading-icons", className: "pointer-events-auto absolute left-0 flex items-end", style: {
+                                        gap: leadingGap,
+                                        // anchor from base padding, NOT icon-adjusted padding
+                                        paddingLeft: "var(--fp-pl-base)",
+                                        bottom: "calc(var(--fp-pb, 0px) + 2px)",
+                                    }, onMouseDown: handleIconMouseDown, children: resolvedLeadingIcons.map((node, idx) => (_jsx("span", { className: "flex items-center justify-center", children: node }, idx))) })), hasTrailingIcons && (_jsx("div", { ref: trailingIconsRef, "data-slot": "textarea-trailing-icons", className: "pointer-events-auto absolute right-0 flex items-end", style: {
+                                        gap: trailingGap,
+                                        paddingRight: "var(--fp-pr-base)",
+                                        bottom: "calc(var(--fp-pb, 0px) + 2px)",
+                                    }, onMouseDown: handleIconMouseDown, children: resolvedTrailingIcons.map((node, idx) => (_jsx("span", { className: "flex items-center justify-center", children: node }, idx))) }))] }), trailingArea] })] }) }));
+});
+Textarea.displayName = "Textarea";
+//# sourceMappingURL=textarea.js.map

package/dist/presets/ui/textarea.js.map

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

package/dist/presets/ui/time-dropdowns.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+export interface TimeDropdownsProps {
+    /**
+     * Current date-time value.
+     * Only the time portion will be modified; date part is preserved.
+     */
+    value: Date | undefined;
+    /**
+     * Called whenever any of the time parts change.
+     */
+    onChange(next: Date | undefined): void;
+    /**
+     * Whether to show seconds dropdown.
+     * Default: false.
+     */
+    showSeconds?: boolean;
+    /**
+     * Step between minutes in the dropdown.
+     * Default: 5.
+     */
+    minuteStep?: number;
+    /**
+     * Step between seconds in the dropdown.
+     * Default: 5.
+     */
+    secondStep?: number;
+    /**
+     * If true, show 12-hour clock with AM/PM toggle.
+     * If false, show 24-hour clock (00–23).
+     * Default: false (24-hour).
+     */
+    use12Hour?: boolean;
+    /**
+     * Optional label to show above or beside the dropdowns.
+     */
+    label?: React.ReactNode;
+    /**
+     * Custom className for the outer wrapper.
+     */
+    className?: string;
+    /**
+     * Custom className for each SelectTrigger (hours/minutes/seconds).
+     */
+    triggerClassName?: string;
+    /**
+     * Compact / normal layout toggle.
+     * Just a quick spacing switch for now.
+     */
+    density?: "compact" | "normal";
+}
+/**
+ * Drop-in time dropdown cluster for use in the date popover.
+ *
+ * Renders hour / minute (and optionally second) Selects plus
+ * an AM/PM toggle when `use12Hour` is true.
+ */
+export declare const TimeDropdowns: React.FC<TimeDropdownsProps>;
+//# sourceMappingURL=time-dropdowns.d.ts.map

package/dist/presets/ui/time-dropdowns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-dropdowns.d.ts","sourceRoot":"","sources":["../../../src/presets/ui/time-dropdowns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,kBAAkB;IAC/B;;;OAGG;IACH,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAEvC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAClC;AAsDD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8NtD,CAAC"}

package/dist/presets/ui/time-dropdowns.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, } from "@/presets/ui/select";
+function pad2(n) {
+    return n.toString().padStart(2, "0");
+}
+function buildMinuteOptions(step) {
+    const items = [];
+    for (let m = 0; m < 60; m += step) {
+        items.push(pad2(m));
+    }
+    return items;
+}
+function buildSecondOptions(step) {
+    const items = [];
+    for (let s = 0; s < 60; s += step) {
+        items.push(pad2(s));
+    }
+    return items;
+}
+function buildHourOptions24() {
+    const items = [];
+    for (let h = 0; h < 24; h++) {
+        items.push(pad2(h));
+    }
+    return items;
+}
+function buildHourOptions12() {
+    const items = [];
+    for (let h = 1; h <= 12; h++) {
+        items.push(h.toString());
+    }
+    return items;
+}
+/**
+ * Safely create a new Date instance with updated time parts,
+ * preserving the original date portion when possible.
+ */
+function withTime(base, opts) {
+    const src = base ? new Date(base.getTime()) : new Date();
+    const h = opts.hours ?? src.getHours();
+    const m = opts.minutes ?? src.getMinutes();
+    const s = opts.seconds ?? src.getSeconds();
+    src.setHours(h, m, s, 0);
+    return src;
+}
+/**
+ * Drop-in time dropdown cluster for use in the date popover.
+ *
+ * Renders hour / minute (and optionally second) Selects plus
+ * an AM/PM toggle when `use12Hour` is true.
+ */
+export const TimeDropdowns = (props) => {
+    const { value, onChange, showSeconds = false, minuteStep = 5, secondStep = 5, use12Hour = false, label, className, triggerClassName, density = "normal", } = props;
+    const minuteOptions = React.useMemo(() => buildMinuteOptions(minuteStep), [minuteStep]);
+    const secondOptions = React.useMemo(() => buildSecondOptions(secondStep), [secondStep]);
+    const hourOptions = React.useMemo(() => (use12Hour ? buildHourOptions12() : buildHourOptions24()), [use12Hour]);
+    // Derive current parts from value.
+    let hours24 = value ? value.getHours() : 0;
+    let minutes = value ? value.getMinutes() : 0;
+    let seconds = value ? value.getSeconds() : 0;
+    let hourDisplay;
+    let period = null;
+    if (use12Hour) {
+        period = hours24 >= 12 ? "pm" : "am";
+        let h12 = hours24 % 12;
+        if (h12 === 0)
+            h12 = 12;
+        hourDisplay = h12.toString();
+    }
+    else {
+        hourDisplay = pad2(hours24);
+    }
+    const minuteDisplay = pad2(minutes);
+    const secondDisplay = pad2(seconds);
+    const baseTriggerClasses = cn("h-8 w-[4.2rem] px-2 py-0 text-xs", "whitespace-nowrap", "border-input bg-background", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring");
+    const triggerClasses = cn(baseTriggerClasses, triggerClassName, density === "compact" && "h-7 text-[0.7rem] px-1.5");
+    const gapClass = density === "compact" ? "gap-1" : "gap-2";
+    const handleHourChange = (hStr) => {
+        let nextHours24;
+        if (use12Hour) {
+            const h12 = parseInt(hStr, 10) || 0;
+            if (!period) {
+                // fallback: assume AM
+                nextHours24 = h12 % 12;
+            }
+            else {
+                if (period === "am") {
+                    nextHours24 = h12 % 12; // 12am → 0
+                }
+                else {
+                    nextHours24 = h12 % 12 + 12; // 12pm → 12, 1pm → 13
+                }
+            }
+        }
+        else {
+            nextHours24 = parseInt(hStr, 10) || 0;
+        }
+        const nextDate = withTime(value, { hours: nextHours24 });
+        onChange(nextDate);
+    };
+    const handleMinuteChange = (mStr) => {
+        const m = parseInt(mStr, 10) || 0;
+        const nextDate = withTime(value, { minutes: m });
+        onChange(nextDate);
+    };
+    const handleSecondChange = (sStr) => {
+        const s = parseInt(sStr, 10) || 0;
+        const nextDate = withTime(value, { seconds: s });
+        onChange(nextDate);
+    };
+    const handlePeriodChange = (p) => {
+        if (!use12Hour)
+            return;
+        const nextPeriod = p === "pm" ? "pm" : "am";
+        // Convert from current hours24 + new period.
+        let h12 = hours24 % 12;
+        if (h12 === 0)
+            h12 = 12;
+        let nextHours24;
+        if (nextPeriod === "am") {
+            nextHours24 = h12 % 12; // 12am → 0
+        }
+        else {
+            nextHours24 = h12 % 12 + 12; // 12pm → 12, etc.
+        }
+        const nextDate = withTime(value, { hours: nextHours24 });
+        onChange(nextDate);
+    };
+    return (_jsxs("div", { className: cn("flex w-full flex-col gap-2", density === "compact" && "gap-1", className), "data-slot": "time-dropdowns", children: [label && (_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: label })), _jsxs("div", { className: cn("flex w-full items-center", gapClass), "data-slot": "time-dropdowns-row", children: [_jsxs(Select, { value: hourDisplay, onValueChange: handleHourChange, children: [_jsx(SelectTrigger, { className: triggerClasses, "data-slot": "time-hour", children: _jsx(SelectValue, { placeholder: "HH" }) }), _jsx(SelectContent, { children: hourOptions.map((h) => (_jsx(SelectItem, { value: h, children: use12Hour ? h.padStart(2, " ") : pad2(Number(h)) }, h))) })] }), _jsxs(Select, { value: minuteDisplay, onValueChange: handleMinuteChange, children: [_jsx(SelectTrigger, { className: triggerClasses, "data-slot": "time-minute", children: _jsx(SelectValue, { placeholder: "MM" }) }), _jsx(SelectContent, { children: minuteOptions.map((m) => (_jsx(SelectItem, { value: m, children: m }, m))) })] }), showSeconds && (_jsxs(Select, { value: secondDisplay, onValueChange: handleSecondChange, children: [_jsx(SelectTrigger, { className: triggerClasses, "data-slot": "time-second", children: _jsx(SelectValue, { placeholder: "SS" }) }), _jsx(SelectContent, { children: secondOptions.map((s) => (_jsx(SelectItem, { value: s, children: s }, s))) })] })), use12Hour && (_jsxs(Select, { value: period ?? "am", onValueChange: handlePeriodChange, children: [_jsx(SelectTrigger, { className: cn(triggerClasses, "w-[3.8rem]"), "data-slot": "time-period", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "am", children: "AM" }), _jsx(SelectItem, { value: "pm", children: "PM" })] })] }))] })] }));
+};
+//# sourceMappingURL=time-dropdowns.js.map

package/dist/presets/ui/time-dropdowns.js.map

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