@yahoo/uds-mobile 2.24.0-beta.1 → 2.24.0-beta.10

package/dist/fontScaling/types.d.ts

@@ -21,22 +21,25 @@ type FontScalingCapValue = number | null;
  */
 interface FontScalingConfig {
   /**
-   * Master switch for UDS-applied caps. When `false`, no caps are applied
-   * anywhere and text follows native OS scaling. Container-metric fixes
-   * (Button/Checkbox growing to fit scaled text) remain active.
+   * Master switch for UDS-added font-scaling behavior. When `false`, native
+   * text keeps its pre-feature scaling behavior while UDS caps, Dynamic Type
+   * ramps, multicolor-icon scaling, and scale-aware geometry are disabled.
+   * Explicit component and native text props still apply.
    * @default true
    */
   enabled?: boolean;
   /**
    * Fallback cap for any variant not listed in `variants`. Takes precedence
-   * over the built-in default table, including its uncapped entries — setting
-   * `default: 2` caps body/label/caption text that UDS leaves uncapped by
-   * default.
+   * over the built-in default table. For example, `default: 1.75` replaces the
+   * built-in 2x cap for body, label, and caption text unless a variant-specific
+   * override applies.
    */
   default?: FontScalingCapValue;
   /**
-   * Cap for control-internal text and icons: Button labels and icons,
-   * Checkbox boxes/checkmarks/labels, and standalone `Icon` glyphs.
+   * Cap for control-internal text, icons, and geometry in Button, IconButton,
+   * Checkbox, Radio, Switch, Chip, Tabs, Input, Select, Avatar, and Pagination,
+   * plus standalone `Icon` glyphs and multicolor SVGs. Link resolves through
+   * its typography variant instead of the control cap.
    * @default 2
    */
   control?: FontScalingCapValue;

package/dist/fontScaling/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/fontScaling/types.ts"],"mappings":";;;;;;AAAsD;;;;KAQjD,mBAAA;AAAmB;;;;;;;;;;AAAA,UAYd,iBAAA;EAOR;;;;;;EAAA,OAAA;EAkBmB;;;;;;EAXnB,OAAA,GAAU,mBAAA;;;;;;EAMV,OAAA,GAAU,mBAAA;;;;;EAKV,QAAA,GAAW,OAAA,CAAQ,MAAA,CAAO,WAAA,EAAa,mBAAA;AAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/fontScaling/types.ts"],"mappings":";;;;;;AAAsD;;;;KAQjD,mBAAA;AAAmB;;;;;;;;;;AAAA,UAYd,iBAAA;EAQR;;;;;;;EAAA,OAAA;EAoB0B;;;;;;EAb1B,OAAA,GAAU,mBAAA;;;;;;;;EAQV,OAAA,GAAU,mBAAA;;;;;EAKV,QAAA,GAAW,OAAA,CAAQ,MAAA,CAAO,WAAA,EAAa,mBAAA;AAAA"}

package/dist/fontScaling/useFontScale.cjs

@@ -1,6 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../_virtual/_rolldown/runtime.cjs");
+const require_fontScaling_FontScalingContext = require("./FontScalingContext.cjs");
+const require_fontScaling_androidNonlinearFontScaling = require("./androidNonlinearFontScaling.cjs");
 let react = require("react");
 let react_native = require("react-native");
 //#region src/fontScaling/useFontScale.ts
@@ -12,21 +14,45 @@ function getFontScale() {
 	return react_native.Dimensions.get("window").fontScale;
 }
 /**
-* The current OS font scale, clamped to `[1, cap]`, for sizing containers
-* around scaled text (e.g. a checkbox box growing with its checkmark).
+* The effective scale for `fontSize`, clamped to `[1, cap]`, for sizing
+* containers around scaled text (e.g. a checkbox box growing with its
+* checkmark).
 *
 * `cap` uses the same semantics as `maxFontSizeMultiplier`: a number >= 1
 * caps the scale; `null`, `0`, or `undefined` leave it uncapped. The result
 * is never below 1 so containers never shrink under their token metrics
 * (font scales < 1 shrink text only, as today).
 *
+* Pass the SP size that the geometry accompanies on Android so this mirrors
+* Android 14+'s nonlinear scaling. Omitting `fontSize` preserves the legacy
+* scalar behavior for custom callers that do not know their base size.
+* On iOS this follows the global text-size curve; accompanying text should
+* omit `dynamicTypeRamp` so its native size uses the same multiplier.
+*
 * Subscribes to font-scale changes only — rotation does not re-render, and
 * components re-render solely when the user changes the OS text size.
+* Returns 1 when the nearest font-scaling provider has `enabled: false`.
 */
-function useFontScale(cap) {
+function useFontScaleValue(cap, fontSize, honorResolvedComponentOverride = false) {
+	const enabled = require_fontScaling_FontScalingContext.useFontScalingEnabled();
 	const fontScale = (0, react.useSyncExternalStore)(subscribe, getFontScale, getFontScale);
+	if (!enabled && !honorResolvedComponentOverride) return 1;
 	const effectiveCap = typeof cap === "number" && cap >= 1 ? cap : Number.POSITIVE_INFINITY;
-	return Math.max(1, Math.min(fontScale, effectiveCap));
+	const platformVersion = Number(react_native.Platform.Version);
+	const nativeScale = react_native.Platform.OS === "android" && platformVersion >= 34 && typeof fontSize === "number" && fontSize > 0 ? require_fontScaling_androidNonlinearFontScaling.convertAndroidSpToDp(fontSize, fontScale, platformVersion) / fontSize : fontScale;
+	return Math.max(1, Math.min(nativeScale, effectiveCap));
+}
+function useFontScale(cap, fontSize) {
+	return useFontScaleValue(cap, fontSize);
+}
+/**
+* Internal component path. A resolved cap is defined under rollback mode only
+* when it came from an explicit component prop, which the public contract says
+* must continue to apply.
+*/
+function useComponentFontScale(cap, fontSize) {
+	return useFontScaleValue(cap, fontSize, cap !== void 0);
 }
 //#endregion
+exports.useComponentFontScale = useComponentFontScale;
 exports.useFontScale = useFontScale;

package/dist/fontScaling/useFontScale.d.cts

@@ -1,18 +1,12 @@
 
 //#region src/fontScaling/useFontScale.d.ts
+declare function useFontScale(cap?: number | null, fontSize?: number): number;
 /**
- * The current OS font scale, clamped to `[1, cap]`, for sizing containers
- * around scaled text (e.g. a checkbox box growing with its checkmark).
- *
- * `cap` uses the same semantics as `maxFontSizeMultiplier`: a number >= 1
- * caps the scale; `null`, `0`, or `undefined` leave it uncapped. The result
- * is never below 1 so containers never shrink under their token metrics
- * (font scales < 1 shrink text only, as today).
- *
- * Subscribes to font-scale changes only — rotation does not re-render, and
- * components re-render solely when the user changes the OS text size.
+ * Internal component path. A resolved cap is defined under rollback mode only
+ * when it came from an explicit component prop, which the public contract says
+ * must continue to apply.
  */
-declare function useFontScale(cap?: number | null): number;
+declare function useComponentFontScale(cap?: number | null, fontSize?: number): number;
 //#endregion
-export { useFontScale };
+export { useComponentFontScale, useFontScale };
 //# sourceMappingURL=useFontScale.d.cts.map

package/dist/fontScaling/useFontScale.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"useFontScale.d.cts","names":[],"sources":["../../src/fontScaling/useFontScale.ts"],"mappings":";;;;;;;;;;;;;;iBA0BS,YAAA,CAAa,GAAA"}
+{"version":3,"file":"useFontScale.d.cts","names":[],"sources":["../../src/fontScaling/useFontScale.ts"],"mappings":";;iBA+DS,YAAA,CAAa,GAAA,kBAAqB,QAAA;;;;;;iBASlC,qBAAA,CAAsB,GAAA,kBAAqB,QAAA"}

package/dist/fontScaling/useFontScale.d.ts

@@ -1,18 +1,12 @@
 
 //#region src/fontScaling/useFontScale.d.ts
+declare function useFontScale(cap?: number | null, fontSize?: number): number;
 /**
- * The current OS font scale, clamped to `[1, cap]`, for sizing containers
- * around scaled text (e.g. a checkbox box growing with its checkmark).
- *
- * `cap` uses the same semantics as `maxFontSizeMultiplier`: a number >= 1
- * caps the scale; `null`, `0`, or `undefined` leave it uncapped. The result
- * is never below 1 so containers never shrink under their token metrics
- * (font scales < 1 shrink text only, as today).
- *
- * Subscribes to font-scale changes only — rotation does not re-render, and
- * components re-render solely when the user changes the OS text size.
+ * Internal component path. A resolved cap is defined under rollback mode only
+ * when it came from an explicit component prop, which the public contract says
+ * must continue to apply.
  */
-declare function useFontScale(cap?: number | null): number;
+declare function useComponentFontScale(cap?: number | null, fontSize?: number): number;
 //#endregion
-export { useFontScale };
+export { useComponentFontScale, useFontScale };
 //# sourceMappingURL=useFontScale.d.ts.map

package/dist/fontScaling/useFontScale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFontScale.d.ts","names":[],"sources":["../../src/fontScaling/useFontScale.ts"],"mappings":";;;;;;;;;;;;;;iBA0BS,YAAA,CAAa,GAAA"}
+{"version":3,"file":"useFontScale.d.ts","names":[],"sources":["../../src/fontScaling/useFontScale.ts"],"mappings":";;iBA+DS,YAAA,CAAa,GAAA,kBAAqB,QAAA;;;;;;iBASlC,qBAAA,CAAsB,GAAA,kBAAqB,QAAA"}

package/dist/fontScaling/useFontScale.js

@@ -1,6 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { useFontScalingEnabled } from "./FontScalingContext.js";
+import { convertAndroidSpToDp } from "./androidNonlinearFontScaling.js";
 import { useSyncExternalStore } from "react";
-import { Dimensions } from "react-native";
+import { Dimensions, Platform } from "react-native";
 //#region src/fontScaling/useFontScale.ts
 function subscribe(onStoreChange) {
 	const subscription = Dimensions.addEventListener("change", onStoreChange);
@@ -10,23 +12,46 @@ function getFontScale() {
 	return Dimensions.get("window").fontScale;
 }
 /**
-* The current OS font scale, clamped to `[1, cap]`, for sizing containers
-* around scaled text (e.g. a checkbox box growing with its checkmark).
+* The effective scale for `fontSize`, clamped to `[1, cap]`, for sizing
+* containers around scaled text (e.g. a checkbox box growing with its
+* checkmark).
 *
 * `cap` uses the same semantics as `maxFontSizeMultiplier`: a number >= 1
 * caps the scale; `null`, `0`, or `undefined` leave it uncapped. The result
 * is never below 1 so containers never shrink under their token metrics
 * (font scales < 1 shrink text only, as today).
 *
+* Pass the SP size that the geometry accompanies on Android so this mirrors
+* Android 14+'s nonlinear scaling. Omitting `fontSize` preserves the legacy
+* scalar behavior for custom callers that do not know their base size.
+* On iOS this follows the global text-size curve; accompanying text should
+* omit `dynamicTypeRamp` so its native size uses the same multiplier.
+*
 * Subscribes to font-scale changes only — rotation does not re-render, and
 * components re-render solely when the user changes the OS text size.
+* Returns 1 when the nearest font-scaling provider has `enabled: false`.
 */
-function useFontScale(cap) {
+function useFontScaleValue(cap, fontSize, honorResolvedComponentOverride = false) {
+	const enabled = useFontScalingEnabled();
 	const fontScale = useSyncExternalStore(subscribe, getFontScale, getFontScale);
+	if (!enabled && !honorResolvedComponentOverride) return 1;
 	const effectiveCap = typeof cap === "number" && cap >= 1 ? cap : Number.POSITIVE_INFINITY;
-	return Math.max(1, Math.min(fontScale, effectiveCap));
+	const platformVersion = Number(Platform.Version);
+	const nativeScale = Platform.OS === "android" && platformVersion >= 34 && typeof fontSize === "number" && fontSize > 0 ? convertAndroidSpToDp(fontSize, fontScale, platformVersion) / fontSize : fontScale;
+	return Math.max(1, Math.min(nativeScale, effectiveCap));
+}
+function useFontScale(cap, fontSize) {
+	return useFontScaleValue(cap, fontSize);
+}
+/**
+* Internal component path. A resolved cap is defined under rollback mode only
+* when it came from an explicit component prop, which the public contract says
+* must continue to apply.
+*/
+function useComponentFontScale(cap, fontSize) {
+	return useFontScaleValue(cap, fontSize, cap !== void 0);
 }
 //#endregion
-export { useFontScale };
+export { useComponentFontScale, useFontScale };
 
 //# sourceMappingURL=useFontScale.js.map

package/dist/fontScaling/useFontScale.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFontScale.js","names":[],"sources":["../../src/fontScaling/useFontScale.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\nimport { Dimensions } from 'react-native';\n\nfunction subscribe(onStoreChange: () => void): () => void {\n  const subscription = Dimensions.addEventListener('change', onStoreChange);\n  return () => subscription.remove();\n}\n\n// Unistyles' rt.fontScale is stale when the OS text size changes while the\n// app is running; Dimensions reflects the live value on both platforms.\nfunction getFontScale(): number {\n  return Dimensions.get('window').fontScale;\n}\n\n/**\n * The current OS font scale, clamped to `[1, cap]`, for sizing containers\n * around scaled text (e.g. a checkbox box growing with its checkmark).\n *\n * `cap` uses the same semantics as `maxFontSizeMultiplier`: a number >= 1\n * caps the scale; `null`, `0`, or `undefined` leave it uncapped. The result\n * is never below 1 so containers never shrink under their token metrics\n * (font scales < 1 shrink text only, as today).\n *\n * Subscribes to font-scale changes only — rotation does not re-render, and\n * components re-render solely when the user changes the OS text size.\n */\nfunction useFontScale(cap?: number | null): number {\n  const fontScale = useSyncExternalStore(subscribe, getFontScale, getFontScale);\n  const effectiveCap = typeof cap === 'number' && cap >= 1 ? cap : Number.POSITIVE_INFINITY;\n  return Math.max(1, Math.min(fontScale, effectiveCap));\n}\n\nexport { useFontScale };\n"],"mappings":";;;;AAGA,SAAS,UAAU,eAAuC;CACxD,MAAM,eAAe,WAAW,iBAAiB,UAAU,cAAc;CACzE,aAAa,aAAa,QAAQ;;AAKpC,SAAS,eAAuB;CAC9B,OAAO,WAAW,IAAI,SAAS,CAAC;;;;;;;;;;;;;;AAelC,SAAS,aAAa,KAA6B;CACjD,MAAM,YAAY,qBAAqB,WAAW,cAAc,aAAa;CAC7E,MAAM,eAAe,OAAO,QAAQ,YAAY,OAAO,IAAI,MAAM,OAAO;CACxE,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,WAAW,aAAa,CAAC"}
+{"version":3,"file":"useFontScale.js","names":[],"sources":["../../src/fontScaling/useFontScale.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\nimport { Dimensions, Platform } from 'react-native';\n\nimport { convertAndroidSpToDp } from './androidNonlinearFontScaling';\nimport { useFontScalingEnabled } from './FontScalingContext';\n\nfunction subscribe(onStoreChange: () => void): () => void {\n  const subscription = Dimensions.addEventListener('change', onStoreChange);\n  return () => subscription.remove();\n}\n\n// Unistyles' rt.fontScale is stale when the OS text size changes while the\n// app is running; Dimensions reflects the live value on both platforms.\nfunction getFontScale(): number {\n  return Dimensions.get('window').fontScale;\n}\n\n/**\n * The effective scale for `fontSize`, clamped to `[1, cap]`, for sizing\n * containers around scaled text (e.g. a checkbox box growing with its\n * checkmark).\n *\n * `cap` uses the same semantics as `maxFontSizeMultiplier`: a number >= 1\n * caps the scale; `null`, `0`, or `undefined` leave it uncapped. The result\n * is never below 1 so containers never shrink under their token metrics\n * (font scales < 1 shrink text only, as today).\n *\n * Pass the SP size that the geometry accompanies on Android so this mirrors\n * Android 14+'s nonlinear scaling. Omitting `fontSize` preserves the legacy\n * scalar behavior for custom callers that do not know their base size.\n * On iOS this follows the global text-size curve; accompanying text should\n * omit `dynamicTypeRamp` so its native size uses the same multiplier.\n *\n * Subscribes to font-scale changes only — rotation does not re-render, and\n * components re-render solely when the user changes the OS text size.\n * Returns 1 when the nearest font-scaling provider has `enabled: false`.\n */\nfunction useFontScaleValue(\n  cap?: number | null,\n  fontSize?: number,\n  honorResolvedComponentOverride = false,\n): number {\n  const enabled = useFontScalingEnabled();\n  const fontScale = useSyncExternalStore(subscribe, getFontScale, getFontScale);\n  if (!enabled && !honorResolvedComponentOverride) {\n    return 1;\n  }\n\n  const effectiveCap = typeof cap === 'number' && cap >= 1 ? cap : Number.POSITIVE_INFINITY;\n  const platformVersion = Number(Platform.Version);\n  const nativeScale =\n    Platform.OS === 'android' &&\n    platformVersion >= 34 &&\n    typeof fontSize === 'number' &&\n    fontSize > 0\n      ? convertAndroidSpToDp(fontSize, fontScale, platformVersion) / fontSize\n      : fontScale;\n\n  // React Native applies maxFontSizeMultiplier after the platform conversion.\n  // This matters on Android 14+, where the converted size is nonlinear.\n  return Math.max(1, Math.min(nativeScale, effectiveCap));\n}\n\nfunction useFontScale(cap?: number | null, fontSize?: number): number {\n  return useFontScaleValue(cap, fontSize);\n}\n\n/**\n * Internal component path. A resolved cap is defined under rollback mode only\n * when it came from an explicit component prop, which the public contract says\n * must continue to apply.\n */\nfunction useComponentFontScale(cap?: number | null, fontSize?: number): number {\n  return useFontScaleValue(cap, fontSize, cap !== undefined);\n}\n\nexport { useComponentFontScale, useFontScale };\n"],"mappings":";;;;;;AAMA,SAAS,UAAU,eAAuC;CACxD,MAAM,eAAe,WAAW,iBAAiB,UAAU,cAAc;CACzE,aAAa,aAAa,QAAQ;;AAKpC,SAAS,eAAuB;CAC9B,OAAO,WAAW,IAAI,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;AAuBlC,SAAS,kBACP,KACA,UACA,iCAAiC,OACzB;CACR,MAAM,UAAU,uBAAuB;CACvC,MAAM,YAAY,qBAAqB,WAAW,cAAc,aAAa;CAC7E,IAAI,CAAC,WAAW,CAAC,gCACf,OAAO;CAGT,MAAM,eAAe,OAAO,QAAQ,YAAY,OAAO,IAAI,MAAM,OAAO;CACxE,MAAM,kBAAkB,OAAO,SAAS,QAAQ;CAChD,MAAM,cACJ,SAAS,OAAO,aAChB,mBAAmB,MACnB,OAAO,aAAa,YACpB,WAAW,IACP,qBAAqB,UAAU,WAAW,gBAAgB,GAAG,WAC7D;CAIN,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,aAAa,aAAa,CAAC;;AAGzD,SAAS,aAAa,KAAqB,UAA2B;CACpE,OAAO,kBAAkB,KAAK,SAAS;;;;;;;AAQzC,SAAS,sBAAsB,KAAqB,UAA2B;CAC7E,OAAO,kBAAkB,KAAK,UAAU,QAAQ,KAAA,EAAU"}

package/dist/jest/mocks/styles.cjs

@@ -149,6 +149,7 @@ const inputStyles = createComponentStyles({
 	},
 	input: {
 		flex: 1,
+		height: 24,
 		fontFamily: "YahooProductSans-Regular",
 		fontSize: 16,
 		lineHeight: 24,
@@ -211,6 +212,7 @@ const switchStyles = createComponentStyles({
 	switch: {
 		width: 48,
 		height: 28,
+		padding: 2,
 		borderRadius: 14,
 		backgroundColor: "#E0E0E0"
 	},
@@ -240,7 +242,9 @@ const avatarStyles = createComponentStyles({
 		justifyContent: "center",
 		borderRadius: 9999,
 		backgroundColor: "#E0E0E0",
-		overflow: "hidden"
+		overflow: "hidden",
+		width: 40,
+		height: 40
 	},
 	image: {
 		width: "100%",
@@ -250,6 +254,15 @@ const avatarStyles = createComponentStyles({
 		fontFamily: "YahooProductSans-Medium",
 		fontSize: 14,
 		color: "#000000"
+	},
+	text: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 16,
+		lineHeight: 20
+	},
+	icon: {
+		fontSize: 24,
+		lineHeight: 24
 	}
 });
 const badgeStyles = createComponentStyles({

package/dist/jest/mocks/styles.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.cts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAkEX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAkCZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA+CX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,cAiDX,YAAA,EAAY,MAAA;AAAA,cASZ,mBAAA,EAAmB,MAAA;AAAA,cAanB,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}
+{"version":3,"file":"styles.d.cts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAmEX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAmCZ,YAAA,EAAY,MAAA;AAAA,cAgCZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA+CX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,cAiDX,YAAA,EAAY,MAAA;AAAA,cASZ,mBAAA,EAAmB,MAAA;AAAA,cAanB,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}

package/dist/jest/mocks/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAkEX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAkCZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA+CX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,cAiDX,YAAA,EAAY,MAAA;AAAA,cASZ,mBAAA,EAAmB,MAAA;AAAA,cAanB,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}
+{"version":3,"file":"styles.d.ts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cA8Ga,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAmEX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cAmCZ,YAAA,EAAY,MAAA;AAAA,cAgCZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,aAAA,EAAa,MAAA;AAAA,cAiBb,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA+CX,gBAAA,EAAgB,MAAA;AAAA,cAehB,iBAAA,EAAiB,MAAA;AAAA,cA0BjB,WAAA,EAAW,MAAA;AAAA,cASX,aAAA,EAAa,MAAA;AAAA,cAmCb,UAAA,EAAU,MAAA;AAAA,cASV,gBAAA,EAAgB,MAAA;AAAA,cAuBhB,WAAA,EAAW,MAAA;AAAA,cAuCX,WAAA,EAAW,MAAA;AAAA,cAiDX,YAAA,EAAY,MAAA;AAAA,cASZ,mBAAA,EAAmB,MAAA;AAAA,cAanB,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}

package/dist/jest/mocks/styles.js

@@ -149,6 +149,7 @@ const inputStyles = createComponentStyles({
 	},
 	input: {
 		flex: 1,
+		height: 24,
 		fontFamily: "YahooProductSans-Regular",
 		fontSize: 16,
 		lineHeight: 24,
@@ -211,6 +212,7 @@ const switchStyles = createComponentStyles({
 	switch: {
 		width: 48,
 		height: 28,
+		padding: 2,
 		borderRadius: 14,
 		backgroundColor: "#E0E0E0"
 	},
@@ -240,7 +242,9 @@ const avatarStyles = createComponentStyles({
 		justifyContent: "center",
 		borderRadius: 9999,
 		backgroundColor: "#E0E0E0",
-		overflow: "hidden"
+		overflow: "hidden",
+		width: 40,
+		height: 40
 	},
 	image: {
 		width: "100%",
@@ -250,6 +254,15 @@ const avatarStyles = createComponentStyles({
 		fontFamily: "YahooProductSans-Medium",
 		fontSize: 14,
 		color: "#000000"
+	},
+	text: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 16,
+		lineHeight: 20
+	},
+	icon: {
+		fontSize: 24,
+		lineHeight: 24
 	}
 });
 const badgeStyles = createComponentStyles({

package/dist/jest/mocks/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"sourcesContent":["/**\n * Jest mock for generated/styles.\n *\n * Provides proxy-based mocks for the generated style objects\n * (styles, buttonStyles, etc.) with useVariants as a no-op.\n */\n\n/// <reference types=\"jest\" />\n\n// Default style values for foundation\nconst defaultFoundation = {\n  // Layout\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'stretch',\n  justifyContent: 'flex-start',\n  // Spacing\n  padding: 0,\n  paddingHorizontal: 0,\n  paddingVertical: 0,\n  margin: 0,\n  gap: 0,\n  // Colors\n  backgroundColor: 'transparent',\n  color: '#000000',\n  borderColor: 'transparent',\n  // Border\n  borderWidth: 0,\n  borderRadius: 0,\n  // Typography\n  fontFamily: 'System',\n  fontSize: 14,\n  lineHeight: 20,\n  fontWeight: 'regular',\n  // Effects\n  opacity: 1,\n  boxShadow: '',\n};\n\n// Create a style object with useVariants attached\nfunction createStyleObject(baseStyles: Record<string, unknown> = {}) {\n  const useVariants = jest.fn();\n  const proxy = new Proxy(\n    { ...defaultFoundation, ...baseStyles, useVariants },\n    {\n      get(target, prop) {\n        if (prop === 'useVariants') {\n          return useVariants;\n        }\n        if (prop in target) {\n          return target[prop as keyof typeof target];\n        }\n        // Return sensible defaults for unknown properties\n        if (typeof prop === 'string') {\n          if (prop.includes('color') || prop.includes('Color')) {\n            return '#000000';\n          }\n          if (prop.includes('width') || prop.includes('Width')) {\n            return 0;\n          }\n          if (prop.includes('radius') || prop.includes('Radius')) {\n            return 0;\n          }\n          if (prop.includes('size') || prop.includes('Size')) {\n            return 16;\n          }\n          if (prop.includes('spacing') || prop.includes('Spacing')) {\n            return 0;\n          }\n          if (prop.includes('gap') || prop.includes('Gap')) {\n            return 0;\n          }\n        }\n        return undefined;\n      },\n    },\n  );\n  useVariants.mockReturnValue(proxy);\n  return proxy;\n}\n\n// Create a component style object (like buttonStyles) with multiple style keys\nfunction createComponentStyles(styleKeys: Record<string, Record<string, unknown>>) {\n  const useVariants = jest.fn();\n  const result: Record<string, unknown> = { useVariants };\n\n  for (const [key, baseStyles] of Object.entries(styleKeys)) {\n    result[key] = createStyleObject(baseStyles);\n  }\n\n  const proxy = new Proxy(result, {\n    get(target, prop) {\n      if (prop === 'useVariants') {\n        return useVariants;\n      }\n      if (prop in target) {\n        return target[prop as keyof typeof target];\n      }\n      // Return a default style object for any unknown key\n      if (typeof prop === 'string') {\n        return createStyleObject();\n      }\n      return undefined;\n    },\n  });\n  useVariants.mockReturnValue(proxy);\n  return proxy;\n}\n\n// Main styles export\nexport const styles = createComponentStyles({\n  foundation: defaultFoundation,\n});\n\n// Button styles\nexport const buttonStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 8,\n    paddingHorizontal: 16,\n    paddingVertical: 10,\n    backgroundColor: '#6001D2',\n    borderRadius: 8,\n    borderWidth: 0,\n    borderColor: 'transparent',\n    opacity: 1,\n    boxShadow: '',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    letterSpacing: 0,\n    lineHeight: 20,\n    color: '#FFFFFF',\n  },\n  icon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#FFFFFF',\n  },\n});\n\n// Text styles\nexport const textStyles = createComponentStyles({\n  root: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Input styles\nexport const inputStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 4,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  inputContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    backgroundColor: '#FFFFFF',\n    borderRadius: 8,\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n  input: {\n    flex: 1,\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 16,\n    lineHeight: 24,\n    color: '#000000',\n  },\n  helperText: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#666666',\n  },\n  labelRequired: {\n    color: '#6001D2',\n  },\n  inputWrapper: {\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n  },\n  inputWrapperStatic: {\n    paddingHorizontal: 12,\n    gap: 8,\n  },\n  inputWrapperDynamic: {\n    borderWidth: 1,\n    borderRadius: 8,\n  },\n  inputPlaceholder: {\n    color: '#666666',\n  },\n  startIcon: {\n    color: '#666666',\n  },\n  endIcon: {\n    color: '#666666',\n  },\n  helperIcon: {\n    color: '#666666',\n  },\n});\n\n// Checkbox styles\nexport const checkboxStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  checkbox: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  checkboxIcon: {\n    color: '#6001D2',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Switch styles\nexport const switchStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  switch: {\n    width: 48,\n    height: 28,\n    borderRadius: 14,\n    backgroundColor: '#E0E0E0',\n  },\n  handle: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    backgroundColor: '#FFFFFF',\n  },\n  handleIcon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#000000',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Avatar styles\nexport const avatarStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 9999,\n    backgroundColor: '#E0E0E0',\n    overflow: 'hidden',\n  },\n  image: {\n    width: '100%',\n    height: '100%',\n  },\n  initials: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    color: '#000000',\n  },\n});\n\n// Badge styles\nexport const badgeStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 8,\n    paddingVertical: 2,\n    borderRadius: 4,\n    backgroundColor: '#E0E0E0',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#000000',\n  },\n});\n\n// Chip styles\nexport const chipStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n    borderRadius: 16,\n    backgroundColor: '#F5F5F5',\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Divider styles\nexport const dividerStyles = createComponentStyles({\n  root: {\n    gap: 8,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#000000',\n  },\n  line: {\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n});\n\n// Link styles\nexport const linkStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#6001D2',\n    textDecorationLine: 'underline',\n  },\n});\n\n// Radio styles\nexport const radioStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  // Keys used by Radio.tsx (mirror the generated styles)\n  radio: {\n    width: 20,\n    height: 20,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  radioCircle: {\n    backgroundColor: '#6001D2',\n  },\n  circle: {\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  dot: {\n    width: 10,\n    height: 10,\n    borderRadius: 5,\n    backgroundColor: '#6001D2',\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// IconButton styles\nexport const iconButtonStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 8,\n    backgroundColor: 'transparent',\n  },\n  icon: {\n    fontSize: 24,\n    color: '#000000',\n  },\n});\n\n// BottomSheet styles\nexport const bottomSheetStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#ffffff',\n    backgroundBlurColor: '#ffffff',\n    backgroundBlurRadius: 0,\n    borderColor: '#e0e0e0',\n    borderWidth: 1,\n    borderRadius: 16,\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n    marginHorizontal: 8,\n    marginBottom: 8,\n  },\n  header: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 16,\n    letterSpacing: 0,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  handleIndicator: {\n    backgroundColor: '#999999',\n  },\n});\n\n// Scrim styles\nexport const scrimStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#000000',\n    opacity: 0.2,\n    backgroundBlurRadius: 0,\n  },\n});\n\n// Popover styles\nexport const popoverStyles = createComponentStyles({\n  root: {\n    boxShadow: '0px 8px 16px rgba(0, 0, 0, 0.12)',\n  },\n  blur: {\n    backgroundBlurRadius: 0,\n  },\n  closeIcon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#000000',\n  },\n  closeIconContainer: {\n    padding: 8,\n  },\n  contentWrapper: {\n    gap: 8,\n    paddingHorizontal: 16,\n    paddingVertical: 16,\n  },\n  svgBase: {\n    borderRadius: 16,\n    backgroundBlurColor: '#ffffff',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#ffffff',\n    backgroundOpacity: 1,\n  },\n  svgBorder: {\n    borderColor: '#e0e0e0',\n    borderWidth: 1,\n  },\n});\n\n// Tabs (tab list chrome)\nexport const tabsStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n});\n\n// Pagination styles\nexport const paginationStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n  },\n  item: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 8,\n    borderRadius: 999,\n  },\n  text: {\n    fontSize: 14,\n    lineHeight: 16,\n  },\n  icon: {\n    fontSize: 16,\n    lineHeight: 16,\n  },\n});\n\n// Toast styles\nexport const toastStyles = createComponentStyles({\n  root: {\n    alignItems: 'center',\n    backgroundBlurColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderRadius: 12,\n    borderWidth: 1,\n    boxShadow: '',\n    flexDirection: 'row',\n    gap: 8,\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n  },\n  text: {\n    color: '#000000',\n  },\n  icon: {\n    color: '#000000',\n    fontSize: 16,\n    iconSizeToken: 'md',\n    lineHeight: 16,\n  },\n  closeIcon: {\n    color: '#000000',\n    fontSize: 12,\n    iconSizeToken: 'sm',\n    lineHeight: 12,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    letterSpacing: 0,\n    lineHeight: 20,\n  },\n});\n\n// Modal styles\nexport const modalStyles = createComponentStyles({\n  root: {\n    backgroundBlurColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderRadius: 16,\n    borderWidth: 1,\n    boxShadow: '',\n    paddingVertical: 32,\n  },\n  actions: {\n    gap: 12,\n  },\n  closeIcon: {\n    color: '#000000',\n    fontSize: 24,\n    iconSizeToken: 'md',\n    lineHeight: 24,\n  },\n  closeIconContainer: {\n    padding: 8,\n  },\n  description: {\n    color: '#000000',\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 18,\n    letterSpacing: 0,\n    lineHeight: 28,\n  },\n  scrim: {\n    padding: 32,\n  },\n  spacingHorizontal: {\n    paddingHorizontal: 32,\n  },\n  title: {\n    color: '#000000',\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 28,\n    letterSpacing: 0,\n    lineHeight: 36,\n  },\n  titleDescriptionWrapper: {\n    gap: 8,\n  },\n});\n\n// Select styles\nexport const selectStyles = createComponentStyles({\n  startIcon: {\n    color: '#666666',\n  },\n  endIcon: {\n    color: '#666666',\n  },\n});\n\nexport const selectContentStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderWidth: 1,\n    borderRadius: 8,\n    boxShadow: '',\n    gap: 0,\n    paddingHorizontal: 0,\n    paddingVertical: 0,\n  },\n});\n\nexport const selectItemStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#FFFFFF',\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n  text: {\n    color: '#000000',\n  },\n  endIcon: {\n    color: '#6001D2',\n  },\n});\n\n// Type for StyleProps\nexport interface StyleProps {\n  color?: string;\n  backgroundColor?: string;\n  borderColor?: string;\n  borderWidth?: number;\n  borderRadius?: number;\n  [key: string]: unknown;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,oBAAoB;CAExB,SAAS;CACT,eAAe;CACf,YAAY;CACZ,gBAAgB;CAEhB,SAAS;CACT,mBAAmB;CACnB,iBAAiB;CACjB,QAAQ;CACR,KAAK;CAEL,iBAAiB;CACjB,OAAO;CACP,aAAa;CAEb,aAAa;CACb,cAAc;CAEd,YAAY;CACZ,UAAU;CACV,YAAY;CACZ,YAAY;CAEZ,SAAS;CACT,WAAW;CACZ;AAGD,SAAS,kBAAkB,aAAsC,EAAE,EAAE;CACnE,MAAM,cAAc,KAAK,IAAI;CAC7B,MAAM,QAAQ,IAAI,MAChB;EAAE,GAAG;EAAmB,GAAG;EAAY;EAAa,EACpD,EACE,IAAI,QAAQ,MAAM;EAChB,IAAI,SAAS,eACX,OAAO;EAET,IAAI,QAAQ,QACV,OAAO,OAAO;EAGhB,IAAI,OAAO,SAAS,UAAU;GAC5B,IAAI,KAAK,SAAS,QAAQ,IAAI,KAAK,SAAS,QAAQ,EAClD,OAAO;GAET,IAAI,KAAK,SAAS,QAAQ,IAAI,KAAK,SAAS,QAAQ,EAClD,OAAO;GAET,IAAI,KAAK,SAAS,SAAS,IAAI,KAAK,SAAS,SAAS,EACpD,OAAO;GAET,IAAI,KAAK,SAAS,OAAO,IAAI,KAAK,SAAS,OAAO,EAChD,OAAO;GAET,IAAI,KAAK,SAAS,UAAU,IAAI,KAAK,SAAS,UAAU,EACtD,OAAO;GAET,IAAI,KAAK,SAAS,MAAM,IAAI,KAAK,SAAS,MAAM,EAC9C,OAAO;;IAKd,CACF;CACD,YAAY,gBAAgB,MAAM;CAClC,OAAO;;AAIT,SAAS,sBAAsB,WAAoD;CACjF,MAAM,cAAc,KAAK,IAAI;CAC7B,MAAM,SAAkC,EAAE,aAAa;CAEvD,KAAK,MAAM,CAAC,KAAK,eAAe,OAAO,QAAQ,UAAU,EACvD,OAAO,OAAO,kBAAkB,WAAW;CAG7C,MAAM,QAAQ,IAAI,MAAM,QAAQ,EAC9B,IAAI,QAAQ,MAAM;EAChB,IAAI,SAAS,eACX,OAAO;EAET,IAAI,QAAQ,QACV,OAAO,OAAO;EAGhB,IAAI,OAAO,SAAS,UAClB,OAAO,mBAAmB;IAI/B,CAAC;CACF,YAAY,gBAAgB,MAAM;CAClC,OAAO;;AAIT,MAAa,SAAS,sBAAsB,EAC1C,YAAY,mBACb,CAAC;AAGF,MAAa,eAAe,sBAAsB;CAChD,MAAM;EACJ,SAAS;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,KAAK;EACL,mBAAmB;EACnB,iBAAiB;EACjB,iBAAiB;EACjB,cAAc;EACd,aAAa;EACb,aAAa;EACb,SAAS;EACT,WAAW;EACZ;CACD,MAAM;EACJ,YAAY;EACZ,UAAU;EACV,eAAe;EACf,YAAY;EACZ,OAAO;EACR;CACD,MAAM;EACJ,UAAU;EACV,eAAe;EACf,YAAY;EACZ,OAAO;EACR;CACF,CAAC;AAGF,MAAa,aAAa,sBAAsB,EAC9C,MAAM;CACJ,YAAY;CACZ,UAAU;CACV,YAAY;CACZ,OAAO;CACR,EACF,CAAC;AAGF,MAAa,cAAc,sBAAsB;CAC/C,MAAM;EACJ,SAAS;EACT,eAAe;EACf,KAAK;EACN;CACD,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;EACR;CACD,gBAAgB;EACd,SAAS;EACT,eAAe;EACf,YAAY;EACZ,mBAAmB;EACnB,iBAAiB;EACjB,iBAAiB;EACjB,cAAc;EACd,aAAa;EACb,aAAa;EACd;CACD,OAAO;EACL,MAAM;EACN,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;EACR;CACD,YAAY;EACV,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;EACR;CACD,eAAe,EACb,OAAO,WACR;CACD,cAAc;EACZ,iBAAiB;EACjB,aAAa;EACd;CACD,oBAAoB;EAClB,mBAAmB;EACnB,KAAK;EACN;CACD,qBAAqB;EACnB,aAAa;EACb,cAAc;EACf;CACD,kBAAkB,EAChB,OAAO,WACR;CACD,WAAW,EACT,OAAO,WACR;CACD,SAAS,EACP,OAAO,WACR;CACD,YAAY,EACV,OAAO,WACR;CACF,CAAC;AAGF,MAAa,iBAAiB,sBAAsB;CAClD,MAAM;EACJ,SAAS;EACT,eAAe;EACf,YAAY;EACZ,KAAK;EACN;CACD,UAAU;EACR,OAAO;EACP,QAAQ;EACR,cAAc;EACd,aAAa;EACb,aAAa;EACb,iBAAiB;EAClB;CACD,cAAc,EACZ,OAAO,WACR;CACD,MAAM;EACJ,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;EACR;CACF,CAAC;AAGF,MAAa,eAAe,sBAAsB;CAChD,MAAM;EACJ,SAAS;EACT,eAAe;EACf,YAAY;EACZ,KAAK;EACN;CACD,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,cAAc;EACd,iBAAiB;EAClB;CACD,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,cAAc;EACd,iBAAiB;EAClB;CACD,YAAY;EACV,UAAU;EACV,eAAe;EACf,YAAY;EACZ,OAAO;EACR;CACD,MAAM;EACJ,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;EACR;CACF,CAAC;AAGF,MAAa,eAAe,sBAAsB;CAChD,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,iBAAiB;EACjB,UAAU;EACX;CACD,OAAO;EACL,OAAO;EACP,QAAQ;EACT;CACD,UAAU;EACR,YAAY;EACZ,UAAU;EACV,OAAO;EACR;CACF,CAAC;AAGF,MAAa,cAAc,sBAAsB;CAC/C,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,mBAAmB;EACnB,iBAAiB;EACjB,cAAc;EACd,iBAAiB;EAClB;CACD,MAAM;EACJ,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;EACR;CACF,CAAC;AAGF,MAAa,aAAa,sBAAsB;CAC9C,MAAM;EACJ,SAAS;EACT,eAAe;EACf,YAAY;EACZ,KAAK;EACL,mBAAmB;EACnB,iBAAiB;EACjB,cAAc;EACd,iBAAiB;EACjB,aAAa;EACb,aAAa;EACd;CACD,MAAM;EACJ,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;EACR;CACF,CAAC;AAGF,MAAa,gBAAgB,sBAAsB;CACjD,MAAM,EACJ,KAAK,GACN;CACD,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;EACR;CACD,MAAM;EACJ,aAAa;EACb,aAAa;EACd;CACF,CAAC;AAGF,MAAa,aAAa,sBAAsB;CAC9C,MAAM;EACJ,eAAe;EACf,YAAY;EACZ,KAAK;EACN;CACD,MAAM;EACJ,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;EACP,oBAAoB;EACrB;CACF,CAAC;AAGF,MAAa,cAAc,sBAAsB;CAC/C,MAAM;EACJ,SAAS;EACT,eAAe;EACf,YAAY;EACZ,KAAK;EACN;CAED,OAAO;EACL,OAAO;EACP,QAAQ;EACR,aAAa;EACb,aAAa;EACb,iBAAiB;EAClB;CACD,aAAa,EACX,iBAAiB,WAClB;CACD,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,cAAc;EACd,aAAa;EACb,aAAa;EACb,iBAAiB;EAClB;CACD,KAAK;EACH,OAAO;EACP,QAAQ;EACR,cAAc;EACd,iBAAiB;EAClB;CACD,OAAO;EACL,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;EACR;CACD,MAAM;EACJ,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;EACR;CACF,CAAC;AAGF,MAAa,mBAAmB,sBAAsB;CACpD,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,iBAAiB;EAClB;CACD,MAAM;EACJ,UAAU;EACV,OAAO;EACR;CACF,CAAC;AAGF,MAAa,oBAAoB,sBAAsB;CACrD,MAAM;EACJ,iBAAiB;EACjB,qBAAqB;EACrB,sBAAsB;EACtB,aAAa;EACb,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,iBAAiB;EACjB,kBAAkB;EAClB,cAAc;EACf;CACD,QAAQ;EACN,YAAY;EACZ,UAAU;EACV,eAAe;EACf,YAAY;EACZ,OAAO;EACR;CACD,iBAAiB,EACf,iBAAiB,WAClB;CACF,CAAC;AAGF,MAAa,cAAc,sBAAsB,EAC/C,MAAM;CACJ,iBAAiB;CACjB,SAAS;CACT,sBAAsB;CACvB,EACF,CAAC;AAGF,MAAa,gBAAgB,sBAAsB;CACjD,MAAM,EACJ,WAAW,oCACZ;CACD,MAAM,EACJ,sBAAsB,GACvB;CACD,WAAW;EACT,UAAU;EACV,eAAe;EACf,YAAY;EACZ,OAAO;EACR;CACD,oBAAoB,EAClB,SAAS,GACV;CACD,gBAAgB;EACd,KAAK;EACL,mBAAmB;EACnB,iBAAiB;EAClB;CACD,SAAS;EACP,cAAc;EACd,qBAAqB;EACrB,sBAAsB;EACtB,iBAAiB;EACjB,mBAAmB;EACpB;CACD,WAAW;EACT,aAAa;EACb,aAAa;EACd;CACF,CAAC;AAGF,MAAa,aAAa,sBAAsB,EAC9C,MAAM;CACJ,eAAe;CACf,YAAY;CACZ,KAAK;CACN,EACF,CAAC;AAGF,MAAa,mBAAmB,sBAAsB;CACpD,MAAM;EACJ,eAAe;EACf,YAAY;EACZ,KAAK;EACN;CACD,MAAM;EACJ,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,cAAc;EACf;CACD,MAAM;EACJ,UAAU;EACV,YAAY;EACb;CACD,MAAM;EACJ,UAAU;EACV,YAAY;EACb;CACF,CAAC;AAGF,MAAa,cAAc,sBAAsB;CAC/C,MAAM;EACJ,YAAY;EACZ,qBAAqB;EACrB,sBAAsB;EACtB,iBAAiB;EACjB,aAAa;EACb,cAAc;EACd,aAAa;EACb,WAAW;EACX,eAAe;EACf,KAAK;EACL,mBAAmB;EACnB,iBAAiB;EAClB;CACD,MAAM,EACJ,OAAO,WACR;CACD,MAAM;EACJ,OAAO;EACP,UAAU;EACV,eAAe;EACf,YAAY;EACb;CACD,WAAW;EACT,OAAO;EACP,UAAU;EACV,eAAe;EACf,YAAY;EACb;CACD,OAAO;EACL,YAAY;EACZ,UAAU;EACV,eAAe;EACf,YAAY;EACb;CACF,CAAC;AAGF,MAAa,cAAc,sBAAsB;CAC/C,MAAM;EACJ,qBAAqB;EACrB,sBAAsB;EACtB,iBAAiB;EACjB,aAAa;EACb,cAAc;EACd,aAAa;EACb,WAAW;EACX,iBAAiB;EAClB;CACD,SAAS,EACP,KAAK,IACN;CACD,WAAW;EACT,OAAO;EACP,UAAU;EACV,eAAe;EACf,YAAY;EACb;CACD,oBAAoB,EAClB,SAAS,GACV;CACD,aAAa;EACX,OAAO;EACP,YAAY;EACZ,UAAU;EACV,eAAe;EACf,YAAY;EACb;CACD,OAAO,EACL,SAAS,IACV;CACD,mBAAmB,EACjB,mBAAmB,IACpB;CACD,OAAO;EACL,OAAO;EACP,YAAY;EACZ,UAAU;EACV,eAAe;EACf,YAAY;EACb;CACD,yBAAyB,EACvB,KAAK,GACN;CACF,CAAC;AAGF,MAAa,eAAe,sBAAsB;CAChD,WAAW,EACT,OAAO,WACR;CACD,SAAS,EACP,OAAO,WACR;CACF,CAAC;AAEF,MAAa,sBAAsB,sBAAsB,EACvD,MAAM;CACJ,iBAAiB;CACjB,aAAa;CACb,aAAa;CACb,cAAc;CACd,WAAW;CACX,KAAK;CACL,mBAAmB;CACnB,iBAAiB;CAClB,EACF,CAAC;AAEF,MAAa,mBAAmB,sBAAsB;CACpD,MAAM;EACJ,iBAAiB;EACjB,mBAAmB;EACnB,iBAAiB;EAClB;CACD,MAAM,EACJ,OAAO,WACR;CACD,SAAS,EACP,OAAO,WACR;CACF,CAAC"}
+{"version":3,"file":"styles.js","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"sourcesContent":["/**\n * Jest mock for generated/styles.\n *\n * Provides proxy-based mocks for the generated style objects\n * (styles, buttonStyles, etc.) with useVariants as a no-op.\n */\n\n/// <reference types=\"jest\" />\n\n// Default style values for foundation\nconst defaultFoundation = {\n  // Layout\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'stretch',\n  justifyContent: 'flex-start',\n  // Spacing\n  padding: 0,\n  paddingHorizontal: 0,\n  paddingVertical: 0,\n  margin: 0,\n  gap: 0,\n  // Colors\n  backgroundColor: 'transparent',\n  color: '#000000',\n  borderColor: 'transparent',\n  // Border\n  borderWidth: 0,\n  borderRadius: 0,\n  // Typography\n  fontFamily: 'System',\n  fontSize: 14,\n  lineHeight: 20,\n  fontWeight: 'regular',\n  // Effects\n  opacity: 1,\n  boxShadow: '',\n};\n\n// Create a style object with useVariants attached\nfunction createStyleObject(baseStyles: Record<string, unknown> = {}) {\n  const useVariants = jest.fn();\n  const proxy = new Proxy(\n    { ...defaultFoundation, ...baseStyles, useVariants },\n    {\n      get(target, prop) {\n        if (prop === 'useVariants') {\n          return useVariants;\n        }\n        if (prop in target) {\n          return target[prop as keyof typeof target];\n        }\n        // Return sensible defaults for unknown properties\n        if (typeof prop === 'string') {\n          if (prop.includes('color') || prop.includes('Color')) {\n            return '#000000';\n          }\n          if (prop.includes('width') || prop.includes('Width')) {\n            return 0;\n          }\n          if (prop.includes('radius') || prop.includes('Radius')) {\n            return 0;\n          }\n          if (prop.includes('size') || prop.includes('Size')) {\n            return 16;\n          }\n          if (prop.includes('spacing') || prop.includes('Spacing')) {\n            return 0;\n          }\n          if (prop.includes('gap') || prop.includes('Gap')) {\n            return 0;\n          }\n        }\n        return undefined;\n      },\n    },\n  );\n  useVariants.mockReturnValue(proxy);\n  return proxy;\n}\n\n// Create a component style object (like buttonStyles) with multiple style keys\nfunction createComponentStyles(styleKeys: Record<string, Record<string, unknown>>) {\n  const useVariants = jest.fn();\n  const result: Record<string, unknown> = { useVariants };\n\n  for (const [key, baseStyles] of Object.entries(styleKeys)) {\n    result[key] = createStyleObject(baseStyles);\n  }\n\n  const proxy = new Proxy(result, {\n    get(target, prop) {\n      if (prop === 'useVariants') {\n        return useVariants;\n      }\n      if (prop in target) {\n        return target[prop as keyof typeof target];\n      }\n      // Return a default style object for any unknown key\n      if (typeof prop === 'string') {\n        return createStyleObject();\n      }\n      return undefined;\n    },\n  });\n  useVariants.mockReturnValue(proxy);\n  return proxy;\n}\n\n// Main styles export\nexport const styles = createComponentStyles({\n  foundation: defaultFoundation,\n});\n\n// Button styles\nexport const buttonStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 8,\n    paddingHorizontal: 16,\n    paddingVertical: 10,\n    backgroundColor: '#6001D2',\n    borderRadius: 8,\n    borderWidth: 0,\n    borderColor: 'transparent',\n    opacity: 1,\n    boxShadow: '',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    letterSpacing: 0,\n    lineHeight: 20,\n    color: '#FFFFFF',\n  },\n  icon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#FFFFFF',\n  },\n});\n\n// Text styles\nexport const textStyles = createComponentStyles({\n  root: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Input styles\nexport const inputStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 4,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  inputContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    backgroundColor: '#FFFFFF',\n    borderRadius: 8,\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n  input: {\n    flex: 1,\n    height: 24,\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 16,\n    lineHeight: 24,\n    color: '#000000',\n  },\n  helperText: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#666666',\n  },\n  labelRequired: {\n    color: '#6001D2',\n  },\n  inputWrapper: {\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n  },\n  inputWrapperStatic: {\n    paddingHorizontal: 12,\n    gap: 8,\n  },\n  inputWrapperDynamic: {\n    borderWidth: 1,\n    borderRadius: 8,\n  },\n  inputPlaceholder: {\n    color: '#666666',\n  },\n  startIcon: {\n    color: '#666666',\n  },\n  endIcon: {\n    color: '#666666',\n  },\n  helperIcon: {\n    color: '#666666',\n  },\n});\n\n// Checkbox styles\nexport const checkboxStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  checkbox: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  checkboxIcon: {\n    color: '#6001D2',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Switch styles\nexport const switchStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  switch: {\n    width: 48,\n    height: 28,\n    padding: 2,\n    borderRadius: 14,\n    backgroundColor: '#E0E0E0',\n  },\n  handle: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    backgroundColor: '#FFFFFF',\n  },\n  handleIcon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#000000',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Avatar styles\nexport const avatarStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 9999,\n    backgroundColor: '#E0E0E0',\n    overflow: 'hidden',\n    width: 40,\n    height: 40,\n  },\n  image: {\n    width: '100%',\n    height: '100%',\n  },\n  initials: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    color: '#000000',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 16,\n    lineHeight: 20,\n  },\n  icon: {\n    fontSize: 24,\n    lineHeight: 24,\n  },\n});\n\n// Badge styles\nexport const badgeStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 8,\n    paddingVertical: 2,\n    borderRadius: 4,\n    backgroundColor: '#E0E0E0',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#000000',\n  },\n});\n\n// Chip styles\nexport const chipStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n    paddingHorizontal: 12,\n    paddingVertical: 6,\n    borderRadius: 16,\n    backgroundColor: '#F5F5F5',\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// Divider styles\nexport const dividerStyles = createComponentStyles({\n  root: {\n    gap: 8,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 12,\n    lineHeight: 16,\n    color: '#000000',\n  },\n  line: {\n    borderWidth: 1,\n    borderColor: '#E0E0E0',\n  },\n});\n\n// Link styles\nexport const linkStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#6001D2',\n    textDecorationLine: 'underline',\n  },\n});\n\n// Radio styles\nexport const radioStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  // Keys used by Radio.tsx (mirror the generated styles)\n  radio: {\n    width: 20,\n    height: 20,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  radioCircle: {\n    backgroundColor: '#6001D2',\n  },\n  circle: {\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    borderWidth: 2,\n    borderColor: '#6001D2',\n    backgroundColor: 'transparent',\n  },\n  dot: {\n    width: 10,\n    height: 10,\n    borderRadius: 5,\n    backgroundColor: '#6001D2',\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  text: {\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 14,\n    lineHeight: 20,\n    color: '#000000',\n  },\n});\n\n// IconButton styles\nexport const iconButtonStyles = createComponentStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 8,\n    backgroundColor: 'transparent',\n  },\n  icon: {\n    fontSize: 24,\n    color: '#000000',\n  },\n});\n\n// BottomSheet styles\nexport const bottomSheetStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#ffffff',\n    backgroundBlurColor: '#ffffff',\n    backgroundBlurRadius: 0,\n    borderColor: '#e0e0e0',\n    borderWidth: 1,\n    borderRadius: 16,\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n    marginHorizontal: 8,\n    marginBottom: 8,\n  },\n  header: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 16,\n    letterSpacing: 0,\n    lineHeight: 20,\n    color: '#000000',\n  },\n  handleIndicator: {\n    backgroundColor: '#999999',\n  },\n});\n\n// Scrim styles\nexport const scrimStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#000000',\n    opacity: 0.2,\n    backgroundBlurRadius: 0,\n  },\n});\n\n// Popover styles\nexport const popoverStyles = createComponentStyles({\n  root: {\n    boxShadow: '0px 8px 16px rgba(0, 0, 0, 0.12)',\n  },\n  blur: {\n    backgroundBlurRadius: 0,\n  },\n  closeIcon: {\n    fontSize: 16,\n    iconSizeToken: 'sm',\n    lineHeight: 16,\n    color: '#000000',\n  },\n  closeIconContainer: {\n    padding: 8,\n  },\n  contentWrapper: {\n    gap: 8,\n    paddingHorizontal: 16,\n    paddingVertical: 16,\n  },\n  svgBase: {\n    borderRadius: 16,\n    backgroundBlurColor: '#ffffff',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#ffffff',\n    backgroundOpacity: 1,\n  },\n  svgBorder: {\n    borderColor: '#e0e0e0',\n    borderWidth: 1,\n  },\n});\n\n// Tabs (tab list chrome)\nexport const tabsStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n});\n\n// Pagination styles\nexport const paginationStyles = createComponentStyles({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n  },\n  item: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 8,\n    borderRadius: 999,\n  },\n  text: {\n    fontSize: 14,\n    lineHeight: 16,\n  },\n  icon: {\n    fontSize: 16,\n    lineHeight: 16,\n  },\n});\n\n// Toast styles\nexport const toastStyles = createComponentStyles({\n  root: {\n    alignItems: 'center',\n    backgroundBlurColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderRadius: 12,\n    borderWidth: 1,\n    boxShadow: '',\n    flexDirection: 'row',\n    gap: 8,\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n  },\n  text: {\n    color: '#000000',\n  },\n  icon: {\n    color: '#000000',\n    fontSize: 16,\n    iconSizeToken: 'md',\n    lineHeight: 16,\n  },\n  closeIcon: {\n    color: '#000000',\n    fontSize: 12,\n    iconSizeToken: 'sm',\n    lineHeight: 12,\n  },\n  label: {\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 14,\n    letterSpacing: 0,\n    lineHeight: 20,\n  },\n});\n\n// Modal styles\nexport const modalStyles = createComponentStyles({\n  root: {\n    backgroundBlurColor: 'rgba(255, 255, 255, 0.9)',\n    backgroundBlurRadius: 0,\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderRadius: 16,\n    borderWidth: 1,\n    boxShadow: '',\n    paddingVertical: 32,\n  },\n  actions: {\n    gap: 12,\n  },\n  closeIcon: {\n    color: '#000000',\n    fontSize: 24,\n    iconSizeToken: 'md',\n    lineHeight: 24,\n  },\n  closeIconContainer: {\n    padding: 8,\n  },\n  description: {\n    color: '#000000',\n    fontFamily: 'YahooProductSans-Regular',\n    fontSize: 18,\n    letterSpacing: 0,\n    lineHeight: 28,\n  },\n  scrim: {\n    padding: 32,\n  },\n  spacingHorizontal: {\n    paddingHorizontal: 32,\n  },\n  title: {\n    color: '#000000',\n    fontFamily: 'YahooProductSans-Medium',\n    fontSize: 28,\n    letterSpacing: 0,\n    lineHeight: 36,\n  },\n  titleDescriptionWrapper: {\n    gap: 8,\n  },\n});\n\n// Select styles\nexport const selectStyles = createComponentStyles({\n  startIcon: {\n    color: '#666666',\n  },\n  endIcon: {\n    color: '#666666',\n  },\n});\n\nexport const selectContentStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#FFFFFF',\n    borderColor: '#E0E0E0',\n    borderWidth: 1,\n    borderRadius: 8,\n    boxShadow: '',\n    gap: 0,\n    paddingHorizontal: 0,\n    paddingVertical: 0,\n  },\n});\n\nexport const selectItemStyles = createComponentStyles({\n  root: {\n    backgroundColor: '#FFFFFF',\n    paddingHorizontal: 16,\n    paddingVertical: 8,\n  },\n  text: {\n    color: '#000000',\n  },\n  endIcon: {\n    color: '#6001D2',\n  },\n});\n\n// Type for StyleProps\nexport interface StyleProps {\n  color?: string;\n  backgroundColor?: string;\n  borderColor?: string;\n  borderWidth?: number;\n  borderRadius?: number;\n  [key: string]: unknown;\n}\n"],"mappings":"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"}