blimpui 0.0.1

package/dist/$/components/ui/form-field/index.js

@@ -0,0 +1,80 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../$/lib/utils";
+import * as React from "react";
+import { Pressable, View } from "react-native";
+import { FormFieldLabel } from "./form-field-label";
+import { FormFieldMessage } from "./form-field-message";
+import { useFormField } from "./use-form-field";
+import { useFormFieldAnimation } from "./use-form-field-animation";
+function FormField(_a) {
+    var _b, _c;
+    var _d = _a.variant, variant = _d === void 0 ? "flat" : _d, label = _a.label, placeholder = _a.placeholder, helperText = _a.helperText, error = _a.error, success = _a.success, startContent = _a.startContent, endContent = _a.endContent, value = _a.value, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, onFocus = _a.onFocus, onBlur = _a.onBlur, disabled = _a.disabled, required = _a.required, _e = _a.labelPlacement, labelPlacement = _e === void 0 ? "inside" : _e, className = _a.className, fieldClassName = _a.fieldClassName, labelClassName = _a.labelClassName, contentClassName = _a.contentClassName, messageClassName = _a.messageClassName, errorClassName = _a.errorClassName, successClassName = _a.successClassName, children = _a.children;
+    var _f = useFormField({
+        error: error,
+        success: success,
+        value: value,
+        defaultValue: defaultValue,
+        onValueChange: onValueChange,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        disabled: disabled,
+    }), inputRef = _f.inputRef, resolvedValue = _f.resolvedValue, isFocused = _f.isFocused, hasError = _f.hasError, hasSuccess = _f.hasSuccess, inputProps = _f.inputProps, focusInput = _f.focusInput;
+    var hasPlaceholder = Boolean(placeholder);
+    var hasValue = resolvedValue.length > 0;
+    var isLabelInside = labelPlacement !== "outside";
+    var shouldFloat = isLabelInside && (hasPlaceholder || hasValue || isFocused);
+    var floatTranslateX = variant === "underlined" ? -4.5 : -2;
+    var labelStyle = useFormFieldAnimation(shouldFloat, {
+        floatTranslateX: floatTranslateX,
+    }).labelStyle;
+    var renderProps = React.useMemo(function () { return ({
+        value: resolvedValue,
+        isFocused: isFocused,
+        hasError: hasError,
+        hasSuccess: hasSuccess,
+        placeholder: placeholder,
+        inputRef: inputRef,
+        inputProps: __assign(__assign({}, inputProps), { placeholder: placeholder }),
+    }); }, [
+        resolvedValue,
+        isFocused,
+        hasError,
+        hasSuccess,
+        placeholder,
+        inputRef,
+        inputProps,
+    ]);
+    var messageText = (_c = (_b = (hasError && typeof error === "string" ? error : undefined)) !== null && _b !== void 0 ? _b : (hasSuccess && typeof success === "string" ? success : undefined)) !== null && _c !== void 0 ? _c : helperText;
+    var variantClassName = (function () {
+        switch (variant) {
+            case "bordered":
+                return "rounded-input border border-border/80 bg-background/30 px-3.5 pb-1.5 pt-2.5";
+            case "underlined":
+                return "rounded-none border-0 border-b border-border/80 bg-transparent pb-1.5 pt-2";
+            case "faded":
+                return "rounded-input border border-transparent bg-muted  px-3 pb-1.5 pt-2.5";
+            case "flat":
+            default:
+                return "rounded-input border border-input bg-card px-3 pb-1.5 pt-2.5";
+        }
+    })();
+    var frameClassName = cn("relative transition-all duration-150", variantClassName, disabled && "opacity-60", hasError && "border-destructive/70 ring-destructive/20", hasSuccess && "border-primary/70 ring-primary/15", !hasError &&
+        !hasSuccess &&
+        isFocused &&
+        "border-primary/80 ring-primary/15", fieldClassName);
+    var child = React.useMemo(function () { return children(renderProps); }, [children, renderProps]);
+    var labelOffsetLeft = variant === "underlined" ? 0 : 10;
+    return (_jsxs(View, { className: cn("gap-1 ", className), children: [label && !isLabelInside ? (_jsx(FormFieldLabel, { label: label, required: required, labelClassName: labelClassName, hasError: hasError, hasSuccess: hasSuccess, isFocused: isFocused, placement: "outside" })) : null, _jsxs(Pressable, { onPress: focusInput, className: frameClassName, disabled: disabled, accessibilityState: { disabled: disabled, expanded: isFocused }, accessibilityHint: label, children: [label && isLabelInside ? (_jsx(FormFieldLabel, { label: label, required: required, labelClassName: labelClassName, hasError: hasError, hasSuccess: hasSuccess, isFocused: isFocused, labelStyle: labelStyle, placement: "inside", offsetLeft: labelOffsetLeft })) : null, _jsx(View, { className: cn(label && isLabelInside ? "pt-3" : undefined, contentClassName), children: _jsxs(View, { className: "flex-row items-center gap-2", children: [startContent ? (_jsx(View, { className: "shrink-0", children: startContent })) : null, _jsx(View, { className: "flex-1", children: child }), endContent ? _jsx(View, { className: "shrink-0", children: endContent }) : null] }) })] }), _jsx(FormFieldMessage, { messageText: messageText, messageClassName: messageClassName, errorClassName: errorClassName, successClassName: successClassName, hasError: hasError, hasSuccess: hasSuccess })] }));
+}
+export { FormField };

package/dist/$/components/ui/form-field/use-form-field-animation.d.ts

@@ -0,0 +1,8 @@
+type FormFieldAnimationOptions = {
+    floatTranslateX?: number;
+};
+export declare function useFormFieldAnimation(shouldFloat: boolean, { floatTranslateX }?: FormFieldAnimationOptions): {
+    labelStyle: any;
+};
+export {};
+//# sourceMappingURL=use-form-field-animation.d.ts.map

package/dist/$/components/ui/form-field/use-form-field-animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-field-animation.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/form-field/use-form-field-animation.ts"],"names":[],"mappings":"AASA,KAAK,yBAAyB,GAAG;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,wBAAgB,qBAAqB,CACpC,WAAW,EAAE,OAAO,EACpB,EAAE,eAAoB,EAAE,GAAE,yBAA8B;;EAwBxD"}

package/dist/$/components/ui/form-field/use-form-field-animation.js

@@ -0,0 +1,23 @@
+import { useEffect } from "react";
+import { Easing, interpolate, useAnimatedStyle, useSharedValue, withTiming, } from "react-native-reanimated";
+export function useFormFieldAnimation(shouldFloat, _a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.floatTranslateX, floatTranslateX = _c === void 0 ? -2 : _c;
+    var labelProgress = useSharedValue(shouldFloat ? 1 : 0);
+    useEffect(function () {
+        labelProgress.value = withTiming(shouldFloat ? 1 : 0, {
+            duration: 160,
+            easing: Easing.out(Easing.cubic),
+        });
+    }, [shouldFloat]);
+    var labelStyle = useAnimatedStyle(function () {
+        var progress = labelProgress.value;
+        var translateY = interpolate(progress, [0, 1], [8, 0]);
+        var translateX = interpolate(progress, [0, 1], [0, floatTranslateX]); // counter drift from scale anchoring at center
+        var scale = interpolate(progress, [0, 1], [1, 0.92]);
+        return {
+            transform: [{ translateY: translateY }, { translateX: translateX }, { scale: scale }],
+            opacity: interpolate(progress, [0, 1], [0.7, 1]),
+        };
+    });
+    return { labelStyle: labelStyle };
+}

package/dist/$/components/ui/form-field/use-form-field.d.ts

@@ -0,0 +1,28 @@
+import { TextInput } from "react-native";
+type UseFormFieldProps = {
+    error?: string | boolean;
+    success?: string | boolean;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    disabled?: boolean;
+};
+export declare function useFormField({ error, success, value, defaultValue, onValueChange, onFocus, onBlur, disabled, }: UseFormFieldProps): {
+    inputRef: import("react").RefObject<TextInput>;
+    resolvedValue: string;
+    isFocused: boolean;
+    hasError: boolean;
+    hasSuccess: boolean;
+    inputProps: {
+        value: string;
+        onFocus: () => void;
+        onBlur: () => void;
+        onChangeText: (text: string) => void;
+        editable: boolean;
+    };
+    focusInput: () => void;
+};
+export {};
+//# sourceMappingURL=use-form-field.d.ts.map

package/dist/$/components/ui/form-field/use-form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-field.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/form-field/use-form-field.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,KAAK,iBAAiB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,KAAK,EACL,YAAiB,EACjB,aAAa,EACb,OAAO,EACP,MAAM,EACN,QAAQ,GACR,EAAE,iBAAiB;;;;;;;;;;6BA4BX,MAAM;;;;EAgCd"}

package/dist/$/components/ui/form-field/use-form-field.js

@@ -0,0 +1,55 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+export function useFormField(_a) {
+    var error = _a.error, success = _a.success, value = _a.value, _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, onValueChange = _a.onValueChange, onFocus = _a.onFocus, onBlur = _a.onBlur, disabled = _a.disabled;
+    var inputRef = useRef(null);
+    var isControlled = value !== undefined;
+    var _c = useState(defaultValue), internalValue = _c[0], setInternalValue = _c[1];
+    var resolvedValue = isControlled ? value !== null && value !== void 0 ? value : "" : internalValue;
+    var _d = useState(false), isFocused = _d[0], setIsFocused = _d[1];
+    var hasError = Boolean(error);
+    var hasSuccess = !hasError && Boolean(success);
+    useEffect(function () {
+        if (!isControlled) {
+            setInternalValue(defaultValue !== null && defaultValue !== void 0 ? defaultValue : "");
+        }
+    }, [defaultValue, isControlled]);
+    var handleFocus = useCallback(function () {
+        if (disabled)
+            return;
+        setIsFocused(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus();
+    }, [disabled, onFocus]);
+    var handleBlur = useCallback(function () {
+        setIsFocused(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+    }, [onBlur]);
+    var handleChangeText = useCallback(function (text) {
+        if (!isControlled) {
+            setInternalValue(text);
+        }
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(text);
+    }, [isControlled, onValueChange]);
+    var focusInput = useCallback(function () {
+        var _a;
+        if (disabled)
+            return;
+        var node = inputRef.current;
+        (_a = node === null || node === void 0 ? void 0 : node.focus) === null || _a === void 0 ? void 0 : _a.call(node);
+    }, [disabled]);
+    var inputProps = {
+        value: resolvedValue,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onChangeText: handleChangeText,
+        editable: disabled ? false : undefined,
+    };
+    return {
+        inputRef: inputRef,
+        resolvedValue: resolvedValue,
+        isFocused: isFocused,
+        hasError: hasError,
+        hasSuccess: hasSuccess,
+        inputProps: inputProps,
+        focusInput: focusInput,
+    };
+}

package/dist/$/components/ui/hover-card.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { HoverCard as PrimitiveHoverCard, HoverCardContent, HoverCardTrigger } from "../primitives/hover-card";
+type HoverCardProps = React.ComponentProps<typeof PrimitiveHoverCard> & {
+    trigger?: React.ReactNode;
+    content?: React.ReactNode;
+    triggerProps?: React.ComponentProps<typeof HoverCardTrigger>;
+    contentProps?: React.ComponentProps<typeof HoverCardContent>;
+};
+declare function HoverCard({ trigger, content, triggerProps, contentProps, children, ...props }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+export * from "../primitives/hover-card";
+//# sourceMappingURL=hover-card.d.ts.map

package/dist/$/components/ui/hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/hover-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,SAAS,IAAI,kBAAkB,EAC/B,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,0BAA0B,CAAC;AAElC,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACvE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAC7D,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;CAC7D,CAAC;AAEF,iBAAS,SAAS,CAAC,EAClB,OAAO,EACP,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,cAAc,2CAsBhB;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;AACzD,cAAc,0BAA0B,CAAC"}

package/dist/$/components/ui/hover-card.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 { HoverCard as PrimitiveHoverCard, HoverCardContent, HoverCardTrigger, } from "../primitives/hover-card";
+function HoverCard(_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(PrimitiveHoverCard, __assign({}, props, { children: [trigger && (_jsx(HoverCardTrigger, __assign({ asChild: true }, triggerProps, { children: trigger }))), children] })));
+    }
+    return (_jsxs(PrimitiveHoverCard, __assign({}, props, { children: [_jsx(HoverCardTrigger, __assign({ asChild: true }, triggerProps, { children: trigger })), _jsx(HoverCardContent, __assign({}, contentProps, { children: content }))] })));
+}
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+export * from "../primitives/hover-card";

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

@@ -0,0 +1,2 @@
+export { Icon } from "../primitives/icon";
+//# sourceMappingURL=icon.d.ts.map

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

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

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

@@ -0,0 +1 @@
+export { Icon } from "../primitives/icon";

package/dist/$/components/ui/input.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 InputFieldProps = {
+    /**
+     * Class name for the outer FormField container. This leaves `className` for the input 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 InputField: React.ForwardRefExoticComponent<{
+    /**
+     * Class name for the outer FormField container. This leaves `className` for the input 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 { InputField as Input };
+export type { InputFieldProps };
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,SAAS,EAET,KAAK,cAAc,EAEnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,KAAK,eAAe,GAAG;IACtB;;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,UAAU;IAdf;;OAEG;uBACgB,MAAM;IACzB,oEAAoE;mBACrD,cAAc,CAAC,SAAS,CAAC;IACxC,mEAAmE;kBACrD,cAAc,CAAC,QAAQ,CAAC;;oCAKc,MAAM;mCAqF1D,CAAC;AAIF,OAAO,EAAE,UAAU,IAAI,KAAK,EAAE,CAAC;AAC/B,YAAY,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,60 @@
+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 { Input as PrimitiveInput } from "../primitives/input";
+import { FormField } from "./form-field";
+var InputField = React.forwardRef(function (_a, ref) {
+    var onValueChange = _a.onValueChange, onFieldFocus = _a.onFieldFocus, onFieldBlur = _a.onFieldBlur, className = _a.className, labelPlacement = _a.labelPlacement, placeholderTextColorClassName = _a.placeholderTextColorClassName, editable = _a.editable, inputOnChangeText = _a.onChangeText, inputOnFocus = _a.onFocus, inputOnBlur = _a.onBlur, disabled = _a.disabled, inputProps = __rest(_a, ["onValueChange", "onFieldFocus", "onFieldBlur", "className", "labelPlacement", "placeholderTextColorClassName", "editable", "onChangeText", "onFocus", "onBlur", "disabled"]);
+    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, 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(PrimitiveInput, __assign({ ref: function (node) { return mergeRefs(node, inputRef); } }, fieldInputProps, inputProps, { editable: forwardedEditable, onChangeText: handleChangeText, onFocus: handleFocus, onBlur: handleBlur, className: cn("border-none bg-transparent px-0 pt-1 pb-0.5 text-base", className), placeholderTextColorClassName: placeholderTextColorClassName })));
+        } })));
+});
+InputField.displayName = "InputField";
+export { InputField as Input };

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,63 @@
+import * as React from "react";
+import { Menubar as PrimitiveMenubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "../primitives/menubar";
+type MenubarBaseItem = {
+    key?: React.Key;
+};
+type MenubarActionItem = MenubarBaseItem & {
+    type?: "item";
+    label: React.ReactNode;
+    shortcut?: React.ReactNode;
+    itemProps?: React.ComponentProps<typeof MenubarItem>;
+    shortcutProps?: React.ComponentProps<typeof MenubarShortcut>;
+};
+type MenubarCheckbox = MenubarBaseItem & {
+    type: "checkbox";
+    label: React.ReactNode;
+    shortcut?: React.ReactNode;
+    itemProps?: React.ComponentProps<typeof MenubarCheckboxItem>;
+    shortcutProps?: React.ComponentProps<typeof MenubarShortcut>;
+};
+type MenubarRadioGroupData = MenubarBaseItem & {
+    type: "radio-group";
+    value?: string;
+    onValueChange?: (value: string) => void;
+    items: Array<MenubarBaseItem & {
+        value: string;
+        label: React.ReactNode;
+        shortcut?: React.ReactNode;
+        itemProps?: React.ComponentProps<typeof MenubarRadioItem>;
+        shortcutProps?: React.ComponentProps<typeof MenubarShortcut>;
+    }>;
+    groupProps?: Omit<React.ComponentProps<typeof MenubarRadioGroup>, "value" | "onValueChange">;
+};
+type MenubarLabelData = MenubarBaseItem & {
+    type: "label";
+    label: React.ReactNode;
+    labelProps?: React.ComponentProps<typeof MenubarLabel>;
+};
+type MenubarSeparatorData = MenubarBaseItem & {
+    type: "separator";
+    separatorProps?: React.ComponentProps<typeof MenubarSeparator>;
+};
+type MenubarSubData = MenubarBaseItem & {
+    type: "sub";
+    trigger: React.ReactNode;
+    items: MenubarItemData[];
+    triggerProps?: React.ComponentProps<typeof MenubarSubTrigger>;
+    contentProps?: React.ComponentProps<typeof MenubarSubContent>;
+};
+type MenubarItemData = MenubarActionItem | MenubarCheckbox | MenubarRadioGroupData | MenubarLabelData | MenubarSeparatorData | MenubarSubData;
+type MenubarMenuData = {
+    value: string;
+    trigger: React.ReactNode;
+    items: MenubarItemData[];
+    triggerProps?: React.ComponentProps<typeof MenubarTrigger>;
+    contentProps?: React.ComponentProps<typeof MenubarContent>;
+};
+type MenubarProps = React.ComponentProps<typeof PrimitiveMenubar> & {
+    menus?: MenubarMenuData[];
+};
+declare function Menubar({ menus, children, ...props }: MenubarProps): import("react/jsx-runtime").JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
+export * from "../primitives/menubar";
+//# sourceMappingURL=menubar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/menubar.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,66 @@
+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 { Menubar as PrimitiveMenubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, } from "../primitives/menubar";
+import { Text } from "./text";
+var renderText = function (node) {
+    if (typeof node === "string" || typeof node === "number") {
+        return _jsx(Text, { children: node });
+    }
+    return node;
+};
+function renderMenubarItems(items) {
+    return items.map(function (item, index) {
+        var _a;
+        var key = (_a = item.key) !== null && _a !== void 0 ? _a : index;
+        switch (item.type) {
+            case "checkbox":
+                return (_jsxs(MenubarCheckboxItem, __assign({}, item.itemProps, { children: [renderText(item.label), item.shortcut && (_jsx(MenubarShortcut, __assign({}, item.shortcutProps, { children: renderText(item.shortcut) })))] }), key));
+            case "radio-group":
+                return (_jsx(MenubarRadioGroup, __assign({ value: item.value, onValueChange: item.onValueChange }, item.groupProps, { children: item.items.map(function (radioItem, radioIndex) {
+                        var _a;
+                        return (_jsxs(MenubarRadioItem, __assign({ value: radioItem.value }, radioItem.itemProps, { children: [renderText(radioItem.label), radioItem.shortcut && (_jsx(MenubarShortcut, __assign({}, radioItem.shortcutProps, { children: renderText(radioItem.shortcut) })))] }), (_a = radioItem.key) !== null && _a !== void 0 ? _a : radioIndex));
+                    }) }), key));
+            case "label":
+                return (_jsx(MenubarLabel, __assign({}, item.labelProps, { children: renderText(item.label) }), key));
+            case "separator":
+                return _jsx(MenubarSeparator, __assign({}, item.separatorProps), key);
+            case "sub":
+                return (_jsxs(MenubarSub, { children: [_jsx(MenubarSubTrigger, __assign({}, item.triggerProps, { children: renderText(item.trigger) })), _jsx(MenubarSubContent, __assign({}, item.contentProps, { children: renderMenubarItems(item.items) }))] }, key));
+            case "item":
+            default: {
+                var actionItem = item;
+                return (_jsxs(MenubarItem, __assign({}, actionItem.itemProps, { children: [renderText(actionItem.label), actionItem.shortcut && (_jsx(MenubarShortcut, __assign({}, actionItem.shortcutProps, { children: renderText(actionItem.shortcut) })))] }), key));
+            }
+        }
+    });
+}
+function Menubar(_a) {
+    var menus = _a.menus, children = _a.children, props = __rest(_a, ["menus", "children"]);
+    if (!menus) {
+        return _jsx(PrimitiveMenubar, __assign({}, props, { children: children }));
+    }
+    return (_jsx(PrimitiveMenubar, __assign({}, props, { children: menus.map(function (menu) { return (_jsxs(MenubarMenu, { value: menu.value, children: [_jsx(MenubarTrigger, __assign({}, menu.triggerProps, { children: renderText(menu.trigger) })), _jsx(MenubarContent, __assign({}, menu.contentProps, { children: renderMenubarItems(menu.items) }))] }, menu.value)); }) })));
+}
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
+export * from "../primitives/menubar";

package/dist/$/components/ui/multi-column-wheelpicker.d.ts

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

package/dist/$/components/ui/multi-column-wheelpicker.d.ts.map

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

package/dist/$/components/ui/multi-column-wheelpicker.js

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

package/dist/$/components/ui/native-only-animated-view.d.ts

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

package/dist/$/components/ui/native-only-animated-view.d.ts.map

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

package/dist/$/components/ui/native-only-animated-view.js

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

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

@@ -0,0 +1,25 @@
+import { type WheelPickerItem, type WheelPickerProps as PrimitiveWheelPickerProps } from "./wheelpicker";
+import { type FormFieldProps } from "./form-field";
+import { PopoverContent } from "./popover";
+import * as React from "react";
+type PickerProps<TValue> = Omit<FormFieldProps, "children" | "value" | "defaultValue" | "onValueChange" | "onFocus" | "onBlur" | "placeholder"> & {
+    options: Array<WheelPickerItem<TValue>>;
+    value?: TValue;
+    defaultValue?: TValue;
+    onValueChange?: (value: TValue | undefined, option?: WheelPickerItem<TValue>) => void;
+    placeholder?: string;
+    formatOptionLabel?: (option: WheelPickerItem<TValue>) => string;
+    wheelPickerProps?: Omit<PrimitiveWheelPickerProps<TValue>, "items" | "value" | "defaultValue" | "onValueChange">;
+    popoverContentProps?: React.ComponentPropsWithoutRef<typeof PopoverContent>;
+    iconClassName?: string;
+    onOpenChange?: (open: boolean) => void;
+    onFieldFocus?: FormFieldProps["onFocus"];
+    onFieldBlur?: FormFieldProps["onBlur"];
+};
+declare function Picker<TValue>({ options, value, defaultValue, onValueChange, placeholder, formatOptionLabel, wheelPickerProps, popoverContentProps, iconClassName, onOpenChange, onFieldFocus, onFieldBlur, className, fieldClassName, ...formFieldProps }: PickerProps<TValue>): import("react/jsx-runtime").JSX.Element;
+declare namespace Picker {
+    var displayName: string;
+}
+export { Picker };
+export type { PickerProps };
+//# sourceMappingURL=picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/picker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,gBAAgB,IAAI,yBAAyB,EAClD,MAAM,eAAe,CAAC;AACvB,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,WAAW,CAAC,MAAM,IAAI,IAAI,CAC9B,cAAc,EACZ,UAAU,GACV,OAAO,GACP,cAAc,GACd,eAAe,GACf,SAAS,GACT,QAAQ,GACR,aAAa,CACf,GAAG;IACH,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CACf,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,KAC5B,IAAI,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC;IAChE,gBAAgB,CAAC,EAAE,IAAI,CACtB,yBAAyB,CAAC,MAAM,CAAC,EACjC,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CACpD,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;AAEF,iBAAS,MAAM,CAAC,MAAM,EAAE,EACvB,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAgC,EAChC,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,cAAc,EACd,GAAG,cAAc,EACjB,EAAE,WAAW,CAAC,MAAM,CAAC,2CA8HrB;kBA9IQ,MAAM;;;AAkJf,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}