@campxdev/react-native-blueprint 0.1.20 → 0.1.24

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

@@ -61,6 +61,7 @@ function HeaderBlock({
 export function AppBar(props) {
   const {
     variant = 'default',
+    type = 'context',
     title = 'Page Title',
     subtitle = 'This is the page Subtitle',
     showLeading = true,
@@ -73,6 +74,8 @@ export function AppBar(props) {
     leadingIcon,
     trailingIcon,
     logoSource,
+    switcherAvatar,
+    onSwitcherPress,
     useSafeArea = true,
     testID
   } = props;
@@ -81,6 +84,8 @@ export function AppBar(props) {
   } = useColorScheme();
   const isDark = colorScheme === 'dark';
   const isHome = variant === 'home';
+  const isBrandType = type === 'brand' || type === 'brand+switcher';
+  const hasSwitcher = type === 'brand+switcher' || type === 'context+switcher';
   const content = /*#__PURE__*/_jsxs(View, {
     testID: testID ?? 'appbar',
     className: cn('bg-surface-default px-5 py-4 gap-3', !isHome && 'min-h-16'),
@@ -95,7 +100,16 @@ export function AppBar(props) {
           children: leadingIcon ?? /*#__PURE__*/_jsx(View, {
             className: "w-4 h-4"
           })
-        }), variant === 'default' && /*#__PURE__*/_jsxs(View, {
+        }), type === 'brand+switcher' && /*#__PURE__*/_jsx(View, {
+          testID: "appbar-logo-left",
+          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"
+          })
+        }), !isBrandType && /*#__PURE__*/_jsxs(View, {
           className: "gap-1",
           children: [/*#__PURE__*/_jsx(Text, {
             testID: "appbar-title",
@@ -107,7 +121,7 @@ export function AppBar(props) {
             children: subtitle
           })]
         })]
-      }), isHome && /*#__PURE__*/_jsx(View, {
+      }), (isHome || type === 'brand') && /*#__PURE__*/_jsx(View, {
         testID: "appbar-logo",
         className: "flex-1 items-center justify-center",
         children: logoSource ? /*#__PURE__*/_jsx(Image, {
@@ -117,13 +131,26 @@ export function AppBar(props) {
         }) : /*#__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"
-        })
+      }), /*#__PURE__*/_jsxs(View, {
+        className: "flex-row items-center gap-3",
+        children: [showTrailing && /*#__PURE__*/_jsx(Pressable, {
+          testID: "appbar-trailing",
+          onPress: onTrailingPress,
+          accessibilityRole: "button",
+          children: trailingIcon ?? /*#__PURE__*/_jsx(View, {
+            className: "w-4 h-4"
+          })
+        }), hasSwitcher && /*#__PURE__*/_jsxs(Pressable, {
+          testID: "appbar-switcher",
+          onPress: onSwitcherPress,
+          className: "flex-row items-center gap-2 px-2 py-1 rounded-full border border-border-default",
+          accessibilityRole: "button",
+          children: [switcherAvatar ?? /*#__PURE__*/_jsx(View, {
+            className: "w-8 h-8 bg-surface-subtle rounded-full"
+          }), /*#__PURE__*/_jsx(View, {
+            className: "w-4 h-4"
+          })]
+        })]
       })]
     }), showHeaderBlock && headerType && /*#__PURE__*/_jsx(HeaderBlock, {
       type: headerType

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

@@ -1 +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":"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","ignoreList":[]}
+{"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","switcherAvatar","onSwitcherPress","useSafeArea","testID","colorScheme","isDark","isHome","isBrandType","hasSwitcher","content","onPress","accessibilityRole","source","resizeMode","OS","barStyle","backgroundColor","translucent","edges","displayName"],"sourceRoot":"../../../../../src","sources":["components/Navigation/Appbar/AppBar.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@
 import * as React from 'react';
 import { Text } from 'react-native';
 import { Button } from "../../Input/Button/Button.js";
-import { PopoverContainer, PopoverContent, Popover as PopoverPrimitive, PopoverTrigger } from "../../Layout/PopoverContainer/Popover-Container.js";
+import { Popover as PopoverPrimitive, PopoverTrigger, PopoverContent, PopoverContainer } from "../../Layout/PopoverContainer/Popover-Container.js";
 
 /**
  * Popover Component

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Button","PopoverContainer","PopoverContent","Popover","PopoverPrimitive","PopoverTrigger","jsx","_jsx","jsxs","_jsxs","forwardRef","placement","style","testID","ref","side","children","asChild","variant","size","align","sideOffset","displayName"],"sourceRoot":"../../../../../src","sources":["components/Navigation/Popover/Popover.tsx"],"mappings":";;AAAA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAA8C,cAAc;AAEzE,SAASC,MAAM,QAAQ,8BAA2B;AAClD,SACEC,gBAAgB,EAChBC,cAAc,EACdC,OAAO,IAAIC,gBAAgB,EAC3BC,cAAc,QACT,oDAAiD;;AAExD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBA,OAAO,MAAMN,OAAO,gBAAGL,KAAK,CAACY,UAAU,CAGrC,CAAC;EAAEC,SAAS,GAAG,QAAQ;EAAEC,KAAK;EAAEC;AAAO,CAAC,EAAEC,GAAG,KAAK;EAClD,MAAMC,IAAI,GAAGJ,SAAS,KAAK,KAAK,GAAG,KAAK,GAAG,QAAQ;EAEnD,oBACEF,KAAA,CAACL,gBAAgB;IAAAY,QAAA,gBAEfT,IAAA,CAACF,cAAc;MAACS,GAAG,EAAEA,GAAI;MAACG,OAAO;MAAAD,QAAA,eAC/BT,IAAA,CAACP,MAAM;QACLkB,OAAO,EAAC,SAAS;QACjBC,IAAI,EAAC,SAAS;QACdN,MAAM,EAAEA,MAAM,IAAI,iBAAkB;QACpCD,KAAK,EAAEA,KAAM;QAAAI,QAAA,eAEbT,IAAA,CAACR,IAAI;UAAAiB,QAAA,EAAC;QAAY,CAAM;MAAC,CACnB;IAAC,CACK,CAAC,eAGjBT,IAAA,CAACL,cAAc;MAACkB,KAAK,EAAC,OAAO;MAACL,IAAI,EAAEA,IAAK;MAACM,UAAU,EAAE,CAAE;MAAAL,QAAA,eACtDT,IAAA,CAACN,gBAAgB;QAACkB,IAAI,EAAC;MAAI,CAAE;IAAC,CAChB,CAAC;EAAA,CACD,CAAC;AAEvB,CAAC,CAAC;AAEFhB,OAAO,CAACmB,WAAW,GAAG,SAAS;AAE/B,eAAenB,OAAO","ignoreList":[]}
+{"version":3,"names":["React","Text","Button","Popover","PopoverPrimitive","PopoverTrigger","PopoverContent","PopoverContainer","jsx","_jsx","jsxs","_jsxs","forwardRef","placement","style","testID","ref","side","children","asChild","variant","size","align","sideOffset","displayName"],"sourceRoot":"../../../../../src","sources":["components/Navigation/Popover/Popover.tsx"],"mappings":";;AAAA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAeC,IAAI,QAAwC,cAAc;AAEzE,SAASC,MAAM,QAAQ,8BAA2B;AAClD,SACEC,OAAO,IAAIC,gBAAgB,EAC3BC,cAAc,EACdC,cAAc,EACdC,gBAAgB,QACX,oDAAiD;;AAExD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBA,OAAO,MAAMR,OAAO,gBAAGH,KAAK,CAACY,UAAU,CAGrC,CAAC;EAAEC,SAAS,GAAG,QAAQ;EAAEC,KAAK;EAAEC;AAAO,CAAC,EAAEC,GAAG,KAAK;EAClD,MAAMC,IAAI,GAAGJ,SAAS,KAAK,KAAK,GAAG,KAAK,GAAG,QAAQ;EAEnD,oBACEF,KAAA,CAACP,gBAAgB;IAAAc,QAAA,gBAEfT,IAAA,CAACJ,cAAc;MAACW,GAAG,EAAEA,GAAI;MAACG,OAAO;MAAAD,QAAA,eAC/BT,IAAA,CAACP,MAAM;QACLkB,OAAO,EAAC,SAAS;QACjBC,IAAI,EAAC,SAAS;QACdN,MAAM,EAAEA,MAAM,IAAI,iBAAkB;QACpCD,KAAK,EAAEA,KAAM;QAAAI,QAAA,eAEbT,IAAA,CAACR,IAAI;UAAAiB,QAAA,EAAC;QAAY,CAAM;MAAC,CACnB;IAAC,CACK,CAAC,eAGjBT,IAAA,CAACH,cAAc;MAACgB,KAAK,EAAC,OAAO;MAACL,IAAI,EAAEA,IAAK;MAACM,UAAU,EAAE,CAAE;MAAAL,QAAA,eACtDT,IAAA,CAACF,gBAAgB;QAACc,IAAI,EAAC;MAAI,CAAE;IAAC,CAChB,CAAC;EAAA,CACD,CAAC;AAEvB,CAAC,CAAC;AAEFlB,OAAO,CAACqB,WAAW,GAAG,SAAS;AAE/B,eAAerB,OAAO","ignoreList":[]}

package/lib/module/components/ui/index.js

@@ -29,6 +29,7 @@ export * from "../DataDisplay/Banner/Banner.js";
 export * from "../DataDisplay/BannerRow/BannerRow.js";
 export * from "../DataDisplay/CalendarItem/CalendarItem.js";
 export * from "../DataDisplay/Card/Card.js";
+export * from "../DataDisplay/ChatBubble/ChatBubble.js";
 export * from "../DataDisplay/Chips/Chips.js";
 export * from "../DataDisplay/ChipsRow/ChipsRow.js";
 export * from "../DataDisplay/DataCard/DataCard.js";
@@ -36,6 +37,7 @@ export * from "../DataDisplay/Datalist/Datalist.js";
 export * from "../DataDisplay/DataListItem/DataListItem.js";
 export * from "../DataDisplay/FeedCard/FeedCard.js";
 export * from "../DataDisplay/Greeting/Greeting.js";
+export * from "../DataDisplay/ProfileCard/ProfileCard.js";
 export * from "../DataDisplay/MonthCalendar/MonthCalendar.js";
 export * from "../DataDisplay/Separator/Separator.js";
 export * from "../DataDisplay/Skeleton/Skeleton.js";

package/lib/module/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ui/index.ts"],"mappings":";;AAAA;AACA,cAAc,4BAAyB;AACvC,cAAc,yCAAsC;AACpD,cAAc,gCAA6B;AAC3C,cAAc,mDAAgD;AAC9D,cAAc,+CAA4C;AAC1D,cAAc,gCAA6B;AAE3C,cAAc,gCAA6B;AAC3C,cAAc,2CAAwC;AACtD,cAAc,gCAA6B;AAC3C,cAAc,iDAA8C;AAC5D,cAAc,gCAA6B;AAC3C,cAAc,kCAA+B;AAC7C,cAAc,2CAAwC;AAEtD,cAAc,uCAAoC;AAClD,cAAc,uCAAoC;AAClD,cAAc,sCAAmC;AACjD,cAAc,kDAA+C;AAC7D,cAAc,8CAA2C;AACzD,cAAc,iDAA8C;AAC5D,cAAc,wBAAqB;AAEnC,cAAc,iCAA8B;AAC5C,cAAc,uCAAoC;AAClD,cAAc,+CAA4C;AAC1D,cAAc,+BAA4B;AAC1C,cAAc,iCAA8B;AAC5C,cAAc,uCAAoC;AAClD,cAAc,6CAA0C;AACxD,cAAc,6BAA0B;AACxC,cAAc,+BAA4B;AAC1C,cAAc,qCAAkC;AAChD,cAAc,qCAAkC;AAChD,cAAc,qCAAkC;AAChD,cAAc,6CAA0C;AACxD,cAAc,qCAAkC;AAChD,cAAc,qCAAkC;AAChD,cAAc,+CAA4C;AAC1D,cAAc,uCAAoC;AAClD,cAAc,qCAAkC;AAChD,cAAc,mCAAgC;AAE9C,cAAc,2BAAwB;AACtC,cAAc,+BAA4B;AAC1C,cAAc,oCAAiC;AAC/C,cAAc,2BAAwB;AACtC,cAAc,2BAAwB;AACtC,cAAc,uBAAoB;AAClC,cAAc,iCAA8B;AAC5C,cAAc,2BAAwB;AACtC,cAAc,sCAAmC;AAEjD,cAAc,kBAAe;AAC7B,cAAc,kBAAe;AAC7B,cAAc,oBAAiB;AAE/B,cAAc,iBAAc;AAC5B,cAAc,WAAQ;AACtB,cAAc,YAAS;AACvB,cAAc,YAAS;AACvB,cAAc,cAAW;AACzB,cAAc,eAAY;AAC1B,cAAc,aAAU;AACxB,cAAc,YAAS;AACvB,cAAc,YAAS","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ui/index.ts"],"mappings":";;AAAA;AACA,cAAc,4BAAyB;AACvC,cAAc,yCAAsC;AACpD,cAAc,gCAA6B;AAC3C,cAAc,mDAAgD;AAC9D,cAAc,+CAA4C;AAC1D,cAAc,gCAA6B;AAE3C,cAAc,gCAA6B;AAC3C,cAAc,2CAAwC;AACtD,cAAc,gCAA6B;AAC3C,cAAc,iDAA8C;AAC5D,cAAc,gCAA6B;AAC3C,cAAc,kCAA+B;AAC7C,cAAc,2CAAwC;AAEtD,cAAc,uCAAoC;AAClD,cAAc,uCAAoC;AAClD,cAAc,sCAAmC;AACjD,cAAc,kDAA+C;AAC7D,cAAc,8CAA2C;AACzD,cAAc,iDAA8C;AAC5D,cAAc,wBAAqB;AAEnC,cAAc,iCAA8B;AAC5C,cAAc,uCAAoC;AAClD,cAAc,+CAA4C;AAC1D,cAAc,+BAA4B;AAC1C,cAAc,iCAA8B;AAC5C,cAAc,uCAAoC;AAClD,cAAc,6CAA0C;AACxD,cAAc,6BAA0B;AACxC,cAAc,yCAAsC;AACpD,cAAc,+BAA4B;AAC1C,cAAc,qCAAkC;AAChD,cAAc,qCAAkC;AAChD,cAAc,qCAAkC;AAChD,cAAc,6CAA0C;AACxD,cAAc,qCAAkC;AAChD,cAAc,qCAAkC;AAChD,cAAc,2CAAwC;AACtD,cAAc,+CAA4C;AAC1D,cAAc,uCAAoC;AAClD,cAAc,qCAAkC;AAChD,cAAc,mCAAgC;AAE9C,cAAc,2BAAwB;AACtC,cAAc,+BAA4B;AAC1C,cAAc,oCAAiC;AAC/C,cAAc,2BAAwB;AACtC,cAAc,2BAAwB;AACtC,cAAc,uBAAoB;AAClC,cAAc,iCAA8B;AAC5C,cAAc,2BAAwB;AACtC,cAAc,sCAAmC;AAEjD,cAAc,kBAAe;AAC7B,cAAc,kBAAe;AAC7B,cAAc,oBAAiB;AAE/B,cAAc,iBAAc;AAC5B,cAAc,WAAQ;AACtB,cAAc,YAAS;AACvB,cAAc,YAAS;AACvB,cAAc,cAAW;AACzB,cAAc,eAAY;AAC1B,cAAc,aAAU;AACxB,cAAc,YAAS;AACvB,cAAc,YAAS","ignoreList":[]}

package/lib/module/lib/theme.js

@@ -63,9 +63,9 @@ export const THEME = {
     // #FFFFFF
 
     // === 6. BORDERS ===
-    border: 'hsl(214, 32%, 84%)',
+    border: 'hsl(210, 13%, 80%)',
     // #CBD5E1
-    input: 'hsl(214, 32%, 84%)',
+    input: 'hsl(210, 13%, 80%)',
     // #CBD5E1
     ring: 'hsl(200, 13%, 11%)',
     // #161A1D - Same as primary

package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.figma.js

@@ -0,0 +1,196 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { AccountPattern } from "./AccountPattern.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/YTb27Onq7Zk8OV16fHptxJ/Campx-App?node-id=417-194764';
+
+/**
+ * AccountPattern - Account/Profile screen layout pattern
+ *
+ * Use cases:
+ * - User account and profile management screens
+ * - Settings and preferences pages
+ * - Account information dashboards
+ * - Categorized account options (Academics, Finance, Utilities)
+ *
+ * Features:
+ * - User profile card at the top with name and ID
+ * - Multiple grouped sections with data list items
+ * - Support for custom sections (Academics, Finance, Utilities, etc.)
+ * - Full customization of section items and properties
+ * - Scrollable layout for long content
+ * - All sections independently configurable
+ *
+ * Customization:
+ * - Show/hide profile card
+ * - Customize user profile information
+ * - Add, remove, or customize sections
+ * - Configure each item's visibility toggles and actions
+ * - Set up callbacks for profile and item interactions
+ * - Adapt content based on user role or backend data
+ */
+figma.connect(AccountPattern, FIGMA_URL, {
+  example: () => /*#__PURE__*/_jsx(AccountPattern, {
+    showProfileCard: true,
+    userName: "Marshall Mathers",
+    userID: "3472732323",
+    avatarInitials: "MM",
+    avatarType: "image",
+    sections: [{
+      id: 'academics',
+      title: 'Academics',
+      items: [{
+        id: '1',
+        title: 'Data List Row Title',
+        subtitle: 'Data List Row Subtitle',
+        meta: 'Meta Content',
+        density: 'comfortable',
+        state: 'default',
+        showSubtitle: true,
+        showLeading: true,
+        showTrailing: true,
+        showDivider: true,
+        leadingImage: {
+          uri: 'https://example.com/avatar.png'
+        }
+      }, {
+        id: '2',
+        title: 'Data List Row Title',
+        subtitle: 'Data List Row Subtitle',
+        meta: 'Meta Content',
+        density: 'comfortable',
+        state: 'default',
+        showSubtitle: true,
+        showLeading: true,
+        showTrailing: true,
+        showDivider: true,
+        leadingImage: {
+          uri: 'https://example.com/avatar.png'
+        }
+      }, {
+        id: '3',
+        title: 'Data List Row Title',
+        subtitle: 'Data List Row Subtitle',
+        meta: 'Meta Content',
+        density: 'comfortable',
+        state: 'default',
+        showSubtitle: true,
+        showLeading: true,
+        showTrailing: true,
+        showDivider: true,
+        leadingImage: {
+          uri: 'https://example.com/avatar.png'
+        }
+      }, {
+        id: '4',
+        title: 'Data List Row Title',
+        subtitle: 'Data List Row Subtitle',
+        meta: 'Meta Content',
+        density: 'comfortable',
+        state: 'default',
+        showSubtitle: true,
+        showLeading: true,
+        showTrailing: true,
+        showDivider: true,
+        leadingImage: {
+          uri: 'https://example.com/avatar.png'
+        }
+      }]
+    }, {
+      id: 'finance',
+      title: 'Finance',
+      items: [{
+        id: '5',
+        title: 'Data List Row Title',
+        subtitle: 'Data List Row Subtitle',
+        meta: 'Meta Content',
+        density: 'comfortable',
+        state: 'default',
+        showSubtitle: true,
+        showLeading: true,
+        showTrailing: true,
+        showDivider: true,
+        leadingImage: {
+          uri: 'https://example.com/avatar.png'
+        }
+      }, {
+        id: '6',
+        title: 'Data List Row Title',
+        subtitle: 'Data List Row Subtitle',
+        meta: 'Meta Content',
+        density: 'comfortable',
+        state: 'default',
+        showSubtitle: true,
+        showLeading: true,
+        showTrailing: true,
+        showDivider: true,
+        leadingImage: {
+          uri: 'https://example.com/avatar.png'
+        }
+      }, {
+        id: '7',
+        title: 'Data List Row Title',
+        subtitle: 'Data List Row Subtitle',
+        meta: 'Meta Content',
+        density: 'comfortable',
+        state: 'default',
+        showSubtitle: true,
+        showLeading: true,
+        showTrailing: true,
+        showDivider: true,
+        leadingImage: {
+          uri: 'https://example.com/avatar.png'
+        }
+      }]
+    }, {
+      id: 'utilities',
+      title: 'Utilities',
+      items: [{
+        id: '8',
+        title: 'Data List Row Title',
+        subtitle: 'Data List Row Subtitle',
+        meta: 'Meta Content',
+        density: 'comfortable',
+        state: 'default',
+        showSubtitle: true,
+        showLeading: true,
+        showTrailing: true,
+        showDivider: true,
+        leadingImage: {
+          uri: 'https://example.com/avatar.png'
+        }
+      }, {
+        id: '9',
+        title: 'Data List Row Title',
+        subtitle: 'Data List Row Subtitle',
+        meta: 'Meta Content',
+        density: 'comfortable',
+        state: 'default',
+        showSubtitle: true,
+        showLeading: true,
+        showTrailing: true,
+        showDivider: true,
+        leadingImage: {
+          uri: 'https://example.com/avatar.png'
+        }
+      }, {
+        id: '10',
+        title: 'Data List Row Title',
+        subtitle: 'Data List Row Subtitle',
+        meta: 'Meta Content',
+        density: 'comfortable',
+        state: 'default',
+        showSubtitle: true,
+        showLeading: true,
+        showTrailing: true,
+        showDivider: true,
+        leadingImage: {
+          uri: 'https://example.com/avatar.png'
+        }
+      }]
+    }],
+    onProfilePress: () => console.log('Profile pressed')
+  })
+});
+//# sourceMappingURL=AccountPattern.figma.js.map

package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","AccountPattern","jsx","_jsx","FIGMA_URL","connect","example","showProfileCard","userName","userID","avatarInitials","avatarType","sections","id","title","items","subtitle","meta","density","state","showSubtitle","showLeading","showTrailing","showDivider","leadingImage","uri","onProfilePress","console","log"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AccountPattern/AccountPattern.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,cAAc,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,MAAMC,SAAS,GACb,kFAAkF;;AAEpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,cAAc,EAAEG,SAAS,EAAE;EACvCE,OAAO,EAAEA,CAAA,kBACPH,IAAA,CAACF,cAAc;IACbM,eAAe,EAAE,IAAK;IACtBC,QAAQ,EAAC,kBAAkB;IAC3BC,MAAM,EAAC,YAAY;IACnBC,cAAc,EAAC,IAAI;IACnBC,UAAU,EAAC,OAAO;IAClBC,QAAQ,EAAE,CACR;MACEC,EAAE,EAAE,WAAW;MACfC,KAAK,EAAE,WAAW;MAClBC,KAAK,EAAE,CACL;QACEF,EAAE,EAAE,GAAG;QACPC,KAAK,EAAE,qBAAqB;QAC5BE,QAAQ,EAAE,wBAAwB;QAClCC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,aAAa;QACtBC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE;UAAEC,GAAG,EAAE;QAAiC;MACxD,CAAC,EACD;QACEZ,EAAE,EAAE,GAAG;QACPC,KAAK,EAAE,qBAAqB;QAC5BE,QAAQ,EAAE,wBAAwB;QAClCC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,aAAa;QACtBC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE;UAAEC,GAAG,EAAE;QAAiC;MACxD,CAAC,EACD;QACEZ,EAAE,EAAE,GAAG;QACPC,KAAK,EAAE,qBAAqB;QAC5BE,QAAQ,EAAE,wBAAwB;QAClCC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,aAAa;QACtBC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE;UAAEC,GAAG,EAAE;QAAiC;MACxD,CAAC,EACD;QACEZ,EAAE,EAAE,GAAG;QACPC,KAAK,EAAE,qBAAqB;QAC5BE,QAAQ,EAAE,wBAAwB;QAClCC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,aAAa;QACtBC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE;UAAEC,GAAG,EAAE;QAAiC;MACxD,CAAC;IAEL,CAAC,EACD;MACEZ,EAAE,EAAE,SAAS;MACbC,KAAK,EAAE,SAAS;MAChBC,KAAK,EAAE,CACL;QACEF,EAAE,EAAE,GAAG;QACPC,KAAK,EAAE,qBAAqB;QAC5BE,QAAQ,EAAE,wBAAwB;QAClCC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,aAAa;QACtBC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE;UAAEC,GAAG,EAAE;QAAiC;MACxD,CAAC,EACD;QACEZ,EAAE,EAAE,GAAG;QACPC,KAAK,EAAE,qBAAqB;QAC5BE,QAAQ,EAAE,wBAAwB;QAClCC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,aAAa;QACtBC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE;UAAEC,GAAG,EAAE;QAAiC;MACxD,CAAC,EACD;QACEZ,EAAE,EAAE,GAAG;QACPC,KAAK,EAAE,qBAAqB;QAC5BE,QAAQ,EAAE,wBAAwB;QAClCC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,aAAa;QACtBC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE;UAAEC,GAAG,EAAE;QAAiC;MACxD,CAAC;IAEL,CAAC,EACD;MACEZ,EAAE,EAAE,WAAW;MACfC,KAAK,EAAE,WAAW;MAClBC,KAAK,EAAE,CACL;QACEF,EAAE,EAAE,GAAG;QACPC,KAAK,EAAE,qBAAqB;QAC5BE,QAAQ,EAAE,wBAAwB;QAClCC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,aAAa;QACtBC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE;UAAEC,GAAG,EAAE;QAAiC;MACxD,CAAC,EACD;QACEZ,EAAE,EAAE,GAAG;QACPC,KAAK,EAAE,qBAAqB;QAC5BE,QAAQ,EAAE,wBAAwB;QAClCC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,aAAa;QACtBC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE;UAAEC,GAAG,EAAE;QAAiC;MACxD,CAAC,EACD;QACEZ,EAAE,EAAE,IAAI;QACRC,KAAK,EAAE,qBAAqB;QAC5BE,QAAQ,EAAE,wBAAwB;QAClCC,IAAI,EAAE,cAAc;QACpBC,OAAO,EAAE,aAAa;QACtBC,KAAK,EAAE,SAAS;QAChBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE,IAAI;QAClBC,WAAW,EAAE,IAAI;QACjBC,YAAY,EAAE;UAAEC,GAAG,EAAE;QAAiC;MACxD,CAAC;IAEL,CAAC,CACD;IACFC,cAAc,EAAEA,CAAA,KAAMC,OAAO,CAACC,GAAG,CAAC,iBAAiB;EAAE,CACtD;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.js

@@ -0,0 +1,255 @@
+"use strict";
+
+// @ts-nocheck
+import { View, ScrollView } from 'react-native';
+import { ProfileCard } from "../../../components/DataDisplay/ProfileCard/ProfileCard.js";
+import { DataListItem } from "../../../components/DataDisplay/DataListItem/DataListItem.js";
+import { Text } from "../../../components/Input/Text/Text.js";
+
+/* ============================================================================
+ * Types
+ * ============================================================================ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* ============================================================================
+ * Component
+ * ============================================================================ */
+
+/**
+ * AccountPattern Component
+ *
+ * A comprehensive account/profile layout pattern that displays:
+ * - User profile card at the top with name and ID
+ * - Multiple grouped sections with DataList items
+ * - Support for Academics, Finance, Utilities, and custom sections
+ * - Full customization of sections and items
+ *
+ * @example
+ * ```tsx
+ * <AccountPattern
+ *   showProfileCard={true}
+ *   userName="Marshall Mathers"
+ *   userID="3472732323"
+ *   sections={[...]}
+ * />
+ * ```
+ */
+export function AccountPattern({
+  // Profile section
+  showProfileCard = true,
+  userName = 'Marshall Mathers',
+  userID = '3472732323',
+  avatarInitials = 'MM',
+  avatarType = 'image',
+  onProfilePress,
+  // Sections
+  sections = [{
+    id: 'academics',
+    title: 'Academics',
+    items: [{
+      id: '1',
+      title: 'Data List Row Title',
+      subtitle: 'Data List Row Subtitle',
+      meta: 'Meta Content',
+      density: 'comfortable',
+      state: 'default',
+      showSubtitle: true,
+      showLeading: true,
+      showTrailing: true,
+      showDivider: true,
+      leadingImage: {
+        uri: 'https://example.com/avatar.png'
+      }
+    }, {
+      id: '2',
+      title: 'Data List Row Title',
+      subtitle: 'Data List Row Subtitle',
+      meta: 'Meta Content',
+      density: 'comfortable',
+      state: 'default',
+      showSubtitle: true,
+      showLeading: true,
+      showTrailing: true,
+      showDivider: true,
+      leadingImage: {
+        uri: 'https://example.com/avatar.png'
+      }
+    }, {
+      id: '3',
+      title: 'Data List Row Title',
+      subtitle: 'Data List Row Subtitle',
+      meta: 'Meta Content',
+      density: 'comfortable',
+      state: 'default',
+      showSubtitle: true,
+      showLeading: true,
+      showTrailing: true,
+      showDivider: true,
+      leadingImage: {
+        uri: 'https://example.com/avatar.png'
+      }
+    }, {
+      id: '4',
+      title: 'Data List Row Title',
+      subtitle: 'Data List Row Subtitle',
+      meta: 'Meta Content',
+      density: 'comfortable',
+      state: 'default',
+      showSubtitle: true,
+      showLeading: true,
+      showTrailing: true,
+      showDivider: true,
+      leadingImage: {
+        uri: 'https://example.com/avatar.png'
+      }
+    }]
+  }, {
+    id: 'finance',
+    title: 'Finance',
+    items: [{
+      id: '5',
+      title: 'Data List Row Title',
+      subtitle: 'Data List Row Subtitle',
+      meta: 'Meta Content',
+      density: 'comfortable',
+      state: 'default',
+      showSubtitle: true,
+      showLeading: true,
+      showTrailing: true,
+      showDivider: true,
+      leadingImage: {
+        uri: 'https://example.com/avatar.png'
+      }
+    }, {
+      id: '6',
+      title: 'Data List Row Title',
+      subtitle: 'Data List Row Subtitle',
+      meta: 'Meta Content',
+      density: 'comfortable',
+      state: 'default',
+      showSubtitle: true,
+      showLeading: true,
+      showTrailing: true,
+      showDivider: true,
+      leadingImage: {
+        uri: 'https://example.com/avatar.png'
+      }
+    }, {
+      id: '7',
+      title: 'Data List Row Title',
+      subtitle: 'Data List Row Subtitle',
+      meta: 'Meta Content',
+      density: 'comfortable',
+      state: 'default',
+      showSubtitle: true,
+      showLeading: true,
+      showTrailing: true,
+      showDivider: true,
+      leadingImage: {
+        uri: 'https://example.com/avatar.png'
+      }
+    }]
+  }, {
+    id: 'utilities',
+    title: 'Utilities',
+    items: [{
+      id: '8',
+      title: 'Data List Row Title',
+      subtitle: 'Data List Row Subtitle',
+      meta: 'Meta Content',
+      density: 'comfortable',
+      state: 'default',
+      showSubtitle: true,
+      showLeading: true,
+      showTrailing: true,
+      showDivider: true,
+      leadingImage: {
+        uri: 'https://example.com/avatar.png'
+      }
+    }, {
+      id: '9',
+      title: 'Data List Row Title',
+      subtitle: 'Data List Row Subtitle',
+      meta: 'Meta Content',
+      density: 'comfortable',
+      state: 'default',
+      showSubtitle: true,
+      showLeading: true,
+      showTrailing: true,
+      showDivider: true,
+      leadingImage: {
+        uri: 'https://example.com/avatar.png'
+      }
+    }, {
+      id: '10',
+      title: 'Data List Row Title',
+      subtitle: 'Data List Row Subtitle',
+      meta: 'Meta Content',
+      density: 'comfortable',
+      state: 'default',
+      showSubtitle: true,
+      showLeading: true,
+      showTrailing: true,
+      showDivider: true,
+      leadingImage: {
+        uri: 'https://example.com/avatar.png'
+      }
+    }]
+  }],
+  // Styling
+  style,
+  testID
+}) {
+  return /*#__PURE__*/_jsx(ScrollView, {
+    testID: testID ?? 'account-pattern',
+    style: [{
+      flex: 1,
+      backgroundColor: '#f7f8fa'
+    }, style],
+    showsVerticalScrollIndicator: false,
+    contentContainerStyle: {
+      paddingVertical: 20
+    },
+    children: /*#__PURE__*/_jsxs(View, {
+      className: "gap-8 px-5",
+      children: [showProfileCard && /*#__PURE__*/_jsx(View, {
+        children: /*#__PURE__*/_jsx(ProfileCard, {
+          userName: userName,
+          userID: userID,
+          avatarInitials: avatarInitials,
+          avatarType: avatarType,
+          onPress: onProfilePress
+        })
+      }), sections.map(section => /*#__PURE__*/_jsxs(View, {
+        className: "gap-2",
+        children: [/*#__PURE__*/_jsx(Text, {
+          className: "text-sm font-semibold text-text-secondary px-5",
+          children: section.title
+        }), /*#__PURE__*/_jsx(View, {
+          className: "gap-3 px-5",
+          children: section.items.map(item => /*#__PURE__*/_jsx(View, {
+            children: /*#__PURE__*/_jsx(DataListItem, {
+              title: item.title,
+              subtitle: item.subtitle,
+              meta: item.meta,
+              density: item.density || 'comfortable',
+              state: item.state || 'default',
+              showSubtitle: item.showSubtitle,
+              showLeading: item.showLeading,
+              showTrailing: item.showTrailing,
+              showDivider: item.showDivider,
+              leadingImage: item.leadingImage,
+              leadingIcon: item.leadingIcon,
+              onPress: () => {}
+            })
+          }, item.id))
+        })]
+      }, section.id)), /*#__PURE__*/_jsx(View, {
+        style: {
+          height: 150
+        }
+      })]
+    })
+  });
+}
+AccountPattern.displayName = 'AccountPattern';
+//# sourceMappingURL=AccountPattern.js.map

package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","ScrollView","ProfileCard","DataListItem","Text","jsx","_jsx","jsxs","_jsxs","AccountPattern","showProfileCard","userName","userID","avatarInitials","avatarType","onProfilePress","sections","id","title","items","subtitle","meta","density","state","showSubtitle","showLeading","showTrailing","showDivider","leadingImage","uri","style","testID","flex","backgroundColor","showsVerticalScrollIndicator","contentContainerStyle","paddingVertical","children","className","onPress","map","section","item","leadingIcon","height","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AccountPattern/AccountPattern.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/patterns/pattern-components/AccountPattern/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./AccountPattern.js";
+//# sourceMappingURL=index.js.map

package/lib/module/patterns/pattern-components/AccountPattern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AccountPattern/index.ts"],"mappings":";;AAAA,cAAc,qBAAkB","ignoreList":[]}