@campxdev/react-native-blueprint 0.1.9 → 0.1.11

package/lib/commonjs/components/ui/Radio-Group.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;
+var _utils = require("../../lib/utils");
+var RadioGroupPrimitive = _interopRequireWildcard(require("@rn-primitives/radio-group"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Radio group component for single-choice selection
+ *
+ * Groups radio buttons together to ensure only one can be selected at a time.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <RadioGroup value={selectedValue} onValueChange={setSelectedValue}>
+ *   <View className="flex-row items-center gap-2">
+ *     <RadioGroupItem value="option1" />
+ *     <Label>Option 1</Label>
+ *   </View>
+ *   <View className="flex-row items-center gap-2">
+ *     <RadioGroupItem value="option2" />
+ *     <Label>Option 2</Label>
+ *   </View>
+ * </RadioGroup>
+ * ```
+ *
+ * @accessibility
+ * - Uses proper ARIA role for radio group
+ * - Keyboard navigation support (arrow keys)
+ * - Screen reader friendly with proper labeling
+ */function RadioGroup({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioGroupPrimitive.Root, {
+    className: (0, _utils.cn)('gap-3', className),
+    ...props
+  });
+}
+
+/**
+ * Individual radio button item
+ *
+ * Displays as a circular button with an inner indicator when selected.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <RadioGroupItem value="dark" />
+ * <RadioGroupItem value="light" disabled />
+ * ```
+ *
+ * @accessibility
+ * - Disabled state prevents interaction
+ * - Focus visible states on web
+ * - Invalid state styling for form validation
+ */
+function RadioGroupItem({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioGroupPrimitive.Item, {
+    className: (0, _utils.cn)('border-input dark:bg-input/30 aspect-square size-4 shrink-0 items-center justify-center rounded-full border shadow-sm shadow-black/5', _reactNative.Platform.select({
+      web: 'focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive outline-none transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed'
+    }), props.disabled && 'opacity-50', className),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioGroupPrimitive.Indicator, {
+      className: "bg-primary size-2 rounded-full"
+    })
+  });
+}
+//# sourceMappingURL=Radio-Group.js.map

package/lib/commonjs/components/ui/Radio-Group.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","RadioGroupPrimitive","_interopRequireWildcard","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RadioGroup","className","props","jsx","Root","cn","RadioGroupItem","Item","Platform","select","web","disabled","children","Indicator"],"sourceRoot":"../../../../src","sources":["components/ui/Radio-Group.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAwC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,SAASkB,UAAUA,CAAC;EAClBC,SAAS;EACT,GAAGC;AAE4C,CAAC,EAAE;EAClD,oBACE,IAAAtB,WAAA,CAAAuB,GAAA,EAAC1B,mBAAmB,CAAC2B,IAAI;IAACH,SAAS,EAAE,IAAAI,SAAE,EAAC,OAAO,EAAEJ,SAAS,CAAE;IAAA,GAAKC;EAAK,CAAG,CAAC;AAE9E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASI,cAAcA,CAAC;EACtBL,SAAS;EACT,GAAGC;AAE4C,CAAC,EAAE;EAClD,oBACE,IAAAtB,WAAA,CAAAuB,GAAA,EAAC1B,mBAAmB,CAAC8B,IAAI;IACvBN,SAAS,EAAE,IAAAI,SAAE,EACX,sIAAsI,EACtIG,qBAAQ,CAACC,MAAM,CAAC;MACdC,GAAG,EAAE;IACP,CAAC,CAAC,EACFR,KAAK,CAACS,QAAQ,IAAI,YAAY,EAC9BV,SACF,CAAE;IAAA,GACEC,KAAK;IAAAU,QAAA,eAET,IAAAhC,WAAA,CAAAuB,GAAA,EAAC1B,mBAAmB,CAACoC,SAAS;MAACZ,SAAS,EAAC;IAAgC,CAAE;EAAC,CACpD,CAAC;AAE/B","ignoreList":[]}

package/lib/commonjs/components/ui/Select.js

@@ -0,0 +1,283 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NativeSelectScrollView = NativeSelectScrollView;
+exports.Select = void 0;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = void 0;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+var _Icon = require("./Icon");
+var _NativeOnlyAnimatedView = require("./Native-Only-Animated-View");
+var _Text = require("./Text");
+var _utils = require("../../lib/utils");
+var SelectPrimitive = _interopRequireWildcard(require("@rn-primitives/select"));
+var _lucideReactNative = require("lucide-react-native");
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _nativewind = require("nativewind");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _reactNativeScreens = require("react-native-screens");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const View = (0, _nativewind.cssInterop)(_reactNative.View, {
+  className: 'style'
+});
+const ScrollView = (0, _nativewind.cssInterop)(_reactNative.ScrollView, {
+  className: 'style'
+});
+
+/**
+ * Option type for select items
+ */
+
+/**
+ * Root select component for dropdown selection
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Select value={value} onValueChange={setValue}>
+ *   <SelectTrigger>
+ *     <SelectValue placeholder="Select an option" />
+ *   </SelectTrigger>
+ *   <SelectContent>
+ *     <SelectItem value="option1">
+ *       <Text>Option 1</Text>
+ *     </SelectItem>
+ *   </SelectContent>
+ * </Select>
+ * ```
+ */
+const Select = exports.Select = SelectPrimitive.Root;
+
+/**
+ * Groups related select items together
+ * @component
+ */
+const SelectGroup = exports.SelectGroup = SelectPrimitive.Group;
+
+/**
+ * Displays the selected value or placeholder text
+ * @component
+ */
+function SelectValue({
+  ref,
+  className,
+  ...props
+}) {
+  const {
+    value
+  } = SelectPrimitive.useRootContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Value, {
+    ref: ref,
+    className: (0, _utils.cn)('text-foreground line-clamp-1 flex flex-row items-center gap-2 text-sm', !value && 'text-muted-foreground', className),
+    ...props
+  });
+}
+
+/**
+ * Trigger button that opens the select dropdown
+ * @component
+ */
+function SelectTrigger({
+  ref,
+  className,
+  children,
+  size = 'default',
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SelectPrimitive.Trigger, {
+    ref: ref,
+    className: (0, _utils.cn)('border-input dark:bg-input/30 dark:active:bg-input/50 bg-background flex h-10 flex-row items-center justify-between gap-2 rounded-md border px-3 py-2 shadow-sm shadow-black/5 sm:h-9', _reactNative.Platform.select({
+      web: 'focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:hover:bg-input/50 w-fit whitespace-nowrap text-sm outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0'
+    }), props.disabled && 'opacity-50', size === 'sm' && 'h-8 py-2 sm:py-1.5', className),
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      as: _lucideReactNative.ChevronDown,
+      "aria-hidden": true,
+      className: "text-muted-foreground size-4"
+    })]
+  });
+}
+
+/**
+ * Full window overlay wrapper for iOS
+ */
+const FullWindowOverlay = _reactNative.Platform.OS === 'ios' ? _reactNativeScreens.FullWindowOverlay : React.Fragment;
+
+/**
+ * Content container for select items
+ * @component
+ */
+function SelectContent({
+  className,
+  children,
+  position = 'popper',
+  portalHost,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Portal, {
+    hostName: portalHost,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FullWindowOverlay, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Overlay, {
+        style: _reactNative.Platform.select({
+          native: _reactNative.StyleSheet.absoluteFill
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+          value: "text-popover-foreground",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NativeOnlyAnimatedView.NativeOnlyAnimatedView, {
+            className: "z-50",
+            entering: _reactNativeReanimated.FadeIn,
+            exiting: _reactNativeReanimated.FadeOut,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(SelectPrimitive.Content, {
+              className: (0, _utils.cn)('bg-popover border-border relative z-50 min-w-[8rem] rounded-md border shadow-md shadow-black/5', _reactNative.Platform.select({
+                web: (0, _utils.cn)('animate-in fade-in-0 zoom-in-95 origin-(--radix-select-content-transform-origin) max-h-52 overflow-y-auto overflow-x-hidden', props.side === 'bottom' && 'slide-in-from-top-2', props.side === 'top' && 'slide-in-from-bottom-2'),
+                native: 'p-1'
+              }), position === 'popper' && _reactNative.Platform.select({
+                web: (0, _utils.cn)(props.side === 'bottom' && 'translate-y-1', props.side === 'top' && '-translate-y-1')
+              }), className),
+              position: position,
+              ...props,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SelectScrollUpButton, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Viewport, {
+                className: (0, _utils.cn)('p-1', position === 'popper' && (0, _utils.cn)('w-full', _reactNative.Platform.select({
+                  web: 'h-[var(--radix-select-trigger-height)] min-w-[var(--radix-select-trigger-width)]'
+                }))),
+                children: children
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectScrollDownButton, {})]
+            })
+          })
+        })
+      })
+    })
+  });
+}
+
+/**
+ * Label for grouping select items
+ * @component
+ */
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Label, {
+    className: (0, _utils.cn)('text-muted-foreground px-2 py-2 text-xs sm:py-1.5', className),
+    ...props
+  });
+}
+
+/**
+ * Individual selectable item
+ * @component
+ */
+function SelectItem({
+  className,
+  children: _children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SelectPrimitive.Item, {
+    className: (0, _utils.cn)('active:bg-accent group relative flex w-full flex-row items-center gap-2 rounded-sm py-2 pl-2 pr-8 sm:py-1.5', _reactNative.Platform.select({
+      web: 'focus:bg-accent focus:text-accent-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 cursor-default outline-none data-[disabled]:pointer-events-none [&_svg]:pointer-events-none'
+    }), props.disabled && 'opacity-50', className),
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+      className: "absolute right-2 flex size-3.5 items-center justify-center",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.ItemIndicator, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          as: _lucideReactNative.Check,
+          className: "text-muted-foreground size-4 shrink-0"
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.ItemText, {
+      className: "text-foreground group-active:text-accent-foreground select-none text-sm"
+    })]
+  });
+}
+
+/**
+ * Visual separator between select items
+ * @component
+ */
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Separator, {
+    className: (0, _utils.cn)('bg-border -mx-1 my-1 h-px', _reactNative.Platform.select({
+      web: 'pointer-events-none'
+    }), className),
+    ...props
+  });
+}
+
+/**
+ * @platform Web only
+ * Returns null on native platforms
+ */
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  if (_reactNative.Platform.OS !== 'web') {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.ScrollUpButton, {
+    className: (0, _utils.cn)('flex cursor-default items-center justify-center py-1', className),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      as: _lucideReactNative.ChevronUpIcon,
+      className: "size-4"
+    })
+  });
+}
+
+/**
+ * @platform Web only
+ * Returns null on native platforms
+ */
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  if (_reactNative.Platform.OS !== 'web') {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.ScrollDownButton, {
+    className: (0, _utils.cn)('flex cursor-default items-center justify-center py-1', className),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      as: _lucideReactNative.ChevronDownIcon,
+      className: "size-4"
+    })
+  });
+}
+
+/**
+ * @platform Native only
+ * Returns the children on the web
+ */
+function NativeSelectScrollView({
+  className,
+  ...props
+}) {
+  if (_reactNative.Platform.OS === 'web') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: props.children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollView, {
+    className: (0, _utils.cn)('max-h-52', className),
+    ...props
+  });
+}
+//# sourceMappingURL=Select.js.map

package/lib/commonjs/components/ui/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Icon","require","_NativeOnlyAnimatedView","_Text","_utils","SelectPrimitive","_interopRequireWildcard","_lucideReactNative","React","_reactNative","_nativewind","_reactNativeReanimated","_reactNativeScreens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","View","cssInterop","RNView","className","ScrollView","RNScrollView","Select","exports","Root","SelectGroup","Group","SelectValue","ref","props","value","useRootContext","jsx","Value","cn","SelectTrigger","children","size","jsxs","Trigger","Platform","select","web","disabled","Fragment","Icon","as","ChevronDown","FullWindowOverlay","OS","RNFullWindowOverlay","SelectContent","position","portalHost","Portal","hostName","Overlay","style","native","StyleSheet","absoluteFill","TextClassContext","Provider","NativeOnlyAnimatedView","entering","FadeIn","exiting","FadeOut","Content","side","SelectScrollUpButton","Viewport","SelectScrollDownButton","SelectLabel","Label","SelectItem","_children","Item","ItemIndicator","Check","ItemText","SelectSeparator","Separator","ScrollUpButton","ChevronUpIcon","ScrollDownButton","ChevronDownIcon","NativeSelectScrollView"],"sourceRoot":"../../../../src","sources":["components/ui/Select.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ui/Separator.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Separator = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _nativewind = require("nativewind");
+var _utils = require("../../lib/utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const View = (0, _nativewind.cssInterop)(_reactNative.View, {
+  className: 'style'
+});
+
+/**
+ * Visual divider for separating content sections
+ *
+ * A thin line that creates visual separation between content areas. Can be oriented
+ * horizontally or vertically and supports decorative or semantic roles.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Horizontal separator (default)
+ * <View>
+ *   <Text>Section 1</Text>
+ *   <Separator className="my-4" />
+ *   <Text>Section 2</Text>
+ * </View>
+ *
+ * // Vertical separator
+ * <View className="flex-row items-center gap-4">
+ *   <Text>Left</Text>
+ *   <Separator orientation="vertical" className="h-4" />
+ *   <Text>Right</Text>
+ * </View>
+ *
+ * // Semantic separator for screen readers
+ * <Separator decorative={false} />
+ * ```
+ *
+ * @accessibility
+ * - Decorative separators (default) have role="none" for screen readers
+ * - Non-decorative separators have role="separator" for semantic meaning
+ */
+const Separator = exports.Separator = /*#__PURE__*/React.forwardRef(({
+  className,
+  orientation = 'horizontal',
+  decorative = true,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+    role: decorative ? 'none' : 'separator',
+    className: (0, _utils.cn)('shrink-0 bg-border dark:bg-border', orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]', className),
+    ref: ref,
+    ...props
+  });
+});
+Separator.displayName = 'Separator';
+//# sourceMappingURL=Separator.js.map

package/lib/commonjs/components/ui/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_nativewind","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","View","cssInterop","RNView","className","Separator","exports","forwardRef","orientation","decorative","props","ref","jsx","role","cn","displayName"],"sourceRoot":"../../../../src","sources":["components/ui/Separator.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAqC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGrC,MAAMkB,IAAI,GAAG,IAAAC,sBAAU,EAACC,iBAAM,EAAE;EAC9BC,SAAS,EAAE;AACb,CAAC,CAA6B;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG9B,KAAK,CAACgC,UAAU,CAQhC,CACE;EAAEH,SAAS;EAAEI,WAAW,GAAG,YAAY;EAAEC,UAAU,GAAG,IAAI;EAAE,GAAGC;AAAM,CAAC,EACtEC,GAAG,KACA;EACH,oBACE,IAAA9B,WAAA,CAAA+B,GAAA,EAACX,IAAI;IACHY,IAAI,EAAEJ,UAAU,GAAG,MAAM,GAAG,WAAY;IACxCL,SAAS,EAAE,IAAAU,SAAE,EACX,mCAAmC,EACnCN,WAAW,KAAK,YAAY,GAAG,gBAAgB,GAAG,gBAAgB,EAClEJ,SACF,CAAE;IACFO,GAAG,EAAEA,GAAI;IAAA,GACLD;EAAK,CACV,CAAC;AAEN,CACF,CAAC;AACDL,SAAS,CAACU,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/commonjs/components/ui/SizedBox.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SizedBox = SizedBox;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * A box with a specified size.
+ *
+ * If a child is provided, this widget forces its child to have a specific width and/or height.
+ * If either the width or height is not specified, this widget will size itself to match the child's size in that dimension.
+ *
+ * If no child is provided, this widget will size itself to the specified width and height,
+ * treating null values as zero.
+ *
+ * This is similar to Flutter's SizedBox widget and is useful for:
+ * - Adding fixed spacing between widgets
+ * - Constraining child widget dimensions
+ * - Creating empty space
+ *
+ * @example
+ * // Create spacing
+ * <SizedBox height={16} />
+ *
+ * @example
+ * // Constrain child size
+ * <SizedBox width={100} height={100}>
+ *   <Image source={...} />
+ * </SizedBox>
+ *
+ * @example
+ * // Create horizontal spacing
+ * <View style={{ flexDirection: 'row' }}>
+ *   <Button />
+ *   <SizedBox width={12} />
+ *   <Button />
+ * </View>
+ */
+function SizedBox({
+  width,
+  height,
+  children,
+  style
+}) {
+  const boxStyle = {
+    ...(width !== undefined && {
+      width
+    }),
+    ...(height !== undefined && {
+      height
+    }),
+    ...style
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: boxStyle,
+    children: children
+  });
+}
+
+// Convenience components for common spacing values
+(function (_SizedBox) {
+  function Square({
+    size,
+    children,
+    style
+  }) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(SizedBox, {
+      width: size,
+      height: size,
+      style: style,
+      children: children
+    });
+  }
+  _SizedBox.Square = Square;
+  function Expand({
+    children,
+    style
+  }) {
+    const expandStyle = {
+      flex: 1
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [expandStyle, style],
+      children: children
+    });
+  }
+  _SizedBox.Expand = Expand;
+  function Shrink({
+    children,
+    style
+  }) {
+    const shrinkStyle = {
+      flexShrink: 1
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [shrinkStyle, style],
+      children: children
+    });
+  }
+  _SizedBox.Shrink = Shrink;
+})(SizedBox || (exports.SizedBox = SizedBox = {}));
+//# sourceMappingURL=SizedBox.js.map

package/lib/commonjs/components/ui/SizedBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SizedBox","width","height","children","style","boxStyle","undefined","jsx","View","_SizedBox","Square","size","Expand","expandStyle","flex","Shrink","shrinkStyle","flexShrink","exports"],"sourceRoot":"../../../../src","sources":["components/ui/SizedBox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ui/Skeleton.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skeleton = Skeleton;
+var _utils = require("../../lib/utils");
+var _reactNative = require("react-native");
+var _nativewind = require("nativewind");
+var _jsxRuntime = require("react/jsx-runtime");
+const View = (0, _nativewind.cssInterop)(_reactNative.View, {
+  className: 'style'
+});
+
+/**
+ * Skeleton loading placeholder component
+ *
+ * Displays an animated placeholder during content loading states. Provides visual feedback
+ * to users while data is being fetched, improving perceived performance.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Text skeleton
+ * <Skeleton className="h-4 w-[250px]" />
+ *
+ * // Avatar skeleton
+ * <Skeleton className="h-12 w-12 rounded-full" />
+ *
+ * // Card skeleton
+ * <View className="flex gap-3">
+ *   <Skeleton className="h-[125px] w-full rounded-xl" />
+ *   <View className="gap-2">
+ *     <Skeleton className="h-4 w-full" />
+ *     <Skeleton className="h-4 w-[80%]" />
+ *   </View>
+ * </View>
+ *
+ * // List skeleton
+ * {[1, 2, 3].map((i) => (
+ *   <View key={i} className="flex-row items-center gap-4">
+ *     <Skeleton className="h-12 w-12 rounded-full" />
+ *     <View className="flex-1 gap-2">
+ *       <Skeleton className="h-4 w-full" />
+ *       <Skeleton className="h-4 w-3/4" />
+ *     </View>
+ *   </View>
+ * ))}
+ * ```
+ */
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+    className: (0, _utils.cn)('bg-muted animate-pulse rounded-md', className),
+    ...props
+  });
+}
+//# sourceMappingURL=Skeleton.js.map

package/lib/commonjs/components/ui/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_reactNative","_nativewind","_jsxRuntime","View","cssInterop","RNView","className","Skeleton","props","jsx","cn"],"sourceRoot":"../../../../src","sources":["components/ui/Skeleton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAwC,IAAAG,WAAA,GAAAH,OAAA;AAExC,MAAMI,IAAI,GAAG,IAAAC,sBAAU,EAACC,iBAAM,EAAE;EAC9BC,SAAS,EAAE;AACb,CAAC,CAA6B;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,QAAQA,CAAC;EAChBD,SAAS;EACT,GAAGE;AAC6D,CAAC,EAAE;EACnE,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACN,IAAI;IACHG,SAAS,EAAE,IAAAI,SAAE,EAAC,mCAAmC,EAAEJ,SAAS,CAAE;IAAA,GAC1DE;EAAK,CACV,CAAC;AAEN","ignoreList":[]}