blimpui 0.0.1

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

@@ -0,0 +1,64 @@
+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 { withUniwind } from 'uniwind';
+function IconImpl(_a) {
+    var IconComponent = _a.as, props = __rest(_a, ["as"]);
+    return _jsx(IconComponent, __assign({}, props));
+}
+var StyledIcon = withUniwind(IconImpl, {
+    size: {
+        fromClassName: 'className',
+        styleProperty: 'width',
+    },
+    color: {
+        fromClassName: 'className',
+        styleProperty: 'color',
+    },
+});
+/**
+ * A wrapper component for Lucide icons with Uniwind `className` support via `withUniwind`.
+ *
+ * This component allows you to render any Lucide icon while applying utility classes
+ * using `uniwind`. It avoids the need to wrap or configure each icon individually.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * import { ArrowRight } from 'lucide-react-native';
+ * import { Icon } from '@/registry/uniwind/registry/components/ui/icon';
+ *
+ * <Icon as={ArrowRight} className="text-red-500 size-4" />
+ * ```
+ *
+ * @param {LucideIcon} as - The Lucide icon component to render.
+ * @param {string} className - Utility classes to style the icon using Uniwind.
+ * @param {number} size - Icon size (overrides the size class).
+ * @param {...LucideProps} ...props - Additional Lucide icon props passed to the "as" icon.
+ */
+function Icon(_a) {
+    var IconComponent = _a.as, className = _a.className, props = __rest(_a, ["as", "className"]);
+    return (_jsx(StyledIcon, __assign({ as: IconComponent, className: cn('text-foreground size-5', className) }, props)));
+}
+export { Icon };

package/dist/$/components/primitives/input.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { TextInput, type TextInputProps } from "react-native";
+declare const Input: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<TextInput>>;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../$/components/primitives/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExE,QAAA,MAAM,KAAK,kFAgCV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,38 @@
+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, TextInput } from "react-native";
+var Input = React.forwardRef(function (_a, ref) {
+    var className = _a.className, placeholderTextColorClassName = _a.placeholderTextColorClassName, props = __rest(_a, ["className", "placeholderTextColorClassName"]);
+    return (_jsx(TextInput, __assign({ ref: ref, className: cn(" text-foreground flex w-full min-w-0 flex-row items-center border px-3 py-1 text-base leading-5", props.editable === false &&
+            cn("opacity-50", Platform.select({
+                web: "disabled:pointer-events-none disabled:cursor-not-allowed",
+            })), Platform.select({
+            web: cn("placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground outline-none transition-[color,box-shadow] md:text-sm", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"),
+            native: "placeholder:text-muted-foreground/50",
+        }), className), placeholderTextColorClassName: cn("text-muted-foreground", placeholderTextColorClassName) }, props)));
+});
+Input.displayName = "Input";
+export { Input };

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

@@ -0,0 +1,4 @@
+import * as LabelPrimitive from '@rn-primitives/label';
+declare function Label({ className, onPress, onLongPress, onPressIn, onPressOut, disabled, ...props }: LabelPrimitive.TextProps & React.RefAttributes<LabelPrimitive.TextRef>): import("react/jsx-runtime").JSX.Element;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../$/components/primitives/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AAGvD,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,OAAO,CAAC,2CAyBxE;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/$/components/primitives/label.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 } from "react/jsx-runtime";
+import { cn } from '../../../$/lib/utils';
+import * as LabelPrimitive from '@rn-primitives/label';
+import { Platform } from 'react-native';
+function Label(_a) {
+    var className = _a.className, onPress = _a.onPress, onLongPress = _a.onLongPress, onPressIn = _a.onPressIn, onPressOut = _a.onPressOut, disabled = _a.disabled, props = __rest(_a, ["className", "onPress", "onLongPress", "onPressIn", "onPressOut", "disabled"]);
+    return (_jsx(LabelPrimitive.Root, { className: cn('flex select-none flex-row items-center gap-2', Platform.select({
+            web: 'cursor-default leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50',
+        }), disabled && 'opacity-50'), onPress: onPress, onLongPress: onLongPress, onPressIn: onPressIn, onPressOut: onPressOut, disabled: disabled, children: _jsx(LabelPrimitive.Text, __assign({ className: cn('text-foreground text-sm font-medium', Platform.select({ web: 'leading-none' }), className) }, props)) }));
+}
+export { Label };

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { LegendListProps, LegendListRef } from "@legendapp/list";
+type ListComponent = (<T>(props: LegendListProps<T> & React.RefAttributes<LegendListRef>) => React.ReactNode) & {
+    displayName?: string;
+};
+declare const List: ListComponent;
+export { List };
+export type { LegendListProps as ListProps, LegendListRef as ListRef };
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../$/components/primitives/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACX,eAAe,EACf,aAAa,EAEb,MAAM,iBAAiB,CAAC;AA4EzB,KAAK,aAAa,GAAG,CAAC,CAAC,CAAC,EACvB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,KAC1D,KAAK,CAAC,SAAS,CAAC,GAAG;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,IAAI,EA2HM,aAAa,CAAC;AAI9B,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,eAAe,IAAI,SAAS,EAAE,aAAa,IAAI,OAAO,EAAE,CAAC"}

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

@@ -0,0 +1,155 @@
+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 } from "react/jsx-runtime";
+import * as React from "react";
+import { LegendList as LegendListBase } from "@legendapp/list";
+import { Platform, StyleSheet } from "react-native";
+function toNumber(value) {
+    if (typeof value === "number")
+        return value;
+    if (typeof value === "string") {
+        var parsed = Number.parseFloat(value);
+        return Number.isFinite(parsed) ? parsed : 0;
+    }
+    return 0;
+}
+function pickStyleNumber(flatStyle) {
+    var keys = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        keys[_i - 1] = arguments[_i];
+    }
+    if (!flatStyle)
+        return undefined;
+    for (var _a = 0, keys_1 = keys; _a < keys_1.length; _a++) {
+        var key = keys_1[_a];
+        var v = flatStyle[key];
+        if (v != null)
+            return toNumber(v);
+    }
+    return undefined;
+}
+function getContentPadding(contentContainerStyle, axis) {
+    var _a, _b, _c, _d;
+    var flat = StyleSheet.flatten(contentContainerStyle);
+    if (axis === "y") {
+        var start_1 = (_a = pickStyleNumber(flat, "paddingTop", "paddingVertical", "padding")) !== null && _a !== void 0 ? _a : 0;
+        var end_1 = (_b = pickStyleNumber(flat, "paddingBottom", "paddingVertical", "padding")) !== null && _b !== void 0 ? _b : 0;
+        return { start: start_1, end: end_1 };
+    }
+    var start = (_c = pickStyleNumber(flat, "paddingLeft", "paddingHorizontal", "padding")) !== null && _c !== void 0 ? _c : 0;
+    var end = (_d = pickStyleNumber(flat, "paddingRight", "paddingHorizontal", "padding")) !== null && _d !== void 0 ? _d : 0;
+    return { start: start, end: end };
+}
+function getAxis(horizontal) {
+    return horizontal ? "x" : "y";
+}
+function wrapSnapChild(child, axis, snapToInterval) {
+    var _a;
+    var sizeProp = axis === "y" ? "height" : "width";
+    var alignProp = axis === "y" ? "scrollSnapAlign" : "scrollSnapAlign";
+    return (_jsx("div", { style: (_a = {},
+            _a[sizeProp] = snapToInterval,
+            _a[alignProp] = "start",
+            _a), children: child }));
+}
+var List = React.forwardRef(function List(props, forwardedRef) {
+    var internalRef = React.useRef(null);
+    var didCorrectInitialPaddingSnap = React.useRef(false);
+    React.useImperativeHandle(forwardedRef, function () { return internalRef.current; }, []);
+    var isWeb = Platform.OS === "web";
+    var axis = getAxis(props.horizontal);
+    var snapToInterval = props.snapToInterval;
+    var pagingEnabled = Boolean(props.pagingEnabled);
+    var contentPadding = React.useMemo(function () { return getContentPadding(props.contentContainerStyle, axis); }, [axis, props.contentContainerStyle]);
+    var renderItem = props.renderItem;
+    var wrappedRenderItem = React.useMemo(function () {
+        if (!isWeb || !snapToInterval || !renderItem)
+            return renderItem;
+        var render = typeof renderItem === "function"
+            ? renderItem
+            : function (info) {
+                return React.createElement(renderItem, info);
+            };
+        return function (info) {
+            return wrapSnapChild(render(info), axis, snapToInterval);
+        };
+    }, [axis, isWeb, renderItem, snapToInterval]);
+    var wrappedChildren = React.useMemo(function () {
+        if (!isWeb || !snapToInterval || props.children == null)
+            return props.children;
+        var children = React.Children.toArray(props.children);
+        return children.map(function (child, index) {
+            var _a;
+            return (_jsx(React.Fragment, { children: wrapSnapChild(child, axis, snapToInterval) }, (_a = child === null || child === void 0 ? void 0 : child.key) !== null && _a !== void 0 ? _a : index));
+        });
+    }, [axis, isWeb, props, snapToInterval]);
+    React.useEffect(function () {
+        var _a;
+        if (!isWeb || !snapToInterval)
+            return;
+        var list = internalRef.current;
+        if (!list)
+            return;
+        var node = (_a = list.getScrollableNode) === null || _a === void 0 ? void 0 : _a.call(list);
+        var el = node && typeof node === "object" && "style" in node
+            ? node
+            : null;
+        if (!el)
+            return;
+        // CSS scroll snapping + momentum-ish feel
+        var scrollSnapType = "".concat(axis, " mandatory");
+        el.style.scrollSnapType = scrollSnapType;
+        el.style.scrollBehavior = "smooth";
+        // Respect RN contentContainerStyle padding when snapping.
+        // Without this, the browser snaps items flush to the scrollport edge,
+        // effectively ignoring top/bottom (or left/right) padding.
+        var start = contentPadding.start, end = contentPadding.end;
+        if (axis === "y") {
+            el.style.scrollPadding = "".concat(start, "px 0px ").concat(end, "px 0px");
+            el.style.scrollPaddingTop = "".concat(start, "px");
+            el.style.scrollPaddingBottom = "".concat(end, "px");
+        }
+        else {
+            el.style.scrollPadding = "0px ".concat(end, "px 0px ").concat(start, "px");
+            el.style.scrollPaddingLeft = "".concat(start, "px");
+            el.style.scrollPaddingRight = "".concat(end, "px");
+        }
+        // If the browser already snapped the first item *past* the padding
+        // before we applied scrollPadding, correct it once so the padding shows.
+        if (!didCorrectInitialPaddingSnap.current && start > 0) {
+            didCorrectInitialPaddingSnap.current = true;
+            var current = axis === "y" ? el.scrollTop : el.scrollLeft;
+            if (current > 0 && current <= start + 1) {
+                if (axis === "y")
+                    el.scrollTo({ top: 0 });
+                else
+                    el.scrollTo({ left: 0 });
+            }
+        }
+        // iOS Safari momentum scrolling
+        el.style.webkitOverflowScrolling = "touch";
+        // Note: On web, CSS scroll snapping already provides paging-like behavior.
+        // A manual scroll rounding handler fights the browser snap logic and
+        // can cause contentContainerStyle padding (top/bottom) to be ignored.
+        // So we intentionally do nothing special for pagingEnabled here.
+        return;
+    }, [axis, contentPadding, isWeb, pagingEnabled, snapToInterval]);
+    var getFixedItemSize = props.getFixedItemSize;
+    var mergedGetFixedItemSize = React.useMemo(function () {
+        if (!snapToInterval || getFixedItemSize)
+            return getFixedItemSize;
+        return function () { return snapToInterval; };
+    }, [getFixedItemSize, snapToInterval]);
+    return (_jsx(LegendListBase, __assign({ ref: internalRef }, props, { getFixedItemSize: mergedGetFixedItemSize, renderItem: wrappedRenderItem, children: wrappedChildren })));
+});
+List.displayName = "List";
+export { List };

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

@@ -0,0 +1,57 @@
+import * as MenubarPrimitive from "@rn-primitives/menubar";
+import * as React from "react";
+import { type StyleProp, Text, type TextProps, View, type ViewStyle } from "react-native";
+declare const MenubarMenu: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    value: string | undefined;
+} & React.RefAttributes<View>>;
+declare const MenubarGroup: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & React.RefAttributes<View>>;
+declare const MenubarPortal: typeof MenubarPrimitive.Portal;
+declare const MenubarSub: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (value: boolean) => void;
+} & React.RefAttributes<View>>;
+declare const MenubarRadioGroup: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    value: string | undefined;
+    onValueChange: (value: string) => void;
+} & React.RefAttributes<View>>;
+declare function Menubar({ className, value: valueProp, onValueChange: onValueChangeProp, ...props }: MenubarPrimitive.RootProps & React.RefAttributes<MenubarPrimitive.RootRef>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarTrigger({ className, ...props }: MenubarPrimitive.TriggerProps & React.RefAttributes<MenubarPrimitive.TriggerRef>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, iconClassName, ...props }: MenubarPrimitive.SubTriggerProps & React.RefAttributes<MenubarPrimitive.SubTriggerRef> & {
+    children?: React.ReactNode;
+    iconClassName?: string;
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubContent({ className, ...props }: MenubarPrimitive.SubContentProps & React.RefAttributes<MenubarPrimitive.SubContentRef>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarContent({ className, overlayClassName, overlayStyle, portalHost, align, alignOffset, sideOffset, ...props }: MenubarPrimitive.ContentProps & React.RefAttributes<MenubarPrimitive.ContentRef> & {
+    overlayStyle?: StyleProp<ViewStyle>;
+    overlayClassName?: string;
+    portalHost?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: MenubarPrimitive.ItemProps & React.RefAttributes<MenubarPrimitive.ItemRef> & {
+    className?: string;
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarCheckboxItem({ className, children, ...props }: MenubarPrimitive.CheckboxItemProps & React.RefAttributes<MenubarPrimitive.CheckboxItemRef> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: MenubarPrimitive.RadioItemProps & React.RefAttributes<MenubarPrimitive.RadioItemRef> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: MenubarPrimitive.LabelProps & React.RefAttributes<MenubarPrimitive.LabelRef> & {
+    className?: string;
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSeparator({ className, ...props }: MenubarPrimitive.SeparatorProps & React.RefAttributes<MenubarPrimitive.SeparatorRef>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarShortcut({ className, ...props }: TextProps & React.RefAttributes<Text>): import("react/jsx-runtime").JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
+//# sourceMappingURL=menubar.d.ts.map

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

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

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

@@ -0,0 +1,115 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "../../../$/components/primitives/icon";
+import { NativeOnlyAnimatedView } from "../../../$/components/primitives/native-only-animated-view";
+import { TextClassContext } from "../../../$/components/primitives/text";
+import { cn } from "../../../$/lib/utils";
+import * as MenubarPrimitive from "@rn-primitives/menubar";
+import { Portal } from "@rn-primitives/portal";
+import { Check, ChevronDown, ChevronRight, ChevronUp, } from "lucide-react-native";
+import * as React from "react";
+import { Platform, Pressable, StyleSheet, Text, View, } from "react-native";
+import { FadeIn } from "react-native-reanimated";
+import { FullWindowOverlay as RNFullWindowOverlay } from "react-native-screens";
+var MenubarMenu = MenubarPrimitive.Menu;
+var MenubarGroup = MenubarPrimitive.Group;
+var MenubarPortal = MenubarPrimitive.Portal;
+var MenubarSub = MenubarPrimitive.Sub;
+var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+var FullWindowOverlay = Platform.OS === "ios" ? RNFullWindowOverlay : React.Fragment;
+function Menubar(_a) {
+    var className = _a.className, valueProp = _a.value, onValueChangeProp = _a.onValueChange, props = __rest(_a, ["className", "value", "onValueChange"]);
+    var id = React.useId();
+    var _b = React.useState(undefined), value = _b[0], setValue = _b[1];
+    function closeMenu() {
+        if (onValueChangeProp) {
+            onValueChangeProp(undefined);
+            return;
+        }
+        setValue(undefined);
+    }
+    return (_jsxs(_Fragment, { children: [Platform.OS !== "web" && (value || valueProp) ? (_jsx(Portal, { name: "menubar-overlay-".concat(id), children: _jsx(Pressable, { onPress: closeMenu, style: StyleSheet.absoluteFill }) })) : null, _jsx(MenubarPrimitive.Root, __assign({ className: cn("bg-background border-border flex h-10 flex-row items-center gap-1 rounded-md border p-1 shadow-sm shadow-black/5 sm:h-9", className), value: value !== null && value !== void 0 ? value : valueProp, onValueChange: onValueChangeProp !== null && onValueChangeProp !== void 0 ? onValueChangeProp : setValue }, props))] }));
+}
+function MenubarTrigger(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var value = MenubarPrimitive.useRootContext().value;
+    var itemValue = MenubarPrimitive.useMenuContext().value;
+    return (_jsx(TextClassContext.Provider, { value: cn("text-sm font-medium select-none group-active:text-accent-foreground", value === itemValue && "text-accent-foreground"), children: _jsx(MenubarPrimitive.Trigger, __assign({ className: cn("group flex items-center rounded-md px-2 py-1.5 sm:py-1", Platform.select({
+                web: "focus:bg-accent focus:text-accent-foreground cursor-default outline-none",
+            }), value === itemValue && "bg-accent", className) }, props)) }));
+}
+function MenubarSubTrigger(_a) {
+    var className = _a.className, inset = _a.inset, children = _a.children, iconClassName = _a.iconClassName, props = __rest(_a, ["className", "inset", "children", "iconClassName"]);
+    var open = MenubarPrimitive.useSubContext().open;
+    var icon = Platform.OS === "web" ? ChevronRight : open ? ChevronUp : ChevronDown;
+    return (_jsx(TextClassContext.Provider, { value: cn("text-sm select-none group-active:text-accent-foreground", open && "text-accent-foreground"), children: _jsxs(MenubarPrimitive.SubTrigger, __assign({ className: cn("active:bg-accent group flex flex-row items-center justify-between rounded-sm px-2 py-2 sm:py-1.5", Platform.select({
+                web: "focus:bg-accent focus:text-accent-foreground cursor-default outline-none [&_svg]:pointer-events-none",
+            }), open && "bg-accent", inset && "pl-8") }, props, { children: [_jsx(_Fragment, { children: children }), _jsx(Icon, { as: icon, className: cn("text-foreground size-4 shrink-0", iconClassName) })] })) }));
+}
+function MenubarSubContent(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(NativeOnlyAnimatedView, { entering: FadeIn, children: _jsx(MenubarPrimitive.SubContent, __assign({ className: cn("bg-popover border-border overflow-hidden rounded-md border p-1 shadow-lg shadow-black/5", Platform.select({
+                web: "animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fade-in-0 data-[state=closed]:zoom-out-95 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-context-menu-content-transform-origin) z-50 min-w-[8rem]",
+            }), className) }, props)) }));
+}
+function MenubarContent(_a) {
+    var className = _a.className, overlayClassName = _a.overlayClassName, overlayStyle = _a.overlayStyle, portalHost = _a.portalHost, _b = _a.align, align = _b === void 0 ? "start" : _b, _c = _a.alignOffset, alignOffset = _c === void 0 ? -4 : _c, _d = _a.sideOffset, sideOffset = _d === void 0 ? 8 : _d, props = __rest(_a, ["className", "overlayClassName", "overlayStyle", "portalHost", "align", "alignOffset", "sideOffset"]);
+    return (_jsx(MenubarPrimitive.Portal, { hostName: portalHost, children: _jsx(FullWindowOverlay, { children: _jsx(NativeOnlyAnimatedView, { entering: FadeIn, style: StyleSheet.absoluteFill, pointerEvents: "box-none", children: _jsx(TextClassContext.Provider, { value: "text-popover-foreground", children: _jsx(MenubarPrimitive.Content, __assign({ className: cn("bg-popover border-border min-w-[12rem] overflow-hidden rounded-md border p-1 shadow-lg shadow-black/5", Platform.select({
+                            web: cn("animate-in fade-in-0 zoom-in-95 max-h-(--radix-context-menu-content-available-height) origin-(--radix-context-menu-content-transform-origin) z-50 cursor-default", props.side === "bottom" && "slide-in-from-top-2", props.side === "top" && "slide-in-from-bottom-2"),
+                        }), className), align: align, alignOffset: alignOffset, sideOffset: sideOffset }, props)) }) }) }) }));
+}
+function MenubarItem(_a) {
+    var className = _a.className, inset = _a.inset, variant = _a.variant, props = __rest(_a, ["className", "inset", "variant"]);
+    return (_jsx(TextClassContext.Provider, { value: cn("select-none text-sm text-popover-foreground group-active:text-popover-foreground", variant === "destructive" &&
+            "text-destructive group-active:text-destructive"), children: _jsx(MenubarPrimitive.Item, __assign({ className: cn("active:bg-accent group relative flex flex-row items-center gap-2 rounded-sm px-2 py-2 sm:py-1.5", Platform.select({
+                web: cn("focus:bg-accent focus:text-accent-foreground cursor-default outline-none data-[disabled]:pointer-events-none", variant === "destructive" &&
+                    "focus:bg-destructive/10 dark:focus:bg-destructive/20"),
+            }), variant === "destructive" &&
+                "active:bg-destructive/10 dark:active:bg-destructive/20", props.disabled && "opacity-50", inset && "pl-8", className) }, props)) }));
+}
+function MenubarCheckboxItem(_a) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (_jsx(TextClassContext.Provider, { value: "text-sm text-popover-foreground select-none group-active:text-accent-foreground", children: _jsxs(MenubarPrimitive.CheckboxItem, __assign({ className: cn("active:bg-accent group relative flex flex-row items-center gap-2 rounded-sm py-2 pl-8 pr-2 sm:py-1.5", Platform.select({
+                web: "focus:bg-accent focus:text-accent-foreground cursor-default outline-none data-[disabled]:pointer-events-none",
+            }), props.disabled && "opacity-50", className) }, props, { children: [_jsx(View, { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(Icon, { as: Check, className: cn("text-foreground size-4", Platform.select({ web: "pointer-events-none" })) }) }) }), _jsx(_Fragment, { children: children })] })) }));
+}
+function MenubarRadioItem(_a) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (_jsx(TextClassContext.Provider, { value: "text-sm text-popover-foreground select-none group-active:text-accent-foreground", children: _jsxs(MenubarPrimitive.RadioItem, __assign({ className: cn("active:bg-accent group relative flex flex-row items-center gap-2 rounded-sm py-2 pl-8 pr-2 sm:py-1.5", Platform.select({
+                web: "focus:bg-accent focus:text-accent-foreground cursor-default outline-none data-[disabled]:pointer-events-none",
+            }), props.disabled && "opacity-50", className) }, props, { children: [_jsx(View, { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(View, { className: "bg-foreground h-2 w-2 rounded-full" }) }) }), _jsx(_Fragment, { children: children })] })) }));
+}
+function MenubarLabel(_a) {
+    var className = _a.className, inset = _a.inset, props = __rest(_a, ["className", "inset"]);
+    return (_jsx(MenubarPrimitive.Label, __assign({ className: cn("text-foreground px-2 py-2 text-sm font-medium sm:py-1.5", inset && "pl-8", className) }, props)));
+}
+function MenubarSeparator(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(MenubarPrimitive.Separator, __assign({ className: cn("bg-border -mx-1 my-1 h-px", className) }, props)));
+}
+function MenubarShortcut(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(Text, __assign({ className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className) }, props)));
+}
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };

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

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

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

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

package/dist/$/components/primitives/multi-column-wheelpicker/index.js

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

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

@@ -0,0 +1,35 @@
+import { type WheelPickerItem } from "../../../../$/components/primitives/wheelpicker";
+type MultiColumnWheelPickerColumn<TValue = unknown> = {
+    key?: string;
+    items: Array<WheelPickerItem<TValue>>;
+    value?: TValue;
+    defaultValue?: TValue;
+    onValueChange?: (value: TValue, index: number) => void;
+    itemHeight?: number;
+    visibleItems?: number;
+    hapticFeedback?: boolean;
+    className?: string;
+    overlayBgColorClassName?: string;
+};
+type ColumnValue<TColumn> = TColumn extends MultiColumnWheelPickerColumn<infer TValue> ? TValue : never;
+type ColumnChangePayload<TColumn> = {
+    columnIndex: number;
+    value: ColumnValue<TColumn>;
+    index: number;
+};
+type MultiColumnWheelPickerProps<TColumns extends ReadonlyArray<MultiColumnWheelPickerColumn<any>> = ReadonlyArray<MultiColumnWheelPickerColumn<any>>> = {
+    columns: TColumns;
+    onChange?: (payload: ColumnChangePayload<TColumns[number]>) => void;
+    itemHeight?: number;
+    visibleItems?: number;
+    hapticFeedback?: boolean;
+    className?: string;
+    columnClassName?: string;
+    overlayBgColorClassName?: string;
+    gap?: number;
+};
+declare function MultiColumnWheelPicker<TColumns extends ReadonlyArray<MultiColumnWheelPickerColumn<any>>>({ columns, onChange, itemHeight, visibleItems, hapticFeedback, className, columnClassName, overlayBgColorClassName, gap, }: MultiColumnWheelPickerProps<TColumns>): import("react/jsx-runtime").JSX.Element;
+declare const MemoizedMultiColumnWheelPicker: typeof MultiColumnWheelPicker;
+export { MemoizedMultiColumnWheelPicker as MultiColumnWheelPicker };
+export type { MultiColumnWheelPickerColumn, MultiColumnWheelPickerProps };
+//# sourceMappingURL=multi-column-wheelpicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"multi-column-wheelpicker.d.ts","sourceRoot":"","sources":["../../../../../$/components/primitives/multi-column-wheelpicker/multi-column-wheelpicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEN,KAAK,eAAe,EACpB,MAAM,qCAAqC,CAAC;AAG7C,KAAK,4BAA4B,CAAC,MAAM,GAAG,OAAO,IAAI;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,KAAK,WAAW,CAAC,OAAO,IAAI,OAAO,SAAS,4BAA4B,CACvE,MAAM,MAAM,CACZ,GACE,MAAM,GACN,KAAK,CAAC;AAET,KAAK,mBAAmB,CAAC,OAAO,IAAI;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,2BAA2B,CAC/B,QAAQ,SAAS,aAAa,CAC7B,4BAA4B,CAAC,GAAG,CAAC,CACjC,GAAG,aAAa,CAAC,4BAA4B,CAAC,GAAG,CAAC,CAAC,IACjD;IACH,OAAO,EAAE,QAAQ,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC;IACpE,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;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAiGF,iBAAS,sBAAsB,CAC9B,QAAQ,SAAS,aAAa,CAAC,4BAA4B,CAAC,GAAG,CAAC,CAAC,EAChE,EACD,OAAO,EACP,QAAQ,EACR,UAAe,EACf,YAAgB,EAChB,cAAc,EACd,SAAS,EACT,eAAe,EACf,uBAAuB,EACvB,GAAQ,GACR,EAAE,2BAA2B,CAAC,QAAQ,CAAC,2CAyCvC;AAED,QAAA,MAAM,8BAA8B,EAE/B,OAAO,sBAAsB,CAAC;AAEnC,OAAO,EAAE,8BAA8B,IAAI,sBAAsB,EAAE,CAAC;AACpE,YAAY,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,CAAC"}

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

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { View } from "react-native";
+import { WheelPicker, } from "../../../../$/components/primitives/wheelpicker";
+import { cn } from "../../../../$/lib/utils";
+function WheelPickerColumnInner(_a) {
+    var _b, _c, _d, _e;
+    var column = _a.column, columnIndex = _a.columnIndex, totalColumns = _a.totalColumns, defaults = _a.defaults, onChange = _a.onChange;
+    var defaultItemHeight = defaults.itemHeight, defaultVisibleItems = defaults.visibleItems, defaultHaptics = defaults.hapticFeedback, columnClassName = defaults.columnClassName, overlayBgColorClassName = defaults.overlayBgColorClassName, gap = defaults.gap;
+    var resolvedItemHeight = (_b = column.itemHeight) !== null && _b !== void 0 ? _b : defaultItemHeight;
+    var resolvedVisibleItems = (_c = column.visibleItems) !== null && _c !== void 0 ? _c : defaultVisibleItems;
+    var resolvedHaptics = (_d = column.hapticFeedback) !== null && _d !== void 0 ? _d : defaultHaptics;
+    var resolvedOverlayBg = (_e = column.overlayBgColorClassName) !== null && _e !== void 0 ? _e : overlayBgColorClassName;
+    var marginRight = React.useMemo(function () { return (columnIndex === totalColumns - 1 ? 0 : Math.max(0, gap)); }, [columnIndex, gap, totalColumns]);
+    var handleValueChange = React.useCallback(function (value, index) {
+        var _a;
+        (_a = column.onValueChange) === null || _a === void 0 ? void 0 : _a.call(column, value, index);
+        onChange === null || onChange === void 0 ? void 0 : onChange({ columnIndex: columnIndex, value: value, index: index });
+    }, [column.onValueChange, columnIndex, onChange]);
+    var mergedClassName = React.useMemo(function () { return cn(columnClassName, column.className); }, [column.className, columnClassName]);
+    return (_jsx(View, { className: "flex-1", children: _jsx(WheelPicker, { items: column.items, value: column.value, defaultValue: column.defaultValue, onValueChange: handleValueChange, itemHeight: resolvedItemHeight, visibleItems: resolvedVisibleItems, hapticFeedback: resolvedHaptics, className: mergedClassName, overlayBgColorClassName: resolvedOverlayBg }) }));
+}
+var WheelPickerColumn = React.memo(WheelPickerColumnInner, function (prev, next) {
+    return (prev.column === next.column &&
+        prev.columnIndex === next.columnIndex &&
+        prev.totalColumns === next.totalColumns &&
+        prev.defaults.itemHeight === next.defaults.itemHeight &&
+        prev.defaults.visibleItems === next.defaults.visibleItems &&
+        prev.defaults.hapticFeedback === next.defaults.hapticFeedback &&
+        prev.defaults.columnClassName === next.defaults.columnClassName &&
+        prev.defaults.overlayBgColorClassName ===
+            next.defaults.overlayBgColorClassName &&
+        prev.defaults.gap === next.defaults.gap &&
+        prev.onChange === next.onChange);
+});
+function MultiColumnWheelPicker(_a) {
+    var columns = _a.columns, onChange = _a.onChange, _b = _a.itemHeight, itemHeight = _b === void 0 ? 44 : _b, _c = _a.visibleItems, visibleItems = _c === void 0 ? 5 : _c, hapticFeedback = _a.hapticFeedback, className = _a.className, columnClassName = _a.columnClassName, overlayBgColorClassName = _a.overlayBgColorClassName, _d = _a.gap, gap = _d === void 0 ? 12 : _d;
+    var defaults = React.useMemo(function () { return ({
+        itemHeight: itemHeight,
+        visibleItems: visibleItems,
+        hapticFeedback: hapticFeedback,
+        columnClassName: columnClassName,
+        overlayBgColorClassName: overlayBgColorClassName,
+        gap: gap,
+    }); }, [
+        columnClassName,
+        gap,
+        hapticFeedback,
+        itemHeight,
+        overlayBgColorClassName,
+        visibleItems,
+    ]);
+    var handleChange = React.useCallback(function (payload) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(payload);
+    }, [onChange]);
+    return (_jsx(View, { className: cn("flex-row ", className), children: columns.map(function (column, columnIndex) {
+            var _a;
+            return (_jsx(WheelPickerColumn, { column: column, columnIndex: columnIndex, totalColumns: columns.length, defaults: defaults, onChange: handleChange }, (_a = column.key) !== null && _a !== void 0 ? _a : columnIndex));
+        }) }));
+}
+var MemoizedMultiColumnWheelPicker = React.memo(MultiColumnWheelPicker);
+export { MemoizedMultiColumnWheelPicker as MultiColumnWheelPicker };