@campxdev/react-native-blueprint 0.1.12 → 0.1.14

package/lib/module/components/Feedback/ProgressCircular/Progress-circular.js

@@ -0,0 +1,141 @@
+"use strict";
+
+import * as React from 'react';
+import { View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+
+// NativeWind interop (className -> style)
+import { jsx as _jsx } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+
+/**
+ * ✅ Matches Figma / Code Connect canonical values:
+ * indeterminate: boolean
+ * size: 'sm' | 'md' | 'lg'
+ * variant: 'default' | 'success' | 'warning' | 'destructive'
+ */
+export const ProgressCircularVariants = {
+  size: ['sm', 'md', 'lg'],
+  variant: ['default', 'success', 'warning', 'destructive']
+};
+const rootVariants = cva('', {
+  variants: {
+    size: {
+      sm: 'w-5 h-5',
+      // 20x20
+      md: 'w-6 h-6',
+      // 24x24
+      lg: 'w-8 h-8' // 32x32
+    },
+    variant: {
+      default: '',
+      success: '',
+      warning: '',
+      destructive: ''
+    },
+    disabled: {
+      // (not used, but keeping pattern if you ever add)
+      false: '',
+      true: ''
+    }
+  },
+  defaultVariants: {
+    size: 'sm',
+    variant: 'default'
+  }
+});
+
+/**
+ * Ring that can spin when indeterminate === true.
+ * Uses NativeWind `animate-spin`.
+ */
+const spinnerVariants = cva('rounded-full border-2 border-l-transparent border-r-transparent border-b-transparent', {
+  variants: {
+    size: {
+      sm: 'w-5 h-5 border-2',
+      md: 'w-6 h-6 border-2',
+      lg: 'w-8 h-8 border-2'
+    },
+    variant: {
+      default: 'border-t-brand-primary',
+      success: 'border-t-highlight-success-green',
+      warning: 'border-t-highlight-warning-orange',
+      destructive: 'border-t-highlight-alert-red'
+    },
+    indeterminate: {
+      false: '',
+      true: 'animate-spin'
+    }
+  },
+  defaultVariants: {
+    size: 'sm',
+    variant: 'default',
+    indeterminate: false
+  }
+});
+
+/**
+ * ✅ Strict rule: className must NOT be accepted as a prop.
+ */
+
+/**
+ * Backward compatibility:
+ * If any old callers still pass 'True'/'False' or 'Sm'/'Md'/'Lg', normalize them.
+ */
+function normalizeIndeterminate(v) {
+  if (typeof v === 'boolean') return v;
+  const s = String(v ?? 'false').toLowerCase();
+  return s === 'true' || s === '1';
+}
+function normalizeSize(v) {
+  const s = String(v ?? 'sm').toLowerCase();
+  if (s === 'sm' || s === 'md' || s === 'lg') return s;
+  // support old caps: Sm/Md/Lg
+  if (s === 'sm' || s === 'md' || s === 'lg') return s;
+  return 'sm';
+}
+function normalizeVariant(v) {
+  const s = String(v ?? 'default').toLowerCase();
+  if (s === 'default' || s === 'success' || s === 'warning' || s === 'destructive') return s;
+  return 'default';
+}
+export function ProgressCircular(props) {
+  const {
+    style,
+    testID
+  } = props;
+  const size = normalizeSize(props.size);
+  const variant = normalizeVariant(props.variant);
+  const indeterminate = normalizeIndeterminate(props.indeterminate);
+
+  // sizes: sm=20, md=24, lg=32
+  const sizePx = size === 'sm' ? 20 : size === 'md' ? 24 : 32;
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID ?? 'progress-circular',
+    className: cn(rootVariants({
+      size,
+      variant
+    })),
+    style: style,
+    children: /*#__PURE__*/_jsx(View, {
+      testID: "progress-circular-ring",
+      className: cn(spinnerVariants({
+        size,
+        variant,
+        indeterminate
+      })),
+      style: {
+        width: sizePx,
+        height: sizePx,
+        borderRadius: sizePx / 2
+      }
+    })
+  });
+}
+ProgressCircular.displayName = 'ProgressCircular';
+export { rootVariants, spinnerVariants };
+//# sourceMappingURL=Progress-circular.js.map

package/lib/module/components/Feedback/ProgressCircular/Progress-circular.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","cssInterop","cva","cn","jsx","_jsx","className","ProgressCircularVariants","size","variant","rootVariants","variants","sm","md","lg","default","success","warning","destructive","disabled","false","true","defaultVariants","spinnerVariants","indeterminate","normalizeIndeterminate","v","s","String","toLowerCase","normalizeSize","normalizeVariant","ProgressCircular","props","style","testID","sizePx","children","width","height","borderRadius","displayName"],"sourceRoot":"../../../../../src","sources":["components/Feedback/ProgressCircular/Progress-circular.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Feedback/ProgressLinear/Progress-linear.figma.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { ProgressLinear } from "./Progress-linear.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=24-88';
+figma.connect(ProgressLinear, FIGMA_URL, {
+  props: {
+    // Boolean toggle in Figma
+    indeterminate: figma.boolean('indeterminate'),
+    // Lowercase enum values (match Figma + code)
+    variant: figma.enum('variant', {
+      default: 'default',
+      success: 'success',
+      warning: 'warning',
+      destructive: 'destructive'
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(ProgressLinear, {
+    indeterminate: props.indeterminate,
+    variant: props.variant
+  })
+});
+//# sourceMappingURL=Progress-linear.figma.js.map

package/lib/module/components/Feedback/ProgressLinear/Progress-linear.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","ProgressLinear","jsx","_jsx","FIGMA_URL","connect","props","indeterminate","boolean","variant","enum","default","success","warning","destructive","example"],"sourceRoot":"../../../../../src","sources":["components/Feedback/ProgressLinear/Progress-linear.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,cAAc,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnD,MAAMC,SAAS,GACb,kGAAkG;AAEpGJ,KAAK,CAACK,OAAO,CAACJ,cAAc,EAAEG,SAAS,EAAE;EACvCE,KAAK,EAAE;IACL;IACAC,aAAa,EAAEP,KAAK,CAACQ,OAAO,CAAC,eAAe,CAAC;IAE7C;IACAC,OAAO,EAAET,KAAK,CAACU,IAAI,CAAC,SAAS,EAAE;MAC7BC,OAAO,EAAE,SAAS;MAClBC,OAAO,EAAE,SAAS;MAClBC,OAAO,EAAE,SAAS;MAClBC,WAAW,EAAE;IACf,CAAC;EACH,CAAC;EAEDC,OAAO,EAAGT,KAAK,iBACbH,IAAA,CAACF,cAAc;IACbM,aAAa,EAAED,KAAK,CAACC,aAAc;IACnCE,OAAO,EAAEH,KAAK,CAACG;EAAQ,CACxB;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Feedback/ProgressLinear/Progress-linear.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import * as React from 'react';
+import { View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+
+// NativeWind interop (className -> style)
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+
+/**
+ * ✅ Canonical values (match Figma + Code Connect)
+ * indeterminate: boolean
+ * variant: 'default' | 'success' | 'warning' | 'destructive'
+ */
+export const ProgressLinearVariants = {
+  variant: ['default', 'success', 'warning', 'destructive']
+};
+const rootVariants = cva('w-[400px] h-1 relative overflow-hidden rounded-full', {
+  variants: {
+    variant: {
+      default: '',
+      success: '',
+      warning: '',
+      destructive: ''
+    }
+  },
+  defaultVariants: {
+    variant: 'default'
+  }
+});
+const backgroundVariants = cva('absolute inset-0 bg-surface-subtle');
+const barVariants = cva('absolute left-0 top-0 h-1 rounded-full', {
+  variants: {
+    indeterminate: {
+      false: 'w-[400px]',
+      true: 'w-[100px]'
+    },
+    variant: {
+      default: 'bg-brand-primary',
+      success: 'bg-highlight-success-green',
+      warning: 'bg-highlight-warning-orange',
+      destructive: 'bg-highlight-alert-red'
+    }
+  },
+  defaultVariants: {
+    indeterminate: false,
+    variant: 'default'
+  }
+});
+
+/**
+ * ✅ Strict rule: className must NOT be accepted as a prop.
+ * ✅ Backward compatible: accepts old 'True'/'False' and 'Default' casing too.
+ */
+
+function normalizeIndeterminate(v) {
+  if (typeof v === 'boolean') return v;
+  const s = String(v ?? 'false').toLowerCase();
+  return s === 'true' || s === '1';
+}
+function normalizeVariant(v) {
+  const s = String(v ?? 'default').toLowerCase();
+  if (s === 'default' || s === 'success' || s === 'warning' || s === 'destructive') return s;
+  return 'default';
+}
+export function ProgressLinear(props) {
+  const {
+    style,
+    testID
+  } = props;
+  const variant = normalizeVariant(props.variant);
+  const indeterminate = normalizeIndeterminate(props.indeterminate);
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID ?? 'progress-linear',
+    className: cn(rootVariants({
+      variant
+    })),
+    style: style,
+    children: [/*#__PURE__*/_jsx(View, {
+      testID: "progress-linear-bg",
+      className: cn(backgroundVariants())
+    }), /*#__PURE__*/_jsx(View, {
+      testID: "progress-linear-bar",
+      className: cn(barVariants({
+        variant,
+        indeterminate
+      }))
+    })]
+  });
+}
+ProgressLinear.displayName = 'ProgressLinear';
+export { rootVariants, backgroundVariants, barVariants };
+//# sourceMappingURL=Progress-linear.js.map

package/lib/module/components/Feedback/ProgressLinear/Progress-linear.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","cssInterop","cva","cn","jsx","_jsx","jsxs","_jsxs","className","ProgressLinearVariants","variant","rootVariants","variants","default","success","warning","destructive","defaultVariants","backgroundVariants","barVariants","indeterminate","false","true","normalizeIndeterminate","v","s","String","toLowerCase","normalizeVariant","ProgressLinear","props","style","testID","children","displayName"],"sourceRoot":"../../../../../src","sources":["components/Feedback/ProgressLinear/Progress-linear.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import React from 'react';
+import { View as RNView } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { Stepper } from "./Stepper.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+cssInterop(RNView, {
+  className: 'style'
+});
+const View = RNView;
+const STEPPER_FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=307-6458';
+figma.connect(Stepper, STEPPER_FIGMA_URL, {
+  props: {},
+  example: () => /*#__PURE__*/_jsx(Stepper, {
+    steps: [{
+      state: 'completed',
+      title: 'Step 1',
+      subtitle: 'Completed step'
+    }, {
+      state: 'active',
+      title: 'Step 2',
+      subtitle: 'Active step',
+      showStepperContent: true,
+      showSecondaryButton: true
+    }, {
+      state: 'pending',
+      title: 'Step 3',
+      subtitle: 'Pending step'
+    }]
+  })
+});
+export default function StepperFigma() {
+  return /*#__PURE__*/_jsx(View, {
+    className: "bg-background p-6 gap-8 flex-col",
+    children: /*#__PURE__*/_jsx(Stepper, {
+      steps: [{
+        state: 'completed',
+        title: 'Step Item Title',
+        subtitle: 'This is the step item description',
+        showSubtitle: true,
+        showStepperContent: false
+      }, {
+        state: 'error',
+        title: 'Step Item Title',
+        subtitle: 'This step has an error description. Fix the error by clicking on the Primary Action button below',
+        showSubtitle: true,
+        showStepperContent: false,
+        primaryButtonLabel: 'Primary Action'
+      }, {
+        state: 'active',
+        title: 'Step Item Title',
+        subtitle: 'This is the step item description',
+        showSubtitle: true,
+        showStepperContent: true,
+        showSecondaryButton: true,
+        secondaryButtonLabel: 'Secondary Action',
+        primaryButtonLabel: 'Primary Action'
+      }, {
+        state: 'pending',
+        title: 'Step Item Title',
+        subtitle: 'This is the step item description',
+        showSubtitle: true,
+        showStepperContent: false
+      }, {
+        state: 'pending',
+        title: 'Step Item Title',
+        subtitle: 'This is the step item description',
+        showSubtitle: true,
+        showStepperContent: false
+      }]
+    })
+  });
+}
+//# sourceMappingURL=Stepper.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","React","View","RNView","cssInterop","Stepper","jsx","_jsx","className","STEPPER_FIGMA_URL","connect","props","example","steps","state","title","subtitle","showStepperContent","showSecondaryButton","StepperFigma","children","showSubtitle","primaryButtonLabel","secondaryButtonLabel"],"sourceRoot":"../../../../../src","sources":["components/Feedback/Stepper/Stepper.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAC7C,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpCH,UAAU,CAACD,MAAM,EAAE;EAAEK,SAAS,EAAE;AAAQ,CAAC,CAAC;AAE1C,MAAMN,IAAI,GAAGC,MAEZ;AAED,MAAMM,iBAAiB,GACrB,qGAAqG;AAEvGT,KAAK,CAACU,OAAO,CAACL,OAAO,EAAEI,iBAAiB,EAAE;EACxCE,KAAK,EAAE,CAAC,CAAC;EACTC,OAAO,EAAEA,CAAA,kBACPL,IAAA,CAACF,OAAO;IACNQ,KAAK,EAAE,CACL;MACEC,KAAK,EAAE,WAAW;MAClBC,KAAK,EAAE,QAAQ;MACfC,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,QAAQ;MACfC,KAAK,EAAE,QAAQ;MACfC,QAAQ,EAAE,aAAa;MACvBC,kBAAkB,EAAE,IAAI;MACxBC,mBAAmB,EAAE;IACvB,CAAC,EACD;MACEJ,KAAK,EAAE,SAAS;MAChBC,KAAK,EAAE,QAAQ;MACfC,QAAQ,EAAE;IACZ,CAAC;EACD,CACH;AAEL,CAAC,CAAC;AAEF,eAAe,SAASG,YAAYA,CAAA,EAAG;EACrC,oBACEZ,IAAA,CAACL,IAAI;IAACM,SAAS,EAAC,kCAAkC;IAAAY,QAAA,eAChDb,IAAA,CAACF,OAAO;MACNQ,KAAK,EAAE,CACL;QACEC,KAAK,EAAE,WAAW;QAClBC,KAAK,EAAE,iBAAiB;QACxBC,QAAQ,EAAE,mCAAmC;QAC7CK,YAAY,EAAE,IAAI;QAClBJ,kBAAkB,EAAE;MACtB,CAAC,EACD;QACEH,KAAK,EAAE,OAAO;QACdC,KAAK,EAAE,iBAAiB;QACxBC,QAAQ,EACN,kGAAkG;QACpGK,YAAY,EAAE,IAAI;QAClBJ,kBAAkB,EAAE,KAAK;QACzBK,kBAAkB,EAAE;MACtB,CAAC,EACD;QACER,KAAK,EAAE,QAAQ;QACfC,KAAK,EAAE,iBAAiB;QACxBC,QAAQ,EAAE,mCAAmC;QAC7CK,YAAY,EAAE,IAAI;QAClBJ,kBAAkB,EAAE,IAAI;QACxBC,mBAAmB,EAAE,IAAI;QACzBK,oBAAoB,EAAE,kBAAkB;QACxCD,kBAAkB,EAAE;MACtB,CAAC,EACD;QACER,KAAK,EAAE,SAAS;QAChBC,KAAK,EAAE,iBAAiB;QACxBC,QAAQ,EAAE,mCAAmC;QAC7CK,YAAY,EAAE,IAAI;QAClBJ,kBAAkB,EAAE;MACtB,CAAC,EACD;QACEH,KAAK,EAAE,SAAS;QAChBC,KAAK,EAAE,iBAAiB;QACxBC,QAAQ,EAAE,mCAAmC;QAC7CK,YAAY,EAAE,IAAI;QAClBJ,kBAAkB,EAAE;MACtB,CAAC;IACD,CACH;EAAC,CACE,CAAC;AAEX","ignoreList":[]}

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

@@ -0,0 +1,219 @@
+"use strict";
+
+import * as React from 'react';
+import { View as RNView, Text as RNText } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../Input/Button/Button.js";
+import { Radio } from "../../Input/RadioGroup/Radio-Group.js";
+
+// Enable className on View and Text
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+cssInterop(RNView, {
+  className: 'style'
+});
+cssInterop(RNText, {
+  className: 'style'
+});
+const View = RNView;
+const Text = RNText;
+export const StepperVariants = {
+  state: ['pending', 'active', 'completed', 'error']
+};
+const stepItemVariants = cva('flex-row gap-3 items-start w-full', {
+  variants: {
+    state: {
+      pending: '',
+      active: '',
+      completed: '',
+      error: ''
+    }
+  },
+  defaultVariants: {
+    state: 'pending'
+  }
+});
+const markerVariants = cva('py-0.5 items-center shrink-0', {
+  variants: {
+    state: {
+      pending: '',
+      active: '',
+      completed: '',
+      error: ''
+    }
+  }
+});
+const contentVariants = cva('flex-1 flex-col items-start -mt-0.5', {
+  variants: {
+    state: {
+      pending: 'gap-1',
+      active: 'gap-4',
+      completed: 'gap-1',
+      error: 'gap-4'
+    }
+  }
+});
+const titleVariants = cva('font-medium text-base w-full', {
+  variants: {
+    state: {
+      pending: 'text-foreground',
+      active: 'text-foreground',
+      completed: 'text-foreground',
+      error: 'text-highlight-alert-red'
+    }
+  }
+});
+const subtitleVariants = cva('text-xs w-full text-text-secondary', {
+  variants: {
+    state: {
+      pending: '',
+      active: '',
+      completed: '',
+      error: ''
+    }
+  }
+});
+const headerVariants = cva('flex-col items-start w-full gap-1', {
+  variants: {
+    state: {
+      pending: '',
+      active: '',
+      completed: '',
+      error: ''
+    }
+  }
+});
+const actionsVariants = cva('flex-row gap-3 items-start w-full', {
+  variants: {
+    state: {
+      active: '',
+      error: ''
+    }
+  }
+});
+export function StepItem({
+  state = 'pending',
+  title = 'Step Item Title',
+  subtitle = 'This is the step item description',
+  showSubtitle = true,
+  showStepperContent = true,
+  showSecondaryButton = false,
+  secondaryButtonLabel = 'Secondary Action',
+  primaryButtonLabel = 'Primary Action',
+  onPrimaryAction,
+  onSecondaryAction,
+  style,
+  testID,
+  children
+}) {
+  const isActive = state === 'active';
+  const isError = state === 'error';
+  const isCompleted = state === 'completed';
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: style,
+    className: cn(stepItemVariants({
+      state
+    })),
+    children: [/*#__PURE__*/_jsx(View, {
+      testID: "step-marker",
+      className: cn(markerVariants({
+        state
+      })),
+      children: /*#__PURE__*/_jsx(Radio, {
+        value: title,
+        state: isCompleted ? 'Checked' : isError ? 'Unchecked' : isActive ? 'Checked' : 'Unchecked',
+        disabled: "False",
+        size: "Md"
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      testID: "step-content",
+      className: cn(contentVariants({
+        state
+      })),
+      children: [(state === 'pending' || state === 'completed' || state === 'error') && /*#__PURE__*/_jsxs(View, {
+        testID: "step-header",
+        className: cn(headerVariants({
+          state
+        })),
+        children: [/*#__PURE__*/_jsx(Text, {
+          className: cn(titleVariants({
+            state
+          })),
+          children: title
+        }), showSubtitle && /*#__PURE__*/_jsx(Text, {
+          className: cn(subtitleVariants({
+            state
+          })),
+          children: subtitle
+        })]
+      }), isActive && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs(View, {
+          testID: "step-active-header",
+          className: cn(headerVariants({
+            state
+          })),
+          children: [/*#__PURE__*/_jsx(Text, {
+            className: cn(titleVariants({
+              state
+            })),
+            children: title
+          }), showSubtitle && /*#__PURE__*/_jsx(Text, {
+            className: cn(subtitleVariants({
+              state
+            })),
+            children: subtitle
+          })]
+        }), showStepperContent && /*#__PURE__*/_jsx(Text, {
+          className: "font-medium text-sm text-foreground w-full",
+          children: children || 'Meta Content - Text | Attachment Card | List Item'
+        }), /*#__PURE__*/_jsxs(View, {
+          testID: "step-actions",
+          className: cn(actionsVariants({
+            state
+          })),
+          children: [showSecondaryButton && /*#__PURE__*/_jsx(Button, {
+            variant: "secondary",
+            size: "default",
+            onPress: onSecondaryAction,
+            children: secondaryButtonLabel
+          }), /*#__PURE__*/_jsx(Button, {
+            variant: "default",
+            size: "default",
+            onPress: onPrimaryAction,
+            children: primaryButtonLabel
+          })]
+        })]
+      }), isError && /*#__PURE__*/_jsx(Button, {
+        variant: "default",
+        size: "default",
+        onPress: onPrimaryAction,
+        children: primaryButtonLabel
+      })]
+    })]
+  });
+}
+StepItem.displayName = 'StepItem';
+export function Stepper({
+  steps,
+  activeIndex = 0,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID ?? 'stepper',
+    style: style,
+    className: "flex-col gap-8 items-start w-full",
+    children: [steps.length > 1 && /*#__PURE__*/_jsx(View, {
+      className: "absolute left-1.5 top-4 bottom-0 w-0 border-l border-dashed border-border-default"
+    }), steps.map((step, index) => /*#__PURE__*/_jsx(StepItem, {
+      ...step,
+      state: index < activeIndex ? 'completed' : index === activeIndex ? 'active' : step.state || 'pending',
+      testID: `step-${index}`
+    }, index))]
+  });
+}
+Stepper.displayName = 'Stepper';
+export default Stepper;
+//# sourceMappingURL=Stepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","RNView","Text","RNText","cssInterop","cva","cn","Button","Radio","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","className","StepperVariants","state","stepItemVariants","variants","pending","active","completed","error","defaultVariants","markerVariants","contentVariants","titleVariants","subtitleVariants","headerVariants","actionsVariants","StepItem","title","subtitle","showSubtitle","showStepperContent","showSecondaryButton","secondaryButtonLabel","primaryButtonLabel","onPrimaryAction","onSecondaryAction","style","testID","children","isActive","isError","isCompleted","value","disabled","size","variant","onPress","displayName","Stepper","steps","activeIndex","length","map","step","index"],"sourceRoot":"../../../../../src","sources":["components/Feedback/Stepper/Stepper.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Input/Button/Button.figma.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Button } from "./Button.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=14-300';
+figma.connect(Button, FIGMA_URL, {
+  props: {
+    variant: figma.enum('variant', {
+      default: 'default',
+      secondary: 'secondary',
+      outline: 'outline',
+      ghost: 'ghost',
+      destructive: 'destructive',
+      link: 'link'
+    }),
+    size: figma.enum('size', {
+      default: 'default',
+      lg: 'lg',
+      icon: 'icon'
+    }),
+    disabled: figma.boolean('disabled'),
+    showLeftIcon: figma.boolean('Show leftIcon'),
+    showRightIcon: figma.boolean('Show rightIcon')
+  },
+  example: props => /*#__PURE__*/_jsx(Button, {
+    variant: props.variant,
+    size: props.size,
+    disabled: props.disabled,
+    showLeftIcon: props.showLeftIcon,
+    showRightIcon: props.showRightIcon,
+    children: "Button"
+  })
+});
+//# sourceMappingURL=Button.figma.js.map

package/lib/module/components/Input/Button/Button.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Button","jsx","_jsx","FIGMA_URL","connect","props","variant","enum","default","secondary","outline","ghost","destructive","link","size","lg","icon","disabled","boolean","showLeftIcon","showRightIcon","example","children"],"sourceRoot":"../../../../../src","sources":["components/Input/Button/Button.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAMC,SAAS,GACb,mGAAmG;AAErGJ,KAAK,CAACK,OAAO,CAACJ,MAAM,EAAEG,SAAS,EAAE;EAC/BE,KAAK,EAAE;IACLC,OAAO,EAAEP,KAAK,CAACQ,IAAI,CAAC,SAAS,EAAE;MAC7BC,OAAO,EAAE,SAAS;MAClBC,SAAS,EAAE,WAAW;MACtBC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE,OAAO;MACdC,WAAW,EAAE,aAAa;MAC1BC,IAAI,EAAE;IACR,CAAC,CAAC;IAEFC,IAAI,EAAEf,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBC,OAAO,EAAE,SAAS;MAClBO,EAAE,EAAE,IAAI;MACRC,IAAI,EAAE;IACR,CAAC,CAAC;IAEFC,QAAQ,EAAElB,KAAK,CAACmB,OAAO,CAAC,UAAU,CAAC;IAEnCC,YAAY,EAAEpB,KAAK,CAACmB,OAAO,CAAC,eAAe,CAAC;IAC5CE,aAAa,EAAErB,KAAK,CAACmB,OAAO,CAAC,gBAAgB;EAC/C,CAAC;EAEDG,OAAO,EAAGhB,KAAK,iBACbH,IAAA,CAACF,MAAM;IACLM,OAAO,EAAED,KAAK,CAACC,OAAQ;IACvBQ,IAAI,EAAET,KAAK,CAACS,IAAK;IACjBG,QAAQ,EAAEZ,KAAK,CAACY,QAAS;IACzBE,YAAY,EAAEd,KAAK,CAACc,YAAa;IACjCC,aAAa,EAAEf,KAAK,CAACe,aAAc;IAAAE,QAAA,EACpC;EAED,CAAQ;AAEZ,CAAC,CAAC","ignoreList":[]}