blimpui 0.0.1

package/dist/$/components/ui/textarea.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { TextInput, type TextInputProps } from "react-native";
+import { type FormFieldProps } from "./form-field";
+type TextareaFieldProps = {
+    /**
+     * Class name for the outer FormField container. This leaves `className` for the textarea itself.
+     */
+    wrapperClassName?: string;
+    /** Optional focus callback tied to the floating label container. */
+    onFieldFocus?: FormFieldProps["onFocus"];
+    /** Optional blur callback tied to the floating label container. */
+    onFieldBlur?: FormFieldProps["onBlur"];
+} & Omit<FormFieldProps, "children" | "className" | "onFocus" | "onBlur" | "placeholder"> & (TextInputProps & {
+    placeholderTextColorClassName?: string;
+});
+declare const TextareaField: React.ForwardRefExoticComponent<{
+    /**
+     * Class name for the outer FormField container. This leaves `className` for the textarea itself.
+     */
+    wrapperClassName?: string;
+    /** Optional focus callback tied to the floating label container. */
+    onFieldFocus?: FormFieldProps["onFocus"];
+    /** Optional blur callback tied to the floating label container. */
+    onFieldBlur?: FormFieldProps["onBlur"];
+} & Omit<FormFieldProps, "children" | "className" | "onBlur" | "onFocus" | "placeholder"> & TextInputProps & {
+    placeholderTextColorClassName?: string;
+} & React.RefAttributes<TextInput>>;
+export { TextareaField as Textarea };
+export type { TextareaFieldProps };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/$/components/ui/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEN,SAAS,EAGT,KAAK,cAAc,EACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,KAAK,kBAAkB,GAAG;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oEAAoE;IACpE,YAAY,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACzC,mEAAmE;IACnE,WAAW,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;CACvC,GAAG,IAAI,CACP,cAAc,EACd,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAC/D,GACA,CAAC,cAAc,GAAG;IAAE,6BAA6B,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE/D,QAAA,MAAM,aAAa;IAdlB;;OAEG;uBACgB,MAAM;IACzB,oEAAoE;mBACrD,cAAc,CAAC,SAAS,CAAC;IACxC,mEAAmE;kBACrD,cAAc,CAAC,QAAQ,CAAC;;oCAKc,MAAM;mCA6F1D,CAAC;AAIF,OAAO,EAAE,aAAa,IAAI,QAAQ,EAAE,CAAC;AACrC,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/$/components/ui/textarea.js

@@ -0,0 +1,61 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../$/lib/utils";
+import * as React from "react";
+import { Platform, } from "react-native";
+import { Textarea as PrimitiveTextarea } from "../primitives/textarea";
+import { FormField } from "./form-field";
+var TextareaField = React.forwardRef(function (_a, ref) {
+    var onValueChange = _a.onValueChange, onFieldFocus = _a.onFieldFocus, onFieldBlur = _a.onFieldBlur, wrapperClassName = _a.wrapperClassName, className = _a.className, labelPlacement = _a.labelPlacement, placeholderTextColorClassName = _a.placeholderTextColorClassName, editable = _a.editable, inputOnChangeText = _a.onChangeText, inputOnFocus = _a.onFocus, inputOnBlur = _a.onBlur, disabled = _a.disabled, _b = _a.numberOfLines, numberOfLines = _b === void 0 ? Platform.select({ web: 2, native: 8 }) : _b, _c = _a.multiline, multiline = _c === void 0 ? true : _c, _d = _a.textAlignVertical, textAlignVertical = _d === void 0 ? "top" : _d, inputProps = __rest(_a, ["onValueChange", "onFieldFocus", "onFieldBlur", "wrapperClassName", "className", "labelPlacement", "placeholderTextColorClassName", "editable", "onChangeText", "onFocus", "onBlur", "disabled", "numberOfLines", "multiline", "textAlignVertical"]);
+    var forwardedEditable = disabled ? false : editable;
+    var mergeRefs = React.useCallback(function (node, inputRef) {
+        inputRef.current = node;
+        if (typeof ref === "function") {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    }, [ref]);
+    return (_jsx(FormField, __assign({}, inputProps, { onValueChange: function (text) {
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(text);
+            inputOnChangeText === null || inputOnChangeText === void 0 ? void 0 : inputOnChangeText(text);
+        }, onFocus: onFieldFocus, onBlur: onFieldBlur, disabled: forwardedEditable === false, labelPlacement: labelPlacement, className: wrapperClassName, children: function (_a) {
+            var fieldInputProps = _a.inputProps, inputRef = _a.inputRef;
+            var handleChangeText = function (text) {
+                fieldInputProps.onChangeText(text);
+            };
+            var handleFocus = function (event) {
+                fieldInputProps.onFocus();
+                inputOnFocus === null || inputOnFocus === void 0 ? void 0 : inputOnFocus(event);
+            };
+            var handleBlur = function (event) {
+                fieldInputProps.onBlur();
+                inputOnBlur === null || inputOnBlur === void 0 ? void 0 : inputOnBlur(event);
+            };
+            return (_jsx(PrimitiveTextarea, __assign({ ref: function (node) { return mergeRefs(node, inputRef); } }, fieldInputProps, inputProps, { multiline: multiline, numberOfLines: numberOfLines, textAlignVertical: textAlignVertical, editable: forwardedEditable, onChangeText: handleChangeText, onFocus: handleFocus, onBlur: handleBlur, className: cn("border-none bg-transparent px-0 pt-2 pb-2 text-base leading-[1.4]", className), placeholderTextColorClassName: placeholderTextColorClassName })));
+        } })));
+});
+TextareaField.displayName = "TextareaField";
+export { TextareaField as Textarea };

package/dist/$/components/ui/timepicker.d.ts

@@ -0,0 +1,26 @@
+import { type TimeWheelPickerFormat, type TimeWheelPickerProps as WheelPickerProps, type TimeWheelPickerValue } from "./timewheelpicker";
+import { type FormFieldProps } from "./form-field";
+import { PopoverContent } from "./popover";
+import * as React from "react";
+type TimePickerProps = Omit<FormFieldProps, "children" | "value" | "defaultValue" | "onValueChange" | "onFocus" | "onBlur" | "placeholder"> & {
+    value?: TimeWheelPickerValue;
+    defaultValue?: TimeWheelPickerValue;
+    onValueChange?: (value: TimeWheelPickerValue | undefined) => void;
+    placeholder?: string;
+    format?: TimeWheelPickerFormat;
+    minuteStep?: number;
+    formatTime?: (value: TimeWheelPickerValue | undefined) => string;
+    timeWheelPickerProps?: Omit<WheelPickerProps, "value" | "defaultValue" | "onValueChange" | "format" | "minuteStep">;
+    popoverContentProps?: React.ComponentPropsWithoutRef<typeof PopoverContent>;
+    iconClassName?: string;
+    onOpenChange?: (open: boolean) => void;
+    onFieldFocus?: FormFieldProps["onFocus"];
+    onFieldBlur?: FormFieldProps["onBlur"];
+};
+declare function TimePicker({ value, defaultValue, onValueChange, placeholder, format, minuteStep, formatTime, timeWheelPickerProps, popoverContentProps, iconClassName, onOpenChange, onFieldFocus, onFieldBlur, className, fieldClassName, ...formFieldProps }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TimePicker {
+    var displayName: string;
+}
+export { TimePicker };
+export type { TimePickerProps };
+//# sourceMappingURL=timepicker.d.ts.map

package/dist/$/components/ui/timepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/timepicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,IAAI,gBAAgB,EAC7C,KAAK,oBAAoB,EACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAGpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,eAAe,GAAG,IAAI,CAC1B,cAAc,EACZ,UAAU,GACV,OAAO,GACP,cAAc,GACd,eAAe,GACf,SAAS,GACT,QAAQ,GACR,aAAa,CACf,GAAG;IACH,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,KAAK,IAAI,CAAC;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,KAAK,MAAM,CAAC;IACjE,oBAAoB,CAAC,EAAE,IAAI,CAC1B,gBAAgB,EAChB,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,QAAQ,GAAG,YAAY,CACpE,CAAC;IACF,mBAAmB,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAsBF,iBAAS,UAAU,CAAC,EACnB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA6B,EAC7B,MAAc,EACd,UAAU,EACV,UAAU,EACV,oBAAoB,EACpB,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,cAAc,EACd,GAAG,cAAc,EACjB,EAAE,eAAe,2CAsHjB;kBAvIQ,UAAU;;;AA2InB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/$/components/ui/timepicker.js

@@ -0,0 +1,90 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "../../../$/lib/utils";
+import { useControllableState } from "../primitives/calendar/use-controllable-state";
+import { TimeWheelPicker, } from "./timewheelpicker";
+import { FormField } from "./form-field";
+import { Icon } from "./icon";
+import { Text } from "./text";
+import { Popover } from "./popover";
+import { Clock3 } from "lucide-react-native";
+import * as React from "react";
+import { Pressable, useWindowDimensions, View } from "react-native";
+var pad2 = function (value) {
+    return String(Math.max(0, Math.trunc(value))).padStart(2, "0");
+};
+var buildDefaultFormatter = function (format) {
+    if (format === void 0) { format = "24h"; }
+    return function (time) {
+        if (!time)
+            return "";
+        var hour = Math.max(0, Math.min(23, Math.trunc(time.hour)));
+        var minute = Math.max(0, Math.min(59, Math.trunc(time.minute)));
+        if (format === "24h") {
+            return "".concat(pad2(hour), ":").concat(pad2(minute));
+        }
+        var meridiem = hour >= 12 ? "PM" : "AM";
+        var rawHour = hour % 12;
+        var hour12 = rawHour === 0 ? 12 : rawHour;
+        return "".concat(hour12, ":").concat(pad2(minute), " ").concat(meridiem);
+    };
+};
+function TimePicker(_a) {
+    var value = _a.value, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Select a time" : _b, _c = _a.format, format = _c === void 0 ? "24h" : _c, minuteStep = _a.minuteStep, formatTime = _a.formatTime, timeWheelPickerProps = _a.timeWheelPickerProps, popoverContentProps = _a.popoverContentProps, iconClassName = _a.iconClassName, onOpenChange = _a.onOpenChange, onFieldFocus = _a.onFieldFocus, onFieldBlur = _a.onFieldBlur, className = _a.className, fieldClassName = _a.fieldClassName, formFieldProps = __rest(_a, ["value", "defaultValue", "onValueChange", "placeholder", "format", "minuteStep", "formatTime", "timeWheelPickerProps", "popoverContentProps", "iconClassName", "onOpenChange", "onFieldFocus", "onFieldBlur", "className", "fieldClassName"]);
+    var _d = useControllableState({
+        value: value,
+        defaultValue: defaultValue,
+        onChange: onValueChange,
+    }), selectedTime = _d[0], setSelectedTime = _d[1];
+    var popoverRef = React.useRef(null);
+    var formatter = React.useMemo(function () { return formatTime !== null && formatTime !== void 0 ? formatTime : buildDefaultFormatter(format); }, [format, formatTime]);
+    var displayValue = React.useMemo(function () { return formatter(selectedTime); }, [formatter, selectedTime]);
+    var dimensions = useWindowDimensions();
+    var isSmallerScreen = dimensions.width < 640;
+    return (_jsx(FormField, __assign({}, formFieldProps, { className: className, fieldClassName: cn("h-16", fieldClassName), value: displayValue, placeholder: placeholder, onFocus: onFieldFocus, onBlur: onFieldBlur, children: function (_a) {
+            var _b;
+            var inputProps = _a.inputProps, isFocused = _a.isFocused, hasError = _a.hasError, hasSuccess = _a.hasSuccess;
+            var handleOpenChange = function (nextOpen) {
+                if (formFieldProps.disabled)
+                    return;
+                if (nextOpen) {
+                    inputProps.onFocus();
+                }
+                else {
+                    inputProps.onBlur();
+                }
+                onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen);
+            };
+            var handleTimeChange = function (next) {
+                setSelectedTime(next);
+            };
+            var textToShow = displayValue || placeholder;
+            var resolvedPopoverContentClassName = cn("border-none bg-transparent p-0 shadow-none", popoverContentProps === null || popoverContentProps === void 0 ? void 0 : popoverContentProps.className);
+            return (_jsxs(_Fragment, { children: [_jsx(Popover, { onOpenChange: handleOpenChange, content: _jsx(TimeWheelPicker, __assign({ value: selectedTime, onValueChange: handleTimeChange, format: format, minuteStep: minuteStep }, timeWheelPickerProps, { className: cn("bg-card border border-border rounded-xl p-4", timeWheelPickerProps === null || timeWheelPickerProps === void 0 ? void 0 : timeWheelPickerProps.className), overlayBgColorClassName: "bg-card/70" })), contentProps: __assign(__assign({}, popoverContentProps), { className: resolvedPopoverContentClassName, sideOffset: (_b = popoverContentProps === null || popoverContentProps === void 0 ? void 0 : popoverContentProps.sideOffset) !== null && _b !== void 0 ? _b : 8 }), triggerRef: popoverRef, type: isSmallerScreen ? "floating-sheet" : "popover" }), _jsxs(Pressable, { className: "flex-row items-center justify-between gap-2 py-1.5", disabled: formFieldProps.disabled, accessibilityState: {
+                            disabled: formFieldProps.disabled,
+                        }, onPress: function () { var _a; return (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.open(); }, children: [_jsx(View, { className: "flex-1", children: _jsx(Text, { className: cn("text-base", displayValue ? "text-foreground" : "text-muted-foreground"), numberOfLines: 1, ellipsizeMode: "tail", children: textToShow }) }), _jsx(Icon, { as: Clock3, className: cn("size-5 text-muted-foreground", isFocused && !hasError && !hasSuccess && "text-foreground", hasError && "text-destructive", hasSuccess && "text-primary", iconClassName) })] })] }));
+        } })));
+}
+TimePicker.displayName = "TimePicker";
+export { TimePicker };

package/dist/$/components/ui/timewheelpicker.d.ts

@@ -0,0 +1,22 @@
+type TimeWheelPickerFormat = "12h" | "24h";
+type TimeWheelPickerValue = {
+    hour: number;
+    minute: number;
+};
+type TimeWheelPickerProps = {
+    value?: TimeWheelPickerValue;
+    defaultValue?: TimeWheelPickerValue;
+    onValueChange?: (value: TimeWheelPickerValue) => void;
+    format?: TimeWheelPickerFormat;
+    minuteStep?: number;
+    itemHeight?: number;
+    visibleItems?: number;
+    hapticFeedback?: boolean;
+    className?: string;
+    columnClassName?: string;
+    overlayBgColorClassName?: string;
+};
+declare function TimeWheelPicker({ value, defaultValue, onValueChange, format, minuteStep, itemHeight, visibleItems, hapticFeedback, className, columnClassName, overlayBgColorClassName, }: TimeWheelPickerProps): import("react/jsx-runtime").JSX.Element;
+export { TimeWheelPicker };
+export type { TimeWheelPickerFormat, TimeWheelPickerProps, TimeWheelPickerValue, };
+//# sourceMappingURL=timewheelpicker.d.ts.map

package/dist/$/components/ui/timewheelpicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timewheelpicker.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/timewheelpicker.tsx"],"names":[],"mappings":"AAOA,KAAK,qBAAqB,GAAG,KAAK,GAAG,KAAK,CAAC;AAG3C,KAAK,oBAAoB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC3B,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AA0EF,iBAAS,eAAe,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,MAAc,EACd,UAAc,EACd,UAAU,EACV,YAAY,EACZ,cAAc,EACd,SAAS,EACT,eAAe,EACf,uBAAuB,GACvB,EAAE,oBAAoB,2CAiHtB;AAED,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EACX,qBAAqB,EACrB,oBAAoB,EACpB,oBAAoB,GACpB,CAAC"}

package/dist/$/components/ui/timewheelpicker.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { View } from "react-native";
+import { WheelPicker } from "../primitives/wheelpicker";
+import { Text } from "./text";
+import { cn } from "../../../$/lib/utils";
+function clampHour(hour) {
+    return Math.max(0, Math.min(23, Math.trunc(hour)));
+}
+function clampMinute(minute) {
+    return Math.max(0, Math.min(59, Math.trunc(minute)));
+}
+function normalizeMinute(minute, step) {
+    var rounded = Math.round(clampMinute(minute) / step) * step;
+    return Math.min(59, rounded);
+}
+function normalizeTimeValue(value, minuteStep) {
+    if (!value)
+        return { hour: 0, minute: 0 };
+    return {
+        hour: clampHour(value.hour),
+        minute: normalizeMinute(value.minute, minuteStep),
+    };
+}
+function to12Hour(hour24) {
+    var safeHour = clampHour(hour24);
+    var meridiem = safeHour >= 12 ? "PM" : "AM";
+    var raw = safeHour % 12;
+    var hour12 = raw === 0 ? 12 : raw;
+    return { hour12: hour12, meridiem: meridiem };
+}
+function to24Hour(hour12, meridiem) {
+    var safe = Math.max(1, Math.min(12, Math.trunc(hour12)));
+    if (meridiem === "AM")
+        return safe === 12 ? 0 : safe;
+    return safe === 12 ? 12 : safe + 12;
+}
+function pad2(n) {
+    return String(n).padStart(2, "0");
+}
+function buildHourItems(format) {
+    if (format === "24h") {
+        return Array.from({ length: 24 }, function (_, hour) { return ({
+            label: pad2(hour),
+            value: hour,
+        }); });
+    }
+    return Array.from({ length: 12 }, function (_, i) {
+        var hour12 = i + 1;
+        return { label: String(hour12), value: hour12 };
+    });
+}
+function buildMinuteItems(step) {
+    var _a;
+    var items = [];
+    for (var minute = 0; minute < 60; minute += step) {
+        items.push({ label: pad2(minute), value: minute });
+    }
+    // Ensure 59 is reachable when step doesn't divide 59 evenly.
+    if (((_a = items[items.length - 1]) === null || _a === void 0 ? void 0 : _a.value) !== 59) {
+        items.push({ label: pad2(59), value: 59 });
+    }
+    return items;
+}
+var meridiemItems = [
+    { label: "AM", value: "AM" },
+    { label: "PM", value: "PM" },
+];
+function TimeWheelPicker(_a) {
+    var value = _a.value, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, _b = _a.format, format = _b === void 0 ? "24h" : _b, _c = _a.minuteStep, minuteStep = _c === void 0 ? 1 : _c, itemHeight = _a.itemHeight, visibleItems = _a.visibleItems, hapticFeedback = _a.hapticFeedback, className = _a.className, columnClassName = _a.columnClassName, overlayBgColorClassName = _a.overlayBgColorClassName;
+    var safeMinuteStep = React.useMemo(function () { return Math.max(1, Math.min(59, Math.trunc(minuteStep))); }, [minuteStep]);
+    var isControlled = value !== undefined;
+    var _d = React.useState(function () {
+        return normalizeTimeValue(defaultValue !== null && defaultValue !== void 0 ? defaultValue : value, safeMinuteStep);
+    }), internalValue = _d[0], setInternalValue = _d[1];
+    var current = React.useMemo(function () {
+        return normalizeTimeValue(isControlled ? value : internalValue, safeMinuteStep);
+    }, [internalValue, isControlled, safeMinuteStep, value]);
+    React.useEffect(function () {
+        if (!isControlled && defaultValue !== undefined) {
+            setInternalValue(normalizeTimeValue(defaultValue, safeMinuteStep));
+        }
+    }, [defaultValue, isControlled, safeMinuteStep]);
+    var hourItems = React.useMemo(function () { return buildHourItems(format); }, [format]);
+    var minuteItems = React.useMemo(function () { return buildMinuteItems(safeMinuteStep); }, [safeMinuteStep]);
+    var _e = React.useMemo(function () { return to12Hour(current.hour); }, [current.hour]), hour12 = _e.hour12, meridiem = _e.meridiem;
+    var emitChange = React.useCallback(function (next) {
+        var normalized = normalizeTimeValue(next, safeMinuteStep);
+        if (!isControlled)
+            setInternalValue(normalized);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(normalized);
+    }, [isControlled, onValueChange, safeMinuteStep]);
+    var handleHourChange = React.useCallback(function (nextHour) {
+        if (format === "24h") {
+            emitChange({ hour: nextHour, minute: current.minute });
+            return;
+        }
+        var nextHour24 = to24Hour(nextHour, meridiem);
+        emitChange({ hour: nextHour24, minute: current.minute });
+    }, [current.minute, emitChange, format, meridiem]);
+    var handleMinuteChange = React.useCallback(function (nextMinute) {
+        emitChange({ hour: current.hour, minute: nextMinute });
+    }, [current.hour, emitChange]);
+    var handleMeridiemChange = React.useCallback(function (next) {
+        if (format !== "12h")
+            return;
+        var nextHour24 = to24Hour(hour12, next);
+        emitChange({ hour: nextHour24, minute: current.minute });
+    }, [current.minute, emitChange, format, hour12]);
+    return (_jsxs(View, { className: cn("flex-row w-full items-center gap-3", className), children: [_jsx(WheelPicker, { items: hourItems, value: format === "24h" ? current.hour : hour12, onValueChange: handleHourChange, itemHeight: itemHeight, visibleItems: visibleItems, hapticFeedback: hapticFeedback, className: cn("flex-1", columnClassName), overlayBgColorClassName: overlayBgColorClassName }), _jsx(Text, { className: "text-foreground/60", "aria-hidden": true, children: ":" }), _jsx(WheelPicker, { items: minuteItems, value: current.minute, onValueChange: handleMinuteChange, itemHeight: itemHeight, visibleItems: visibleItems, hapticFeedback: hapticFeedback, className: cn("flex-1", columnClassName), overlayBgColorClassName: overlayBgColorClassName }), format === "12h" ? (_jsx(WheelPicker, { items: meridiemItems, value: meridiem, onValueChange: handleMeridiemChange, itemHeight: itemHeight, visibleItems: visibleItems, hapticFeedback: hapticFeedback, className: cn("flex-1", columnClassName), overlayBgColorClassName: overlayBgColorClassName })) : null] }));
+}
+export { TimeWheelPicker };

package/dist/$/components/ui/toggle-group.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { ToggleGroup as PrimitiveToggleGroup, ToggleGroupIcon, ToggleGroupItem as PrimitiveToggleGroupItem } from "../primitives/toggle-group";
+type ToggleGroupItemData = {
+    value?: string;
+    label: React.ReactNode;
+    itemProps?: React.ComponentProps<typeof PrimitiveToggleGroupItem>;
+};
+type ToggleGroupProps = React.ComponentProps<typeof PrimitiveToggleGroup> & {
+    items?: ToggleGroupItemData[];
+};
+declare function ToggleGroup({ items, children, ...props }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupIcon, PrimitiveToggleGroupItem as ToggleGroupItem, };
+export * from "../primitives/toggle-group";
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/$/components/ui/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACN,WAAW,IAAI,oBAAoB,EACnC,eAAe,EACf,eAAe,IAAI,wBAAwB,EAC3C,MAAM,4BAA4B,CAAC;AAGpC,KAAK,mBAAmB,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,wBAAwB,CAAC,CAAC;CAClE,CAAC;AAEF,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,GAAG;IAC3E,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC;AASF,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAuBnE;AAED,OAAO,EACN,WAAW,EACX,eAAe,EACf,wBAAwB,IAAI,eAAe,GAC3C,CAAC;AACF,cAAc,4BAA4B,CAAC"}

package/dist/$/components/ui/toggle-group.js

@@ -0,0 +1,44 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ToggleGroup as PrimitiveToggleGroup, ToggleGroupIcon, ToggleGroupItem as PrimitiveToggleGroupItem, } from "../primitives/toggle-group";
+import { Text } from "./text";
+var renderLabel = function (label) {
+    if (typeof label === "string" || typeof label === "number") {
+        return _jsx(Text, { children: label });
+    }
+    return label;
+};
+function ToggleGroup(_a) {
+    var items = _a.items, children = _a.children, props = __rest(_a, ["items", "children"]);
+    if (!items || items.length === 0) {
+        return _jsx(PrimitiveToggleGroup, __assign({}, props, { children: children }));
+    }
+    return (_jsx(PrimitiveToggleGroup, __assign({}, props, { children: items.map(function (item, index) {
+            var _a;
+            var value = (_a = item.value) !== null && _a !== void 0 ? _a : String(index);
+            return (_jsx(PrimitiveToggleGroupItem, __assign({ value: value, isFirst: index === 0, isLast: index === items.length - 1 }, item.itemProps, { children: renderLabel(item.label) }), value));
+        }) })));
+}
+export { ToggleGroup, ToggleGroupIcon, PrimitiveToggleGroupItem as ToggleGroupItem, };
+export * from "../primitives/toggle-group";

package/dist/$/components/ui/toggle.d.ts

@@ -0,0 +1,2 @@
+export * from "../primitives/toggle";
+//# sourceMappingURL=toggle.d.ts.map

package/dist/$/components/ui/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/toggle.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/$/components/ui/toggle.js

@@ -0,0 +1 @@
+export * from "../primitives/toggle";

package/dist/$/components/ui/tooltip.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Tooltip as PrimitiveTooltip, TooltipContent, TooltipTrigger } from "../primitives/tooltip";
+type TooltipProps = React.ComponentProps<typeof PrimitiveTooltip> & {
+    trigger?: React.ReactNode;
+    content?: React.ReactNode;
+    triggerProps?: React.ComponentProps<typeof TooltipTrigger>;
+    contentProps?: React.ComponentProps<typeof TooltipContent>;
+};
+declare function Tooltip({ trigger, content, triggerProps, contentProps, children, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipContent, TooltipTrigger };
+export * from "../primitives/tooltip";
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/$/components/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,OAAO,IAAI,gBAAgB,EAC3B,cAAc,EACd,cAAc,EACd,MAAM,uBAAuB,CAAC;AAE/B,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;CAC3D,CAAC;AAEF,iBAAS,OAAO,CAAC,EAChB,OAAO,EACP,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,YAAY,2CAsBd;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AACnD,cAAc,uBAAuB,CAAC"}

package/dist/$/components/ui/tooltip.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip as PrimitiveTooltip, TooltipContent, TooltipTrigger, } from "../primitives/tooltip";
+function Tooltip(_a) {
+    var trigger = _a.trigger, content = _a.content, triggerProps = _a.triggerProps, contentProps = _a.contentProps, children = _a.children, props = __rest(_a, ["trigger", "content", "triggerProps", "contentProps", "children"]);
+    if (children) {
+        return (_jsxs(PrimitiveTooltip, __assign({}, props, { children: [trigger && (_jsx(TooltipTrigger, __assign({ asChild: true }, triggerProps, { children: trigger }))), children] })));
+    }
+    return (_jsxs(PrimitiveTooltip, __assign({}, props, { children: [_jsx(TooltipTrigger, __assign({ asChild: true }, triggerProps, { children: trigger })), _jsx(TooltipContent, __assign({}, contentProps, { children: content }))] })));
+}
+export { Tooltip, TooltipContent, TooltipTrigger };
+export * from "../primitives/tooltip";

package/dist/$/components/ui/view.d.ts

@@ -0,0 +1,2 @@
+export * from "../primitives/view";
+//# sourceMappingURL=view.d.ts.map

package/dist/$/components/ui/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/view.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/$/components/ui/view.js

@@ -0,0 +1 @@
+export * from "../primitives/view";

package/dist/$/components/ui/wheelpicker.d.ts

@@ -0,0 +1,2 @@
+export * from "../primitives/wheelpicker";
+//# sourceMappingURL=wheelpicker.d.ts.map

package/dist/$/components/ui/wheelpicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wheelpicker.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/wheelpicker.tsx"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/dist/$/components/ui/wheelpicker.js

@@ -0,0 +1 @@
+export * from "../primitives/wheelpicker";

package/dist/$/lib/hooks/useExtractTextClasses.d.ts

@@ -0,0 +1,2 @@
+export declare const useExtractTextClasses: (className?: string) => string;
+//# sourceMappingURL=useExtractTextClasses.d.ts.map

package/dist/$/lib/hooks/useExtractTextClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExtractTextClasses.d.ts","sourceRoot":"","sources":["../../../../$/lib/hooks/useExtractTextClasses.ts"],"names":[],"mappings":"AAiDA,eAAO,MAAM,qBAAqB,GAAI,YAAY,MAAM,WAMvD,CAAC"}

package/dist/$/lib/hooks/useExtractTextClasses.js

@@ -0,0 +1,62 @@
+import { useMemo } from "react";
+var textClassPrefixSet = [
+    "text-",
+    "font-",
+    "leading-",
+    "transition-colors",
+    "whitespace-",
+    "text-opacity-",
+    "font-",
+    "tracking-",
+    "line-clamp-",
+    "text-overflow-",
+    "text-decoration-",
+    "text-transform-",
+    "text-align-",
+    "text-justify-",
+    "text-indent-",
+    "underline",
+    "line-through",
+    "no-underline",
+    "uppercase",
+    "lowercase",
+    "capitalize",
+    "normal-case",
+    "truncate",
+    "overflow-ellipsis",
+    "overflow-clip",
+    "overflow-visible",
+    "overflow-hidden",
+    "overflow-scroll",
+    "overflow-auto",
+    "antialiased",
+    "subpixel-antialiased",
+    "italic",
+    "not-italic",
+    "italic",
+    "normal-nums",
+    "ordinal",
+    "slashed-zero",
+    "lining-nums",
+    "oldstyle-nums",
+    "proportional-nums",
+    "tabular-nums",
+    "diagonal-fractions",
+    "stacked-fractions",
+    "normal-nums",
+];
+export var useExtractTextClasses = function (className) {
+    var textClasses = useMemo(function () { return extractTextClasses(className); }, [className]).textClasses;
+    return textClasses;
+};
+var extractTextClasses = function (className) {
+    if (!className)
+        return { textClasses: "", classes: "" };
+    var classes = className.split(" ");
+    var textClasses = classes
+        .filter(function (c) {
+        return textClassPrefixSet.some(function (nc) { return c.startsWith(nc) || c.includes(nc); });
+    })
+        .join(" ");
+    return { textClasses: textClasses, classes: classes };
+};

package/dist/$/lib/utils/renderNode.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export declare function renderNode(node: React.ReactNode, className?: string): React.ReactNode;
+//# sourceMappingURL=renderNode.d.ts.map

package/dist/$/lib/utils/renderNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderNode.d.ts","sourceRoot":"","sources":["../../../../$/lib/utils/renderNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,wBAAgB,UAAU,CACzB,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,SAAS,CAAC,EAAE,MAAM,GAChB,KAAK,CAAC,SAAS,CAkBjB"}

package/dist/$/lib/utils/renderNode.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Text } from "../../../$/components/primitives/text";
+import { cn } from "../utils";
+// Renders primitive values (string/number) as Text while passing through React elements.
+// Optional className applied only when we wrap primitives.
+export function renderNode(node, className) {
+    var _a;
+    if (node == null || typeof node === "boolean")
+        return null;
+    if (typeof node === "string" || typeof node === "number") {
+        return _jsx(Text, { className: cn(className), children: node });
+    }
+    // check if fragment
+    if (React.isValidElement(node) && node.type === React.Fragment) {
+        return React.Children.map((_a = node.props) === null || _a === void 0 ? void 0 : _a.children, function (child, i) { return (_jsx(React.Fragment, { children: renderNode(child, className) }, i)); });
+    }
+    if (Array.isArray(node)) {
+        return node.map(function (n, i) { return (_jsx(React.Fragment, { children: renderNode(n, className) }, i)); });
+    }
+    return node;
+}

package/dist/$/lib/utils.d.ts

@@ -0,0 +1,5 @@
+import { type ClassValue } from "clsx";
+import { cva, type VariantProps } from "class-variance-authority";
+export declare function mergeClasses(...inputs: ClassValue[]): string;
+export { mergeClasses as cn, cva, type VariantProps };
+//# sourceMappingURL=utils.d.ts.map

package/dist/$/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../$/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAyBlE,wBAAgB,YAAY,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEnD;AAED,OAAO,EAAE,YAAY,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,YAAY,EAAE,CAAC"}