@campxdev/react-native-blueprint 0.1.23 → 0.1.24

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

@@ -1,51 +1,61 @@
 "use strict";
 
 // @ts-nocheck
-import { cva } from 'class-variance-authority';
 import * as React from 'react';
-import { Pressable, Text as RNText, View } from 'react-native';
+import { Pressable, View, Text as RNText } from 'react-native';
+import { cssInterop } from 'nativewind';
 import { SquircleView } from 'react-native-figma-squircle';
-import { useTheme } from '../../shared/theme';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+import { useThemeColors } from "../../../lib/theme.js";
+
+// NativeWind interop (className -> style)
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(Pressable, {
+  className: 'style'
+});
+cssInterop(View, {
+  className: 'style'
+});
+cssInterop(RNText, {
+  className: 'style'
+});
 
 /**
  * ✅ Canonical values (match Figma)
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const ButtonVariants = {
   size: ['default', 'lg', 'icon'],
   variant: ['default', 'secondary', 'outline', 'ghost', 'destructive', 'link']
 };
 
 /**
- * Local lightweight placeholder icon
+ * Local lightweight placeholder icon (used in demos/tests)
+ * ✅ No inline styles (satisfies react-native/no-inline-styles)
  */
 function DummyIcon({
   testID
 }) {
   return /*#__PURE__*/_jsx(View, {
     testID: testID,
-    style: {
-      width: 16,
-      height: 16,
-      borderRadius: 4,
-      backgroundColor: '#6a7282'
-    }
+    className: "w-4 h-4 rounded bg-text-inverse"
   });
 }
 
 /**
- * Returns squircle fill & stroke colors per variant from theme
+ * Returns squircle fill & stroke colors per variant from THEME tokens
  */
-function useVariantSquircleParams(variant, colors) {
+function useVariantSquircleParams(variant) {
+  const colors = useThemeColors();
   const map = {
     default: {
-      fillColor: colors.primary,
+      fillColor: colors.brandPrimary,
       strokeColor: 'transparent',
       strokeWidth: 0
     },
     secondary: {
-      fillColor: colors.secondary,
-      strokeColor: colors.primary,
+      fillColor: colors.brandSecondary,
+      strokeColor: colors.border,
       strokeWidth: 1
     },
     outline: {
@@ -71,33 +81,38 @@ function useVariantSquircleParams(variant, colors) {
   };
   return map[variant] ?? map.default;
 }
-const CORNER_RADIUS = 12;
-const CORNER_SMOOTHING = 1;
+const CORNER_RADIUS = 8; // radius-lg
+const CORNER_SMOOTHING = 1; // maximum smoothing
+
 const buttonVariants = cva('flex-row items-center justify-center', {
   variants: {
     variant: {
-      default: 'gap-2',
-      secondary: 'gap-2',
-      outline: 'gap-2',
-      ghost: 'gap-2',
-      destructive: 'gap-2',
+      default: 'gap-2 active:opacity-90',
+      secondary: 'active:opacity-90',
+      outline: 'active:opacity-90',
+      ghost: 'active:opacity-90',
+      destructive: 'active:opacity-90',
       link: ''
     },
     size: {
+      // ✅ Figma-like sizing
       default: 'py-3 px-5',
-      lg: 'py-4 px-6',
-      icon: 'h-10 w-10'
+      lg: 'py-5 px-6',
+      icon: 'h-10 w-10 p-3 justify-center items-center'
     },
     disabled: {
       false: '',
       true: 'opacity-50'
     },
+    // Optional icon toggles still affect spacing correctly
     hasIcons: {
       false: '',
       true: 'gap-2'
     }
   },
-  compoundVariants: [{
+  compoundVariants: [
+  // ✅ Link should not have forced height/padding
+  {
     variant: 'link',
     size: 'default',
     className: 'h-auto p-0'
@@ -120,11 +135,11 @@ const buttonVariants = cva('flex-row items-center justify-center', {
 const buttonTextVariants = cva('font-semibold', {
   variants: {
     variant: {
-      default: 'text-white',
+      default: 'text-text-inverse',
       secondary: 'text-foreground',
       outline: 'text-foreground',
       ghost: 'text-foreground',
-      destructive: 'text-white',
+      destructive: 'text-primary-foreground',
       link: 'text-primary underline'
     },
     size: {
@@ -143,6 +158,19 @@ const buttonTextVariants = cva('font-semibold', {
     disabled: false
   }
 });
+
+/**
+ * ✅ Strict rule: className must NOT be accepted as a prop.
+ * So we omit it explicitly from PressableProps.
+ */
+
+/**
+ * ✅ Backward compatible types:
+ * - supports boolean disabled (new)
+ * - supports 'True'/'False' and 'true'/'false' and '1'/'0' (old)
+ * - supports capitalized variant/size (old)
+ */
+
 function normalizeVariant(v) {
   const s = String(v ?? 'default').toLowerCase();
   return ButtonVariants.variant.includes(s) ? s : 'default';
@@ -156,7 +184,7 @@ function normalizeDisabled(v) {
   const s = String(v ?? 'false').toLowerCase();
   return s === 'true' || s === '1';
 }
-export function ButtonComponent(props) {
+export function Button(props) {
   const {
     variant,
     size,
@@ -171,101 +199,23 @@ export function ButtonComponent(props) {
     onPress,
     ...rest
   } = props;
-  const {
-    colors
-  } = useTheme();
   const v = normalizeVariant(variant);
   const s = normalizeSize(size);
   const d = normalizeDisabled(disabled);
+
+  // ✅ icon button must be square and must NOT show label (prevents long button)
   const isIconOnly = s === 'icon';
+
+  // spacing only when icons exist
   const hasIcons = Boolean(showLeftIcon || showRightIcon);
-  const squircleParams = useVariantSquircleParams(v, colors);
+  const squircleParams = useVariantSquircleParams(v);
   const handlePress = React.useCallback(e => {
     if (d) return;
     onPress?.(e);
   }, [d, onPress]);
-
-  // Get text color based on variant
-  const getTextColor = () => {
-    switch (v) {
-      case 'default':
-        return colors.primaryForeground;
-      case 'secondary':
-        return colors.secondaryForeground;
-      case 'outline':
-        return colors.foreground;
-      case 'ghost':
-        return colors.foreground;
-      case 'destructive':
-        return colors.destructiveForeground;
-      case 'link':
-        return colors.primary;
-      default:
-        return colors.primaryForeground;
-    }
-  };
-
-  // Get size styles
-  const getSizeStyles = () => {
-    switch (s) {
-      case 'lg':
-        return {
-          height: 52,
-          paddingHorizontal: 16
-        };
-      case 'icon':
-        return {
-          height: 40,
-          width: 40
-        };
-      case 'default':
-      default:
-        return {
-          height: 48,
-          paddingHorizontal: 16
-        };
-    }
-  };
-  const sizeStyles = getSizeStyles();
-  if (v === 'link') {
-    // Link variant doesn't use SquircleView
-    return /*#__PURE__*/_jsxs(Pressable, {
-      testID: testID ?? 'button',
-      accessibilityRole: "button",
-      accessibilityState: {
-        disabled: d
-      },
-      disabled: d,
-      onPress: handlePress,
-      style: [{
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        opacity: d ? 0.5 : 1
-      }, style],
-      ...rest,
-      children: [showLeftIcon ? leftIcon ? leftIcon : /*#__PURE__*/_jsx(DummyIcon, {
-        testID: "button-left-icon"
-      }) : null, !isIconOnly ? /*#__PURE__*/_jsx(RNText, {
-        testID: "button-label",
-        style: {
-          color: getTextColor(),
-          fontSize: s === 'lg' ? 16 : 14,
-          fontWeight: '600',
-          textDecorationLine: 'underline'
-        },
-        numberOfLines: 1,
-        ellipsizeMode: "tail",
-        children: children
-      }) : null, showRightIcon ? rightIcon ? rightIcon : /*#__PURE__*/_jsx(DummyIcon, {
-        testID: "button-right-icon"
-      }) : null]
-    });
-  }
   return /*#__PURE__*/_jsx(View, {
     style: style,
     children: /*#__PURE__*/_jsx(SquircleView, {
-      style: sizeStyles,
       squircleParams: {
         cornerRadius: CORNER_RADIUS,
         cornerSmoothing: CORNER_SMOOTHING,
@@ -279,34 +229,32 @@ export function ButtonComponent(props) {
         },
         disabled: d,
         onPress: handlePress,
-        style: {
-          flex: 1,
-          flexDirection: 'row',
-          alignItems: 'center',
-          justifyContent: 'center',
-          gap: hasIcons ? 8 : 0,
-          opacity: d ? 0.5 : 1
-        },
+        className: cn(buttonVariants({
+          variant: v,
+          size: s,
+          disabled: d,
+          hasIcons
+        })),
         ...rest,
-        children: [showLeftIcon ? leftIcon ? leftIcon : /*#__PURE__*/_jsx(DummyIcon, {
+        children: [showLeftIcon ? leftIcon || /*#__PURE__*/_jsx(DummyIcon, {
           testID: "button-left-icon"
         }) : null, !isIconOnly ? /*#__PURE__*/_jsx(RNText, {
           testID: "button-label",
-          style: {
-            color: getTextColor(),
-            fontSize: s === 'lg' ? 16 : 14,
-            fontWeight: '600'
-          },
+          className: cn(buttonTextVariants({
+            variant: v,
+            size: s,
+            disabled: d
+          })),
           numberOfLines: 1,
           ellipsizeMode: "tail",
           children: children
-        }) : null, showRightIcon ? rightIcon ? rightIcon : /*#__PURE__*/_jsx(DummyIcon, {
+        }) : null, showRightIcon ? rightIcon || /*#__PURE__*/_jsx(DummyIcon, {
           testID: "button-right-icon"
         }) : null]
       })
     })
   });
 }
-ButtonComponent.displayName = 'Button';
-export { ButtonComponent as Button, buttonTextVariants, buttonVariants };
+Button.displayName = 'Button';
+export { buttonTextVariants, buttonVariants };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["cva","React","Pressable","Text","RNText","View","SquircleView","useTheme","jsx","_jsx","jsxs","_jsxs","ButtonVariants","size","variant","DummyIcon","testID","style","width","height","borderRadius","backgroundColor","useVariantSquircleParams","colors","map","default","fillColor","primary","strokeColor","strokeWidth","secondary","outline","border","ghost","destructive","link","CORNER_RADIUS","CORNER_SMOOTHING","buttonVariants","variants","lg","icon","disabled","false","true","hasIcons","compoundVariants","className","defaultVariants","buttonTextVariants","normalizeVariant","v","s","String","toLowerCase","includes","normalizeSize","normalizeDisabled","ButtonComponent","props","showLeftIcon","showRightIcon","leftIcon","rightIcon","children","onPress","rest","d","isIconOnly","Boolean","squircleParams","handlePress","useCallback","e","getTextColor","primaryForeground","secondaryForeground","foreground","destructiveForeground","getSizeStyles","paddingHorizontal","sizeStyles","accessibilityRole","accessibilityState","flexDirection","alignItems","justifyContent","opacity","color","fontSize","fontWeight","textDecorationLine","numberOfLines","ellipsizeMode","cornerRadius","cornerSmoothing","flex","gap","displayName","Button"],"sourceRoot":"../../../../../src","sources":["components/Input/Button/Button.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Pressable","View","Text","RNText","cssInterop","SquircleView","cva","cn","useThemeColors","jsx","_jsx","jsxs","_jsxs","className","ButtonVariants","size","variant","DummyIcon","testID","useVariantSquircleParams","colors","map","default","fillColor","brandPrimary","strokeColor","strokeWidth","secondary","brandSecondary","border","outline","ghost","destructive","link","CORNER_RADIUS","CORNER_SMOOTHING","buttonVariants","variants","lg","icon","disabled","false","true","hasIcons","compoundVariants","defaultVariants","buttonTextVariants","normalizeVariant","v","s","String","toLowerCase","includes","normalizeSize","normalizeDisabled","Button","props","showLeftIcon","showRightIcon","leftIcon","rightIcon","style","children","onPress","rest","d","isIconOnly","Boolean","squircleParams","handlePress","useCallback","e","cornerRadius","cornerSmoothing","accessibilityRole","accessibilityState","numberOfLines","ellipsizeMode","displayName"],"sourceRoot":"../../../../../src","sources":["components/Input/Button/Button.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -22,9 +22,11 @@ const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Nat
  */
 figma.connect(AppBar, FIGMA_URL, {
   props: {
-    variant: figma.enum('variant', {
-      default: 'default',
-      home: 'home'
+    type: figma.enum('type', {
+      'context': 'context',
+      'brand': 'brand',
+      'brand+switcher': 'brand+switcher',
+      'context+switcher': 'context+switcher'
     }),
     showLeading: figma.boolean('Show Leading'),
     showTrailing: figma.boolean('Show Trailing'),
@@ -38,10 +40,19 @@ figma.connect(AppBar, FIGMA_URL, {
         search: 'search'
       })
     }),
-    logo: figma.instance('Logo')
+    logo: figma.nestedProps('Logo', {
+      mode: figma.enum('mode', {
+        light: 'light',
+        dark: 'dark'
+      }),
+      brand: figma.enum('brand', {
+        campx: 'campx',
+        winnify: 'winnify'
+      })
+    })
   },
   example: props => /*#__PURE__*/_jsx(AppBar, {
-    variant: props.variant,
+    type: props.type,
     title: props.title,
     subtitle: props.subtitle,
     showLeading: props.showLeading,
@@ -49,9 +60,10 @@ figma.connect(AppBar, FIGMA_URL, {
     showSubtitle: props.showSubtitle,
     showHeaderBlock: props.showHeaderBlock,
     headerType: props.headerType.type,
+    logoMode: props.logo.mode,
+    logoBrand: props.logo.brand,
     onLeadingPress: () => {},
     onTrailingPress: () => {}
   })
 });
-i;
 //# sourceMappingURL=AppBar.figma.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["figma","AppBar","jsx","_jsx","FIGMA_URL","connect","props","variant","enum","default","home","showLeading","boolean","showTrailing","showSubtitle","title","string","subtitle","showHeaderBlock","headerType","nestedProps","type","tabs","search","logo","instance","example","onLeadingPress","onTrailingPress","i"],"sourceRoot":"../../../../../src","sources":["components/Navigation/Appbar/AppBar.figma.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,MAAM,EAAEG,SAAS,EAAE;EAC/BE,KAAK,EAAE;IACLC,OAAO,EAAEP,KAAK,CAACQ,IAAI,CAAC,SAAS,EAAE;MAC7BC,OAAO,EAAE,SAAS;MAClBC,IAAI,EAAE;IACR,CAAC,CAAC;IACFC,WAAW,EAAEX,KAAK,CAACY,OAAO,CAAC,cAAc,CAAC;IAC1CC,YAAY,EAAEb,KAAK,CAACY,OAAO,CAAC,eAAe,CAAC;IAC5CE,YAAY,EAAEd,KAAK,CAACY,OAAO,CAAC,eAAe,CAAC;IAC5CG,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAAC,OAAO,CAAC;IAC5BC,QAAQ,EAAEjB,KAAK,CAACgB,MAAM,CAAC,UAAU,CAAC;IAClCE,eAAe,EAAElB,KAAK,CAACY,OAAO,CAAC,kBAAkB,CAAC;IAClDO,UAAU,EAAEnB,KAAK,CAACoB,WAAW,CAAC,aAAa,EAAE;MAC3CC,IAAI,EAAErB,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;QACvBc,IAAI,EAAE,MAAM;QACZC,MAAM,EAAE;MACV,CAAC;IACH,CAAC,CAAC;IACFC,IAAI,EAAExB,KAAK,CAACyB,QAAQ,CAAC,MAAM;EAC7B,CAAC;EACDC,OAAO,EAAGpB,KAAK,iBACbH,IAAA,CAACF,MAAM;IACLM,OAAO,EAAED,KAAK,CAACC,OAAQ;IACvBQ,KAAK,EAAET,KAAK,CAACS,KAAM;IACnBE,QAAQ,EAAEX,KAAK,CAACW,QAAS;IACzBN,WAAW,EAAEL,KAAK,CAACK,WAAY;IAC/BE,YAAY,EAAEP,KAAK,CAACO,YAAa;IACjCC,YAAY,EAAER,KAAK,CAACQ,YAAa;IACjCI,eAAe,EAAEZ,KAAK,CAACY,eAAgB;IACvCC,UAAU,EAAEb,KAAK,CAACa,UAAU,CAACE,IAAK;IAClCM,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAE;IACzBC,eAAe,EAAEA,CAAA,KAAM,CAAC;EAAE,CAC3B;AAEL,CAAC,CAAC;AACFC,CAAC","ignoreList":[]}
+{"version":3,"names":["figma","AppBar","jsx","_jsx","FIGMA_URL","connect","props","type","enum","showLeading","boolean","showTrailing","showSubtitle","title","string","subtitle","showHeaderBlock","headerType","nestedProps","tabs","search","logo","mode","light","dark","brand","campx","winnify","example","logoMode","logoBrand","onLeadingPress","onTrailingPress"],"sourceRoot":"../../../../../src","sources":["components/Navigation/Appbar/AppBar.figma.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,MAAM,EAAEG,SAAS,EAAE;EAC/BE,KAAK,EAAE;IACLC,IAAI,EAAEP,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvB,SAAS,EAAE,SAAS;MACpB,OAAO,EAAE,OAAO;MAChB,gBAAgB,EAAE,gBAAgB;MAClC,kBAAkB,EAAE;IACtB,CAAC,CAAC;IACFC,WAAW,EAAET,KAAK,CAACU,OAAO,CAAC,cAAc,CAAC;IAC1CC,YAAY,EAAEX,KAAK,CAACU,OAAO,CAAC,eAAe,CAAC;IAC5CE,YAAY,EAAEZ,KAAK,CAACU,OAAO,CAAC,eAAe,CAAC;IAC5CG,KAAK,EAAEb,KAAK,CAACc,MAAM,CAAC,OAAO,CAAC;IAC5BC,QAAQ,EAAEf,KAAK,CAACc,MAAM,CAAC,UAAU,CAAC;IAClCE,eAAe,EAAEhB,KAAK,CAACU,OAAO,CAAC,kBAAkB,CAAC;IAClDO,UAAU,EAAEjB,KAAK,CAACkB,WAAW,CAAC,aAAa,EAAE;MAC3CX,IAAI,EAAEP,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;QACvBW,IAAI,EAAE,MAAM;QACZC,MAAM,EAAE;MACV,CAAC;IACH,CAAC,CAAC;IACFC,IAAI,EAAErB,KAAK,CAACkB,WAAW,CAAC,MAAM,EAAE;MAC9BI,IAAI,EAAEtB,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;QACvBe,KAAK,EAAE,OAAO;QACdC,IAAI,EAAE;MACR,CAAC,CAAC;MACFC,KAAK,EAAEzB,KAAK,CAACQ,IAAI,CAAC,OAAO,EAAE;QACzBkB,KAAK,EAAE,OAAO;QACdC,OAAO,EAAE;MACX,CAAC;IACH,CAAC;EACH,CAAC;EACDC,OAAO,EAAGtB,KAAK,iBACbH,IAAA,CAACF,MAAM;IACLM,IAAI,EAAED,KAAK,CAACC,IAAK;IACjBM,KAAK,EAAEP,KAAK,CAACO,KAAM;IACnBE,QAAQ,EAAET,KAAK,CAACS,QAAS;IACzBN,WAAW,EAAEH,KAAK,CAACG,WAAY;IAC/BE,YAAY,EAAEL,KAAK,CAACK,YAAa;IACjCC,YAAY,EAAEN,KAAK,CAACM,YAAa;IACjCI,eAAe,EAAEV,KAAK,CAACU,eAAgB;IACvCC,UAAU,EAAEX,KAAK,CAACW,UAAU,CAACV,IAAK;IAClCsB,QAAQ,EAAEvB,KAAK,CAACe,IAAI,CAACC,IAAK;IAC1BQ,SAAS,EAAExB,KAAK,CAACe,IAAI,CAACI,KAAM;IAC5BM,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAE;IACzBC,eAAe,EAAEA,CAAA,KAAM,CAAC;EAAE,CAC3B;AAEL,CAAC,CAAC","ignoreList":[]}

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