@impulse-ui-native/primitives 4.0.0 → 6.0.0

package/dist/components/atoms/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/atoms/icon-button.tsx"],"sourcesContent":["import type { AccessibilityState } from \"react-native\";\nimport { memo, PropsWithChildren, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport { Icon } from \"@impulse-ui-native/icon/components/icon\";\nimport {\n  AppTheme,\n  getActionStateTokens,\n  useThemedStyles,\n} from \"@impulse-ui-native/theme\";\n\nimport { IconButtonProps, IconButtonThemeProps } from \"../../types\";\nimport { Pressable } from \"./pressable\";\nimport { Spinner } from \"./spinner\";\n\nexport const IconButton = memo(function IconButton({\n  accessibilityState,\n  size = \"medium\",\n  variant = \"filled\",\n  disabled,\n  loading = false,\n  style,\n  icon,\n  ...props\n}: PropsWithChildren<IconButtonProps>) {\n  const styles = useThemedStyles(\n    themedStyles,\n    { size, variant, disabled, loading },\n    [size, variant, disabled, loading],\n  );\n\n  const interactionDisabled = disabled === true || loading;\n\n  const resolvedAccessibilityState = useMemo<AccessibilityState>(\n    () => ({\n      ...accessibilityState,\n      busy: loading,\n      disabled: interactionDisabled,\n    }),\n    [accessibilityState, interactionDisabled, loading],\n  );\n\n  const iconButtonStyles = useMemo(\n    () => [styles.button, style],\n    [styles.button, style],\n  );\n\n  return (\n    <Pressable\n      {...props}\n      accessibilityState={resolvedAccessibilityState}\n      disabled={interactionDisabled}\n      style={iconButtonStyles}\n    >\n      {loading ? (\n        <Spinner accessible={false} color={styles.icon.color} size={size} />\n      ) : (\n        <Icon size={size} icon={icon} color={styles.icon.color} />\n      )}\n    </Pressable>\n  );\n});\n\nfunction themedStyles(theme: AppTheme, props: IconButtonThemeProps) {\n  const { size, variant, disabled, loading } = props;\n\n  const iconButtonTokens = theme.components.iconButton;\n  const sizeTokens = iconButtonTokens.sizes[size];\n  const appearanceTokens = getActionStateTokens(\n    iconButtonTokens.variants[variant],\n    { disabled, loading },\n  );\n\n  return StyleSheet.create({\n    button: {\n      alignItems: \"center\",\n      justifyContent: \"center\",\n\n      height: sizeTokens.size,\n      width: sizeTokens.size,\n      padding: sizeTokens.padding,\n\n      borderWidth: iconButtonTokens.borderWidth,\n      borderRadius: iconButtonTokens.borderRadius,\n\n      borderColor: appearanceTokens.borderColor,\n      backgroundColor: appearanceTokens.backgroundColor,\n    },\n\n    icon: {\n      color: appearanceTokens.color,\n    },\n  });\n}\n"],"mappings":"AAuDQ;AAtDR,SAAS,MAAyB,eAAe;AACjD,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AACrB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAGP,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AAEjB,MAAM,aAAa,KAAK,SAASA,YAAW;AAAA,EACjD;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,QAAM,SAAS;AAAA,IACb;AAAA,IACA,EAAE,MAAM,SAAS,UAAU,QAAQ;AAAA,IACnC,CAAC,MAAM,SAAS,UAAU,OAAO;AAAA,EACnC;AAEA,QAAM,sBAAsB,aAAa,QAAQ;AAEjD,QAAM,6BAA6B;AAAA,IACjC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IACA,CAAC,oBAAoB,qBAAqB,OAAO;AAAA,EACnD;AAEA,QAAM,mBAAmB;AAAA,IACvB,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,IAC3B,CAAC,OAAO,QAAQ,KAAK;AAAA,EACvB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,oBAAoB;AAAA,MACpB,UAAU;AAAA,MACV,OAAO;AAAA,MAEN,oBACC,oBAAC,WAAQ,YAAY,OAAO,OAAO,OAAO,KAAK,OAAO,MAAY,IAElE,oBAAC,QAAK,MAAY,MAAY,OAAO,OAAO,KAAK,OAAO;AAAA;AAAA,EAE5D;AAEJ,CAAC;AAED,SAAS,aAAa,OAAiB,OAA6B;AAClE,QAAM,EAAE,MAAM,SAAS,UAAU,QAAQ,IAAI;AAE7C,QAAM,mBAAmB,MAAM,WAAW;AAC1C,QAAM,aAAa,iBAAiB,MAAM,IAAI;AAC9C,QAAM,mBAAmB;AAAA,IACvB,iBAAiB,SAAS,OAAO;AAAA,IACjC,EAAE,UAAU,QAAQ;AAAA,EACtB;AAEA,SAAO,WAAW,OAAO;AAAA,IACvB,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,QAAQ,WAAW;AAAA,MACnB,OAAO,WAAW;AAAA,MAClB,SAAS,WAAW;AAAA,MAEpB,aAAa,iBAAiB;AAAA,MAC9B,cAAc,iBAAiB;AAAA,MAE/B,aAAa,iBAAiB;AAAA,MAC9B,iBAAiB,iBAAiB;AAAA,IACpC;AAAA,IAEA,MAAM;AAAA,MACJ,OAAO,iBAAiB;AAAA,IAC1B;AAAA,EACF,CAAC;AACH;","names":["IconButton"]}
+{"version":3,"sources":["../../../src/components/atoms/icon-button.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport { Icon } from \"@impulse-ui-native/icon/components/icon\";\nimport {\n  AppTheme,\n  getActionStateTokens,\n  useThemedStyles,\n} from \"@impulse-ui-native/theme\";\n\nimport { IconButtonProps, IconButtonThemeProps } from \"../../types\";\nimport { Pressable } from \"./pressable\";\nimport { Spinner } from \"./spinner\";\n\nexport const IconButton = memo(function IconButton({\n  size = \"medium\",\n  variant = \"filled\",\n  disabled,\n  loading = false,\n  style,\n  icon,\n  ...props\n}: PropsWithChildren<IconButtonProps>) {\n  const styles = useThemedStyles(\n    themedStyles,\n    { size, variant, disabled, loading },\n    [size, variant, disabled, loading],\n  );\n\n  const interactionDisabled = disabled === true || loading;\n\n  const iconButtonStyles = useMemo(\n    () => [styles.button, style],\n    [styles.button, style],\n  );\n\n  return (\n    <Pressable\n      {...props}\n      disabled={interactionDisabled}\n      style={iconButtonStyles}\n    >\n      {loading ? (\n        <Spinner color={styles.icon.color} size={size} />\n      ) : (\n        <Icon size={size} icon={icon} color={styles.icon.color} />\n      )}\n    </Pressable>\n  );\n});\n\nfunction themedStyles(theme: AppTheme, props: IconButtonThemeProps) {\n  const { size, variant, disabled, loading } = props;\n\n  const iconButtonTokens = theme.components.iconButton;\n  const sizeTokens = iconButtonTokens.sizes[size];\n  const appearanceTokens = getActionStateTokens(\n    iconButtonTokens.variants[variant],\n    { disabled, loading },\n  );\n\n  return StyleSheet.create({\n    button: {\n      alignItems: \"center\",\n      justifyContent: \"center\",\n\n      height: sizeTokens.size,\n      width: sizeTokens.size,\n      padding: sizeTokens.padding,\n\n      borderWidth: iconButtonTokens.borderWidth,\n      borderRadius: iconButtonTokens.borderRadius,\n\n      borderColor: appearanceTokens.borderColor,\n      backgroundColor: appearanceTokens.backgroundColor,\n    },\n\n    icon: {\n      color: appearanceTokens.color,\n    },\n  });\n}\n"],"mappings":"AA2CQ;AA3CR,SAAS,MAAyB,eAAe;AACjD,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AACrB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAGP,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AAEjB,MAAM,aAAa,KAAK,SAASA,YAAW;AAAA,EACjD,OAAO;AAAA,EACP,UAAU;AAAA,EACV;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,QAAM,SAAS;AAAA,IACb;AAAA,IACA,EAAE,MAAM,SAAS,UAAU,QAAQ;AAAA,IACnC,CAAC,MAAM,SAAS,UAAU,OAAO;AAAA,EACnC;AAEA,QAAM,sBAAsB,aAAa,QAAQ;AAEjD,QAAM,mBAAmB;AAAA,IACvB,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,IAC3B,CAAC,OAAO,QAAQ,KAAK;AAAA,EACvB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,OAAO;AAAA,MAEN,oBACC,oBAAC,WAAQ,OAAO,OAAO,KAAK,OAAO,MAAY,IAE/C,oBAAC,QAAK,MAAY,MAAY,OAAO,OAAO,KAAK,OAAO;AAAA;AAAA,EAE5D;AAEJ,CAAC;AAED,SAAS,aAAa,OAAiB,OAA6B;AAClE,QAAM,EAAE,MAAM,SAAS,UAAU,QAAQ,IAAI;AAE7C,QAAM,mBAAmB,MAAM,WAAW;AAC1C,QAAM,aAAa,iBAAiB,MAAM,IAAI;AAC9C,QAAM,mBAAmB;AAAA,IACvB,iBAAiB,SAAS,OAAO;AAAA,IACjC,EAAE,UAAU,QAAQ;AAAA,EACtB;AAEA,SAAO,WAAW,OAAO;AAAA,IACvB,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,QAAQ,WAAW;AAAA,MACnB,OAAO,WAAW;AAAA,MAClB,SAAS,WAAW;AAAA,MAEpB,aAAa,iBAAiB;AAAA,MAC9B,cAAc,iBAAiB;AAAA,MAE/B,aAAa,iBAAiB;AAAA,MAC9B,iBAAiB,iBAAiB;AAAA,IACpC;AAAA,IAEA,MAAM;AAAA,MACJ,OAAO,iBAAiB;AAAA,IAC1B;AAAA,EACF,CAAC;AACH;","names":["IconButton"]}

package/dist/components/atoms/index.d.mts

@@ -7,7 +7,6 @@ export { Button } from './button.mjs';
 export { Divider } from './divider.mjs';
 export { IconButton } from './icon-button.mjs';
 export { Pressable } from './pressable.mjs';
-export { Progress } from './progress.mjs';
 export { Spinner } from './spinner.mjs';
 export { Tag } from './tag.mjs';
 import 'react';
@@ -26,5 +25,4 @@ import 'react-native-safe-area-context';
 import '../../types/typography.types.mjs';
 import '../../types/divider.types.mjs';
 import '../../types/icon-button.types.mjs';
-import '../../types/progress.types.mjs';
 import '../../types/tag.types.mjs';

package/dist/components/atoms/index.js

@@ -7,7 +7,6 @@ import { Button } from "./button";
 import { Divider } from "./divider";
 import { IconButton } from "./icon-button";
 import { Pressable } from "./pressable";
-import { Progress } from "./progress";
 import { Spinner } from "./spinner";
 import { Tag } from "./tag";
 export {
@@ -17,7 +16,6 @@ export {
   Divider,
   IconButton,
   Pressable,
-  Progress,
   SafeAreaView,
   Spinner,
   Tag,

package/dist/components/atoms/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/atoms/index.ts"],"sourcesContent":["export { Avatar } from \"./avatar\";\nexport { Badge } from \"./badge\";\nexport { View } from \"./view\";\nexport { SafeAreaView } from \"./safe-area-view\";\nexport { Typography, type TypographyComponent } from \"./typography\";\nexport { Button } from \"./button\";\nexport { Divider } from \"./divider\";\nexport { IconButton } from \"./icon-button\";\nexport { Pressable } from \"./pressable\";\nexport { Progress } from \"./progress\";\nexport { Spinner } from \"./spinner\";\nexport { Tag } from \"./tag\";\n"],"mappings":"AAAA,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,kBAA4C;AACrD,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,WAAW;","names":[]}
+{"version":3,"sources":["../../../src/components/atoms/index.ts"],"sourcesContent":["export { Avatar } from \"./avatar\";\nexport { Badge } from \"./badge\";\nexport { View } from \"./view\";\nexport { SafeAreaView } from \"./safe-area-view\";\nexport { Typography, type TypographyComponent } from \"./typography\";\nexport { Button } from \"./button\";\nexport { Divider } from \"./divider\";\nexport { IconButton } from \"./icon-button\";\nexport { Pressable } from \"./pressable\";\nexport { Spinner } from \"./spinner\";\nexport { Tag } from \"./tag\";\n"],"mappings":"AAAA,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,kBAA4C;AACrD,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,WAAW;","names":[]}

package/dist/components/atoms/pressable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/atoms/pressable.tsx"],"sourcesContent":["import type { ComponentRef, PropsWithChildren } from \"react\";\nimport { forwardRef, memo, useCallback } from \"react\";\nimport {\n  PressableStateCallbackType,\n  Pressable as RNPressable,\n  StyleProp,\n  StyleSheet,\n  ViewStyle,\n} from \"react-native\";\n\nimport {\n  getShadowStyle,\n  useColors,\n  useComponentsTokens,\n  useStyleProps,\n} from \"@impulse-ui-native/theme\";\n\nimport { PressableCoreProps } from \"../../types\";\n\nexport const Pressable = memo(\n  forwardRef<\n    ComponentRef<typeof RNPressable>,\n    PropsWithChildren<PressableCoreProps>\n  >(function PressableCore(\n    { children, disabled, pressedStyle, style, ...props },\n    ref,\n  ) {\n    const colors = useColors();\n    const tokens = useComponentsTokens();\n    const pressableTokens = tokens.pressable;\n    const extractedStyleProps = useStyleProps(props);\n\n    const pressableStyles = useCallback(\n      (state: PressableStateCallbackType): StyleProp<ViewStyle> => {\n        let overrideStyle: StyleProp<ViewStyle>;\n\n        if (typeof style === \"function\") {\n          overrideStyle = style(state);\n        } else {\n          overrideStyle = style;\n        }\n\n        return StyleSheet.flatten([\n          {\n            opacity: disabled\n              ? pressableTokens.disabledOpacity\n              : state.pressed\n                ? pressableTokens.pressedOpacity\n                : 1,\n          },\n          getShadowStyle(props.shadow, props.shadowPosition, colors),\n          extractedStyleProps,\n          overrideStyle,\n          state.pressed ? pressedStyle : undefined,\n        ]);\n      },\n      [\n        style,\n        pressedStyle,\n        disabled,\n        extractedStyleProps,\n        props.shadow,\n        props.shadowPosition,\n        colors,\n        pressableTokens.disabledOpacity,\n        pressableTokens.pressedOpacity,\n      ],\n    );\n\n    return (\n      <RNPressable\n        {...props}\n        ref={ref}\n        style={pressableStyles}\n        disabled={disabled}\n      >\n        {children}\n      </RNPressable>\n    );\n  }),\n);\n"],"mappings":"AAsEM;AArEN,SAAS,YAAY,MAAM,mBAAmB;AAC9C;AAAA,EAEE,aAAa;AAAA,EAEb;AAAA,OAEK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,MAAM,YAAY;AAAA,EACvB,WAGE,SAAS,cACT,EAAE,UAAU,UAAU,cAAc,OAAO,GAAG,MAAM,GACpD,KACA;AACA,UAAM,SAAS,UAAU;AACzB,UAAM,SAAS,oBAAoB;AACnC,UAAM,kBAAkB,OAAO;AAC/B,UAAM,sBAAsB,cAAc,KAAK;AAE/C,UAAM,kBAAkB;AAAA,MACtB,CAAC,UAA4D;AAC3D,YAAI;AAEJ,YAAI,OAAO,UAAU,YAAY;AAC/B,0BAAgB,MAAM,KAAK;AAAA,QAC7B,OAAO;AACL,0BAAgB;AAAA,QAClB;AAEA,eAAO,WAAW,QAAQ;AAAA,UACxB;AAAA,YACE,SAAS,WACL,gBAAgB,kBAChB,MAAM,UACJ,gBAAgB,iBAChB;AAAA,UACR;AAAA,UACA,eAAe,MAAM,QAAQ,MAAM,gBAAgB,MAAM;AAAA,UACzD;AAAA,UACA;AAAA,UACA,MAAM,UAAU,eAAe;AAAA,QACjC,CAAC;AAAA,MACH;AAAA,MACA;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACA,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MAClB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../src/components/atoms/pressable.tsx"],"sourcesContent":["import type { ComponentRef, PropsWithChildren } from \"react\";\nimport { forwardRef, memo, useCallback } from \"react\";\nimport {\n  PressableStateCallbackType,\n  Pressable as RNPressable,\n  StyleProp,\n  StyleSheet,\n  ViewStyle,\n} from \"react-native\";\n\nimport {\n  getShadowStyle,\n  useColors,\n  useComponentsTokens,\n  useStyleProps,\n} from \"@impulse-ui-native/theme\";\n\nimport { PressableCoreProps } from \"../../types\";\n\nexport const Pressable = memo(\n  forwardRef<\n    ComponentRef<typeof RNPressable>,\n    PropsWithChildren<PressableCoreProps>\n  >(function PressableCore(\n    { children, disabled, pressedStyle, style, ...props },\n    ref,\n  ) {\n    const colors = useColors();\n    const tokens = useComponentsTokens();\n\n    const pressableTokens = tokens.pressable;\n\n    const extractedStyleProps = useStyleProps(props);\n\n    const pressableStyles = useCallback(\n      (state: PressableStateCallbackType): StyleProp<ViewStyle> => {\n        let overrideStyle: StyleProp<ViewStyle>;\n\n        if (typeof style === \"function\") {\n          overrideStyle = style(state);\n        } else {\n          overrideStyle = style;\n        }\n\n        return StyleSheet.flatten([\n          {\n            opacity: disabled\n              ? pressableTokens.disabledOpacity\n              : state.pressed\n                ? pressableTokens.pressedOpacity\n                : 1,\n          },\n          getShadowStyle(props.shadow, props.shadowPosition, colors),\n          extractedStyleProps,\n          overrideStyle,\n          state.pressed ? pressedStyle : undefined,\n        ]);\n      },\n      [\n        style,\n        pressedStyle,\n        disabled,\n        extractedStyleProps,\n        props.shadow,\n        props.shadowPosition,\n        colors,\n        pressableTokens.disabledOpacity,\n        pressableTokens.pressedOpacity,\n      ],\n    );\n\n    return (\n      <RNPressable\n        {...props}\n        ref={ref}\n        style={pressableStyles}\n        disabled={disabled}\n      >\n        {children}\n      </RNPressable>\n    );\n  }),\n);\n"],"mappings":"AAwEM;AAvEN,SAAS,YAAY,MAAM,mBAAmB;AAC9C;AAAA,EAEE,aAAa;AAAA,EAEb;AAAA,OAEK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,MAAM,YAAY;AAAA,EACvB,WAGE,SAAS,cACT,EAAE,UAAU,UAAU,cAAc,OAAO,GAAG,MAAM,GACpD,KACA;AACA,UAAM,SAAS,UAAU;AACzB,UAAM,SAAS,oBAAoB;AAEnC,UAAM,kBAAkB,OAAO;AAE/B,UAAM,sBAAsB,cAAc,KAAK;AAE/C,UAAM,kBAAkB;AAAA,MACtB,CAAC,UAA4D;AAC3D,YAAI;AAEJ,YAAI,OAAO,UAAU,YAAY;AAC/B,0BAAgB,MAAM,KAAK;AAAA,QAC7B,OAAO;AACL,0BAAgB;AAAA,QAClB;AAEA,eAAO,WAAW,QAAQ;AAAA,UACxB;AAAA,YACE,SAAS,WACL,gBAAgB,kBAChB,MAAM,UACJ,gBAAgB,iBAChB;AAAA,UACR;AAAA,UACA,eAAe,MAAM,QAAQ,MAAM,gBAAgB,MAAM;AAAA,UACzD;AAAA,UACA;AAAA,UACA,MAAM,UAAU,eAAe;AAAA,QACjC,CAAC;AAAA,MACH;AAAA,MACA;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACA,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MAClB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ,CAAC;AACH;","names":[]}

package/dist/components/atoms/safe-area-view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/atoms/safe-area-view.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from \"react\";\nimport { StyleSheet, ViewStyle } from \"react-native\";\nimport {\n  Edge,\n  EdgeMode,\n  EdgeRecord,\n  useSafeAreaInsets,\n} from \"react-native-safe-area-context\";\n\nimport { EdgeToShorthandKeyMap, EdgeToSpacingKeyMap } from \"../../constants\";\nimport { SafeAreaViewProps } from \"../../types\";\nimport { View } from \"./view\";\n\nexport const SafeAreaView = memo(function SafeAreaView(\n  props: SafeAreaViewProps,\n) {\n  const { edges, mode = \"padding\", style, ...rest } = props;\n  const insets = useSafeAreaInsets();\n\n  const flatenedStyle = useMemo(() => {\n    return StyleSheet.flatten(style);\n  }, [style]);\n\n  const nativeEdges = useMemo<Record<Edge, EdgeMode>>(() => {\n    if (!edges) {\n      return {\n        top: \"additive\",\n        bottom: \"additive\",\n        left: \"additive\",\n        right: \"additive\",\n      };\n    }\n\n    let computedEdges: EdgeRecord;\n\n    if (Array.isArray(edges)) {\n      computedEdges = edges.reduce<EdgeRecord>((acc, current: Edge) => {\n        acc[current] = \"additive\";\n\n        return acc;\n      }, {});\n    } else {\n      computedEdges = edges as EdgeRecord;\n    }\n\n    return {\n      top: computedEdges.top ?? \"off\",\n      bottom: computedEdges.bottom ?? \"off\",\n      left: computedEdges.left ?? \"off\",\n      right: computedEdges.right ?? \"off\",\n    };\n  }, [edges]);\n\n  const getSpacingKey = useCallback(\n    (edge: Edge): keyof ViewStyle => `${mode}${EdgeToSpacingKeyMap[edge]}`,\n    [mode],\n  );\n\n  const getSpacingForEdge = useCallback(\n    (edge: Edge): number => {\n      const shorthand: keyof ViewStyle = `${mode}${EdgeToShorthandKeyMap[edge]}`;\n      const spacing: keyof ViewStyle = getSpacingKey(edge);\n\n      return Number(\n        flatenedStyle?.[spacing] ??\n          flatenedStyle?.[shorthand] ??\n          flatenedStyle?.[mode] ??\n          0,\n      );\n    },\n    [flatenedStyle, getSpacingKey, mode],\n  );\n\n  const resolveEdge = useCallback(\n    (inset: number, current: number, edgeMode: EdgeMode) => {\n      if (edgeMode === \"off\") {\n        return current;\n      }\n\n      if (edgeMode === \"maximum\") {\n        return Math.max(inset, current);\n      }\n\n      return inset + current;\n    },\n    [],\n  );\n\n  const computedStyle = useMemo(() => {\n    const insetsStyle: ViewStyle = {\n      [getSpacingKey(\"top\")]: resolveEdge(\n        insets.top,\n        getSpacingForEdge(\"top\"),\n        nativeEdges.top,\n      ),\n      [getSpacingKey(\"bottom\")]: resolveEdge(\n        insets.bottom,\n        getSpacingForEdge(\"bottom\"),\n        nativeEdges.bottom,\n      ),\n      [getSpacingKey(\"left\")]: resolveEdge(\n        insets.left,\n        getSpacingForEdge(\"left\"),\n        nativeEdges.left,\n      ),\n      [getSpacingKey(\"right\")]: resolveEdge(\n        insets.right,\n        getSpacingForEdge(\"right\"),\n        nativeEdges.right,\n      ),\n    };\n\n    return StyleSheet.flatten([style, insetsStyle]);\n  }, [\n    insets,\n    nativeEdges,\n    style,\n    resolveEdge,\n    getSpacingKey,\n    getSpacingForEdge,\n  ]);\n\n  return <View style={computedStyle} {...rest} />;\n});\n"],"mappings":"AA0HS;AA1HT,SAAS,MAAM,aAAa,eAAe;AAC3C,SAAS,kBAA6B;AACtC;AAAA,EAIE;AAAA,OACK;AAEP,SAAS,uBAAuB,2BAA2B;AAE3D,SAAS,YAAY;AAEd,MAAM,eAAe,KAAK,SAASA,cACxC,OACA;AACA,QAAM,EAAE,OAAO,OAAO,WAAW,OAAO,GAAG,KAAK,IAAI;AACpD,QAAM,SAAS,kBAAkB;AAEjC,QAAM,gBAAgB,QAAQ,MAAM;AAClC,WAAO,WAAW,QAAQ,KAAK;AAAA,EACjC,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,cAAc,QAAgC,MAAM;AACxD,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,QACL,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAEA,QAAI;AAEJ,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,sBAAgB,MAAM,OAAmB,CAAC,KAAK,YAAkB;AAC/D,YAAI,OAAO,IAAI;AAEf,eAAO;AAAA,MACT,GAAG,CAAC,CAAC;AAAA,IACP,OAAO;AACL,sBAAgB;AAAA,IAClB;AAEA,WAAO;AAAA,MACL,KAAK,cAAc,OAAO;AAAA,MAC1B,QAAQ,cAAc,UAAU;AAAA,MAChC,MAAM,cAAc,QAAQ;AAAA,MAC5B,OAAO,cAAc,SAAS;AAAA,IAChC;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,gBAAgB;AAAA,IACpB,CAAC,SAAgC,GAAG,IAAI,GAAG,oBAAoB,IAAI,CAAC;AAAA,IACpE,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,SAAuB;AACtB,YAAM,YAA6B,GAAG,IAAI,GAAG,sBAAsB,IAAI,CAAC;AACxE,YAAM,UAA2B,cAAc,IAAI;AAEnD,aAAO;AAAA,QACL,gBAAgB,OAAO,KACrB,gBAAgB,SAAS,KACzB,gBAAgB,IAAI,KACpB;AAAA,MACJ;AAAA,IACF;AAAA,IACA,CAAC,eAAe,eAAe,IAAI;AAAA,EACrC;AAEA,QAAM,cAAc;AAAA,IAClB,CAAC,OAAe,SAAiB,aAAuB;AACtD,UAAI,aAAa,OAAO;AACtB,eAAO;AAAA,MACT;AAEA,UAAI,aAAa,WAAW;AAC1B,eAAO,KAAK,IAAI,OAAO,OAAO;AAAA,MAChC;AAEA,aAAO,QAAQ;AAAA,IACjB;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,cAAyB;AAAA,MAC7B,CAAC,cAAc,KAAK,CAAC,GAAG;AAAA,QACtB,OAAO;AAAA,QACP,kBAAkB,KAAK;AAAA,QACvB,YAAY;AAAA,MACd;AAAA,MACA,CAAC,cAAc,QAAQ,CAAC,GAAG;AAAA,QACzB,OAAO;AAAA,QACP,kBAAkB,QAAQ;AAAA,QAC1B,YAAY;AAAA,MACd;AAAA,MACA,CAAC,cAAc,MAAM,CAAC,GAAG;AAAA,QACvB,OAAO;AAAA,QACP,kBAAkB,MAAM;AAAA,QACxB,YAAY;AAAA,MACd;AAAA,MACA,CAAC,cAAc,OAAO,CAAC,GAAG;AAAA,QACxB,OAAO;AAAA,QACP,kBAAkB,OAAO;AAAA,QACzB,YAAY;AAAA,MACd;AAAA,IACF;AAEA,WAAO,WAAW,QAAQ,CAAC,OAAO,WAAW,CAAC;AAAA,EAChD,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,oBAAC,QAAK,OAAO,eAAgB,GAAG,MAAM;AAC/C,CAAC;","names":["SafeAreaView"]}
+{"version":3,"sources":["../../../src/components/atoms/safe-area-view.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from \"react\";\nimport { StyleSheet, ViewStyle } from \"react-native\";\nimport {\n  Edge,\n  EdgeMode,\n  EdgeRecord,\n  useSafeAreaInsets,\n} from \"react-native-safe-area-context\";\n\nimport { EdgeToShorthandKeyMap, EdgeToSpacingKeyMap } from \"../../constants\";\nimport { SafeAreaViewProps } from \"../../types\";\nimport { View } from \"./view\";\n\nexport const SafeAreaView = memo(function SafeAreaView(\n  props: SafeAreaViewProps,\n) {\n  const { edges, mode = \"padding\", style, ...rest } = props;\n\n  const insets = useSafeAreaInsets();\n\n  const flatenedStyle = useMemo(() => {\n    return StyleSheet.flatten(style);\n  }, [style]);\n\n  const nativeEdges = useMemo<Record<Edge, EdgeMode>>(() => {\n    if (!edges) {\n      return {\n        top: \"additive\",\n        bottom: \"additive\",\n        left: \"additive\",\n        right: \"additive\",\n      };\n    }\n\n    let computedEdges: EdgeRecord;\n\n    if (Array.isArray(edges)) {\n      computedEdges = edges.reduce<EdgeRecord>((acc, current: Edge) => {\n        acc[current] = \"additive\";\n\n        return acc;\n      }, {});\n    } else {\n      computedEdges = edges as EdgeRecord;\n    }\n\n    return {\n      top: computedEdges.top ?? \"off\",\n      bottom: computedEdges.bottom ?? \"off\",\n      left: computedEdges.left ?? \"off\",\n      right: computedEdges.right ?? \"off\",\n    };\n  }, [edges]);\n\n  const getSpacingKey = useCallback(\n    (edge: Edge): keyof ViewStyle => `${mode}${EdgeToSpacingKeyMap[edge]}`,\n    [mode],\n  );\n\n  const getSpacingForEdge = useCallback(\n    (edge: Edge): number => {\n      const shorthand: keyof ViewStyle = `${mode}${EdgeToShorthandKeyMap[edge]}`;\n      const spacing: keyof ViewStyle = getSpacingKey(edge);\n\n      return Number(\n        flatenedStyle?.[spacing] ??\n          flatenedStyle?.[shorthand] ??\n          flatenedStyle?.[mode] ??\n          0,\n      );\n    },\n    [flatenedStyle, getSpacingKey, mode],\n  );\n\n  const resolveEdge = useCallback(\n    (inset: number, current: number, edgeMode: EdgeMode) => {\n      if (edgeMode === \"off\") {\n        return current;\n      }\n\n      if (edgeMode === \"maximum\") {\n        return Math.max(inset, current);\n      }\n\n      return inset + current;\n    },\n    [],\n  );\n\n  const computedStyle = useMemo(() => {\n    const insetsStyle: ViewStyle = {\n      [getSpacingKey(\"top\")]: resolveEdge(\n        insets.top,\n        getSpacingForEdge(\"top\"),\n        nativeEdges.top,\n      ),\n      [getSpacingKey(\"bottom\")]: resolveEdge(\n        insets.bottom,\n        getSpacingForEdge(\"bottom\"),\n        nativeEdges.bottom,\n      ),\n      [getSpacingKey(\"left\")]: resolveEdge(\n        insets.left,\n        getSpacingForEdge(\"left\"),\n        nativeEdges.left,\n      ),\n      [getSpacingKey(\"right\")]: resolveEdge(\n        insets.right,\n        getSpacingForEdge(\"right\"),\n        nativeEdges.right,\n      ),\n    };\n\n    return StyleSheet.flatten([style, insetsStyle]);\n  }, [\n    insets,\n    nativeEdges,\n    style,\n    resolveEdge,\n    getSpacingKey,\n    getSpacingForEdge,\n  ]);\n\n  return <View style={computedStyle} {...rest} />;\n});\n"],"mappings":"AA2HS;AA3HT,SAAS,MAAM,aAAa,eAAe;AAC3C,SAAS,kBAA6B;AACtC;AAAA,EAIE;AAAA,OACK;AAEP,SAAS,uBAAuB,2BAA2B;AAE3D,SAAS,YAAY;AAEd,MAAM,eAAe,KAAK,SAASA,cACxC,OACA;AACA,QAAM,EAAE,OAAO,OAAO,WAAW,OAAO,GAAG,KAAK,IAAI;AAEpD,QAAM,SAAS,kBAAkB;AAEjC,QAAM,gBAAgB,QAAQ,MAAM;AAClC,WAAO,WAAW,QAAQ,KAAK;AAAA,EACjC,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,cAAc,QAAgC,MAAM;AACxD,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,QACL,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAEA,QAAI;AAEJ,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,sBAAgB,MAAM,OAAmB,CAAC,KAAK,YAAkB;AAC/D,YAAI,OAAO,IAAI;AAEf,eAAO;AAAA,MACT,GAAG,CAAC,CAAC;AAAA,IACP,OAAO;AACL,sBAAgB;AAAA,IAClB;AAEA,WAAO;AAAA,MACL,KAAK,cAAc,OAAO;AAAA,MAC1B,QAAQ,cAAc,UAAU;AAAA,MAChC,MAAM,cAAc,QAAQ;AAAA,MAC5B,OAAO,cAAc,SAAS;AAAA,IAChC;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,gBAAgB;AAAA,IACpB,CAAC,SAAgC,GAAG,IAAI,GAAG,oBAAoB,IAAI,CAAC;AAAA,IACpE,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,SAAuB;AACtB,YAAM,YAA6B,GAAG,IAAI,GAAG,sBAAsB,IAAI,CAAC;AACxE,YAAM,UAA2B,cAAc,IAAI;AAEnD,aAAO;AAAA,QACL,gBAAgB,OAAO,KACrB,gBAAgB,SAAS,KACzB,gBAAgB,IAAI,KACpB;AAAA,MACJ;AAAA,IACF;AAAA,IACA,CAAC,eAAe,eAAe,IAAI;AAAA,EACrC;AAEA,QAAM,cAAc;AAAA,IAClB,CAAC,OAAe,SAAiB,aAAuB;AACtD,UAAI,aAAa,OAAO;AACtB,eAAO;AAAA,MACT;AAEA,UAAI,aAAa,WAAW;AAC1B,eAAO,KAAK,IAAI,OAAO,OAAO;AAAA,MAChC;AAEA,aAAO,QAAQ;AAAA,IACjB;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,cAAyB;AAAA,MAC7B,CAAC,cAAc,KAAK,CAAC,GAAG;AAAA,QACtB,OAAO;AAAA,QACP,kBAAkB,KAAK;AAAA,QACvB,YAAY;AAAA,MACd;AAAA,MACA,CAAC,cAAc,QAAQ,CAAC,GAAG;AAAA,QACzB,OAAO;AAAA,QACP,kBAAkB,QAAQ;AAAA,QAC1B,YAAY;AAAA,MACd;AAAA,MACA,CAAC,cAAc,MAAM,CAAC,GAAG;AAAA,QACvB,OAAO;AAAA,QACP,kBAAkB,MAAM;AAAA,QACxB,YAAY;AAAA,MACd;AAAA,MACA,CAAC,cAAc,OAAO,CAAC,GAAG;AAAA,QACxB,OAAO;AAAA,QACP,kBAAkB,OAAO;AAAA,QACzB,YAAY;AAAA,MACd;AAAA,IACF;AAEA,WAAO,WAAW,QAAQ,CAAC,OAAO,WAAW,CAAC;AAAA,EAChD,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,oBAAC,QAAK,OAAO,eAAgB,GAAG,MAAM;AAC/C,CAAC;","names":["SafeAreaView"]}

package/dist/components/atoms/spinner.d.mts

@@ -4,6 +4,6 @@ import { SpinnerProps } from '../../types/spinner.types.mjs';
 import 'react-native';
 import '@impulse-ui-native/theme';
 
-declare const Spinner: react.MemoExoticComponent<({ accessibilityRole, accessibilityState, accessible, animating, color, hidesWhenStopped, size, style, tone, ...props }: SpinnerProps) => react_jsx_runtime.JSX.Element>;
+declare const Spinner: react.MemoExoticComponent<({ animating, color, hidesWhenStopped, size, style, tone, ...props }: SpinnerProps) => react_jsx_runtime.JSX.Element>;
 
 export { Spinner };

package/dist/components/atoms/spinner.js

@@ -3,9 +3,6 @@ import { memo, useMemo } from "react";
 import { ActivityIndicator, StyleSheet, View } from "react-native";
 import { useThemedStyles } from "@impulse-ui-native/theme";
 const Spinner = memo(function Spinner2({
-  accessibilityRole = "progressbar",
-  accessibilityState,
-  accessible = true,
   animating = true,
   color,
   hidesWhenStopped,
@@ -19,38 +16,20 @@ const Spinner = memo(function Spinner2({
     size,
     tone
   ]);
-  const resolvedAccessibilityState = useMemo(
-    () => ({
-      ...accessibilityState,
-      busy: animating
-    }),
-    [accessibilityState, animating]
-  );
   const containerStyle = useMemo(
     () => [styles.container, style],
     [style, styles.container]
   );
-  return /* @__PURE__ */ jsx(
-    View,
+  return /* @__PURE__ */ jsx(View, { ...props, style: containerStyle, children: /* @__PURE__ */ jsx(
+    ActivityIndicator,
     {
-      ...props,
-      accessibilityRole,
-      accessibilityState: resolvedAccessibilityState,
-      accessible,
-      style: containerStyle,
-      children: /* @__PURE__ */ jsx(
-        ActivityIndicator,
-        {
-          accessible: false,
-          animating,
-          color: styles.indicator.color,
-          hidesWhenStopped,
-          size: "small",
-          style: styles.indicator
-        }
-      )
+      animating,
+      color: styles.indicator.color,
+      hidesWhenStopped,
+      size: "small",
+      style: styles.indicator
     }
-  );
+  ) });
 });
 function themedStyles(theme, props) {
   const { color, size, tone } = props;

package/dist/components/atoms/spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/atoms/spinner.tsx"],"sourcesContent":["import type { AccessibilityState } from \"react-native\";\nimport { memo, useMemo } from \"react\";\nimport { ActivityIndicator, StyleSheet, View } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { SpinnerProps } from \"../../types\";\n\nexport const Spinner = memo(function Spinner({\n  accessibilityRole = \"progressbar\",\n  accessibilityState,\n  accessible = true,\n  animating = true,\n  color,\n  hidesWhenStopped,\n  size = \"medium\",\n  style,\n  tone = \"primary\",\n  ...props\n}: SpinnerProps) {\n  const styles = useThemedStyles(themedStyles, { color, size, tone }, [\n    color,\n    size,\n    tone,\n  ]);\n\n  const resolvedAccessibilityState = useMemo<AccessibilityState>(\n    () => ({\n      ...accessibilityState,\n      busy: animating,\n    }),\n    [accessibilityState, animating],\n  );\n\n  const containerStyle = useMemo(\n    () => [styles.container, style],\n    [style, styles.container],\n  );\n\n  return (\n    <View\n      {...props}\n      accessibilityRole={accessibilityRole}\n      accessibilityState={resolvedAccessibilityState}\n      accessible={accessible}\n      style={containerStyle}\n    >\n      <ActivityIndicator\n        accessible={false}\n        animating={animating}\n        color={styles.indicator.color}\n        hidesWhenStopped={hidesWhenStopped}\n        size=\"small\"\n        style={styles.indicator}\n      />\n    </View>\n  );\n});\n\ninterface SpinnerThemeProps {\n  color: SpinnerProps[\"color\"];\n  size: NonNullable<SpinnerProps[\"size\"]>;\n  tone: NonNullable<SpinnerProps[\"tone\"]>;\n}\n\nfunction themedStyles(theme: AppTheme, props: SpinnerThemeProps) {\n  const { color, size, tone } = props;\n  const spinnerTokens = theme.components.spinner;\n  const resolvedSize = spinnerTokens.sizes[size];\n\n  return StyleSheet.create({\n    container: {\n      alignItems: \"center\",\n      height: resolvedSize,\n      justifyContent: \"center\",\n      width: resolvedSize,\n    },\n    indicator: {\n      color: color ?? spinnerTokens.colors[tone],\n      transform: [{ scale: resolvedSize / spinnerTokens.baseSize }],\n    },\n  });\n}\n"],"mappings":"AAgDM;AA/CN,SAAS,MAAM,eAAe;AAC9B,SAAS,mBAAmB,YAAY,YAAY;AAGpD,SAAS,uBAAuB;AAIzB,MAAM,UAAU,KAAK,SAASA,SAAQ;AAAA,EAC3C,oBAAoB;AAAA,EACpB;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAiB;AACf,QAAM,SAAS,gBAAgB,cAAc,EAAE,OAAO,MAAM,KAAK,GAAG;AAAA,IAClE;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,6BAA6B;AAAA,IACjC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,IACR;AAAA,IACA,CAAC,oBAAoB,SAAS;AAAA,EAChC;AAEA,QAAM,iBAAiB;AAAA,IACrB,MAAM,CAAC,OAAO,WAAW,KAAK;AAAA,IAC9B,CAAC,OAAO,OAAO,SAAS;AAAA,EAC1B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,oBAAoB;AAAA,MACpB;AAAA,MACA,OAAO;AAAA,MAEP;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ;AAAA,UACA,OAAO,OAAO,UAAU;AAAA,UACxB;AAAA,UACA,MAAK;AAAA,UACL,OAAO,OAAO;AAAA;AAAA,MAChB;AAAA;AAAA,EACF;AAEJ,CAAC;AAQD,SAAS,aAAa,OAAiB,OAA0B;AAC/D,QAAM,EAAE,OAAO,MAAM,KAAK,IAAI;AAC9B,QAAM,gBAAgB,MAAM,WAAW;AACvC,QAAM,eAAe,cAAc,MAAM,IAAI;AAE7C,SAAO,WAAW,OAAO;AAAA,IACvB,WAAW;AAAA,MACT,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,OAAO,SAAS,cAAc,OAAO,IAAI;AAAA,MACzC,WAAW,CAAC,EAAE,OAAO,eAAe,cAAc,SAAS,CAAC;AAAA,IAC9D;AAAA,EACF,CAAC;AACH;","names":["Spinner"]}
+{"version":3,"sources":["../../../src/components/atoms/spinner.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { ActivityIndicator, StyleSheet, View } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { SpinnerProps } from \"../../types\";\n\nexport const Spinner = memo(function Spinner({\n  animating = true,\n  color,\n  hidesWhenStopped,\n  size = \"medium\",\n  style,\n  tone = \"primary\",\n  ...props\n}: SpinnerProps) {\n  const styles = useThemedStyles(themedStyles, { color, size, tone }, [\n    color,\n    size,\n    tone,\n  ]);\n\n  const containerStyle = useMemo(\n    () => [styles.container, style],\n    [style, styles.container],\n  );\n\n  return (\n    <View {...props} style={containerStyle}>\n      <ActivityIndicator\n        animating={animating}\n        color={styles.indicator.color}\n        hidesWhenStopped={hidesWhenStopped}\n        size=\"small\"\n        style={styles.indicator}\n      />\n    </View>\n  );\n});\n\ninterface SpinnerThemeProps {\n  color: SpinnerProps[\"color\"];\n  size: NonNullable<SpinnerProps[\"size\"]>;\n  tone: NonNullable<SpinnerProps[\"tone\"]>;\n}\n\nfunction themedStyles(theme: AppTheme, props: SpinnerThemeProps) {\n  const { color, size, tone } = props;\n  const spinnerTokens = theme.components.spinner;\n  const resolvedSize = spinnerTokens.sizes[size];\n\n  return StyleSheet.create({\n    container: {\n      alignItems: \"center\",\n      height: resolvedSize,\n      justifyContent: \"center\",\n      width: resolvedSize,\n    },\n    indicator: {\n      color: color ?? spinnerTokens.colors[tone],\n      transform: [{ scale: resolvedSize / spinnerTokens.baseSize }],\n    },\n  });\n}\n"],"mappings":"AA8BM;AA9BN,SAAS,MAAM,eAAe;AAC9B,SAAS,mBAAmB,YAAY,YAAY;AAGpD,SAAS,uBAAuB;AAIzB,MAAM,UAAU,KAAK,SAASA,SAAQ;AAAA,EAC3C,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAiB;AACf,QAAM,SAAS,gBAAgB,cAAc,EAAE,OAAO,MAAM,KAAK,GAAG;AAAA,IAClE;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB;AAAA,IACrB,MAAM,CAAC,OAAO,WAAW,KAAK;AAAA,IAC9B,CAAC,OAAO,OAAO,SAAS;AAAA,EAC1B;AAEA,SACE,oBAAC,QAAM,GAAG,OAAO,OAAO,gBACtB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,OAAO,UAAU;AAAA,MACxB;AAAA,MACA,MAAK;AAAA,MACL,OAAO,OAAO;AAAA;AAAA,EAChB,GACF;AAEJ,CAAC;AAQD,SAAS,aAAa,OAAiB,OAA0B;AAC/D,QAAM,EAAE,OAAO,MAAM,KAAK,IAAI;AAC9B,QAAM,gBAAgB,MAAM,WAAW;AACvC,QAAM,eAAe,cAAc,MAAM,IAAI;AAE7C,SAAO,WAAW,OAAO;AAAA,IACvB,WAAW;AAAA,MACT,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,OAAO;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,OAAO,SAAS,cAAc,OAAO,IAAI;AAAA,MACzC,WAAW,CAAC,EAAE,OAAO,eAAe,cAAc,SAAS,CAAC;AAAA,IAC9D;AAAA,EACF,CAAC;AACH;","names":["Spinner"]}

package/dist/components/atoms/tag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/atoms/tag.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\n\nimport { Icon } from \"@impulse-ui-native/icon/components/icon\";\nimport { XCircleIcon } from \"@impulse-ui-native/icon/icons/x-circle\";\nimport {\n  AppTheme,\n  getAvailabilityStateTokens,\n  useComponentsTokens,\n  useThemedStyles,\n} from \"@impulse-ui-native/theme\";\n\nimport { TagProps, TagThemeProps } from \"../../types\";\nimport { Pressable } from \"./pressable\";\nimport { Typography } from \"./typography\";\n\nexport const Tag = memo(function Tag({\n  label,\n  size = \"medium\",\n  variant = \"filled\",\n  color = \"primary\",\n  closable,\n  disabled,\n  onClose,\n  onPress,\n}: TagProps) {\n  const tokens = useComponentsTokens();\n  const tagTokens = tokens.tag;\n  const styles = useThemedStyles(\n    themedStyles,\n    {\n      size,\n      variant,\n      disabled,\n      color,\n    },\n    [size, variant, disabled, color],\n  );\n\n  const Container = useMemo(() => {\n    if (onPress) {\n      return Pressable;\n    }\n\n    return View;\n  }, [onPress]);\n\n  const showClose = closable && !disabled && onClose;\n\n  return (\n    <Container onPress={onPress} disabled={disabled} style={styles.container}>\n      <Typography.Caption style={styles.label}>{label}</Typography.Caption>\n\n      {showClose ? (\n        <Pressable onPress={onClose} hitSlop={tagTokens.closeHitSlop}>\n          <Icon\n            icon={XCircleIcon}\n            size=\"small\"\n            color={styles.icon.color}\n            style={styles.icon}\n          />\n        </Pressable>\n      ) : null}\n    </Container>\n  );\n});\n\nfunction themedStyles(theme: AppTheme, props: TagThemeProps) {\n  const { size, variant, color, disabled } = props;\n\n  const tagTokens = theme.components.tag;\n  const sizeTokens = tagTokens.sizes[size];\n  const appearanceTokens = getAvailabilityStateTokens(\n    tagTokens.colors[color][variant],\n    { disabled },\n  );\n\n  return StyleSheet.create({\n    container: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      alignSelf: \"flex-start\",\n\n      height: sizeTokens.height,\n      paddingHorizontal: sizeTokens.paddingHorizontal,\n      minWidth: sizeTokens.minWidth,\n\n      borderRadius: tagTokens.borderRadius,\n      gap: tagTokens.gap,\n      borderWidth: tagTokens.borderWidth,\n\n      borderColor: appearanceTokens.borderColor,\n      backgroundColor: appearanceTokens.backgroundColor,\n    },\n\n    label: {\n      fontSize: sizeTokens.fontSize,\n      color: appearanceTokens.color,\n    },\n\n    icon: {\n      marginLeft: tagTokens.iconMarginLeft,\n      color: appearanceTokens.color,\n    },\n  });\n}\n"],"mappings":"AAkDI,SACE,KADF;AAlDJ,SAAS,MAAM,eAAe;AAC9B,SAAS,YAAY,YAAY;AAEjC,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAEpB,MAAM,MAAM,KAAK,SAASA,KAAI;AAAA,EACnC;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAa;AACX,QAAM,SAAS,oBAAoB;AACnC,QAAM,YAAY,OAAO;AACzB,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,MAAM,SAAS,UAAU,KAAK;AAAA,EACjC;AAEA,QAAM,YAAY,QAAQ,MAAM;AAC9B,QAAI,SAAS;AACX,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,YAAY,YAAY,CAAC,YAAY;AAE3C,SACE,qBAAC,aAAU,SAAkB,UAAoB,OAAO,OAAO,WAC7D;AAAA,wBAAC,WAAW,SAAX,EAAmB,OAAO,OAAO,OAAQ,iBAAM;AAAA,IAE/C,YACC,oBAAC,aAAU,SAAS,SAAS,SAAS,UAAU,cAC9C;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAO,OAAO,KAAK;AAAA,QACnB,OAAO,OAAO;AAAA;AAAA,IAChB,GACF,IACE;AAAA,KACN;AAEJ,CAAC;AAED,SAAS,aAAa,OAAiB,OAAsB;AAC3D,QAAM,EAAE,MAAM,SAAS,OAAO,SAAS,IAAI;AAE3C,QAAM,YAAY,MAAM,WAAW;AACnC,QAAM,aAAa,UAAU,MAAM,IAAI;AACvC,QAAM,mBAAmB;AAAA,IACvB,UAAU,OAAO,KAAK,EAAE,OAAO;AAAA,IAC/B,EAAE,SAAS;AAAA,EACb;AAEA,SAAO,WAAW,OAAO;AAAA,IACvB,WAAW;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,WAAW;AAAA,MAEX,QAAQ,WAAW;AAAA,MACnB,mBAAmB,WAAW;AAAA,MAC9B,UAAU,WAAW;AAAA,MAErB,cAAc,UAAU;AAAA,MACxB,KAAK,UAAU;AAAA,MACf,aAAa,UAAU;AAAA,MAEvB,aAAa,iBAAiB;AAAA,MAC9B,iBAAiB,iBAAiB;AAAA,IACpC;AAAA,IAEA,OAAO;AAAA,MACL,UAAU,WAAW;AAAA,MACrB,OAAO,iBAAiB;AAAA,IAC1B;AAAA,IAEA,MAAM;AAAA,MACJ,YAAY,UAAU;AAAA,MACtB,OAAO,iBAAiB;AAAA,IAC1B;AAAA,EACF,CAAC;AACH;","names":["Tag"]}
+{"version":3,"sources":["../../../src/components/atoms/tag.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\n\nimport { Icon } from \"@impulse-ui-native/icon/components/icon\";\nimport { XCircleIcon } from \"@impulse-ui-native/icon/icons/x-circle\";\nimport {\n  AppTheme,\n  getAvailabilityStateTokens,\n  useComponentsTokens,\n  useThemedStyles,\n} from \"@impulse-ui-native/theme\";\n\nimport { TagProps, TagThemeProps } from \"../../types\";\nimport { Pressable } from \"./pressable\";\nimport { Typography } from \"./typography\";\n\nexport const Tag = memo(function Tag({\n  label,\n  size = \"medium\",\n  variant = \"filled\",\n  color = \"primary\",\n  closable,\n  disabled,\n  onClose,\n  onPress,\n}: TagProps) {\n  const tokens = useComponentsTokens();\n\n  const tagTokens = tokens.tag;\n\n  const styles = useThemedStyles(\n    themedStyles,\n    {\n      size,\n      variant,\n      disabled,\n      color,\n    },\n    [size, variant, disabled, color],\n  );\n\n  const Container = useMemo(() => {\n    if (onPress) {\n      return Pressable;\n    }\n\n    return View;\n  }, [onPress]);\n\n  const showClose = closable && !disabled && onClose;\n\n  return (\n    <Container onPress={onPress} disabled={disabled} style={styles.container}>\n      <Typography.Caption style={styles.label}>{label}</Typography.Caption>\n\n      {showClose ? (\n        <Pressable onPress={onClose} hitSlop={tagTokens.closeHitSlop}>\n          <Icon\n            icon={XCircleIcon}\n            size=\"small\"\n            color={styles.icon.color}\n            style={styles.icon}\n          />\n        </Pressable>\n      ) : null}\n    </Container>\n  );\n});\n\nfunction themedStyles(theme: AppTheme, props: TagThemeProps) {\n  const { size, variant, color, disabled } = props;\n\n  const tagTokens = theme.components.tag;\n  const sizeTokens = tagTokens.sizes[size];\n  const appearanceTokens = getAvailabilityStateTokens(\n    tagTokens.colors[color][variant],\n    { disabled },\n  );\n\n  return StyleSheet.create({\n    container: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      alignSelf: \"flex-start\",\n\n      height: sizeTokens.height,\n      paddingHorizontal: sizeTokens.paddingHorizontal,\n      minWidth: sizeTokens.minWidth,\n\n      borderRadius: tagTokens.borderRadius,\n      gap: tagTokens.gap,\n      borderWidth: tagTokens.borderWidth,\n\n      borderColor: appearanceTokens.borderColor,\n      backgroundColor: appearanceTokens.backgroundColor,\n    },\n\n    label: {\n      fontSize: sizeTokens.fontSize,\n      color: appearanceTokens.color,\n    },\n\n    icon: {\n      marginLeft: tagTokens.iconMarginLeft,\n      color: appearanceTokens.color,\n    },\n  });\n}\n"],"mappings":"AAoDI,SACE,KADF;AApDJ,SAAS,MAAM,eAAe;AAC9B,SAAS,YAAY,YAAY;AAEjC,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAEpB,MAAM,MAAM,KAAK,SAASA,KAAI;AAAA,EACnC;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAa;AACX,QAAM,SAAS,oBAAoB;AAEnC,QAAM,YAAY,OAAO;AAEzB,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,MAAM,SAAS,UAAU,KAAK;AAAA,EACjC;AAEA,QAAM,YAAY,QAAQ,MAAM;AAC9B,QAAI,SAAS;AACX,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,YAAY,YAAY,CAAC,YAAY;AAE3C,SACE,qBAAC,aAAU,SAAkB,UAAoB,OAAO,OAAO,WAC7D;AAAA,wBAAC,WAAW,SAAX,EAAmB,OAAO,OAAO,OAAQ,iBAAM;AAAA,IAE/C,YACC,oBAAC,aAAU,SAAS,SAAS,SAAS,UAAU,cAC9C;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,MAAK;AAAA,QACL,OAAO,OAAO,KAAK;AAAA,QACnB,OAAO,OAAO;AAAA;AAAA,IAChB,GACF,IACE;AAAA,KACN;AAEJ,CAAC;AAED,SAAS,aAAa,OAAiB,OAAsB;AAC3D,QAAM,EAAE,MAAM,SAAS,OAAO,SAAS,IAAI;AAE3C,QAAM,YAAY,MAAM,WAAW;AACnC,QAAM,aAAa,UAAU,MAAM,IAAI;AACvC,QAAM,mBAAmB;AAAA,IACvB,UAAU,OAAO,KAAK,EAAE,OAAO;AAAA,IAC/B,EAAE,SAAS;AAAA,EACb;AAEA,SAAO,WAAW,OAAO;AAAA,IACvB,WAAW;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,WAAW;AAAA,MAEX,QAAQ,WAAW;AAAA,MACnB,mBAAmB,WAAW;AAAA,MAC9B,UAAU,WAAW;AAAA,MAErB,cAAc,UAAU;AAAA,MACxB,KAAK,UAAU;AAAA,MACf,aAAa,UAAU;AAAA,MAEvB,aAAa,iBAAiB;AAAA,MAC9B,iBAAiB,iBAAiB;AAAA,IACpC;AAAA,IAEA,OAAO;AAAA,MACL,UAAU,WAAW;AAAA,MACrB,OAAO,iBAAiB;AAAA,IAC1B;AAAA,IAEA,MAAM;AAAA,MACJ,YAAY,UAAU;AAAA,MACtB,OAAO,iBAAiB;AAAA,IAC1B;AAAA,EACF,CAAC;AACH;","names":["Tag"]}

package/dist/components/atoms/typography.js

@@ -1,11 +1,15 @@
 import { createPreset } from "../../hocs";
 const Typography = {
   Master: createPreset(
-    (theme) => ({ fontWeight: theme.fontWeight.regular }),
+    (theme) => ({
+      color: theme.colors.text.primary,
+      fontWeight: theme.fontWeight.regular
+    }),
     "Master"
   ),
   DisplayLarge: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.bold,
       fontSize: theme.fontSize.colossal,
       lineHeight: theme.lineHeight.colossal
@@ -14,6 +18,7 @@ const Typography = {
   ),
   DisplayMedium: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.bold,
       fontSize: theme.fontSize.giant,
       lineHeight: theme.lineHeight.giant
@@ -22,6 +27,7 @@ const Typography = {
   ),
   DisplaySmall: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.semiBold,
       fontSize: theme.fontSize.huge,
       lineHeight: theme.lineHeight.huge
@@ -30,6 +36,7 @@ const Typography = {
   ),
   Title1: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.bold,
       fontSize: theme.fontSize.xxxl,
       lineHeight: theme.lineHeight.xxxl
@@ -38,6 +45,7 @@ const Typography = {
   ),
   Title2: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.bold,
       fontSize: theme.fontSize.xxl,
       lineHeight: theme.lineHeight.xxl
@@ -46,6 +54,7 @@ const Typography = {
   ),
   Title3: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.semiBold,
       fontSize: theme.fontSize.xl,
       lineHeight: theme.lineHeight.xl
@@ -54,6 +63,7 @@ const Typography = {
   ),
   Title4: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.semiBold,
       fontSize: theme.fontSize.lg,
       lineHeight: theme.lineHeight.lg
@@ -62,6 +72,7 @@ const Typography = {
   ),
   Title5: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.semiBold,
       fontSize: theme.fontSize.md,
       lineHeight: theme.lineHeight.md
@@ -70,6 +81,7 @@ const Typography = {
   ),
   Title6: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.semiBold,
       fontSize: theme.fontSize.sm,
       lineHeight: theme.lineHeight.sm
@@ -78,6 +90,7 @@ const Typography = {
   ),
   Subtitle1: createPreset(
     (theme) => ({
+      color: theme.colors.text.secondary,
       fontWeight: theme.fontWeight.medium,
       fontSize: theme.fontSize.md,
       lineHeight: theme.lineHeight.lg
@@ -86,6 +99,7 @@ const Typography = {
   ),
   Subtitle2: createPreset(
     (theme) => ({
+      color: theme.colors.text.secondary,
       fontWeight: theme.fontWeight.regular,
       fontSize: theme.fontSize.sm,
       lineHeight: theme.lineHeight.sm
@@ -94,6 +108,7 @@ const Typography = {
   ),
   BodyLarge: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.regular,
       fontSize: theme.fontSize.md,
       lineHeight: theme.lineHeight.lg
@@ -102,6 +117,7 @@ const Typography = {
   ),
   Body: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.regular,
       fontSize: theme.fontSize.sm,
       lineHeight: theme.lineHeight.sm
@@ -110,6 +126,7 @@ const Typography = {
   ),
   BodySmall: createPreset(
     (theme) => ({
+      color: theme.colors.text.secondary,
       fontWeight: theme.fontWeight.regular,
       fontSize: theme.fontSize.xsm,
       lineHeight: theme.lineHeight.xsm
@@ -118,6 +135,7 @@ const Typography = {
   ),
   Caption: createPreset(
     (theme) => ({
+      color: theme.colors.text.secondary,
       fontWeight: theme.fontWeight.regular,
       fontSize: theme.fontSize.xs,
       lineHeight: theme.lineHeight.xs
@@ -126,6 +144,7 @@ const Typography = {
   ),
   Label: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.medium,
       fontSize: theme.fontSize.xsm,
       lineHeight: theme.lineHeight.xsm
@@ -134,6 +153,7 @@ const Typography = {
   ),
   Overline: createPreset(
     (theme) => ({
+      color: theme.colors.text.secondary,
       fontWeight: theme.fontWeight.semiBold,
       fontSize: theme.fontSize.xs,
       lineHeight: theme.lineHeight.xs,
@@ -144,6 +164,7 @@ const Typography = {
   ),
   Helper: createPreset(
     (theme) => ({
+      color: theme.colors.text.secondary,
       fontWeight: theme.fontWeight.regular,
       fontSize: theme.fontSize.xsm,
       lineHeight: theme.lineHeight.xsm
@@ -152,6 +173,7 @@ const Typography = {
   ),
   Code: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontFamily: "monospace",
       fontSize: theme.fontSize.xsm,
       lineHeight: theme.lineHeight.xsm
@@ -160,6 +182,7 @@ const Typography = {
   ),
   Quote: createPreset(
     (theme) => ({
+      color: theme.colors.text.primary,
       fontWeight: theme.fontWeight.regular,
       fontSize: theme.fontSize.md,
       lineHeight: theme.lineHeight.lg,
@@ -169,6 +192,7 @@ const Typography = {
   ),
   Eyebrow: createPreset(
     (theme) => ({
+      color: theme.colors.text.secondary,
       fontWeight: theme.fontWeight.medium,
       fontSize: theme.fontSize.xs,
       lineHeight: theme.lineHeight.xs,

package/dist/components/atoms/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/atoms/typography.tsx"],"sourcesContent":["import { createPreset } from \"../../hocs\";\n\nexport const Typography = {\n  Master: createPreset(\n    (theme) => ({ fontWeight: theme.fontWeight.regular }),\n    \"Master\",\n  ),\n\n  DisplayLarge: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.colossal,\n      lineHeight: theme.lineHeight.colossal,\n    }),\n    \"DisplayLarge\",\n  ),\n\n  DisplayMedium: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.giant,\n      lineHeight: theme.lineHeight.giant,\n    }),\n    \"DisplayMedium\",\n  ),\n\n  DisplaySmall: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.huge,\n      lineHeight: theme.lineHeight.huge,\n    }),\n    \"DisplaySmall\",\n  ),\n\n  Title1: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.xxxl,\n      lineHeight: theme.lineHeight.xxxl,\n    }),\n    \"Title1\",\n  ),\n\n  Title2: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.xxl,\n      lineHeight: theme.lineHeight.xxl,\n    }),\n    \"Title2\",\n  ),\n\n  Title3: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.xl,\n      lineHeight: theme.lineHeight.xl,\n    }),\n    \"Title3\",\n  ),\n\n  Title4: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.lg,\n      lineHeight: theme.lineHeight.lg,\n    }),\n    \"Title4\",\n  ),\n\n  Title5: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.md,\n      lineHeight: theme.lineHeight.md,\n    }),\n    \"Title5\",\n  ),\n\n  Title6: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.sm,\n      lineHeight: theme.lineHeight.sm,\n    }),\n    \"Title6\",\n  ),\n\n  Subtitle1: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.medium,\n      fontSize: theme.fontSize.md,\n      lineHeight: theme.lineHeight.lg,\n    }),\n    \"Subtitle1\",\n  ),\n\n  Subtitle2: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.sm,\n      lineHeight: theme.lineHeight.sm,\n    }),\n    \"Subtitle2\",\n  ),\n\n  BodyLarge: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.md,\n      lineHeight: theme.lineHeight.lg,\n    }),\n    \"BodyLarge\",\n  ),\n\n  Body: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.sm,\n      lineHeight: theme.lineHeight.sm,\n    }),\n    \"Body\",\n  ),\n\n  BodySmall: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.xsm,\n      lineHeight: theme.lineHeight.xsm,\n    }),\n    \"BodySmall\",\n  ),\n\n  Caption: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.xs,\n      lineHeight: theme.lineHeight.xs,\n    }),\n    \"Caption\",\n  ),\n\n  Label: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.medium,\n      fontSize: theme.fontSize.xsm,\n      lineHeight: theme.lineHeight.xsm,\n    }),\n    \"Label\",\n  ),\n\n  Overline: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.xs,\n      lineHeight: theme.lineHeight.xs,\n      textTransform: \"uppercase\",\n      letterSpacing: theme.letterSpacing.ultraWide,\n    }),\n    \"Overline\",\n  ),\n\n  Helper: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.xsm,\n      lineHeight: theme.lineHeight.xsm,\n    }),\n    \"Helper\",\n  ),\n\n  Code: createPreset(\n    (theme) => ({\n      fontFamily: \"monospace\",\n      fontSize: theme.fontSize.xsm,\n      lineHeight: theme.lineHeight.xsm,\n    }),\n    \"Code\",\n  ),\n\n  Quote: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.md,\n      lineHeight: theme.lineHeight.lg,\n      fontStyle: \"italic\",\n    }),\n    \"Quote\",\n  ),\n\n  Eyebrow: createPreset(\n    (theme) => ({\n      fontWeight: theme.fontWeight.medium,\n      fontSize: theme.fontSize.xs,\n      lineHeight: theme.lineHeight.xs,\n      textTransform: \"uppercase\",\n      letterSpacing: theme.letterSpacing.ultraWide,\n    }),\n    \"Eyebrow\",\n  ),\n};\n\nexport type TypographyComponent = (typeof Typography)[keyof typeof Typography];\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/atoms/typography.tsx"],"sourcesContent":["import { createPreset } from \"../../hocs\";\n\nexport const Typography = {\n  Master: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.regular,\n    }),\n    \"Master\",\n  ),\n\n  DisplayLarge: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.colossal,\n      lineHeight: theme.lineHeight.colossal,\n    }),\n    \"DisplayLarge\",\n  ),\n\n  DisplayMedium: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.giant,\n      lineHeight: theme.lineHeight.giant,\n    }),\n    \"DisplayMedium\",\n  ),\n\n  DisplaySmall: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.huge,\n      lineHeight: theme.lineHeight.huge,\n    }),\n    \"DisplaySmall\",\n  ),\n\n  Title1: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.xxxl,\n      lineHeight: theme.lineHeight.xxxl,\n    }),\n    \"Title1\",\n  ),\n\n  Title2: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.bold,\n      fontSize: theme.fontSize.xxl,\n      lineHeight: theme.lineHeight.xxl,\n    }),\n    \"Title2\",\n  ),\n\n  Title3: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.xl,\n      lineHeight: theme.lineHeight.xl,\n    }),\n    \"Title3\",\n  ),\n\n  Title4: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.lg,\n      lineHeight: theme.lineHeight.lg,\n    }),\n    \"Title4\",\n  ),\n\n  Title5: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.md,\n      lineHeight: theme.lineHeight.md,\n    }),\n    \"Title5\",\n  ),\n\n  Title6: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.sm,\n      lineHeight: theme.lineHeight.sm,\n    }),\n    \"Title6\",\n  ),\n\n  Subtitle1: createPreset(\n    (theme) => ({\n      color: theme.colors.text.secondary,\n      fontWeight: theme.fontWeight.medium,\n      fontSize: theme.fontSize.md,\n      lineHeight: theme.lineHeight.lg,\n    }),\n    \"Subtitle1\",\n  ),\n\n  Subtitle2: createPreset(\n    (theme) => ({\n      color: theme.colors.text.secondary,\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.sm,\n      lineHeight: theme.lineHeight.sm,\n    }),\n    \"Subtitle2\",\n  ),\n\n  BodyLarge: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.md,\n      lineHeight: theme.lineHeight.lg,\n    }),\n    \"BodyLarge\",\n  ),\n\n  Body: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.sm,\n      lineHeight: theme.lineHeight.sm,\n    }),\n    \"Body\",\n  ),\n\n  BodySmall: createPreset(\n    (theme) => ({\n      color: theme.colors.text.secondary,\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.xsm,\n      lineHeight: theme.lineHeight.xsm,\n    }),\n    \"BodySmall\",\n  ),\n\n  Caption: createPreset(\n    (theme) => ({\n      color: theme.colors.text.secondary,\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.xs,\n      lineHeight: theme.lineHeight.xs,\n    }),\n    \"Caption\",\n  ),\n\n  Label: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.medium,\n      fontSize: theme.fontSize.xsm,\n      lineHeight: theme.lineHeight.xsm,\n    }),\n    \"Label\",\n  ),\n\n  Overline: createPreset(\n    (theme) => ({\n      color: theme.colors.text.secondary,\n      fontWeight: theme.fontWeight.semiBold,\n      fontSize: theme.fontSize.xs,\n      lineHeight: theme.lineHeight.xs,\n      textTransform: \"uppercase\",\n      letterSpacing: theme.letterSpacing.ultraWide,\n    }),\n    \"Overline\",\n  ),\n\n  Helper: createPreset(\n    (theme) => ({\n      color: theme.colors.text.secondary,\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.xsm,\n      lineHeight: theme.lineHeight.xsm,\n    }),\n    \"Helper\",\n  ),\n\n  Code: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontFamily: \"monospace\",\n      fontSize: theme.fontSize.xsm,\n      lineHeight: theme.lineHeight.xsm,\n    }),\n    \"Code\",\n  ),\n\n  Quote: createPreset(\n    (theme) => ({\n      color: theme.colors.text.primary,\n      fontWeight: theme.fontWeight.regular,\n      fontSize: theme.fontSize.md,\n      lineHeight: theme.lineHeight.lg,\n      fontStyle: \"italic\",\n    }),\n    \"Quote\",\n  ),\n\n  Eyebrow: createPreset(\n    (theme) => ({\n      color: theme.colors.text.secondary,\n      fontWeight: theme.fontWeight.medium,\n      fontSize: theme.fontSize.xs,\n      lineHeight: theme.lineHeight.xs,\n      textTransform: \"uppercase\",\n      letterSpacing: theme.letterSpacing.ultraWide,\n    }),\n    \"Eyebrow\",\n  ),\n};\n\nexport type TypographyComponent = (typeof Typography)[keyof typeof Typography];\n"],"mappings":"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","names":[]}

package/dist/components/atoms/view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/atoms/view.tsx"],"sourcesContent":["import { forwardRef, memo, useMemo } from \"react\";\nimport { View as NativeView, StyleSheet } from \"react-native\";\n\nimport {\n  getShadowStyle,\n  useColors,\n  useStyleProps,\n} from \"@impulse-ui-native/theme\";\n\nimport { ViewProps } from \"../../types\";\n\nexport const View = memo(\n  forwardRef<NativeView, ViewProps>(function View(props: ViewProps, ref) {\n    const { style, shadow, shadowPosition, ...rest } = props;\n\n    const colors = useColors();\n    const extractedStyleProps = useStyleProps(props);\n\n    const viewStyle = useMemo(() => {\n      return StyleSheet.flatten([\n        getShadowStyle(shadow, shadowPosition, colors),\n        extractedStyleProps,\n        style,\n      ]);\n    }, [extractedStyleProps, style, shadow, shadowPosition, colors]);\n\n    return <NativeView {...rest} style={viewStyle} ref={ref} />;\n  }),\n);\n"],"mappings":"AA0BW;AA1BX,SAAS,YAAY,MAAM,eAAe;AAC1C,SAAS,QAAQ,YAAY,kBAAkB;AAE/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,MAAM,OAAO;AAAA,EAClB,WAAkC,SAASA,MAAK,OAAkB,KAAK;AACrE,UAAM,EAAE,OAAO,QAAQ,gBAAgB,GAAG,KAAK,IAAI;AAEnD,UAAM,SAAS,UAAU;AACzB,UAAM,sBAAsB,cAAc,KAAK;AAE/C,UAAM,YAAY,QAAQ,MAAM;AAC9B,aAAO,WAAW,QAAQ;AAAA,QACxB,eAAe,QAAQ,gBAAgB,MAAM;AAAA,QAC7C;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,qBAAqB,OAAO,QAAQ,gBAAgB,MAAM,CAAC;AAE/D,WAAO,oBAAC,cAAY,GAAG,MAAM,OAAO,WAAW,KAAU;AAAA,EAC3D,CAAC;AACH;","names":["View"]}
+{"version":3,"sources":["../../../src/components/atoms/view.tsx"],"sourcesContent":["import { forwardRef, memo, useMemo } from \"react\";\nimport { View as NativeView, StyleSheet } from \"react-native\";\n\nimport {\n  getShadowStyle,\n  useColors,\n  useStyleProps,\n} from \"@impulse-ui-native/theme\";\n\nimport { ViewProps } from \"../../types\";\n\nexport const View = memo(\n  forwardRef<NativeView, ViewProps>(function View(props: ViewProps, ref) {\n    const { style, shadow, shadowPosition, ...rest } = props;\n\n    const colors = useColors();\n\n    const extractedStyleProps = useStyleProps(props);\n\n    const viewStyle = useMemo(() => {\n      return StyleSheet.flatten([\n        getShadowStyle(shadow, shadowPosition, colors),\n        extractedStyleProps,\n        style,\n      ]);\n    }, [extractedStyleProps, style, shadow, shadowPosition, colors]);\n\n    return <NativeView {...rest} style={viewStyle} ref={ref} />;\n  }),\n);\n"],"mappings":"AA2BW;AA3BX,SAAS,YAAY,MAAM,eAAe;AAC1C,SAAS,QAAQ,YAAY,kBAAkB;AAE/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,MAAM,OAAO;AAAA,EAClB,WAAkC,SAASA,MAAK,OAAkB,KAAK;AACrE,UAAM,EAAE,OAAO,QAAQ,gBAAgB,GAAG,KAAK,IAAI;AAEnD,UAAM,SAAS,UAAU;AAEzB,UAAM,sBAAsB,cAAc,KAAK;AAE/C,UAAM,YAAY,QAAQ,MAAM;AAC9B,aAAO,WAAW,QAAQ;AAAA,QACxB,eAAe,QAAQ,gBAAgB,MAAM;AAAA,QAC7C;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,qBAAqB,OAAO,QAAQ,gBAAgB,MAAM,CAAC;AAE/D,WAAO,oBAAC,cAAY,GAAG,MAAM,OAAO,WAAW,KAAU;AAAA,EAC3D,CAAC;AACH;","names":["View"]}

package/dist/components/index.d.mts

@@ -7,10 +7,8 @@ export { Button } from './atoms/button.mjs';
 export { Divider } from './atoms/divider.mjs';
 export { IconButton } from './atoms/icon-button.mjs';
 export { Pressable } from './atoms/pressable.mjs';
-export { Progress } from './atoms/progress.mjs';
 export { Spinner } from './atoms/spinner.mjs';
 export { Tag } from './atoms/tag.mjs';
-export { Card } from './card/card.mjs';
 export { Control } from './controls/control.mjs';
 export { useControlContext } from './controls/provider.mjs';
 import 'react';
@@ -29,6 +27,4 @@ import 'react-native-safe-area-context';
 import '../types/typography.types.mjs';
 import '../types/divider.types.mjs';
 import '../types/icon-button.types.mjs';
-import '../types/progress.types.mjs';
 import '../types/tag.types.mjs';
-import '../types/card.types.mjs';

package/dist/components/index.js

@@ -1,4 +1,3 @@
 export * from "./atoms";
-export * from "./card";
 export * from "./controls";
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from \"./atoms\";\nexport * from \"./card\";\nexport * from \"./controls\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from \"./atoms\";\nexport * from \"./controls\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/hocs/create-preset.hoc.d.mts

@@ -4,7 +4,7 @@ import { AppTheme, TypographyProps, TypographyPresetKey } from '@impulse-ui-nati
 import { TextProps } from '../types/typography.types.mjs';
 import 'react-native';
 
-declare function createPreset(config: (theme: AppTheme) => TypographyProps, key: TypographyPresetKey): react.MemoExoticComponent<{
+declare function createPreset(config: (theme: AppTheme) => TypographyProps & Pick<TextProps, "color">, key: TypographyPresetKey): react.MemoExoticComponent<{
     (props: TextProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 }>;

package/dist/hocs/create-preset.hoc.js

@@ -1,32 +1,47 @@
 import { jsx } from "react/jsx-runtime";
 import { memo, useMemo } from "react";
 import { StyleSheet, Text } from "react-native";
-import {
-  useStyleProps,
-  useTheme
-} from "@impulse-ui-native/theme";
+import { useStyleProps, useTheme } from "@impulse-ui-native/theme";
 const numericFontVariant = ["tabular-nums"];
 const defaultFontVariant = [];
 function createPreset(config, key) {
   const Component = (props) => {
-    const { style, numeric, fontStyle, fontWeight, ...rest } = props;
+    const {
+      style,
+      numeric,
+      fontFamily: customFontFamily,
+      fontVariant: customFontVariant,
+      fontStyle,
+      fontWeight,
+      ...rest
+    } = props;
     const theme = useTheme();
     const extractedStyleProps = useStyleProps(props);
     const typographyStyle = useMemo(() => {
       const themedConfig = config(theme);
       const resolvedFontStyle = fontStyle ?? themedConfig.fontStyle ?? "normal";
       const resolvedFontWeight = fontWeight ?? themedConfig.fontWeight ?? 400;
-      const fontFamily = theme.fontFamily[resolvedFontStyle][resolvedFontWeight];
+      const fontFamily = customFontFamily ?? themedConfig.fontFamily ?? theme.fontFamily[resolvedFontStyle][resolvedFontWeight];
       return StyleSheet.flatten([
+        { color: theme.colors.text.primary },
         themedConfig,
         extractedStyleProps,
         {
           fontFamily,
-          fontVariant: numeric ? numericFontVariant : defaultFontVariant
+          fontVariant: numeric ? numericFontVariant : customFontVariant ?? themedConfig.fontVariant ?? defaultFontVariant
         },
         style
       ]);
-    }, [theme, extractedStyleProps, style, numeric, fontStyle, fontWeight]);
+    }, [
+      theme,
+      extractedStyleProps,
+      style,
+      numeric,
+      customFontFamily,
+      customFontVariant,
+      fontStyle,
+      fontWeight
+    ]);
     return /* @__PURE__ */ jsx(Text, { ...rest, style: typographyStyle });
   };
   Component.displayName = `Typography.${key}`;

package/dist/hocs/create-preset.hoc.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hocs/create-preset.hoc.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet, Text, TextStyle } from \"react-native\";\n\nimport {\n  AppTheme,\n  TypographyPresetKey,\n  TypographyProps,\n  useStyleProps,\n  useTheme,\n} from \"@impulse-ui-native/theme\";\n\nimport { TextProps } from \"../types\";\n\nconst numericFontVariant: TextStyle[\"fontVariant\"] = [\"tabular-nums\"];\nconst defaultFontVariant: TextStyle[\"fontVariant\"] = [];\n\nexport function createPreset(\n  config: (theme: AppTheme) => TypographyProps,\n  key: TypographyPresetKey,\n) {\n  const Component = (props: TextProps) => {\n    const { style, numeric, fontStyle, fontWeight, ...rest } = props;\n\n    const theme = useTheme();\n    const extractedStyleProps = useStyleProps(props);\n\n    const typographyStyle = useMemo(() => {\n      const themedConfig = config(theme);\n\n      const resolvedFontStyle = fontStyle ?? themedConfig.fontStyle ?? \"normal\";\n      const resolvedFontWeight = fontWeight ?? themedConfig.fontWeight ?? 400;\n\n      const fontFamily =\n        theme.fontFamily[resolvedFontStyle][resolvedFontWeight];\n\n      return StyleSheet.flatten([\n        themedConfig,\n        extractedStyleProps,\n        {\n          fontFamily,\n          fontVariant: numeric ? numericFontVariant : defaultFontVariant,\n        },\n        style,\n      ]);\n    }, [theme, extractedStyleProps, style, numeric, fontStyle, fontWeight]);\n\n    return <Text {...rest} style={typographyStyle} />;\n  };\n\n  Component.displayName = `Typography.${key}`;\n\n  return memo(Component);\n}\n"],"mappings":"AA8CW;AA9CX,SAAS,MAAM,eAAe;AAC9B,SAAS,YAAY,YAAuB;AAE5C;AAAA,EAIE;AAAA,EACA;AAAA,OACK;AAIP,MAAM,qBAA+C,CAAC,cAAc;AACpE,MAAM,qBAA+C,CAAC;AAE/C,SAAS,aACd,QACA,KACA;AACA,QAAM,YAAY,CAAC,UAAqB;AACtC,UAAM,EAAE,OAAO,SAAS,WAAW,YAAY,GAAG,KAAK,IAAI;AAE3D,UAAM,QAAQ,SAAS;AACvB,UAAM,sBAAsB,cAAc,KAAK;AAE/C,UAAM,kBAAkB,QAAQ,MAAM;AACpC,YAAM,eAAe,OAAO,KAAK;AAEjC,YAAM,oBAAoB,aAAa,aAAa,aAAa;AACjE,YAAM,qBAAqB,cAAc,aAAa,cAAc;AAEpE,YAAM,aACJ,MAAM,WAAW,iBAAiB,EAAE,kBAAkB;AAExD,aAAO,WAAW,QAAQ;AAAA,QACxB;AAAA,QACA;AAAA,QACA;AAAA,UACE;AAAA,UACA,aAAa,UAAU,qBAAqB;AAAA,QAC9C;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,OAAO,qBAAqB,OAAO,SAAS,WAAW,UAAU,CAAC;AAEtE,WAAO,oBAAC,QAAM,GAAG,MAAM,OAAO,iBAAiB;AAAA,EACjD;AAEA,YAAU,cAAc,cAAc,GAAG;AAEzC,SAAO,KAAK,SAAS;AACvB;","names":[]}
+{"version":3,"sources":["../../src/hocs/create-preset.hoc.tsx"],"sourcesContent":["import type { TextStyle } from \"react-native\";\nimport { memo, useMemo } from \"react\";\nimport { StyleSheet, Text } from \"react-native\";\n\nimport type {\n  AppTheme,\n  TypographyPresetKey,\n  TypographyProps,\n} from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useTheme } from \"@impulse-ui-native/theme\";\n\nimport type { TextProps } from \"../types\";\n\nconst numericFontVariant: TextStyle[\"fontVariant\"] = [\"tabular-nums\"];\nconst defaultFontVariant: TextStyle[\"fontVariant\"] = [];\n\nexport function createPreset(\n  config: (theme: AppTheme) => TypographyProps & Pick<TextProps, \"color\">,\n  key: TypographyPresetKey,\n) {\n  const Component = (props: TextProps) => {\n    const {\n      style,\n      numeric,\n      fontFamily: customFontFamily,\n      fontVariant: customFontVariant,\n      fontStyle,\n      fontWeight,\n      ...rest\n    } = props;\n\n    const theme = useTheme();\n\n    const extractedStyleProps = useStyleProps(props);\n\n    const typographyStyle = useMemo(() => {\n      const themedConfig = config(theme);\n\n      const resolvedFontStyle = fontStyle ?? themedConfig.fontStyle ?? \"normal\";\n      const resolvedFontWeight = fontWeight ?? themedConfig.fontWeight ?? 400;\n\n      const fontFamily =\n        customFontFamily ??\n        themedConfig.fontFamily ??\n        theme.fontFamily[resolvedFontStyle][resolvedFontWeight];\n\n      return StyleSheet.flatten([\n        { color: theme.colors.text.primary },\n        themedConfig,\n        extractedStyleProps,\n        {\n          fontFamily,\n          fontVariant: numeric\n            ? numericFontVariant\n            : (customFontVariant ??\n              themedConfig.fontVariant ??\n              defaultFontVariant),\n        },\n        style,\n      ]);\n    }, [\n      theme,\n      extractedStyleProps,\n      style,\n      numeric,\n      customFontFamily,\n      customFontVariant,\n      fontStyle,\n      fontWeight,\n    ]);\n\n    return <Text {...rest} style={typographyStyle} />;\n  };\n\n  Component.displayName = `Typography.${key}`;\n\n  return memo(Component);\n}\n"],"mappings":"AAuEW;AAtEX,SAAS,MAAM,eAAe;AAC9B,SAAS,YAAY,YAAY;AAOjC,SAAS,eAAe,gBAAgB;AAIxC,MAAM,qBAA+C,CAAC,cAAc;AACpE,MAAM,qBAA+C,CAAC;AAE/C,SAAS,aACd,QACA,KACA;AACA,QAAM,YAAY,CAAC,UAAqB;AACtC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,QAAQ,SAAS;AAEvB,UAAM,sBAAsB,cAAc,KAAK;AAE/C,UAAM,kBAAkB,QAAQ,MAAM;AACpC,YAAM,eAAe,OAAO,KAAK;AAEjC,YAAM,oBAAoB,aAAa,aAAa,aAAa;AACjE,YAAM,qBAAqB,cAAc,aAAa,cAAc;AAEpE,YAAM,aACJ,oBACA,aAAa,cACb,MAAM,WAAW,iBAAiB,EAAE,kBAAkB;AAExD,aAAO,WAAW,QAAQ;AAAA,QACxB,EAAE,OAAO,MAAM,OAAO,KAAK,QAAQ;AAAA,QACnC;AAAA,QACA;AAAA,QACA;AAAA,UACE;AAAA,UACA,aAAa,UACT,qBACC,qBACD,aAAa,eACb;AAAA,QACN;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,GAAG;AAAA,MACD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WAAO,oBAAC,QAAM,GAAG,MAAM,OAAO,iBAAiB;AAAA,EACjD;AAEA,YAAU,cAAc,cAAc,GAAG;AAEzC,SAAO,KAAK,SAAS;AACvB;","names":[]}

package/dist/index.d.mts

@@ -7,10 +7,8 @@ export { Button } from './components/atoms/button.mjs';
 export { Divider } from './components/atoms/divider.mjs';
 export { IconButton } from './components/atoms/icon-button.mjs';
 export { Pressable } from './components/atoms/pressable.mjs';
-export { Progress } from './components/atoms/progress.mjs';
 export { Spinner } from './components/atoms/spinner.mjs';
 export { Tag } from './components/atoms/tag.mjs';
-export { Card } from './components/card/card.mjs';
 export { Control } from './components/controls/control.mjs';
 export { useControlContext } from './components/controls/provider.mjs';
 export { createPreset } from './hocs/create-preset.hoc.mjs';
@@ -21,10 +19,8 @@ export { ViewProps } from './types/view.types.mjs';
 export { SafeAreaViewProps } from './types/safe-area-view.types.mjs';
 export { TextProps } from './types/typography.types.mjs';
 export { ButtonProps, ButtonThemeProps, PressableCoreProps } from './types/button.types.mjs';
-export { CardContentProps, CardFooterProps, CardHeaderProps, CardMediaProps, CardPressableProps, CardRootProps } from './types/card.types.mjs';
 export { DividerInset, DividerOrientation, DividerProps } from './types/divider.types.mjs';
 export { IconButtonProps, IconButtonThemeProps } from './types/icon-button.types.mjs';
-export { ProgressProps } from './types/progress.types.mjs';
 export { SpinnerProps } from './types/spinner.types.mjs';
 export { TagProps, TagThemeProps } from './types/tag.types.mjs';
 export { ControlAddonProps, ControlComponentCommonProps, ControlComponentProps, ControlContainerProps, ControlContextData, ControlErrorLabelProps, ControlInputProps, ControlLabelProps, ControlLoaderProps, ControlPlaceholderProps, ControlValueProps } from './types/control-components.types.mjs';

package/dist/types/avatar.types.d.mts

@@ -3,7 +3,7 @@ import { ImageProps, StyleProp, ImageStyle, ImageSourcePropType, ViewStyle } fro
 import { ComponentSize, AvatarStatus, DisplayVariant } from '@impulse-ui-native/theme';
 import { ViewProps } from './view.types.mjs';
 
-interface AvatarImageProps extends Omit<ImageProps, "accessible" | "source" | "style"> {
+interface AvatarImageProps extends Omit<ImageProps, "source" | "style"> {
     style?: StyleProp<ImageStyle>;
 }
 interface AvatarProps extends Omit<ViewProps, "children"> {

package/dist/types/index.d.mts

@@ -4,10 +4,8 @@ export { ViewProps } from './view.types.mjs';
 export { SafeAreaViewProps } from './safe-area-view.types.mjs';
 export { TextProps } from './typography.types.mjs';
 export { ButtonProps, ButtonThemeProps, PressableCoreProps } from './button.types.mjs';
-export { CardContentProps, CardFooterProps, CardHeaderProps, CardMediaProps, CardPressableProps, CardRootProps } from './card.types.mjs';
 export { DividerInset, DividerOrientation, DividerProps } from './divider.types.mjs';
 export { IconButtonProps, IconButtonThemeProps } from './icon-button.types.mjs';
-export { ProgressProps } from './progress.types.mjs';
 export { SpinnerProps } from './spinner.types.mjs';
 export { TagProps, TagThemeProps } from './tag.types.mjs';
 export { ControlAddonProps, ControlComponentCommonProps, ControlComponentProps, ControlContainerProps, ControlContextData, ControlErrorLabelProps, ControlInputProps, ControlLabelProps, ControlLoaderProps, ControlPlaceholderProps, ControlValueProps } from './control-components.types.mjs';

package/dist/types/index.js

@@ -5,10 +5,8 @@ export * from "./safe-area-view.types";
 export * from "./typography.types";
 export * from "./typography.types";
 export * from "./button.types";
-export * from "./card.types";
 export * from "./divider.types";
 export * from "./icon-button.types";
-export * from "./progress.types";
 export * from "./spinner.types";
 export * from "./tag.types";
 export * from "./control-components.types";

package/dist/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./avatar.types\";\nexport * from \"./badge.types\";\nexport * from \"./view.types\";\nexport * from \"./safe-area-view.types\";\nexport * from \"./typography.types\";\nexport * from \"./typography.types\";\nexport * from \"./button.types\";\nexport * from \"./card.types\";\nexport * from \"./divider.types\";\nexport * from \"./icon-button.types\";\nexport * from \"./progress.types\";\nexport * from \"./spinner.types\";\nexport * from \"./tag.types\";\nexport * from \"./control-components.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./avatar.types\";\nexport * from \"./badge.types\";\nexport * from \"./view.types\";\nexport * from \"./safe-area-view.types\";\nexport * from \"./typography.types\";\nexport * from \"./typography.types\";\nexport * from \"./button.types\";\nexport * from \"./divider.types\";\nexport * from \"./icon-button.types\";\nexport * from \"./spinner.types\";\nexport * from \"./tag.types\";\nexport * from \"./control-components.types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}