jfs-components 0.0.4 → 0.0.6

package/lib/typescript/Containers.d.ts

@@ -1,2 +1,3 @@
-export declare const storyContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+import { type ViewProps } from 'react-native';
+export declare const storyContainer: (props: ViewProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Containers.d.ts.map

package/lib/typescript/Containers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Containers.d.ts","sourceRoot":"","sources":["../../src/Containers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,+KAK1B,CAAA"}
+{"version":3,"file":"Containers.d.ts","sourceRoot":"","sources":["../../src/Containers.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,eAAO,MAAM,cAAc,GAAI,OAAO,SAAS,4CAE9C,CAAC"}

package/lib/typescript/components/ActionTile/ActionTile.d.ts

@@ -22,5 +22,5 @@ export type ActionTileProps = {
  *
  * @component
  */
-export default function ActionTile({ label, icon, modes, style, onPress, }: ActionTileProps): import("react/jsx-runtime").JSX.Element;
+export default function ActionTile({ label, icon, modes: propModes, style, onPress, }: ActionTileProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ActionTile.d.ts.map

package/lib/typescript/components/ActionTile/ActionTile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionTile.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionTile/ActionTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAc,KAAK,SAAS,EAAoC,MAAM,cAAc,CAAA;AAI3F,MAAM,MAAM,eAAe,GAAG;IAC1B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAe,EACf,IAAI,EACJ,KAAU,EACV,KAAK,EACL,OAAO,GACV,EAAE,eAAe,2CAiEjB"}
+{"version":3,"file":"ActionTile.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionTile/ActionTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAc,KAAK,SAAS,EAAoC,MAAM,cAAc,CAAA;AAK3F,MAAM,MAAM,eAAe,GAAG;IAC1B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,KAAe,EACf,IAAI,EACJ,KAAK,EAAE,SAAc,EACrB,KAAK,EACL,OAAO,GACV,EAAE,eAAe,2CAoEjB"}

package/lib/typescript/components/AppBar/AppBar.d.ts

@@ -36,7 +36,7 @@ type AppBarProps = {
     accessibilityLabel?: string;
     accessibilityHint?: string;
 } & Omit<React.ComponentProps<typeof View>, 'style' | 'accessibilityRole' | 'accessibilityLabel' | 'accessibilityHint'>;
-declare function AppBar({ leading, middleSlot, actionsSlot, modes, onLeadingPress, style, accessibilityLabel, accessibilityHint, ...rest }: AppBarProps): import("react/jsx-runtime").JSX.Element;
+declare function AppBar({ leading, middleSlot, actionsSlot, modes: propModes, onLeadingPress, style, accessibilityLabel, accessibilityHint, ...rest }: AppBarProps): import("react/jsx-runtime").JSX.Element;
 /**
  * AppBarHome component that mirrors the Figma "AppBar.home" component.
  *
@@ -73,7 +73,7 @@ type AppBarHomeProps = {
     accessibilityLabel?: string;
     accessibilityHint?: string;
 } & Omit<React.ComponentProps<typeof View>, 'style' | 'accessibilityRole' | 'accessibilityLabel' | 'accessibilityHint'>;
-declare function AppBarHome({ leading, actionsSlot, modes, onLeadingPress, leadingIconName, avatarProps, style, accessibilityLabel, accessibilityHint, ...rest }: AppBarHomeProps): import("react/jsx-runtime").JSX.Element;
+declare function AppBarHome({ leading, actionsSlot, modes: propModes, onLeadingPress, leadingIconName, avatarProps, style, accessibilityLabel, accessibilityHint, ...rest }: AppBarHomeProps): import("react/jsx-runtime").JSX.Element;
 export default AppBar;
 export { AppBarHome };
 //# sourceMappingURL=AppBar.d.ts.map

package/lib/typescript/components/AppBar/AppBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAGnE,OAAO,MAAM,MAAM,kBAAkB,CAAA;AA6CrC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAExH,iBAAS,MAAM,CAAC,EACd,OAAO,EACP,UAAU,EACV,WAAW,EACX,KAAU,EACV,cAAc,EACd,KAAK,EACL,kBAA8B,EAC9B,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,WAAW,2CA2Hb;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IAClD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAExH,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,WAAW,EACX,KAAU,EACV,cAAc,EACd,eAA+B,EAC/B,WAAW,EACX,KAAK,EACL,kBAAmC,EACnC,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,eAAe,2CAuFjB;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAInE,OAAO,MAAM,MAAM,kBAAkB,CAAA;AA6CrC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAExH,iBAAS,MAAM,CAAC,EACd,OAAO,EACP,UAAU,EACV,WAAW,EACX,KAAK,EAAE,SAAc,EACrB,cAAc,EACd,KAAK,EACL,kBAA8B,EAC9B,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,WAAW,2CA8Hb;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IAClD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAExH,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,WAAW,EACX,KAAK,EAAE,SAAc,EACrB,cAAc,EACd,eAA+B,EAC/B,WAAW,EACX,KAAK,EACL,kBAAmC,EACnC,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,eAAe,2CA0FjB;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/lib/typescript/components/BottomNav/BottomNav.d.ts

@@ -41,6 +41,6 @@ type BottomNavProps = {
  * @param {string} [props.accessibilityLabel] - Accessibility label for the navigation bar
  * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
  */
-declare function BottomNav({ items, modes, onItemPress, style, accessibilityLabel, accessibilityHint, ...rest }: BottomNavProps): import("react/jsx-runtime").JSX.Element;
+declare function BottomNav({ items, modes: propModes, onItemPress, style, accessibilityLabel, accessibilityHint, ...rest }: BottomNavProps): import("react/jsx-runtime").JSX.Element;
 export default BottomNav;
 //# sourceMappingURL=BottomNav.d.ts.map

package/lib/typescript/components/BottomNav/BottomNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNav.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomNav/BottomNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAInE,KAAK,iBAAiB,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC7B,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAExH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,SAAS,CAAC,EACjB,KAMC,EACD,KAAU,EACV,WAAW,EACX,KAAK,EACL,kBAAwC,EACxC,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,cAAc,2CAuEhB;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"BottomNav.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomNav/BottomNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAKnE,KAAK,iBAAiB,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC7B,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAExH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,SAAS,CAAC,EACjB,KAMC,EACD,KAAK,EAAE,SAAc,EACrB,WAAW,EACX,KAAK,EACL,kBAAwC,EACxC,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,cAAc,2CAyEhB;AAED,eAAe,SAAS,CAAA"}

package/lib/typescript/components/BottomNavItem/BottomNavItem.d.ts

@@ -40,6 +40,6 @@ type BottomNavItemProps = SafePressableProps & {
  * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
  * @param {Object} [props.accessibilityState] - Additional accessibility state information
  */
-declare function BottomNavItem({ iconName, label, modes, onPress, disabled, style, labelStyle, iconColor: iconColorOverride, iconSize: iconSizeOverride, accessibilityLabel, accessibilityHint, accessibilityState, webAccessibilityProps, ...rest }: BottomNavItemProps): import("react/jsx-runtime").JSX.Element;
+declare function BottomNavItem({ iconName, label, modes: propModes, onPress, disabled, style, labelStyle, iconColor: iconColorOverride, iconSize: iconSizeOverride, accessibilityLabel, accessibilityHint, accessibilityState, webAccessibilityProps, ...rest }: BottomNavItemProps): import("react/jsx-runtime").JSX.Element;
 export default BottomNavItem;
 //# sourceMappingURL=BottomNavItem.d.ts.map

package/lib/typescript/components/BottomNavItem/BottomNavItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomNavItem/BottomNavItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAA;AAGrB,OAAO,EAA0B,KAAK,kBAAkB,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AAE5H,KAAK,kBAAkB,GAAG,kBAAkB,GAAG;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;OAEG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAoB,EACpB,KAAc,EACd,KAAU,EACV,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,gBAAgB,EAC1B,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAsIpB;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"BottomNavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomNavItem/BottomNavItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAA;AAIrB,OAAO,EAA0B,KAAK,kBAAkB,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AAE5H,KAAK,kBAAkB,GAAG,kBAAkB,GAAG;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;OAEG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAoB,EACpB,KAAc,EACd,KAAK,EAAE,SAAc,EACrB,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,gBAAgB,EAC1B,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAwIpB;AAED,eAAe,aAAa,CAAA"}

package/lib/typescript/components/CtaCard/CtaCard.d.ts

@@ -56,6 +56,6 @@ type CtaCardProps = {
  *
  * @component
  */
-declare function CtaCard({ title, body, iconName, buttonLabel, onPressButton, modes, iconSlot, titleSlot, bodySlot, buttonSlot, style, }: CtaCardProps): import("react/jsx-runtime").JSX.Element;
+declare function CtaCard({ title, body, iconName, buttonLabel, onPressButton, modes: propModes, iconSlot, titleSlot, bodySlot, buttonSlot, style, }: CtaCardProps): import("react/jsx-runtime").JSX.Element;
 export default CtaCard;
 //# sourceMappingURL=CtaCard.d.ts.map

package/lib/typescript/components/CtaCard/CtaCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CtaCard.d.ts","sourceRoot":"","sources":["../../../../src/components/CtaCard/CtaCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAK1F,KAAK,YAAY,GAAG;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC,CAAC;AAEF;;;;GAIG;AACH,iBAAS,OAAO,CAAC,EACb,KAAiC,EACjC,IAAyC,EACzC,QAA0B,EAC1B,WAA2B,EAC3B,aAAa,EACb,KAAU,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,KAAK,GACR,EAAE,YAAY,2CA0Gd;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"CtaCard.d.ts","sourceRoot":"","sources":["../../../../src/components/CtaCard/CtaCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAM1F,KAAK,YAAY,GAAG;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC,CAAC;AAEF;;;;GAIG;AACH,iBAAS,OAAO,CAAC,EACb,KAAiC,EACjC,IAAyC,EACzC,QAA0B,EAC1B,WAA2B,EAC3B,aAAa,EACb,KAAK,EAAE,SAAc,EACrB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,KAAK,GACR,EAAE,YAAY,2CA4Gd;AAED,eAAe,OAAO,CAAC"}

package/lib/typescript/components/Disclaimer/Disclaimer.d.ts

@@ -29,6 +29,6 @@ type DisclaimerProps = {
  * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, uses disclaimer text
  * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
  */
-declare function Disclaimer({ disclaimer, modes, style, textStyle, accessibilityLabel, accessibilityHint, ...rest }: DisclaimerProps): import("react/jsx-runtime").JSX.Element;
+declare function Disclaimer({ disclaimer, modes: propModes, style, textStyle, accessibilityLabel, accessibilityHint, ...rest }: DisclaimerProps): import("react/jsx-runtime").JSX.Element;
 export default Disclaimer;
 //# sourceMappingURL=Disclaimer.d.ts.map

package/lib/typescript/components/Disclaimer/Disclaimer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Disclaimer.d.ts","sourceRoot":"","sources":["../../../../src/components/Disclaimer/Disclaimer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAGzF,KAAK,eAAe,GAAG;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,UAAU,CAAC,EAClB,UAAiF,EACjF,KAAU,EACV,KAAK,EACL,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,eAAe,2CAsDjB;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"Disclaimer.d.ts","sourceRoot":"","sources":["../../../../src/components/Disclaimer/Disclaimer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAIzF,KAAK,eAAe,GAAG;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,UAAU,CAAC,EAClB,UAAiF,EACjF,KAAK,EAAE,SAAc,EACrB,KAAK,EACL,SAAS,EACT,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,eAAe,2CAwDjB;AAED,eAAe,UAAU,CAAA"}

package/lib/typescript/components/IconCapsule/IconCapsule.d.ts

@@ -34,6 +34,6 @@ type IconCapsuleProps = {
  * <IconCapsule iconName="ic_card" accessibilityLabel="Credit card icon" />
  * ```
  */
-declare function IconCapsule({ iconName, modes, accessibilityLabel, accessibilityRole, ...rest }: IconCapsuleProps): import("react/jsx-runtime").JSX.Element;
+declare function IconCapsule({ iconName, modes: propModes, accessibilityLabel, accessibilityRole, ...rest }: IconCapsuleProps): import("react/jsx-runtime").JSX.Element;
 export default IconCapsule;
 //# sourceMappingURL=IconCapsule.d.ts.map

package/lib/typescript/components/IconCapsule/IconCapsule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconCapsule.d.ts","sourceRoot":"","sources":["../../../../src/components/IconCapsule/IconCapsule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAA;AAInE,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,iBAAS,WAAW,CAAC,EACnB,QAAoB,EACpB,KAAU,EACV,kBAAkB,EAClB,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,gBAAgB,2CA6ClB;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"IconCapsule.d.ts","sourceRoot":"","sources":["../../../../src/components/IconCapsule/IconCapsule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAA;AAKnE,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,iBAAS,WAAW,CAAC,EACnB,QAAoB,EACpB,KAAK,EAAE,SAAc,EACrB,kBAAkB,EAClB,iBAA2B,EAC3B,GAAG,IAAI,EACR,EAAE,gBAAgB,2CA+ClB;AAED,eAAe,WAAW,CAAA"}

package/lib/typescript/components/PageTitle/PageTitle.d.ts

@@ -24,6 +24,6 @@ type PageTitleProps = {
  * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, uses title
  * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
  */
-declare function PageTitle({ title, modes, style, textStyle, numberOfLines, accessibilityLabel, accessibilityHint, ...rest }: PageTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function PageTitle({ title, modes: propModes, style, textStyle, numberOfLines, accessibilityLabel, accessibilityHint, ...rest }: PageTitleProps): import("react/jsx-runtime").JSX.Element;
 export default PageTitle;
 //# sourceMappingURL=PageTitle.d.ts.map

package/lib/typescript/components/PageTitle/PageTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/PageTitle/PageTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAGzF,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;GAcG;AACH,iBAAS,SAAS,CAAC,EACjB,KAAoB,EACpB,KAAU,EACV,KAAK,EACL,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,cAAc,2CA4DhB;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"PageTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/PageTitle/PageTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAIzF,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;GAcG;AACH,iBAAS,SAAS,CAAC,EACjB,KAAoB,EACpB,KAAK,EAAE,SAAc,EACrB,KAAK,EACL,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,cAAc,2CA+DhB;AAED,eAAe,SAAS,CAAA"}

package/lib/typescript/components/UpiHandle/UpiHandle.d.ts

@@ -30,6 +30,6 @@ type UpiHandleProps = {
  * @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, uses label
  * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
  */
-declare function UpiHandle({ label, modes, showIcon, iconName, onPress, disabled, accessibilityLabel, accessibilityHint, ...rest }: UpiHandleProps): import("react/jsx-runtime").JSX.Element;
+declare function UpiHandle({ label, modes: propModes, showIcon, iconName, onPress, disabled, accessibilityLabel, accessibilityHint, ...rest }: UpiHandleProps): import("react/jsx-runtime").JSX.Element;
 export default UpiHandle;
 //# sourceMappingURL=UpiHandle.d.ts.map

package/lib/typescript/components/UpiHandle/UpiHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpiHandle.d.ts","sourceRoot":"","sources":["../../../../src/components/UpiHandle/UpiHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAa,IAAI,EAAgE,MAAM,cAAc,CAAA;AAQ5G,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAExH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,SAAS,CAAC,EACjB,KAAe,EACf,KAAU,EACV,QAAe,EACf,QAA4B,EAC5B,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,cAAc,2CAwIhB;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"UpiHandle.d.ts","sourceRoot":"","sources":["../../../../src/components/UpiHandle/UpiHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAa,IAAI,EAAgE,MAAM,cAAc,CAAA;AAS5G,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,CAAC;AAExH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,SAAS,CAAC,EACjB,KAAe,EACf,KAAK,EAAE,SAAc,EACrB,QAAe,EACf,QAA4B,EAC5B,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,cAAc,2CA0IhB;AAED,eAAe,SAAS,CAAA"}

package/lib/typescript/design-tokens/JFSThemeProvider.d.ts

@@ -0,0 +1,44 @@
+import React, { ReactNode } from 'react';
+/**
+ * Shape of the TokenContext
+ */
+interface TokenContextType {
+    /**
+     * Current active modes map
+     * @example { 'Color Mode': 'Dark', 'Platform': 'mobile' }
+     */
+    modes: Record<string, any>;
+    /**
+     * Helper to resolve variable by name using the current context modes.
+     */
+    getVariable: (name: string) => any;
+}
+interface JFSThemeProviderProps {
+    /**
+     * Modes to apply globally.
+     * Can be used to set 'Color Mode', 'Platform', 'Density', etc.
+     */
+    modes?: Record<string, any>;
+    children: ReactNode;
+}
+/**
+ * Provider component for the JFS Design System.
+ * Wraps your application or a subtree to provide global configuration for design tokens.
+ *
+ * @example
+ * <JFSThemeProvider modes={{ 'Color Mode': 'Dark', 'Platform': 'web' }}>
+ *   <App />
+ * </JFSThemeProvider>
+ */
+export declare const JFSThemeProvider: React.FC<JFSThemeProviderProps>;
+/**
+ * Hook to access the current design token context.
+ *
+ * returns {
+ *   modes: Record<string, any> - The current active modes
+ *   getVariable: (name: string) => any - Function to resolve a token value
+ * }
+ */
+export declare const useTokens: () => TokenContextType;
+export {};
+//# sourceMappingURL=JFSThemeProvider.d.ts.map

package/lib/typescript/design-tokens/JFSThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JFSThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/design-tokens/JFSThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAW,MAAM,OAAO,CAAC;AAG7E;;GAEG;AACH,UAAU,gBAAgB;IACtB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B;;OAEG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC;CACtC;AAID,UAAU,qBAAqB;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmB5D,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,QAAO,gBAU5B,CAAC"}

package/lib/typescript/design-tokens/index.d.ts

@@ -1,2 +1,3 @@
 export * from './figma-variables-resolver';
+export * from './JFSThemeProvider';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/design-tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC"}

package/lib/typescript/icons/registry.d.ts

@@ -4,7 +4,7 @@
  * Auto-generated from SVG files in src/icons/
  * DO NOT EDIT MANUALLY - Run "npm run icons:generate" to regenerate
  *
- * Generated: 2026-01-21T10:51:56.970Z
+ * Generated: 2026-01-22T12:09:47.639Z
  */
 export declare const iconRegistry: Record<string, {
     path: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jfs-components",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "React Native Jio Finance Components Library",
   "author": "sunshuaiqi@gmail.com",
   "license": "MIT",
@@ -77,8 +77,7 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*",
-    "styled-components": "*"
+    "react-native": "*"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
@@ -102,11 +101,9 @@
     "@types/jest": "^30.0.0",
     "@types/react": "^19.2.7",
     "@types/react-native": "^0.73.0",
-    "@types/styled-components": "^5.1.36",
     "@typescript-eslint/eslint-plugin": "^8.50.0",
     "@typescript-eslint/parser": "^8.50.0",
     "babel-loader": "^10.0.0",
-    "babel-plugin-styled-components": "^2.1.4",
     "eslint": "^9.39.1",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
@@ -126,7 +123,6 @@
     "react-test-renderer": "19.1.1",
     "remark-gfm": "^4.0.1",
     "storybook": "^10.0.8",
-    "styled-components": "^6.3.8",
     "ts-migrate": "^0.1.35",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
@@ -136,4 +132,4 @@
   "jest": {
     "preset": "react-native"
   }
-}
+}

package/src/Containers.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { View, StyleSheet, type ViewProps } from 'react-native';
+
+export const storyContainer = (props: ViewProps) => (
+  <View style= { styles.container } { ...props } />
+);
+
+const styles = StyleSheet.create({
+  container: {
+    height: '100%',
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

package/src/components/Accordion/Accordion.mdx

@@ -120,3 +120,4 @@ function PaymentSection() {
 
 
 
+

package/src/components/ActionFooter/ActionFooter.mdx

@@ -99,3 +99,4 @@ All tokens support mode-based theming through the `modes` prop.
 
 The ActionFooter uses `accessibilityRole="toolbar"` to indicate it contains a group of action controls. Provide a meaningful `accessibilityLabel` to describe the footer's purpose to screen reader users.
 
+

package/src/components/ActionTile/ActionTile.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import { View, Text, type ViewStyle, type TextStyle, TouchableOpacity } from 'react-native'
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver'
+import { useTokens } from '../../design-tokens/JFSThemeProvider'
 import IconCapsule from '../IconCapsule/IconCapsule'
 
 export type ActionTileProps = {
@@ -29,10 +30,13 @@ export type ActionTileProps = {
 export default function ActionTile({
     label = 'Cards',
     icon,
-    modes = {},
+    modes: propModes = {},
     style,
     onPress,
 }: ActionTileProps) {
+    const { modes: globalModes } = useTokens()
+    const modes = { ...globalModes, ...propModes }
+
     // Resolve tokens
     const backgroundColor = getVariableByName('actionTile/background', modes) || '#ffffff'
     const gap = Number(getVariableByName('actionTile/gap', modes)) || 8

package/src/components/AppBar/AppBar.tsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react'
 import { View, type StyleProp, type ViewStyle } from 'react-native'
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver'
+import { useTokens } from '../../design-tokens/JFSThemeProvider'
 import IconButton from '../IconButton/IconButton'
 import Avatar from '../Avatar/Avatar'
 
@@ -30,9 +31,9 @@ function cloneChildrenWithModes(
     // Recursively process children if they exist
     const processedChildren: React.ReactNode | undefined = hasChildren
       ? cloneChildrenWithModes(
-          React.Children.toArray(childChildren),
-          modes
-        )
+        React.Children.toArray(childChildren),
+        modes
+      )
       : undefined
 
     // Clone element with modes and processed children
@@ -87,13 +88,16 @@ function AppBar({
   leading,
   middleSlot,
   actionsSlot,
-  modes = {},
+  modes: propModes = {},
   onLeadingPress,
   style,
   accessibilityLabel = "App bar",
   accessibilityHint,
   ...rest
 }: AppBarProps) {
+  const { modes: globalModes } = useTokens()
+  const modes = { ...globalModes, ...propModes }
+
   const [childFocused, setChildFocused] = useState(false)
 
   function injectFocusHandlers(node: React.ReactNode): React.ReactNode {
@@ -149,14 +153,14 @@ function AppBar({
       <IconButton
         iconName="ic_hellojio"
         modes={modes}
-        onPress={() => {}}
+        onPress={() => { }}
         accessibilityLabel="Hello Jio"
         accessibilityHint="Opens Hello Jio menu"
       />
       <IconButton
         iconName="ic_more_horizontal"
         modes={modes}
-        onPress={() => {}}
+        onPress={() => { }}
         accessibilityLabel="More options"
         accessibilityHint="Opens additional options menu"
       />
@@ -178,7 +182,7 @@ function AppBar({
     : defaultLeading
 
   return (
-    <View 
+    <View
       style={[
         containerStyle,
         childFocused ? { borderBottomWidth: 2, borderBottomColor: '#222' } : null,
@@ -258,7 +262,7 @@ type AppBarHomeProps = {
 function AppBarHome({
   leading,
   actionsSlot,
-  modes = {},
+  modes: propModes = {},
   onLeadingPress,
   leadingIconName = 'ic_hellojio',
   avatarProps,
@@ -267,6 +271,9 @@ function AppBarHome({
   accessibilityHint,
   ...rest
 }: AppBarHomeProps) {
+  const { modes: globalModes } = useTokens()
+  const modes = { ...globalModes, ...propModes }
+
   // Resolve container tokens
   const paddingHorizontal = getVariableByName('appBarHome/padding/horizontal', modes) ?? 16
   const paddingVertical = getVariableByName('appBarHome/padding/vertical', modes) ?? 16
@@ -305,14 +312,14 @@ function AppBarHome({
       <IconButton
         iconName="ic_search"
         modes={modes}
-        onPress={() => {}}
+        onPress={() => { }}
         accessibilityLabel="Search"
         accessibilityHint="Opens search screen"
       />
       <IconButton
         iconName="ic_notification"
         modes={modes}
-        onPress={() => {}}
+        onPress={() => { }}
         accessibilityLabel="Notifications"
         accessibilityHint="Opens notifications"
       />
@@ -339,7 +346,7 @@ function AppBarHome({
   )
 
   return (
-    <View 
+    <View
       style={[containerStyle, style]}
       accessibilityRole="header"
       accessibilityLabel={accessibilityLabel}

package/src/components/BottomNav/BottomNav.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import { View, type StyleProp, type ViewStyle } from 'react-native'
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver'
+import { useTokens } from '../../design-tokens/JFSThemeProvider'
 import BottomNavItem from '../BottomNavItem/BottomNavItem'
 
 type BottomNavItemType = {
@@ -54,13 +55,15 @@ function BottomNav({
     { key: 'invest', label: 'Invest', iconName: 'ic_rupee_coin' },
     { key: 'explore', label: 'Explore', iconName: 'ic_search' },
   ],
-  modes = {},
+  modes: propModes = {},
   onItemPress,
   style,
   accessibilityLabel = "Bottom navigation",
   accessibilityHint,
   ...rest
 }: BottomNavProps) {
+  const { modes: globalModes } = useTokens()
+  const modes = { ...globalModes, ...propModes }
   // Resolve container styling tokens
   const backgroundColor = getVariableByName('bottomNav/background', modes) || '#ffffff'
   const borderColor = getVariableByName('bottomNav/border/color', modes) || '#cccfd1'
@@ -108,7 +111,7 @@ function BottomNav({
             if (key === 'Enter' || key === ' ' || key === 'Spacebar') {
               handlePress()
             }
-            ;(item as any)?.onKeyPress?.(e)
+            ; (item as any)?.onKeyPress?.(e)
           },
         } : {})}
         {...(item.disabled !== undefined ? { disabled: item.disabled } : {})}
@@ -121,7 +124,7 @@ function BottomNav({
   }
 
   return (
-    <View 
+    <View
       style={[containerStyle, style]}
       accessibilityRole="tablist"
       accessibilityLabel={accessibilityLabel}

package/src/components/BottomNavItem/BottomNavItem.tsx

@@ -9,6 +9,7 @@ import {
   type ViewStyle,
 } from 'react-native'
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver'
+import { useTokens } from '../../design-tokens/JFSThemeProvider'
 import Icon from '../../icons/Icon'
 import { usePressableWebSupport, type SafePressableProps, type WebAccessibilityProps } from '../../utils/web-platform-utils'
 
@@ -56,7 +57,7 @@ type BottomNavItemProps = SafePressableProps & {
 function BottomNavItem({
   iconName = 'ic_home',
   label = 'Home',
-  modes = {},
+  modes: propModes = {},
   onPress,
   disabled = false,
   style,
@@ -69,6 +70,8 @@ function BottomNavItem({
   webAccessibilityProps,
   ...rest
 }: BottomNavItemProps) {
+  const { modes: globalModes } = useTokens()
+  const modes = { ...globalModes, ...propModes }
   const [isFocused, setIsFocused] = useState(false)
   const [isHovered, setIsHovered] = useState(false)
   const pressedStyle = { opacity: 0.7 }
@@ -119,14 +122,14 @@ function BottomNavItem({
 
   const renderContent = () => (
     <>
-      <Icon 
-        name={iconName} 
-        size={resolvedIconSize} 
+      <Icon
+        name={iconName}
+        size={resolvedIconSize}
         color={resolvedIconColor}
         accessibilityElementsHidden={true}
         importantForAccessibility="no"
       />
-      <Text 
+      <Text
         style={[textStyle, labelStyle]}
         accessibilityElementsHidden={true}
         importantForAccessibility="no"
@@ -138,14 +141,14 @@ function BottomNavItem({
 
   if (!onPress) {
     return (
-      <View 
+      <View
         style={[baseContainerStyle, style]}
         accessibilityRole="tab"
         accessibilityLabel={defaultAccessibilityLabel}
         accessibilityHint={accessibilityHint}
-        accessibilityState={{ 
+        accessibilityState={{
           disabled,
-          ...accessibilityState 
+          ...accessibilityState
         }}
         {...rest}
       >
@@ -159,34 +162,34 @@ function BottomNavItem({
       accessibilityRole="tab"
       accessibilityLabel={defaultAccessibilityLabel}
       accessibilityHint={accessibilityHint}
-      accessibilityState={{ 
+      accessibilityState={{
         disabled,
         selected: accessibilityState?.selected,
-        ...accessibilityState 
+        ...accessibilityState
       }}
       onPress={onPress}
       disabled={disabled}
       onPressIn={(e: any) => {
-        ;(rest as any)?.onPressIn?.(e)
+        ; (rest as any)?.onPressIn?.(e)
       }}
       onPressOut={(e: any) => {
-        ;(rest as any)?.onPressOut?.(e)
+        ; (rest as any)?.onPressOut?.(e)
       }}
       onFocus={(e: any) => {
         setIsFocused(true)
-        ;(rest as any)?.onFocus?.(e)
+          ; (rest as any)?.onFocus?.(e)
       }}
       onBlur={(e: any) => {
         setIsFocused(false)
-        ;(rest as any)?.onBlur?.(e)
+          ; (rest as any)?.onBlur?.(e)
       }}
       onHoverIn={(e: any) => {
         setIsHovered(true)
-        ;(rest as any)?.onHoverIn?.(e)
+          ; (rest as any)?.onHoverIn?.(e)
       }}
       onHoverOut={(e: any) => {
         setIsHovered(false)
-        ;(rest as any)?.onHoverOut?.(e)
+          ; (rest as any)?.onHoverOut?.(e)
       }}
       style={({ pressed }) =>
         [

package/src/components/CtaCard/CtaCard.mdx

@@ -62,5 +62,4 @@ This component uses the following design tokens, resolved through `getVariableBy
 - **`ctaCard/title/fontSize`**
 - **`ctaCard/title/lineHeight`**
 
-All tokens support mode-based theming through the `modes` prop.
-
+All tokens support mode-based theming through the `modes` prop.