@campxdev/react-native-blueprint 0.1.9 → 0.1.12

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

@@ -0,0 +1 @@
+{"version":3,"names":["Slot","_interopRequireWildcard","require","React","_reactNative","_reactNativeFigmaSquircle","_nativewind","_utils","_Text","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","View","cssInterop","RNView","className","CustomCard","exports","forwardRef","_className","asChild","cornerRadius","cornerSmoothing","children","props","ref","colorScheme","useColorScheme","isDark","Component","jsx","SquircleView","squircleParams","fillColor","strokeColor","strokeWidth","displayName","CustomCardHeader","cn","CustomCardTitle","TextClassContext","Provider","value","CustomCardDescription","CustomCardContent","CustomCardFooter"],"sourceRoot":"../../../../src","sources":["components/ui/Custom-Card.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogClose = exports.Dialog = void 0;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = void 0;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = void 0;
+var _Icon = require("./Icon");
+var _NativeOnlyAnimatedView = require("./Native-Only-Animated-View");
+var _utils = require("../../lib/utils");
+var DialogPrimitive = _interopRequireWildcard(require("@rn-primitives/dialog"));
+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 dialog container
+ *
+ * A modal window that overlays the main content and requires user interaction.
+ * Unlike AlertDialog, this is for non-critical content that doesn't require immediate action.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <DialogTrigger asChild>
+ *     <Button><Text>Open Dialog</Text></Button>
+ *   </DialogTrigger>
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle><Text>Edit Profile</Text></DialogTitle>
+ *       <DialogDescription><Text>Make changes to your profile</Text></DialogDescription>
+ *     </DialogHeader>
+ *     <DialogFooter>
+ *       <Button><Text>Save</Text></Button>
+ *     </DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ * ```
+ */
+const Dialog = exports.Dialog = DialogPrimitive.Root;
+
+/**
+ * Trigger button that opens the dialog
+ */
+const DialogTrigger = exports.DialogTrigger = DialogPrimitive.Trigger;
+
+/**
+ * Portal component for rendering dialog outside DOM hierarchy
+ */
+const DialogPortal = exports.DialogPortal = DialogPrimitive.Portal;
+
+/**
+ * Close button component for manually closing the dialog
+ */
+const DialogClose = exports.DialogClose = DialogPrimitive.Close;
+const FullWindowOverlay = _reactNative.Platform.OS === 'ios' ? _reactNativeScreens.FullWindowOverlay : React.Fragment;
+
+/**
+ * Semi-transparent overlay behind the dialog
+ *
+ * Provides backdrop that dims background content. Uses platform-specific
+ * full window overlay on iOS for proper z-index layering.
+ */
+function DialogOverlay({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FullWindowOverlay, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Overlay, {
+      className: (0, _utils.cn)('absolute bottom-0 left-0 right-0 top-0 z-50 flex items-center justify-center bg-black/50 p-2', _reactNative.Platform.select({
+        web: 'animate-in fade-in-0 fixed cursor-default [&>*]:cursor-auto'
+      }), className),
+      ...props,
+      asChild: _reactNative.Platform.OS !== 'web',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NativeOnlyAnimatedView.NativeOnlyAnimatedView, {
+        entering: _reactNativeReanimated.FadeIn.duration(200),
+        exiting: _reactNativeReanimated.FadeOut.duration(150),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NativeOnlyAnimatedView.NativeOnlyAnimatedView, {
+          entering: _reactNativeReanimated.FadeIn.delay(50),
+          exiting: _reactNativeReanimated.FadeOut.duration(150),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: children
+          })
+        })
+      })
+    })
+  });
+}
+
+/**
+ * Main dialog content container
+ *
+ * Contains the actual dialog UI with automatic close button in top-right corner.
+ * Includes smooth fade and zoom animations.
+ *
+ * @param {string} [portalHost] - Optional portal host name for custom rendering location
+ * @param {string} [className] - Additional Tailwind classes
+ */
+function DialogContent({
+  className,
+  portalHost,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPortal, {
+    hostName: portalHost,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogOverlay, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(DialogPrimitive.Content, {
+        className: (0, _utils.cn)('bg-background border-border z-50 mx-auto flex w-full max-w-[calc(100%-2rem)] flex-col gap-4 rounded-lg border p-6 shadow-lg shadow-black/5 sm:max-w-lg', _reactNative.Platform.select({
+          web: 'animate-in fade-in-0 zoom-in-95 duration-200'
+        }), className),
+        ...props,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: children
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(DialogPrimitive.Close, {
+          className: (0, _utils.cn)('absolute right-4 top-4 rounded opacity-70 active:opacity-100', _reactNative.Platform.select({
+            web: 'ring-offset-background focus:ring-ring data-[state=open]:bg-accent transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2'
+          })),
+          hitSlop: 12,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+            as: _lucideReactNative.X,
+            className: (0, _utils.cn)('text-accent-foreground web:pointer-events-none size-4 shrink-0')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+            className: "sr-only",
+            children: "Close"
+          })]
+        })]
+      })
+    })
+  });
+}
+
+/**
+ * Dialog header container
+ *
+ * Contains title and description with appropriate spacing and alignment.
+ * Centered on mobile, left-aligned on larger screens.
+ */
+function DialogHeader({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+    className: (0, _utils.cn)('flex flex-col gap-2 text-center sm:text-left', className),
+    ...props
+  });
+}
+
+/**
+ * Dialog footer container
+ *
+ * Contains action buttons. Stacked vertically on mobile (reverse order),
+ * horizontal row on larger screens (right-aligned).
+ */
+function DialogFooter({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+    className: (0, _utils.cn)('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className),
+    ...props
+  });
+}
+
+/**
+ * Dialog title component
+ *
+ * Large, semibold heading for the dialog. Automatically announced by screen readers.
+ */
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Title, {
+    className: (0, _utils.cn)('text-foreground text-lg font-semibold leading-none', className),
+    ...props
+  });
+}
+
+/**
+ * Dialog description component
+ *
+ * Muted text providing additional context or instructions for the dialog.
+ */
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Description, {
+    className: (0, _utils.cn)('text-muted-foreground text-sm', className),
+    ...props
+  });
+}
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Icon","require","_NativeOnlyAnimatedView","_utils","DialogPrimitive","_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","Dialog","exports","Root","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","FullWindowOverlay","Platform","OS","RNFullWindowOverlay","Fragment","DialogOverlay","children","props","jsx","Overlay","cn","select","web","asChild","NativeOnlyAnimatedView","entering","FadeIn","duration","exiting","FadeOut","delay","DialogContent","portalHost","hostName","jsxs","Content","hitSlop","Icon","as","X","DialogHeader","DialogFooter","DialogTitle","Title","DialogDescription","Description"],"sourceRoot":"../../../../src","sources":["components/ui/Dialog.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,438 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownMenu = void 0;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = void 0;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuRadioGroup = exports.DropdownMenuPortal = void 0;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = void 0;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = void 0;
+var _Icon = require("./Icon");
+var _NativeOnlyAnimatedView = require("./Native-Only-Animated-View");
+var _Text = require("./Text");
+var _utils = require("../../lib/utils");
+var DropdownMenuPrimitive = _interopRequireWildcard(require("@rn-primitives/dropdown-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 component for dropdown menu - provides context for all dropdown menu children
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger>
+ *     <Button variant="outline">
+ *       <Text>Open Menu</Text>
+ *     </Button>
+ *   </DropdownMenuTrigger>
+ *   <DropdownMenuContent>
+ *     <DropdownMenuItem>
+ *       <Text>Profile</Text>
+ *     </DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ */
+const DropdownMenu = exports.DropdownMenu = DropdownMenuPrimitive.Root;
+
+/**
+ * Trigger component that opens the dropdown menu when pressed
+ *
+ * @component
+ */
+const DropdownMenuTrigger = exports.DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+
+/**
+ * Groups related menu items together
+ *
+ * @component
+ */
+const DropdownMenuGroup = exports.DropdownMenuGroup = DropdownMenuPrimitive.Group;
+
+/**
+ * Portal component to render menu content outside the DOM hierarchy
+ *
+ * @component
+ */
+const DropdownMenuPortal = exports.DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+
+/**
+ * Root component for nested submenu
+ *
+ * @component
+ */
+const DropdownMenuSub = exports.DropdownMenuSub = DropdownMenuPrimitive.Sub;
+
+/**
+ * Groups radio items together with single selection
+ *
+ * @component
+ */
+const DropdownMenuRadioGroup = exports.DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+
+/**
+ * Trigger for opening a nested submenu
+ *
+ * Displays a chevron icon that indicates expandable content. The icon direction
+ * changes based on platform and submenu state.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuSub>
+ *   <DropdownMenuSubTrigger>
+ *     <Text>More Options</Text>
+ *   </DropdownMenuSubTrigger>
+ *   <DropdownMenuSubContent>
+ *     <DropdownMenuItem>
+ *       <Text>Nested Item</Text>
+ *     </DropdownMenuItem>
+ *   </DropdownMenuSubContent>
+ * </DropdownMenuSub>
+ * ```
+ */
+function DropdownMenuSubTrigger({
+  className: _className,
+  inset,
+  children,
+  iconClassName,
+  ...props
+}) {
+  const {
+    open
+  } = DropdownMenuPrimitive.useSubContext();
+  const icon = _reactNative.Platform.OS === 'web' ? _lucideReactNative.ChevronRight : open ? _lucideReactNative.ChevronUp : _lucideReactNative.ChevronDown;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: (0, _utils.cn)('text-sm select-none group-active:text-accent-foreground', open && 'text-accent-foreground'),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownMenuPrimitive.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 && 'bg-accent', 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
+ * @example
+ * ```tsx
+ * <DropdownMenuSubContent>
+ *   <DropdownMenuItem>
+ *     <Text>Submenu Item</Text>
+ *   </DropdownMenuItem>
+ * </DropdownMenuSubContent>
+ * ```
+ */
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NativeOnlyAnimatedView.NativeOnlyAnimatedView, {
+    entering: _reactNativeReanimated.FadeIn,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuPrimitive.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, Fragment for other platforms
+ */
+const FullWindowOverlay = _reactNative.Platform.OS === 'ios' ? _reactNativeScreens.FullWindowOverlay : React.Fragment;
+
+/**
+ * Main content container for dropdown menu items
+ *
+ * Renders menu items in a popover with proper positioning, animations,
+ * and overlay handling. Uses a portal to render outside the parent hierarchy.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuContent>
+ *   <DropdownMenuItem>
+ *     <Text>Profile</Text>
+ *   </DropdownMenuItem>
+ *   <DropdownMenuSeparator />
+ *   <DropdownMenuItem>
+ *     <Text>Settings</Text>
+ *   </DropdownMenuItem>
+ * </DropdownMenuContent>
+ * ```
+ *
+ * @accessibility
+ * - Properly handles focus management
+ * - Supports keyboard navigation
+ * - Screen reader friendly menu structure
+ */
+function DropdownMenuContent({
+  className,
+  overlayClassName,
+  overlayStyle,
+  portalHost,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuPrimitive.Portal, {
+    hostName: portalHost,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FullWindowOverlay, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuPrimitive.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.jsx)(_Text.TextClassContext.Provider, {
+            value: "text-popover-foreground",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuPrimitive.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 menu item component
+ *
+ * Supports both default and destructive variants for different actions.
+ * Includes proper hover, active, and focus states.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuItem onSelect={() => console.log('Selected')}>
+ *   <Text>Edit Profile</Text>
+ * </DropdownMenuItem>
+ *
+ * <DropdownMenuItem variant="destructive">
+ *   <Text>Delete Account</Text>
+ * </DropdownMenuItem>
+ * ```
+ *
+ * @accessibility
+ * - Disabled items cannot be interacted with
+ * - Proper focus indicators on web
+ */
+function DropdownMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_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: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuPrimitive.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
+ *
+ * Shows a checkmark when selected. Useful for toggling multiple options.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuCheckboxItem
+ *   checked={showPanel}
+ *   onCheckedChange={setShowPanel}
+ * >
+ *   <Text>Show Side Panel</Text>
+ * </DropdownMenuCheckboxItem>
+ * ```
+ */
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: "text-sm text-popover-foreground select-none group-active:text-accent-foreground",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownMenuPrimitive.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)(DropdownMenuPrimitive.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 within a group
+ *
+ * Shows a filled circle when selected. Use within DropdownMenuRadioGroup.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuRadioGroup value={sortBy} onValueChange={setSortBy}>
+ *   <DropdownMenuRadioItem value="name">
+ *     <Text>Sort by Name</Text>
+ *   </DropdownMenuRadioItem>
+ *   <DropdownMenuRadioItem value="date">
+ *     <Text>Sort by Date</Text>
+ *   </DropdownMenuRadioItem>
+ * </DropdownMenuRadioGroup>
+ * ```
+ */
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: "text-sm text-popover-foreground select-none group-active:text-accent-foreground",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownMenuPrimitive.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)(DropdownMenuPrimitive.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 component for grouping and describing menu sections
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuLabel>
+ *   <Text>Account</Text>
+ * </DropdownMenuLabel>
+ * <DropdownMenuItem>
+ *   <Text>Profile</Text>
+ * </DropdownMenuItem>
+ * ```
+ */
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuPrimitive.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 or sections
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuItem>
+ *   <Text>Edit</Text>
+ * </DropdownMenuItem>
+ * <DropdownMenuSeparator />
+ * <DropdownMenuItem variant="destructive">
+ *   <Text>Delete</Text>
+ * </DropdownMenuItem>
+ * ```
+ */
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuPrimitive.Separator, {
+    className: (0, _utils.cn)('bg-border -mx-1 my-1 h-px', className),
+    ...props
+  });
+}
+
+/**
+ * Displays keyboard shortcut hint for menu items
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuItem>
+ *   <Text>Save</Text>
+ *   <DropdownMenuShortcut>
+ *     <Text>⌘S</Text>
+ *   </DropdownMenuShortcut>
+ * </DropdownMenuItem>
+ * ```
+ */
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+    className: (0, _utils.cn)('text-muted-foreground ml-auto text-xs tracking-widest', className),
+    ...props
+  });
+}
+//# sourceMappingURL=Dropdown-Menu.js.map