@impulse-ui-native/theme 9.1.2 → 10.0.0

package/dist/hooks/use-border.hook.js

@@ -1,8 +1,7 @@
-import { useMemo } from "react";
 import { useThemeContext } from "../providers";
 function useBorder() {
   const context = useThemeContext();
-  return useMemo(() => context.borderSize, [context.borderSize]);
+  return context.borderSize;
 }
 export {
   useBorder

package/dist/hooks/use-border.hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-border.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { BorderSize } from \"../types\";\r\n\r\nexport function useBorder(): BorderSize {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.borderSize, [context.borderSize]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAGzB,SAAS,YAAwB;AACtC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,YAAY,CAAC,QAAQ,UAAU,CAAC;AAC/D;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-border.hook.ts"],"sourcesContent":["import { useThemeContext } from \"../providers\";\r\nimport { BorderSize } from \"../types\";\r\n\r\nexport function useBorder(): BorderSize {\r\n  const context = useThemeContext();\r\n\r\n  return context.borderSize;\r\n}\r\n"],"mappings":"AAAA,SAAS,uBAAuB;AAGzB,SAAS,YAAwB;AACtC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ;AACjB;","names":[]}

package/dist/hooks/use-colors.hook.js

@@ -1,8 +1,7 @@
-import { useMemo } from "react";
 import { useThemeContext } from "../providers";
 function useColors() {
   const context = useThemeContext();
-  return useMemo(() => context.colors, [context.colors]);
+  return context.colors;
 }
 export {
   useColors

package/dist/hooks/use-colors.hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-colors.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { ThemeColors } from \"../types\";\r\n\r\nexport function useColors(): ThemeColors {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.colors, [context.colors]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAGzB,SAAS,YAAyB;AACvC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,QAAQ,CAAC,QAAQ,MAAM,CAAC;AACvD;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-colors.hook.ts"],"sourcesContent":["import { useThemeContext } from \"../providers\";\r\nimport { ThemeColors } from \"../types\";\r\n\r\nexport function useColors(): ThemeColors {\r\n  const context = useThemeContext();\r\n\r\n  return context.colors;\r\n}\r\n"],"mappings":"AAAA,SAAS,uBAAuB;AAGzB,SAAS,YAAyB;AACvC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ;AACjB;","names":[]}

package/dist/hooks/use-components-tokens.hook.js

@@ -1,8 +1,7 @@
-import { useMemo } from "react";
 import { useThemeContext } from "../providers";
 function useComponentsTokens() {
   const context = useThemeContext();
-  return useMemo(() => context.components, [context.components]);
+  return context.components;
 }
 export {
   useComponentsTokens

package/dist/hooks/use-components-tokens.hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-components-tokens.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useThemeContext } from \"../providers\";\n\nexport function useComponentsTokens() {\n  const context = useThemeContext();\n\n  return useMemo(() => context.components, [context.components]);\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAEzB,SAAS,sBAAsB;AACpC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,YAAY,CAAC,QAAQ,UAAU,CAAC;AAC/D;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-components-tokens.hook.ts"],"sourcesContent":["import { useThemeContext } from \"../providers\";\n\nexport function useComponentsTokens() {\n  const context = useThemeContext();\n\n  return context.components;\n}\n"],"mappings":"AAAA,SAAS,uBAAuB;AAEzB,SAAS,sBAAsB;AACpC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ;AACjB;","names":[]}

package/dist/hooks/use-radii.hook.js

@@ -1,8 +1,7 @@
-import { useMemo } from "react";
 import { useThemeContext } from "../providers";
 function useRadii() {
   const context = useThemeContext();
-  return useMemo(() => context.radii, [context.radii]);
+  return context.radii;
 }
 export {
   useRadii

package/dist/hooks/use-radii.hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-radii.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { Radii } from \"../types\";\r\n\r\nexport function useRadii(): Radii {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.radii, [context.radii]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAGzB,SAAS,WAAkB;AAChC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,OAAO,CAAC,QAAQ,KAAK,CAAC;AACrD;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-radii.hook.ts"],"sourcesContent":["import { useThemeContext } from \"../providers\";\r\nimport { Radii } from \"../types\";\r\n\r\nexport function useRadii(): Radii {\r\n  const context = useThemeContext();\r\n\r\n  return context.radii;\r\n}\r\n"],"mappings":"AAAA,SAAS,uBAAuB;AAGzB,SAAS,WAAkB;AAChC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ;AACjB;","names":[]}

package/dist/hooks/use-space.hook.js

@@ -1,8 +1,7 @@
-import { useMemo } from "react";
 import { useThemeContext } from "../providers";
 function useSpace() {
   const context = useThemeContext();
-  return useMemo(() => context.space, [context.space]);
+  return context.space;
 }
 export {
   useSpace

package/dist/hooks/use-space.hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-space.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { Space } from \"../types\";\r\n\r\nexport function useSpace(): Space {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.space, [context.space]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAGzB,SAAS,WAAkB;AAChC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ,MAAM,QAAQ,OAAO,CAAC,QAAQ,KAAK,CAAC;AACrD;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-space.hook.ts"],"sourcesContent":["import { useThemeContext } from \"../providers\";\r\nimport { Space } from \"../types\";\r\n\r\nexport function useSpace(): Space {\r\n  const context = useThemeContext();\r\n\r\n  return context.space;\r\n}\r\n"],"mappings":"AAAA,SAAS,uBAAuB;AAGzB,SAAS,WAAkB;AAChC,QAAM,UAAU,gBAAgB;AAEhC,SAAO,QAAQ;AACjB;","names":[]}

package/dist/hooks/use-style-props.hook.js

@@ -1,8 +1,9 @@
 import { useMemo } from "react";
-import { createStyleKey, extractStyleProps } from "../utils";
+import { StylePropsSet } from "../constants";
+import { extractStyleProps } from "../utils";
 function useStyleProps(props) {
-  const key = useMemo(() => createStyleKey(props), [props]);
-  return useMemo(() => extractStyleProps(props), [key]);
+  const values = Array.from(StylePropsSet, (key) => props[key]);
+  return useMemo(() => extractStyleProps(props), values);
 }
 export {
   useStyleProps

package/dist/hooks/use-style-props.hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-style-props.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { createStyleKey, extractStyleProps } from \"../utils\";\r\n\r\nexport function useStyleProps<Props extends object>(props: Props) {\r\n  const key = useMemo(() => createStyleKey(props), [props]);\r\n\r\n  return useMemo(() => extractStyleProps(props), [key]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,gBAAgB,yBAAyB;AAE3C,SAAS,cAAoC,OAAc;AAChE,QAAM,MAAM,QAAQ,MAAM,eAAe,KAAK,GAAG,CAAC,KAAK,CAAC;AAExD,SAAO,QAAQ,MAAM,kBAAkB,KAAK,GAAG,CAAC,GAAG,CAAC;AACtD;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-style-props.hook.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\n\r\nimport { StylePropsSet } from \"../constants\";\r\nimport { extractStyleProps } from \"../utils\";\r\n\r\nexport function useStyleProps<Props extends object>(props: Props) {\r\n  // The fixed key order compares actual values without a serialized cache key.\r\n  const values = Array.from(StylePropsSet, (key) => props[key as keyof Props]);\r\n\r\n  return useMemo(() => extractStyleProps(props), values);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAExB,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAE3B,SAAS,cAAoC,OAAc;AAEhE,QAAM,SAAS,MAAM,KAAK,eAAe,CAAC,QAAQ,MAAM,GAAkB,CAAC;AAE3E,SAAO,QAAQ,MAAM,kBAAkB,KAAK,GAAG,MAAM;AACvD;","names":[]}

package/dist/hooks/use-themed-styles.d.mts

@@ -1,4 +1,4 @@
-import { StyleSheet } from 'react-native';
+import { ViewStyle, TextStyle, ImageStyle } from 'react-native';
 import { A as AppTheme } from '../theme-provider.types-CIh3wHN_.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
@@ -38,11 +38,13 @@ import '../types/tag-tokens.types.mjs';
 import '../types/textarea-tokens.types.mjs';
 import '../types/time-picker-token.types.mjs';
 
-type ThemedStyles<T extends StyleSheet.NamedStyles<T>> = T;
-type StyledFunctionNoProps<T extends StyleSheet.NamedStyles<T>> = (theme: AppTheme) => ThemedStyles<T>;
-type StyledFunctionWithProps<Props extends object, T extends StyleSheet.NamedStyles<T>> = (theme: AppTheme, props: Props) => ThemedStyles<T>;
-declare function useThemedStyles<T extends StyleSheet.NamedStyles<T>>(styledFunction: StyledFunctionNoProps<T>): ThemedStyles<T>;
-declare function useThemedStyles<Props extends object, T extends StyleSheet.NamedStyles<T>>(styledFunction: StyledFunctionWithProps<Props, T>, props: Props, dependencies: readonly unknown[]): ThemedStyles<T>;
-declare function useThemedStyles<Props extends object, T extends StyleSheet.NamedStyles<T>>(styledFunction: StyledFunctionWithProps<Props, T>, props: Props, dependencies: readonly unknown[]): ThemedStyles<T>;
+type NamedStyles<T> = {
+    [Key in keyof T]: ViewStyle | TextStyle | ImageStyle;
+};
+type ThemedStyles<T extends NamedStyles<T>> = T;
+type StyledFunctionNoProps<T extends NamedStyles<T>> = (theme: AppTheme) => ThemedStyles<T>;
+type StyledFunctionWithProps<Props extends object, T extends NamedStyles<T>> = (theme: AppTheme, props: Props) => ThemedStyles<T>;
+declare function useThemedStyles<T extends NamedStyles<T>>(styledFunction: StyledFunctionNoProps<T>): ThemedStyles<T>;
+declare function useThemedStyles<Props extends object, T extends NamedStyles<T>>(styledFunction: StyledFunctionWithProps<Props, T>, props: Props, dependencies: readonly unknown[]): ThemedStyles<T>;
 
 export { useThemedStyles };

package/dist/hooks/use-themed-styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-themed-styles.ts"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nimport { AppTheme } from \"../types\";\r\nimport { useTheme } from \"./use-theme.hook\";\r\n\r\ntype ThemedStyles<T extends StyleSheet.NamedStyles<T>> = T;\r\n\r\ntype StyledFunctionNoProps<T extends StyleSheet.NamedStyles<T>> = (\r\n  theme: AppTheme,\r\n) => ThemedStyles<T>;\r\n\r\ntype StyledFunctionWithProps<\r\n  Props extends object,\r\n  T extends StyleSheet.NamedStyles<T>,\r\n> = (theme: AppTheme, props: Props) => ThemedStyles<T>;\r\n\r\nexport function useThemedStyles<T extends StyleSheet.NamedStyles<T>>(\r\n  styledFunction: StyledFunctionNoProps<T>,\r\n): ThemedStyles<T>;\r\n\r\nexport function useThemedStyles<\r\n  Props extends object,\r\n  T extends StyleSheet.NamedStyles<T>,\r\n>(\r\n  styledFunction: StyledFunctionWithProps<Props, T>,\r\n  props: Props,\r\n  dependencies: readonly unknown[],\r\n): ThemedStyles<T>;\r\n\r\nexport function useThemedStyles<\r\n  Props extends object,\r\n  T extends StyleSheet.NamedStyles<T>,\r\n>(\r\n  styledFunction: StyledFunctionWithProps<Props, T>,\r\n  props: Props,\r\n  dependencies: readonly unknown[],\r\n): ThemedStyles<T>;\r\n\r\nexport function useThemedStyles<\r\n  Props extends object,\r\n  T extends StyleSheet.NamedStyles<T>,\r\n>(\r\n  styledFunction: StyledFunctionNoProps<T> | StyledFunctionWithProps<Props, T>,\r\n  props?: Props,\r\n  dependencies?: readonly unknown[],\r\n): ThemedStyles<T> {\r\n  const theme = useTheme();\r\n\r\n  const memoDependencies = dependencies ?? (props === undefined ? [] : [props]);\r\n\r\n  return useMemo(() => {\r\n    if (props === undefined) {\r\n      return (styledFunction as StyledFunctionNoProps<T>)(theme);\r\n    }\r\n\r\n    return (styledFunction as StyledFunctionWithProps<Props, T>)(theme, props);\r\n  }, [theme, styledFunction, ...memoDependencies]);\r\n}\r\n"],"mappings":"AAAA,SAAS,eAAe;AAIxB,SAAS,gBAAgB;AAmClB,SAAS,gBAId,gBACA,OACA,cACiB;AACjB,QAAM,QAAQ,SAAS;AAEvB,QAAM,mBAAmB,iBAAiB,UAAU,SAAY,CAAC,IAAI,CAAC,KAAK;AAE3E,SAAO,QAAQ,MAAM;AACnB,QAAI,UAAU,QAAW;AACvB,aAAQ,eAA4C,KAAK;AAAA,IAC3D;AAEA,WAAQ,eAAqD,OAAO,KAAK;AAAA,EAC3E,GAAG,CAAC,OAAO,gBAAgB,GAAG,gBAAgB,CAAC;AACjD;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-themed-styles.ts"],"sourcesContent":["import type { ImageStyle, TextStyle, ViewStyle } from \"react-native\";\nimport { useMemo } from \"react\";\n\nimport { AppTheme } from \"../types\";\nimport { useTheme } from \"./use-theme.hook\";\n\ntype NamedStyles<T> = { [Key in keyof T]: ViewStyle | TextStyle | ImageStyle };\n\ntype ThemedStyles<T extends NamedStyles<T>> = T;\n\ntype StyledFunctionNoProps<T extends NamedStyles<T>> = (\n  theme: AppTheme,\n) => ThemedStyles<T>;\n\ntype StyledFunctionWithProps<Props extends object, T extends NamedStyles<T>> = (\n  theme: AppTheme,\n  props: Props,\n) => ThemedStyles<T>;\n\nexport function useThemedStyles<T extends NamedStyles<T>>(\n  styledFunction: StyledFunctionNoProps<T>,\n): ThemedStyles<T>;\n\nexport function useThemedStyles<Props extends object, T extends NamedStyles<T>>(\n  styledFunction: StyledFunctionWithProps<Props, T>,\n  props: Props,\n  dependencies: readonly unknown[],\n): ThemedStyles<T>;\n\nexport function useThemedStyles<Props extends object, T extends NamedStyles<T>>(\n  styledFunction: StyledFunctionNoProps<T> | StyledFunctionWithProps<Props, T>,\n  props?: Props,\n  dependencies?: readonly unknown[],\n): ThemedStyles<T> {\n  const theme = useTheme();\n\n  const memoDependencies = dependencies ?? (props === undefined ? [] : [props]);\n\n  return useMemo(() => {\n    if (props === undefined) {\n      return (styledFunction as StyledFunctionNoProps<T>)(theme);\n    }\n\n    return (styledFunction as StyledFunctionWithProps<Props, T>)(theme, props);\n  }, [theme, styledFunction, ...memoDependencies]);\n}\n"],"mappings":"AACA,SAAS,eAAe;AAGxB,SAAS,gBAAgB;AAyBlB,SAAS,gBACd,gBACA,OACA,cACiB;AACjB,QAAM,QAAQ,SAAS;AAEvB,QAAM,mBAAmB,iBAAiB,UAAU,SAAY,CAAC,IAAI,CAAC,KAAK;AAE3E,SAAO,QAAQ,MAAM;AACnB,QAAI,UAAU,QAAW;AACvB,aAAQ,eAA4C,KAAK;AAAA,IAC3D;AAEA,WAAQ,eAAqD,OAAO,KAAK;AAAA,EAC3E,GAAG,CAAC,OAAO,gBAAgB,GAAG,gBAAgB,CAAC;AACjD;","names":[]}

package/dist/index.d.mts

@@ -83,5 +83,4 @@ export { getTabsItemTokens } from './utils/tabs-state.utils.mjs';
 export { ChartColorTokens } from './theme/chart-color-tokens.mjs';
 import 'react-native';
 import 'react';
-import 'react/jsx-runtime';
 import '@impulse-ui-native/core';

package/dist/providers/index.d.mts

@@ -1,6 +1,5 @@
 export { ThemeProvider, useThemeContext } from './theme.provider.mjs';
 import 'react';
-import 'react/jsx-runtime';
 import '@impulse-ui-native/core';
 import '../theme-provider.types-CIh3wHN_.mjs';
 import '../types/badge-tokens.types.mjs';

package/dist/providers/theme.provider.d.mts

@@ -1,6 +1,5 @@
 import * as react from 'react';
 import { PropsWithChildren } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DeepPartial } from '@impulse-ui-native/core';
 import { a as ColorScheme, P as PrimitiveThemeTokens, c as ComponentsTokens, A as AppTheme } from '../theme-provider.types-CIh3wHN_.mjs';
 import '../types/badge-tokens.types.mjs';
@@ -50,7 +49,7 @@ interface ThemeProviderProps {
     }>;
     components?: ((theme: PrimitiveThemeTokens) => DeepPartial<ComponentsTokens>) | DeepPartial<ComponentsTokens>;
 }
-declare const ThemeProvider: react.MemoExoticComponent<(props: PropsWithChildren<ThemeProviderProps>) => react_jsx_runtime.JSX.Element>;
+declare const ThemeProvider: react.MemoExoticComponent<(props: PropsWithChildren<ThemeProviderProps>) => react.JSX.Element>;
 declare function useThemeContext(): AppTheme;
 
 export { ThemeProvider, useThemeContext };

package/dist/utils/style.utils.js

@@ -11,13 +11,8 @@ const extractStyleProps = (props) => {
   return style;
 };
 const createStyleKey = (props) => {
-  let key = "";
-  for (const k in props) {
-    if (isStylePropKey(k)) {
-      key += String(props[k]);
-    }
-  }
-  return key;
+  const entries = Object.keys(props).filter(isStylePropKey).sort().map((key) => [key, props[key]]);
+  return JSON.stringify(entries);
 };
 const getShadowStyle = (level = "none", position = "bottom", colors, shadows = ShadowScale) => {
   const token = shadows[level];

package/dist/utils/style.utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/style.utils.ts"],"sourcesContent":["import { Platform, ViewStyle } from \"react-native\";\n\nimport { ShadowScale, StylePropsSet } from \"../constants\";\nimport {\n  ShadowLevel,\n  ShadowPosition,\n  ShadowScaleTokens,\n  StylePropKey,\n  StyleProps,\n  ThemeColors,\n} from \"../types\";\n\nconst isStylePropKey = (k: string): k is StylePropKey =>\n  StylePropsSet.has(k as StylePropKey);\n\nexport const extractStyleProps = <Props extends object>(\n  props: Props,\n): StyleProps => {\n  const style: StyleProps = {};\n\n  for (const k in props) {\n    if (isStylePropKey(k) && props[k] !== undefined) {\n      style[k] = props[k] as any;\n    }\n  }\n\n  return style;\n};\n\nexport const createStyleKey = <Props extends object>(props: Props) => {\n  let key = \"\";\n\n  for (const k in props) {\n    if (isStylePropKey(k)) {\n      key += String(props[k as keyof Props]);\n    }\n  }\n\n  return key;\n};\n\nexport const getShadowStyle = (\n  level: ShadowLevel = \"none\",\n  position: ShadowPosition = \"bottom\",\n  colors: ThemeColors,\n  shadows: ShadowScaleTokens = ShadowScale,\n): ViewStyle => {\n  const token = shadows[level];\n\n  if (level === \"none\") {\n    return {};\n  }\n\n  if (Platform.OS === \"android\") {\n    return {\n      elevation: token.elevation,\n    };\n  }\n\n  let offsetY = 0;\n\n  if (position === \"bottom\") {\n    offsetY = token.radius / 2;\n  }\n\n  if (position === \"top\") {\n    offsetY = -token.radius / 2;\n  }\n\n  if (position === \"around\") {\n    offsetY = 0;\n  }\n\n  return {\n    shadowColor: colors.black,\n    shadowOpacity: token.opacity,\n    shadowRadius: token.radius,\n    shadowOffset: {\n      width: 0,\n      height: offsetY,\n    },\n  };\n};\n"],"mappings":"AAAA,SAAS,gBAA2B;AAEpC,SAAS,aAAa,qBAAqB;AAU3C,MAAM,iBAAiB,CAAC,MACtB,cAAc,IAAI,CAAiB;AAE9B,MAAM,oBAAoB,CAC/B,UACe;AACf,QAAM,QAAoB,CAAC;AAE3B,aAAW,KAAK,OAAO;AACrB,QAAI,eAAe,CAAC,KAAK,MAAM,CAAC,MAAM,QAAW;AAC/C,YAAM,CAAC,IAAI,MAAM,CAAC;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAAuB,UAAiB;AACpE,MAAI,MAAM;AAEV,aAAW,KAAK,OAAO;AACrB,QAAI,eAAe,CAAC,GAAG;AACrB,aAAO,OAAO,MAAM,CAAgB,CAAC;AAAA,IACvC;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAC5B,QAAqB,QACrB,WAA2B,UAC3B,QACA,UAA6B,gBACf;AACd,QAAM,QAAQ,QAAQ,KAAK;AAE3B,MAAI,UAAU,QAAQ;AACpB,WAAO,CAAC;AAAA,EACV;AAEA,MAAI,SAAS,OAAO,WAAW;AAC7B,WAAO;AAAA,MACL,WAAW,MAAM;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,UAAU;AAEd,MAAI,aAAa,UAAU;AACzB,cAAU,MAAM,SAAS;AAAA,EAC3B;AAEA,MAAI,aAAa,OAAO;AACtB,cAAU,CAAC,MAAM,SAAS;AAAA,EAC5B;AAEA,MAAI,aAAa,UAAU;AACzB,cAAU;AAAA,EACZ;AAEA,SAAO;AAAA,IACL,aAAa,OAAO;AAAA,IACpB,eAAe,MAAM;AAAA,IACrB,cAAc,MAAM;AAAA,IACpB,cAAc;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/utils/style.utils.ts"],"sourcesContent":["import { Platform, ViewStyle } from \"react-native\";\n\nimport { ShadowScale, StylePropsSet } from \"../constants\";\nimport {\n  ShadowLevel,\n  ShadowPosition,\n  ShadowScaleTokens,\n  StylePropKey,\n  StyleProps,\n  ThemeColors,\n} from \"../types\";\n\nconst isStylePropKey = (k: string): k is StylePropKey =>\n  StylePropsSet.has(k as StylePropKey);\n\nexport const extractStyleProps = <Props extends object>(\n  props: Props,\n): StyleProps => {\n  const style: StyleProps = {};\n\n  for (const k in props) {\n    if (isStylePropKey(k) && props[k] !== undefined) {\n      style[k] = props[k] as any;\n    }\n  }\n\n  return style;\n};\n\nexport const createStyleKey = <Props extends object>(props: Props) => {\n  const entries = Object.keys(props)\n    .filter(isStylePropKey)\n    .sort()\n    .map((key) => [key, props[key as keyof Props]]);\n\n  return JSON.stringify(entries);\n};\n\nexport const getShadowStyle = (\n  level: ShadowLevel = \"none\",\n  position: ShadowPosition = \"bottom\",\n  colors: ThemeColors,\n  shadows: ShadowScaleTokens = ShadowScale,\n): ViewStyle => {\n  const token = shadows[level];\n\n  if (level === \"none\") {\n    return {};\n  }\n\n  if (Platform.OS === \"android\") {\n    return {\n      elevation: token.elevation,\n    };\n  }\n\n  let offsetY = 0;\n\n  if (position === \"bottom\") {\n    offsetY = token.radius / 2;\n  }\n\n  if (position === \"top\") {\n    offsetY = -token.radius / 2;\n  }\n\n  if (position === \"around\") {\n    offsetY = 0;\n  }\n\n  return {\n    shadowColor: colors.black,\n    shadowOpacity: token.opacity,\n    shadowRadius: token.radius,\n    shadowOffset: {\n      width: 0,\n      height: offsetY,\n    },\n  };\n};\n"],"mappings":"AAAA,SAAS,gBAA2B;AAEpC,SAAS,aAAa,qBAAqB;AAU3C,MAAM,iBAAiB,CAAC,MACtB,cAAc,IAAI,CAAiB;AAE9B,MAAM,oBAAoB,CAC/B,UACe;AACf,QAAM,QAAoB,CAAC;AAE3B,aAAW,KAAK,OAAO;AACrB,QAAI,eAAe,CAAC,KAAK,MAAM,CAAC,MAAM,QAAW;AAC/C,YAAM,CAAC,IAAI,MAAM,CAAC;AAAA,IACpB;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAAuB,UAAiB;AACpE,QAAM,UAAU,OAAO,KAAK,KAAK,EAC9B,OAAO,cAAc,EACrB,KAAK,EACL,IAAI,CAAC,QAAQ,CAAC,KAAK,MAAM,GAAkB,CAAC,CAAC;AAEhD,SAAO,KAAK,UAAU,OAAO;AAC/B;AAEO,MAAM,iBAAiB,CAC5B,QAAqB,QACrB,WAA2B,UAC3B,QACA,UAA6B,gBACf;AACd,QAAM,QAAQ,QAAQ,KAAK;AAE3B,MAAI,UAAU,QAAQ;AACpB,WAAO,CAAC;AAAA,EACV;AAEA,MAAI,SAAS,OAAO,WAAW;AAC7B,WAAO;AAAA,MACL,WAAW,MAAM;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,UAAU;AAEd,MAAI,aAAa,UAAU;AACzB,cAAU,MAAM,SAAS;AAAA,EAC3B;AAEA,MAAI,aAAa,OAAO;AACtB,cAAU,CAAC,MAAM,SAAS;AAAA,EAC5B;AAEA,MAAI,aAAa,UAAU;AACzB,cAAU;AAAA,EACZ;AAEA,SAAO;AAAA,IACL,aAAa,OAAO;AAAA,IACpB,eAAe,MAAM;AAAA,IACrB,cAAc,MAAM;AAAA,IACpB,cAAc;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/theme",
-  "version": "9.1.2",
+  "version": "10.0.0",
   "description": "Theme tokens, providers, and styling utilities for ImpulseUI Native.",
   "keywords": [
     "react-native",
@@ -28,18 +28,18 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/core": "9.1.2"
+    "@impulse-ui-native/core": "10.0.0"
   },
   "devDependencies": {
-    "@types/react": "~19.2.14",
+    "@types/react": "~19.3.0",
     "eslint": "^9.38.0",
     "prettier": "^3.6.2",
-    "react": "19.2.3",
-    "react-native": "0.86.2",
+    "react": "19.3.0",
+    "react-native": "0.88.0",
     "typescript": "~6.0.3",
     "@impulse-ui-native/eslint-config": "1.0.0",
-    "@impulse-ui-native/tsconfig": "1.0.0",
-    "@impulse-ui-native/prettier-config": "1.0.0"
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",