@campxdev/react-native-blueprint 0.1.9 → 0.1.12

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

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Slider = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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'
+});
+
+/**
+ * Props for the Slider component
+ *
+ * @property {number} value - Current slider value
+ * @property {function} onValueChange - Callback when value changes
+ * @property {number} min - Minimum value (default: 0)
+ * @property {number} max - Maximum value (default: 100)
+ * @property {number} step - Step increment (default: 1)
+ * @property {boolean} disabled - Whether the slider is disabled
+ */
+
+/**
+ * Ref interface for Slider component
+ *
+ * @property {function} reset - Resets slider to minimum value
+ */
+
+/**
+ * Interactive slider component for selecting numeric values
+ *
+ * Provides smooth gesture-based interaction with spring animations.
+ * Supports min/max ranges, step increments, and tap-to-select.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Slider
+ *   value={volume}
+ *   onValueChange={(values) => setVolume(values[0])}
+ *   min={0}
+ *   max={100}
+ *   step={5}
+ * />
+ * ```
+ *
+ * @accessibility
+ * - Disabled state prevents interaction
+ * - Focus visible states on web
+ * - Value changes are announced by screen readers
+ */
+const Slider = exports.Slider = /*#__PURE__*/React.forwardRef(({
+  value,
+  onValueChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  disabled = false,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const sliderWidth = (0, _reactNativeReanimated.useSharedValue)(0);
+  const translationX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const startPosition = (0, _reactNativeReanimated.useSharedValue)(0);
+  const [sliderDimensions, setSliderDimensions] = React.useState({
+    width: 0,
+    x: 0
+  });
+
+  // Calculate thumb position from value
+  const getThumbPosition = React.useCallback(val => {
+    const range = max - min;
+    const percentage = (val - min) / range;
+    return percentage * sliderDimensions.width;
+  }, [max, min, sliderDimensions.width]);
+
+  // Calculate value from position
+  const getValueFromPosition = React.useCallback(position => {
+    if (sliderWidth.value === 0) return min;
+    const percentage = Math.max(0, Math.min(1, position / sliderWidth.value));
+    const range = max - min;
+    let newValue = min + percentage * range;
+
+    // Apply step
+    if (step > 0) {
+      newValue = Math.round(newValue / step) * step;
+    }
+    return Math.max(min, Math.min(max, newValue));
+  }, [max, min, step, sliderWidth]);
+
+  // Initialize thumb position based on value
+  React.useEffect(() => {
+    if (sliderDimensions.width > 0) {
+      const newPosition = getThumbPosition(value);
+      translationX.value = newPosition;
+    }
+  }, [value, sliderDimensions.width, getThumbPosition, translationX]);
+
+  // Expose reset method via ref
+  React.useImperativeHandle(ref, () => ({
+    reset: () => {
+      translationX.value = (0, _reactNativeReanimated.withSpring)(getThumbPosition(min));
+      onValueChange?.([min]);
+    }
+  }));
+  const handleValueChange = React.useCallback(newValue => {
+    onValueChange?.([newValue]);
+  }, [onValueChange]);
+  const pan = _reactNativeGestureHandler.Gesture.Pan().enabled(!disabled).onBegin(() => {
+    startPosition.value = translationX.value;
+  }).onUpdate(event => {
+    if (sliderWidth.value === 0) return;
+    const newPosition = Math.max(0, Math.min(sliderWidth.value, event.translationX + startPosition.value));
+    translationX.value = newPosition;
+  }).onEnd(() => {
+    if (sliderWidth.value === 0) return;
+    const newValue = getValueFromPosition(translationX.value);
+    translationX.value = (0, _reactNativeReanimated.withSpring)(getThumbPosition(newValue));
+    (0, _reactNativeReanimated.runOnJS)(handleValueChange)(newValue);
+  });
+  const tap = _reactNativeGestureHandler.Gesture.Tap().enabled(!disabled).onEnd(event => {
+    if (sliderWidth.value === 0) return;
+    const newPosition = Math.max(0, Math.min(sliderWidth.value, event.x));
+    const newValue = getValueFromPosition(newPosition);
+    translationX.value = (0, _reactNativeReanimated.withSpring)(getThumbPosition(newValue));
+    (0, _reactNativeReanimated.runOnJS)(handleValueChange)(newValue);
+  });
+  const composed = _reactNativeGestureHandler.Gesture.Race(tap, pan);
+  const thumbAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateX: translationX.value
+    }]
+  }));
+  const rangeAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    width: translationX.value
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+    className: (0, _utils.cn)('relative flex h-10 w-full flex-row items-center justify-center', disabled && 'opacity-50', className),
+    style: style,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+      gesture: composed,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(View, {
+        className: "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+        onLayout: event => {
+          const {
+            width,
+            x
+          } = event.nativeEvent.layout;
+          sliderWidth.value = width;
+          setSliderDimensions({
+            width,
+            x
+          });
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          className: "absolute left-0 h-full rounded-full bg-primary",
+          style: rangeAnimatedStyle
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          className: (0, _utils.cn)('absolute -top-1.5 size-5 -ml-2.5 rounded-full border-2 border-primary bg-background shadow-sm shadow-black/5', _reactNative.Platform.select({
+            web: 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-none focus-visible:ring-[3px] disabled:pointer-events-none'
+          })),
+          style: thumbAnimatedStyle
+        })]
+      })
+    })
+  });
+});
+Slider.displayName = 'Slider';
+//# sourceMappingURL=Slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_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","Slider","exports","forwardRef","value","onValueChange","min","max","step","disabled","style","props","ref","sliderWidth","useSharedValue","translationX","startPosition","sliderDimensions","setSliderDimensions","useState","width","x","getThumbPosition","useCallback","val","range","percentage","getValueFromPosition","position","Math","newValue","round","useEffect","newPosition","useImperativeHandle","reset","withSpring","handleValueChange","pan","Gesture","Pan","enabled","onBegin","onUpdate","event","onEnd","runOnJS","tap","Tap","composed","Race","thumbAnimatedStyle","useAnimatedStyle","transform","translateX","rangeAnimatedStyle","jsx","cn","children","GestureDetector","gesture","jsxs","onLayout","nativeEvent","layout","Platform","select","web","displayName"],"sourceRoot":"../../../../src","sources":["components/ui/Slider.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Switch = Switch;
+var _utils = require("../../lib/utils");
+var SwitchPrimitives = _interopRequireWildcard(require("@rn-primitives/switch"));
+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 toggle switch component for binary on/off states
+ *
+ * Provides a visual toggle control with smooth animations and platform-specific styling.
+ * Automatically handles checked/unchecked states and disabled interactions.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * const [enabled, setEnabled] = useState(false);
+ *
+ * <Switch
+ *   checked={enabled}
+ *   onCheckedChange={setEnabled}
+ * />
+ *
+ * // Disabled switch
+ * <Switch checked={true} disabled />
+ * ```
+ *
+ * @param {boolean} checked - Current state of the switch
+ * @param {(checked: boolean) => void} onCheckedChange - Callback when switch is toggled
+ * @param {boolean} [disabled] - Whether the switch is disabled
+ * @param {string} [className] - Additional Tailwind classes
+ *
+ * @accessibility
+ * - Proper focus states on web for keyboard navigation
+ * - Disabled state prevents interaction
+ * - Visual feedback for checked/unchecked states
+ */function Switch({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchPrimitives.Root, {
+    className: (0, _utils.cn)('flex h-[1.15rem] w-8 shrink-0 flex-row items-center rounded-full border border-transparent shadow-sm shadow-black/5', _reactNative.Platform.select({
+      web: 'focus-visible:border-ring focus-visible:ring-ring/50 peer inline-flex outline-none transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed'
+    }), props.checked ? 'bg-primary' : 'bg-input dark:bg-input/80', props.disabled && 'opacity-50', className),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchPrimitives.Thumb, {
+      className: (0, _utils.cn)('bg-background size-4 rounded-full transition-transform', _reactNative.Platform.select({
+        web: 'pointer-events-none block ring-0'
+      }), props.checked ? 'dark:bg-primary-foreground translate-x-3.5' : 'dark:bg-foreground translate-x-0')
+    })
+  });
+}
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","SwitchPrimitives","_interopRequireWildcard","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Switch","className","props","jsx","Root","cn","Platform","select","web","checked","disabled","children","Thumb"],"sourceRoot":"../../../../src","sources":["components/ui/Switch.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,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;AACA;AACA;AACA;AACA;AACA,GACA,SAASkB,MAAMA,CAAC;EACdC,SAAS;EACT,GAAGC;AACuE,CAAC,EAAE;EAC7E,oBACE,IAAAtB,WAAA,CAAAuB,GAAA,EAAC1B,gBAAgB,CAAC2B,IAAI;IACpBH,SAAS,EAAE,IAAAI,SAAE,EACX,qHAAqH,EACrHC,qBAAQ,CAACC,MAAM,CAAC;MACdC,GAAG,EAAE;IACP,CAAC,CAAC,EACFN,KAAK,CAACO,OAAO,GAAG,YAAY,GAAG,2BAA2B,EAC1DP,KAAK,CAACQ,QAAQ,IAAI,YAAY,EAC9BT,SACF,CAAE;IAAA,GACEC,KAAK;IAAAS,QAAA,eAET,IAAA/B,WAAA,CAAAuB,GAAA,EAAC1B,gBAAgB,CAACmC,KAAK;MACrBX,SAAS,EAAE,IAAAI,SAAE,EACX,wDAAwD,EACxDC,qBAAQ,CAACC,MAAM,CAAC;QACdC,GAAG,EAAE;MACP,CAAC,CAAC,EACFN,KAAK,CAACO,OAAO,GACT,4CAA4C,GAC5C,kCACN;IAAE,CACH;EAAC,CACmB,CAAC;AAE5B","ignoreList":[]}

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

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+var _utils = require("../../lib/utils");
+var _Text = require("./Text");
+var _reactNative = require("react-native");
+var _nativewind = require("nativewind");
+var React = _interopRequireWildcard(require("react"));
+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'
+});
+
+/**
+ * Root table container component
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Table>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead><Text>Name</Text></TableHead>
+ *       <TableHead><Text>Email</Text></TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell><Text>John Doe</Text></TableCell>
+ *       <TableCell><Text>john@example.com</Text></TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ */
+function Table({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+    className: (0, _utils.cn)('w-full', className),
+    ...props
+  });
+}
+
+/**
+ * Table header container
+ *
+ * @component
+ */
+function TableHeader({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+    className: (0, _utils.cn)('border-border flex-row border-b', className),
+    ...props
+  });
+}
+
+/**
+ * Table body container for data rows
+ *
+ * @component
+ */
+function TableBody({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+    className: (0, _utils.cn)('flex-col', className),
+    ...props
+  });
+}
+
+/**
+ * Table footer container
+ *
+ * @component
+ */
+function TableFooter({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+    className: (0, _utils.cn)('border-border bg-muted/50 flex-row border-t font-medium', className),
+    ...props
+  });
+}
+
+/**
+ * Table row component
+ *
+ * @component
+ */
+function TableRow({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+    className: (0, _utils.cn)('border-border flex-row border-b', className),
+    ...props
+  });
+}
+
+/**
+ * Table header cell component
+ *
+ * @component
+ */
+function TableHead({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    className: (0, _utils.cn)('text-muted-foreground flex-1 p-2 text-left align-middle text-xs font-medium', className),
+    ...props
+  });
+}
+
+/**
+ * Table data cell component
+ *
+ * @component
+ */
+function TableCell({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    className: (0, _utils.cn)('flex-1 p-2 align-middle text-sm', className),
+    ...props
+  });
+}
+
+/**
+ * Table caption for describing the table
+ *
+ * @component
+ */
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    className: (0, _utils.cn)('text-muted-foreground mt-2 text-center text-sm', className),
+    ...props
+  });
+}
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_Text","_reactNative","_nativewind","React","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","View","cssInterop","RNView","className","Table","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","Text","TableCell","TableCaption"],"sourceRoot":"../../../../src","sources":["components/ui/Table.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+var _Text = require("./Text");
+var _utils = require("../../lib/utils");
+var TabsPrimitive = _interopRequireWildcard(require("@rn-primitives/tabs"));
+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); }
+/**
+ * Root tabs component for organizing content into panels
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Tabs value={activeTab} onValueChange={setActiveTab}>
+ *   <TabsList>
+ *     <TabsTrigger value="account">
+ *       <Text>Account</Text>
+ *     </TabsTrigger>
+ *     <TabsTrigger value="password">
+ *       <Text>Password</Text>
+ *     </TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="account">
+ *     <Text>Account settings content</Text>
+ *   </TabsContent>
+ *   <TabsContent value="password">
+ *     <Text>Password settings content</Text>
+ *   </TabsContent>
+ * </Tabs>
+ * ```
+ *
+ * @accessibility
+ * - Keyboard navigation support (arrow keys)
+ * - Proper ARIA attributes for tab structure
+ * - Screen reader friendly
+ */function Tabs({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsPrimitive.Root, {
+    className: (0, _utils.cn)('flex flex-col gap-2', className),
+    ...props
+  });
+}
+
+/**
+ * Container for tab triggers
+ *
+ * @component
+ */
+function TabsList({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsPrimitive.List, {
+    className: (0, _utils.cn)('bg-muted flex h-9 flex-row items-center justify-center rounded-lg p-[3px]', _reactNative.Platform.select({
+      web: 'inline-flex w-fit',
+      native: 'mr-auto'
+    }), className),
+    ...props
+  });
+}
+
+/**
+ * Individual tab trigger button
+ *
+ * @component
+ */
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  const {
+    value
+  } = TabsPrimitive.useRootContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: (0, _utils.cn)('text-foreground dark:text-muted-foreground text-sm font-medium', value === props.value && 'dark:text-foreground'),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsPrimitive.Trigger, {
+      className: (0, _utils.cn)('flex h-[calc(100%-1px)] flex-row items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 shadow-none shadow-black/5', _reactNative.Platform.select({
+        web: 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring inline-flex cursor-default whitespace-nowrap transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0'
+      }), props.disabled && 'opacity-50', props.value === value && 'bg-background dark:border-foreground/10 dark:bg-input/30', className),
+      ...props
+    })
+  });
+}
+
+/**
+ * Tab content panel
+ *
+ * @component
+ */
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsPrimitive.Content, {
+    className: (0, _utils.cn)(_reactNative.Platform.select({
+      web: 'flex-1 outline-none'
+    }), className),
+    ...props
+  });
+}
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Text","require","_utils","TabsPrimitive","_interopRequireWildcard","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Tabs","className","props","jsx","Root","cn","TabsList","List","Platform","select","web","native","TabsTrigger","value","useRootContext","TextClassContext","Provider","children","Trigger","disabled","TabsContent","Content"],"sourceRoot":"../../../../src","sources":["components/ui/Tabs.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextClassContext = exports.Text = void 0;
+var Slot = _interopRequireWildcard(require("@rn-primitives/slot"));
+var _nativewind = require("nativewind");
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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); }
+(0, _nativewind.cssInterop)(_reactNative.Text, {
+  className: 'style'
+});
+
+/**
+ * Context for sharing text class styles with child Text components
+ * Used by components like Button, Card, Badge to automatically style nested Text
+ */
+const TextClassContext = exports.TextClassContext = /*#__PURE__*/React.createContext(undefined);
+
+/**
+ * Enhanced Text component with NativeWind styling support
+ *
+ * Extends React Native's Text with:
+ * - Automatic style inheritance from TextClassContext
+ * - NativeWind className support
+ * - Slot pattern support for composition
+ * - Web-specific selection styling
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic text
+ * <Text>Hello World</Text>
+ *
+ * // With custom styling
+ * <Text className="text-lg font-bold">Title</Text>
+ *
+ * // Inside a styled context (e.g., Button)
+ * <Button variant="default">
+ *   <Text>Button Text</Text> // Automatically inherits button text styling
+ * </Button>
+ *
+ * // Using asChild for composition
+ * <Text asChild>
+ *   <Link href="/home">Home</Link>
+ * </Text>
+ * ```
+ *
+ * @property {string} [className] - Additional Tailwind classes
+ * @property {boolean} [asChild] - When true, merges props into immediate child
+ */
+const Text = exports.Text = /*#__PURE__*/React.forwardRef(({
+  className,
+  asChild = false,
+  style,
+  ...props
+}, ref) => {
+  const textClass = React.useContext(TextClassContext);
+  const Component = asChild ? Slot.Text : _reactNative.Text;
+  const finalClassName = textClass ? (0, _utils.cn)('text-base web:select-text', textClass, className) : (0, _utils.cn)('text-base text-foreground web:select-text', className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    className: finalClassName,
+    style: style,
+    ref: ref,
+    ...props
+  });
+});
+Text.displayName = 'Text';
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Slot","_interopRequireWildcard","require","_nativewind","React","_reactNative","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","cssInterop","RNText","className","TextClassContext","exports","createContext","undefined","Text","forwardRef","asChild","style","props","ref","textClass","useContext","Component","finalClassName","cn","jsx","displayName"],"sourceRoot":"../../../../src","sources":["components/ui/Text.tsx"],"mappings":";;;;;;AAAA,IAAAA,IAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAH,uBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAqC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,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;AAErC,IAAAkB,sBAAU,EAACC,iBAAM,EAAE;EAAEC,SAAS,EAAE;AAAQ,CAAC,CAAC;;AAE1C;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG1B,KAAK,CAAC4B,aAAa,CAAqBC,SAAS,CAAC;;AAE3E;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,MAAMC,IAAI,GAAAH,OAAA,CAAAG,IAAA,gBAAG9B,KAAK,CAAC+B,UAAU,CAM3B,CAAC;EAAEN,SAAS;EAAEO,OAAO,GAAG,KAAK;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAMC,SAAS,GAAGpC,KAAK,CAACqC,UAAU,CAACX,gBAAgB,CAAC;EACpD,MAAMY,SAAS,GAAGN,OAAO,GAAGpC,IAAI,CAACkC,IAAI,GAAGN,iBAAM;EAE9C,MAAMe,cAAc,GAAGH,SAAS,GAC5B,IAAAI,SAAE,EAAC,2BAA2B,EAAEJ,SAAS,EAAEX,SAAS,CAAC,GACrD,IAAAe,SAAE,EAAC,2CAA2C,EAAEf,SAAS,CAAC;EAE9D,oBACE,IAAAtB,WAAA,CAAAsC,GAAA,EAACH,SAAS;IAACb,SAAS,EAAEc,cAAe;IAACN,KAAK,EAAEA,KAAM;IAACE,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AAE/E,CAAC,CAAC;AACFJ,IAAI,CAACY,WAAW,GAAG,MAAM","ignoreList":[]}