@impulse-ui-native/primitives 2.0.1 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/LICENSE +21 -0
  2. package/dist/components/atoms/button.d.mts +10 -0
  3. package/dist/components/atoms/button.js +60 -0
  4. package/dist/components/atoms/button.js.map +1 -0
  5. package/dist/components/atoms/icon-button.d.mts +12 -0
  6. package/dist/components/atoms/icon-button.js +51 -0
  7. package/dist/components/atoms/icon-button.js.map +1 -0
  8. package/dist/components/atoms/index.d.mts +18 -0
  9. package/dist/components/atoms/index.js +17 -0
  10. package/dist/components/atoms/index.js.map +1 -0
  11. package/dist/components/atoms/pressable.d.mts +9 -0
  12. package/dist/components/atoms/pressable.js +52 -0
  13. package/dist/components/atoms/pressable.js.map +1 -0
  14. package/dist/components/atoms/safe-area-view.d.mts +8 -0
  15. package/dist/components/atoms/safe-area-view.js +103 -0
  16. package/dist/components/atoms/safe-area-view.js.map +1 -0
  17. package/dist/components/atoms/tag.d.mts +9 -0
  18. package/dist/components/atoms/tag.js +82 -0
  19. package/dist/components/atoms/tag.js.map +1 -0
  20. package/dist/components/atoms/typography.d.mts +99 -0
  21. package/dist/components/atoms/typography.js +184 -0
  22. package/dist/components/atoms/typography.js.map +1 -0
  23. package/dist/components/atoms/view.d.mts +8 -0
  24. package/dist/components/atoms/view.js +27 -0
  25. package/dist/components/atoms/view.js.map +1 -0
  26. package/dist/components/controls/addon.d.mts +11 -0
  27. package/dist/components/controls/addon.js +72 -0
  28. package/dist/components/controls/addon.js.map +1 -0
  29. package/dist/components/controls/container.d.mts +11 -0
  30. package/dist/components/controls/container.js +54 -0
  31. package/dist/components/controls/container.js.map +1 -0
  32. package/dist/components/controls/control.d.mts +23 -0
  33. package/dist/components/controls/control.js +26 -0
  34. package/dist/components/controls/control.js.map +1 -0
  35. package/dist/components/controls/error.d.mts +11 -0
  36. package/dist/components/controls/error.js +33 -0
  37. package/dist/components/controls/error.js.map +1 -0
  38. package/dist/components/controls/index.d.mts +10 -0
  39. package/dist/components/controls/index.js +7 -0
  40. package/dist/components/controls/index.js.map +1 -0
  41. package/dist/components/controls/input.d.mts +11 -0
  42. package/dist/components/controls/input.js +63 -0
  43. package/dist/components/controls/input.js.map +1 -0
  44. package/dist/components/controls/label.d.mts +11 -0
  45. package/dist/components/controls/label.js +42 -0
  46. package/dist/components/controls/label.js.map +1 -0
  47. package/dist/components/controls/loader.d.mts +6 -0
  48. package/dist/components/controls/loader.js +10 -0
  49. package/dist/components/controls/loader.js.map +1 -0
  50. package/dist/components/controls/placeholder.d.mts +11 -0
  51. package/dist/components/controls/placeholder.js +51 -0
  52. package/dist/components/controls/placeholder.js.map +1 -0
  53. package/dist/components/controls/provider.d.mts +13 -0
  54. package/dist/components/controls/provider.js +19 -0
  55. package/dist/components/controls/provider.js.map +1 -0
  56. package/dist/components/controls/root.d.mts +9 -0
  57. package/dist/components/controls/root.js +18 -0
  58. package/dist/components/controls/root.js.map +1 -0
  59. package/dist/components/controls/value.d.mts +11 -0
  60. package/dist/components/controls/value.js +36 -0
  61. package/dist/components/controls/value.js.map +1 -0
  62. package/dist/components/index.d.mts +22 -0
  63. package/dist/components/index.js +3 -0
  64. package/dist/components/index.js.map +1 -0
  65. package/dist/constants/control-container.constants.d.mts +6 -0
  66. package/dist/constants/control-container.constants.js +15 -0
  67. package/dist/constants/control-container.constants.js.map +1 -0
  68. package/dist/constants/index.d.mts +3 -0
  69. package/dist/constants/index.js +3 -0
  70. package/dist/constants/index.js.map +1 -0
  71. package/dist/constants/safe-area-view.constants.d.mts +14 -0
  72. package/dist/constants/safe-area-view.constants.js +17 -0
  73. package/dist/constants/safe-area-view.constants.js.map +1 -0
  74. package/dist/hocs/create-preset.hoc.d.mts +12 -0
  75. package/dist/hocs/create-preset.hoc.js +38 -0
  76. package/dist/hocs/create-preset.hoc.js.map +1 -0
  77. package/dist/hocs/index.d.mts +6 -0
  78. package/dist/hocs/index.js +5 -0
  79. package/dist/hocs/index.js.map +1 -0
  80. package/dist/index.d.mts +25 -242
  81. package/dist/index.js +4 -997
  82. package/dist/index.js.map +1 -1
  83. package/dist/types/button.types.d.mts +21 -0
  84. package/dist/types/button.types.js +1 -0
  85. package/dist/types/button.types.js.map +1 -0
  86. package/dist/types/control-components.types.d.mts +45 -0
  87. package/dist/types/control-components.types.js +1 -0
  88. package/dist/types/control-components.types.js.map +1 -0
  89. package/dist/types/icon-button.types.d.mts +15 -0
  90. package/dist/types/icon-button.types.js +1 -0
  91. package/dist/types/icon-button.types.js.map +1 -0
  92. package/dist/types/index.d.mts +12 -0
  93. package/dist/types/index.js +9 -0
  94. package/dist/types/index.js.map +1 -0
  95. package/dist/types/safe-area-view.types.d.mts +5 -0
  96. package/dist/types/safe-area-view.types.js +1 -0
  97. package/dist/types/safe-area-view.types.js.map +1 -0
  98. package/dist/types/tag.types.d.mts +22 -0
  99. package/dist/types/tag.types.js +1 -0
  100. package/dist/types/tag.types.js.map +1 -0
  101. package/dist/types/typography.types.d.mts +8 -0
  102. package/dist/types/typography.types.js +1 -0
  103. package/dist/types/typography.types.js.map +1 -0
  104. package/dist/types/view.types.d.mts +6 -0
  105. package/dist/types/view.types.js +1 -0
  106. package/dist/types/view.types.js.map +1 -0
  107. package/dist/utils/controls.utils.d.mts +13 -0
  108. package/dist/utils/controls.utils.js +18 -0
  109. package/dist/utils/controls.utils.js.map +1 -0
  110. package/dist/utils/index.d.mts +2 -0
  111. package/dist/utils/index.js +2 -0
  112. package/dist/utils/index.js.map +1 -0
  113. package/package.json +11 -10
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/atoms/view.tsx","../src/components/atoms/safe-area-view.tsx","../src/constants/safe-area-view.constants.ts","../src/constants/control-container.constants.ts","../src/hocs/create-preset.hoc.tsx","../src/components/atoms/typography.tsx","../src/components/atoms/button.tsx","../src/components/atoms/pressable.tsx","../src/components/atoms/icon-button.tsx","../src/components/atoms/tag.tsx","../src/components/controls/addon.tsx","../src/components/controls/provider.tsx","../src/components/controls/container.tsx","../src/components/controls/error.tsx","../src/components/controls/input.tsx","../src/components/controls/label.tsx","../src/components/controls/loader.tsx","../src/components/controls/placeholder.tsx","../src/components/controls/root.tsx","../src/components/controls/value.tsx","../src/components/controls/control.tsx"],"sourcesContent":["import { forwardRef, memo, useMemo } from \"react\";\r\nimport { View as NativeView, StyleSheet } from \"react-native\";\r\n\r\nimport {\r\n getShadowStyle,\r\n useColors,\r\n useStyleProps,\r\n} from \"@impulse-ui-native/theme\";\r\n\r\nimport { ViewProps } from \"../../types\";\r\n\r\nexport const View = memo(\r\n forwardRef<NativeView, ViewProps>(function View(props: ViewProps, ref) {\r\n const { style, shadow, shadowPosition, ...rest } = props;\r\n\r\n const colors = useColors();\r\n const extractedStyleProps = useStyleProps(props);\r\n\r\n const viewStyle = useMemo(() => {\r\n return StyleSheet.flatten([\r\n getShadowStyle(shadow, shadowPosition, colors),\r\n extractedStyleProps,\r\n style,\r\n ]);\r\n }, [extractedStyleProps, style, shadow, shadowPosition, colors]);\r\n\r\n return <NativeView {...rest} style={viewStyle} ref={ref} />;\r\n }),\r\n);\r\n","import { memo, useCallback, useMemo } from \"react\";\r\nimport { StyleSheet, ViewStyle } from \"react-native\";\r\nimport {\r\n Edge,\r\n EdgeMode,\r\n EdgeRecord,\r\n useSafeAreaInsets,\r\n} from \"react-native-safe-area-context\";\r\n\r\nimport { EdgeToShorthandKeyMap, EdgeToSpacingKeyMap } from \"../../constants\";\r\nimport { SafeAreaViewProps } from \"../../types\";\r\nimport { View } from \"./view\";\r\n\r\nexport const SafeAreaView = memo(function SafeAreaView(\r\n props: SafeAreaViewProps,\r\n) {\r\n const { edges, mode = \"padding\", style, ...rest } = props;\r\n const insets = useSafeAreaInsets();\r\n\r\n const flatenedStyle = useMemo(() => {\r\n return StyleSheet.flatten(style);\r\n }, [style]);\r\n\r\n const nativeEdges = useMemo<Record<Edge, EdgeMode>>(() => {\r\n if (!edges) {\r\n return {\r\n top: \"additive\",\r\n bottom: \"additive\",\r\n left: \"additive\",\r\n right: \"additive\",\r\n };\r\n }\r\n\r\n let computedEdges: EdgeRecord;\r\n\r\n if (Array.isArray(edges)) {\r\n computedEdges = edges.reduce<EdgeRecord>((acc, current: Edge) => {\r\n acc[current] = \"additive\";\r\n\r\n return acc;\r\n }, {});\r\n } else {\r\n computedEdges = edges as EdgeRecord;\r\n }\r\n\r\n return {\r\n top: computedEdges.top ?? \"off\",\r\n bottom: computedEdges.bottom ?? \"off\",\r\n left: computedEdges.left ?? \"off\",\r\n right: computedEdges.right ?? \"off\",\r\n };\r\n }, [edges]);\r\n\r\n const getSpacingKey = useCallback(\r\n (edge: Edge): keyof ViewStyle => `${mode}${EdgeToSpacingKeyMap[edge]}`,\r\n [mode],\r\n );\r\n\r\n const getSpacingForEdge = useCallback(\r\n (edge: Edge): number => {\r\n const shorthand: keyof ViewStyle = `${mode}${EdgeToShorthandKeyMap[edge]}`;\r\n const spacing: keyof ViewStyle = getSpacingKey(edge);\r\n\r\n return Number(\r\n flatenedStyle?.[spacing] ??\r\n flatenedStyle?.[shorthand] ??\r\n flatenedStyle?.[mode] ??\r\n 0,\r\n );\r\n },\r\n [flatenedStyle, getSpacingKey, mode],\r\n );\r\n\r\n const resolveEdge = useCallback(\r\n (inset: number, current: number, edgeMode: EdgeMode) => {\r\n if (edgeMode === \"off\") {\r\n return current;\r\n }\r\n\r\n if (edgeMode === \"maximum\") {\r\n return Math.max(inset, current);\r\n }\r\n\r\n return inset + current;\r\n },\r\n [],\r\n );\r\n\r\n const computedStyle = useMemo(() => {\r\n const insetsStyle: ViewStyle = {\r\n [getSpacingKey(\"top\")]: resolveEdge(\r\n insets.top,\r\n getSpacingForEdge(\"top\"),\r\n nativeEdges.top,\r\n ),\r\n [getSpacingKey(\"bottom\")]: resolveEdge(\r\n insets.bottom,\r\n getSpacingForEdge(\"bottom\"),\r\n nativeEdges.bottom,\r\n ),\r\n [getSpacingKey(\"left\")]: resolveEdge(\r\n insets.left,\r\n getSpacingForEdge(\"left\"),\r\n nativeEdges.left,\r\n ),\r\n [getSpacingKey(\"right\")]: resolveEdge(\r\n insets.right,\r\n getSpacingForEdge(\"right\"),\r\n nativeEdges.right,\r\n ),\r\n };\r\n\r\n return StyleSheet.flatten([style, insetsStyle]);\r\n }, [\r\n insets,\r\n nativeEdges,\r\n style,\r\n resolveEdge,\r\n getSpacingKey,\r\n getSpacingForEdge,\r\n ]);\r\n\r\n return <View style={computedStyle} {...rest} />;\r\n});\r\n","export const EdgeToSpacingKeyMap = {\r\n top: \"Top\",\r\n bottom: \"Bottom\",\r\n left: \"Left\",\r\n right: \"Right\",\r\n} as const;\r\n\r\nexport const EdgeToShorthandKeyMap = {\r\n top: \"Vertical\",\r\n bottom: \"Vertical\",\r\n left: \"Horizontal\",\r\n right: \"Horizontal\",\r\n} as const;\r\n","import { ComponentSize } from \"@impulse-ui-native/theme\";\r\n\r\nexport const ControlContainerHeight: Record<ComponentSize, number> = {\r\n small: 36,\r\n medium: 44,\r\n large: 52,\r\n};\r\n\r\nexport const ControlFontSize: Record<ComponentSize, number> = {\r\n small: 14,\r\n medium: 16,\r\n large: 18,\r\n};\r\n","import { memo, useMemo } from \"react\";\r\nimport { StyleSheet, Text, TextStyle } from \"react-native\";\r\n\r\nimport {\r\n AppTheme,\r\n TypographyPresetKey,\r\n TypographyProps,\r\n useStyleProps,\r\n useTheme,\r\n} from \"@impulse-ui-native/theme\";\r\n\r\nimport { TextProps } from \"../types\";\r\n\r\nconst numericFontVariant: TextStyle[\"fontVariant\"] = [\"tabular-nums\"];\r\nconst defaultFontVariant: TextStyle[\"fontVariant\"] = [];\r\n\r\nexport function createPreset(\r\n config: (theme: AppTheme) => TypographyProps,\r\n key: TypographyPresetKey,\r\n) {\r\n const Component = (props: TextProps) => {\r\n const { style, numeric, fontStyle, fontWeight, ...rest } = props;\r\n\r\n const theme = useTheme();\r\n const extractedStyleProps = useStyleProps(props);\r\n\r\n const typographyStyle = useMemo(() => {\r\n const themedConfig = config(theme);\r\n\r\n const resolvedFontStyle = fontStyle ?? themedConfig.fontStyle ?? \"normal\";\r\n const resolvedFontWeight = fontWeight ?? themedConfig.fontWeight ?? 400;\r\n\r\n const fontFamily =\r\n theme.fontFamily[resolvedFontStyle][resolvedFontWeight];\r\n\r\n return StyleSheet.flatten([\r\n themedConfig,\r\n extractedStyleProps,\r\n {\r\n fontFamily,\r\n fontVariant: numeric ? numericFontVariant : defaultFontVariant,\r\n },\r\n style,\r\n ]);\r\n }, [theme, extractedStyleProps, style, numeric, fontStyle, fontWeight]);\r\n\r\n return <Text {...rest} style={typographyStyle} />;\r\n };\r\n\r\n Component.displayName = `Typography.${key}`;\r\n\r\n return memo(Component);\r\n}\r\n","import { createPreset } from \"../../hocs\";\r\n\r\nexport const Typography = {\r\n Master: createPreset(\r\n (theme) => ({ fontWeight: theme.fontWeight.regular }),\r\n \"Master\",\r\n ),\r\n\r\n DisplayLarge: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.bold,\r\n fontSize: theme.fontSize.colossal,\r\n lineHeight: theme.lineHeight.colossal,\r\n }),\r\n \"DisplayLarge\",\r\n ),\r\n\r\n DisplayMedium: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.bold,\r\n fontSize: theme.fontSize.giant,\r\n lineHeight: theme.lineHeight.giant,\r\n }),\r\n \"DisplayMedium\",\r\n ),\r\n\r\n DisplaySmall: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.semiBold,\r\n fontSize: theme.fontSize.huge,\r\n lineHeight: theme.lineHeight.huge,\r\n }),\r\n \"DisplaySmall\",\r\n ),\r\n\r\n Title1: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.bold,\r\n fontSize: theme.fontSize.xxxl,\r\n lineHeight: theme.lineHeight.xxxl,\r\n }),\r\n \"Title1\",\r\n ),\r\n\r\n Title2: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.bold,\r\n fontSize: theme.fontSize.xxl,\r\n lineHeight: theme.lineHeight.xxl,\r\n }),\r\n \"Title2\",\r\n ),\r\n\r\n Title3: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.semiBold,\r\n fontSize: theme.fontSize.xl,\r\n lineHeight: theme.lineHeight.xl,\r\n }),\r\n \"Title3\",\r\n ),\r\n\r\n Title4: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.semiBold,\r\n fontSize: theme.fontSize.lg,\r\n lineHeight: theme.lineHeight.lg,\r\n }),\r\n \"Title4\",\r\n ),\r\n\r\n Title5: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.semiBold,\r\n fontSize: theme.fontSize.md,\r\n lineHeight: theme.lineHeight.md,\r\n }),\r\n \"Title5\",\r\n ),\r\n\r\n Title6: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.semiBold,\r\n fontSize: theme.fontSize.sm,\r\n lineHeight: theme.lineHeight.sm,\r\n }),\r\n \"Title6\",\r\n ),\r\n\r\n Subtitle1: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.medium,\r\n fontSize: theme.fontSize.md,\r\n lineHeight: theme.lineHeight.lg,\r\n }),\r\n \"Subtitle1\",\r\n ),\r\n\r\n Subtitle2: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.regular,\r\n fontSize: theme.fontSize.sm,\r\n lineHeight: theme.lineHeight.sm,\r\n }),\r\n \"Subtitle2\",\r\n ),\r\n\r\n BodyLarge: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.regular,\r\n fontSize: theme.fontSize.md,\r\n lineHeight: theme.lineHeight.lg,\r\n }),\r\n \"BodyLarge\",\r\n ),\r\n\r\n Body: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.regular,\r\n fontSize: theme.fontSize.sm,\r\n lineHeight: theme.lineHeight.sm,\r\n }),\r\n \"Body\",\r\n ),\r\n\r\n BodySmall: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.regular,\r\n fontSize: theme.fontSize.xsm,\r\n lineHeight: theme.lineHeight.xsm,\r\n }),\r\n \"BodySmall\",\r\n ),\r\n\r\n Caption: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.regular,\r\n fontSize: theme.fontSize.xs,\r\n lineHeight: theme.lineHeight.xs,\r\n }),\r\n \"Caption\",\r\n ),\r\n\r\n Label: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.medium,\r\n fontSize: theme.fontSize.xsm,\r\n lineHeight: theme.lineHeight.xsm,\r\n }),\r\n \"Label\",\r\n ),\r\n\r\n Overline: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.semiBold,\r\n fontSize: theme.fontSize.xs,\r\n lineHeight: theme.lineHeight.xs,\r\n textTransform: \"uppercase\",\r\n letterSpacing: 1,\r\n }),\r\n \"Overline\",\r\n ),\r\n\r\n Helper: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.regular,\r\n fontSize: theme.fontSize.xsm,\r\n lineHeight: theme.lineHeight.xsm,\r\n }),\r\n \"Helper\",\r\n ),\r\n\r\n Code: createPreset(\r\n (theme) => ({\r\n fontFamily: \"monospace\",\r\n fontSize: theme.fontSize.xsm,\r\n lineHeight: theme.lineHeight.xsm,\r\n }),\r\n \"Code\",\r\n ),\r\n\r\n Quote: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.regular,\r\n fontSize: theme.fontSize.md,\r\n lineHeight: theme.lineHeight.lg,\r\n fontStyle: \"italic\",\r\n }),\r\n \"Quote\",\r\n ),\r\n\r\n Eyebrow: createPreset(\r\n (theme) => ({\r\n fontWeight: theme.fontWeight.medium,\r\n fontSize: theme.fontSize.xs,\r\n lineHeight: theme.lineHeight.xs,\r\n textTransform: \"uppercase\",\r\n letterSpacing: 1,\r\n }),\r\n \"Eyebrow\",\r\n ),\r\n};\r\n\r\nexport type TypographyComponent = (typeof Typography)[keyof typeof Typography];\r\n","import { memo, PropsWithChildren, useMemo } from \"react\";\r\nimport { ActivityIndicator, StyleSheet } from \"react-native\";\r\n\r\nimport { AppTheme, useThemedStyles } from \"@impulse-ui-native/theme\";\r\n\r\nimport { ButtonProps, ButtonThemeProps } from \"../../types\";\r\nimport { Pressable } from \"./pressable\";\r\nimport { Typography } from \"./typography\";\r\n\r\nexport const Button = memo(function Button({\r\n size = \"medium\",\r\n variant = \"filled\",\r\n disabled,\r\n children,\r\n style,\r\n ...props\r\n}: PropsWithChildren<ButtonProps>) {\r\n const styles = useThemedStyles(themedStyles, { size, variant, disabled }, [\r\n size,\r\n variant,\r\n disabled,\r\n ]);\r\n\r\n const buttonStyles = useMemo(\r\n () => [styles.button, style],\r\n [styles.button, style],\r\n );\r\n\r\n const content = useMemo(() => {\r\n if (props.loading) {\r\n return <ActivityIndicator color={styles.text.color} />;\r\n }\r\n\r\n return typeof children === \"string\" ? (\r\n <Typography.Master style={styles.text}>{children}</Typography.Master>\r\n ) : (\r\n children\r\n );\r\n }, [children, props.loading, styles.text]);\r\n\r\n return (\r\n <Pressable style={buttonStyles} disabled={disabled} {...props}>\r\n {content}\r\n </Pressable>\r\n );\r\n});\r\n\r\nfunction themedStyles(theme: AppTheme, props: ButtonThemeProps) {\r\n const { size, variant, disabled } = props;\r\n\r\n const buttonTokens = theme.components.button;\r\n const sizeTokens = buttonTokens.sizes[size];\r\n const variantTokens = buttonTokens.variants[variant];\r\n\r\n return StyleSheet.create({\r\n button: {\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n\r\n height: sizeTokens.height,\r\n paddingVertical: sizeTokens.paddingVertical,\r\n paddingHorizontal: sizeTokens.paddingHorizontal,\r\n\r\n borderWidth: buttonTokens.borderWidth,\r\n borderRadius: buttonTokens.borderRadius,\r\n\r\n borderColor: disabled\r\n ? variantTokens.disabledBorderColor\r\n : variantTokens.borderColor,\r\n\r\n backgroundColor: disabled\r\n ? variantTokens.disabledBackgroundColor\r\n : variantTokens.backgroundColor,\r\n },\r\n\r\n text: {\r\n width: \"100%\",\r\n textAlign: \"center\",\r\n\r\n fontSize: sizeTokens.fontSize,\r\n\r\n color: disabled ? variantTokens.disabledColor : variantTokens.color,\r\n },\r\n });\r\n}\r\n","import { PropsWithChildren, useCallback } from \"react\";\r\nimport {\r\n PressableStateCallbackType,\r\n Pressable as RNPressable,\r\n StyleProp,\r\n StyleSheet,\r\n ViewStyle,\r\n} from \"react-native\";\r\n\r\nimport {\r\n getShadowStyle,\r\n useColors,\r\n useStyleProps,\r\n} from \"@impulse-ui-native/theme\";\r\n\r\nimport { PressableCoreProps } from \"../../types\";\r\n\r\nexport const Pressable = function PressableCore({\r\n children,\r\n disabled,\r\n pressedStyle,\r\n style,\r\n ...props\r\n}: PropsWithChildren<PressableCoreProps>) {\r\n const colors = useColors();\r\n const extractedStyleProps = useStyleProps(props);\r\n\r\n const pressableStyles = useCallback(\r\n (state: PressableStateCallbackType): StyleProp<ViewStyle> => {\r\n let overrideStyle: StyleProp<ViewStyle>;\r\n\r\n if (typeof style === \"function\") {\r\n overrideStyle = style(state);\r\n } else {\r\n overrideStyle = style;\r\n }\r\n\r\n return StyleSheet.flatten([\r\n { opacity: disabled || state.pressed ? 0.6 : 1 },\r\n getShadowStyle(props.shadow, props.shadowPosition, colors),\r\n extractedStyleProps,\r\n overrideStyle,\r\n state.pressed ? pressedStyle : undefined,\r\n ]);\r\n },\r\n [\r\n style,\r\n pressedStyle,\r\n disabled,\r\n extractedStyleProps,\r\n props.shadow,\r\n props.shadowPosition,\r\n colors,\r\n ],\r\n );\r\n\r\n return (\r\n <RNPressable {...props} style={pressableStyles} disabled={disabled}>\r\n {children}\r\n </RNPressable>\r\n );\r\n};\r\n","import { memo, PropsWithChildren, useMemo } from \"react\";\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nimport { Icon } from \"@impulse-ui-native/icon\";\r\nimport { AppTheme, useThemedStyles } from \"@impulse-ui-native/theme\";\r\n\r\nimport { IconButtonProps, IconButtonThemeProps } from \"../../types\";\r\nimport { Pressable } from \"./pressable\";\r\n\r\nexport const IconButton = memo(function IconButton({\r\n size = \"medium\",\r\n variant = \"filled\",\r\n disabled,\r\n style,\r\n icon,\r\n ...props\r\n}: PropsWithChildren<IconButtonProps>) {\r\n const styles = useThemedStyles(themedStyles, { size, variant, disabled }, [\r\n size,\r\n variant,\r\n disabled,\r\n ]);\r\n\r\n const iconButtonStyles = useMemo(\r\n () => [styles.button, style],\r\n [styles.button, style],\r\n );\r\n\r\n return (\r\n <Pressable style={iconButtonStyles} disabled={disabled} {...props}>\r\n <Icon size={size} icon={icon} color={styles.icon.color} />\r\n </Pressable>\r\n );\r\n});\r\n\r\nfunction themedStyles(theme: AppTheme, props: IconButtonThemeProps) {\r\n const { size, variant, disabled } = props;\r\n\r\n const iconButtonTokens = theme.components.iconButton;\r\n const sizeTokens = iconButtonTokens.sizes[size];\r\n const variantTokens = iconButtonTokens.variants[variant];\r\n\r\n return StyleSheet.create({\r\n button: {\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n\r\n height: sizeTokens.size,\r\n width: sizeTokens.size,\r\n padding: sizeTokens.padding,\r\n\r\n borderWidth: iconButtonTokens.borderWidth,\r\n borderRadius: iconButtonTokens.borderRadius,\r\n\r\n borderColor: disabled\r\n ? variantTokens.disabledBorderColor\r\n : variantTokens.borderColor,\r\n\r\n backgroundColor: disabled\r\n ? variantTokens.disabledBackgroundColor\r\n : variantTokens.backgroundColor,\r\n },\r\n\r\n icon: {\r\n color: disabled ? variantTokens.disabledColor : variantTokens.color,\r\n },\r\n });\r\n}\r\n","import { memo, useMemo } from \"react\";\r\nimport { StyleSheet, View } from \"react-native\";\r\n\r\nimport { Icon, XCircleIcon } from \"@impulse-ui-native/icon\";\r\nimport { AppTheme, useThemedStyles } from \"@impulse-ui-native/theme\";\r\n\r\nimport { TagProps, TagThemeProps } from \"../../types\";\r\nimport { Pressable } from \"./pressable\";\r\nimport { Typography } from \"./typography\";\r\n\r\nexport const Tag = memo(function Tag({\r\n label,\r\n size = \"medium\",\r\n variant = \"filled\",\r\n color = \"primary\",\r\n closable,\r\n disabled,\r\n onClose,\r\n onPress,\r\n}: TagProps) {\r\n const styles = useThemedStyles(\r\n themedStyles,\r\n {\r\n size,\r\n variant,\r\n disabled,\r\n color,\r\n },\r\n [size, variant, disabled, color],\r\n );\r\n\r\n const Container = useMemo(() => {\r\n if (onPress) {\r\n return Pressable;\r\n }\r\n\r\n return View;\r\n }, [onPress]);\r\n\r\n const showClose =\r\n (closable || size === \"medium\" || size === \"large\") && !disabled && onClose;\r\n\r\n return (\r\n <Container onPress={onPress} disabled={disabled} style={styles.container}>\r\n <Typography.Caption style={styles.label}>{label}</Typography.Caption>\r\n\r\n {showClose ? (\r\n <Pressable onPress={onClose} hitSlop={10}>\r\n <Icon\r\n icon={XCircleIcon}\r\n size=\"small\"\r\n color={styles.icon.color}\r\n style={styles.icon}\r\n />\r\n </Pressable>\r\n ) : null}\r\n </Container>\r\n );\r\n});\r\n\r\nfunction themedStyles(theme: AppTheme, props: TagThemeProps) {\r\n const { size, variant, color, disabled } = props;\r\n\r\n const tagTokens = theme.components.tag;\r\n const sizeTokens = tagTokens.sizes[size];\r\n const variantTokens = tagTokens.colors[color][variant];\r\n\r\n return StyleSheet.create({\r\n container: {\r\n flexDirection: \"row\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n alignSelf: \"flex-start\",\r\n\r\n height: sizeTokens.height,\r\n paddingHorizontal: sizeTokens.paddingHorizontal,\r\n minWidth: sizeTokens.minWidth,\r\n\r\n borderRadius: tagTokens.borderRadius,\r\n gap: tagTokens.gap,\r\n borderWidth: tagTokens.borderWidth,\r\n\r\n borderColor: disabled\r\n ? variantTokens.disabledBorderColor\r\n : variantTokens.borderColor,\r\n\r\n backgroundColor: disabled\r\n ? variantTokens.disabledBackgroundColor\r\n : variantTokens.backgroundColor,\r\n },\r\n\r\n label: {\r\n fontSize: sizeTokens.fontSize,\r\n color: disabled ? variantTokens.disabledColor : variantTokens.color,\r\n },\r\n\r\n icon: {\r\n marginLeft: tagTokens.iconMarginLeft,\r\n color: disabled ? variantTokens.disabledColor : variantTokens.color,\r\n },\r\n });\r\n}\r\n","import { memo, useMemo } from \"react\";\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nimport { Icon } from \"@impulse-ui-native/icon\";\r\nimport {\r\n AppTheme,\r\n useComponentsTokens,\r\n useThemedStyles,\r\n} from \"@impulse-ui-native/theme\";\r\n\r\nimport { ControlAddonProps } from \"../../types\";\r\nimport { Pressable, View } from \"../atoms\";\r\nimport { useControlContext } from \"./provider\";\r\n\r\nexport const ControlAddon = memo(function ControlAddon(\r\n props: ControlAddonProps,\r\n) {\r\n const { icon: AddonIcon, onPress, Content, style, ...rest } = props;\r\n\r\n const { disabled, error } = useControlContext();\r\n\r\n const tokens = useComponentsTokens();\r\n\r\n const styles = useThemedStyles(\r\n themedStyles,\r\n {\r\n disabled,\r\n error,\r\n },\r\n [disabled, error],\r\n );\r\n\r\n const Container = useMemo(() => {\r\n if (onPress) {\r\n return Pressable;\r\n }\r\n\r\n return View;\r\n }, [onPress]);\r\n\r\n const children = useMemo(() => {\r\n if (Content) {\r\n return <Content />;\r\n }\r\n\r\n if (AddonIcon) {\r\n return <Icon color={styles.icon.color} icon={AddonIcon} />;\r\n }\r\n\r\n return null;\r\n }, [AddonIcon, Content, styles.icon.color]);\r\n\r\n const containerStyle = useMemo(\r\n () => [styles.container, style],\r\n [styles.container, style],\r\n );\r\n\r\n if (!children) {\r\n return null;\r\n }\r\n\r\n return (\r\n <Container\r\n {...rest}\r\n style={containerStyle}\r\n hitSlop={tokens.controlAddon.hitSlop}\r\n onPress={onPress}\r\n disabled={disabled}\r\n >\r\n {children}\r\n </Container>\r\n );\r\n});\r\n\r\nfunction themedStyles(\r\n theme: AppTheme,\r\n props: {\r\n disabled?: boolean;\r\n error?: string;\r\n },\r\n) {\r\n const { disabled, error } = props;\r\n\r\n const controlAddonTokens = theme.components.controlAddon;\r\n\r\n return StyleSheet.create({\r\n container: {\r\n marginHorizontal: controlAddonTokens.marginHorizontal,\r\n },\r\n\r\n icon: {\r\n color: disabled\r\n ? controlAddonTokens.disabledIconColor\r\n : error\r\n ? controlAddonTokens.errorIconColor\r\n : controlAddonTokens.iconColor,\r\n },\r\n });\r\n}\r\n","import { createContext, memo, PropsWithChildren, useContext } from \"react\";\r\n\r\nimport { ControlContextData } from \"../../types\";\r\n\r\nconst ControlContext = createContext<ControlContextData | undefined>(undefined);\r\n\r\nexport const ControlProvider = memo(function ControlProvider(\r\n props: PropsWithChildren<ControlContextData>,\r\n) {\r\n const { children, ...context } = props;\r\n\r\n return (\r\n <ControlContext.Provider value={context}>\r\n {children}\r\n </ControlContext.Provider>\r\n );\r\n});\r\n\r\nexport function useControlContext() {\r\n const context = useContext(ControlContext);\r\n\r\n if (!context) {\r\n throw new Error(\"useControlContext must be used within ControlProvider\");\r\n }\r\n\r\n return context;\r\n}\r\n","import { memo, useMemo } from \"react\";\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nimport {\r\n AppTheme,\r\n ComponentSize,\r\n ComponentVariant,\r\n useThemedStyles,\r\n} from \"@impulse-ui-native/theme\";\r\n\r\nimport { ControlContainerProps } from \"../../types\";\r\nimport { View } from \"../atoms/view\";\r\nimport { useControlContext } from \"./provider\";\r\n\r\nexport const ControlContainer = memo(function ControlContainer(\r\n props: ControlContainerProps,\r\n) {\r\n const { style, ...rest } = props;\r\n\r\n const { size, variant, disabled, error } = useControlContext();\r\n\r\n const styles = useThemedStyles(\r\n themedStyles,\r\n {\r\n size,\r\n variant,\r\n disabled,\r\n error,\r\n },\r\n [size, variant, disabled, error],\r\n );\r\n\r\n const containerStyle = useMemo(\r\n () => [styles.inputContainer, style],\r\n [styles.inputContainer, style],\r\n );\r\n\r\n return <View style={containerStyle} {...rest} />;\r\n});\r\n\r\nfunction themedStyles(\r\n theme: AppTheme,\r\n {\r\n size,\r\n variant,\r\n disabled,\r\n error,\r\n }: {\r\n size: ComponentSize;\r\n variant: ComponentVariant;\r\n disabled?: boolean;\r\n error?: string;\r\n },\r\n) {\r\n const controlContainerTokens = theme.components.controlContainer;\r\n const sizeTokens = controlContainerTokens.sizes[size];\r\n const variantTokens = controlContainerTokens.variants[variant];\r\n\r\n return StyleSheet.create({\r\n inputContainer: {\r\n flexDirection: \"row\",\r\n alignItems: \"center\",\r\n\r\n height: sizeTokens.height,\r\n paddingHorizontal: sizeTokens.paddingHorizontal,\r\n\r\n borderRadius: controlContainerTokens.borderRadius,\r\n borderWidth: controlContainerTokens.borderWidth,\r\n\r\n opacity: disabled ? controlContainerTokens.disabledOpacity : 1,\r\n\r\n backgroundColor: disabled\r\n ? variantTokens.disabledBackgroundColor\r\n : variantTokens.backgroundColor,\r\n\r\n borderColor: error\r\n ? variantTokens.errorBorderColor\r\n : disabled\r\n ? variantTokens.disabledBorderColor\r\n : variantTokens.borderColor,\r\n\r\n borderBottomColor: error\r\n ? variantTokens.errorBorderBottomColor\r\n : disabled\r\n ? variantTokens.disabledBorderBottomColor\r\n : variantTokens.borderBottomColor,\r\n },\r\n });\r\n}\r\n","import { memo, useMemo } from \"react\";\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nimport { AppTheme, useThemedStyles } from \"@impulse-ui-native/theme\";\r\n\r\nimport { ControlErrorLabelProps } from \"../../types\";\r\nimport { Typography } from \"../atoms\";\r\nimport { useControlContext } from \"./provider\";\r\n\r\nexport const ControlError = memo(function ControlError(\r\n props: ControlErrorLabelProps,\r\n) {\r\n const { style, ...rest } = props;\r\n\r\n const { error } = useControlContext();\r\n\r\n const styles = useThemedStyles(themedStyles);\r\n\r\n const errorStyle = useMemo(\r\n () => [styles.error, style],\r\n [styles.error, style],\r\n );\r\n\r\n if (!Boolean(error)) {\r\n return null;\r\n }\r\n\r\n return (\r\n <Typography.Caption {...rest} style={errorStyle}>\r\n {error}\r\n </Typography.Caption>\r\n );\r\n});\r\n\r\nfunction themedStyles(theme: AppTheme) {\r\n const controlErrorTokens = theme.components.controlError;\r\n\r\n return StyleSheet.create({\r\n error: {\r\n marginTop: controlErrorTokens.marginTop,\r\n color: controlErrorTokens.color,\r\n fontSize: controlErrorTokens.fontSize,\r\n },\r\n });\r\n}\r\n","import { memo, useMemo } from \"react\";\r\nimport { StyleSheet, TextInput } from \"react-native\";\r\n\r\nimport {\r\n AppTheme,\r\n ComponentSize,\r\n ComponentVariant,\r\n useThemedStyles,\r\n} from \"@impulse-ui-native/theme\";\r\n\r\nimport { ControlInputProps } from \"../../types\";\r\nimport { useControlContext } from \"./provider\";\r\n\r\nexport const ControlInput = memo(function ControlInput(\r\n props: ControlInputProps,\r\n) {\r\n const { onPress, style, ...rest } = props;\r\n\r\n const { size, variant, disabled, error } = useControlContext();\r\n\r\n const styles = useThemedStyles(\r\n themedStyles,\r\n {\r\n size,\r\n variant,\r\n disabled,\r\n error,\r\n },\r\n [size, variant, disabled, error],\r\n );\r\n\r\n const inputStyles = useMemo(\r\n () => [styles.input, style],\r\n [styles.input, style],\r\n );\r\n\r\n return (\r\n <TextInput\r\n {...rest}\r\n style={inputStyles}\r\n placeholderTextColor={styles.placeholder.color}\r\n editable={!disabled}\r\n />\r\n );\r\n});\r\n\r\nfunction themedStyles(\r\n theme: AppTheme,\r\n {\r\n size,\r\n variant,\r\n disabled,\r\n error,\r\n }: {\r\n size: ComponentSize;\r\n variant: ComponentVariant;\r\n disabled?: boolean;\r\n error?: string;\r\n },\r\n) {\r\n const controlInputTokens = theme.components.controlInput;\r\n const sizeTokens = controlInputTokens.sizes[size];\r\n const variantTokens = controlInputTokens.variants[variant];\r\n\r\n const color = disabled\r\n ? variantTokens.disabledColor\r\n : error\r\n ? variantTokens.errorColor\r\n : variantTokens.color;\r\n\r\n const placeholderColor = disabled\r\n ? variantTokens.disabledPlaceholderColor\r\n : error\r\n ? variantTokens.errorPlaceholderColor\r\n : variantTokens.placeholderColor;\r\n\r\n return StyleSheet.create({\r\n input: {\r\n flex: controlInputTokens.flex,\r\n color,\r\n fontSize: sizeTokens.fontSize,\r\n fontFamily: controlInputTokens.fontFamily,\r\n paddingHorizontal: controlInputTokens.paddingHorizontal,\r\n height: \"100%\",\r\n },\r\n\r\n placeholder: {\r\n color: placeholderColor,\r\n },\r\n });\r\n}\r\n","import { memo, useMemo } from \"react\";\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nimport { AppTheme, useThemedStyles } from \"@impulse-ui-native/theme\";\r\n\r\nimport { ControlLabelProps } from \"../../types\";\r\nimport { Typography } from \"../atoms\";\r\nimport { useControlContext } from \"./provider\";\r\n\r\nexport const ControlLabel = memo(function ControlLabel(\r\n props: ControlLabelProps,\r\n) {\r\n const { children, disabled, style, ...rest } = props;\r\n\r\n const { error } = useControlContext();\r\n\r\n const styles = useThemedStyles(\r\n themedStyles,\r\n {\r\n disabled,\r\n error,\r\n },\r\n [disabled, error],\r\n );\r\n\r\n const labelStyle = useMemo(\r\n () => [styles.label, style],\r\n [styles.label, style],\r\n );\r\n\r\n if (!children) {\r\n return null;\r\n }\r\n\r\n return (\r\n <Typography.Label {...rest} style={labelStyle}>\r\n {children}\r\n </Typography.Label>\r\n );\r\n});\r\n\r\nfunction themedStyles(\r\n theme: AppTheme,\r\n props: {\r\n disabled?: boolean;\r\n error?: string;\r\n },\r\n) {\r\n const { disabled, error } = props;\r\n\r\n const controlLabelTokens = theme.components.controlLabel;\r\n\r\n const color = disabled\r\n ? controlLabelTokens.disabledColor\r\n : error\r\n ? controlLabelTokens.errorColor\r\n : controlLabelTokens.color;\r\n\r\n return StyleSheet.create({\r\n label: {\r\n marginBottom: controlLabelTokens.marginBottom,\r\n fontSize: controlLabelTokens.fontSize,\r\n color,\r\n },\r\n });\r\n}\r\n","import { memo } from \"react\";\r\nimport { ActivityIndicator } from \"react-native\";\r\n\r\nexport const ControlLoader = memo(function ControlLoader() {\r\n return <ActivityIndicator />;\r\n});\r\n","import { memo, useMemo } from \"react\";\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nimport {\r\n AppTheme,\r\n ComponentSize,\r\n ComponentVariant,\r\n useThemedStyles,\r\n} from \"@impulse-ui-native/theme\";\r\n\r\nimport { ControlPlaceholderProps } from \"../../types\";\r\nimport { Typography } from \"../atoms\";\r\nimport { useControlContext } from \"./provider\";\r\n\r\nexport const ControlPlaceholder = memo(function ControlPlaceholder(\r\n props: ControlPlaceholderProps,\r\n) {\r\n const { style, ...rest } = props;\r\n\r\n const { size, variant, disabled, error } = useControlContext();\r\n\r\n const styles = useThemedStyles(\r\n themedStyles,\r\n {\r\n size,\r\n variant,\r\n disabled,\r\n error,\r\n },\r\n [size, variant, disabled, error],\r\n );\r\n\r\n const placeholderStyle = useMemo(\r\n () => [styles.placeholder, style],\r\n [styles.placeholder, style],\r\n );\r\n\r\n return (\r\n <Typography.Master numberOfLines={1} {...rest} style={placeholderStyle} />\r\n );\r\n});\r\n\r\nfunction themedStyles(\r\n theme: AppTheme,\r\n {\r\n size,\r\n variant,\r\n disabled,\r\n error,\r\n }: {\r\n size: ComponentSize;\r\n variant: ComponentVariant;\r\n disabled?: boolean;\r\n error?: string;\r\n },\r\n) {\r\n const controlInputTokens = theme.components.controlInput;\r\n const sizeTokens = controlInputTokens.sizes[size];\r\n const variantTokens = controlInputTokens.variants[variant];\r\n\r\n const color = disabled\r\n ? variantTokens.disabledPlaceholderColor\r\n : error\r\n ? variantTokens.errorPlaceholderColor\r\n : variantTokens.placeholderColor;\r\n\r\n return StyleSheet.create({\r\n placeholder: {\r\n flex: controlInputTokens.flex,\r\n color,\r\n fontFamily: controlInputTokens.fontFamily,\r\n fontSize: sizeTokens.fontSize,\r\n paddingHorizontal: controlInputTokens.paddingHorizontal,\r\n },\r\n });\r\n}\r\n","import { memo, useMemo } from \"react\";\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nimport { ViewProps } from \"../../types\";\r\nimport { View } from \"../atoms\";\r\n\r\nexport const ControlRoot = memo(function ControlRoot(props: ViewProps) {\r\n const { style, ...rest } = props;\r\n\r\n const containerStyle = useMemo(() => [styles.container, style], [style]);\r\n\r\n return <View {...rest} style={containerStyle} />;\r\n});\r\n\r\nconst styles = StyleSheet.create({\r\n container: {\r\n width: \"100%\",\r\n },\r\n});\r\n","import { memo, useMemo } from \"react\";\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nimport {\r\n AppTheme,\r\n ComponentSize,\r\n useThemedStyles,\r\n} from \"@impulse-ui-native/theme\";\r\n\r\nimport { ControlValueProps } from \"../../types\";\r\nimport { Typography } from \"../atoms\";\r\nimport { useControlContext } from \"./provider\";\r\n\r\nexport const ControlValue = memo(function ControlValue(\r\n props: ControlValueProps,\r\n) {\r\n const { style, ...rest } = props;\r\n\r\n const { size } = useControlContext();\r\n\r\n const styles = useThemedStyles(themedStyles, { size }, [size]);\r\n\r\n const valueStyle = useMemo(\r\n () => [styles.value, style],\r\n [styles.value, style],\r\n );\r\n\r\n return <Typography.Master numberOfLines={1} {...rest} style={valueStyle} />;\r\n});\r\n\r\nfunction themedStyles(\r\n theme: AppTheme,\r\n {\r\n size,\r\n }: {\r\n size: ComponentSize;\r\n },\r\n) {\r\n const controlInputTokens = theme.components.controlInput;\r\n const sizeTokens = controlInputTokens.sizes[size];\r\n\r\n return StyleSheet.create({\r\n value: {\r\n flex: controlInputTokens.flex,\r\n fontFamily: controlInputTokens.fontFamily,\r\n fontSize: sizeTokens.fontSize,\r\n paddingHorizontal: controlInputTokens.paddingHorizontal,\r\n },\r\n });\r\n}\r\n","import { ControlAddon } from \"./addon\";\r\nimport { ControlContainer } from \"./container\";\r\nimport { ControlError } from \"./error\";\r\nimport { ControlInput } from \"./input\";\r\nimport { ControlLabel } from \"./label\";\r\nimport { ControlLoader } from \"./loader\";\r\nimport { ControlPlaceholder } from \"./placeholder\";\r\nimport { ControlProvider } from \"./provider\";\r\nimport { ControlRoot } from \"./root\";\r\nimport { ControlValue } from \"./value\";\r\n\r\nexport const Control = {\r\n Container: ControlContainer,\r\n Provider: ControlProvider,\r\n Root: ControlRoot,\r\n Label: ControlLabel,\r\n Error: ControlError,\r\n Addon: ControlAddon,\r\n Input: ControlInput,\r\n Placeholder: ControlPlaceholder,\r\n Value: ControlValue,\r\n Loader: ControlLoader,\r\n};\r\n"],"mappings":"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","names":["View","memo","useMemo","StyleSheet","jsx","memo","SafeAreaView","useMemo","StyleSheet","memo","useMemo","StyleSheet","useStyleProps","jsx","memo","useMemo","StyleSheet","useCallback","StyleSheet","getShadowStyle","useColors","useStyleProps","jsx","jsx","memo","Button","styles","useMemo","StyleSheet","memo","useMemo","StyleSheet","useThemedStyles","jsx","memo","IconButton","styles","useThemedStyles","themedStyles","useMemo","StyleSheet","memo","useMemo","StyleSheet","View","Icon","useThemedStyles","jsx","memo","Tag","styles","useThemedStyles","themedStyles","useMemo","View","Icon","StyleSheet","memo","useMemo","StyleSheet","Icon","useThemedStyles","memo","jsx","ControlProvider","jsx","memo","ControlAddon","styles","useThemedStyles","themedStyles","useMemo","Icon","StyleSheet","memo","useMemo","StyleSheet","useThemedStyles","jsx","memo","ControlContainer","styles","useThemedStyles","themedStyles","useMemo","StyleSheet","memo","useMemo","StyleSheet","useThemedStyles","jsx","memo","ControlError","styles","useThemedStyles","themedStyles","useMemo","StyleSheet","memo","useMemo","StyleSheet","useThemedStyles","jsx","memo","ControlInput","styles","useThemedStyles","themedStyles","useMemo","StyleSheet","memo","useMemo","StyleSheet","useThemedStyles","jsx","memo","ControlLabel","styles","useThemedStyles","themedStyles","useMemo","StyleSheet","memo","ActivityIndicator","jsx","ControlLoader","memo","useMemo","StyleSheet","useThemedStyles","jsx","memo","ControlPlaceholder","styles","useThemedStyles","themedStyles","useMemo","StyleSheet","memo","useMemo","StyleSheet","jsx","memo","ControlRoot","useMemo","StyleSheet","memo","useMemo","StyleSheet","useThemedStyles","jsx","memo","ControlValue","styles","useThemedStyles","themedStyles","useMemo","StyleSheet"]}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./hocs\";\nexport * from \"./constants\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
@@ -0,0 +1,21 @@
1
+ import { PressableProps, ViewStyle, StyleProp } from 'react-native';
2
+ import { DimensionProps, SpacingProps, ShadowProps, ComponentSize, ComponentVariant } from '@impulse-ui-native/theme';
3
+
4
+ interface ButtonProps extends PressableProps, DimensionProps, SpacingProps, ShadowProps {
5
+ size?: ComponentSize;
6
+ variant?: ComponentVariant;
7
+ disabled?: boolean;
8
+ style?: ViewStyle;
9
+ loading?: boolean;
10
+ }
11
+ interface ButtonThemeProps {
12
+ size: ComponentSize;
13
+ variant: ComponentVariant;
14
+ disabled?: boolean;
15
+ }
16
+ interface PressableCoreProps extends PressableProps, Omit<ButtonProps, "style"> {
17
+ disabled?: boolean;
18
+ pressedStyle?: StyleProp<ViewStyle>;
19
+ }
20
+
21
+ export type { ButtonProps, ButtonThemeProps, PressableCoreProps };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=button.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,45 @@
1
+ import { ComponentType } from 'react';
2
+ import { ViewProps, TextProps, TextInputProps, ActivityIndicatorProps } from 'react-native';
3
+ import { IconProps } from '@impulse-ui-native/icon/types';
4
+ import { ComponentSize, ComponentVariant } from '@impulse-ui-native/theme';
5
+ import { PressableCoreProps } from './button.types.mjs';
6
+
7
+ interface ControlComponentCommonProps {
8
+ placeholder?: string;
9
+ label?: string;
10
+ PrefixIcon?: IconProps["icon"];
11
+ Prefix?: ComponentType;
12
+ onPressPrefix?: PressableCoreProps["onPress"];
13
+ SuffixIcon?: IconProps["icon"];
14
+ Suffix?: ComponentType;
15
+ onPressSuffix?: PressableCoreProps["onPress"];
16
+ }
17
+ interface ControlComponentProps {
18
+ size: ComponentSize;
19
+ variant: ComponentVariant;
20
+ error: string | undefined;
21
+ disabled: boolean | undefined;
22
+ }
23
+ interface ControlContextData extends ControlComponentProps {
24
+ }
25
+ interface ControlContainerProps extends ViewProps {
26
+ }
27
+ interface ControlLabelProps extends TextProps {
28
+ }
29
+ interface ControlErrorLabelProps extends TextProps {
30
+ }
31
+ interface ControlAddonProps extends ViewProps {
32
+ icon: IconProps["icon"] | undefined;
33
+ onPress: PressableCoreProps["onPress"] | undefined;
34
+ Content: ComponentType<any> | undefined;
35
+ }
36
+ interface ControlInputProps extends TextInputProps {
37
+ }
38
+ interface ControlPlaceholderProps extends TextProps {
39
+ }
40
+ interface ControlValueProps extends TextProps {
41
+ }
42
+ interface ControlLoaderProps extends ActivityIndicatorProps {
43
+ }
44
+
45
+ export type { ControlAddonProps, ControlComponentCommonProps, ControlComponentProps, ControlContainerProps, ControlContextData, ControlErrorLabelProps, ControlInputProps, ControlLabelProps, ControlLoaderProps, ControlPlaceholderProps, ControlValueProps };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=control-components.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,15 @@
1
+ import { IconProps } from '@impulse-ui-native/icon/types';
2
+ import { ComponentSize, ComponentVariant } from '@impulse-ui-native/theme';
3
+ import { ButtonProps } from './button.types.mjs';
4
+ import 'react-native';
5
+
6
+ interface IconButtonProps extends ButtonProps {
7
+ icon: IconProps["icon"];
8
+ }
9
+ interface IconButtonThemeProps {
10
+ size: ComponentSize;
11
+ variant: ComponentVariant;
12
+ disabled?: boolean;
13
+ }
14
+
15
+ export type { IconButtonProps, IconButtonThemeProps };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=icon-button.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,12 @@
1
+ export { ViewProps } from './view.types.mjs';
2
+ export { SafeAreaViewProps } from './safe-area-view.types.mjs';
3
+ export { TextProps } from './typography.types.mjs';
4
+ export { ButtonProps, ButtonThemeProps, PressableCoreProps } from './button.types.mjs';
5
+ export { IconButtonProps, IconButtonThemeProps } from './icon-button.types.mjs';
6
+ export { TagProps, TagThemeProps } from './tag.types.mjs';
7
+ export { ControlAddonProps, ControlComponentCommonProps, ControlComponentProps, ControlContainerProps, ControlContextData, ControlErrorLabelProps, ControlInputProps, ControlLabelProps, ControlLoaderProps, ControlPlaceholderProps, ControlValueProps } from './control-components.types.mjs';
8
+ import 'react-native';
9
+ import '@impulse-ui-native/theme';
10
+ import 'react-native-safe-area-context';
11
+ import '@impulse-ui-native/icon/types';
12
+ import 'react';
@@ -0,0 +1,9 @@
1
+ export * from "./view.types";
2
+ export * from "./safe-area-view.types";
3
+ export * from "./typography.types";
4
+ export * from "./typography.types";
5
+ export * from "./button.types";
6
+ export * from "./icon-button.types";
7
+ export * from "./tag.types";
8
+ export * from "./control-components.types";
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./view.types\";\nexport * from \"./safe-area-view.types\";\nexport * from \"./typography.types\";\nexport * from \"./typography.types\";\nexport * from \"./button.types\";\nexport * from \"./icon-button.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;","names":[]}
@@ -0,0 +1,5 @@
1
+ import { SafeAreaViewProps as SafeAreaViewProps$1 } from 'react-native-safe-area-context';
2
+
3
+ type SafeAreaViewProps = SafeAreaViewProps$1;
4
+
5
+ export type { SafeAreaViewProps };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=safe-area-view.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,22 @@
1
+ import { ViewStyle, PressableProps } from 'react-native';
2
+ import { ComponentSize, ComponentVariant, TagColor } from '@impulse-ui-native/theme';
3
+
4
+ interface TagProps {
5
+ label: string;
6
+ size?: ComponentSize;
7
+ variant?: ComponentVariant;
8
+ color?: TagColor;
9
+ closable?: boolean;
10
+ disabled?: boolean;
11
+ onClose?: () => void;
12
+ style?: ViewStyle;
13
+ onPress?: PressableProps["onPress"];
14
+ }
15
+ interface TagThemeProps {
16
+ size: ComponentSize;
17
+ variant: ComponentVariant;
18
+ color: TagColor;
19
+ disabled?: boolean;
20
+ }
21
+
22
+ export type { TagProps, TagThemeProps };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=tag.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,8 @@
1
+ import { TextProps as TextProps$1 } from 'react-native';
2
+ import { TypographyProps, FlexProps, ColorProps } from '@impulse-ui-native/theme';
3
+
4
+ interface TextProps extends TextProps$1, TypographyProps, FlexProps, ColorProps {
5
+ numeric?: boolean;
6
+ }
7
+
8
+ export type { TextProps };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=typography.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,6 @@
1
+ import { ViewProps as ViewProps$1 } from 'react-native';
2
+ import { SpacingProps, ColorProps, ShadowProps, BorderProps, FlexProps, DimensionProps } from '@impulse-ui-native/theme';
3
+
4
+ type ViewProps = ViewProps$1 & SpacingProps & ColorProps & ShadowProps & BorderProps & FlexProps & DimensionProps;
5
+
6
+ export type { ViewProps };
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=view.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,13 @@
1
+ import { AppTheme, ComponentSize, ThemeColors } from '@impulse-ui-native/theme';
2
+
3
+ declare function getInputStyles(theme: AppTheme, { size, }: {
4
+ size: ComponentSize;
5
+ }): {
6
+ fontFamily: string;
7
+ fontSize: number;
8
+ paddingHorizontal: number;
9
+ flex: number;
10
+ };
11
+ declare function getPlaceholderTextColor(colors: ThemeColors): string;
12
+
13
+ export { getInputStyles, getPlaceholderTextColor };
@@ -0,0 +1,18 @@
1
+ import { ControlFontSize } from "../constants";
2
+ function getInputStyles(theme, {
3
+ size
4
+ }) {
5
+ const fontSize = ControlFontSize[size];
6
+ const fontFamily = theme.fontFamily.normal[400];
7
+ const paddingHorizontal = theme.space.xxs;
8
+ const flex = 1;
9
+ return { fontFamily, fontSize, paddingHorizontal, flex };
10
+ }
11
+ function getPlaceholderTextColor(colors) {
12
+ return colors.neutral[7];
13
+ }
14
+ export {
15
+ getInputStyles,
16
+ getPlaceholderTextColor
17
+ };
18
+ //# sourceMappingURL=controls.utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/utils/controls.utils.ts"],"sourcesContent":["import { AppTheme, ComponentSize, ThemeColors } from \"@impulse-ui-native/theme\";\n\nimport { ControlFontSize } from \"../constants\";\n\nexport function getInputStyles(\n theme: AppTheme,\n {\n size,\n }: {\n size: ComponentSize;\n },\n) {\n const fontSize = ControlFontSize[size];\n const fontFamily = theme.fontFamily.normal[400];\n const paddingHorizontal = theme.space.xxs;\n const flex = 1;\n\n return { fontFamily, fontSize, paddingHorizontal, flex };\n}\n\nexport function getPlaceholderTextColor(colors: ThemeColors) {\n return colors.neutral[7];\n}\n"],"mappings":"AAEA,SAAS,uBAAuB;AAEzB,SAAS,eACd,OACA;AAAA,EACE;AACF,GAGA;AACA,QAAM,WAAW,gBAAgB,IAAI;AACrC,QAAM,aAAa,MAAM,WAAW,OAAO,GAAG;AAC9C,QAAM,oBAAoB,MAAM,MAAM;AACtC,QAAM,OAAO;AAEb,SAAO,EAAE,YAAY,UAAU,mBAAmB,KAAK;AACzD;AAEO,SAAS,wBAAwB,QAAqB;AAC3D,SAAO,OAAO,QAAQ,CAAC;AACzB;","names":[]}
@@ -0,0 +1,2 @@
1
+ export { getInputStyles, getPlaceholderTextColor } from './controls.utils.mjs';
2
+ import '@impulse-ui-native/theme';
@@ -0,0 +1,2 @@
1
+ export * from "./controls.utils";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./controls.utils\";\n"],"mappings":"AAAA,cAAc;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@impulse-ui-native/primitives",
3
- "version": "2.0.1",
3
+ "version": "2.1.1",
4
4
  "source": "src/index.ts",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.mts",
@@ -17,22 +17,23 @@
17
17
  "README.md",
18
18
  "LICENSE"
19
19
  ],
20
+ "sideEffects": false,
20
21
  "dependencies": {
21
- "@impulse-ui-native/theme": "2.0.1",
22
- "@impulse-ui-native/core": "2.0.1",
23
- "@impulse-ui-native/icon": "2.0.1"
22
+ "@impulse-ui-native/theme": "2.1.1",
23
+ "@impulse-ui-native/core": "2.1.1",
24
+ "@impulse-ui-native/icon": "2.1.1"
24
25
  },
25
26
  "devDependencies": {
26
27
  "@types/react": "~19.2.14",
27
28
  "eslint": "^9.38.0",
28
29
  "prettier": "^3.6.2",
29
- "react": "19.2.0",
30
- "react-native": "0.83.6",
31
- "react-native-safe-area-context": "~5.6.0",
32
- "typescript": "~5.9.2",
30
+ "react": "19.2.3",
31
+ "react-native": "0.86.2",
32
+ "react-native-safe-area-context": "~5.7.0",
33
+ "typescript": "~6.0.3",
34
+ "@impulse-ui-native/eslint-config": "1.0.0",
33
35
  "@impulse-ui-native/prettier-config": "1.0.0",
34
- "@impulse-ui-native/tsconfig": "1.0.0",
35
- "@impulse-ui-native/eslint-config": "1.0.0"
36
+ "@impulse-ui-native/tsconfig": "1.0.0"
36
37
  },
37
38
  "peerDependencies": {
38
39
  "react": ">=18",