@campxdev/react-native-blueprint 0.1.0

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

@@ -0,0 +1,202 @@
+"use strict";
+
+import { Icon } from "./Icon.js";
+import { NativeOnlyAnimatedView } from "./Native-Only-Animated-View.js";
+import { cn } from "../../lib/utils.js";
+import * as DialogPrimitive from '@rn-primitives/dialog';
+import { X } from 'lucide-react-native';
+import * as React from 'react';
+import { Platform, Text, View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { FadeIn, FadeOut } from 'react-native-reanimated';
+import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+cssInterop(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 = DialogPrimitive.Root;
+
+/**
+ * Trigger button that opens the dialog
+ */
+const DialogTrigger = DialogPrimitive.Trigger;
+
+/**
+ * Portal component for rendering dialog outside DOM hierarchy
+ */
+const DialogPortal = DialogPrimitive.Portal;
+
+/**
+ * Close button component for manually closing the dialog
+ */
+const DialogClose = DialogPrimitive.Close;
+const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : 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__*/_jsx(FullWindowOverlay, {
+    children: /*#__PURE__*/_jsx(DialogPrimitive.Overlay, {
+      className: cn('absolute bottom-0 left-0 right-0 top-0 z-50 flex items-center justify-center bg-black/50 p-2', Platform.select({
+        web: 'animate-in fade-in-0 fixed cursor-default [&>*]:cursor-auto'
+      }), className),
+      ...props,
+      asChild: Platform.OS !== 'web',
+      children: /*#__PURE__*/_jsx(NativeOnlyAnimatedView, {
+        entering: FadeIn.duration(200),
+        exiting: FadeOut.duration(150),
+        children: /*#__PURE__*/_jsx(NativeOnlyAnimatedView, {
+          entering: FadeIn.delay(50),
+          exiting: FadeOut.duration(150),
+          children: /*#__PURE__*/_jsx(_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__*/_jsx(DialogPortal, {
+    hostName: portalHost,
+    children: /*#__PURE__*/_jsx(DialogOverlay, {
+      children: /*#__PURE__*/_jsxs(DialogPrimitive.Content, {
+        className: 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', Platform.select({
+          web: 'animate-in fade-in-0 zoom-in-95 duration-200'
+        }), className),
+        ...props,
+        children: [/*#__PURE__*/_jsx(_Fragment, {
+          children: children
+        }), /*#__PURE__*/_jsxs(DialogPrimitive.Close, {
+          className: cn('absolute right-4 top-4 rounded opacity-70 active:opacity-100', 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__*/_jsx(Icon, {
+            as: X,
+            className: cn('text-accent-foreground web:pointer-events-none size-4 shrink-0')
+          }), /*#__PURE__*/_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__*/_jsx(View, {
+    className: 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__*/_jsx(View, {
+    className: 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__*/_jsx(DialogPrimitive.Title, {
+    className: 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__*/_jsx(DialogPrimitive.Description, {
+    className: cn('text-muted-foreground text-sm', className),
+    ...props
+  });
+}
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Icon","NativeOnlyAnimatedView","cn","DialogPrimitive","X","React","Platform","Text","View","cssInterop","FadeIn","FadeOut","FullWindowOverlay","RNFullWindowOverlay","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","className","Dialog","Root","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","OS","DialogOverlay","children","props","Overlay","select","web","asChild","entering","duration","exiting","delay","DialogContent","portalHost","hostName","Content","hitSlop","as","DialogHeader","DialogFooter","DialogTitle","Title","DialogDescription","Description"],"sourceRoot":"../../../../src","sources":["components/ui/Dialog.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,WAAQ;AAC7B,SAASC,sBAAsB,QAAQ,gCAA6B;AACpE,SAASC,EAAE,QAAQ,oBAAiB;AACpC,OAAO,KAAKC,eAAe,MAAM,uBAAuB;AACxD,SAASC,CAAC,QAAQ,qBAAqB;AACvC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,QAAwB,cAAc;AACnE,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,MAAM,EAAEC,OAAO,QAAQ,yBAAyB;AACzD,SAASC,iBAAiB,IAAIC,mBAAmB,QAAQ,sBAAsB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhFV,UAAU,CAACD,IAAI,EAAE;EAAEY,SAAS,EAAE;AAAQ,CAAC,CAAC;AACxCX,UAAU,CAACF,IAAI,EAAE;EAAEa,SAAS,EAAE;AAAQ,CAAC,CAAC;;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,MAAMC,MAAM,GAAGlB,eAAe,CAACmB,IAAI;;AAEnC;AACA;AACA;AACA,MAAMC,aAAa,GAAGpB,eAAe,CAACqB,OAAO;;AAE7C;AACA;AACA;AACA,MAAMC,YAAY,GAAGtB,eAAe,CAACuB,MAAM;;AAE3C;AACA;AACA;AACA,MAAMC,WAAW,GAAGxB,eAAe,CAACyB,KAAK;AAEzC,MAAMhB,iBAAiB,GACrBN,QAAQ,CAACuB,EAAE,KAAK,KAAK,GAAGhB,mBAAmB,GAAGR,KAAK,CAACS,QAAQ;;AAE9D;AACA;AACA;AACA;AACA;AACA;AACA,SAASgB,aAAaA,CAAC;EACrBV,SAAS;EACTW,QAAQ;EACR,GAAGC;AAIH,CAAC,EAAE;EACH,oBACEf,IAAA,CAACL,iBAAiB;IAAAmB,QAAA,eAChBd,IAAA,CAACd,eAAe,CAAC8B,OAAO;MACtBb,SAAS,EAAElB,EAAE,CACX,8FAA8F,EAC9FI,QAAQ,CAAC4B,MAAM,CAAC;QACdC,GAAG,EAAE;MACP,CAAC,CAAC,EACFf,SACF,CAAE;MAAA,GACEY,KAAK;MACTI,OAAO,EAAE9B,QAAQ,CAACuB,EAAE,KAAK,KAAM;MAAAE,QAAA,eAE/Bd,IAAA,CAAChB,sBAAsB;QACrBoC,QAAQ,EAAE3B,MAAM,CAAC4B,QAAQ,CAAC,GAAG,CAAE;QAC/BC,OAAO,EAAE5B,OAAO,CAAC2B,QAAQ,CAAC,GAAG,CAAE;QAAAP,QAAA,eAE/Bd,IAAA,CAAChB,sBAAsB;UACrBoC,QAAQ,EAAE3B,MAAM,CAAC8B,KAAK,CAAC,EAAE,CAAE;UAC3BD,OAAO,EAAE5B,OAAO,CAAC2B,QAAQ,CAAC,GAAG,CAAE;UAAAP,QAAA,eAE/Bd,IAAA,CAAAF,SAAA;YAAAgB,QAAA,EAAGA;UAAQ,CAAG;QAAC,CACO;MAAC,CACH;IAAC,CACF;EAAC,CACT,CAAC;AAExB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASU,aAAaA,CAAC;EACrBrB,SAAS;EACTsB,UAAU;EACVX,QAAQ;EACR,GAAGC;AAIH,CAAC,EAAE;EACH,oBACEf,IAAA,CAACQ,YAAY;IAACkB,QAAQ,EAAED,UAAW;IAAAX,QAAA,eACjCd,IAAA,CAACa,aAAa;MAAAC,QAAA,eACZZ,KAAA,CAAChB,eAAe,CAACyC,OAAO;QACtBxB,SAAS,EAAElB,EAAE,CACX,wJAAwJ,EACxJI,QAAQ,CAAC4B,MAAM,CAAC;UACdC,GAAG,EAAE;QACP,CAAC,CAAC,EACFf,SACF,CAAE;QAAA,GACEY,KAAK;QAAAD,QAAA,gBAETd,IAAA,CAAAF,SAAA;UAAAgB,QAAA,EAAGA;QAAQ,CAAG,CAAC,eACfZ,KAAA,CAAChB,eAAe,CAACyB,KAAK;UACpBR,SAAS,EAAElB,EAAE,CACX,8DAA8D,EAC9DI,QAAQ,CAAC4B,MAAM,CAAC;YACdC,GAAG,EAAE;UACP,CAAC,CACH,CAAE;UACFU,OAAO,EAAE,EAAG;UAAAd,QAAA,gBAEZd,IAAA,CAACjB,IAAI;YACH8C,EAAE,EAAE1C,CAAE;YACNgB,SAAS,EAAElB,EAAE,CACX,gEACF;UAAE,CACH,CAAC,eACFe,IAAA,CAACV,IAAI;YAACa,SAAS,EAAC,SAAS;YAAAW,QAAA,EAAC;UAAK,CAAM,CAAC;QAAA,CACjB,CAAC;MAAA,CACD;IAAC,CACb;EAAC,CACJ,CAAC;AAEnB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASgB,YAAYA,CAAC;EAAE3B,SAAS;EAAE,GAAGY;AAAiB,CAAC,EAAE;EACxD,oBACEf,IAAA,CAACT,IAAI;IACHY,SAAS,EAAElB,EAAE,CAAC,8CAA8C,EAAEkB,SAAS,CAAE;IAAA,GACrEY;EAAK,CACV,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASgB,YAAYA,CAAC;EAAE5B,SAAS;EAAE,GAAGY;AAAiB,CAAC,EAAE;EACxD,oBACEf,IAAA,CAACT,IAAI;IACHY,SAAS,EAAElB,EAAE,CACX,wDAAwD,EACxDkB,SACF,CAAE;IAAA,GACEY;EAAK,CACV,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASiB,WAAWA,CAAC;EACnB7B,SAAS;EACT,GAAGY;AACuE,CAAC,EAAE;EAC7E,oBACEf,IAAA,CAACd,eAAe,CAAC+C,KAAK;IACpB9B,SAAS,EAAElB,EAAE,CACX,oDAAoD,EACpDkB,SACF,CAAE;IAAA,GACEY;EAAK,CACV,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASmB,iBAAiBA,CAAC;EACzB/B,SAAS;EACT,GAAGY;AAE+C,CAAC,EAAE;EACrD,oBACEf,IAAA,CAACd,eAAe,CAACiD,WAAW;IAC1BhC,SAAS,EAAElB,EAAE,CAAC,+BAA+B,EAAEkB,SAAS,CAAE;IAAA,GACtDY;EAAK,CACV,CAAC;AAEN;AAEA,SACEX,MAAM,EACNM,WAAW,EACXc,aAAa,EACbU,iBAAiB,EACjBH,YAAY,EACZD,YAAY,EACZjB,aAAa,EACbL,YAAY,EACZwB,WAAW,EACX1B,aAAa","ignoreList":[]}

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

@@ -0,0 +1,421 @@
+"use strict";
+
+import { Icon } from "./Icon.js";
+import { NativeOnlyAnimatedView } from "./Native-Only-Animated-View.js";
+import { TextClassContext } from "./Text.js";
+import { cn } from "../../lib/utils.js";
+import * as DropdownMenuPrimitive from '@rn-primitives/dropdown-menu';
+import { Check, ChevronDown, ChevronRight, ChevronUp } from 'lucide-react-native';
+import * as React from 'react';
+import { Platform, StyleSheet, Text, View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { FadeIn } from 'react-native-reanimated';
+import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+cssInterop(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 = DropdownMenuPrimitive.Root;
+
+/**
+ * Trigger component that opens the dropdown menu when pressed
+ *
+ * @component
+ */
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+
+/**
+ * Groups related menu items together
+ *
+ * @component
+ */
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+
+/**
+ * Portal component to render menu content outside the DOM hierarchy
+ *
+ * @component
+ */
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+
+/**
+ * Root component for nested submenu
+ *
+ * @component
+ */
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+
+/**
+ * Groups radio items together with single selection
+ *
+ * @component
+ */
+const 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 = Platform.OS === 'web' ? ChevronRight : open ? ChevronUp : ChevronDown;
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: cn('text-sm select-none group-active:text-accent-foreground', open && 'text-accent-foreground'),
+    children: /*#__PURE__*/_jsxs(DropdownMenuPrimitive.SubTrigger, {
+      className: cn('active:bg-accent group flex flex-row items-center rounded-sm px-2 py-2 sm:py-1.5', Platform.select({
+        web: 'focus:bg-accent focus:text-accent-foreground cursor-default outline-none [&_svg]:pointer-events-none'
+      }), open && 'bg-accent', inset && 'pl-8'),
+      ...props,
+      children: [/*#__PURE__*/_jsx(_Fragment, {
+        children: children
+      }), /*#__PURE__*/_jsx(Icon, {
+        as: icon,
+        className: 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__*/_jsx(NativeOnlyAnimatedView, {
+    entering: FadeIn,
+    children: /*#__PURE__*/_jsx(DropdownMenuPrimitive.SubContent, {
+      className: cn('bg-popover border-border overflow-hidden rounded-md border p-1 shadow-lg shadow-black/5', Platform.select({
+        web: 'animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fade-in-0 data-[state=closed]:zoom-out-95 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-context-menu-content-transform-origin) z-50 min-w-[8rem]'
+      }), className),
+      ...props
+    })
+  });
+}
+
+/**
+ * Full window overlay wrapper for iOS, Fragment for other platforms
+ */
+const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : 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__*/_jsx(DropdownMenuPrimitive.Portal, {
+    hostName: portalHost,
+    children: /*#__PURE__*/_jsx(FullWindowOverlay, {
+      children: /*#__PURE__*/_jsx(DropdownMenuPrimitive.Overlay, {
+        style: Platform.select({
+          web: overlayStyle ?? undefined,
+          native: overlayStyle ? StyleSheet.flatten([StyleSheet.absoluteFill, overlayStyle]) : StyleSheet.absoluteFill
+        }),
+        className: overlayClassName,
+        children: /*#__PURE__*/_jsx(NativeOnlyAnimatedView, {
+          entering: FadeIn,
+          children: /*#__PURE__*/_jsx(TextClassContext.Provider, {
+            value: "text-popover-foreground",
+            children: /*#__PURE__*/_jsx(DropdownMenuPrimitive.Content, {
+              className: cn('bg-popover border-border min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg shadow-black/5', Platform.select({
+                web: cn('animate-in fade-in-0 zoom-in-95 max-h-(--radix-context-menu-content-available-height) origin-(--radix-context-menu-content-transform-origin) z-50 cursor-default', props.side === 'bottom' && 'slide-in-from-top-2', props.side === 'top' && 'slide-in-from-bottom-2')
+              }), className),
+              ...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__*/_jsx(TextClassContext.Provider, {
+    value: cn('select-none text-sm text-popover-foreground group-active:text-popover-foreground', variant === 'destructive' && 'text-destructive group-active:text-destructive'),
+    children: /*#__PURE__*/_jsx(DropdownMenuPrimitive.Item, {
+      className: cn('active:bg-accent group relative flex flex-row items-center gap-2 rounded-sm px-2 py-2 sm:py-1.5', Platform.select({
+        web: cn('focus:bg-accent focus:text-accent-foreground cursor-default outline-none data-[disabled]:pointer-events-none', variant === 'destructive' && 'focus:bg-destructive/10 dark:focus:bg-destructive/20')
+      }), variant === 'destructive' && 'active:bg-destructive/10 dark:active:bg-destructive/20', props.disabled && 'opacity-50', inset && 'pl-8', className),
+      ...props
+    })
+  });
+}
+
+/**
+ * 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__*/_jsx(TextClassContext.Provider, {
+    value: "text-sm text-popover-foreground select-none group-active:text-accent-foreground",
+    children: /*#__PURE__*/_jsxs(DropdownMenuPrimitive.CheckboxItem, {
+      className: cn('active:bg-accent group relative flex flex-row items-center gap-2 rounded-sm py-2 pl-8 pr-2 sm:py-1.5', Platform.select({
+        web: 'focus:bg-accent focus:text-accent-foreground cursor-default outline-none data-[disabled]:pointer-events-none'
+      }), props.disabled && 'opacity-50', className),
+      ...props,
+      children: [/*#__PURE__*/_jsx(View, {
+        className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+        children: /*#__PURE__*/_jsx(DropdownMenuPrimitive.ItemIndicator, {
+          children: /*#__PURE__*/_jsx(Icon, {
+            as: Check,
+            className: cn('text-foreground size-4', Platform.select({
+              web: 'pointer-events-none'
+            }))
+          })
+        })
+      }), /*#__PURE__*/_jsx(_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__*/_jsx(TextClassContext.Provider, {
+    value: "text-sm text-popover-foreground select-none group-active:text-accent-foreground",
+    children: /*#__PURE__*/_jsxs(DropdownMenuPrimitive.RadioItem, {
+      className: cn('active:bg-accent group relative flex flex-row items-center gap-2 rounded-sm py-2 pl-8 pr-2 sm:py-1.5', Platform.select({
+        web: 'focus:bg-accent focus:text-accent-foreground cursor-default outline-none data-[disabled]:pointer-events-none'
+      }), props.disabled && 'opacity-50', className),
+      ...props,
+      children: [/*#__PURE__*/_jsx(View, {
+        className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+        children: /*#__PURE__*/_jsx(DropdownMenuPrimitive.ItemIndicator, {
+          children: /*#__PURE__*/_jsx(View, {
+            className: "bg-foreground h-2 w-2 rounded-full"
+          })
+        })
+      }), /*#__PURE__*/_jsx(_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__*/_jsx(DropdownMenuPrimitive.Label, {
+    className: 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__*/_jsx(DropdownMenuPrimitive.Separator, {
+    className: 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__*/_jsx(Text, {
+    className: cn('text-muted-foreground ml-auto text-xs tracking-widest', className),
+    ...props
+  });
+}
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+//# sourceMappingURL=Dropdown-Menu.js.map

package/lib/module/components/ui/Dropdown-Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Icon","NativeOnlyAnimatedView","TextClassContext","cn","DropdownMenuPrimitive","Check","ChevronDown","ChevronRight","ChevronUp","React","Platform","StyleSheet","Text","View","cssInterop","FadeIn","FullWindowOverlay","RNFullWindowOverlay","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","className","DropdownMenu","Root","DropdownMenuTrigger","Trigger","DropdownMenuGroup","Group","DropdownMenuPortal","Portal","DropdownMenuSub","Sub","DropdownMenuRadioGroup","RadioGroup","DropdownMenuSubTrigger","_className","inset","children","iconClassName","props","open","useSubContext","icon","OS","Provider","value","SubTrigger","select","web","as","DropdownMenuSubContent","entering","SubContent","DropdownMenuContent","overlayClassName","overlayStyle","portalHost","hostName","Overlay","style","undefined","native","flatten","absoluteFill","Content","side","DropdownMenuItem","variant","Item","disabled","DropdownMenuCheckboxItem","CheckboxItem","ItemIndicator","DropdownMenuRadioItem","RadioItem","DropdownMenuLabel","Label","DropdownMenuSeparator","Separator","DropdownMenuShortcut"],"sourceRoot":"../../../../src","sources":["components/ui/Dropdown-Menu.tsx"],"mappings":"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","ignoreList":[]}