@campxdev/react-native-blueprint 0.1.0

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

@@ -0,0 +1,74 @@
+"use strict";
+
+import { cn } from "../../lib/utils.js";
+import { Platform, TextInput } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { jsx as _jsx } from "react/jsx-runtime";
+cssInterop(TextInput, {
+  className: 'style'
+});
+
+/**
+ * Props for Input component
+ *
+ * @extends TextInputProps - All standard React Native TextInput props
+ * @property {string} [className] - Additional Tailwind classes for custom styling
+ * @property {boolean} [editable=true] - Whether the input is editable (disabled when false)
+ */
+
+/**
+ * A styled text input component with consistent design across platforms
+ *
+ * Features platform-specific behaviors:
+ * - Web: Focus ring, selection styling, aria-invalid support
+ * - Native: Optimized placeholder opacity and input styling
+ *
+ * Automatically adapts styling when disabled/non-editable.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic input
+ * <Input
+ *   placeholder="Enter your name"
+ *   value={name}
+ *   onChangeText={setName}
+ * />
+ *
+ * // Disabled input
+ * <Input
+ *   value="Read only"
+ *   editable={false}
+ * />
+ *
+ * // With custom styling
+ * <Input
+ *   className="border-primary"
+ *   placeholder="Search..."
+ * />
+ * ```
+ *
+ * @accessibility
+ * - Supports aria-invalid for form validation states (web)
+ * - Placeholder text uses appropriate contrast colors
+ * - Disabled state is visually indicated with opacity
+ */
+function Input({
+  className,
+  editable = true,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(TextInput, {
+    className: cn('bg-background dark:bg-background border-input dark:border-input text-foreground dark:text-foreground flex h-10 w-full min-w-0 flex-row items-center rounded-md border px-3 py-1 text-base leading-5 shadow-sm shadow-black/5 dark:shadow-white/5 sm:h-9', !editable && cn('opacity-50', Platform.select({
+      web: 'disabled:pointer-events-none disabled:cursor-not-allowed'
+    })), Platform.select({
+      web: cn('placeholder:text-muted-foreground dark:placeholder:text-muted-foreground selection:bg-primary dark:selection:bg-primary selection:text-primary-foreground dark:selection:text-primary-foreground outline-none transition-[color,box-shadow] md:text-sm', 'focus-visible:border-ring dark:focus-visible:border-ring focus-visible:ring-ring/50 dark:focus-visible:ring-ring/50 focus-visible:ring-[3px]', 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive'),
+      native: 'placeholder:text-muted-foreground/50 dark:placeholder:text-muted-foreground/50'
+    }), className),
+    placeholderTextColor: undefined,
+    editable: editable,
+    ...props
+  });
+}
+export { Input };
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cn","Platform","TextInput","cssInterop","jsx","_jsx","className","Input","editable","props","select","web","native","placeholderTextColor","undefined"],"sourceRoot":"../../../../src","sources":["components/ui/Input.tsx"],"mappings":";;AAAA,SAASA,EAAE,QAAQ,oBAAiB;AACpC,SAASC,QAAQ,EAAEC,SAAS,QAA6B,cAAc;AACvE,SAASC,UAAU,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExCF,UAAU,CAACD,SAAS,EAAE;EAAEI,SAAS,EAAE;AAAQ,CAAC,CAAC;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,KAAKA,CAAC;EACbD,SAAS;EACTE,QAAQ,GAAG,IAAI;EACf,GAAGC;AACwC,CAAC,EAAE;EAC9C,oBACEJ,IAAA,CAACH,SAAS;IACRI,SAAS,EAAEN,EAAE,CACX,yPAAyP,EACzP,CAACQ,QAAQ,IACPR,EAAE,CACA,YAAY,EACZC,QAAQ,CAACS,MAAM,CAAC;MACdC,GAAG,EAAE;IACP,CAAC,CACH,CAAC,EACHV,QAAQ,CAACS,MAAM,CAAC;MACdC,GAAG,EAAEX,EAAE,CACL,wPAAwP,EACxP,8IAA8I,EAC9I,6IACF,CAAC;MACDY,MAAM,EACJ;IACJ,CAAC,CAAC,EACFN,SACF,CAAE;IACFO,oBAAoB,EAAEC,SAAU;IAChCN,QAAQ,EAAEA,QAAS;IAAA,GACfC;EAAK,CACV,CAAC;AAEN;AAEA,SAASF,KAAK","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+import * as React from 'react';
+import { cn } from "../../lib/utils.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Accessible label component for form controls
+ *
+ * Provides semantic labeling for form inputs with proper styling and accessibility support.
+ * Automatically associates with form controls and respects disabled states.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Label with input
+ * <View className="gap-2">
+ *   <Label htmlFor="email">Email Address</Label>
+ *   <Input id="email" placeholder="Enter email" />
+ * </View>
+ *
+ * // Label for checkbox
+ * <View className="flex-row items-center gap-2">
+ *   <Checkbox id="terms" />
+ *   <Label htmlFor="terms">I agree to the terms and conditions</Label>
+ * </View>
+ * ```
+ *
+ * @accessibility
+ * - Properly associates with form controls via htmlFor/id
+ * - Reduced opacity when associated control is disabled
+ * - Screen reader compatible
+ */
+const Label = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Text, {
+  className: cn('text-sm native:text-base font-medium leading-none text-foreground dark:text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70', className),
+  ref: ref,
+  ...props
+}));
+Label.displayName = 'Label';
+export { Label };
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Text","jsx","_jsx","Label","forwardRef","className","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/ui/Label.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,QAAQ,oBAAiB;AACpC,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9B;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,KAAK,gBAAGL,KAAK,CAACM,UAAU,CAG5B,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC7BL,IAAA,CAACF,IAAI;EACHK,SAAS,EAAEN,EAAE,CACX,kJAAkJ,EAClJM,SACF,CAAE;EACFE,GAAG,EAAEA,GAAI;EAAA,GACLD;AAAK,CACV,CACF,CAAC;AACFH,KAAK,CAACK,WAAW,GAAG,OAAO;AAE3B,SAASL,KAAK","ignoreList":[]}

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

@@ -0,0 +1,375 @@
+"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 MenubarPrimitive from '@rn-primitives/menubar';
+import { Portal } from '@rn-primitives/portal';
+import { Check, ChevronDown, ChevronRight, ChevronUp } from 'lucide-react-native';
+import * as React from 'react';
+import { Platform, Pressable, 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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+cssInterop(Text, {
+  className: 'style'
+});
+cssInterop(Pressable, {
+  className: 'style'
+});
+
+/**
+ * Individual menu within the menubar
+ *
+ * @component
+ */
+const MenubarMenu = MenubarPrimitive.Menu;
+
+/**
+ * Groups related menu items together
+ *
+ * @component
+ */
+const MenubarGroup = MenubarPrimitive.Group;
+
+/**
+ * Portal component to render menu content outside the DOM hierarchy
+ *
+ * @component
+ */
+const MenubarPortal = MenubarPrimitive.Portal;
+
+/**
+ * Root component for nested submenu
+ *
+ * @component
+ */
+const MenubarSub = MenubarPrimitive.Sub;
+
+/**
+ * Groups radio items together with single selection
+ *
+ * @component
+ */
+const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+
+/**
+ * Full window overlay wrapper for iOS, Fragment for other platforms
+ */
+const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;
+
+/**
+ * Root menubar component for application-level menu navigation
+ *
+ * Provides horizontal menu bar similar to desktop applications, with support
+ * for nested menus and automatic close on outside press.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Menubar>
+ *   <MenubarMenu>
+ *     <MenubarTrigger>
+ *       <Text>File</Text>
+ *     </MenubarTrigger>
+ *     <MenubarContent>
+ *       <MenubarItem>
+ *         <Text>New File</Text>
+ *       </MenubarItem>
+ *       <MenubarItem>
+ *         <Text>Open</Text>
+ *       </MenubarItem>
+ *     </MenubarContent>
+ *   </MenubarMenu>
+ * </Menubar>
+ * ```
+ *
+ * @accessibility
+ * - Keyboard navigation support
+ * - Proper ARIA attributes for menu structure
+ */
+function Menubar({
+  className,
+  value: valueProp,
+  onValueChange: onValueChangeProp,
+  ...props
+}) {
+  const id = React.useId();
+  const [value, setValue] = React.useState(undefined);
+  function closeMenu() {
+    if (onValueChangeProp) {
+      onValueChangeProp(undefined);
+      return;
+    }
+    setValue(undefined);
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [Platform.OS !== 'web' && (value || valueProp) ? /*#__PURE__*/_jsx(Portal, {
+      name: `menubar-overlay-${id}`,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        onPress: closeMenu,
+        style: StyleSheet.absoluteFill
+      })
+    }) : null, /*#__PURE__*/_jsx(MenubarPrimitive.Root, {
+      className: cn('bg-background border-border flex h-10 flex-row items-center gap-1 rounded-md border p-1 shadow-sm shadow-black/5 sm:h-9', className),
+      value: value ?? valueProp,
+      onValueChange: onValueChangeProp ?? setValue,
+      ...props
+    })]
+  });
+}
+
+/**
+ * Trigger button for a menubar menu
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <MenubarTrigger>
+ *   <Text>Edit</Text>
+ * </MenubarTrigger>
+ * ```
+ */
+function MenubarTrigger({
+  className,
+  ...props
+}) {
+  const {
+    value
+  } = MenubarPrimitive.useRootContext();
+  const {
+    value: itemValue
+  } = MenubarPrimitive.useMenuContext();
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: cn('text-sm font-medium select-none group-active:text-accent-foreground', value === itemValue && 'text-accent-foreground'),
+    children: /*#__PURE__*/_jsx(MenubarPrimitive.Trigger, {
+      className: cn('group flex items-center rounded-md px-2 py-1.5 sm:py-1', Platform.select({
+        web: 'focus:bg-accent focus:text-accent-foreground cursor-default outline-none'
+      }), value === itemValue && 'bg-accent', className),
+      ...props
+    })
+  });
+}
+
+/**
+ * Trigger for opening a nested submenu
+ * @component
+ */
+function MenubarSubTrigger({
+  className: _className,
+  inset,
+  children,
+  iconClassName,
+  ...props
+}) {
+  const {
+    open
+  } = MenubarPrimitive.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(MenubarPrimitive.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
+ */
+function MenubarSubContent({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(NativeOnlyAnimatedView, {
+    entering: FadeIn,
+    children: /*#__PURE__*/_jsx(MenubarPrimitive.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
+    })
+  });
+}
+
+/**
+ * Main content container for menu items
+ * @component
+ */
+function MenubarContent({
+  className,
+  overlayClassName: _overlayClassName,
+  overlayStyle: _overlayStyle,
+  portalHost,
+  align = 'start',
+  alignOffset = -4,
+  sideOffset = 8,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(MenubarPrimitive.Portal, {
+    hostName: portalHost,
+    children: /*#__PURE__*/_jsx(FullWindowOverlay, {
+      children: /*#__PURE__*/_jsx(NativeOnlyAnimatedView, {
+        entering: FadeIn,
+        style: StyleSheet.absoluteFill,
+        pointerEvents: "box-none",
+        children: /*#__PURE__*/_jsx(TextClassContext.Provider, {
+          value: "text-popover-foreground",
+          children: /*#__PURE__*/_jsx(MenubarPrimitive.Content, {
+            className: cn('bg-popover border-border min-w-[12rem] 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),
+            align: align,
+            alignOffset: alignOffset,
+            sideOffset: sideOffset,
+            ...props
+          })
+        })
+      })
+    })
+  });
+}
+
+/**
+ * Individual menu item component
+ * @component
+ */
+function MenubarItem({
+  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(MenubarPrimitive.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
+ * @component
+ */
+function MenubarCheckboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: "text-sm text-popover-foreground select-none group-active:text-accent-foreground",
+    children: /*#__PURE__*/_jsxs(MenubarPrimitive.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(MenubarPrimitive.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
+ * @component
+ */
+function MenubarRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: "text-sm text-popover-foreground select-none group-active:text-accent-foreground",
+    children: /*#__PURE__*/_jsxs(MenubarPrimitive.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(MenubarPrimitive.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
+ */
+function MenubarLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(MenubarPrimitive.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
+ */
+function MenubarSeparator({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(MenubarPrimitive.Separator, {
+    className: cn('bg-border -mx-1 my-1 h-px', className),
+    ...props
+  });
+}
+
+/**
+ * Displays keyboard shortcut hint for menu items
+ * @component
+ */
+function MenubarShortcut({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    className: cn('text-muted-foreground ml-auto text-xs tracking-widest', className),
+    ...props
+  });
+}
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+//# sourceMappingURL=Menubar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Icon","NativeOnlyAnimatedView","TextClassContext","cn","MenubarPrimitive","Portal","Check","ChevronDown","ChevronRight","ChevronUp","React","Platform","Pressable","StyleSheet","Text","View","cssInterop","FadeIn","FullWindowOverlay","RNFullWindowOverlay","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","className","MenubarMenu","Menu","MenubarGroup","Group","MenubarPortal","MenubarSub","Sub","MenubarRadioGroup","RadioGroup","OS","Menubar","value","valueProp","onValueChange","onValueChangeProp","props","id","useId","setValue","useState","undefined","closeMenu","children","name","onPress","style","absoluteFill","Root","MenubarTrigger","useRootContext","itemValue","useMenuContext","Provider","Trigger","select","web","MenubarSubTrigger","_className","inset","iconClassName","open","useSubContext","icon","SubTrigger","as","MenubarSubContent","entering","SubContent","MenubarContent","overlayClassName","_overlayClassName","overlayStyle","_overlayStyle","portalHost","align","alignOffset","sideOffset","hostName","pointerEvents","Content","side","MenubarItem","variant","Item","disabled","MenubarCheckboxItem","CheckboxItem","ItemIndicator","MenubarRadioItem","RadioItem","MenubarLabel","Label","MenubarSeparator","Separator","MenubarShortcut"],"sourceRoot":"../../../../src","sources":["components/ui/Menubar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ui/Native-Only-Animated-View.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import Animated from 'react-native-reanimated';
+
+/**
+ * Platform-conditional animated view component
+ *
+ * Renders an Animated.View on native platforms (iOS/Android) and a React Fragment
+ * on web. This utility helps maintain consistent animation APIs across platforms
+ * while avoiding web-incompatible animations.
+ *
+ * Used internally by other components like Dialog, Popover, Tooltip, etc. to provide
+ * smooth entrance/exit animations on native while gracefully degrading to no animation
+ * on web where certain Reanimated features are not supported.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <NativeOnlyAnimatedView entering={FadeIn} exiting={FadeOut}>
+ *   <View><Text>Animated content on native, static on web</Text></View>
+ * </NativeOnlyAnimatedView>
+ * ```
+ *
+ * @platform iOS, Android - Full animation support
+ * @platform web - Renders as Fragment without animations
+ */
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+function NativeOnlyAnimatedView(props) {
+  if (Platform.OS === 'web') {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: props.children
+    });
+  } else {
+    return /*#__PURE__*/_jsx(Animated.View, {
+      ...props
+    });
+  }
+}
+export { NativeOnlyAnimatedView };
+//# sourceMappingURL=Native-Only-Animated-View.js.map

package/lib/module/components/ui/Native-Only-Animated-View.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","Animated","Fragment","_Fragment","jsx","_jsx","NativeOnlyAnimatedView","props","OS","children","View"],"sourceRoot":"../../../../src","sources":["components/ui/Native-Only-Animated-View.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,OAAOC,QAAQ,MAAM,yBAAyB;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArBA,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAsBA,SAASC,sBAAsBA,CAC7BC,KACoC,EACpC;EACA,IAAIP,QAAQ,CAACQ,EAAE,KAAK,KAAK,EAAE;IACzB,oBAAOH,IAAA,CAAAF,SAAA;MAAAM,QAAA,EAAGF,KAAK,CAACE;IAAQ,CAAsB,CAAC;EACjD,CAAC,MAAM;IACL,oBAAOJ,IAAA,CAACJ,QAAQ,CAACS,IAAI;MAAA,GAAKH;IAAK,CAAG,CAAC;EACrC;AACF;AAEA,SAASD,sBAAsB","ignoreList":[]}