@campxdev/react-native-blueprint 0.1.8 → 0.1.11

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

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = Checkbox;
+var _Icon = require("./Icon");
+var _utils = require("../../lib/utils");
+var CheckboxPrimitive = _interopRequireWildcard(require("@rn-primitives/checkbox"));
+var _lucideReactNative = require("lucide-react-native");
+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); }
+const DEFAULT_HIT_SLOP = 24;
+
+/**
+ * Interactive checkbox for boolean selections
+ *
+ * A control that allows users to toggle between checked and unchecked states.
+ * Features a checkmark indicator, configurable styling, and accessible touch targets.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic checkbox
+ * <Checkbox checked={isChecked} onCheckedChange={setIsChecked} />
+ *
+ * // Checkbox with label
+ * <View className="flex-row items-center gap-2">
+ *   <Checkbox id="terms" checked={accepted} onCheckedChange={setAccepted} />
+ *   <Label htmlFor="terms">Accept terms and conditions</Label>
+ * </View>
+ *
+ * // Disabled checkbox
+ * <Checkbox checked={true} disabled />
+ * ```
+ *
+ * @accessibility
+ * - Uses 24px hit slop for easier touch interaction
+ * - Supports keyboard navigation on web
+ * - Proper ARIA attributes for screen readers
+ * - Visual focus indicators on web
+ */
+function Checkbox({
+  className,
+  checkedClassName,
+  indicatorClassName,
+  iconClassName,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Root, {
+    className: (0, _utils.cn)('border-input dark:bg-input/30 size-4 shrink-0 rounded-[4px] 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 peer cursor-default outline-none transition-shadow focus-visible:ring-[3px] disabled:cursor-not-allowed',
+      native: 'overflow-hidden'
+    }), props.checked && (0, _utils.cn)('border-primary', checkedClassName), props.disabled && 'opacity-50', className),
+    hitSlop: DEFAULT_HIT_SLOP,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckboxPrimitive.Indicator, {
+      className: (0, _utils.cn)('bg-primary h-full w-full items-center justify-center', indicatorClassName),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        as: _lucideReactNative.Check,
+        size: 12,
+        strokeWidth: _reactNative.Platform.OS === 'web' ? 2.5 : 3.5,
+        className: (0, _utils.cn)('text-primary-foreground', iconClassName)
+      })
+    })
+  });
+}
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Icon","require","_utils","CheckboxPrimitive","_interopRequireWildcard","_lucideReactNative","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_HIT_SLOP","Checkbox","className","checkedClassName","indicatorClassName","iconClassName","props","jsx","Root","cn","Platform","select","web","native","checked","disabled","hitSlop","children","Indicator","Icon","as","Check","size","strokeWidth","OS"],"sourceRoot":"../../../../src","sources":["components/ui/Checkbox.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAAwC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAG,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,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,MAAMkB,gBAAgB,GAAG,EAAE;;AAE3B;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;EAChBC,SAAS;EACTC,gBAAgB;EAChBC,kBAAkB;EAClBC,aAAa;EACb,GAAGC;AAMH,CAAC,EAAE;EACH,oBACE,IAAA1B,WAAA,CAAA2B,GAAA,EAAC/B,iBAAiB,CAACgC,IAAI;IACrBN,SAAS,EAAE,IAAAO,SAAE,EACX,6FAA6F,EAC7FC,qBAAQ,CAACC,MAAM,CAAC;MACdC,GAAG,EAAE,qQAAqQ;MAC1QC,MAAM,EAAE;IACV,CAAC,CAAC,EACFP,KAAK,CAACQ,OAAO,IAAI,IAAAL,SAAE,EAAC,gBAAgB,EAAEN,gBAAgB,CAAC,EACvDG,KAAK,CAACS,QAAQ,IAAI,YAAY,EAC9Bb,SACF,CAAE;IACFc,OAAO,EAAEhB,gBAAiB;IAAA,GACtBM,KAAK;IAAAW,QAAA,eAET,IAAArC,WAAA,CAAA2B,GAAA,EAAC/B,iBAAiB,CAAC0C,SAAS;MAC1BhB,SAAS,EAAE,IAAAO,SAAE,EACX,sDAAsD,EACtDL,kBACF,CAAE;MAAAa,QAAA,eAEF,IAAArC,WAAA,CAAA2B,GAAA,EAAClC,KAAA,CAAA8C,IAAI;QACHC,EAAE,EAAEC,wBAAM;QACVC,IAAI,EAAE,EAAG;QACTC,WAAW,EAAEb,qBAAQ,CAACc,EAAE,KAAK,KAAK,GAAG,GAAG,GAAG,GAAI;QAC/CtB,SAAS,EAAE,IAAAO,SAAE,EAAC,yBAAyB,EAAEJ,aAAa;MAAE,CACzD;IAAC,CACyB;EAAC,CACR,CAAC;AAE7B","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapsibleTrigger = exports.CollapsibleContent = exports.Collapsible = void 0;
+var CollapsiblePrimitive = _interopRequireWildcard(require("@rn-primitives/collapsible"));
+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 collapsible container
+ *
+ * An interactive component that can show and hide content. Unlike Accordion, it doesn't enforce
+ * any specific visual styling, making it more flexible for custom layouts.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Collapsible open={isOpen} onOpenChange={setIsOpen}>
+ *   <CollapsibleTrigger asChild>
+ *     <Button variant="ghost"><Text>Toggle</Text></Button>
+ *   </CollapsibleTrigger>
+ *   <CollapsibleContent>
+ *     <Text>This content can be shown or hidden</Text>
+ *   </CollapsibleContent>
+ * </Collapsible>
+ * ```
+ */
+const Collapsible = exports.Collapsible = CollapsiblePrimitive.Root;
+
+/**
+ * Trigger button that toggles collapsible content visibility
+ *
+ * @component
+ */
+const CollapsibleTrigger = exports.CollapsibleTrigger = CollapsiblePrimitive.Trigger;
+
+/**
+ * Collapsible content container
+ *
+ * Automatically animates height when expanding or collapsing.
+ *
+ * @component
+ */
+const CollapsibleContent = exports.CollapsibleContent = CollapsiblePrimitive.Content;
+//# sourceMappingURL=Collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CollapsiblePrimitive","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Collapsible","exports","Root","CollapsibleTrigger","Trigger","CollapsibleContent","Content"],"sourceRoot":"../../../../src","sources":["components/ui/Collapsible.tsx"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmE,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,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;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMkB,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGtB,oBAAoB,CAACwB,IAAI;;AAE7C;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,GAAGzB,oBAAoB,CAAC0B,OAAO;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAAJ,OAAA,CAAAI,kBAAA,GAAG3B,oBAAoB,CAAC4B,OAAO","ignoreList":[]}

package/lib/commonjs/components/ui/Context-Menu.js

@@ -0,0 +1,304 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContextMenu = void 0;
+exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
+exports.ContextMenuContent = ContextMenuContent;
+exports.ContextMenuGroup = void 0;
+exports.ContextMenuItem = ContextMenuItem;
+exports.ContextMenuLabel = ContextMenuLabel;
+exports.ContextMenuRadioGroup = void 0;
+exports.ContextMenuRadioItem = ContextMenuRadioItem;
+exports.ContextMenuSeparator = ContextMenuSeparator;
+exports.ContextMenuShortcut = ContextMenuShortcut;
+exports.ContextMenuSub = void 0;
+exports.ContextMenuSubContent = ContextMenuSubContent;
+exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
+exports.ContextMenuTrigger = void 0;
+var _Icon = require("./Icon");
+var _NativeOnlyAnimatedView = require("./Native-Only-Animated-View");
+var _Text = require("./Text");
+var _utils = require("../../lib/utils");
+var ContextMenuPrimitive = _interopRequireWildcard(require("@rn-primitives/context-menu"));
+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 Text = (0, _nativewind.cssInterop)(_reactNative.Text, {
+  className: 'style'
+});
+
+/**
+ * Root context menu component
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ContextMenu>
+ *   <ContextMenuTrigger>
+ *     <View><Text>Right-click me</Text></View>
+ *   </ContextMenuTrigger>
+ *   <ContextMenuContent>
+ *     <ContextMenuItem><Text>Edit</Text></ContextMenuItem>
+ *     <ContextMenuItem><Text>Delete</Text></ContextMenuItem>
+ *   </ContextMenuContent>
+ * </ContextMenu>
+ * ```
+ */
+const ContextMenu = exports.ContextMenu = ContextMenuPrimitive.Root;
+
+/**
+ * Trigger component that opens context menu on right-click or long-press
+ * @component
+ */
+const ContextMenuTrigger = exports.ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+
+/**
+ * Groups related context menu items
+ * @component
+ */
+const ContextMenuGroup = exports.ContextMenuGroup = ContextMenuPrimitive.Group;
+
+/**
+ * Root component for nested submenu
+ * @component
+ */
+const ContextMenuSub = exports.ContextMenuSub = ContextMenuPrimitive.Sub;
+
+/**
+ * Groups radio items for single selection
+ * @component
+ */
+const ContextMenuRadioGroup = exports.ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+
+/**
+ * Trigger for opening a nested submenu
+ * @component
+ */
+function ContextMenuSubTrigger({
+  className: _className,
+  inset,
+  children,
+  iconClassName,
+  ...props
+}) {
+  const {
+    open
+  } = ContextMenuPrimitive.useSubContext();
+  const icon = _reactNative.Platform.OS === 'web' ? _lucideReactNative.ChevronRight : open ? _lucideReactNative.ChevronUp : _lucideReactNative.ChevronDown;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.TextClassContext.Provider, {
+    value: (0, _utils.cn)('text-sm select-none group-active:text-accent-foreground', open && 'text-accent-foreground'),
+    children: ["supported by NativeWind", /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContextMenuPrimitive.SubTrigger, {
+      className: (0, _utils.cn)('active:bg-accent group flex flex-row items-center rounded-sm px-2 py-2 sm:py-1.5', _reactNative.Platform.select({
+        web: 'focus:bg-accent focus:text-accent-foreground cursor-default outline-none [&_svg]:pointer-events-none'
+      }), open && (0, _utils.cn)('bg-accent', _reactNative.Platform.select({
+        native: 'mb-1'
+      })), inset && 'pl-8'),
+      ...props,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        as: icon,
+        className: (0, _utils.cn)('text-foreground ml-auto size-4 shrink-0', iconClassName)
+      })]
+    })]
+  });
+}
+
+/**
+ * Content container for nested submenu items
+ * @component
+ */
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_NativeOnlyAnimatedView.NativeOnlyAnimatedView, {
+    entering: _reactNativeReanimated.FadeIn,
+    children: ["supported by NativeWind", /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextMenuPrimitive.SubContent, {
+      className: (0, _utils.cn)('bg-popover border-border overflow-hidden rounded-md border p-1 shadow-lg shadow-black/5', _reactNative.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
+    })]
+  });
+}
+
+/**
+ * Full window overlay wrapper for iOS
+ */
+const FullWindowOverlay = _reactNative.Platform.OS === 'ios' ? _reactNativeScreens.FullWindowOverlay : React.Fragment;
+
+/**
+ * Main content container for context menu items
+ * @component
+ */
+function ContextMenuContent({
+  className,
+  overlayClassName,
+  overlayStyle,
+  portalHost,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextMenuPrimitive.Portal, {
+    hostName: portalHost,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(FullWindowOverlay, {
+      children: ["supported by NativeWind", /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextMenuPrimitive.Overlay, {
+        style: _reactNative.Platform.select({
+          web: overlayStyle ?? undefined,
+          native: overlayStyle ? _reactNative.StyleSheet.flatten([_reactNative.StyleSheet.absoluteFill, overlayStyle]) : _reactNative.StyleSheet.absoluteFill
+        }),
+        className: overlayClassName,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NativeOnlyAnimatedView.NativeOnlyAnimatedView, {
+          entering: _reactNativeReanimated.FadeIn,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.TextClassContext.Provider, {
+            value: "text-popover-foreground",
+            children: ["is supported by NativeWind", /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextMenuPrimitive.Content, {
+              className: (0, _utils.cn)('bg-popover border-border min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg shadow-black/5', _reactNative.Platform.select({
+                web: (0, _utils.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),
+              ...props
+            })]
+          })
+        })
+      })]
+    })
+  });
+}
+
+/**
+ * Individual context menu item
+ * @component
+ */
+function ContextMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.TextClassContext.Provider, {
+    value: (0, _utils.cn)('select-none text-sm text-popover-foreground group-active:text-popover-foreground', variant === 'destructive' && 'text-destructive group-active:text-destructive'),
+    children: ["supported by NativeWind", /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextMenuPrimitive.Item, {
+      className: (0, _utils.cn)('active:bg-accent group relative flex flex-row items-center gap-2 rounded-sm px-2 py-2 sm:py-1.5', _reactNative.Platform.select({
+        web: (0, _utils.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
+    })]
+  });
+}
+
+/**
+ * Menu item with checkbox for multi-selection
+ * @component
+ */
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.TextClassContext.Provider, {
+    value: "text-sm text-popover-foreground select-none group-active:text-accent-foreground",
+    children: ["supported by NativeWind", /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContextMenuPrimitive.CheckboxItem, {
+      className: (0, _utils.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', _reactNative.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: [/*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+        className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextMenuPrimitive.ItemIndicator, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+            as: _lucideReactNative.Check,
+            className: (0, _utils.cn)('text-foreground size-4', _reactNative.Platform.select({
+              web: 'pointer-events-none'
+            }))
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: children
+      })]
+    })]
+  });
+}
+
+/**
+ * Menu item with radio button for single selection
+ * @component
+ */
+function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.TextClassContext.Provider, {
+    value: "text-sm text-popover-foreground select-none group-active:text-accent-foreground",
+    children: ["supported by NativeWind", /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContextMenuPrimitive.RadioItem, {
+      className: (0, _utils.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', _reactNative.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: [/*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+        className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextMenuPrimitive.ItemIndicator, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+            className: "bg-foreground h-2 w-2 rounded-full"
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: children
+      })]
+    })]
+  });
+}
+
+/**
+ * Label for grouping context menu sections
+ * @component
+ */
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextMenuPrimitive.Label, {
+    className: (0, _utils.cn)('text-foreground px-2 py-2 text-sm font-medium sm:py-1.5', inset && 'pl-8', className),
+    ...props
+  });
+}
+
+/**
+ * Visual separator between menu items
+ * @component
+ */
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextMenuPrimitive.Separator, {
+    className: (0, _utils.cn)('bg-border -mx-1 my-1 h-px', className),
+    ...props
+  });
+}
+
+/**
+ * Displays keyboard shortcut hint for menu items
+ * @component
+ */
+function ContextMenuShortcut({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+    className: (0, _utils.cn)('text-muted-foreground ml-auto text-xs tracking-widest', className),
+    ...props
+  });
+}
+//# sourceMappingURL=Context-Menu.js.map

package/lib/commonjs/components/ui/Context-Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Icon","require","_NativeOnlyAnimatedView","_Text","_utils","ContextMenuPrimitive","_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","Text","RNText","ContextMenu","exports","Root","ContextMenuTrigger","Trigger","ContextMenuGroup","Group","ContextMenuSub","Sub","ContextMenuRadioGroup","RadioGroup","ContextMenuSubTrigger","_className","inset","children","iconClassName","props","open","useSubContext","icon","Platform","OS","ChevronRight","ChevronUp","ChevronDown","jsxs","TextClassContext","Provider","value","cn","SubTrigger","select","web","native","jsx","Fragment","Icon","as","ContextMenuSubContent","NativeOnlyAnimatedView","entering","FadeIn","SubContent","FullWindowOverlay","RNFullWindowOverlay","ContextMenuContent","overlayClassName","overlayStyle","portalHost","Portal","hostName","Overlay","style","undefined","StyleSheet","flatten","absoluteFill","Content","side","ContextMenuItem","variant","Item","disabled","ContextMenuCheckboxItem","CheckboxItem","ItemIndicator","Check","ContextMenuRadioItem","RadioItem","ContextMenuLabel","Label","ContextMenuSeparator","Separator","ContextMenuShortcut"],"sourceRoot":"../../../../src","sources":["components/ui/Context-Menu.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ui/Custom-Card.js

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomCardTitle = exports.CustomCardHeader = exports.CustomCardFooter = exports.CustomCardDescription = exports.CustomCardContent = exports.CustomCard = void 0;
+var Slot = _interopRequireWildcard(require("@rn-primitives/slot"));
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeFigmaSquircle = require("react-native-figma-squircle");
+var _nativewind = require("nativewind");
+var _utils = require("../../lib/utils");
+var _Text = require("./Text");
+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'
+});
+
+/**
+ * CustomCard container component with squircle shape
+ *
+ * Provides elevated container with smooth squircle corners (iOS-like rounded corners),
+ * border, and shadow. Uses Figma's squircle algorithm for premium look.
+ * Use with CardHeader, CardTitle, CardDescription, CardContent, and CardFooter
+ * for a complete card structure.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <CustomCard>
+ *   <CardHeader>
+ *     <CardTitle><Text>Title</Text></CardTitle>
+ *     <CardDescription><Text>Description</Text></CardDescription>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <Text>Card content goes here</Text>
+ *   </CardContent>
+ *   <CardFooter>
+ *     <Button>Action</Button>
+ *   </CardFooter>
+ * </CustomCard>
+ *
+ * // With custom corner smoothing
+ * <CustomCard cornerSmoothing={1}>
+ *   <Text>Extra smooth corners</Text>
+ * </CustomCard>
+ * ```
+ *
+ * @property {boolean} [asChild] - When true, merges props into immediate child
+ * @property {string} [className] - Additional Tailwind classes
+ * @property {number} [cornerRadius=16] - Corner radius in pixels
+ * @property {number} [cornerSmoothing=0.8] - Smoothing factor (0-1), higher = more iOS-like
+ */
+const CustomCard = exports.CustomCard = /*#__PURE__*/React.forwardRef(({
+  className: _className,
+  asChild = false,
+  cornerRadius = 16,
+  cornerSmoothing = 1.0,
+  children,
+  ...props
+}, ref) => {
+  const colorScheme = (0, _reactNative.useColorScheme)();
+  const isDark = colorScheme === 'dark';
+  if (asChild) {
+    const Component = Slot.View;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      ref: ref,
+      ...props,
+      children: children
+    });
+  }
+
+  // Use SquircleView directly as the container with inner View for content
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeFigmaSquircle.SquircleView, {
+    squircleParams: {
+      cornerRadius,
+      cornerSmoothing,
+      fillColor: isDark ? 'hsl(224 71.4% 4.1%)' : 'hsl(0 0% 100%)',
+      strokeColor: isDark ? 'hsl(215 27.9% 16.9%)' : 'hsl(214.3 31.8% 91.4%)',
+      strokeWidth: 1
+    },
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+      ref: ref,
+      className: "px-4",
+      children: children
+    })
+  });
+});
+CustomCard.displayName = 'CustomCard';
+
+/**
+ * CustomCardHeader - Container for card title and description
+ *
+ * Provides proper spacing for title and description elements at the top of a card.
+ *
+ * @property {boolean} [asChild] - When true, merges props into immediate child
+ * @property {string} [className] - Additional Tailwind classes
+ */
+const CustomCardHeader = exports.CustomCardHeader = /*#__PURE__*/React.forwardRef(({
+  className,
+  asChild = false,
+  ...props
+}, ref) => {
+  const Component = asChild ? Slot.View : View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    className: (0, _utils.cn)('flex flex-col gap-1.5 p-6', className),
+    ref: ref,
+    ...props
+  });
+});
+CustomCardHeader.displayName = 'CustomCardHeader';
+
+/**
+ * CustomCardTitle - Main title text for the card
+ *
+ * Automatically styles child Text components with large, semibold typography.
+ * Uses TextClassContext to apply consistent styling to nested Text elements.
+ *
+ * @property {boolean} [asChild] - When true, merges props into immediate child
+ * @property {string} [className] - Additional Tailwind classes for text styling
+ */
+const CustomCardTitle = exports.CustomCardTitle = /*#__PURE__*/React.forwardRef(({
+  className,
+  asChild = false,
+  ...props
+}, ref) => {
+  const Component = asChild ? Slot.View : View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: (0, _utils.cn)('text-2xl font-semibold leading-none tracking-tight text-card-foreground dark:text-card-foreground', className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      ref: ref,
+      ...props
+    })
+  });
+});
+CustomCardTitle.displayName = 'CustomCardTitle';
+
+/**
+ * CustomCardDescription - Subtitle or description text for the card
+ *
+ * Automatically styles child Text components with muted, smaller typography.
+ * Uses TextClassContext to apply consistent styling to nested Text elements.
+ *
+ * @property {boolean} [asChild] - When true, merges props into immediate child
+ * @property {string} [className] - Additional Tailwind classes for text styling
+ */
+const CustomCardDescription = exports.CustomCardDescription = /*#__PURE__*/React.forwardRef(({
+  className,
+  asChild = false,
+  ...props
+}, ref) => {
+  const Component = asChild ? Slot.View : View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: (0, _utils.cn)('text-sm text-muted-foreground dark:text-muted-foreground', className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      ref: ref,
+      ...props
+    })
+  });
+});
+CustomCardDescription.displayName = 'CustomCardDescription';
+
+/**
+ * CustomCardContent - Main content area of the card
+ *
+ * Container for the primary card content with appropriate padding.
+ * Top padding is removed to flow naturally after CustomCardHeader.
+ *
+ * @property {boolean} [asChild] - When true, merges props into immediate child
+ * @property {string} [className] - Additional Tailwind classes
+ */
+const CustomCardContent = exports.CustomCardContent = /*#__PURE__*/React.forwardRef(({
+  className,
+  asChild = false,
+  ...props
+}, ref) => {
+  const Component = asChild ? Slot.View : View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    className: (0, _utils.cn)('p-6 pt-0', className),
+    ref: ref,
+    ...props
+  });
+});
+CustomCardContent.displayName = 'CustomCardContent';
+
+/**
+ * CustomCardFooter - Footer area for actions or additional info
+ *
+ * Typically contains buttons or other interactive elements.
+ * Arranged as a row with centered items.
+ *
+ * @property {boolean} [asChild] - When true, merges props into immediate child
+ * @property {string} [className] - Additional Tailwind classes
+ */
+const CustomCardFooter = exports.CustomCardFooter = /*#__PURE__*/React.forwardRef(({
+  className,
+  asChild = false,
+  ...props
+}, ref) => {
+  const Component = asChild ? Slot.View : View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    className: (0, _utils.cn)('flex flex-row items-center p-6 pt-0', className),
+    ref: ref,
+    ...props
+  });
+});
+CustomCardFooter.displayName = 'CustomCardFooter';
+//# sourceMappingURL=Custom-Card.js.map