@campxdev/react-native-blueprint 0.1.13 → 0.1.14

package/lib/module/components/Layout/Bottomsheet/Bottom-Sheet.js

@@ -0,0 +1,312 @@
+"use strict";
+
+import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef } from 'react';
+import { StyleSheet, View as RNView, Text as RNText } from 'react-native';
+import { cssInterop } from 'nativewind';
+import BottomSheetPrimitive, { BottomSheetBackdrop, BottomSheetView } from '@gorhom/bottom-sheet';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+import { useTheme } from "../../../lib/ThemeProvider.js";
+import { hslToRgb } from "../../theme-config.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";
+const View = cssInterop(RNView, {
+  className: 'style'
+});
+const Text = cssInterop(RNText, {
+  className: 'style'
+});
+
+/* -----------------------------------------------------
+ * BottomSheetDefault Variants
+ * --------------------------------------------------- */
+const sheetRootVariants = cva(cn('flex-col items-start', 'w-full', 'pt-4 px-5 pb-12 gap-4', 'rounded-t-xl bg-background'), {
+  variants: {
+    tone: {
+      default: ''
+    }
+  },
+  defaultVariants: {
+    tone: 'default'
+  }
+});
+const handleWrapVariants = cva('self-stretch items-center');
+const handleBarVariants = cva('w-20 h-1 rounded-sm bg-muted');
+const headerRowVariants = cva(cn('self-stretch', 'flex-row items-start'));
+const headerStackVariants = cva(cn('flex-1 flex-col items-start', 'gap-1'));
+const titleVariants = cva('text-base font-bold text-foreground');
+const descriptionVariants = cva('text-xs font-medium text-muted-foreground');
+const contentVariants = cva('self-stretch');
+const footerVariants = cva(cn('self-stretch flex-row items-start', 'gap-2'));
+const footerBtnFillVariants = cva('flex-1');
+
+/* BottomSheet Content Types */
+
+function BottomSheetContentRenderer({
+  type = 'placeholder'
+}) {
+  const StyledView = RNView;
+  const StyledText = RNText;
+  switch (type) {
+    case 'form':
+      return /*#__PURE__*/_jsx(StyledView, {
+        className: "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, {
+        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 'placeholder':
+    default:
+      return /*#__PURE__*/_jsx(StyledView, {
+        children: /*#__PURE__*/_jsx(StyledText, {
+          className: "text-base text-text-primary text-left",
+          children: "Placeholder Content"
+        })
+      });
+  }
+}
+
+/* -----------------------------------------------------
+ * BottomSheetDefault Props
+ * --------------------------------------------------- */
+
+/* -----------------------------------------------------
+ * BottomSheetDefault Component
+ * --------------------------------------------------- */
+function BottomSheetDefault(props) {
+  const {
+    descriptionText = 'Description',
+    titleText = 'Title',
+    showDescription = true,
+    showFooter = true,
+    showHeader = true,
+    dismissable = true,
+    primaryButtonText = 'Primary',
+    secondaryButtonText = 'Secondary',
+    onPrimaryPress,
+    onSecondaryPress,
+    sheetContentType = 'placeholder',
+    children,
+    style,
+    testID
+  } = props;
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID ?? 'bottom-sheet-default',
+    className: cn(sheetRootVariants({
+      tone: 'default'
+    })),
+    style: style,
+    children: [dismissable ? /*#__PURE__*/_jsx(View, {
+      testID: "bottom-sheet-handle",
+      className: cn(handleWrapVariants()),
+      children: /*#__PURE__*/_jsx(View, {
+        className: cn(handleBarVariants())
+      })
+    }) : null, showHeader ? /*#__PURE__*/_jsx(View, {
+      testID: "bottom-sheet-header",
+      className: cn(headerRowVariants()),
+      children: /*#__PURE__*/_jsxs(View, {
+        className: cn(headerStackVariants()),
+        children: [/*#__PURE__*/_jsx(Text, {
+          testID: "bottom-sheet-title",
+          className: cn(titleVariants()),
+          children: titleText
+        }), showDescription ? /*#__PURE__*/_jsx(Text, {
+          testID: "bottom-sheet-description",
+          className: cn(descriptionVariants()),
+          children: descriptionText
+        }) : null]
+      })
+    }) : null, /*#__PURE__*/_jsx(View, {
+      testID: "bottom-sheet-content",
+      className: cn(contentVariants()),
+      children: children ? children : /*#__PURE__*/_jsx(BottomSheetContentRenderer, {
+        type: sheetContentType
+      })
+    }), showFooter ? /*#__PURE__*/_jsxs(View, {
+      testID: "bottom-sheet-footer",
+      className: cn(footerVariants()),
+      children: [/*#__PURE__*/_jsx(View, {
+        className: cn(footerBtnFillVariants()),
+        children: /*#__PURE__*/_jsx(Button, {
+          testID: "bottom-sheet-secondary",
+          variant: "secondary",
+          size: "lg",
+          onPress: onSecondaryPress,
+          children: secondaryButtonText
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        className: cn(footerBtnFillVariants()),
+        children: /*#__PURE__*/_jsx(Button, {
+          testID: "bottom-sheet-primary",
+          variant: "default",
+          size: "lg",
+          onPress: onPrimaryPress,
+          children: primaryButtonText
+        })
+      })]
+    }) : null]
+  });
+}
+BottomSheetDefault.displayName = 'BottomSheetDefault';
+
+/* -----------------------------------------------------
+ * Original BottomSheet Types
+ * --------------------------------------------------- */
+
+/* -----------------------------------------------------
+ * Original BottomSheet Component
+ * --------------------------------------------------- */
+const BottomSheet = /*#__PURE__*/forwardRef(({
+  children,
+  snapPoints: customSnapPoints,
+  initialSnapIndex = -1,
+  enablePanDownToClose = true,
+  enableDynamicSizing = false,
+  backdropOpacity = 0.5,
+  enableBackdropDismiss = true,
+  handleIndicatorStyle,
+  backgroundStyle,
+  className,
+  containerClassName,
+  onChange,
+  onClose
+}, ref) => {
+  const bottomSheetRef = useRef(null);
+  const {
+    colors
+  } = useTheme();
+
+  // Default snap points if not provided
+  const snapPoints = useMemo(() => customSnapPoints ?? ['25%', '50%', '90%'], [customSnapPoints]);
+
+  // Expose methods via ref
+  useImperativeHandle(ref, () => ({
+    open: () => bottomSheetRef.current?.expand(),
+    close: () => bottomSheetRef.current?.close(),
+    expand: () => bottomSheetRef.current?.expand(),
+    collapse: () => bottomSheetRef.current?.collapse(),
+    snapToIndex: index => bottomSheetRef.current?.snapToIndex(index)
+  }));
+
+  // Custom backdrop component
+  const renderBackdrop = useCallback(props => /*#__PURE__*/_jsx(BottomSheetBackdrop, {
+    ...props,
+    opacity: backdropOpacity,
+    appearsOnIndex: 0,
+    disappearsOnIndex: -1,
+    pressBehavior: enableBackdropDismiss ? 'close' : 'none'
+  }), [backdropOpacity, enableBackdropDismiss]);
+
+  // Handle sheet changes
+  const handleSheetChanges = useCallback(index => {
+    onChange?.(index);
+    if (index === -1) {
+      onClose?.();
+    }
+  }, [onChange, onClose]);
+
+  // Theme-aware background style
+  const themedBackgroundStyle = useMemo(() => [styles.background, {
+    backgroundColor: hslToRgb(colors.card)
+  }, backgroundStyle], [colors.card, backgroundStyle]);
+
+  // Theme-aware handle indicator style
+  const themedHandleStyle = useMemo(() => [styles.handleIndicator, {
+    backgroundColor: hslToRgb(colors.border)
+  }, handleIndicatorStyle], [colors.border, handleIndicatorStyle]);
+  return /*#__PURE__*/_jsx(BottomSheetPrimitive, {
+    ref: bottomSheetRef,
+    index: initialSnapIndex,
+    snapPoints: snapPoints,
+    enablePanDownToClose: enablePanDownToClose,
+    enableDynamicSizing: enableDynamicSizing,
+    backdropComponent: renderBackdrop,
+    onChange: handleSheetChanges,
+    handleIndicatorStyle: themedHandleStyle,
+    backgroundStyle: themedBackgroundStyle,
+    style: styles.container,
+    animateOnMount: false,
+    children: /*#__PURE__*/_jsx(BottomSheetView, {
+      children: /*#__PURE__*/_jsx(View, {
+        className: cn('flex-1 bg-card', containerClassName),
+        children: /*#__PURE__*/_jsx(View, {
+          className: cn('flex-1', className),
+          children: children
+        })
+      })
+    })
+  });
+});
+BottomSheet.displayName = 'BottomSheet';
+const styles = StyleSheet.create({
+  container: {
+    zIndex: 9999
+  },
+  contentContainer: {
+    flex: 1
+  },
+  background: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20
+  },
+  handleIndicator: {
+    width: 40,
+    height: 4
+  }
+});
+
+/* -----------------------------------------------------
+ * Helper Components
+ * --------------------------------------------------- */
+
+const BottomSheetHeader = ({
+  children,
+  className
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn('border-b border-border px-4 py-3 web:px-6', className),
+    children: children
+  });
+};
+const BottomSheetContent = ({
+  children,
+  className
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn('flex-1 px-4 py-4 web:px-6', className),
+    children: children
+  });
+};
+const BottomSheetFooter = ({
+  children,
+  className
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn('border-t border-border px-4 py-3 web:px-6', className),
+    children: children
+  });
+};
+export { BottomSheet, BottomSheetDefault, BottomSheetHeader, BottomSheetContent, BottomSheetFooter };
+//# sourceMappingURL=Bottom-Sheet.js.map

package/lib/module/components/Layout/Bottomsheet/Bottom-Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useMemo","useRef","StyleSheet","View","RNView","Text","RNText","cssInterop","BottomSheetPrimitive","BottomSheetBackdrop","BottomSheetView","cva","cn","useTheme","hslToRgb","Button","TextField","jsx","_jsx","jsxs","_jsxs","className","sheetRootVariants","variants","tone","default","defaultVariants","handleWrapVariants","handleBarVariants","headerRowVariants","headerStackVariants","titleVariants","descriptionVariants","contentVariants","footerVariants","footerBtnFillVariants","BottomSheetContentRenderer","type","StyledView","StyledText","children","state","content","showLabel","showHelpText","showLeftIcon","showRightIcon","label","helpText","inputProps","placeholder","BottomSheetDefault","props","descriptionText","titleText","showDescription","showFooter","showHeader","dismissable","primaryButtonText","secondaryButtonText","onPrimaryPress","onSecondaryPress","sheetContentType","style","testID","variant","size","onPress","displayName","BottomSheet","snapPoints","customSnapPoints","initialSnapIndex","enablePanDownToClose","enableDynamicSizing","backdropOpacity","enableBackdropDismiss","handleIndicatorStyle","backgroundStyle","containerClassName","onChange","onClose","ref","bottomSheetRef","colors","open","current","expand","close","collapse","snapToIndex","index","renderBackdrop","opacity","appearsOnIndex","disappearsOnIndex","pressBehavior","handleSheetChanges","themedBackgroundStyle","styles","background","backgroundColor","card","themedHandleStyle","handleIndicator","border","backdropComponent","container","animateOnMount","create","zIndex","contentContainer","flex","borderTopLeftRadius","borderTopRightRadius","width","height","BottomSheetHeader","BottomSheetContent","BottomSheetFooter"],"sourceRoot":"../../../../../src","sources":["components/Layout/Bottomsheet/Bottom-Sheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Layout/Bottomsheet/BottomSheet.figma.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { BottomSheetDefault } from "./Bottom-Sheet.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(BottomSheetDefault, 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=299-5915', {
+  props: {
+    // Text content
+    titleText: figma.string('Title Text'),
+    descriptionText: figma.string('Description Text'),
+    // Visibility toggles
+    showHeader: figma.boolean('Show Header'),
+    showDescription: figma.boolean('Show Description'),
+    showFooter: figma.boolean('Show Footer'),
+    dismissable: figma.boolean('dismissable'),
+    // Content type (nested instance)
+    bottomSheetContent: figma.nestedProps('Bottom Sheet Content', {
+      variant: figma.enum('variant', {
+        placeholder: 'placeholder',
+        form: 'form',
+        text: 'text'
+      })
+    })
+  },
+  example: props => /*#__PURE__*/_jsx(BottomSheetDefault, {
+    titleText: props.titleText,
+    descriptionText: props.descriptionText,
+    showHeader: props.showHeader,
+    showDescription: props.showDescription,
+    showFooter: props.showFooter,
+    dismissable: props.dismissable,
+    sheetContentType: props.bottomSheetContent.variant
+  })
+});
+//# sourceMappingURL=BottomSheet.figma.js.map

package/lib/module/components/Layout/Bottomsheet/BottomSheet.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","BottomSheetDefault","jsx","_jsx","connect","props","titleText","string","descriptionText","showHeader","boolean","showDescription","showFooter","dismissable","bottomSheetContent","nestedProps","variant","enum","placeholder","form","text","example","sheetContentType"],"sourceRoot":"../../../../../src","sources":["components/Layout/Bottomsheet/BottomSheet.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,kBAAkB,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpDH,KAAK,CAACI,OAAO,CACXH,kBAAkB,EAClB,qGAAqG,EACrG;EACEI,KAAK,EAAE;IACL;IACAC,SAAS,EAAEN,KAAK,CAACO,MAAM,CAAC,YAAY,CAAC;IACrCC,eAAe,EAAER,KAAK,CAACO,MAAM,CAAC,kBAAkB,CAAC;IACjD;IACAE,UAAU,EAAET,KAAK,CAACU,OAAO,CAAC,aAAa,CAAC;IACxCC,eAAe,EAAEX,KAAK,CAACU,OAAO,CAAC,kBAAkB,CAAC;IAClDE,UAAU,EAAEZ,KAAK,CAACU,OAAO,CAAC,aAAa,CAAC;IACxCG,WAAW,EAAEb,KAAK,CAACU,OAAO,CAAC,aAAa,CAAC;IACzC;IACAI,kBAAkB,EAAEd,KAAK,CAACe,WAAW,CAAC,sBAAsB,EAAE;MAC5DC,OAAO,EAAEhB,KAAK,CAACiB,IAAI,CAAC,SAAS,EAAE;QAC7BC,WAAW,EAAE,aAAa;QAC1BC,IAAI,EAAE,MAAM;QACZC,IAAI,EAAE;MACR,CAAC;IACH,CAAC;EACH,CAAC;EACDC,OAAO,EAAGhB,KAAK,iBACbF,IAAA,CAACF,kBAAkB;IACjBK,SAAS,EAAED,KAAK,CAACC,SAAU;IAC3BE,eAAe,EAAEH,KAAK,CAACG,eAAgB;IACvCC,UAAU,EAAEJ,KAAK,CAACI,UAAW;IAC7BE,eAAe,EAAEN,KAAK,CAACM,eAAgB;IACvCC,UAAU,EAAEP,KAAK,CAACO,UAAW;IAC7BC,WAAW,EAAER,KAAK,CAACQ,WAAY;IAC/BS,gBAAgB,EAAEjB,KAAK,CAACS,kBAAkB,CAACE;EAAQ,CACpD;AAEL,CACF,CAAC","ignoreList":[]}

package/lib/module/components/Layout/PageContent/PageContent.figma.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import PageContent from "./PageContent.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=224-3691';
+
+/**
+ * PageContent - Scrollable content wrapper for page layouts
+ *
+ * Use cases:
+ * - Main content area within page layouts
+ * - Wrapping scrollable content or static views
+ * - Providing consistent keyboard avoiding behavior on iOS
+ *
+ * Features:
+ * - SafeAreaView wrapper for safe content display
+ * - KeyboardAvoidingView for iOS keyboard handling
+ * - Optional scroll mode with ScrollView
+ * - Optional header slot
+ */
+figma.connect(PageContent, FIGMA_URL, {
+  props: {
+    children: figma.instance('Instance')
+  },
+  example: ({
+    children
+  }) => /*#__PURE__*/_jsx(PageContent, {
+    children: children
+  })
+});
+//# sourceMappingURL=PageContent.figma.js.map

package/lib/module/components/Layout/PageContent/PageContent.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","PageContent","jsx","_jsx","FIGMA_URL","connect","props","children","instance","example"],"sourceRoot":"../../../../../src","sources":["components/Layout/PageContent/PageContent.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,OAAOC,WAAW,MAAM,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,WAAW,EAAEG,SAAS,EAAE;EACpCE,KAAK,EAAE;IACLC,QAAQ,EAAEP,KAAK,CAACQ,QAAQ,CAAC,UAAU;EACrC,CAAC;EACDC,OAAO,EAAEA,CAAC;IAAEF;EAAS,CAAC,kBAAKJ,IAAA,CAACF,WAAW;IAAAM,QAAA,EAAEA;EAAQ,CAAc;AACjE,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Layout/PageContent/PageContent.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import { View, ScrollView, KeyboardAvoidingView, Platform } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PageContent Component
+ *
+ * Main content area wrapper that provides SafeAreaView, KeyboardAvoidingView, and optional scrolling behavior.
+ * Automatically handles keyboard avoiding on iOS and provides consistent content wrapping.
+ */
+const PageContent = ({
+  children,
+  scroll = false,
+  header,
+  style,
+  contentContainerStyle
+}) => {
+  const Container = scroll ? ScrollView : View;
+  return /*#__PURE__*/_jsx(SafeAreaView, {
+    edges: ['top', 'bottom'],
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1,
+        backgroundColor: '#fff'
+      },
+      children: /*#__PURE__*/_jsxs(KeyboardAvoidingView, {
+        style: {
+          flex: 1
+        },
+        behavior: Platform.OS === 'ios' ? 'padding' : undefined,
+        children: [header, /*#__PURE__*/_jsx(Container, {
+          style: [{
+            flex: 1
+          }, style],
+          contentContainerStyle: [scroll ? {
+            padding: 16,
+            gap: 16,
+            flexGrow: 1
+          } : undefined, contentContainerStyle],
+          showsVerticalScrollIndicator: false,
+          children: children
+        })]
+      })
+    })
+  });
+};
+export { PageContent };
+export default PageContent;
+//# sourceMappingURL=PageContent.js.map

package/lib/module/components/Layout/PageContent/PageContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","ScrollView","KeyboardAvoidingView","Platform","SafeAreaView","jsx","_jsx","jsxs","_jsxs","PageContent","children","scroll","header","style","contentContainerStyle","Container","edges","flex","backgroundColor","behavior","OS","undefined","padding","gap","flexGrow","showsVerticalScrollIndicator"],"sourceRoot":"../../../../../src","sources":["components/Layout/PageContent/PageContent.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,EAAEC,oBAAoB,EAAEC,QAAQ,QAAQ,cAAc;AAE/E,SAASC,YAAY,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU9D;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAGA,CAAC;EACnBC,QAAQ;EACRC,MAAM,GAAG,KAAK;EACdC,MAAM;EACNC,KAAK;EACLC;AACgB,CAAC,KAAK;EACtB,MAAMC,SAA0C,GAAGJ,MAAM,GAAGV,UAAU,GAAGD,IAAI;EAE7E,oBACEM,IAAA,CAACF,YAAY;IAACY,KAAK,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAE;IAAAN,QAAA,eACrCJ,IAAA,CAACN,IAAI;MAACa,KAAK,EAAE;QAAEI,IAAI,EAAE,CAAC;QAAEC,eAAe,EAAE;MAAO,CAAE;MAAAR,QAAA,eAChDF,KAAA,CAACN,oBAAoB;QACnBW,KAAK,EAAE;UAAEI,IAAI,EAAE;QAAE,CAAE;QACnBE,QAAQ,EAAEhB,QAAQ,CAACiB,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGC,SAAU;QAAAX,QAAA,GAEvDE,MAAM,eAEPN,IAAA,CAACS,SAAS;UACRF,KAAK,EAAE,CAAC;YAAEI,IAAI,EAAE;UAAE,CAAC,EAAEJ,KAAK,CAAE;UAC5BC,qBAAqB,EAAE,CACrBH,MAAM,GACF;YACEW,OAAO,EAAE,EAAE;YACXC,GAAG,EAAE,EAAE;YACPC,QAAQ,EAAE;UACZ,CAAC,GACDH,SAAS,EACbP,qBAAqB,CACrB;UACFW,4BAA4B,EAAE,KAAM;UAAAf,QAAA,EAEnCA;QAAQ,CACA,CAAC;MAAA,CACQ;IAAC,CACnB;EAAC,CACK,CAAC;AAEnB,CAAC;AAED,SAASD,WAAW;AACpB,eAAeA,WAAW","ignoreList":[]}

package/lib/module/components/Layout/PageLayoutFocused/PageLayoutFocused.figma.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { PageLayoutFocused } from "./PageLayoutFocused.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=224-3686';
+
+/**
+ * PageLayoutFocused - Focused page layout pattern
+ *
+ * Use cases:
+ * - Detail pages without bottom navigation
+ * - Forms and focused workflows
+ * - Modal-like full screen pages
+ *
+ * Features:
+ * - AppBar at top with configurable variants
+ * - Scrollable PageContent in middle
+ * - No NavBar - focused experience
+ */
+figma.connect(PageLayoutFocused, FIGMA_URL, {
+  props: {
+    // Map AppBar nested properties
+    appBarProps: figma.nestedProps('AppBar', {
+      variant: figma.enum('variant', {
+        default: 'default',
+        home: 'home'
+      }),
+      title: figma.string('Title'),
+      subtitle: figma.string('Subtitle'),
+      showLeading: figma.boolean('Show Leading'),
+      showTrailing: figma.boolean('Show Trailing'),
+      showSubtitle: figma.boolean('Show Subtitle'),
+      showHeaderBlock: figma.boolean('Show HeaderBlock')
+    }),
+    // Try mapping HeaderBlock directly without parent path
+    headerBlockProps: figma.nestedProps('HeaderBlock', {
+      type: figma.enum('type', {
+        tabs: 'tabs',
+        search: 'search'
+      })
+    }),
+    // Only capture PageContent
+    children: figma.children('PageContent')
+  },
+  example: props => /*#__PURE__*/_jsx(PageLayoutFocused, {
+    appBarProps: {
+      variant: props.appBarProps.variant,
+      title: props.appBarProps.title,
+      subtitle: props.appBarProps.subtitle,
+      showLeading: props.appBarProps.showLeading,
+      showTrailing: props.appBarProps.showTrailing,
+      showSubtitle: props.appBarProps.showSubtitle,
+      showHeaderBlock: props.appBarProps.showHeaderBlock,
+      headerType: props.headerBlockProps?.type,
+      onLeadingPress: () => {},
+      onTrailingPress: () => {}
+    },
+    children: props.children
+  })
+});
+//# sourceMappingURL=PageLayoutFocused.figma.js.map

package/lib/module/components/Layout/PageLayoutFocused/PageLayoutFocused.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","PageLayoutFocused","jsx","_jsx","FIGMA_URL","connect","props","appBarProps","nestedProps","variant","enum","default","home","title","string","subtitle","showLeading","boolean","showTrailing","showSubtitle","showHeaderBlock","headerBlockProps","type","tabs","search","children","example","headerType","onLeadingPress","onTrailingPress"],"sourceRoot":"../../../../../src","sources":["components/Layout/PageLayoutFocused/PageLayoutFocused.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,iBAAiB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,iBAAiB,EAAEG,SAAS,EAAE;EAC1CE,KAAK,EAAE;IACL;IACAC,WAAW,EAAEP,KAAK,CAACQ,WAAW,CAAC,QAAQ,EAAE;MACvCC,OAAO,EAAET,KAAK,CAACU,IAAI,CAAC,SAAS,EAAE;QAC7BC,OAAO,EAAE,SAAS;QAClBC,IAAI,EAAE;MACR,CAAC,CAAC;MACFC,KAAK,EAAEb,KAAK,CAACc,MAAM,CAAC,OAAO,CAAC;MAC5BC,QAAQ,EAAEf,KAAK,CAACc,MAAM,CAAC,UAAU,CAAC;MAClCE,WAAW,EAAEhB,KAAK,CAACiB,OAAO,CAAC,cAAc,CAAC;MAC1CC,YAAY,EAAElB,KAAK,CAACiB,OAAO,CAAC,eAAe,CAAC;MAC5CE,YAAY,EAAEnB,KAAK,CAACiB,OAAO,CAAC,eAAe,CAAC;MAC5CG,eAAe,EAAEpB,KAAK,CAACiB,OAAO,CAAC,kBAAkB;IACnD,CAAC,CAAC;IAEF;IACAI,gBAAgB,EAAErB,KAAK,CAACQ,WAAW,CAAC,aAAa,EAAE;MACjDc,IAAI,EAAEtB,KAAK,CAACU,IAAI,CAAC,MAAM,EAAE;QACvBa,IAAI,EAAE,MAAM;QACZC,MAAM,EAAE;MACV,CAAC;IACH,CAAC,CAAC;IAEF;IACAC,QAAQ,EAAEzB,KAAK,CAACyB,QAAQ,CAAC,aAAa;EACxC,CAAC;EACDC,OAAO,EAAGpB,KAAK,iBACbH,IAAA,CAACF,iBAAiB;IAChBM,WAAW,EAAE;MACXE,OAAO,EAAEH,KAAK,CAACC,WAAW,CAACE,OAAO;MAClCI,KAAK,EAAEP,KAAK,CAACC,WAAW,CAACM,KAAK;MAC9BE,QAAQ,EAAET,KAAK,CAACC,WAAW,CAACQ,QAAQ;MACpCC,WAAW,EAAEV,KAAK,CAACC,WAAW,CAACS,WAAW;MAC1CE,YAAY,EAAEZ,KAAK,CAACC,WAAW,CAACW,YAAY;MAC5CC,YAAY,EAAEb,KAAK,CAACC,WAAW,CAACY,YAAY;MAC5CC,eAAe,EAAEd,KAAK,CAACC,WAAW,CAACa,eAAe;MAClDO,UAAU,EAAErB,KAAK,CAACe,gBAAgB,EAAEC,IAAI;MACxCM,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;MACxBC,eAAe,EAAEA,CAAA,KAAM,CAAC;IAC1B,CAAE;IAAAJ,QAAA,EAEDnB,KAAK,CAACmB;EAAQ,CACE;AAEvB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Layout/PageLayoutFocused/PageLayoutFocused.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import { View } from 'react-native';
+import { AppBar } from "../../Navigation/Appbar/AppBar.js";
+import { PageContent } from "../PageContent/PageContent.js";
+
+/* -----------------------------------------------------
+ * Types
+ * --------------------------------------------------- */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+/**
+ * PageLayoutFocused Component
+ *
+ * Layout component for focused/detail screens with AppBar and scrollable content area.
+ * No bottom NavBar - used for detail pages, forms, or focused workflows.
+ *
+ * @param {React.ReactNode} children - Main content to render inside the layout
+ * @param {AppBarProps} appBarProps - Configuration for the top AppBar
+ *
+ * @returns {React.ReactElement} The page layout with AppBar and content area
+ *
+ * @example
+ * ```tsx
+ * <PageLayoutFocused
+ *   appBarProps={{
+ *     variant: 'default',
+ *     title: 'Page Title',
+ *     subtitle: 'This is the page Subtitle',
+ *     showLeading: true,
+ *     showTrailing: true,
+ *     headerType: 'tabs',
+ *   }}
+ * >
+ *   <YourPageContent />
+ * </PageLayoutFocused>
+ * ```
+ */
+export const PageLayoutFocused = ({
+  children,
+  appBarProps
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: 1,
+      backgroundColor: '#F7F8FA'
+    },
+    children: [/*#__PURE__*/_jsx(AppBar, {
+      ...appBarProps,
+      useSafeArea: false
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/_jsx(PageContent, {
+        scroll: true,
+        children: children
+      })
+    })]
+  });
+};
+PageLayoutFocused.displayName = 'PageLayoutFocused';
+//# sourceMappingURL=PageLayoutFocused.js.map

package/lib/module/components/Layout/PageLayoutFocused/PageLayoutFocused.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","AppBar","PageContent","jsx","_jsx","jsxs","_jsxs","PageLayoutFocused","children","appBarProps","style","flex","backgroundColor","useSafeArea","scroll","displayName"],"sourceRoot":"../../../../../src","sources":["components/Layout/PageLayoutFocused/PageLayoutFocused.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASC,MAAM,QAA0B,mCAAgC;AACzE,SAASC,WAAW,QAAQ,+BAA4B;;AAExD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYA;AACA;AACA;;AAEA;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,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,QAAQ;EACRC;AACsB,CAAC,KAAK;EAC5B,oBACEH,KAAA,CAACN,IAAI;IAACU,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAE;IAAU,CAAE;IAAAJ,QAAA,gBAEnDJ,IAAA,CAACH,MAAM;MAAA,GAAKQ,WAAW;MAAEI,WAAW,EAAE;IAAM,CAAE,CAAC,eAG/CT,IAAA,CAACJ,IAAI;MAACU,KAAK,EAAE;QAAEC,IAAI,EAAE;MAAE,CAAE;MAAAH,QAAA,eACvBJ,IAAA,CAACF,WAAW;QAACY,MAAM;QAAAN,QAAA,EAAEA;MAAQ,CAAc;IAAC,CACxC,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAEDD,iBAAiB,CAACQ,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/lib/module/components/Layout/PageLayoutShell/PageLayoutShell.figma.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { PageLayoutShell } from "./PageLayoutShell.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=224-3680';
+
+/**
+ * PageLayoutShell - Full page layout pattern
+ *
+ * Use cases:
+ * - Main app screens with navigation
+ * - Dashboard layouts
+ * - Content pages with header and footer
+ *
+ * Features:
+ * - AppBar at top with configurable variants
+ * - Scrollable PageContent in middle
+ * - NavBar at bottom with glow effect
+ * - SafeAreaView handling
+ */
+figma.connect(PageLayoutShell, FIGMA_URL, {
+  props: {
+    children: figma.children('PageContent')
+  },
+  example: props => /*#__PURE__*/_jsx(PageLayoutShell, {
+    appBarProps: {
+      variant: 'home',
+      headerType: 'tabs'
+    },
+    navBarProps: {
+      items: [],
+      activeIndex: 0
+    },
+    children: props.children
+  })
+});
+//# sourceMappingURL=PageLayoutShell.figma.js.map

package/lib/module/components/Layout/PageLayoutShell/PageLayoutShell.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","PageLayoutShell","jsx","_jsx","FIGMA_URL","connect","props","children","example","appBarProps","variant","headerType","navBarProps","items","activeIndex"],"sourceRoot":"../../../../../src","sources":["components/Layout/PageLayoutShell/PageLayoutShell.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,eAAe,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,eAAe,EAAEG,SAAS,EAAE;EACxCE,KAAK,EAAE;IACLC,QAAQ,EAAEP,KAAK,CAACO,QAAQ,CAAC,aAAa;EACxC,CAAC;EACDC,OAAO,EAAGF,KAAK,iBACbH,IAAA,CAACF,eAAe;IACdQ,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE;IACd,CAAE;IACFC,WAAW,EAAE;MACXC,KAAK,EAAE,EAAE;MACTC,WAAW,EAAE;IACf,CAAE;IAAAP,QAAA,EAEDD,KAAK,CAACC;EAAQ,CACA;AAErB,CAAC,CAAC","ignoreList":[]}