@campxdev/react-native-blueprint 0.1.9 → 0.1.11

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

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
+var AccordionPrimitive = _interopRequireWildcard(require("@rn-primitives/accordion"));
+var _lucideReactNative = require("lucide-react-native");
+var _nativewind = require("nativewind");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _utils = require("../../lib/utils");
+var _Icon = require("./Icon");
+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); }
+(0, _nativewind.cssInterop)(_reactNative.View, {
+  className: 'style'
+});
+(0, _nativewind.cssInterop)(_reactNative.Pressable, {
+  className: 'style'
+});
+
+/**
+ * Root accordion container with smooth animations
+ *
+ * A vertically stacked set of interactive panels where only one or multiple panels can be expanded at a time.
+ * Features smooth layout animations using Reanimated for a polished user experience.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Single selection
+ * <Accordion type="single" collapsible defaultValue="item-1">
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger>
+ *       <Text>Question 1</Text>
+ *     </AccordionTrigger>
+ *     <AccordionContent>
+ *       <Text>Answer 1</Text>
+ *     </AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ *
+ * // Multiple selection
+ * <Accordion type="multiple">
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger><Text>Section 1</Text></AccordionTrigger>
+ *     <AccordionContent><Text>Content 1</Text></AccordionContent>
+ *   </AccordionItem>
+ *   <AccordionItem value="item-2">
+ *     <AccordionTrigger><Text>Section 2</Text></AccordionTrigger>
+ *     <AccordionContent><Text>Content 2</Text></AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ *
+ * @accessibility
+ * - Implements WAI-ARIA accordion pattern
+ * - Keyboard navigation with arrow keys and Enter/Space
+ * - Proper ARIA attributes for expanded/collapsed states
+ */
+function Accordion({
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.LayoutAnimationConfig, {
+    skipEntering: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionPrimitive.Root, {
+      ...props,
+      asChild: _reactNative.Platform.OS !== 'web',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        layout: _reactNativeReanimated.LinearTransition.duration(200),
+        children: children
+      })
+    })
+  });
+}
+
+/**
+ * Individual accordion item with border styling
+ *
+ * Contains a trigger and content section. Each item must have a unique value prop
+ * for identification within the parent Accordion.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AccordionItem value="item-1">
+ *   <AccordionTrigger>
+ *     <Text>Click to expand</Text>
+ *   </AccordionTrigger>
+ *   <AccordionContent>
+ *     <Text>Hidden content revealed on expansion</Text>
+ *   </AccordionContent>
+ * </AccordionItem>
+ * ```
+ */
+function AccordionItem({
+  children,
+  className,
+  value,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionPrimitive.Item, {
+    className: (0, _utils.cn)('border-border border-b', _reactNative.Platform.select({
+      web: 'last:border-b-0'
+    }), className),
+    value: value,
+    asChild: true,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      className: "native:overflow-hidden",
+      layout: _reactNative.Platform.select({
+        native: _reactNativeReanimated.LinearTransition.duration(200)
+      }),
+      children: children
+    })
+  });
+}
+const Trigger = _reactNative.Platform.OS === 'web' ? _reactNative.View : _reactNative.Pressable;
+
+/**
+ * Clickable trigger button that toggles accordion item expansion
+ *
+ * Features an animated chevron icon that rotates based on expansion state.
+ * Automatically manages focus states and hover effects on web.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AccordionTrigger>
+ *   <Text>Click to toggle</Text>
+ * </AccordionTrigger>
+ * ```
+ *
+ * @accessibility
+ * - Automatically includes chevron icon for visual expansion indicator
+ * - Focus visible states for keyboard navigation on web
+ * - Disabled state prevents interaction
+ */
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  const {
+    isExpanded
+  } = AccordionPrimitive.useItemContext();
+  const progress = (0, _reactNativeReanimated.useDerivedValue)(() => isExpanded ? (0, _reactNativeReanimated.withTiming)(1, {
+    duration: 250
+  }) : (0, _reactNativeReanimated.withTiming)(0, {
+    duration: 200
+  }), [isExpanded]);
+  const chevronStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      rotate: `${progress.value * 180}deg`
+    }]
+  }), [progress]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: (0, _utils.cn)('text-foreground text-left text-sm font-medium', _reactNative.Platform.select({
+      web: 'group-hover:underline'
+    })),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionPrimitive.Header, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionPrimitive.Trigger, {
+        ...props,
+        asChild: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Trigger, {
+          className: (0, _utils.cn)('flex-row items-start justify-between gap-4 rounded-md py-4 disabled:opacity-50', _reactNative.Platform.select({
+            web: 'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 outline-none transition-all hover:underline focus-visible:ring-[3px] disabled:pointer-events-none [&[data-state=open]>svg]:rotate-180'
+          }), className),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: children
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+            style: chevronStyle,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+              as: _lucideReactNative.ChevronDown,
+              size: 16,
+              className: (0, _utils.cn)('text-muted-foreground shrink-0', _reactNative.Platform.select({
+                web: 'pointer-events-none translate-y-0.5 transition-transform duration-200'
+              }))
+            })
+          })]
+        })
+      })
+    })
+  });
+}
+
+/**
+ * Collapsible content container with smooth animations
+ *
+ * Automatically animates height changes when expanding/collapsing. Uses platform-specific
+ * animations (CSS transitions on web, Reanimated on native).
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AccordionContent>
+ *   <Text>This content slides in and out smoothly</Text>
+ *   <View className="mt-2">
+ *     <Text>Additional content here</Text>
+ *   </View>
+ * </AccordionContent>
+ * ```
+ */
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  const {
+    isExpanded
+  } = AccordionPrimitive.useItemContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: "text-foreground text-sm",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionPrimitive.Content, {
+      className: (0, _utils.cn)('overflow-hidden', _reactNative.Platform.select({
+        web: isExpanded ? 'animate-accordion-down' : 'animate-accordion-up'
+      })),
+      ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        exiting: _reactNative.Platform.select({
+          native: _reactNativeReanimated.FadeOutUp.duration(200)
+        }),
+        className: (0, _utils.cn)('pb-4', className),
+        children: children
+      })
+    })
+  });
+}
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AccordionPrimitive","_interopRequireWildcard","require","_lucideReactNative","_nativewind","_reactNative","_reactNativeReanimated","_utils","_Icon","_Text","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","cssInterop","View","className","Pressable","Accordion","children","props","jsx","LayoutAnimationConfig","skipEntering","Root","asChild","Platform","OS","layout","LinearTransition","duration","AccordionItem","value","Item","cn","select","web","native","Trigger","AccordionTrigger","isExpanded","useItemContext","progress","useDerivedValue","withTiming","chevronStyle","useAnimatedStyle","transform","rotate","TextClassContext","Provider","Header","jsxs","Fragment","style","Icon","as","ChevronDown","size","AccordionContent","Content","exiting","FadeOutUp"],"sourceRoot":"../../../../src","sources":["components/ui/Accordion.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,280 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertDialog = void 0;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = void 0;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = void 0;
+var _Button = require("./Button");
+var _NativeOnlyAnimatedView = require("./Native-Only-Animated-View");
+var _Text = require("./Text");
+var _utils = require("../../lib/utils");
+var AlertDialogPrimitive = _interopRequireWildcard(require("@rn-primitives/alert-dialog"));
+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'
+});
+
+/**
+ * Root alert dialog container
+ *
+ * A modal dialog that interrupts the user with important content and expects a response.
+ * Use for critical actions that require user confirmation before proceeding.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialog>
+ *   <AlertDialogTrigger asChild>
+ *     <Button variant="destructive"><Text>Delete Account</Text></Button>
+ *   </AlertDialogTrigger>
+ *   <AlertDialogContent>
+ *     <AlertDialogHeader>
+ *       <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
+ *       <AlertDialogDescription>
+ *         This action cannot be undone.
+ *       </AlertDialogDescription>
+ *     </AlertDialogHeader>
+ *     <AlertDialogFooter>
+ *       <AlertDialogCancel><Text>Cancel</Text></AlertDialogCancel>
+ *       <AlertDialogAction><Text>Continue</Text></AlertDialogAction>
+ *     </AlertDialogFooter>
+ *   </AlertDialogContent>
+ * </AlertDialog>
+ * ```
+ *
+ * @accessibility
+ * - Traps focus within dialog when open
+ * - Closes on Escape key press
+ * - Returns focus to trigger on close
+ * - Uses appropriate ARIA attributes
+ */
+const AlertDialog = exports.AlertDialog = AlertDialogPrimitive.Root;
+
+/**
+ * Trigger button that opens the alert dialog
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialogTrigger asChild>
+ *   <Button><Text>Open Dialog</Text></Button>
+ * </AlertDialogTrigger>
+ * ```
+ */
+const AlertDialogTrigger = exports.AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+
+/**
+ * Portal component for rendering dialog content outside the DOM hierarchy
+ */
+const AlertDialogPortal = exports.AlertDialogPortal = AlertDialogPrimitive.Portal;
+const FullWindowOverlay = _reactNative.Platform.OS === 'ios' ? _reactNativeScreens.FullWindowOverlay : React.Fragment;
+
+/**
+ * Semi-transparent overlay behind the alert dialog
+ *
+ * Provides backdrop that dims background content and handles click-outside behavior.
+ * Uses platform-specific full window overlay on iOS for proper z-index layering.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialogOverlay>
+ *   <AlertDialogContent>...</AlertDialogContent>
+ * </AlertDialogOverlay>
+ * ```
+ */
+function AlertDialogOverlay({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FullWindowOverlay, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertDialogPrimitive.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'
+      }), className),
+      ...props,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NativeOnlyAnimatedView.NativeOnlyAnimatedView, {
+        entering: _reactNativeReanimated.FadeIn.duration(200).delay(50),
+        exiting: _reactNativeReanimated.FadeOut.duration(150),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: children
+        })
+      })
+    })
+  });
+}
+
+/**
+ * Main alert dialog content container
+ *
+ * Contains the dialog's title, description, and action buttons. Automatically centered
+ * on screen with smooth entrance animations.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialogContent>
+ *   <AlertDialogHeader>
+ *     <AlertDialogTitle>Confirm Action</AlertDialogTitle>
+ *     <AlertDialogDescription>Description here</AlertDialogDescription>
+ *   </AlertDialogHeader>
+ *   <AlertDialogFooter>
+ *     <AlertDialogCancel><Text>Cancel</Text></AlertDialogCancel>
+ *     <AlertDialogAction><Text>Continue</Text></AlertDialogAction>
+ *   </AlertDialogFooter>
+ * </AlertDialogContent>
+ * ```
+ */
+function AlertDialogContent({
+  className,
+  portalHost,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertDialogPortal, {
+    hostName: portalHost,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertDialogOverlay, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertDialogPrimitive.Content, {
+        className: (0, _utils.cn)('bg-background border-border z-50 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
+      })
+    })
+  });
+}
+
+/**
+ * Header section for alert dialog content
+ *
+ * Groups the title and description with proper spacing and text alignment.
+ *
+ * @component
+ */
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: "text-center sm:text-left",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+      className: (0, _utils.cn)('flex flex-col gap-2', className),
+      ...props
+    })
+  });
+}
+
+/**
+ * Footer section for alert dialog action buttons
+ *
+ * Contains cancel and action buttons with responsive layout (stacked on mobile, row on desktop).
+ *
+ * @component
+ */
+function AlertDialogFooter({
+  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
+  });
+}
+
+/**
+ * Title text for the alert dialog
+ *
+ * Prominently displays the main heading with large, semibold text.
+ *
+ * @component
+ */
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertDialogPrimitive.Title, {
+    className: (0, _utils.cn)('text-foreground text-lg font-semibold', className),
+    ...props
+  });
+}
+
+/**
+ * Description text for the alert dialog
+ *
+ * Provides additional context below the title with muted styling.
+ *
+ * @component
+ */
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertDialogPrimitive.Description, {
+    className: (0, _utils.cn)('text-muted-foreground text-sm', className),
+    ...props
+  });
+}
+
+/**
+ * Primary action button that confirms the alert dialog action
+ *
+ * Styled as a primary button. Automatically closes dialog on press.
+ *
+ * @component
+ */
+function AlertDialogAction({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: (0, _Button.buttonTextVariants)({
+      className
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertDialogPrimitive.Action, {
+      className: (0, _utils.cn)((0, _Button.buttonVariants)(), className),
+      ...props
+    })
+  });
+}
+
+/**
+ * Cancel button that dismisses the alert dialog
+ *
+ * Styled as an outline button. Automatically closes dialog on press without performing action.
+ *
+ * @component
+ */
+function AlertDialogCancel({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: (0, _Button.buttonTextVariants)({
+      className,
+      variant: 'outline'
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertDialogPrimitive.Cancel, {
+      className: (0, _utils.cn)((0, _Button.buttonVariants)({
+        variant: 'outline'
+      }), className),
+      ...props
+    })
+  });
+}
+//# sourceMappingURL=Alert-Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Button","require","_NativeOnlyAnimatedView","_Text","_utils","AlertDialogPrimitive","_interopRequireWildcard","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","AlertDialog","exports","Root","AlertDialogTrigger","Trigger","AlertDialogPortal","Portal","FullWindowOverlay","Platform","OS","RNFullWindowOverlay","Fragment","AlertDialogOverlay","children","props","jsx","Overlay","cn","select","web","NativeOnlyAnimatedView","entering","FadeIn","duration","delay","exiting","FadeOut","AlertDialogContent","portalHost","hostName","Content","AlertDialogHeader","TextClassContext","Provider","value","AlertDialogFooter","AlertDialogTitle","Title","AlertDialogDescription","Description","AlertDialogAction","buttonTextVariants","Action","buttonVariants","AlertDialogCancel","variant","Cancel"],"sourceRoot":"../../../../src","sources":["components/ui/Alert-Dialog.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertTitle = AlertTitle;
+var _Icon = require("./Icon");
+var _Text = require("./Text");
+var _utils = require("../../lib/utils");
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _nativewind = require("nativewind");
+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'
+});
+
+/**
+ * Alert component for displaying important messages or notifications
+ *
+ * Features an icon on the left side with title and description.
+ * Supports default and destructive variants for different severity levels.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Alert icon={AlertCircle} variant="default">
+ *   <AlertTitle><Text>Heads up!</Text></AlertTitle>
+ *   <AlertDescription>
+ *     <Text>You can add components to your app using the cli.</Text>
+ *   </AlertDescription>
+ * </Alert>
+ *
+ * // Destructive variant
+ * <Alert icon={AlertTriangle} variant="destructive">
+ *   <AlertTitle><Text>Error</Text></AlertTitle>
+ *   <AlertDescription>
+ *     <Text>Your session has expired. Please login again.</Text>
+ *   </AlertDescription>
+ * </Alert>
+ * ```
+ *
+ * @param {LucideIcon} icon - Icon component to display
+ * @param {'default' | 'destructive'} [variant='default'] - Alert style variant
+ * @param {string} [iconClassName] - Additional classes for the icon
+ * @param {string} [className] - Additional classes for the container
+ *
+ * @accessibility Sets role="alert" for screen reader announcement
+ */
+function Alert({
+  className,
+  variant,
+  children,
+  icon,
+  iconClassName,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: (0, _utils.cn)('text-sm text-foreground dark:text-foreground', variant === 'destructive' && 'text-destructive dark:text-destructive', className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(View, {
+      role: "alert",
+      className: (0, _utils.cn)('bg-card dark:bg-card border-border dark:border-border relative w-full rounded-lg border px-4 pb-2 pt-3.5', className),
+      ...props,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+        className: "absolute left-3.5 top-3",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          as: icon,
+          className: (0, _utils.cn)('size-4 text-foreground dark:text-foreground', variant === 'destructive' && 'text-destructive dark:text-destructive', iconClassName)
+        })
+      }), children]
+    })
+  });
+}
+
+/**
+ * AlertTitle - Title text for the alert
+ *
+ * Displays as a medium-weight heading with appropriate spacing from the icon.
+ *
+ * @param {string} [className] - Additional Tailwind classes
+ */
+function AlertTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    className: (0, _utils.cn)('mb-1 ml-0.5 min-h-4 pl-6 font-medium leading-none tracking-tight', className),
+    ...props
+  });
+}
+
+/**
+ * AlertDescription - Description text for the alert
+ *
+ * Displays detailed message content with muted styling and appropriate spacing.
+ * Automatically adjusts color for destructive variants.
+ *
+ * @param {string} [className] - Additional Tailwind classes
+ */
+function AlertDescription({
+  className,
+  ...props
+}) {
+  const textClass = React.useContext(_Text.TextClassContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    className: (0, _utils.cn)('text-muted-foreground dark:text-muted-foreground ml-0.5 pb-1.5 pl-6 text-sm leading-relaxed', textClass?.includes('text-destructive') && 'text-destructive/90 dark:text-destructive/90', className),
+    ...props
+  });
+}
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Icon","require","_Text","_utils","React","_interopRequireWildcard","_reactNative","_nativewind","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","View","cssInterop","RNView","className","Alert","variant","children","icon","iconClassName","props","jsx","TextClassContext","Provider","value","cn","jsxs","role","Icon","as","AlertTitle","Text","AlertDescription","textClass","useContext","includes"],"sourceRoot":"../../../../src","sources":["components/ui/Alert.tsx"],"mappings":"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","ignoreList":[]}