jfs-components 0.0.6 → 0.0.7

package/lib/commonjs/components/Accordion/Accordion.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as AccordionStories from './Accordion.stories';
 import Accordion from './Accordion';
 import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';

package/lib/commonjs/components/ActionFooter/ActionFooter.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -96,20 +97,7 @@ function ActionFooter({
   } : {};
 
   // Pass modes prop to all slot children
-  const childrenWithModes = _react.default.Children.map(children, child => {
-    if (/*#__PURE__*/_react.default.isValidElement(child)) {
-      // Merge modes: child's modes take precedence over parent's modes
-      const childModes = child.props.modes;
-      const mergedModes = childModes ? {
-        ...modes,
-        ...childModes
-      } : modes;
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        modes: mergedModes
-      });
-    }
-    return child;
-  });
+  const childrenWithModes = (0, _reactUtils.cloneChildrenWithModes)(children, modes);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [containerStyle, webShadow, style],
     accessibilityRole: "toolbar",

package/lib/commonjs/components/ActionFooter/ActionFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","__esModule","default","ActionFooter","children","modes","style","accessibilityLabel","backgroundColor","getVariableByName","gap","paddingHorizontal","paddingTop","paddingBottom","shadowStyle","Platform","select","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","containerStyle","paddingLeft","paddingRight","slotStyle","flexDirection","alignItems","flex","webShadow","OS","boxShadow","childrenWithModes","React","Children","map","child","isValidElement","childModes","props","mergedModes","cloneElement","jsx","View","accessibilityRole","_default","exports"],"sourceRoot":"../../../../src","sources":["components/ActionFooter/ActionFooter.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_reactUtils","_jsxRuntime","e","__esModule","default","ActionFooter","children","modes","style","accessibilityLabel","backgroundColor","getVariableByName","gap","paddingHorizontal","paddingTop","paddingBottom","shadowStyle","Platform","select","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","containerStyle","paddingLeft","paddingRight","slotStyle","flexDirection","alignItems","flex","webShadow","OS","boxShadow","childrenWithModes","cloneChildrenWithModes","jsx","View","accessibilityRole","_default","exports"],"sourceRoot":"../../../../src","sources":["components/ActionFooter/ActionFooter.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAgE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAuBhE;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;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,YAAYA,CAAC;EACpBC,QAAQ;EACRC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,kBAAkB,GAAG;AACJ,CAAC,EAAE;EACpB;EACA,MAAMC,eAAe,GAAG,IAAAC,yCAAiB,EAAC,yBAAyB,EAAEJ,KAAK,CAAC,IAAI,SAAS;EACxF,MAAMK,GAAG,GAAG,IAAAD,yCAAiB,EAAC,kBAAkB,EAAEJ,KAAK,CAAC,IAAI,CAAC;EAC7D,MAAMM,iBAAiB,GAAG,IAAAF,yCAAiB,EAAC,iCAAiC,EAAEJ,KAAK,CAAC,IAAI,EAAE;EAC3F,MAAMO,UAAU,GAAG,IAAAH,yCAAiB,EAAC,0BAA0B,EAAEJ,KAAK,CAAC,IAAI,EAAE;EAC7E,MAAMQ,aAAa,GAAG,IAAAJ,yCAAiB,EAAC,6BAA6B,EAAEJ,KAAK,CAAC,IAAI,EAAE;;EAEnF;EACA,MAAMS,WAAsB,GAAGC,qBAAQ,CAACC,MAAM,CAAC;IAC7CC,GAAG,EAAE;MACHC,WAAW,EAAE,qBAAqB;MAClCC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;MAAG,CAAC;MACvCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb,CAAC;IACDvB,OAAO,EAAE;MACP;IAAA;EAEJ,CAAC,CAAc;EAEf,MAAMwB,cAAyB,GAAG;IAChClB,eAAe;IACfmB,WAAW,EAAEhB,iBAAiB;IAC9BiB,YAAY,EAAEjB,iBAAiB;IAC/BC,UAAU;IACVC,aAAa;IACb,GAAGC;EACL,CAAC;;EAED;EACA,MAAMe,SAAoB,GAAG;IAC3BC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBrB,GAAG;IACHsB,IAAI,EAAE;EACR,CAAC;;EAED;EACA,MAAMC,SAAS,GAAGlB,qBAAQ,CAACmB,EAAE,KAAK,KAAK,GACnC;IAAEC,SAAS,EAAE;EAAuF,CAAC,GACrG,CAAC,CAAC;;EAEN;EACA,MAAMC,iBAAiB,GAAG,IAAAC,kCAAsB,EAACjC,QAAQ,EAAEC,KAAK,CAAC;EAEjE,oBACE,IAAAN,WAAA,CAAAuC,GAAA,EAAC1C,YAAA,CAAA2C,IAAI;IACHjC,KAAK,EAAE,CAACoB,cAAc,EAAEO,SAAS,EAAE3B,KAAK,CAAE;IAC1CkC,iBAAiB,EAAC,SAAS;IAC3BjC,kBAAkB,EAAEA,kBAAmB;IAAAH,QAAA,eAEvC,IAAAL,WAAA,CAAAuC,GAAA,EAAC1C,YAAA,CAAA2C,IAAI;MAACjC,KAAK,EAAEuB,SAAU;MAAAzB,QAAA,EACpBgC;IAAiB,CACd;EAAC,CACH,CAAC;AAEX;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEcC,YAAY","ignoreList":[]}

package/lib/commonjs/components/ActionFooter/ActionFooter.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as ActionFooterStories from './ActionFooter.stories';
 import ActionFooter from './ActionFooter';
 

package/lib/commonjs/components/ActionTile/ActionTile.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as Controls } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, PureArgsTable as Controls } from '@storybook/blocks';
 import * as ActionTileStories from './ActionTile.stories';
 
 <Meta of={ActionTileStories} />
@@ -15,6 +15,10 @@ This component uses the following design token collections. Each collection supp
 ### Color Mode
 - **Modes:** Light | Dark
 - **Default:** Light
+
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
 ## Usage
 
 ```tsx

package/lib/commonjs/components/AppBar/AppBar.js

@@ -3,20 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AppBarHome = AppBarHome;
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+exports.default = AppBar;
+var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
 var _JFSThemeProvider = require("../../design-tokens/JFSThemeProvider");
-var _IconButton = _interopRequireDefault(require("../IconButton/IconButton"));
-var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
+var _NavArrow = _interopRequireDefault(require("../NavArrow/NavArrow"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// We might need to import Image or Svg if we had the assets locally, but for now we'll use placeholders or standard icons for defaults.
+// The user prompt mentioned "Use getVariableByName... strict camelCase".
+
 /**
  * Helper function to recursively clone children and pass modes prop to components that accept it.
- * This ensures that all child components in slots receive the modes prop from the parent.
  */function cloneChildrenWithModes(children, modes) {
   return _react.default.Children.map(children, child => {
     if (! /*#__PURE__*/_react.default.isValidElement(child)) {
@@ -29,7 +28,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
     // Clone the child with modes prop if it doesn't already have one
     // or merge with existing modes if it does
-    // Merge order: parent modes first, then child's explicit modes override them
     const existingModes = child.props?.modes;
     const mergedModes = existingModes ? {
       ...modes,
@@ -46,41 +44,15 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
     }, processedChildren);
   })?.filter(child => child !== null && child !== undefined) ?? [];
 }
-
-/**
- * AppBar component that mirrors the Figma "AppBar" component.
- *
- * This component supports:
- *  - **leading** IconButton (default: back button with ic_chevron_left)
- *  - **middle** slot for custom content (typically title or search)
- *  - **actions** slot for custom action buttons (default: two IconButtons)
- *  - **design-token driven styling** via `getVariableByName` and `modes`
- *
- * Wherever the Figma layer name contains "Slot", this component exposes a
- * dedicated React "slot" prop:
- *  - Slot "Middle" → `middleSlot`
- *  - Slot "Actions" → `actionsSlot`
- *
- * @component
- * @param {Object} props
- * @param {React.ReactNode} [props.leading] - Optional leading element. Defaults to IconButton with ic_chevron_left.
- * @param {React.ReactNode} [props.middleSlot] - Optional custom slot for middle content (Figma Slot "Middle").
- * @param {React.ReactNode} [props.actionsSlot] - Optional custom slot for action buttons (Figma Slot "Actions").
- * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens.
- * @param {Function} [props.onLeadingPress] - Callback when leading button is pressed (only used if leading is not provided).
- * @param {Object} [props.style] - Optional container style overrides.
- * @param {string} [props.accessibilityLabel] - Accessibility label for the app bar
- * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
- */
-
 function AppBar({
-  leading,
+  type = 'MainPage',
+  leadingSlot,
   middleSlot,
   actionsSlot,
   modes: propModes = {},
   onLeadingPress,
   style,
-  accessibilityLabel = "App bar",
+  accessibilityLabel,
   accessibilityHint,
   ...rest
 }) {
@@ -91,88 +63,104 @@ function AppBar({
     ...globalModes,
     ...propModes
   };
-  const [childFocused, setChildFocused] = (0, _react.useState)(false);
-  function injectFocusHandlers(node) {
-    if (! /*#__PURE__*/_react.default.isValidElement(node)) return node;
-    const existingOnFocus = node.props?.onFocus;
-    const existingOnBlur = node.props?.onBlur;
-    return /*#__PURE__*/_react.default.cloneElement(node, {
-      ...node.props,
-      onFocus: e => {
-        setChildFocused(true);
-        existingOnFocus?.(e);
-      },
-      onBlur: e => {
-        setChildFocused(false);
-        existingOnBlur?.(e);
-      }
-    });
-  }
-  // Resolve container tokens
-  const paddingHorizontal = (0, _figmaVariablesResolver.getVariableByName)('appBarActions/padding/horizontal', modes) ?? 16;
-  const paddingVertical = (0, _figmaVariablesResolver.getVariableByName)('appBarActions/padding/vertical', modes) ?? 10;
-  const actionsGap = (0, _figmaVariablesResolver.getVariableByName)('appBarActions/actions/gap', modes) ?? 8;
+  const isMain = type === 'MainPage';
+  const isSub = type === 'SubPage';
+
+  // --- Tokens ---
+  // Construct token keys based on type. keys must be camelCase as per instruction.
+  // We use explicit string literals so that the extraction script can find them.
+  const paddingHorizontal = isMain ? (0, _figmaVariablesResolver.getVariableByName)('appBar/mainPage/padding/horizontal', modes) : (0, _figmaVariablesResolver.getVariableByName)('appBar/subPage/padding/horizontal', modes);
+  const paddingVertical = isMain ? (0, _figmaVariablesResolver.getVariableByName)('appBar/mainPage/padding/vertical', modes) : (0, _figmaVariablesResolver.getVariableByName)('appBar/subPage/padding/vertical', modes);
+  const backgroundColor = isMain ? (0, _figmaVariablesResolver.getVariableByName)('appBar/mainPage/background', modes) : (0, _figmaVariablesResolver.getVariableByName)('appBar/subPage/background', modes);
+  const actionsGap = isMain ? (0, _figmaVariablesResolver.getVariableByName)('appBar/mainPage/actions/gap', modes) : (0, _figmaVariablesResolver.getVariableByName)('appBar/subPage/actions/gap', modes);
+
+  // Layout styles
   const containerStyle = {
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between',
-    paddingHorizontal,
-    paddingVertical,
-    minHeight: 52
-  };
-  const actionsRowStyle = {
-    flexDirection: 'row',
-    gap: actionsGap,
-    alignItems: 'center'
+    paddingHorizontal: paddingHorizontal ?? 16,
+    paddingVertical: paddingVertical ?? (isMain ? 16 : 10),
+    backgroundColor: backgroundColor ?? '#FFFFFF'
+    // We can set minHeight if we want to enforce consistency, but padding should dictate it mostly.
+    // Figma shows specific heights implicitly via padding + content.
+    // MainPage: h=68 (16 top/bot padding? 36 height content?)
+    // SubPage: h=52
   };
 
-  // Default leading: IconButton with back icon
-  const defaultLeading = leading ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-    iconName: "ic_chevron_left",
-    modes: modes,
-    ...(onLeadingPress !== undefined ? {
-      onPress: onLeadingPress
-    } : {}),
-    accessibilityLabel: "Go back",
-    accessibilityHint: "Navigates to the previous screen"
-  });
-
-  // Default actions: Two IconButtons
-  const defaultActions = actionsSlot ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: actionsRowStyle,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-      iconName: "ic_hellojio",
-      modes: modes,
-      onPress: () => {},
-      accessibilityLabel: "Hello Jio",
-      accessibilityHint: "Opens Hello Jio menu"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-      iconName: "ic_more_horizontal",
-      modes: modes,
-      onPress: () => {},
-      accessibilityLabel: "More options",
-      accessibilityHint: "Opens additional options menu"
-    })]
-  });
+  // --- Leading Slot Default ---
+  // SubPage default: Back Arrow
+  // MainPage default: Jio Logo (We'll use a placeholder or basic text if no asset, 
+  // but looking at "AppBarHome" before, it had "ic_hellojio". Let's stick to generic defaults or empty if not provided,
+  // but usually a component library provides sensible defaults.)
+
+  // Actually, let's implement the specific defaults mentioned in the plan/analysis
+  // SubPage: NavArrow props (icon, etc). We'll use IconButton with 'ic_chevron_left' as a close approximation.
+
+  let defaultLeading = null;
+  if (leadingSlot === undefined) {
+    if (isSub) {
+      defaultLeading = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        ...(onLeadingPress ? {
+          onPress: onLeadingPress
+        } : {}),
+        hitSlop: 8,
+        accessibilityRole: "button",
+        accessibilityLabel: "Back",
+        style: ({
+          pressed
+        }) => ({
+          opacity: pressed ? 0.7 : 1,
+          alignItems: 'center',
+          justifyContent: 'center'
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavArrow.default, {
+          direction: "Back",
+          modes: modes
+        })
+      });
+    } else {
+      // MainPage default leading: often the Brand Logo.
+      // We'll leave it empty or render a placeholder if desired, but standard AppBar often lets consumer pass logo.
+      // Previous code had `leadingIconName='ic_hellojio'` for Home.
+      // We will render nothing by default for MainPage leading to keep it flexible, OR a specialized Logo component if we had one.
+      // For now, let's assume consumer passes it for MainPage, or we leave empty.
+      // Wait, Figma screenshot shows "Jio" logo.
+      // The user said: "mostly token namings are 'camelCase'. Maximize existing component usage."
+      // I'll leave defaultLeading as null for MainPage unless I have a "BrandLogo" component.
+    }
+  }
 
-  // Clone slot children and pass modes to all children that accept it
-  const processedMiddleSlot = middleSlot ? cloneChildrenWithModes(_react.default.Children.toArray(middleSlot), modes) : null;
-  const processedActionsSlot = actionsSlot ? cloneChildrenWithModes(_react.default.Children.toArray(actionsSlot), modes) : defaultActions;
+  // --- Process Slots ---
+  const processedLeading = leadingSlot ? cloneChildrenWithModes([leadingSlot], modes)[0] : defaultLeading;
+  const processedMiddle = middleSlot ? cloneChildrenWithModes(_react.default.Children.toArray(middleSlot), modes) : null;
 
-  // Process leading if it's a React element
-  const processedLeading = /*#__PURE__*/_react.default.isValidElement(leading) ? injectFocusHandlers(cloneChildrenWithModes([leading], modes)[0]) : defaultLeading;
+  // Actions Gap wrapper
+  // The Figma has "Actions" slot with a gap.
+  const actionsStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: actionsGap ?? 0
+  };
+  const processedActions = actionsSlot ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: actionsStyle,
+    children: cloneChildrenWithModes(_react.default.Children.toArray(actionsSlot), modes)
+  }) : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [containerStyle, childFocused ? {
-      borderBottomWidth: 2,
-      borderBottomColor: '#222'
-    } : null, style],
+    style: [containerStyle, style],
     accessibilityRole: "header",
-    accessibilityLabel: accessibilityLabel,
-    ...(accessibilityHint !== undefined ? {
+    accessibilityLabel: accessibilityLabel || (isMain ? "Main Header" : "Sub Header"),
+    ...(accessibilityHint ? {
       accessibilityHint
     } : {}),
     ...rest,
-    children: [processedLeading, processedMiddleSlot && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center'
+      },
+      children: processedLeading
+    }), processedMiddle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: {
         position: 'absolute',
         left: 0,
@@ -181,141 +169,15 @@ function AppBar({
         bottom: 0,
         alignItems: 'center',
         justifyContent: 'center',
-        paddingHorizontal: 21,
-        pointerEvents: 'box-none'
+        zIndex: -1 // Behind actions if overlap? Or should be on top? 
+        // Usually middle title shouldn't block actions. `pointerEvents="box-none"` is safer.
       },
-      accessibilityElementsHidden: true,
-      importantForAccessibility: "no",
-      children: processedMiddleSlot
+      pointerEvents: "box-none",
+      children: processedMiddle
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: actionsRowStyle,
-      children: Array.isArray(processedActionsSlot) ? processedActionsSlot.map(n => injectFocusHandlers(n)) : injectFocusHandlers(processedActionsSlot)
-    })]
-  });
-}
-
-/**
- * AppBarHome component that mirrors the Figma "AppBar.home" component.
- *
- * This component supports:
- *  - **leading** IconButton (default: circular button with customizable icon)
- *  - **actions** slot for custom action buttons (default: search and notification IconButtons)
- *  - **avatar** Avatar component on the right
- *  - **design-token driven styling** via `getVariableByName` and `modes`
- *
- * Wherever the Figma layer name contains "Slot", this component exposes a
- * dedicated React "slot" prop:
- *  - Slot "Actions" → `actionsSlot`
- *
- * @component
- * @param {Object} props
- * @param {React.ReactNode} [props.leading] - Optional leading element. Defaults to IconButton with customizable icon.
- * @param {React.ReactNode} [props.actionsSlot] - Optional custom slot for action buttons (Figma Slot "Actions").
- * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens.
- * @param {Function} [props.onLeadingPress] - Callback when leading button is pressed (only used if leading is not provided).
- * @param {string} [props.leadingIconName] - Icon name for default leading button (default: 'ic_hellojio').
- * @param {Object} [props.avatarProps] - Props to pass to Avatar component.
- * @param {Object} [props.style] - Optional container style overrides.
- * @param {string} [props.accessibilityLabel] - Accessibility label for the app bar
- * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
- */
-
-function AppBarHome({
-  leading,
-  actionsSlot,
-  modes: propModes = {},
-  onLeadingPress,
-  leadingIconName = 'ic_hellojio',
-  avatarProps,
-  style,
-  accessibilityLabel = "Home app bar",
-  accessibilityHint,
-  ...rest
-}) {
-  const {
-    modes: globalModes
-  } = (0, _JFSThemeProvider.useTokens)();
-  const modes = {
-    ...globalModes,
-    ...propModes
-  };
-
-  // Resolve container tokens
-  const paddingHorizontal = (0, _figmaVariablesResolver.getVariableByName)('appBarHome/padding/horizontal', modes) ?? 16;
-  const paddingVertical = (0, _figmaVariablesResolver.getVariableByName)('appBarHome/padding/vertical', modes) ?? 16;
-  const actionsGap = (0, _figmaVariablesResolver.getVariableByName)('appBarHome/actions/gap', modes) ?? 0;
-  const containerStyle = {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal,
-    paddingVertical,
-    width: '100%'
-  };
-  const homeActionsRowStyle = {
-    flexDirection: 'row',
-    gap: actionsGap,
-    alignItems: 'center'
-  };
-
-  // Default leading: IconButton with customizable icon
-  // The IconButton already handles its own circular styling, so we just use it directly
-  const defaultLeading = leading ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-    iconName: leadingIconName,
-    modes: modes,
-    ...(onLeadingPress !== undefined ? {
-      onPress: onLeadingPress
-    } : {}),
-    accessibilityLabel: "Home",
-    accessibilityHint: "Opens home menu"
-  });
-
-  // Default actions: Search and Notification IconButtons
-  const defaultActions = actionsSlot ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: homeActionsRowStyle,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-      iconName: "ic_search",
-      modes: modes,
-      onPress: () => {},
-      accessibilityLabel: "Search",
-      accessibilityHint: "Opens search screen"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-      iconName: "ic_notification",
-      modes: modes,
-      onPress: () => {},
-      accessibilityLabel: "Notifications",
-      accessibilityHint: "Opens notifications"
-    })]
-  });
-
-  // Clone slot children and pass modes to all children that accept it
-  const processedActionsSlot = actionsSlot ? cloneChildrenWithModes(_react.default.Children.toArray(actionsSlot), modes) : defaultActions;
-
-  // Process leading if it's a React element
-  const processedLeading = /*#__PURE__*/_react.default.isValidElement(leading) ? cloneChildrenWithModes([leading], modes)[0] : defaultLeading;
-
-  // Process avatar with modes
-  const avatarModes = avatarProps?.modes ? {
-    ...modes,
-    ...avatarProps.modes
-  } : modes;
-  const processedAvatar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
-    ...(avatarProps ?? {}),
-    modes: avatarModes
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [containerStyle, style],
-    accessibilityRole: "header",
-    accessibilityLabel: accessibilityLabel,
-    ...(accessibilityHint !== undefined ? {
-      accessibilityHint
-    } : {}),
-    ...rest,
-    children: [processedLeading, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: homeActionsRowStyle,
-      children: [processedActionsSlot, processedAvatar]
+      style: actionsStyle,
+      children: processedActions
     })]
   });
 }
-var _default = exports.default = AppBar;
 //# sourceMappingURL=AppBar.js.map

package/lib/commonjs/components/AppBar/AppBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_IconButton","_interopRequireDefault","_Avatar","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","cloneChildrenWithModes","children","modes","React","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","filter","AppBar","leading","middleSlot","actionsSlot","propModes","onLeadingPress","style","accessibilityLabel","accessibilityHint","rest","globalModes","useTokens","childFocused","setChildFocused","useState","injectFocusHandlers","node","existingOnFocus","onFocus","existingOnBlur","onBlur","paddingHorizontal","getVariableByName","paddingVertical","actionsGap","containerStyle","flexDirection","alignItems","justifyContent","minHeight","actionsRowStyle","gap","defaultLeading","jsx","iconName","onPress","defaultActions","jsxs","View","processedMiddleSlot","processedActionsSlot","processedLeading","borderBottomWidth","borderBottomColor","accessibilityRole","position","left","right","top","bottom","pointerEvents","accessibilityElementsHidden","importantForAccessibility","Array","isArray","AppBarHome","leadingIconName","avatarProps","width","homeActionsRowStyle","avatarModes","processedAvatar","_default","exports"],"sourceRoot":"../../../../src","sources":["components/AppBar/AppBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_NavArrow","_jsxRuntime","e","__esModule","default","cloneChildrenWithModes","children","modes","React","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","filter","AppBar","type","leadingSlot","middleSlot","actionsSlot","propModes","onLeadingPress","style","accessibilityLabel","accessibilityHint","rest","globalModes","useTokens","isMain","isSub","paddingHorizontal","getVariableByName","paddingVertical","backgroundColor","actionsGap","containerStyle","flexDirection","alignItems","justifyContent","defaultLeading","jsx","Pressable","onPress","hitSlop","accessibilityRole","pressed","opacity","direction","processedLeading","processedMiddle","actionsStyle","gap","processedActions","View","jsxs","position","left","right","top","bottom","zIndex","pointerEvents"],"sourceRoot":"../../../../src","sources":["components/AppBar/AppBar.tsx"],"mappings":"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","ignoreList":[]}