even-toolkit 0.5.2 → 1.0.1

package/dist/web/components/radio-group.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../utils/cn';
+function RadioGroup({ options, value, onChange, direction = 'vertical', disabled, className }) {
+    return (_jsx("div", { role: "radiogroup", className: cn('flex gap-3', direction === 'vertical' ? 'flex-col' : 'flex-row flex-wrap', disabled && 'opacity-50 pointer-events-none', className), children: options.map((opt) => {
+            const selected = opt.value === value;
+            return (_jsxs("label", { className: "inline-flex items-center gap-3 cursor-pointer select-none", children: [_jsx("button", { type: "button", role: "radio", "aria-checked": selected, disabled: disabled, onClick: () => onChange(opt.value), className: cn('relative shrink-0 w-5 h-5 rounded-full border-2 transition-colors cursor-pointer', selected ? 'border-accent' : 'border-surface-lighter'), children: selected && (_jsx("span", { className: "absolute inset-[4px] rounded-full bg-accent" })) }), _jsx("span", { className: "text-[15px] tracking-[-0.15px] text-text", children: opt.label })] }, opt.value));
+        }) }));
+}
+export { RadioGroup };
+//# sourceMappingURL=radio-group.js.map

package/dist/web/components/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../web/components/radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAgBjC,SAAS,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAmB;IAC5G,OAAO,CACL,cACE,IAAI,EAAC,YAAY,EACjB,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,oBAAoB,EAC5D,QAAQ,IAAI,gCAAgC,EAC5C,SAAS,CACV,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;YACrC,OAAO,CACL,iBAEE,SAAS,EAAC,2DAA2D,aAErE,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,QAAQ,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAClC,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,wBAAwB,CACtD,YAEA,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,6CAA6C,GAAG,CACjE,GACM,EACT,eAAM,SAAS,EAAC,0CAA0C,YAAE,GAAG,CAAC,KAAK,GAAQ,KAlBxE,GAAG,CAAC,KAAK,CAmBR,CACT,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/web/components/screen-header.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+interface ScreenHeaderProps {
+    title: string;
+    subtitle?: string;
+    actions?: ReactNode;
+    className?: string;
+}
+declare function ScreenHeader({ title, subtitle, actions, className }: ScreenHeaderProps): import("react/jsx-runtime").JSX.Element;
+export { ScreenHeader };
+export type { ScreenHeaderProps };
+//# sourceMappingURL=screen-header.d.ts.map

package/dist/web/components/screen-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen-header.d.ts","sourceRoot":"","sources":["../../../web/components/screen-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAY/E;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/web/components/screen-header.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../utils/cn';
+function ScreenHeader({ title, subtitle, actions, className }) {
+    return (_jsx("div", { className: cn('mt-4 mb-3', className), children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-[24px] tracking-[-0.72px] font-normal", children: title }), subtitle && _jsx("p", { className: "text-[13px] tracking-[-0.13px] text-text-dim mt-0.5", children: subtitle })] }), actions] }) }));
+}
+export { ScreenHeader };
+//# sourceMappingURL=screen-header.js.map

package/dist/web/components/screen-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen-header.js","sourceRoot":"","sources":["../../../web/components/screen-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAUjC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAqB;IAC9E,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,YACxC,eAAK,SAAS,EAAC,mCAAmC,aAChD,0BACE,aAAI,SAAS,EAAC,4CAA4C,YAAE,KAAK,GAAM,EACtE,QAAQ,IAAI,YAAG,SAAS,EAAC,qDAAqD,YAAE,QAAQ,GAAK,IAC1F,EACL,OAAO,IACJ,GACF,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/web/components/scroll-picker.d.ts

@@ -0,0 +1,66 @@
+interface ScrollColumn {
+    options: {
+        value: string;
+        label: string;
+    }[];
+    separator?: string;
+}
+interface ScrollPickerProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    columns: ScrollColumn[];
+    value: string[];
+    onValueChange: (value: string[]) => void;
+}
+interface DatePickerProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    value: {
+        day: number;
+        month: number;
+        year: number;
+    };
+    onValueChange: (value: {
+        day: number;
+        month: number;
+        year: number;
+    }) => void;
+    minYear?: number;
+    maxYear?: number;
+}
+interface TimePickerProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    value: {
+        hour: number;
+        minute: number;
+        period?: 'AM' | 'PM';
+    };
+    onValueChange: (value: {
+        hour: number;
+        minute: number;
+        period?: 'AM' | 'PM';
+    }) => void;
+    format?: '12h' | '24h';
+}
+interface SelectionPickerProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    value: string;
+    onValueChange: (value: string) => void;
+}
+declare function ScrollPicker({ open, onClose, title, columns, value, onValueChange }: ScrollPickerProps): import("react/jsx-runtime").JSX.Element | null;
+declare function DatePicker({ open, onClose, title, value, onValueChange, minYear, maxYear, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function TimePicker({ open, onClose, title, value, onValueChange, format, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectionPicker({ open, onClose, title, options, value, onValueChange, }: SelectionPickerProps): import("react/jsx-runtime").JSX.Element;
+export { ScrollPicker, DatePicker, TimePicker, SelectionPicker };
+export type { ScrollPickerProps, ScrollColumn, DatePickerProps, TimePickerProps, SelectionPickerProps };
+//# sourceMappingURL=scroll-picker.d.ts.map

package/dist/web/components/scroll-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-picker.d.ts","sourceRoot":"","sources":["../../../web/components/scroll-picker.tsx"],"names":[],"mappings":"AAOA,UAAU,YAAY;IACpB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,iBAAiB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,aAAa,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC;IAC9D,aAAa,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACvF,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACxB;AAED,UAAU,oBAAoB;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAwJD,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,iBAAiB,kDA+F/F;AAWD,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,OAAO,EACP,KAAqB,EACrB,KAAK,EACL,aAAa,EACb,OAAc,EACd,OAAc,GACf,EAAE,eAAe,2CA+DjB;AAMD,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,OAAO,EACP,KAAqB,EACrB,KAAK,EACL,aAAa,EACb,MAAc,GACf,EAAE,eAAe,2CAyEjB;AAMD,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,KAAgB,EAChB,OAAO,EACP,KAAK,EACL,aAAa,GACd,EAAE,oBAAoB,2CAyBtB;AAMD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/web/components/scroll-picker.js

@@ -0,0 +1,243 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../utils/cn';
+/* -------------------------------------------------------------------------- */
+/*  Constants                                                                 */
+/* -------------------------------------------------------------------------- */
+const ITEM_HEIGHT = 40;
+const VISIBLE_ITEMS = 5;
+const CONTAINER_HEIGHT = ITEM_HEIGHT * VISIBLE_ITEMS; // 200px
+const PADDING_ITEMS = 2;
+const PADDING_HEIGHT = ITEM_HEIGHT * PADDING_ITEMS; // 80px
+const SCROLL_DEBOUNCE = 100;
+function Column({ options, selectedValue, onChange }) {
+    const containerRef = React.useRef(null);
+    const isUserScrolling = React.useRef(false);
+    const scrollTimer = React.useRef(null);
+    const isMounted = React.useRef(true);
+    const selectedIndex = React.useMemo(() => Math.max(0, options.findIndex((o) => o.value === selectedValue)), [options, selectedValue]);
+    // Scroll to selected value on mount and when selectedValue changes externally
+    React.useEffect(() => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        // Only programmatically scroll when not user-initiated
+        if (isUserScrolling.current)
+            return;
+        const targetTop = selectedIndex * ITEM_HEIGHT;
+        el.scrollTo({ top: targetTop, behavior: 'instant' });
+    }, [selectedIndex]);
+    React.useEffect(() => {
+        isMounted.current = true;
+        return () => {
+            isMounted.current = false;
+            if (scrollTimer.current)
+                clearTimeout(scrollTimer.current);
+        };
+    }, []);
+    const handleScroll = React.useCallback(() => {
+        isUserScrolling.current = true;
+        if (scrollTimer.current)
+            clearTimeout(scrollTimer.current);
+        scrollTimer.current = setTimeout(() => {
+            if (!isMounted.current)
+                return;
+            const el = containerRef.current;
+            if (!el)
+                return;
+            const scrollTop = el.scrollTop;
+            const closestIndex = Math.round(scrollTop / ITEM_HEIGHT);
+            const clampedIndex = Math.max(0, Math.min(closestIndex, options.length - 1));
+            // Snap to the closest item
+            el.scrollTo({ top: clampedIndex * ITEM_HEIGHT, behavior: 'smooth' });
+            const newValue = options[clampedIndex]?.value;
+            if (newValue && newValue !== selectedValue) {
+                onChange(newValue);
+            }
+            // Reset flag after snap completes
+            setTimeout(() => {
+                if (isMounted.current)
+                    isUserScrolling.current = false;
+            }, 150);
+        }, SCROLL_DEBOUNCE);
+    }, [options, selectedValue, onChange]);
+    const handleItemClick = React.useCallback((index) => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        isUserScrolling.current = true;
+        el.scrollTo({ top: index * ITEM_HEIGHT, behavior: 'smooth' });
+        const newValue = options[index]?.value;
+        if (newValue)
+            onChange(newValue);
+        setTimeout(() => {
+            if (isMounted.current)
+                isUserScrolling.current = false;
+        }, 300);
+    }, [options, onChange]);
+    return (_jsxs("div", { ref: containerRef, onScroll: handleScroll, className: "flex-1 overflow-y-auto overscroll-contain scrollbar-none", style: {
+            height: CONTAINER_HEIGHT,
+            scrollSnapType: 'y mandatory',
+            WebkitOverflowScrolling: 'touch',
+            scrollbarWidth: 'none',
+            msOverflowStyle: 'none',
+        }, children: [_jsx("div", { style: { height: PADDING_HEIGHT }, "aria-hidden": true }), options.map((option, i) => {
+                const distance = Math.abs(i - selectedIndex);
+                const isSelected = i === selectedIndex;
+                // Opacity gradient: selected=1, +-1=0.4, +-2=0.2, beyond=0
+                let opacity = 0;
+                if (isSelected)
+                    opacity = 1;
+                else if (distance === 1)
+                    opacity = 0.4;
+                else if (distance === 2)
+                    opacity = 0.2;
+                return (_jsx("div", { onClick: () => handleItemClick(i), className: cn('flex items-center justify-center cursor-pointer select-none transition-all duration-150', isSelected
+                        ? 'bg-accent text-text-highlight rounded-[6px] font-normal'
+                        : 'text-text-dim'), style: {
+                        height: ITEM_HEIGHT,
+                        scrollSnapAlign: 'center',
+                        opacity: isSelected ? 1 : opacity,
+                    }, children: _jsx("span", { className: "text-[17px] tracking-[-0.17px]", children: option.label }) }, option.value));
+            }), _jsx("div", { style: { height: PADDING_HEIGHT }, "aria-hidden": true })] }));
+}
+/* -------------------------------------------------------------------------- */
+/*  ScrollPicker                                                              */
+/* -------------------------------------------------------------------------- */
+function ScrollPicker({ open, onClose, title, columns, value, onValueChange }) {
+    // Close on Escape
+    React.useEffect(() => {
+        if (!open)
+            return;
+        const handler = (e) => {
+            if (e.key === 'Escape')
+                onClose();
+        };
+        document.addEventListener('keydown', handler);
+        return () => document.removeEventListener('keydown', handler);
+    }, [open, onClose]);
+    // Prevent body scroll when open
+    React.useEffect(() => {
+        if (!open)
+            return;
+        const prev = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+        return () => {
+            document.body.style.overflow = prev;
+        };
+    }, [open]);
+    const handleColumnChange = React.useCallback((columnIndex, newVal) => {
+        const next = [...value];
+        next[columnIndex] = newVal;
+        onValueChange(next);
+    }, [value, onValueChange]);
+    if (!open)
+        return null;
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-end justify-center", children: [_jsx("div", { className: "absolute inset-0 bg-overlay", onClick: onClose }), _jsxs("div", { className: "relative z-10 w-full max-w-[393px] bg-bg rounded-t-[6px] shadow-[0px_-4px_12px_0px_rgba(0,0,0,0.12)] pt-3", children: [_jsx("div", { className: "px-4 py-3", children: _jsx("h2", { className: "text-[17px] tracking-[-0.17px] font-normal text-text text-center", children: title }) }), _jsx("div", { className: "relative flex items-center px-3", style: { height: CONTAINER_HEIGHT }, children: columns.map((col, colIndex) => {
+                            // Resolve separator: check current column first, then previous column
+                            const sep = colIndex > 0
+                                ? (col.separator ?? columns[colIndex - 1]?.separator)
+                                : undefined;
+                            return (_jsxs(React.Fragment, { children: [sep && (_jsx("div", { className: "flex items-center justify-center shrink-0 px-1", style: { height: CONTAINER_HEIGHT }, children: _jsx("span", { className: "text-[17px] tracking-[-0.17px] font-normal text-text", children: sep }) })), _jsx(Column, { options: col.options, selectedValue: value[colIndex] ?? col.options[0]?.value ?? '', onChange: (v) => handleColumnChange(colIndex, v) })] }, colIndex));
+                        }) }), _jsx("div", { className: "px-3 pt-3", children: _jsx("button", { type: "button", onClick: onClose, className: "w-full h-12 rounded-[6px] bg-surface text-text text-[17px] tracking-[-0.17px] font-normal cursor-pointer transition-colors hover:bg-surface-light", children: "Done" }) }), _jsx("div", { className: "flex items-center justify-center h-[42px]", children: _jsx("div", { className: "w-[139px] h-[5px] rounded-full bg-text" }) })] })] }));
+}
+/* -------------------------------------------------------------------------- */
+/*  DatePicker                                                                */
+/* -------------------------------------------------------------------------- */
+const MONTHS = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December',
+];
+function DatePicker({ open, onClose, title = 'Select Date', value, onValueChange, minYear = 1900, maxYear = 2100, }) {
+    const dayOptions = React.useMemo(() => Array.from({ length: 31 }, (_, i) => ({
+        value: String(i + 1),
+        label: String(i + 1),
+    })), []);
+    const monthOptions = React.useMemo(() => MONTHS.map((m, i) => ({
+        value: String(i + 1),
+        label: m,
+    })), []);
+    const yearOptions = React.useMemo(() => Array.from({ length: maxYear - minYear + 1 }, (_, i) => ({
+        value: String(minYear + i),
+        label: String(minYear + i),
+    })), [minYear, maxYear]);
+    const columns = React.useMemo(() => [
+        { options: dayOptions },
+        { options: monthOptions },
+        { options: yearOptions },
+    ], [dayOptions, monthOptions, yearOptions]);
+    const pickerValue = React.useMemo(() => [String(value.day), String(value.month), String(value.year)], [value.day, value.month, value.year]);
+    const handleChange = React.useCallback((v) => {
+        onValueChange({
+            day: parseInt(v[0], 10) || 1,
+            month: parseInt(v[1], 10) || 1,
+            year: parseInt(v[2], 10) || 2024,
+        });
+    }, [onValueChange]);
+    return (_jsx(ScrollPicker, { open: open, onClose: onClose, title: title, columns: columns, value: pickerValue, onValueChange: handleChange }));
+}
+/* -------------------------------------------------------------------------- */
+/*  TimePicker                                                                */
+/* -------------------------------------------------------------------------- */
+function TimePicker({ open, onClose, title = 'Select Time', value, onValueChange, format = '24h', }) {
+    const is12h = format === '12h';
+    const hourOptions = React.useMemo(() => {
+        const max = is12h ? 12 : 23;
+        const min = is12h ? 1 : 0;
+        return Array.from({ length: max - min + 1 }, (_, i) => ({
+            value: String(min + i),
+            label: String(min + i).padStart(2, '0'),
+        }));
+    }, [is12h]);
+    const minuteOptions = React.useMemo(() => Array.from({ length: 60 }, (_, i) => ({
+        value: String(i),
+        label: String(i).padStart(2, '0'),
+    })), []);
+    const periodOptions = React.useMemo(() => [
+        { value: 'AM', label: 'AM' },
+        { value: 'PM', label: 'PM' },
+    ], []);
+    const columns = React.useMemo(() => {
+        const cols = [
+            { options: hourOptions },
+            { options: minuteOptions, separator: ':' },
+        ];
+        if (is12h) {
+            cols.push({ options: periodOptions });
+        }
+        return cols;
+    }, [hourOptions, minuteOptions, periodOptions, is12h]);
+    const pickerValue = React.useMemo(() => {
+        const vals = [String(value.hour), String(value.minute)];
+        if (is12h)
+            vals.push(value.period ?? 'AM');
+        return vals;
+    }, [value.hour, value.minute, value.period, is12h]);
+    const handleChange = React.useCallback((v) => {
+        const result = {
+            hour: parseInt(v[0], 10) || 0,
+            minute: parseInt(v[1], 10) || 0,
+        };
+        if (is12h) {
+            result.period = v[2] ?? 'AM';
+        }
+        onValueChange(result);
+    }, [is12h, onValueChange]);
+    return (_jsx(ScrollPicker, { open: open, onClose: onClose, title: title, columns: columns, value: pickerValue, onValueChange: handleChange }));
+}
+/* -------------------------------------------------------------------------- */
+/*  SelectionPicker                                                           */
+/* -------------------------------------------------------------------------- */
+function SelectionPicker({ open, onClose, title = 'Select', options, value, onValueChange, }) {
+    const columns = React.useMemo(() => [{ options }], [options]);
+    const pickerValue = React.useMemo(() => [value], [value]);
+    const handleChange = React.useCallback((v) => {
+        onValueChange(v[0] ?? '');
+    }, [onValueChange]);
+    return (_jsx(ScrollPicker, { open: open, onClose: onClose, title: title, columns: columns, value: pickerValue, onValueChange: handleChange }));
+}
+/* -------------------------------------------------------------------------- */
+/*  Exports                                                                   */
+/* -------------------------------------------------------------------------- */
+export { ScrollPicker, DatePicker, TimePicker, SelectionPicker };
+//# sourceMappingURL=scroll-picker.js.map

package/dist/web/components/scroll-picker.js.map

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

package/dist/web/components/search-bar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface SearchBarProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    value: string;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+}
+declare const SearchBar: React.ForwardRefExoticComponent<SearchBarProps & React.RefAttributes<HTMLInputElement>>;
+export { SearchBar };
+export type { SearchBarProps };
+//# sourceMappingURL=search-bar.d.ts.map

package/dist/web/components/search-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../web/components/search-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACtD;AAED,QAAA,MAAM,SAAS,yFAad,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/web/components/search-bar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../utils/cn';
+import { IcGuideSearch } from '../icons/svg-icons';
+const SearchBar = React.forwardRef(({ className, placeholder = 'Search...', ...props }, ref) => (_jsxs("div", { className: cn('relative', className), children: [_jsx(IcGuideSearch, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-text-dim pointer-events-none" }), _jsx("input", { ref: ref, type: "search", placeholder: placeholder, className: "h-9 w-full bg-input-bg text-text rounded-[6px] pl-11 pr-4 text-[17px] tracking-[-0.17px] outline-none placeholder:text-text-dim transition-colors", ...props })] })));
+SearchBar.displayName = 'SearchBar';
+export { SearchBar };
+//# sourceMappingURL=search-bar.js.map

package/dist/web/components/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../web/components/search-bar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAOnD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,eAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aACvC,KAAC,aAAa,IAAC,SAAS,EAAC,oFAAoF,GAAG,EAChH,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,mJAAmJ,KACzJ,KAAK,GACT,IACE,CACP,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/web/components/section-header.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+interface SectionHeaderProps {
+    title: string;
+    action?: ReactNode;
+    className?: string;
+}
+declare function SectionHeader({ title, action, className }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export { SectionHeader };
+export type { SectionHeaderProps };
+//# sourceMappingURL=section-header.d.ts.map

package/dist/web/components/section-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-header.d.ts","sourceRoot":"","sources":["../../../web/components/section-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAOtE;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/web/components/section-header.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../utils/cn';
+function SectionHeader({ title, action, className }) {
+    return (_jsxs("div", { className: cn('flex items-center justify-between mb-3 mt-6', className), children: [_jsx("span", { className: "text-[20px] tracking-[-0.6px] font-normal text-text", children: title }), action] }));
+}
+export { SectionHeader };
+//# sourceMappingURL=section-header.js.map

package/dist/web/components/section-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-header.js","sourceRoot":"","sources":["../../../web/components/section-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AASjC,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAsB;IACrE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,aAC1E,eAAM,SAAS,EAAC,qDAAqD,YAAE,KAAK,GAAQ,EACnF,MAAM,IACH,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/web/components/segmented-control.d.ts

@@ -0,0 +1,15 @@
+interface SegmentedControlOption {
+    value: string;
+    label: string;
+}
+interface SegmentedControlProps {
+    options: SegmentedControlOption[];
+    value: string;
+    onValueChange: (value: string) => void;
+    size?: 'default' | 'small' | 'xsmall';
+    className?: string;
+}
+declare function SegmentedControl({ options, value, onValueChange, size, className }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+export { SegmentedControl };
+export type { SegmentedControlProps, SegmentedControlOption };
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/web/components/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../web/components/segmented-control.tsx"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,sBAAsB,EAAE,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,gBAAgB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,IAAgB,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA+B9G;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/web/components/segmented-control.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../utils/cn';
+function SegmentedControl({ options, value, onValueChange, size = 'default', className }) {
+    return (_jsx("div", { className: cn('inline-flex rounded-[6px] bg-surface-lighter p-0.5', size === 'default' && 'h-12', size === 'small' && 'h-9', size === 'xsmall' && 'h-6', className), children: options.map((opt) => (_jsx("button", { type: "button", onClick: () => onValueChange(opt.value), className: cn('flex-1 px-4 font-normal transition-all cursor-pointer rounded-[4px]', size === 'default' && 'text-[17px] tracking-[-0.17px]', size === 'small' && 'text-[15px] tracking-[-0.15px] px-3', size === 'xsmall' && 'text-[13px] tracking-[-0.13px] px-2', value === opt.value
+                ? 'bg-surface text-text shadow-[0_1px_3px_rgba(0,0,0,0.12),0_1px_2px_rgba(0,0,0,0.06)]'
+                : 'text-text-dim hover:text-text'), children: opt.label }, opt.value))) }));
+}
+export { SegmentedControl };
+//# sourceMappingURL=segmented-control.js.map

package/dist/web/components/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../web/components/segmented-control.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAejC,SAAS,gBAAgB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAyB;IAC7G,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,IAAI,KAAK,SAAS,IAAI,MAAM,EAC5B,IAAI,KAAK,OAAO,IAAI,KAAK,EACzB,IAAI,KAAK,QAAQ,IAAI,KAAK,EAC1B,SAAS,CACV,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EACvC,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,IAAI,KAAK,SAAS,IAAI,gCAAgC,EACtD,IAAI,KAAK,OAAO,IAAI,qCAAqC,EACzD,IAAI,KAAK,QAAQ,IAAI,qCAAqC,EAC1D,KAAK,KAAK,GAAG,CAAC,KAAK;gBACjB,CAAC,CAAC,qFAAqF;gBACvF,CAAC,CAAC,+BAA+B,CACpC,YAEA,GAAG,CAAC,KAAK,IAbL,GAAG,CAAC,KAAK,CAcP,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/web/components/select.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface SelectOption {
+    value: string;
+    label: string;
+}
+interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'onChange'> {
+    options: SelectOption[];
+    onValueChange?: (value: string) => void;
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export { Select };
+export type { SelectProps, SelectOption };
+//# sourceMappingURL=select.d.ts.map

package/dist/web/components/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../web/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC3F,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,MAAM,uFAkBX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC"}

package/dist/web/components/select.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../utils/cn';
+const Select = React.forwardRef(({ className, options, onValueChange, ...props }, ref) => (_jsx("select", { ref: ref, className: cn('h-9 w-full bg-input-bg text-text rounded-[6px] pl-4 pr-10 text-[17px] tracking-[-0.17px] outline-none transition-colors cursor-pointer', className), onChange: (e) => onValueChange?.(e.target.value), ...props, children: options.map((o) => (_jsx("option", { value: o.value, children: o.label }, o.value))) })));
+Select.displayName = 'Select';
+export { Select };
+//# sourceMappingURL=select.js.map

package/dist/web/components/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../web/components/select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAYjC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxD,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wIAAwI,EACxI,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAC5C,KAAK,YAER,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,iBAAsB,KAAK,EAAE,CAAC,CAAC,KAAK,YACjC,CAAC,CAAC,KAAK,IADG,CAAC,CAAC,KAAK,CAEX,CACV,CAAC,GACK,CACV,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/web/components/settings-group.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+interface SettingsGroupProps {
+    label: string;
+    children: ReactNode;
+    className?: string;
+}
+declare function SettingsGroup({ label, children, className }: SettingsGroupProps): import("react/jsx-runtime").JSX.Element;
+export { SettingsGroup };
+export type { SettingsGroupProps };
+//# sourceMappingURL=settings-group.d.ts.map

package/dist/web/components/settings-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-group.d.ts","sourceRoot":"","sources":["../../../web/components/settings-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CASxE;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/web/components/settings-group.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../utils/cn';
+function SettingsGroup({ label, children, className }) {
+    return (_jsxs("div", { className: cn('rounded-[6px] overflow-hidden', className), children: [_jsx("div", { className: "pb-1.5", children: _jsx("span", { className: "text-[13px] tracking-[-0.13px] text-text-dim", children: label }) }), _jsx("div", { className: "divide-y divide-border", children: children })] }));
+}
+export { SettingsGroup };
+//# sourceMappingURL=settings-group.js.map

package/dist/web/components/settings-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-group.js","sourceRoot":"","sources":["../../../web/components/settings-group.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAQjC,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAsB;IACvE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,aAC5D,cAAK,SAAS,EAAC,QAAQ,YACrB,eAAM,SAAS,EAAC,8CAA8C,YAAE,KAAK,GAAQ,GACzE,EACN,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,IACpD,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/web/components/skeleton.d.ts

@@ -0,0 +1,13 @@
+import { type VariantProps } from 'class-variance-authority';
+declare const skeletonVariants: (props?: ({
+    rounded?: "none" | "default" | "full" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SkeletonProps extends VariantProps<typeof skeletonVariants> {
+    width?: string | number;
+    height?: string | number;
+    className?: string;
+}
+declare function Skeleton({ width, height, rounded, className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { Skeleton, skeletonVariants };
+export type { SkeletonProps };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/web/components/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../web/components/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,gBAAgB;;8EAWpB,CAAC;AAEH,UAAU,aAAc,SAAQ,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,aAAa,2CAUrE;AAED,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/web/components/skeleton.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../utils/cn';
+const skeletonVariants = cva('bg-surface-lighter animate-pulse', {
+    variants: {
+        rounded: {
+            default: 'rounded-[6px]',
+            full: 'rounded-full',
+            none: 'rounded-none',
+        },
+    },
+    defaultVariants: {
+        rounded: 'default',
+    },
+});
+function Skeleton({ width, height, rounded, className }) {
+    return (_jsx("div", { className: cn(skeletonVariants({ rounded, className })), style: {
+            width: typeof width === 'number' ? `${width}px` : width,
+            height: typeof height === 'number' ? `${height}px` : (height ?? '16px'),
+        } }));
+}
+export { Skeleton, skeletonVariants };
+//# sourceMappingURL=skeleton.js.map

package/dist/web/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../web/components/skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,gBAAgB,GAAG,GAAG,CAAC,kCAAkC,EAAE;IAC/D,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,eAAe;YACxB,IAAI,EAAE,cAAc;YACpB,IAAI,EAAE,cAAc;SACrB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAQH,SAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAiB;IACpE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,EACvD,KAAK,EAAE;YACL,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK;YACvD,MAAM,EAAE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC;SACxE,GACD,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/web/components/slider.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+interface SliderProps {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+declare function Slider({ value, onChange, min, max, step, leftIcon, rightIcon, disabled, className, }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export { Slider };
+export type { SliderProps };
+//# sourceMappingURL=slider.d.ts.map

package/dist/web/components/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../web/components/slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,MAAM,CAAC,EACd,KAAK,EACL,QAAQ,EACR,GAAO,EACP,GAAS,EACT,IAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,WAAW,2CAwCb;AAED,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}