@campxdev/react-native-blueprint 0.1.9 → 0.1.12

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":";;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAC,uBAAA,CAAAL,OAAA;AACA,IAAAM,KAAA,GAAAD,uBAAA,CAAAL,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,sBAAA,GAAAT,OAAA;AACA,IAAAU,mBAAA,GAAAV,OAAA;AAAgF,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAK,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEhF,MAAMkB,IAAI,GAAG,IAAAC,sBAAU,EAACC,iBAAM,EAAE;EAAEC,SAAS,EAAE;AAAQ,CAAC,CAErD;;AAED;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,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG/B,oBAAoB,CAACiC,IAAI;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,GAAGlC,oBAAoB,CAACmC,OAAO;;AAEvD;AACA;AACA;AACA,MAAMC,iBAAiB,GAAAJ,OAAA,CAAAI,iBAAA,GAAGpC,oBAAoB,CAACqC,MAAM;AAErD,MAAMC,iBAAiB,GACrBC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAGC,qCAAmB,GAAGvC,KAAK,CAACwC,QAAQ;;AAE9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAAC;EAC1Bb,SAAS;EACTc,QAAQ;EACR,GAAGC;AAIH,CAAC,EAAE;EACH,oBACE,IAAAtC,WAAA,CAAAuC,GAAA,EAACR,iBAAiB;IAAAM,QAAA,eAChB,IAAArC,WAAA,CAAAuC,GAAA,EAAC9C,oBAAoB,CAAC+C,OAAO;MAC3BjB,SAAS,EAAE,IAAAkB,SAAE,EACX,8FAA8F,EAC9FT,qBAAQ,CAACU,MAAM,CAAC;QACdC,GAAG,EAAE;MACP,CAAC,CAAC,EACFpB,SACF,CAAE;MAAA,GACEe,KAAK;MAAAD,QAAA,eAET,IAAArC,WAAA,CAAAuC,GAAA,EAACjD,uBAAA,CAAAsD,sBAAsB;QACrBC,QAAQ,EAAEC,6BAAM,CAACC,QAAQ,CAAC,GAAG,CAAC,CAACC,KAAK,CAAC,EAAE,CAAE;QACzCC,OAAO,EAAEC,8BAAO,CAACH,QAAQ,CAAC,GAAG,CAAE;QAAAV,QAAA,eAE/B,IAAArC,WAAA,CAAAuC,GAAA,EAAAvC,WAAA,CAAAmC,QAAA;UAAAE,QAAA,EAAGA;QAAQ,CAAG;MAAC,CACO;IAAC,CACG;EAAC,CACd,CAAC;AAExB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASc,kBAAkBA,CAAC;EAC1B5B,SAAS;EACT6B,UAAU;EACV,GAAGd;AAIH,CAAC,EAAE;EACH,oBACE,IAAAtC,WAAA,CAAAuC,GAAA,EAACV,iBAAiB;IAACwB,QAAQ,EAAED,UAAW;IAAAf,QAAA,eACtC,IAAArC,WAAA,CAAAuC,GAAA,EAACH,kBAAkB;MAAAC,QAAA,eACjB,IAAArC,WAAA,CAAAuC,GAAA,EAAC9C,oBAAoB,CAAC6D,OAAO;QAC3B/B,SAAS,EAAE,IAAAkB,SAAE,EACX,gJAAgJ,EAChJT,qBAAQ,CAACU,MAAM,CAAC;UACdC,GAAG,EAAE;QACP,CAAC,CAAC,EACFpB,SACF,CAAE;QAAA,GACGe;MAAK,CACX;IAAC,CACgB;EAAC,CACJ,CAAC;AAExB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASiB,iBAAiBA,CAAC;EAAEhC,SAAS;EAAE,GAAGe;AAAiB,CAAC,EAAE;EAC7D,oBACE,IAAAtC,WAAA,CAAAuC,GAAA,EAAChD,KAAA,CAAAiE,gBAAgB,CAACC,QAAQ;IAACC,KAAK,EAAC,0BAA0B;IAAArB,QAAA,eACzD,IAAArC,WAAA,CAAAuC,GAAA,EAACnB,IAAI;MAACG,SAAS,EAAE,IAAAkB,SAAE,EAAC,qBAAqB,EAAElB,SAAS,CAAE;MAAA,GAAKe;IAAK,CAAG;EAAC,CAC3C,CAAC;AAEhC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASqB,iBAAiBA,CAAC;EAAEpC,SAAS;EAAE,GAAGe;AAAiB,CAAC,EAAE;EAC7D,oBACE,IAAAtC,WAAA,CAAAuC,GAAA,EAACnB,IAAI;IACHG,SAAS,EAAE,IAAAkB,SAAE,EACX,wDAAwD,EACxDlB,SACF,CAAE;IAAA,GACEe;EAAK,CACV,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASsB,gBAAgBA,CAAC;EACxBrC,SAAS;EACT,GAAGe;AAE8C,CAAC,EAAE;EACpD,oBACE,IAAAtC,WAAA,CAAAuC,GAAA,EAAC9C,oBAAoB,CAACoE,KAAK;IACzBtC,SAAS,EAAE,IAAAkB,SAAE,EAAC,uCAAuC,EAAElB,SAAS,CAAE;IAAA,GAC9De;EAAK,CACV,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASwB,sBAAsBA,CAAC;EAC9BvC,SAAS;EACT,GAAGe;AAEoD,CAAC,EAAE;EAC1D,oBACE,IAAAtC,WAAA,CAAAuC,GAAA,EAAC9C,oBAAoB,CAACsE,WAAW;IAC/BxC,SAAS,EAAE,IAAAkB,SAAE,EAAC,+BAA+B,EAAElB,SAAS,CAAE;IAAA,GACtDe;EAAK,CACV,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS0B,iBAAiBA,CAAC;EACzBzC,SAAS;EACT,GAAGe;AAE+C,CAAC,EAAE;EACrD,oBACE,IAAAtC,WAAA,CAAAuC,GAAA,EAAChD,KAAA,CAAAiE,gBAAgB,CAACC,QAAQ;IAACC,KAAK,EAAE,IAAAO,0BAAkB,EAAC;MAAE1C;IAAU,CAAC,CAAE;IAAAc,QAAA,eAClE,IAAArC,WAAA,CAAAuC,GAAA,EAAC9C,oBAAoB,CAACyE,MAAM;MAC1B3C,SAAS,EAAE,IAAAkB,SAAE,EAAC,IAAA0B,sBAAc,EAAC,CAAC,EAAE5C,SAAS,CAAE;MAAA,GACtCe;IAAK,CACX;EAAC,CACuB,CAAC;AAEhC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS8B,iBAAiBA,CAAC;EACzB7C,SAAS;EACT,GAAGe;AAE+C,CAAC,EAAE;EACrD,oBACE,IAAAtC,WAAA,CAAAuC,GAAA,EAAChD,KAAA,CAAAiE,gBAAgB,CAACC,QAAQ;IACxBC,KAAK,EAAE,IAAAO,0BAAkB,EAAC;MAAE1C,SAAS;MAAE8C,OAAO,EAAE;IAAU,CAAC,CAAE;IAAAhC,QAAA,eAE7D,IAAArC,WAAA,CAAAuC,GAAA,EAAC9C,oBAAoB,CAAC6E,MAAM;MAC1B/C,SAAS,EAAE,IAAAkB,SAAE,EAAC,IAAA0B,sBAAc,EAAC;QAAEE,OAAO,EAAE;MAAU,CAAC,CAAC,EAAE9C,SAAS,CAAE;MAAA,GAC5De;IAAK,CACX;EAAC,CACuB,CAAC;AAEhC","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":[]}