@campxdev/react-native-blueprint 0.1.13 → 0.1.15

package/lib/module/components/Feedback/Alert/Alert.js

@@ -0,0 +1,350 @@
+"use strict";
+
+import React from 'react';
+import { View as RNView, Pressable as RNPressable } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cssInterop } from 'nativewind';
+import { cn } from "../../../lib/utils.js";
+import { X, AlertCircle, CheckCircle, AlertTriangle, Info, Bell } from 'lucide-react-native';
+import { Text } from "../../Input/Text/Text.js";
+import { Icon } from "../../ui/Icon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(RNView, {
+  className: 'style'
+});
+cssInterop(RNPressable, {
+  className: 'style'
+});
+const View = RNView;
+const Pressable = RNPressable;
+
+// ============================================================================
+// VARIANT DEFINITIONS USING CVA (lowercase + Code Connect friendly)
+// ============================================================================
+
+const alertContainerVariants = cva('p-5 flex-col items-start gap-3 rounded-2xl', {
+  variants: {
+    alertStyle: {
+      subtle: '',
+      solid: '',
+      outline: 'bg-transparent border border-border'
+    },
+    variant: {
+      default: '',
+      info: '',
+      success: '',
+      warning: '',
+      destructive: ''
+    }
+  },
+  compoundVariants: [
+  // Subtle backgrounds
+  {
+    alertStyle: 'subtle',
+    variant: 'default',
+    className: 'bg-muted'
+  }, {
+    alertStyle: 'subtle',
+    variant: 'info',
+    className: 'bg-info-muted'
+  }, {
+    alertStyle: 'subtle',
+    variant: 'success',
+    className: 'bg-success-muted'
+  }, {
+    alertStyle: 'subtle',
+    variant: 'warning',
+    className: 'bg-warning-muted'
+  }, {
+    alertStyle: 'subtle',
+    variant: 'destructive',
+    className: 'bg-destructive-muted'
+  },
+  // Solid backgrounds
+  {
+    alertStyle: 'solid',
+    variant: 'default',
+    className: 'bg-primary'
+  }, {
+    alertStyle: 'solid',
+    variant: 'info',
+    className: 'bg-info'
+  }, {
+    alertStyle: 'solid',
+    variant: 'success',
+    className: 'bg-success'
+  }, {
+    alertStyle: 'solid',
+    variant: 'warning',
+    className: 'bg-warning'
+  }, {
+    alertStyle: 'solid',
+    variant: 'destructive',
+    className: 'bg-destructive'
+  }],
+  defaultVariants: {
+    alertStyle: 'subtle',
+    variant: 'default'
+  }
+});
+const alertTitleVariants = cva('text-base font-semibold', {
+  variants: {
+    alertStyle: {
+      subtle: '',
+      solid: 'text-primary-foreground',
+      outline: ''
+    },
+    variant: {
+      default: '',
+      info: '',
+      success: '',
+      warning: '',
+      destructive: ''
+    }
+  },
+  compoundVariants: [
+  // Subtle & Outline title colors
+  {
+    alertStyle: 'subtle',
+    variant: 'default',
+    className: 'text-foreground'
+  }, {
+    alertStyle: 'subtle',
+    variant: 'info',
+    className: 'text-info'
+  }, {
+    alertStyle: 'subtle',
+    variant: 'success',
+    className: 'text-success'
+  }, {
+    alertStyle: 'subtle',
+    variant: 'warning',
+    className: 'text-warning'
+  }, {
+    alertStyle: 'subtle',
+    variant: 'destructive',
+    className: 'text-destructive'
+  }, {
+    alertStyle: 'outline',
+    variant: 'default',
+    className: 'text-foreground'
+  }, {
+    alertStyle: 'outline',
+    variant: 'info',
+    className: 'text-info'
+  }, {
+    alertStyle: 'outline',
+    variant: 'success',
+    className: 'text-success'
+  }, {
+    alertStyle: 'outline',
+    variant: 'warning',
+    className: 'text-warning'
+  }, {
+    alertStyle: 'outline',
+    variant: 'destructive',
+    className: 'text-destructive'
+  }],
+  defaultVariants: {
+    alertStyle: 'subtle',
+    variant: 'default'
+  }
+});
+const alertDescriptionVariants = cva('text-xs font-medium opacity-70', {
+  variants: {
+    alertStyle: {
+      subtle: 'text-foreground',
+      solid: 'text-primary-foreground',
+      outline: 'text-foreground'
+    }
+  },
+  defaultVariants: {
+    alertStyle: 'subtle'
+  }
+});
+
+// ============================================================================
+// ICON MAPPING (lowercase variant keys)
+// ============================================================================
+
+const VARIANT_ICONS = {
+  default: Bell,
+  info: Info,
+  success: CheckCircle,
+  warning: AlertTriangle,
+  destructive: AlertCircle
+};
+
+// ============================================================================
+// COLOR MAPPING FOR ICONS (lowercase keys)
+// ============================================================================
+
+const ICON_COLORS = {
+  solid: {
+    default: '#FFFFFF',
+    info: '#FFFFFF',
+    success: '#FFFFFF',
+    warning: '#FFFFFF',
+    destructive: '#FFFFFF'
+  },
+  subtle: {
+    default: '#111827',
+    info: '#3B82F6',
+    success: '#22C55E',
+    warning: '#F97316',
+    destructive: '#EF4444'
+  },
+  outline: {
+    default: '#111827',
+    info: '#3B82F6',
+    success: '#22C55E',
+    warning: '#F97316',
+    destructive: '#EF4444'
+  }
+};
+
+// ============================================================================
+// TYPES (lowercase + backward compatible input normalization)
+// ============================================================================
+
+// ============================================================================
+// NORMALIZERS (so old callers still work)
+// ============================================================================
+
+function normalizeAlertStyle(v) {
+  const s = String(v ?? 'subtle').toLowerCase();
+  if (s === 'subtle' || s === 'solid' || s === 'outline') return s;
+  return 'subtle';
+}
+function normalizeVariant(v) {
+  const s = String(v ?? 'default').toLowerCase();
+  if (s === 'default' || s === 'info' || s === 'success' || s === 'warning' || s === 'destructive') return s;
+  return 'default';
+}
+
+// ============================================================================
+// MAIN COMPONENT
+// ============================================================================
+
+function Alert({
+  alertStyle = 'subtle',
+  variant = 'default',
+  title = 'This is the Alert title',
+  description,
+  bulletPoints,
+  showCloseIcon = false,
+  onClose,
+  testID
+}) {
+  const s = normalizeAlertStyle(alertStyle);
+  const v = normalizeVariant(variant);
+  const IconComponent = VARIANT_ICONS[v];
+  const iconColor = ICON_COLORS[s][v];
+  return /*#__PURE__*/_jsx(View, {
+    className: "w-[400px] flex-col justify-center items-start gap-3",
+    children: /*#__PURE__*/_jsxs(View, {
+      testID: testID,
+      className: cn(alertContainerVariants({
+        alertStyle: s,
+        variant: v
+      })),
+      children: [/*#__PURE__*/_jsxs(View, {
+        className: "flex-row justify-between items-start self-stretch",
+        children: [/*#__PURE__*/_jsx(View, {
+          className: "flex-row items-center gap-2.5 flex-1",
+          children: /*#__PURE__*/_jsx(Icon, {
+            as: IconComponent,
+            size: 24,
+            color: iconColor
+          })
+        }), showCloseIcon && /*#__PURE__*/_jsx(Pressable, {
+          onPress: onClose,
+          hitSlop: 12,
+          style: {
+            width: 16,
+            height: 16,
+            justifyContent: 'center',
+            alignItems: 'center'
+          },
+          children: /*#__PURE__*/_jsx(Icon, {
+            as: X,
+            size: 16,
+            color: iconColor
+          })
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        className: "flex-col items-start gap-3",
+        children: /*#__PURE__*/_jsxs(View, {
+          className: "w-[308px] flex-col items-start gap-1",
+          children: [/*#__PURE__*/_jsx(Text, {
+            className: cn(alertTitleVariants({
+              alertStyle: s,
+              variant: v
+            })),
+            children: title
+          }), description ? /*#__PURE__*/_jsx(Text, {
+            className: cn(alertDescriptionVariants({
+              alertStyle: s
+            })),
+            children: description
+          }) : null]
+        })
+      }), bulletPoints && bulletPoints.length > 0 ? /*#__PURE__*/_jsx(View, {
+        className: "w-[308px] flex-col items-start gap-2",
+        children: bulletPoints.map((point, index) => /*#__PURE__*/_jsx(Text, {
+          className: cn('text-xs font-normal self-stretch', s === 'solid' ? 'text-primary-foreground' : 'text-foreground'),
+          children: '‐ ' + point
+        }, index))
+      }) : null]
+    })
+  });
+}
+
+// ============================================================================
+// SUB-COMPONENTS FOR COMPOSITION PATTERN (lowercase + backward compatible)
+// ============================================================================
+
+export function AlertIcon({
+  alertStyle,
+  variant
+}) {
+  const s = normalizeAlertStyle(alertStyle);
+  const v = normalizeVariant(variant);
+  const IconComponent = VARIANT_ICONS[v];
+  const iconColor = ICON_COLORS[s][v];
+  return /*#__PURE__*/_jsx(Icon, {
+    as: IconComponent,
+    size: 24,
+    color: iconColor
+  });
+}
+export function AlertTitle({
+  children,
+  alertStyle,
+  variant
+}) {
+  const s = normalizeAlertStyle(alertStyle);
+  const v = normalizeVariant(variant);
+  return /*#__PURE__*/_jsx(Text, {
+    className: cn(alertTitleVariants({
+      alertStyle: s,
+      variant: v
+    })),
+    children: children
+  });
+}
+export function AlertDescription({
+  children,
+  alertStyle
+}) {
+  const s = normalizeAlertStyle(alertStyle);
+  return /*#__PURE__*/_jsx(Text, {
+    className: cn(alertDescriptionVariants({
+      alertStyle: s
+    })),
+    children: children
+  });
+}
+export { Alert };
+export default Alert;
+//# sourceMappingURL=Alert.js.map

package/lib/module/components/Feedback/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","RNView","Pressable","RNPressable","cva","cssInterop","cn","X","AlertCircle","CheckCircle","AlertTriangle","Info","Bell","Text","Icon","jsx","_jsx","jsxs","_jsxs","className","alertContainerVariants","variants","alertStyle","subtle","solid","outline","variant","default","info","success","warning","destructive","compoundVariants","defaultVariants","alertTitleVariants","alertDescriptionVariants","VARIANT_ICONS","ICON_COLORS","normalizeAlertStyle","v","s","String","toLowerCase","normalizeVariant","Alert","title","description","bulletPoints","showCloseIcon","onClose","testID","IconComponent","iconColor","children","as","size","color","onPress","hitSlop","style","width","height","justifyContent","alignItems","length","map","point","index","AlertIcon","AlertTitle","AlertDescription"],"sourceRoot":"../../../../../src","sources":["components/Feedback/Alert/Alert.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Feedback/AlertDialog/Alert-Dialog.figma.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { AlertDialog } from "./Alert-Dialog.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=101-606';
+figma.connect(AlertDialog, FIGMA_URL, {
+  props: {
+    intent: figma.enum('intent', {
+      default: 'default',
+      destructive: 'destructive'
+    }),
+    showDescription: figma.boolean('Show description'),
+    showSecondaryAction: figma.boolean('Show secondaryAction')
+  },
+  example: props => /*#__PURE__*/_jsx(AlertDialog, {
+    title: "Are you absolutely sure?",
+    description: "This action cannot be undone. This will permanently delete your account and remove your data from our servers.",
+    intent: props.intent,
+    showDescription: props.showDescription,
+    showSecondaryAction: props.showSecondaryAction
+  })
+});
+//# sourceMappingURL=Alert-Dialog.figma.js.map

package/lib/module/components/Feedback/AlertDialog/Alert-Dialog.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","AlertDialog","jsx","_jsx","FIGMA_URL","connect","props","intent","enum","default","destructive","showDescription","boolean","showSecondaryAction","example","title","description"],"sourceRoot":"../../../../../src","sources":["components/Feedback/AlertDialog/Alert-Dialog.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,WAAW,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,SAAS,GACb,oGAAoG;AAEtGJ,KAAK,CAACK,OAAO,CAACJ,WAAW,EAAEG,SAAS,EAAE;EACpCE,KAAK,EAAE;IACLC,MAAM,EAAEP,KAAK,CAACQ,IAAI,CAAC,QAAQ,EAAE;MAC3BC,OAAO,EAAE,SAAS;MAClBC,WAAW,EAAE;IACf,CAAC,CAAC;IACFC,eAAe,EAAEX,KAAK,CAACY,OAAO,CAAC,kBAAkB,CAAC;IAClDC,mBAAmB,EAAEb,KAAK,CAACY,OAAO,CAAC,sBAAsB;EAC3D,CAAC;EACDE,OAAO,EAAGR,KAAK,iBACbH,IAAA,CAACF,WAAW;IACVc,KAAK,EAAC,0BAA0B;IAChCC,WAAW,EAAC,gHAAgH;IAC5HT,MAAM,EAAED,KAAK,CAACC,MAAO;IACrBI,eAAe,EAAEL,KAAK,CAACK,eAAgB;IACvCE,mBAAmB,EAAEP,KAAK,CAACO;EAAoB,CAChD;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Feedback/AlertDialog/Alert-Dialog.js

@@ -0,0 +1,126 @@
+"use strict";
+
+import { View, Text as RNText } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+// Corrected import path for Button
+import { Button } from "../../Input/Button/Button.js";
+
+// NativeWind interop (className -> style)
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+cssInterop(RNText, {
+  className: 'style'
+});
+
+// Internal components with loose typing to allow className passing internally
+// while keeping the public API strict.
+const StyledView = View;
+const StyledText = RNText;
+
+/* -----------------------------------------------------
+ * Canonical variants (match Figma + Code Connect)
+ * --------------------------------------------------- */
+
+export const AlertDialogVariants = {
+  intent: ['default', 'destructive']
+};
+/* -----------------------------------------------------
+ * Variants
+ * --------------------------------------------------- */
+
+const rootVariants = cva('flex-1 flex-col items-start rounded-lg bg-background px-5 py-5 gap-4 mx-5', {
+  variants: {
+    intent: {
+      default: '',
+      destructive: ''
+    }
+  },
+  defaultVariants: {
+    intent: 'default'
+  }
+});
+const contentVariants = cva('w-full flex-col items-start gap-2');
+const titleVariants = cva('w-full text-base font-semibold text-foreground');
+const descriptionVariants = cva('w-full text-xs font-medium text-muted-foreground');
+const actionsVariants = cva('flex-row items-start gap-3');
+
+/* -----------------------------------------------------
+ * Props (lowercase + backward compatible)
+ * --------------------------------------------------- */
+
+/* -----------------------------------------------------
+ * Normalizer
+ * --------------------------------------------------- */
+
+function normalizeIntent(v) {
+  const s = String(v ?? 'default').toLowerCase();
+  return s === 'destructive' ? 'destructive' : 'default';
+}
+
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+export function AlertDialog(props) {
+  const {
+    title,
+    description,
+    intent,
+    showDescription = true,
+    showSecondaryAction = true,
+    style,
+    testID
+  } = props;
+  const i = normalizeIntent(intent);
+
+  // map to your Button variants (lowercase here)
+  const primaryVariant = i === 'destructive' ? 'destructive' : 'default';
+  const secondaryVariant = i === 'destructive' ? 'outline' : 'outline';
+  return /*#__PURE__*/_jsxs(StyledView, {
+    testID: testID ?? 'alert-dialog',
+    className: cn(rootVariants({
+      intent: i
+    })),
+    style: style,
+    children: [/*#__PURE__*/_jsxs(StyledView, {
+      testID: "alert-dialog-content",
+      className: cn(contentVariants()),
+      children: [/*#__PURE__*/_jsx(StyledText, {
+        testID: "alert-dialog-title",
+        className: cn(titleVariants()),
+        children: title
+      }), showDescription ? /*#__PURE__*/_jsx(StyledText, {
+        testID: "alert-dialog-description",
+        className: cn(descriptionVariants()),
+        children: description
+      }) : null]
+    }), /*#__PURE__*/_jsxs(StyledView, {
+      testID: "alert-dialog-actions",
+      className: cn(actionsVariants()),
+      children: [/*#__PURE__*/_jsx(Button, {
+        testID: "alert-dialog-confirm",
+        disabled: false,
+        size: "default",
+        variant: primaryVariant,
+        showLeftIcon: false,
+        showRightIcon: false,
+        children: "Confirm"
+      }), showSecondaryAction ? /*#__PURE__*/_jsx(Button, {
+        testID: "alert-dialog-cancel",
+        disabled: false,
+        size: "default",
+        variant: secondaryVariant,
+        showLeftIcon: false,
+        showRightIcon: false,
+        children: "Cancel"
+      }) : null]
+    })]
+  });
+}
+AlertDialog.displayName = 'AlertDialog';
+export { rootVariants };
+//# sourceMappingURL=Alert-Dialog.js.map

package/lib/module/components/Feedback/AlertDialog/Alert-Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","RNText","cssInterop","cva","cn","Button","jsx","_jsx","jsxs","_jsxs","className","StyledView","StyledText","AlertDialogVariants","intent","rootVariants","variants","default","destructive","defaultVariants","contentVariants","titleVariants","descriptionVariants","actionsVariants","normalizeIntent","v","s","String","toLowerCase","AlertDialog","props","title","description","showDescription","showSecondaryAction","style","testID","i","primaryVariant","secondaryVariant","children","disabled","size","variant","showLeftIcon","showRightIcon","displayName"],"sourceRoot":"../../../../../src","sources":["components/Feedback/AlertDialog/Alert-Dialog.tsx"],"mappings":";;AAAA,SACEA,IAAI,EACJC,IAAI,IAAIC,MAAM,QAGT,cAAc;AACrB,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,SAASC,EAAE,QAAQ,uBAAoB;AACvC;AACA,SAASC,MAAM,QAAQ,8BAA2B;;AAElD;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACAP,UAAU,CAACH,IAAI,EAAE;EAAEW,SAAS,EAAE;AAAQ,CAAC,CAAC;AACxCR,UAAU,CAACD,MAAM,EAAE;EAAES,SAAS,EAAE;AAAQ,CAAC,CAAC;;AAE1C;AACA;AACA,MAAMC,UAAU,GAAGZ,IAAW;AAC9B,MAAMa,UAAU,GAAGX,MAAa;;AAEhC;AACA;AACA;;AAEA,OAAO,MAAMY,mBAAmB,GAAG;EACjCC,MAAM,EAAE,CAAC,SAAS,EAAE,aAAa;AACnC,CAAU;AAIV;AACA;AACA;;AAEA,MAAMC,YAAY,GAAGZ,GAAG,CACtB,2EAA2E,EAC3E;EACEa,QAAQ,EAAE;IACRF,MAAM,EAAE;MACNG,OAAO,EAAE,EAAE;MACXC,WAAW,EAAE;IACf;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,MAAM,EAAE;EACV;AACF,CACF,CAAC;AAED,MAAMM,eAAe,GAAGjB,GAAG,CAAC,mCAAmC,CAAC;AAEhE,MAAMkB,aAAa,GAAGlB,GAAG,CAAC,gDAAgD,CAAC;AAE3E,MAAMmB,mBAAmB,GAAGnB,GAAG,CAC7B,kDACF,CAAC;AAED,MAAMoB,eAAe,GAAGpB,GAAG,CAAC,4BAA4B,CAAC;;AAEzD;AACA;AACA;;AAwBA;AACA;AACA;;AAEA,SAASqB,eAAeA,CAACC,CAAM,EAAqB;EAClD,MAAMC,CAAC,GAAGC,MAAM,CAACF,CAAC,IAAI,SAAS,CAAC,CAACG,WAAW,CAAC,CAAC;EAC9C,OAAOF,CAAC,KAAK,aAAa,GAAG,aAAa,GAAG,SAAS;AACxD;;AAEA;AACA;AACA;;AAEA,OAAO,SAASG,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAM;IACJC,KAAK;IACLC,WAAW;IACXlB,MAAM;IACNmB,eAAe,GAAG,IAAI;IACtBC,mBAAmB,GAAG,IAAI;IAC1BC,KAAK;IACLC;EACF,CAAC,GAAGN,KAAK;EAET,MAAMO,CAAC,GAAGb,eAAe,CAACV,MAAM,CAAC;;EAEjC;EACA,MAAMwB,cAAc,GAAGD,CAAC,KAAK,aAAa,GAAG,aAAa,GAAG,SAAS;EACtE,MAAME,gBAAgB,GAAGF,CAAC,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS;EAEpE,oBACE5B,KAAA,CAACE,UAAU;IACTyB,MAAM,EAAEA,MAAM,IAAI,cAAe;IACjC1B,SAAS,EAAEN,EAAE,CAACW,YAAY,CAAC;MAAED,MAAM,EAAEuB;IAAE,CAAC,CAAC,CAAE;IAC3CF,KAAK,EAAEA,KAAM;IAAAK,QAAA,gBAEb/B,KAAA,CAACE,UAAU;MACTyB,MAAM,EAAC,sBAAsB;MAC7B1B,SAAS,EAAEN,EAAE,CAACgB,eAAe,CAAC,CAAC,CAAE;MAAAoB,QAAA,gBAEjCjC,IAAA,CAACK,UAAU;QAACwB,MAAM,EAAC,oBAAoB;QAAC1B,SAAS,EAAEN,EAAE,CAACiB,aAAa,CAAC,CAAC,CAAE;QAAAmB,QAAA,EACpET;MAAK,CACI,CAAC,EAEZE,eAAe,gBACd1B,IAAA,CAACK,UAAU;QACTwB,MAAM,EAAC,0BAA0B;QACjC1B,SAAS,EAAEN,EAAE,CAACkB,mBAAmB,CAAC,CAAC,CAAE;QAAAkB,QAAA,EAEpCR;MAAW,CACF,CAAC,GACX,IAAI;IAAA,CACE,CAAC,eAEbvB,KAAA,CAACE,UAAU;MACTyB,MAAM,EAAC,sBAAsB;MAC7B1B,SAAS,EAAEN,EAAE,CAACmB,eAAe,CAAC,CAAC,CAAE;MAAAiB,QAAA,gBAEjCjC,IAAA,CAACF,MAAM;QACL+B,MAAM,EAAC,sBAAsB;QAC7BK,QAAQ,EAAE,KAAM;QAChBC,IAAI,EAAC,SAAS;QACdC,OAAO,EAAEL,cAAe;QACxBM,YAAY,EAAE,KAAM;QACpBC,aAAa,EAAE,KAAM;QAAAL,QAAA,EACtB;MAED,CAAQ,CAAC,EAERN,mBAAmB,gBAClB3B,IAAA,CAACF,MAAM;QACL+B,MAAM,EAAC,qBAAqB;QAC5BK,QAAQ,EAAE,KAAM;QAChBC,IAAI,EAAC,SAAS;QACdC,OAAO,EAAEJ,gBAAiB;QAC1BK,YAAY,EAAE,KAAM;QACpBC,aAAa,EAAE,KAAM;QAAAL,QAAA,EACtB;MAED,CAAQ,CAAC,GACP,IAAI;IAAA,CACE,CAAC;EAAA,CACH,CAAC;AAEjB;AAEAX,WAAW,CAACiB,WAAW,GAAG,aAAa;AAEvC,SAAS/B,YAAY","ignoreList":[]}

package/lib/module/components/Feedback/InfoBar/InfoBar.figma.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { InfoBar } from "./InfoBar.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=375-5879';
+figma.connect(InfoBar, FIGMA_URL, {
+  props: {
+    title: figma.string('Title'),
+    description: figma.string('Description'),
+    showCloseIcon: figma.boolean('Show closeIcon'),
+    showAlertContent: figma.boolean('Show alertContent'),
+    showIconContainer: figma.boolean('Show iconContainer'),
+    showInfoBarDescription: figma.boolean('Show InfoBarDescription')
+  },
+  example: props => /*#__PURE__*/_jsx(InfoBar, {
+    title: props.title,
+    description: props.description,
+    showCloseIcon: props.showCloseIcon,
+    showAlertContent: props.showAlertContent,
+    showIconContainer: props.showIconContainer,
+    showInfoBarDescription: props.showInfoBarDescription,
+    alertContent: [{
+      text: 'Point 1 of Content'
+    }, {
+      text: 'Point 2 of the Content'
+    }, {
+      text: 'Point 3 of the Content'
+    }]
+  })
+});
+//# sourceMappingURL=InfoBar.figma.js.map

package/lib/module/components/Feedback/InfoBar/InfoBar.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","InfoBar","jsx","_jsx","FIGMA_URL","connect","props","title","string","description","showCloseIcon","boolean","showAlertContent","showIconContainer","showInfoBarDescription","example","alertContent","text"],"sourceRoot":"../../../../../src","sources":["components/Feedback/InfoBar/InfoBar.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,MAAMC,SAAS,GACb,qGAAqG;AAEvGJ,KAAK,CAACK,OAAO,CAACJ,OAAO,EAAEG,SAAS,EAAE;EAChCE,KAAK,EAAE;IACLC,KAAK,EAAEP,KAAK,CAACQ,MAAM,CAAC,OAAO,CAAC;IAC5BC,WAAW,EAAET,KAAK,CAACQ,MAAM,CAAC,aAAa,CAAC;IACxCE,aAAa,EAAEV,KAAK,CAACW,OAAO,CAAC,gBAAgB,CAAC;IAC9CC,gBAAgB,EAAEZ,KAAK,CAACW,OAAO,CAAC,mBAAmB,CAAC;IACpDE,iBAAiB,EAAEb,KAAK,CAACW,OAAO,CAAC,oBAAoB,CAAC;IACtDG,sBAAsB,EAAEd,KAAK,CAACW,OAAO,CAAC,yBAAyB;EACjE,CAAC;EACDI,OAAO,EAAGT,KAAK,iBACbH,IAAA,CAACF,OAAO;IACNM,KAAK,EAAED,KAAK,CAACC,KAAM;IACnBE,WAAW,EAAEH,KAAK,CAACG,WAAY;IAC/BC,aAAa,EAAEJ,KAAK,CAACI,aAAc;IACnCE,gBAAgB,EAAEN,KAAK,CAACM,gBAAiB;IACzCC,iBAAiB,EAAEP,KAAK,CAACO,iBAAkB;IAC3CC,sBAAsB,EAAER,KAAK,CAACQ,sBAAuB;IACrDE,YAAY,EAAE,CACZ;MAAEC,IAAI,EAAE;IAAqB,CAAC,EAC9B;MAAEA,IAAI,EAAE;IAAyB,CAAC,EAClC;MAAEA,IAAI,EAAE;IAAyB,CAAC;EAClC,CACH;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Feedback/InfoBar/InfoBar.js

@@ -0,0 +1,107 @@
+"use strict";
+
+// @ts-nocheck
+import React from 'react';
+import { View as RNView, Pressable as RNPressable } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { X } from 'lucide-react-native';
+import { Text } from "../../Input/Text/Text.js";
+import { Icon } from "../../ui/Icon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(RNView, {
+  className: 'style'
+});
+cssInterop(RNPressable, {
+  className: 'style'
+});
+const View = RNView;
+const Pressable = RNPressable;
+
+// ============================================================================
+// TYPES
+// ============================================================================
+
+// ============================================================================
+// MAIN COMPONENT
+// ============================================================================
+
+function InfoBar({
+  title = 'This is the Info Bar title',
+  description = 'Infobar description goes here. It can be one or two lines.',
+  showCloseIcon = true,
+  showAlertContent = true,
+  showIconContainer = true,
+  showInfoBarDescription = true,
+  alertContent = [{
+    text: 'Point 1 of Content'
+  }, {
+    text: 'Point 2 of the Content'
+  }, {
+    text: 'Point 3 of the Content'
+  }],
+  onClose,
+  icon: IconComponent,
+  testID
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: "w-full flex-col items-start gap-3 justify-center",
+    children: /*#__PURE__*/_jsx(View, {
+      testID: testID,
+      className: "bg-[#573dab33] flex-col items-start gap-3 p-5 rounded-[var(--radius-lg)]",
+      children: /*#__PURE__*/_jsxs(View, {
+        className: "w-full flex-col items-start gap-2 justify-center",
+        children: [showIconContainer && /*#__PURE__*/_jsxs(View, {
+          className: "w-full flex-row items-start justify-between",
+          children: [/*#__PURE__*/_jsx(View, {
+            className: "flex-1 flex-row items-center",
+            children: IconComponent && /*#__PURE__*/_jsx(Icon, {
+              as: IconComponent,
+              size: 16,
+              color: "#573dab"
+            })
+          }), showCloseIcon && /*#__PURE__*/_jsx(Pressable, {
+            onPress: onClose,
+            hitSlop: 12,
+            style: {
+              width: 16,
+              height: 16,
+              justifyContent: 'center',
+              alignItems: 'center'
+            },
+            children: /*#__PURE__*/_jsx(Icon, {
+              as: X,
+              size: 16,
+              color: "#573dab"
+            })
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          className: "w-full flex-col items-start gap-2",
+          children: /*#__PURE__*/_jsxs(View, {
+            className: "w-full flex-col items-start gap-1",
+            children: [/*#__PURE__*/_jsx(Text, {
+              className: "font-semibold text-base text-[var(--colors-text-primary)]",
+              children: title
+            }), showInfoBarDescription && /*#__PURE__*/_jsx(Text, {
+              className: "font-medium text-xs opacity-70 text-[var(--colors-text-primary)]",
+              children: description
+            })]
+          })
+        }), showAlertContent && alertContent && alertContent.length > 0 && /*#__PURE__*/_jsx(View, {
+          className: "w-full flex-col items-start gap-2",
+          children: alertContent.map((item, index) => /*#__PURE__*/_jsxs(View, {
+            className: "w-full flex-row items-center gap-1",
+            children: [/*#__PURE__*/_jsx(View, {
+              className: "w-1 h-1 rounded-full bg-[var(--colors-text-primary)]"
+            }), /*#__PURE__*/_jsx(Text, {
+              className: "font-normal text-xs text-[var(--colors-text-primary)]",
+              children: item.text
+            })]
+          }, index))
+        })]
+      })
+    })
+  });
+}
+export { InfoBar };
+export default InfoBar;
+//# sourceMappingURL=InfoBar.js.map