@campxdev/react-native-blueprint 0.1.12 → 0.1.14

package/lib/module/components/Navigation/Appbar/AppBar.js

@@ -0,0 +1,147 @@
+"use strict";
+
+import * as React from 'react';
+import { View as RNView, Text as RNText, Image as RNImage, Pressable as RNPressable, Platform, StatusBar } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { cssInterop, useColorScheme } from 'nativewind';
+import { cn } from "../../../lib/utils.js";
+import { Tabs } from "../../Layout/Tabs/Tabs.js";
+
+// NativeWind interop (className -> style)
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+cssInterop(RNView, {
+  className: 'style'
+});
+cssInterop(RNText, {
+  className: 'style'
+});
+cssInterop(RNImage, {
+  className: 'style'
+});
+cssInterop(RNPressable, {
+  className: 'style'
+});
+const View = RNView;
+const Text = RNText;
+const Image = RNImage;
+const Pressable = RNPressable;
+
+/* -----------------------------------------------------
+ * Types
+ * --------------------------------------------------- */
+
+/* -----------------------------------------------------
+ * Sub-components
+ * --------------------------------------------------- */
+
+function SearchHeader() {
+  return /*#__PURE__*/_jsxs(View, {
+    className: "bg-surface-subtle rounded-lg px-3 py-2.5 flex-row items-center gap-2",
+    children: [/*#__PURE__*/_jsx(View, {
+      className: "w-4 h-4"
+    }), /*#__PURE__*/_jsx(Text, {
+      className: "text-sm font-medium text-text-secondary",
+      children: "Search"
+    })]
+  });
+}
+function HeaderBlock({
+  type
+}) {
+  if (type === 'search') {
+    return /*#__PURE__*/_jsx(SearchHeader, {});
+  }
+  return /*#__PURE__*/_jsx(Tabs, {});
+}
+
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+export function AppBar(props) {
+  const {
+    variant = 'default',
+    title = 'Page Title',
+    subtitle = 'This is the page Subtitle',
+    showLeading = true,
+    showTrailing = true,
+    showSubtitle = true,
+    showHeaderBlock = true,
+    headerType,
+    onLeadingPress,
+    onTrailingPress,
+    leadingIcon,
+    trailingIcon,
+    logoSource,
+    useSafeArea = true,
+    testID
+  } = props;
+  const {
+    colorScheme
+  } = useColorScheme();
+  const isDark = colorScheme === 'dark';
+  const isHome = variant === 'home';
+  const content = /*#__PURE__*/_jsxs(View, {
+    testID: testID ?? 'appbar',
+    className: cn('bg-surface-default px-5 py-4 gap-3', !isHome && 'min-h-16'),
+    children: [/*#__PURE__*/_jsxs(View, {
+      className: "flex-row items-center justify-between",
+      children: [/*#__PURE__*/_jsxs(View, {
+        className: "flex-row items-center gap-4",
+        children: [showLeading && /*#__PURE__*/_jsx(Pressable, {
+          testID: "appbar-leading",
+          onPress: onLeadingPress,
+          accessibilityRole: "button",
+          children: leadingIcon ?? /*#__PURE__*/_jsx(View, {
+            className: "w-4 h-4"
+          })
+        }), variant === 'default' && /*#__PURE__*/_jsxs(View, {
+          className: "gap-1",
+          children: [/*#__PURE__*/_jsx(Text, {
+            testID: "appbar-title",
+            className: "text-lg font-semibold text-text-primary",
+            children: title
+          }), showSubtitle && /*#__PURE__*/_jsx(Text, {
+            testID: "appbar-subtitle",
+            className: "text-xs font-medium text-text-muted",
+            children: subtitle
+          })]
+        })]
+      }), isHome && /*#__PURE__*/_jsx(View, {
+        testID: "appbar-logo",
+        className: "flex-1 items-center justify-center",
+        children: logoSource ? /*#__PURE__*/_jsx(Image, {
+          source: logoSource,
+          resizeMode: "contain",
+          className: "w-8 h-8"
+        }) : /*#__PURE__*/_jsx(View, {
+          className: "w-8 h-8 bg-surface-subtle rounded-lg"
+        })
+      }), showTrailing && /*#__PURE__*/_jsx(Pressable, {
+        testID: "appbar-trailing",
+        onPress: onTrailingPress,
+        accessibilityRole: "button",
+        children: trailingIcon ?? /*#__PURE__*/_jsx(View, {
+          className: "w-4 h-4"
+        })
+      })]
+    }), showHeaderBlock && headerType && /*#__PURE__*/_jsx(HeaderBlock, {
+      type: headerType
+    })]
+  });
+  if (useSafeArea) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [Platform.OS !== 'web' && /*#__PURE__*/_jsx(StatusBar, {
+        barStyle: isDark ? 'light-content' : 'dark-content',
+        backgroundColor: "transparent",
+        translucent: true
+      }), /*#__PURE__*/_jsx(SafeAreaView, {
+        edges: ['top'],
+        children: content
+      })]
+    });
+  }
+  return content;
+}
+AppBar.displayName = 'AppBar';
+//# sourceMappingURL=AppBar.js.map

package/lib/module/components/Navigation/Appbar/AppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","RNView","Text","RNText","Image","RNImage","Pressable","RNPressable","Platform","StatusBar","SafeAreaView","cssInterop","useColorScheme","cn","Tabs","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","className","SearchHeader","children","HeaderBlock","type","AppBar","props","variant","title","subtitle","showLeading","showTrailing","showSubtitle","showHeaderBlock","headerType","onLeadingPress","onTrailingPress","leadingIcon","trailingIcon","logoSource","useSafeArea","testID","colorScheme","isDark","isHome","content","onPress","accessibilityRole","source","resizeMode","OS","barStyle","backgroundColor","translucent","edges","displayName"],"sourceRoot":"../../../../../src","sources":["components/Navigation/Appbar/AppBar.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,IAAIC,MAAM,EACdC,IAAI,IAAIC,MAAM,EACdC,KAAK,IAAIC,OAAO,EAChBC,SAAS,IAAIC,WAAW,EACxBC,QAAQ,EACRC,SAAS,QAEJ,cAAc;AACrB,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,UAAU,EAAEC,cAAc,QAAQ,YAAY;AAEvD,SAASC,EAAE,QAAQ,uBAAoB;AACvC,SAASC,IAAI,QAAQ,2BAAwB;;AAE7C;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACAT,UAAU,CAACV,MAAM,EAAE;EAAEoB,SAAS,EAAE;AAAQ,CAAC,CAAC;AAC1CV,UAAU,CAACR,MAAM,EAAE;EAAEkB,SAAS,EAAE;AAAQ,CAAC,CAAC;AAC1CV,UAAU,CAACN,OAAO,EAAE;EAAEgB,SAAS,EAAE;AAAQ,CAAC,CAAC;AAC3CV,UAAU,CAACJ,WAAW,EAAE;EAAEc,SAAS,EAAE;AAAQ,CAAC,CAAC;AAE/C,MAAMrB,IAAI,GAAGC,MAAa;AAC1B,MAAMC,IAAI,GAAGC,MAAa;AAC1B,MAAMC,KAAK,GAAGC,OAAc;AAC5B,MAAMC,SAAS,GAAGC,WAAkB;;AAEpC;AACA;AACA;;AAkCA;AACA;AACA;;AAEA,SAASe,YAAYA,CAAA,EAAG;EACtB,oBACEJ,KAAA,CAAClB,IAAI;IAACqB,SAAS,EAAC,sEAAsE;IAAAE,QAAA,gBAEpFP,IAAA,CAAChB,IAAI;MAACqB,SAAS,EAAC;IAAS,CAAE,CAAC,eAC5BL,IAAA,CAACd,IAAI;MAACmB,SAAS,EAAC,yCAAyC;MAAAE,QAAA,EAAC;IAAM,CAAM,CAAC;EAAA,CACnE,CAAC;AAEX;AAEA,SAASC,WAAWA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAC1D,IAAIA,IAAI,KAAK,QAAQ,EAAE;IACrB,oBAAOT,IAAA,CAACM,YAAY,IAAE,CAAC;EACzB;EAEA,oBAAON,IAAA,CAACF,IAAI,IAAE,CAAC;AACjB;;AAEA;AACA;AACA;;AAEA,OAAO,SAASY,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IACJC,OAAO,GAAG,SAAS;IACnBC,KAAK,GAAG,YAAY;IACpBC,QAAQ,GAAG,2BAA2B;IAEtCC,WAAW,GAAG,IAAI;IAClBC,YAAY,GAAG,IAAI;IACnBC,YAAY,GAAG,IAAI;IACnBC,eAAe,GAAG,IAAI;IAEtBC,UAAU;IAEVC,cAAc;IACdC,eAAe;IAEfC,WAAW;IACXC,YAAY;IAEZC,UAAU;IAEVC,WAAW,GAAG,IAAI;IAElBC;EACF,CAAC,GAAGf,KAAK;EAET,MAAM;IAAEgB;EAAY,CAAC,GAAG/B,cAAc,CAAC,CAAC;EACxC,MAAMgC,MAAM,GAAGD,WAAW,KAAK,MAAM;EACrC,MAAME,MAAM,GAAGjB,OAAO,KAAK,MAAM;EAEjC,MAAMkB,OAAO,gBACX5B,KAAA,CAAClB,IAAI;IACH0C,MAAM,EAAEA,MAAM,IAAI,QAAS;IAC3BrB,SAAS,EAAER,EAAE,CACX,oCAAoC,EACpC,CAACgC,MAAM,IAAI,UACb,CAAE;IAAAtB,QAAA,gBAGFL,KAAA,CAAClB,IAAI;MAACqB,SAAS,EAAC,uCAAuC;MAAAE,QAAA,gBAErDL,KAAA,CAAClB,IAAI;QAACqB,SAAS,EAAC,6BAA6B;QAAAE,QAAA,GAC1CQ,WAAW,iBACVf,IAAA,CAACV,SAAS;UACRoC,MAAM,EAAC,gBAAgB;UACvBK,OAAO,EAAEX,cAAe;UACxBY,iBAAiB,EAAC,QAAQ;UAAAzB,QAAA,EAEzBe,WAAW,iBAAItB,IAAA,CAAChB,IAAI;YAACqB,SAAS,EAAC;UAAS,CAAE;QAAC,CACnC,CACZ,EAEAO,OAAO,KAAK,SAAS,iBACpBV,KAAA,CAAClB,IAAI;UAACqB,SAAS,EAAC,OAAO;UAAAE,QAAA,gBACrBP,IAAA,CAACd,IAAI;YACHwC,MAAM,EAAC,cAAc;YACrBrB,SAAS,EAAC,yCAAyC;YAAAE,QAAA,EAElDM;UAAK,CACF,CAAC,EAENI,YAAY,iBACXjB,IAAA,CAACd,IAAI;YACHwC,MAAM,EAAC,iBAAiB;YACxBrB,SAAS,EAAC,qCAAqC;YAAAE,QAAA,EAE9CO;UAAQ,CACL,CACP;QAAA,CACG,CACP;MAAA,CACG,CAAC,EAGNe,MAAM,iBACL7B,IAAA,CAAChB,IAAI;QACH0C,MAAM,EAAC,aAAa;QACpBrB,SAAS,EAAC,oCAAoC;QAAAE,QAAA,EAE7CiB,UAAU,gBACTxB,IAAA,CAACZ,KAAK;UACJ6C,MAAM,EAAET,UAAW;UACnBU,UAAU,EAAC,SAAS;UACpB7B,SAAS,EAAC;QAAS,CACpB,CAAC,gBAEFL,IAAA,CAAChB,IAAI;UAACqB,SAAS,EAAC;QAAsC,CAAE;MACzD,CACG,CACP,EAGAW,YAAY,iBACXhB,IAAA,CAACV,SAAS;QACRoC,MAAM,EAAC,iBAAiB;QACxBK,OAAO,EAAEV,eAAgB;QACzBW,iBAAiB,EAAC,QAAQ;QAAAzB,QAAA,EAEzBgB,YAAY,iBAAIvB,IAAA,CAAChB,IAAI;UAACqB,SAAS,EAAC;QAAS,CAAE;MAAC,CACpC,CACZ;IAAA,CACG,CAAC,EAGNa,eAAe,IAAIC,UAAU,iBAAInB,IAAA,CAACQ,WAAW;MAACC,IAAI,EAAEU;IAAW,CAAE,CAAC;EAAA,CAC/D,CACP;EAED,IAAIM,WAAW,EAAE;IACf,oBACEvB,KAAA,CAAAE,SAAA;MAAAG,QAAA,GACGf,QAAQ,CAAC2C,EAAE,KAAK,KAAK,iBACpBnC,IAAA,CAACP,SAAS;QACR2C,QAAQ,EAAER,MAAM,GAAG,eAAe,GAAG,cAAe;QACpDS,eAAe,EAAC,aAAa;QAC7BC,WAAW;MAAA,CACZ,CACF,eACDtC,IAAA,CAACN,YAAY;QAAC6C,KAAK,EAAE,CAAC,KAAK,CAAE;QAAAhC,QAAA,EAAEuB;MAAO,CAAe,CAAC;IAAA,CACtD,CAAC;EAEP;EAEA,OAAOA,OAAO;AAChB;AAEApB,MAAM,CAAC8B,WAAW,GAAG,QAAQ","ignoreList":[]}

package/lib/module/components/Navigation/ContextMenu/Context-Menu.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import * as React from 'react';
+import { View as RNView, Pressable as RNPressable, Modal } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { MoreVertical } from 'lucide-react-native';
+import { cn } from "../../../lib/utils.js";
+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;
+/**
+ * ContextMenu
+ *
+ * A simplified context menu component with trigger and dropdown items.
+ * Toggle showIcon to show/hide the trigger icon.
+ */
+function ContextMenuComponent({
+  open: controlledOpen,
+  onOpenChange,
+  showIcon = true,
+  items = [],
+  triggerIcon,
+  style,
+  className
+}) {
+  const [internalOpen, setInternalOpen] = React.useState(false);
+  const isControlled = controlledOpen !== undefined;
+  const isOpen = isControlled ? controlledOpen : internalOpen;
+  const handleOpenChange = newOpen => {
+    if (!isControlled) {
+      setInternalOpen(newOpen);
+    }
+    onOpenChange?.(newOpen);
+  };
+  const handleToggle = () => {
+    handleOpenChange(!isOpen);
+  };
+  const handleClose = () => {
+    handleOpenChange(false);
+  };
+  const handleItemPress = item => {
+    item.onPress?.();
+    handleClose();
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: style,
+    className: cn('relative', className),
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      onPress: handleToggle,
+      hitSlop: 8,
+      className: "h-8 w-8 items-center justify-center rounded-md border border-border-default bg-surface-default",
+      children: triggerIcon ? triggerIcon : /*#__PURE__*/_jsx(Icon, {
+        as: MoreVertical,
+        size: 16,
+        className: "text-text-primary"
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: isOpen,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: handleClose,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        className: "flex-1",
+        onPress: handleClose,
+        children: /*#__PURE__*/_jsx(View, {
+          className: "flex-1 items-end pt-16 pr-4",
+          children: /*#__PURE__*/_jsx(View, {
+            className: "min-w-[180px] rounded-lg border border-border-default shadow-lg overflow-hidden bg-surface-default",
+            children: items.map((item, index) => /*#__PURE__*/_jsxs(Pressable, {
+              onPress: () => handleItemPress(item),
+              className: "flex-row items-center gap-3 px-4 py-3 active:bg-surface-secondary",
+              children: [showIcon && /*#__PURE__*/_jsx(View, {
+                className: cn('h-5 w-5 rounded-full border-2 border-border-default items-center justify-center', item.checked && 'bg-primary border-primary'),
+                children: item.checked && /*#__PURE__*/_jsx(View, {
+                  className: "h-2 w-2 rounded-full bg-white"
+                })
+              }), /*#__PURE__*/_jsx(Text, {
+                className: "text-sm text-text-primary flex-1",
+                children: item.label
+              })]
+            }, `${item.label}-${index}`))
+          })
+        })
+      })
+    })]
+  });
+}
+ContextMenuComponent.displayName = 'ContextMenu';
+export const ContextMenu = ContextMenuComponent;
+//# sourceMappingURL=Context-Menu.js.map

package/lib/module/components/Navigation/ContextMenu/Context-Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","RNView","Pressable","RNPressable","Modal","cssInterop","MoreVertical","cn","Text","Icon","jsx","_jsx","jsxs","_jsxs","className","ContextMenuComponent","open","controlledOpen","onOpenChange","showIcon","items","triggerIcon","style","internalOpen","setInternalOpen","useState","isControlled","undefined","isOpen","handleOpenChange","newOpen","handleToggle","handleClose","handleItemPress","item","onPress","children","hitSlop","as","size","visible","transparent","animationType","onRequestClose","map","index","checked","label","displayName","ContextMenu"],"sourceRoot":"../../../../../src","sources":["components/Navigation/ContextMenu/Context-Menu.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,IAAIC,MAAM,EACdC,SAAS,IAAIC,WAAW,EACxBC,KAAK,QAEA,cAAc;AACrB,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,EAAE,QAAQ,uBAAoB;AACvC,SAASC,IAAI,QAAQ,0BAAuB;AAC5C,SAASC,IAAI,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErCR,UAAU,CAACJ,MAAM,EAAE;EAAEa,SAAS,EAAE;AAAQ,CAAC,CAAC;AAC1CT,UAAU,CAACF,WAAW,EAAE;EAAEW,SAAS,EAAE;AAAQ,CAAC,CAAC;AAE/C,MAAMd,IAAI,GAAGC,MAAa;AAC1B,MAAMC,SAAS,GAAGC,WAAkB;AAmBpC;AACA;AACA;AACA;AACA;AACA;AACA,SAASY,oBAAoBA,CAAC;EAC5BC,IAAI,EAAEC,cAAc;EACpBC,YAAY;EACZC,QAAQ,GAAG,IAAI;EACfC,KAAK,GAAG,EAAE;EACVC,WAAW;EACXC,KAAK;EACLR;AACgB,CAAC,EAAE;EACnB,MAAM,CAACS,YAAY,EAAEC,eAAe,CAAC,GAAGzB,KAAK,CAAC0B,QAAQ,CAAC,KAAK,CAAC;EAE7D,MAAMC,YAAY,GAAGT,cAAc,KAAKU,SAAS;EACjD,MAAMC,MAAM,GAAGF,YAAY,GAAGT,cAAc,GAAGM,YAAY;EAE3D,MAAMM,gBAAgB,GAAIC,OAAgB,IAAK;IAC7C,IAAI,CAACJ,YAAY,EAAE;MACjBF,eAAe,CAACM,OAAO,CAAC;IAC1B;IACAZ,YAAY,GAAGY,OAAO,CAAC;EACzB,CAAC;EAED,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBF,gBAAgB,CAAC,CAACD,MAAM,CAAC;EAC3B,CAAC;EAED,MAAMI,WAAW,GAAGA,CAAA,KAAM;IACxBH,gBAAgB,CAAC,KAAK,CAAC;EACzB,CAAC;EAED,MAAMI,eAAe,GAAIC,IAAqB,IAAK;IACjDA,IAAI,CAACC,OAAO,GAAG,CAAC;IAChBH,WAAW,CAAC,CAAC;EACf,CAAC;EAED,oBACEnB,KAAA,CAACb,IAAI;IAACsB,KAAK,EAAEA,KAAM;IAACR,SAAS,EAAEP,EAAE,CAAC,UAAU,EAAEO,SAAS,CAAE;IAAAsB,QAAA,gBAEvDzB,IAAA,CAACT,SAAS;MACRiC,OAAO,EAAEJ,YAAa;MACtBM,OAAO,EAAE,CAAE;MACXvB,SAAS,EAAC,gGAAgG;MAAAsB,QAAA,EAEzGf,WAAW,GACVA,WAAW,gBAEXV,IAAA,CAACF,IAAI;QAAC6B,EAAE,EAAEhC,YAAa;QAACiC,IAAI,EAAE,EAAG;QAACzB,SAAS,EAAC;MAAmB,CAAE;IAClE,CACQ,CAAC,eAGZH,IAAA,CAACP,KAAK;MACJoC,OAAO,EAAEZ,MAAO;MAChBa,WAAW;MACXC,aAAa,EAAC,MAAM;MACpBC,cAAc,EAAEX,WAAY;MAAAI,QAAA,eAE5BzB,IAAA,CAACT,SAAS;QAACY,SAAS,EAAC,QAAQ;QAACqB,OAAO,EAAEH,WAAY;QAAAI,QAAA,eACjDzB,IAAA,CAACX,IAAI;UAACc,SAAS,EAAC,6BAA6B;UAAAsB,QAAA,eAC3CzB,IAAA,CAACX,IAAI;YAACc,SAAS,EAAC,oGAAoG;YAAAsB,QAAA,EACjHhB,KAAK,CAACwB,GAAG,CAAC,CAACV,IAAI,EAAEW,KAAK,kBACrBhC,KAAA,CAACX,SAAS;cAERiC,OAAO,EAAEA,CAAA,KAAMF,eAAe,CAACC,IAAI,CAAE;cACrCpB,SAAS,EAAC,mEAAmE;cAAAsB,QAAA,GAG5EjB,QAAQ,iBACPR,IAAA,CAACX,IAAI;gBACHc,SAAS,EAAEP,EAAE,CACX,iFAAiF,EACjF2B,IAAI,CAACY,OAAO,IAAI,2BAClB,CAAE;gBAAAV,QAAA,EAEDF,IAAI,CAACY,OAAO,iBACXnC,IAAA,CAACX,IAAI;kBAACc,SAAS,EAAC;gBAA+B,CAAE;cAClD,CACG,CACP,eACDH,IAAA,CAACH,IAAI;gBAACM,SAAS,EAAC,kCAAkC;gBAAAsB,QAAA,EAC/CF,IAAI,CAACa;cAAK,CACP,CAAC;YAAA,GAnBF,GAAGb,IAAI,CAACa,KAAK,IAAIF,KAAK,EAoBlB,CACZ;UAAC,CACE;QAAC,CACH;MAAC,CACE;IAAC,CACP,CAAC;EAAA,CACJ,CAAC;AAEX;AAEA9B,oBAAoB,CAACiC,WAAW,GAAG,aAAa;AAEhD,OAAO,MAAMC,WAAW,GAAGlC,oBAAoB","ignoreList":[]}

package/lib/module/components/Navigation/ContextMenu/ContextMenu.figma.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { ContextMenu } from "./Context-Menu.js";
+import { figma } from '@figma/code-connect';
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(ContextMenu, 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=166-533', {
+  props: {
+    showMenu: figma.boolean('showMenu'),
+    showIcon: figma.boolean('show Icon')
+  },
+  example: props => /*#__PURE__*/_jsx(ContextMenu, {
+    showIcon: props.showIcon,
+    items: [{
+      label: 'Menu item',
+      onPress: () => {}
+    }, {
+      label: 'Menu item',
+      onPress: () => {}
+    }, {
+      label: 'Menu item',
+      onPress: () => {}
+    }, {
+      label: 'Menu item',
+      onPress: () => {}
+    }]
+  })
+});
+//# sourceMappingURL=ContextMenu.figma.js.map

package/lib/module/components/Navigation/ContextMenu/ContextMenu.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ContextMenu","figma","jsx","_jsx","connect","props","showMenu","boolean","showIcon","example","items","label","onPress"],"sourceRoot":"../../../../../src","sources":["components/Navigation/ContextMenu/ContextMenu.figma.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,mBAAgB;AAE5C,SAASC,KAAK,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI5CF,KAAK,CAACG,OAAO,CACXJ,WAAW,EACX,oGAAoG,EACpG;EACEK,KAAK,EAAE;IACLC,QAAQ,EAAEL,KAAK,CAACM,OAAO,CAAC,UAAU,CAAC;IACnCC,QAAQ,EAAEP,KAAK,CAACM,OAAO,CAAC,WAAW;EACrC,CAAC;EACDE,OAAO,EAAGJ,KAAK,iBACbF,IAAA,CAACH,WAAW;IACVQ,QAAQ,EAAEH,KAAK,CAACG,QAAS;IACzBE,KAAK,EAAE,CACL;MAAEC,KAAK,EAAE,WAAW;MAAEC,OAAO,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAC,EACzC;MAAED,KAAK,EAAE,WAAW;MAAEC,OAAO,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAC,EACzC;MAAED,KAAK,EAAE,WAAW;MAAEC,OAAO,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAC,EACzC;MAAED,KAAK,EAAE,WAAW;MAAEC,OAAO,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAC;EACzC,CACH;AAEL,CACF,CAAC","ignoreList":[]}

package/lib/module/components/Navigation/Dialog/Dialog.figma.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { Dialog } from "./Dialog.js";
+import { figma } from '@figma/code-connect';
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(Dialog, 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=104-151', {
+  props: {
+    title: figma.string('title'),
+    description: figma.string('description'),
+    showDialogHeader: figma.boolean('Show dialogHeader'),
+    showTitle: figma.boolean('Show title'),
+    showDescription: figma.boolean('Show description'),
+    showCloseIcon: figma.boolean('Show closeIcon'),
+    showFooterActions: figma.boolean('Show FooterActions'),
+    dialogContent: figma.nestedProps('DialogContent', {
+      type: figma.enum('type', {
+        placeholder: 'placeholder',
+        form: 'form',
+        text: 'text',
+        list: 'list'
+      })
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(Dialog, {
+    title: props.title,
+    description: props.description,
+    showDialogHeader: props.showDialogHeader,
+    showTitle: props.showTitle,
+    showDescription: props.showDescription,
+    showCloseIcon: props.showCloseIcon,
+    showFooterActions: props.showFooterActions,
+    dialogContentType: props.dialogContent.type
+  })
+});
+//# sourceMappingURL=Dialog.figma.js.map

package/lib/module/components/Navigation/Dialog/Dialog.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dialog","figma","jsx","_jsx","connect","props","title","string","description","showDialogHeader","boolean","showTitle","showDescription","showCloseIcon","showFooterActions","dialogContent","nestedProps","type","enum","placeholder","form","text","list","example","dialogContentType"],"sourceRoot":"../../../../../src","sources":["components/Navigation/Dialog/Dialog.figma.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU;AACjC,SAASC,KAAK,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5CF,KAAK,CAACG,OAAO,CACXJ,MAAM,EACN,oGAAoG,EACpG;EACEK,KAAK,EAAE;IACLC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAAC,OAAO,CAAC;IAC5BC,WAAW,EAAEP,KAAK,CAACM,MAAM,CAAC,aAAa,CAAC;IACxCE,gBAAgB,EAAER,KAAK,CAACS,OAAO,CAAC,mBAAmB,CAAC;IACpDC,SAAS,EAAEV,KAAK,CAACS,OAAO,CAAC,YAAY,CAAC;IACtCE,eAAe,EAAEX,KAAK,CAACS,OAAO,CAAC,kBAAkB,CAAC;IAClDG,aAAa,EAAEZ,KAAK,CAACS,OAAO,CAAC,gBAAgB,CAAC;IAC9CI,iBAAiB,EAAEb,KAAK,CAACS,OAAO,CAAC,oBAAoB,CAAC;IACtDK,aAAa,EAAEd,KAAK,CAACe,WAAW,CAAC,eAAe,EAAE;MAChDC,IAAI,EAAEhB,KAAK,CAACiB,IAAI,CAAC,MAAM,EAAE;QACvBC,WAAW,EAAE,aAAa;QAC1BC,IAAI,EAAE,MAAM;QACZC,IAAI,EAAE,MAAM;QACZC,IAAI,EAAE;MACR,CAAC;IACH,CAAC;EACH,CAAC;EACDC,OAAO,EAAGlB,KAAK,iBACbF,IAAA,CAACH,MAAM;IACLM,KAAK,EAAED,KAAK,CAACC,KAAM;IACnBE,WAAW,EAAEH,KAAK,CAACG,WAAY;IAC/BC,gBAAgB,EAAEJ,KAAK,CAACI,gBAAiB;IACzCE,SAAS,EAAEN,KAAK,CAACM,SAAU;IAC3BC,eAAe,EAAEP,KAAK,CAACO,eAAgB;IACvCC,aAAa,EAAER,KAAK,CAACQ,aAAc;IACnCC,iBAAiB,EAAET,KAAK,CAACS,iBAAkB;IAC3CU,iBAAiB,EAAEnB,KAAK,CAACU,aAAa,CAACE;EAAK,CAC7C;AAEL,CACF,CAAC","ignoreList":[]}

package/lib/module/components/Navigation/Dialog/Dialog.js

@@ -0,0 +1,199 @@
+"use strict";
+
+import { View, Text as RNText } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react-native';
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../Input/Button/Button.js";
+import { TextField } from "../../Input/TextField/Textfield.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;
+
+/* -----------------------------------------------------
+ * DialogContent with different content types
+ * --------------------------------------------------- */
+
+function DialogContent({
+  testID,
+  type = 'placeholder'
+}) {
+  switch (type) {
+    case 'form':
+      return /*#__PURE__*/_jsx(StyledView, {
+        testID: testID,
+        className: "w-full gap-4",
+        children: /*#__PURE__*/_jsx(TextField, {
+          state: "default",
+          content: "placeholder",
+          type: "text",
+          showLabel: true,
+          showHelpText: true,
+          showLeftIcon: false,
+          showRightIcon: false,
+          label: "Email Address",
+          helpText: "Enter your email address",
+          inputProps: {
+            placeholder: 'name@example.com'
+          }
+        })
+      });
+    case 'text':
+      return /*#__PURE__*/_jsx(StyledView, {
+        testID: testID,
+        className: "w-full",
+        children: /*#__PURE__*/_jsx(StyledText, {
+          className: "text-base text-text-primary text-left leading-6",
+          children: "This is a text content area. You can display detailed information, instructions, or any text-based content here."
+        })
+      });
+    case 'list':
+      return /*#__PURE__*/_jsx(StyledView, {
+        testID: testID,
+        className: "w-full gap-2",
+        children: /*#__PURE__*/_jsxs(StyledView, {
+          className: "gap-2",
+          children: [/*#__PURE__*/_jsx(StyledView, {
+            className: "py-2 border-b border-gray-200",
+            children: /*#__PURE__*/_jsx(StyledText, {
+              className: "text-base text-text-primary",
+              children: "Item 1"
+            })
+          }), /*#__PURE__*/_jsx(StyledView, {
+            className: "py-2 border-b border-gray-200",
+            children: /*#__PURE__*/_jsx(StyledText, {
+              className: "text-base text-text-primary",
+              children: "Item 2"
+            })
+          }), /*#__PURE__*/_jsx(StyledView, {
+            className: "py-2",
+            children: /*#__PURE__*/_jsx(StyledText, {
+              className: "text-base text-text-primary",
+              children: "Item 3"
+            })
+          })]
+        })
+      });
+    case 'placeholder':
+    default:
+      return /*#__PURE__*/_jsx(StyledView, {
+        testID: testID,
+        className: "w-full",
+        children: /*#__PURE__*/_jsx(StyledText, {
+          className: "text-base text-text-primary text-left",
+          children: "Placeholder Content"
+        })
+      });
+  }
+}
+
+/* -----------------------------------------------------
+ * Variants
+ * --------------------------------------------------- */
+
+const rootVariants = cva('self-stretch flex-col items-start rounded-[20px] bg-surface-default px-5 py-5 gap-5');
+const headerWrapVariants = cva('w-full flex-col items-start gap-1');
+const headerRowVariants = cva('w-full flex-row items-start justify-between gap-2');
+const headerTextVariants = cva('flex-1 flex-col items-start gap-2');
+const titleVariants = cva('text-2xl font-bold text-text-primary');
+const descriptionVariants = cva('text-sm font-medium text-text-secondary');
+const contentWrapVariants = cva('w-full flex-col items-start');
+const footerVariants = cva('w-full flex-row items-start gap-3');
+
+/* -----------------------------------------------------
+ * Props
+ * --------------------------------------------------- */
+
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+export function Dialog(props) {
+  const {
+    title,
+    description,
+    showFooterActions = true,
+    showCloseIcon = true,
+    showDescription = true,
+    showDialogHeader = true,
+    showTitle = true,
+    dialogContentType = 'placeholder',
+    style,
+    testID
+  } = props;
+  return /*#__PURE__*/_jsxs(StyledView, {
+    testID: testID ?? 'dialog',
+    className: cn(rootVariants()),
+    style: style,
+    children: [showDialogHeader ? /*#__PURE__*/_jsx(StyledView, {
+      testID: "dialog-header",
+      className: cn(headerWrapVariants()),
+      children: /*#__PURE__*/_jsxs(StyledView, {
+        testID: "dialog-header-row",
+        className: cn(headerRowVariants()),
+        children: [/*#__PURE__*/_jsxs(StyledView, {
+          testID: "dialog-header-text",
+          className: cn(headerTextVariants()),
+          children: [showTitle ? /*#__PURE__*/_jsx(StyledText, {
+            testID: "dialog-title",
+            className: cn(titleVariants()),
+            children: title
+          }) : null, showDescription ? /*#__PURE__*/_jsx(StyledText, {
+            testID: "dialog-description",
+            className: cn(descriptionVariants()),
+            children: description
+          }) : null]
+        }), showCloseIcon ? /*#__PURE__*/_jsx(StyledView, {
+          testID: "dialog-close",
+          className: "items-center justify-center p-1",
+          children: /*#__PURE__*/_jsx(X, {
+            size: 20,
+            color: '#121212'
+          })
+        }) : null]
+      })
+    }) : null, /*#__PURE__*/_jsx(StyledView, {
+      testID: "dialog-content",
+      className: cn(contentWrapVariants()),
+      children: /*#__PURE__*/_jsx(DialogContent, {
+        testID: "dialog-content-placeholder",
+        type: dialogContentType
+      })
+    }), showFooterActions ? /*#__PURE__*/_jsxs(StyledView, {
+      testID: "dialog-footer",
+      className: cn(footerVariants()),
+      children: [/*#__PURE__*/_jsx(Button, {
+        testID: "dialog-primary",
+        disabled: false,
+        size: "default",
+        variant: "default",
+        showLeftIcon: false,
+        showRightIcon: false,
+        children: "PrimaryAction"
+      }), /*#__PURE__*/_jsx(Button, {
+        testID: "dialog-secondary",
+        disabled: false,
+        size: "default",
+        variant: "outline",
+        showLeftIcon: false,
+        showRightIcon: false,
+        children: "SecondaryAction"
+      })]
+    }) : null]
+  });
+}
+Dialog.displayName = 'Dialog';
+export { rootVariants };
+//# sourceMappingURL=Dialog.js.map

package/lib/module/components/Navigation/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","RNText","cssInterop","cva","X","cn","Button","TextField","jsx","_jsx","jsxs","_jsxs","className","StyledView","StyledText","DialogContent","testID","type","children","state","content","showLabel","showHelpText","showLeftIcon","showRightIcon","label","helpText","inputProps","placeholder","rootVariants","headerWrapVariants","headerRowVariants","headerTextVariants","titleVariants","descriptionVariants","contentWrapVariants","footerVariants","Dialog","props","title","description","showFooterActions","showCloseIcon","showDescription","showDialogHeader","showTitle","dialogContentType","style","size","color","disabled","variant","displayName"],"sourceRoot":"../../../../../src","sources":["components/Navigation/Dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Navigation/FloatingAction/Floating-Action.figma.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { FloatingActionButton } from "./Floating-Action.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=202-567';
+figma.connect(FloatingActionButton, FIGMA_URL, {
+  props: {
+    size: figma.enum('size', {
+      sm: 'sm',
+      md: 'md',
+      lg: 'lg'
+    }),
+    variant: figma.enum('variant', {
+      default: 'default',
+      disabled: 'disabled'
+    }),
+    label: figma.boolean('label')
+  },
+  example: props => /*#__PURE__*/_jsx(FloatingActionButton, {
+    size: props.size,
+    variant: props.variant,
+    label: props.label
+  })
+});
+//# sourceMappingURL=Floating-Action.figma.js.map

package/lib/module/components/Navigation/FloatingAction/Floating-Action.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","FloatingActionButton","jsx","_jsx","FIGMA_URL","connect","props","size","enum","sm","md","lg","variant","default","disabled","label","boolean","example"],"sourceRoot":"../../../../../src","sources":["components/Navigation/FloatingAction/Floating-Action.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,oBAAoB,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzD,MAAMC,SAAS,GACb,oGAAoG;AAEtGJ,KAAK,CAACK,OAAO,CAACJ,oBAAoB,EAAEG,SAAS,EAAE;EAC7CE,KAAK,EAAE;IACLC,IAAI,EAAEP,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IAEFC,OAAO,EAAEZ,KAAK,CAACQ,IAAI,CAAC,SAAS,EAAE;MAC7BK,OAAO,EAAE,SAAS;MAClBC,QAAQ,EAAE;IACZ,CAAC,CAAC;IAEFC,KAAK,EAAEf,KAAK,CAACgB,OAAO,CAAC,OAAO;EAC9B,CAAC;EAEDC,OAAO,EAAGX,KAAK,iBACbH,IAAA,CAACF,oBAAoB;IACnBM,IAAI,EAAED,KAAK,CAACC,IAAK;IACjBK,OAAO,EAAEN,KAAK,CAACM,OAAQ;IACvBG,KAAK,EAAET,KAAK,CAACS;EAAM,CACpB;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Navigation/FloatingAction/Floating-Action.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import React from 'react';
+import { Text, TouchableOpacity, Image } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cssInterop } from 'nativewind';
+import { cn } from "../../../lib/utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(Image, {
+  className: 'style'
+});
+const floatingActionVariants = cva('flex-row items-center justify-center rounded-rounded bg-brand-primary gap-sm', {
+  variants: {
+    size: {
+      sm: 'h-[48px] p-md',
+      md: 'h-[60px] px-[18px] py-md',
+      lg: 'w-[80px] h-[80px] p-md aspect-square'
+    },
+    variant: {
+      default: 'opacity-100',
+      disabled: 'opacity-40'
+    }
+  },
+  defaultVariants: {
+    size: 'sm',
+    variant: 'default'
+  }
+});
+export function FloatingActionButton({
+  label = false,
+  size = 'sm',
+  variant = 'default',
+  className,
+  ...props
+}) {
+  const isDisabled = variant === 'disabled';
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    activeOpacity: 0.8,
+    disabled: isDisabled,
+    className: cn(floatingActionVariants({
+      size,
+      variant
+    }), className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: size === 'sm' ? 'https://www.figma.com/api/mcp/asset/0c75c1c6-b436-42d0-9f9f-c51df3ee2c29' : 'https://www.figma.com/api/mcp/asset/67a84733-aac5-4c1c-b280-959f74aaac9e'
+      },
+      className: "w-[16px] h-[16px]",
+      resizeMode: "contain"
+    }), label && /*#__PURE__*/_jsx(Text, {
+      className: "text-text-inverse text-[14px] font-semibold ml-2",
+      children: "Create"
+    })]
+  });
+}
+export default FloatingActionButton;
+//# sourceMappingURL=Floating-Action.js.map

package/lib/module/components/Navigation/FloatingAction/Floating-Action.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","TouchableOpacity","Image","cva","cssInterop","cn","jsx","_jsx","jsxs","_jsxs","className","floatingActionVariants","variants","size","sm","md","lg","variant","default","disabled","defaultVariants","FloatingActionButton","label","props","isDisabled","activeOpacity","children","source","uri","resizeMode"],"sourceRoot":"../../../../../src","sources":["components/Navigation/FloatingAction/Floating-Action.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EACJC,gBAAgB,EAChBC,KAAK,QAEA,cAAc;AACrB,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,EAAE,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExCL,UAAU,CAACF,KAAK,EAAE;EAAEQ,SAAS,EAAE;AAAQ,CAAC,CAAC;AAEzC,MAAMC,sBAAsB,GAAGR,GAAG,CAChC,8EAA8E,EAC9E;EACES,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,0BAA0B;MAC9BC,EAAE,EAAE;IACN,CAAC;IACDC,OAAO,EAAE;MACPC,OAAO,EAAE,aAAa;MACtBC,QAAQ,EAAE;IACZ;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,IAAI,EAAE,IAAI;IACVI,OAAO,EAAE;EACX;AACF,CACF,CAAC;AAQD,OAAO,SAASI,oBAAoBA,CAAC;EACnCC,KAAK,GAAG,KAAK;EACbT,IAAI,GAAG,IAAI;EACXI,OAAO,GAAG,SAAS;EACnBP,SAAS;EACT,GAAGa;AACsB,CAAC,EAAE;EAC5B,MAAMC,UAAU,GAAGP,OAAO,KAAK,UAAU;EAEzC,oBACER,KAAA,CAACR,gBAAgB;IACfwB,aAAa,EAAE,GAAI;IACnBN,QAAQ,EAAEK,UAAW;IACrBd,SAAS,EAAEL,EAAE,CAACM,sBAAsB,CAAC;MAAEE,IAAI;MAAEI;IAAQ,CAAC,CAAC,EAAEP,SAAS,CAAE;IAAA,GAChEa,KAAK;IAAAG,QAAA,gBAETnB,IAAA,CAACL,KAAK;MACJyB,MAAM,EAAE;QACNC,GAAG,EACDf,IAAI,KAAK,IAAI,GACT,0EAA0E,GAC1E;MACR,CAAE;MACFH,SAAS,EAAC,mBAAmB;MAC7BmB,UAAU,EAAC;IAAS,CACrB,CAAC,EAEDP,KAAK,iBACJf,IAAA,CAACP,IAAI;MAACU,SAAS,EAAC,kDAAkD;MAAAgB,QAAA,EAAC;IAEnE,CAAM,CACP;EAAA,CACe,CAAC;AAEvB;AAEA,eAAeL,oBAAoB","ignoreList":[]}