@yahoo/uds-mobile 2.21.2 → 2.22.0

package/dist/components/UDSProvider.d.cts

@@ -3,28 +3,36 @@ import * as _$react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/UDSProvider.d.ts
-interface UDSProviderProps {
+interface UDSGestureProviderProps {
   children: ReactNode;
 }
 /**
- * Root provider for UDS Mobile.
+ * Root gesture and portal provider for UDS Mobile overlays.
  *
  * Place this at the top of your app layout:
  *
  * @example
  * ```tsx
- * import { UDSProvider } from '@yahoo/uds-mobile/UDSProvider';
+ * import { UDSGestureProvider } from '@yahoo/uds-mobile/UDSGestureProvider';
  *
  * export default function RootLayout() {
  *   return (
- *     <UDSProvider>
+ *     <UDSGestureProvider>
  *       <Stack />
- *     </UDSProvider>
+ *     </UDSGestureProvider>
  *   );
  * }
  * ```
  */
-declare const UDSProvider: _$react.NamedExoticComponent<UDSProviderProps>;
+declare const UDSGestureProvider: _$react.NamedExoticComponent<UDSGestureProviderProps>;
+/**
+ * @deprecated Use {@link UDSGestureProvider} from `@yahoo/uds-mobile/UDSGestureProvider`.
+ */
+declare const UDSProvider: _$react.NamedExoticComponent<UDSGestureProviderProps>;
+/**
+ * @deprecated Use {@link UDSGestureProviderProps}.
+ */
+type UDSProviderProps = UDSGestureProviderProps;
 //#endregion
-export { UDSProvider, type UDSProviderProps };
+export { UDSGestureProvider, type UDSGestureProviderProps, UDSProvider, UDSProviderProps };
 //# sourceMappingURL=UDSProvider.d.cts.map

package/dist/components/UDSProvider.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"UDSProvider.d.cts","names":[],"sources":["../../src/components/UDSProvider.tsx"],"mappings":";;;;;UAOU,gBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAR2B;;;;;AAQlB;;;;;;;;;;;;;AARkB,cA6BjC,WAAA,EAAW,OAAA,CAAA,oBAAA,CAAA,gBAAA"}
+{"version":3,"file":"UDSProvider.d.cts","names":[],"sources":["../../src/components/UDSProvider.tsx"],"mappings":";;;;;UAOU,uBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAR2B;;;;;AAQlB;;;;;AAqBG;;;;;AAwBxB;;;AArDuC,cA6BjC,kBAAA,EAAkB,OAAA,CAAA,oBAAA,CAAA,uBAAA;;;;cAWlB,WAAA,EAAW,OAAA,CAAA,oBAAA,CAAA,uBAAA;;;;KAaL,gBAAA,GAAmB,uBAAA"}

package/dist/components/UDSProvider.d.ts

@@ -3,28 +3,36 @@ import * as _$react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/UDSProvider.d.ts
-interface UDSProviderProps {
+interface UDSGestureProviderProps {
   children: ReactNode;
 }
 /**
- * Root provider for UDS Mobile.
+ * Root gesture and portal provider for UDS Mobile overlays.
  *
  * Place this at the top of your app layout:
  *
  * @example
  * ```tsx
- * import { UDSProvider } from '@yahoo/uds-mobile/UDSProvider';
+ * import { UDSGestureProvider } from '@yahoo/uds-mobile/UDSGestureProvider';
  *
  * export default function RootLayout() {
  *   return (
- *     <UDSProvider>
+ *     <UDSGestureProvider>
  *       <Stack />
- *     </UDSProvider>
+ *     </UDSGestureProvider>
  *   );
  * }
  * ```
  */
-declare const UDSProvider: _$react.NamedExoticComponent<UDSProviderProps>;
+declare const UDSGestureProvider: _$react.NamedExoticComponent<UDSGestureProviderProps>;
+/**
+ * @deprecated Use {@link UDSGestureProvider} from `@yahoo/uds-mobile/UDSGestureProvider`.
+ */
+declare const UDSProvider: _$react.NamedExoticComponent<UDSGestureProviderProps>;
+/**
+ * @deprecated Use {@link UDSGestureProviderProps}.
+ */
+type UDSProviderProps = UDSGestureProviderProps;
 //#endregion
-export { UDSProvider, type UDSProviderProps };
+export { UDSGestureProvider, type UDSGestureProviderProps, UDSProvider, UDSProviderProps };
 //# sourceMappingURL=UDSProvider.d.ts.map

package/dist/components/UDSProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UDSProvider.d.ts","names":[],"sources":["../../src/components/UDSProvider.tsx"],"mappings":";;;;;UAOU,gBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAR2B;;;;;AAQlB;;;;;;;;;;;;;AARkB,cA6BjC,WAAA,EAAW,OAAA,CAAA,oBAAA,CAAA,gBAAA"}
+{"version":3,"file":"UDSProvider.d.ts","names":[],"sources":["../../src/components/UDSProvider.tsx"],"mappings":";;;;;UAOU,uBAAA;EACR,QAAA,EAAU,SAAA;AAAA;AAR2B;;;;;AAQlB;;;;;AAqBG;;;;;AAwBxB;;;AArDuC,cA6BjC,kBAAA,EAAkB,OAAA,CAAA,oBAAA,CAAA,uBAAA;;;;cAWlB,WAAA,EAAW,OAAA,CAAA,oBAAA,CAAA,uBAAA;;;;KAaL,gBAAA,GAAmB,uBAAA"}

package/dist/components/UDSProvider.js

@@ -6,31 +6,35 @@ import { jsx } from "react/jsx-runtime";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 //#region src/components/UDSProvider.tsx
 /**
-* Root provider for UDS Mobile.
+* Root gesture and portal provider for UDS Mobile overlays.
 *
 * Place this at the top of your app layout:
 *
 * @example
 * ```tsx
-* import { UDSProvider } from '@yahoo/uds-mobile/UDSProvider';
+* import { UDSGestureProvider } from '@yahoo/uds-mobile/UDSGestureProvider';
 *
 * export default function RootLayout() {
 *   return (
-*     <UDSProvider>
+*     <UDSGestureProvider>
 *       <Stack />
-*     </UDSProvider>
+*     </UDSGestureProvider>
 *   );
 * }
 * ```
 */
-const UDSProvider = memo(function UDSProvider({ children }) {
+const UDSGestureProvider = memo(function UDSGestureProvider({ children }) {
 	return /* @__PURE__ */ jsx(GestureHandlerRootView, {
 		style: styles.root,
 		children: /* @__PURE__ */ jsx(PortalProvider, { children })
 	});
 });
+/**
+* @deprecated Use {@link UDSGestureProvider} from `@yahoo/uds-mobile/UDSGestureProvider`.
+*/
+const UDSProvider = UDSGestureProvider;
 const styles = StyleSheet.create({ root: { flex: 1 } });
 //#endregion
-export { UDSProvider };
+export { UDSGestureProvider, UDSProvider };
 
 //# sourceMappingURL=UDSProvider.js.map

package/dist/components/UDSProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"UDSProvider.js","names":[],"sources":["../../src/components/UDSProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo } from 'react';\nimport { StyleSheet } from 'react-native';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\n\nimport { PortalProvider } from '../portal';\n\ninterface UDSProviderProps {\n  children: ReactNode;\n}\n\n/**\n * Root provider for UDS Mobile.\n *\n * Place this at the top of your app layout:\n *\n * @example\n * ```tsx\n * import { UDSProvider } from '@yahoo/uds-mobile/UDSProvider';\n *\n * export default function RootLayout() {\n *   return (\n *     <UDSProvider>\n *       <Stack />\n *     </UDSProvider>\n *   );\n * }\n * ```\n */\nconst UDSProvider = memo(function UDSProvider({ children }: UDSProviderProps) {\n  return (\n    <GestureHandlerRootView style={styles.root}>\n      <PortalProvider>{children}</PortalProvider>\n    </GestureHandlerRootView>\n  );\n});\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n  },\n});\n\nexport { UDSProvider };\nexport type { UDSProviderProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,cAAc,KAAK,SAAS,YAAY,EAAE,YAA8B;CAC5E,OACE,oBAAC,wBAAD;EAAwB,OAAO,OAAO;YACpC,oBAAC,gBAAD,EAAiB,UAA0B,CAAA;EACpB,CAAA;EAE3B;AAEF,MAAM,SAAS,WAAW,OAAO,EAC/B,MAAM,EACJ,MAAM,GACP,EACF,CAAC"}
+{"version":3,"file":"UDSProvider.js","names":[],"sources":["../../src/components/UDSProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo } from 'react';\nimport { StyleSheet } from 'react-native';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\n\nimport { PortalProvider } from '../portal';\n\ninterface UDSGestureProviderProps {\n  children: ReactNode;\n}\n\n/**\n * Root gesture and portal provider for UDS Mobile overlays.\n *\n * Place this at the top of your app layout:\n *\n * @example\n * ```tsx\n * import { UDSGestureProvider } from '@yahoo/uds-mobile/UDSGestureProvider';\n *\n * export default function RootLayout() {\n *   return (\n *     <UDSGestureProvider>\n *       <Stack />\n *     </UDSGestureProvider>\n *   );\n * }\n * ```\n */\nconst UDSGestureProvider = memo(function UDSGestureProvider({ children }: UDSGestureProviderProps) {\n  return (\n    <GestureHandlerRootView style={styles.root}>\n      <PortalProvider>{children}</PortalProvider>\n    </GestureHandlerRootView>\n  );\n});\n\n/**\n * @deprecated Use {@link UDSGestureProvider} from `@yahoo/uds-mobile/UDSGestureProvider`.\n */\nconst UDSProvider = UDSGestureProvider;\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n  },\n});\n\nexport { UDSGestureProvider, UDSProvider };\nexport type { UDSGestureProviderProps };\n/**\n * @deprecated Use {@link UDSGestureProviderProps}.\n */\nexport type UDSProviderProps = UDSGestureProviderProps;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,qBAAqB,KAAK,SAAS,mBAAmB,EAAE,YAAqC;CACjG,OACE,oBAAC,wBAAD;EAAwB,OAAO,OAAO;YACpC,oBAAC,gBAAD,EAAiB,UAA0B,CAAA;EACpB,CAAA;EAE3B;;;;AAKF,MAAM,cAAc;AAEpB,MAAM,SAAS,WAAW,OAAO,EAC/B,MAAM,EACJ,MAAM,GACP,EACF,CAAC"}

package/dist/components/internal/Overlay/OverlayPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayPortal.js","names":[],"sources":["../../../../src/components/internal/Overlay/OverlayPortal.tsx"],"sourcesContent":["import { Platform } from 'react-native';\nimport { FullWindowOverlay } from 'react-native-screens';\n\nimport { Portal, usePortalContext } from '../../../portal';\nimport type { OverlayPortalProps } from './types';\n\n/**\n * Internal portal wrapper for mobile overlays.\n *\n * Uses `FullWindowOverlay` on iOS when requested, otherwise renders through the UDS portal host.\n */\nfunction OverlayPortal({ children, useFullWindowOverlay = true }: OverlayPortalProps) {\n  // Always assert UDSProvider presence, even when iOS renders through FullWindowOverlay.\n  usePortalContext();\n\n  if (Platform.OS === 'ios' && useFullWindowOverlay) {\n    return <FullWindowOverlay>{children}</FullWindowOverlay>;\n  }\n\n  return <Portal>{children}</Portal>;\n}\n\nexport { OverlayPortal };\n"],"mappings":";;;;;;;;;;;AAWA,SAAS,cAAc,EAAE,UAAU,uBAAuB,QAA4B;CAEpF,kBAAkB;CAElB,IAAI,SAAS,OAAO,SAAS,sBAC3B,OAAO,oBAAC,mBAAD,EAAoB,UAA6B,CAAA;CAG1D,OAAO,oBAAC,QAAD,EAAS,UAAkB,CAAA"}
+{"version":3,"file":"OverlayPortal.js","names":[],"sources":["../../../../src/components/internal/Overlay/OverlayPortal.tsx"],"sourcesContent":["import { Platform } from 'react-native';\nimport { FullWindowOverlay } from 'react-native-screens';\n\nimport { Portal, usePortalContext } from '../../../portal';\nimport type { OverlayPortalProps } from './types';\n\n/**\n * Internal portal wrapper for mobile overlays.\n *\n * Uses `FullWindowOverlay` on iOS when requested, otherwise renders through the UDS portal host.\n */\nfunction OverlayPortal({ children, useFullWindowOverlay = true }: OverlayPortalProps) {\n  // Always assert UDSGestureProvider presence, even when iOS renders through FullWindowOverlay.\n  usePortalContext();\n\n  if (Platform.OS === 'ios' && useFullWindowOverlay) {\n    return <FullWindowOverlay>{children}</FullWindowOverlay>;\n  }\n\n  return <Portal>{children}</Portal>;\n}\n\nexport { OverlayPortal };\n"],"mappings":";;;;;;;;;;;AAWA,SAAS,cAAc,EAAE,UAAU,uBAAuB,QAA4B;CAEpF,kBAAkB;CAElB,IAAI,SAAS,OAAO,SAAS,sBAC3B,OAAO,oBAAC,mBAAD,EAAoB,UAA6B,CAAA;CAG1D,OAAO,oBAAC,QAAD,EAAS,UAAkB,CAAA"}

package/dist/jest/mocks/styles.cjs

@@ -52,12 +52,13 @@ const defaultFoundation = {
 	boxShadow: ""
 };
 function createStyleObject(baseStyles = {}) {
-	return new Proxy({
+	const useVariants = jest.fn();
+	const proxy = new Proxy({
 		...defaultFoundation,
 		...baseStyles,
-		useVariants: jest.fn()
+		useVariants
 	}, { get(target, prop) {
-		if (prop === "useVariants") return jest.fn();
+		if (prop === "useVariants") return useVariants;
 		if (prop in target) return target[prop];
 		if (typeof prop === "string") {
 			if (prop.includes("color") || prop.includes("Color")) return "#000000";
@@ -68,15 +69,20 @@ function createStyleObject(baseStyles = {}) {
 			if (prop.includes("gap") || prop.includes("Gap")) return 0;
 		}
 	} });
+	useVariants.mockReturnValue(proxy);
+	return proxy;
 }
 function createComponentStyles(styleKeys) {
-	const result = { useVariants: jest.fn() };
+	const useVariants = jest.fn();
+	const result = { useVariants };
 	for (const [key, baseStyles] of Object.entries(styleKeys)) result[key] = createStyleObject(baseStyles);
-	return new Proxy(result, { get(target, prop) {
-		if (prop === "useVariants") return jest.fn();
+	const proxy = new Proxy(result, { get(target, prop) {
+		if (prop === "useVariants") return useVariants;
 		if (prop in target) return target[prop];
 		if (typeof prop === "string") return createStyleObject();
 	} });
+	useVariants.mockReturnValue(proxy);
+	return proxy;
 }
 const styles = createComponentStyles({ foundation: defaultFoundation });
 const buttonStyles = createComponentStyles({
@@ -182,19 +188,25 @@ const switchStyles = createComponentStyles({
 		alignItems: "center",
 		gap: 8
 	},
-	track: {
+	switch: {
 		width: 48,
 		height: 28,
 		borderRadius: 14,
 		backgroundColor: "#E0E0E0"
 	},
-	thumb: {
+	handle: {
 		width: 24,
 		height: 24,
 		borderRadius: 12,
 		backgroundColor: "#FFFFFF"
 	},
-	label: {
+	handleIcon: {
+		fontSize: 16,
+		iconSizeToken: "sm",
+		lineHeight: 16,
+		color: "#000000"
+	},
+	text: {
 		fontFamily: "YahooProductSans-Regular",
 		fontSize: 14,
 		lineHeight: 20,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.cts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cAyGa,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAuCX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cA4BZ,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,cA8BX,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,UAiDP,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,cAuCX,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,cA8BX,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,UAiDP,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":";;;;;;;;;;cAyGa,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAuCX,cAAA,EAAc,MAAA;AAAA,cA2Bd,YAAA,EAAY,MAAA;AAAA,cA4BZ,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,cA8BX,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,UAiDP,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,cAuCX,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,cA8BX,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,UAiDP,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}

package/dist/jest/mocks/styles.js

@@ -52,12 +52,13 @@ const defaultFoundation = {
 	boxShadow: ""
 };
 function createStyleObject(baseStyles = {}) {
-	return new Proxy({
+	const useVariants = jest.fn();
+	const proxy = new Proxy({
 		...defaultFoundation,
 		...baseStyles,
-		useVariants: jest.fn()
+		useVariants
 	}, { get(target, prop) {
-		if (prop === "useVariants") return jest.fn();
+		if (prop === "useVariants") return useVariants;
 		if (prop in target) return target[prop];
 		if (typeof prop === "string") {
 			if (prop.includes("color") || prop.includes("Color")) return "#000000";
@@ -68,15 +69,20 @@ function createStyleObject(baseStyles = {}) {
 			if (prop.includes("gap") || prop.includes("Gap")) return 0;
 		}
 	} });
+	useVariants.mockReturnValue(proxy);
+	return proxy;
 }
 function createComponentStyles(styleKeys) {
-	const result = { useVariants: jest.fn() };
+	const useVariants = jest.fn();
+	const result = { useVariants };
 	for (const [key, baseStyles] of Object.entries(styleKeys)) result[key] = createStyleObject(baseStyles);
-	return new Proxy(result, { get(target, prop) {
-		if (prop === "useVariants") return jest.fn();
+	const proxy = new Proxy(result, { get(target, prop) {
+		if (prop === "useVariants") return useVariants;
 		if (prop in target) return target[prop];
 		if (typeof prop === "string") return createStyleObject();
 	} });
+	useVariants.mockReturnValue(proxy);
+	return proxy;
 }
 const styles = createComponentStyles({ foundation: defaultFoundation });
 const buttonStyles = createComponentStyles({
@@ -182,19 +188,25 @@ const switchStyles = createComponentStyles({
 		alignItems: "center",
 		gap: 8
 	},
-	track: {
+	switch: {
 		width: 48,
 		height: 28,
 		borderRadius: 14,
 		backgroundColor: "#E0E0E0"
 	},
-	thumb: {
+	handle: {
 		width: 24,
 		height: 24,
 		borderRadius: 12,
 		backgroundColor: "#FFFFFF"
 	},
-	label: {
+	handleIcon: {
+		fontSize: 16,
+		iconSizeToken: "sm",
+		lineHeight: 16,
+		color: "#000000"
+	},
+	text: {
 		fontFamily: "YahooProductSans-Regular",
 		fontSize: 14,
 		lineHeight: 20,

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 proxy = new Proxy(\n    { ...defaultFoundation, ...baseStyles, useVariants: jest.fn() },\n    {\n      get(target, prop) {\n        if (prop === 'useVariants') {\n          return jest.fn();\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  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 result: Record<string, unknown> = { useVariants: jest.fn() };\n\n  for (const [key, baseStyles] of Object.entries(styleKeys)) {\n    result[key] = createStyleObject(baseStyles);\n  }\n\n  return new Proxy(result, {\n    get(target, prop) {\n      if (prop === 'useVariants') {\n        return jest.fn();\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}\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});\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  track: {\n    width: 48,\n    height: 28,\n    borderRadius: 14,\n    backgroundColor: '#E0E0E0',\n  },\n  thumb: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    backgroundColor: '#FFFFFF',\n  },\n  label: {\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  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});\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// 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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AsB;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"}
+{"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});\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  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});\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// 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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"}

package/dist/jest/mocks/unistyles.cjs

@@ -78,7 +78,22 @@ const mockTheme = {
 		xl: 16,
 		full: 9999
 	},
-	components: {}
+	components: {
+		"switch/variant/default/active/off/handle/rest": { backgroundColor: "#ffffff" },
+		"switch/variant/default/active/off/handleIcon/rest": { color: "#666666" },
+		"switch/variant/default/active/off/rootText/rest": { color: "#6001D2" },
+		"switch/variant/default/active/off/switch/rest": {
+			backgroundColor: "#188038",
+			borderColor: "#188038"
+		},
+		"switch/variant/default/active/on/handle/rest": { backgroundColor: "#ffffff" },
+		"switch/variant/default/active/on/handleIcon/rest": { color: "#6001D2" },
+		"switch/variant/default/active/on/rootText/rest": { color: "#D93025" },
+		"switch/variant/default/active/on/switch/rest": {
+			backgroundColor: "#D93025",
+			borderColor: "#D93025"
+		}
+	}
 };
 const mockRuntime = {
 	themeName: "light",

package/dist/jest/mocks/unistyles.d.cts

@@ -72,7 +72,34 @@ declare const useUnistyles: jest.Mock<{
       xl: number;
       full: number;
     };
-    components: {};
+    components: {
+      'switch/variant/default/active/off/handle/rest': {
+        backgroundColor: string;
+      };
+      'switch/variant/default/active/off/handleIcon/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/off/rootText/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/off/switch/rest': {
+        backgroundColor: string;
+        borderColor: string;
+      };
+      'switch/variant/default/active/on/handle/rest': {
+        backgroundColor: string;
+      };
+      'switch/variant/default/active/on/handleIcon/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/on/rootText/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/on/switch/rest': {
+        backgroundColor: string;
+        borderColor: string;
+      };
+    };
   };
   rt: {
     themeName: "light" | "dark";
@@ -186,7 +213,34 @@ declare const useAnimatedTheme: jest.Mock<{
       xl: number;
       full: number;
     };
-    components: {};
+    components: {
+      'switch/variant/default/active/off/handle/rest': {
+        backgroundColor: string;
+      };
+      'switch/variant/default/active/off/handleIcon/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/off/rootText/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/off/switch/rest': {
+        backgroundColor: string;
+        borderColor: string;
+      };
+      'switch/variant/default/active/on/handle/rest': {
+        backgroundColor: string;
+      };
+      'switch/variant/default/active/on/handleIcon/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/on/rootText/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/on/switch/rest': {
+        backgroundColor: string;
+        borderColor: string;
+      };
+    };
   };
 }, [], any>;
 declare const useAnimatedVariantColor: jest.Mock<{

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

@@ -1 +1 @@
-{"version":3,"file":"unistyles.d.cts","names":[],"sources":["../../../src/jest/mocks/unistyles.ts"],"mappings":";;;;;;;;;;;;cAkGM,YAAA,EAAY,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAKZ,eAAA,EAAe,IAAA,CAAA,IAAA;AAAA,cAwBf,UAAA;;aAGL,IAAA,CAAA,IAAA;AAAA;AAAA,cAEK,gBAAA;;;YAA8B,IAAA,CAAA,IAAA;kBAAA,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;cAK9B,gBAAA,EAAgB,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAIhB,uBAAA,EAAuB,IAAA,CAAA,IAAA"}
+{"version":3,"file":"unistyles.d.cts","names":[],"sources":["../../../src/jest/mocks/unistyles.ts"],"mappings":";;;;;;;;;;;;cA6HM,YAAA,EAAY,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAKZ,eAAA,EAAe,IAAA,CAAA,IAAA;AAAA,cAwBf,UAAA;;aAGL,IAAA,CAAA,IAAA;AAAA;AAAA,cAEK,gBAAA;;;YAA8B,IAAA,CAAA,IAAA;kBAAA,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;cAK9B,gBAAA,EAAgB,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAIhB,uBAAA,EAAuB,IAAA,CAAA,IAAA"}

package/dist/jest/mocks/unistyles.d.ts

@@ -72,7 +72,34 @@ declare const useUnistyles: jest.Mock<{
       xl: number;
       full: number;
     };
-    components: {};
+    components: {
+      'switch/variant/default/active/off/handle/rest': {
+        backgroundColor: string;
+      };
+      'switch/variant/default/active/off/handleIcon/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/off/rootText/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/off/switch/rest': {
+        backgroundColor: string;
+        borderColor: string;
+      };
+      'switch/variant/default/active/on/handle/rest': {
+        backgroundColor: string;
+      };
+      'switch/variant/default/active/on/handleIcon/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/on/rootText/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/on/switch/rest': {
+        backgroundColor: string;
+        borderColor: string;
+      };
+    };
   };
   rt: {
     themeName: "light" | "dark";
@@ -186,7 +213,34 @@ declare const useAnimatedTheme: jest.Mock<{
       xl: number;
       full: number;
     };
-    components: {};
+    components: {
+      'switch/variant/default/active/off/handle/rest': {
+        backgroundColor: string;
+      };
+      'switch/variant/default/active/off/handleIcon/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/off/rootText/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/off/switch/rest': {
+        backgroundColor: string;
+        borderColor: string;
+      };
+      'switch/variant/default/active/on/handle/rest': {
+        backgroundColor: string;
+      };
+      'switch/variant/default/active/on/handleIcon/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/on/rootText/rest': {
+        color: string;
+      };
+      'switch/variant/default/active/on/switch/rest': {
+        backgroundColor: string;
+        borderColor: string;
+      };
+    };
   };
 }, [], any>;
 declare const useAnimatedVariantColor: jest.Mock<{

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

@@ -1 +1 @@
-{"version":3,"file":"unistyles.d.ts","names":[],"sources":["../../../src/jest/mocks/unistyles.ts"],"mappings":";;;;;;;;;;;;cAkGM,YAAA,EAAY,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAKZ,eAAA,EAAe,IAAA,CAAA,IAAA;AAAA,cAwBf,UAAA;;aAGL,IAAA,CAAA,IAAA;AAAA;AAAA,cAEK,gBAAA;;;YAA8B,IAAA,CAAA,IAAA;kBAAA,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;cAK9B,gBAAA,EAAgB,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAIhB,uBAAA,EAAuB,IAAA,CAAA,IAAA"}
+{"version":3,"file":"unistyles.d.ts","names":[],"sources":["../../../src/jest/mocks/unistyles.ts"],"mappings":";;;;;;;;;;;;cA6HM,YAAA,EAAY,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAKZ,eAAA,EAAe,IAAA,CAAA,IAAA;AAAA,cAwBf,UAAA;;aAGL,IAAA,CAAA,IAAA;AAAA;AAAA,cAEK,gBAAA;;;YAA8B,IAAA,CAAA,IAAA;kBAAA,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;cAK9B,gBAAA,EAAgB,IAAA,CAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAIhB,uBAAA,EAAuB,IAAA,CAAA,IAAA"}

package/dist/jest/mocks/unistyles.js

@@ -78,7 +78,22 @@ const mockTheme = {
 		xl: 16,
 		full: 9999
 	},
-	components: {}
+	components: {
+		"switch/variant/default/active/off/handle/rest": { backgroundColor: "#ffffff" },
+		"switch/variant/default/active/off/handleIcon/rest": { color: "#666666" },
+		"switch/variant/default/active/off/rootText/rest": { color: "#6001D2" },
+		"switch/variant/default/active/off/switch/rest": {
+			backgroundColor: "#188038",
+			borderColor: "#188038"
+		},
+		"switch/variant/default/active/on/handle/rest": { backgroundColor: "#ffffff" },
+		"switch/variant/default/active/on/handleIcon/rest": { color: "#6001D2" },
+		"switch/variant/default/active/on/rootText/rest": { color: "#D93025" },
+		"switch/variant/default/active/on/switch/rest": {
+			backgroundColor: "#D93025",
+			borderColor: "#D93025"
+		}
+	}
 };
 const mockRuntime = {
 	themeName: "light",