@impulse-ui-native/theme 1.0.10 → 2.0.0

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/constants/style.constants.ts","../src/constants/typography.constants.ts","../src/hooks/use-border.hook.ts","../src/providers/theme.provider.tsx","../src/theme/tokens.theme.ts","../src/theme/dark.theme.ts","../src/theme/light.theme.ts","../src/hooks/use-colors.hook.ts","../src/hooks/use-components-theme.hook.ts","../src/hooks/use-radii.hook.ts","../src/hooks/use-space.hook.ts","../src/hooks/use-style-props.hook.ts","../src/utils/style.utils.ts","../src/hooks/use-theme.hook.ts","../src/hooks/use-themed-styles.ts"],"sourcesContent":["import { StyleProps } from \"../types\";\r\n\r\nexport const StylePropsSet = new Set<keyof StyleProps>([\r\n  // Spacing\r\n  \"margin\",\r\n  \"marginTop\",\r\n  \"marginBottom\",\r\n  \"marginLeft\",\r\n  \"marginRight\",\r\n  \"marginHorizontal\",\r\n  \"marginVertical\",\r\n  \"padding\",\r\n  \"paddingTop\",\r\n  \"paddingBottom\",\r\n  \"paddingLeft\",\r\n  \"paddingRight\",\r\n  \"paddingHorizontal\",\r\n  \"paddingVertical\",\r\n\r\n  // Appearance\r\n  \"color\",\r\n  \"backgroundColor\",\r\n  \"opacity\",\r\n  \"borderRadius\",\r\n  \"borderColor\",\r\n  \"borderWidth\",\r\n  \"borderStyle\",\r\n  \"shadowColor\",\r\n  \"shadowOpacity\",\r\n  \"shadowRadius\",\r\n  \"shadowOffset\",\r\n  \"elevation\",\r\n\r\n  // Typography (TextStyle)\r\n  \"fontSize\",\r\n  \"fontFamily\",\r\n  \"fontWeight\",\r\n  \"fontStyle\",\r\n  \"letterSpacing\",\r\n  \"lineHeight\",\r\n  \"textAlign\",\r\n  \"textDecorationLine\",\r\n  \"textDecorationStyle\",\r\n  \"textDecorationColor\",\r\n  \"textTransform\",\r\n  \"includeFontPadding\",\r\n  \"textAlignVertical\",\r\n  \"writingDirection\",\r\n\r\n  // Flex (ViewStyle)\r\n  \"flex\",\r\n  \"flexGrow\",\r\n  \"flexShrink\",\r\n  \"flexBasis\",\r\n  \"flexDirection\",\r\n  \"flexWrap\",\r\n  \"justifyContent\",\r\n  \"alignItems\",\r\n  \"alignSelf\",\r\n  \"alignContent\",\r\n  \"gap\",\r\n  \"rowGap\",\r\n  \"columnGap\",\r\n\r\n  // Positioning (commonly used with flex layouts)\r\n  \"position\",\r\n  \"top\",\r\n  \"right\",\r\n  \"bottom\",\r\n  \"left\",\r\n\r\n  // Dimensions (ViewStyle)\r\n  \"width\",\r\n  \"height\",\r\n  \"minWidth\",\r\n  \"maxWidth\",\r\n  \"minHeight\",\r\n  \"maxHeight\",\r\n  \"aspectRatio\",\r\n]);\r\n","import { FontWeightItalic, FontWeightKey, FontWeightNormal } from \"../types\";\r\n\r\nexport const FontWeightsNormal: Record<FontWeightKey, FontWeightNormal> = {\r\n  100: \"Montserrat_100Thin\",\r\n  200: \"Montserrat_200ExtraLight\",\r\n  300: \"Montserrat_300Light\",\r\n  400: \"Montserrat_400Regular\",\r\n  500: \"Montserrat_500Medium\",\r\n  600: \"Montserrat_600SemiBold\",\r\n  700: \"Montserrat_700Bold\",\r\n  800: \"Montserrat_800ExtraBold\",\r\n  900: \"Montserrat_900Black\",\r\n};\r\n\r\nexport const FontWeightsItalic: Record<FontWeightKey, FontWeightItalic> = {\r\n  100: \"Montserrat_100Thin_Italic\",\r\n  200: \"Montserrat_200ExtraLight_Italic\",\r\n  300: \"Montserrat_300Light_Italic\",\r\n  400: \"Montserrat_400Regular_Italic\",\r\n  500: \"Montserrat_500Medium_Italic\",\r\n  600: \"Montserrat_600SemiBold_Italic\",\r\n  700: \"Montserrat_700Bold_Italic\",\r\n  800: \"Montserrat_800ExtraBold_Italic\",\r\n  900: \"Montserrat_900Black_Italic\",\r\n};\r\n","import { useMemo } from \"react\";\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { BorderSizes } from \"../types\";\r\n\r\nexport function useBorder(): BorderSizes {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.theme.borderSize, [context.theme.borderSize]);\r\n}\r\n","import {\r\n  Montserrat_100Thin,\r\n  Montserrat_100Thin_Italic,\r\n  Montserrat_200ExtraLight,\r\n  Montserrat_200ExtraLight_Italic,\r\n  Montserrat_300Light,\r\n  Montserrat_300Light_Italic,\r\n  Montserrat_400Regular,\r\n  Montserrat_400Regular_Italic,\r\n  Montserrat_500Medium,\r\n  Montserrat_500Medium_Italic,\r\n  Montserrat_600SemiBold,\r\n  Montserrat_600SemiBold_Italic,\r\n  Montserrat_700Bold,\r\n  Montserrat_700Bold_Italic,\r\n  Montserrat_800ExtraBold,\r\n  Montserrat_800ExtraBold_Italic,\r\n  Montserrat_900Black,\r\n  Montserrat_900Black_Italic,\r\n  useFonts,\r\n} from \"@expo-google-fonts/montserrat\";\r\nimport { DeepPartial, merge } from \"@impulse-ui-native/core\";\r\nimport {\r\n  createContext,\r\n  memo,\r\n  PropsWithChildren,\r\n  useContext,\r\n  useMemo,\r\n} from \"react\";\r\n\r\nimport { DarkTheme, LightTheme } from \"../theme\";\r\nimport {\r\n  AppTheme,\r\n  ColorScheme,\r\n  ComponentsThemes,\r\n  CustomComponentsTheme,\r\n  ThemeContextData,\r\n} from \"../types\";\r\n\r\n\r\nconst ThemeContext = createContext<ThemeContextData | undefined>(undefined);\r\n\r\ninterface ThemeProviderProps {\r\n  scheme?: ColorScheme;\r\n  theme?: DeepPartial<{\r\n    light: AppTheme;\r\n    dark: AppTheme;\r\n  }>;\r\n  components?: CustomComponentsTheme;\r\n}\r\n\r\nexport const ThemeProvider = memo(function ThemeProvider(\r\n  props: PropsWithChildren<ThemeProviderProps>\r\n) {\r\n  const scheme = props.scheme ?? \"light\";\r\n\r\n  const [loaded] = useFonts({\r\n    Montserrat_100Thin,\r\n    Montserrat_100Thin_Italic,\r\n    Montserrat_200ExtraLight,\r\n    Montserrat_200ExtraLight_Italic,\r\n    Montserrat_300Light,\r\n    Montserrat_300Light_Italic,\r\n    Montserrat_400Regular,\r\n    Montserrat_400Regular_Italic,\r\n    Montserrat_500Medium,\r\n    Montserrat_500Medium_Italic,\r\n    Montserrat_600SemiBold,\r\n    Montserrat_600SemiBold_Italic,\r\n    Montserrat_700Bold,\r\n    Montserrat_700Bold_Italic,\r\n    Montserrat_800ExtraBold,\r\n    Montserrat_800ExtraBold_Italic,\r\n    Montserrat_900Black,\r\n    Montserrat_900Black_Italic,\r\n  });\r\n\r\n  const context = useMemo<ThemeContextData>(() => {\r\n    const baseTheme = scheme === \"light\" ? LightTheme : DarkTheme;\r\n    const customBaseTheme = props.theme?.[scheme];\r\n    const theme = merge(baseTheme, customBaseTheme);\r\n\r\n    let componentsTheme: DeepPartial<ComponentsThemes> | undefined;\r\n\r\n    if (typeof props.components === \"function\") {\r\n      componentsTheme = props.components(theme);\r\n    } else {\r\n      componentsTheme = props.components;\r\n    }\r\n\r\n    return {\r\n      loaded,\r\n      theme,\r\n      components: componentsTheme,\r\n    };\r\n  }, [props.theme?.light, props.theme?.dark, props.components]);\r\n\r\n  return (\r\n    <ThemeContext.Provider value={context}>\r\n      {props.children}\r\n    </ThemeContext.Provider>\r\n  );\r\n});\r\n\r\nexport function useThemeContext() {\r\n  const context = useContext(ThemeContext);\r\n\r\n  if (!context) {\r\n    throw new Error(\"useThemeContext must be used within a ThemeProvider\");\r\n  }\r\n\r\n  return context;\r\n}\r\n","import { BorderSizes, FontSizes, NeutralColors, Radii, Space } from \"../types\";\r\n\r\nexport const SpaceTokens: Space = {\r\n  none: 0,\r\n  auto: \"auto\",\r\n  xxs: 4,\r\n  xs: 8,\r\n  mxs: 12,\r\n  sm: 16,\r\n  msm: 24,\r\n  md: 32,\r\n  lg: 48,\r\n  xl: 64,\r\n  xxl: 96,\r\n};\r\n\r\nexport const BorderSizeTokens: BorderSizes = {\r\n  sm: 1,\r\n  md: 2,\r\n  lg: 3,\r\n  xl: 5,\r\n  xxl: 10,\r\n};\r\n\r\nexport const RadiiTokens: Radii = {\r\n  sm: 4,\r\n  md: 8,\r\n  lg: 16,\r\n  xl: 32,\r\n  xxl: 64,\r\n  xxxl: 128,\r\n  round: 100000,\r\n};\r\n\r\nexport const FontSizeTokens: FontSizes = {\r\n  xxs: 8,\r\n  xs: 12,\r\n  xsm: 14,\r\n  sm: 16,\r\n  md: 18,\r\n  lg: 20,\r\n  xl: 24,\r\n  xxl: 32,\r\n  xxxl: 40,\r\n  huge: 48,\r\n  massive: 56,\r\n};\r\n\r\nexport const NeutralColorTokens: NeutralColors = {\r\n  \"0\": \"#ffffff\",\r\n  \"1\": \"#f8f9fa\",\r\n  \"2\": \"#f1f3f5\",\r\n  \"3\": \"#e9ecef\",\r\n  \"4\": \"#dee2e6\",\r\n  \"5\": \"#ced4da\",\r\n  \"6\": \"#adb5bd\",\r\n  \"7\": \"#868e96\",\r\n  \"8\": \"#495057\",\r\n  \"9\": \"#343a40\",\r\n  \"10\": \"#212529\",\r\n  \"11\": \"#16191d\",\r\n  \"12\": \"#0d0f12\",\r\n  \"13\": \"#000000\",\r\n};\r\n","import { FontWeightsItalic, FontWeightsNormal } from \"../constants\";\r\nimport { AppTheme } from \"../types\";\r\n\r\nimport {\r\n  BorderSizeTokens,\r\n  FontSizeTokens,\r\n  NeutralColorTokens,\r\n  RadiiTokens,\r\n  SpaceTokens,\r\n} from \"./tokens.theme\";\r\n\r\nexport const DarkTheme: AppTheme = {\r\n  colors: {\r\n    primary: \"#f55d6b\",\r\n    secondary: \"#f55d6b\",\r\n    neutral: NeutralColorTokens,\r\n    white: NeutralColorTokens[\"0\"],\r\n    black: NeutralColorTokens[\"13\"],\r\n    error: \"#c92a2a\",\r\n    warning: \"#e67700\",\r\n    success: \"#7a9908\",\r\n    info: \"#1864ab\",\r\n    text: {\r\n      primary: NeutralColorTokens[\"11\"],\r\n      secondary: NeutralColorTokens[\"10\"],\r\n    },\r\n    background: {\r\n      primary: NeutralColorTokens[\"2\"],\r\n      secondary: NeutralColorTokens[\"0\"],\r\n    },\r\n  },\r\n  spacing: SpaceTokens,\r\n  radii: RadiiTokens,\r\n  fontWeights: {\r\n    normal: FontWeightsNormal,\r\n    italic: FontWeightsItalic,\r\n  },\r\n  borderSize: BorderSizeTokens,\r\n  fontSize: FontSizeTokens,\r\n};\r\n","import { FontWeightsItalic, FontWeightsNormal } from \"../constants\";\r\nimport { AppTheme } from \"../types\";\r\n\r\nimport {\r\n  BorderSizeTokens,\r\n  FontSizeTokens,\r\n  NeutralColorTokens,\r\n  RadiiTokens,\r\n  SpaceTokens,\r\n} from \"./tokens.theme\";\r\n\r\nexport const LightTheme: AppTheme = {\r\n  colors: {\r\n    primary: \"#f55d6b\",\r\n    secondary: \"#f55d6b\",\r\n    neutral: NeutralColorTokens,\r\n    white: NeutralColorTokens[\"0\"],\r\n    black: NeutralColorTokens[\"13\"],\r\n    error: \"#c92a2a\",\r\n    warning: \"#e67700\",\r\n    success: \"#7a9908\",\r\n    info: \"#1864ab\",\r\n    text: {\r\n      primary: NeutralColorTokens[\"11\"],\r\n      secondary: NeutralColorTokens[\"10\"],\r\n    },\r\n    background: {\r\n      primary: NeutralColorTokens[\"2\"],\r\n      secondary: NeutralColorTokens[\"0\"],\r\n    },\r\n  },\r\n  spacing: SpaceTokens,\r\n  radii: RadiiTokens,\r\n  fontWeights: {\r\n    normal: FontWeightsNormal,\r\n    italic: FontWeightsItalic,\r\n  },\r\n  borderSize: BorderSizeTokens,\r\n  fontSize: FontSizeTokens,\r\n};\r\n","import { useMemo } from \"react\";\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { ThemeColors } from \"../types\";\r\n\r\nexport function useColors(): ThemeColors {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.theme.colors, [context.theme.colors]);\r\n}\r\n","import { DeepPartial } from \"@impulse-ui-native/core\";\r\nimport { useMemo } from \"react\";\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { ComponentsThemes } from \"../types\";\r\n\r\nexport function useComponentsTheme():\r\n  | DeepPartial<ComponentsThemes>\r\n  | undefined {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.components, [context.components]);\r\n}\r\n","import { useMemo } from \"react\";\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { Radii } from \"../types\";\r\n\r\nexport function useRadii(): Radii {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.theme.radii, [context.theme.radii]);\r\n}\r\n","import { useMemo } from \"react\";\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { Space } from \"../types\";\r\n\r\nexport function useSpace(): Space {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.theme.spacing, [context.theme.spacing]);\r\n}\r\n","import { useMemo } from 'react';\n\r\nimport { createStyleKey, extractStyleProps } from '../utils';\r\n\r\nexport function useStyleProps<Props extends object>(props: Props) {\r\n  const key = createStyleKey(props);\r\n\r\n  return useMemo(() => extractStyleProps(props), [key]);\r\n}\r\n","import { StylePropsSet } from '../constants';\r\nimport { StylePropKey, StyleProps } from '../types';\r\n\r\nconst isStylePropKey = (k: string): k is StylePropKey =>\r\n  StylePropsSet.has(k as StylePropKey);\r\n\r\nexport const extractStyleProps = <Props extends object>(\r\n  props: Props\r\n): StyleProps => {\r\n  const style: StyleProps = {};\r\n  \r\n  for (const k in props) {\r\n    if (isStylePropKey(k) && props[k] !== undefined) {\r\n      style[k] = props[k] as any;\r\n    }\r\n  }\r\n  \r\n  return style;\r\n};\r\n\r\nexport const createStyleKey = <Props extends object>(props: Props) => {\r\n  let key = '';\r\n\r\n  for (const k in props) {\r\n    if (isStylePropKey(k)) {\r\n      key += String(props[k as keyof Props]);\r\n    }\r\n  }\r\n  \r\n  return key;\r\n};\r\n","import { useMemo } from \"react\";\n\r\nimport { useThemeContext } from \"../providers\";\r\nimport { AppTheme } from \"../types\";\r\n\r\nexport function useTheme(): AppTheme {\r\n  const context = useThemeContext();\r\n\r\n  return useMemo(() => context.theme, [context.theme]);\r\n}\r\n","import { useMemo } from \"react\";\r\nimport { StyleSheet } from \"react-native\";\r\n\r\nimport { AppTheme } from \"../types\";\r\n\r\nimport { useTheme } from \"./use-theme.hook\";\r\n\r\ntype ThemedStyles<T extends StyleSheet.NamedStyles<T>> = T;\r\n\r\ntype StyledFunction<\r\n  Props extends object,\r\n  T extends StyleSheet.NamedStyles<T>\r\n> = (theme: AppTheme, props: Props) => ThemedStyles<T>;\r\n\r\nexport const useThemedStyles = <\r\n  Props extends object,\r\n  T extends StyleSheet.NamedStyles<T>\r\n>(\r\n  styledFunction: StyledFunction<Props, T>,\r\n  props: Props\r\n): ThemedStyles<T> => {\r\n  const theme = useTheme();\r\n\r\n  return useMemo(() => styledFunction(theme, props), [theme, props]);\r\n};\r\n"],"mappings":"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","names":["useMemo","ThemeProvider","useMemo","useMemo","useMemo","useMemo","useMemo","useMemo","useMemo","useMemo","useMemo","useMemo","useMemo","useMemo","useMemo","useMemo","useMemo"]}

package/src/constants/index.ts

@@ -1,2 +0,0 @@
-export * from "./style.constants";
-export * from "./typography.constants";

package/src/constants/style.constants.ts

@@ -1,80 +0,0 @@
-import { StyleProps } from "../types";
-
-export const StylePropsSet = new Set<keyof StyleProps>([
-  // Spacing
-  "margin",
-  "marginTop",
-  "marginBottom",
-  "marginLeft",
-  "marginRight",
-  "marginHorizontal",
-  "marginVertical",
-  "padding",
-  "paddingTop",
-  "paddingBottom",
-  "paddingLeft",
-  "paddingRight",
-  "paddingHorizontal",
-  "paddingVertical",
-
-  // Appearance
-  "color",
-  "backgroundColor",
-  "opacity",
-  "borderRadius",
-  "borderColor",
-  "borderWidth",
-  "borderStyle",
-  "shadowColor",
-  "shadowOpacity",
-  "shadowRadius",
-  "shadowOffset",
-  "elevation",
-
-  // Typography (TextStyle)
-  "fontSize",
-  "fontFamily",
-  "fontWeight",
-  "fontStyle",
-  "letterSpacing",
-  "lineHeight",
-  "textAlign",
-  "textDecorationLine",
-  "textDecorationStyle",
-  "textDecorationColor",
-  "textTransform",
-  "includeFontPadding",
-  "textAlignVertical",
-  "writingDirection",
-
-  // Flex (ViewStyle)
-  "flex",
-  "flexGrow",
-  "flexShrink",
-  "flexBasis",
-  "flexDirection",
-  "flexWrap",
-  "justifyContent",
-  "alignItems",
-  "alignSelf",
-  "alignContent",
-  "gap",
-  "rowGap",
-  "columnGap",
-
-  // Positioning (commonly used with flex layouts)
-  "position",
-  "top",
-  "right",
-  "bottom",
-  "left",
-
-  // Dimensions (ViewStyle)
-  "width",
-  "height",
-  "minWidth",
-  "maxWidth",
-  "minHeight",
-  "maxHeight",
-  "aspectRatio",
-]);

package/src/constants/typography.constants.ts

@@ -1,25 +0,0 @@
-import { FontWeightItalic, FontWeightKey, FontWeightNormal } from "../types";
-
-export const FontWeightsNormal: Record<FontWeightKey, FontWeightNormal> = {
-  100: "Montserrat_100Thin",
-  200: "Montserrat_200ExtraLight",
-  300: "Montserrat_300Light",
-  400: "Montserrat_400Regular",
-  500: "Montserrat_500Medium",
-  600: "Montserrat_600SemiBold",
-  700: "Montserrat_700Bold",
-  800: "Montserrat_800ExtraBold",
-  900: "Montserrat_900Black",
-};
-
-export const FontWeightsItalic: Record<FontWeightKey, FontWeightItalic> = {
-  100: "Montserrat_100Thin_Italic",
-  200: "Montserrat_200ExtraLight_Italic",
-  300: "Montserrat_300Light_Italic",
-  400: "Montserrat_400Regular_Italic",
-  500: "Montserrat_500Medium_Italic",
-  600: "Montserrat_600SemiBold_Italic",
-  700: "Montserrat_700Bold_Italic",
-  800: "Montserrat_800ExtraBold_Italic",
-  900: "Montserrat_900Black_Italic",
-};

package/src/hooks/index.ts

@@ -1,8 +0,0 @@
-export { useBorder } from "./use-border.hook";
-export { useColors } from "./use-colors.hook";
-export { useComponentsTheme } from "./use-components-theme.hook";
-export { useRadii } from "./use-radii.hook";
-export { useSpace } from "./use-space.hook";
-export { useStyleProps } from "./use-style-props.hook";
-export { useTheme } from "./use-theme.hook";
-export { useThemedStyles } from "./use-themed-styles";

package/src/hooks/use-border.hook.ts

@@ -1,10 +0,0 @@
-import { useMemo } from "react";
-
-import { useThemeContext } from "../providers";
-import { BorderSizes } from "../types";
-
-export function useBorder(): BorderSizes {
-  const context = useThemeContext();
-
-  return useMemo(() => context.theme.borderSize, [context.theme.borderSize]);
-}

package/src/hooks/use-colors.hook.ts

@@ -1,10 +0,0 @@
-import { useMemo } from "react";
-
-import { useThemeContext } from "../providers";
-import { ThemeColors } from "../types";
-
-export function useColors(): ThemeColors {
-  const context = useThemeContext();
-
-  return useMemo(() => context.theme.colors, [context.theme.colors]);
-}

package/src/hooks/use-components-theme.hook.ts

@@ -1,13 +0,0 @@
-import { DeepPartial } from "@impulse-ui-native/core";
-import { useMemo } from "react";
-
-import { useThemeContext } from "../providers";
-import { ComponentsThemes } from "../types";
-
-export function useComponentsTheme():
-  | DeepPartial<ComponentsThemes>
-  | undefined {
-  const context = useThemeContext();
-
-  return useMemo(() => context.components, [context.components]);
-}

package/src/hooks/use-radii.hook.ts

@@ -1,10 +0,0 @@
-import { useMemo } from "react";
-
-import { useThemeContext } from "../providers";
-import { Radii } from "../types";
-
-export function useRadii(): Radii {
-  const context = useThemeContext();
-
-  return useMemo(() => context.theme.radii, [context.theme.radii]);
-}

package/src/hooks/use-space.hook.ts

@@ -1,10 +0,0 @@
-import { useMemo } from "react";
-
-import { useThemeContext } from "../providers";
-import { Space } from "../types";
-
-export function useSpace(): Space {
-  const context = useThemeContext();
-
-  return useMemo(() => context.theme.spacing, [context.theme.spacing]);
-}

package/src/hooks/use-style-props.hook.ts

@@ -1,9 +0,0 @@
-import { useMemo } from 'react';
-
-import { createStyleKey, extractStyleProps } from '../utils';
-
-export function useStyleProps<Props extends object>(props: Props) {
-  const key = createStyleKey(props);
-
-  return useMemo(() => extractStyleProps(props), [key]);
-}

package/src/hooks/use-theme.hook.ts

@@ -1,10 +0,0 @@
-import { useMemo } from "react";
-
-import { useThemeContext } from "../providers";
-import { AppTheme } from "../types";
-
-export function useTheme(): AppTheme {
-  const context = useThemeContext();
-
-  return useMemo(() => context.theme, [context.theme]);
-}

package/src/hooks/use-themed-styles.ts

@@ -1,25 +0,0 @@
-import { useMemo } from "react";
-import { StyleSheet } from "react-native";
-
-import { AppTheme } from "../types";
-
-import { useTheme } from "./use-theme.hook";
-
-type ThemedStyles<T extends StyleSheet.NamedStyles<T>> = T;
-
-type StyledFunction<
-  Props extends object,
-  T extends StyleSheet.NamedStyles<T>
-> = (theme: AppTheme, props: Props) => ThemedStyles<T>;
-
-export const useThemedStyles = <
-  Props extends object,
-  T extends StyleSheet.NamedStyles<T>
->(
-  styledFunction: StyledFunction<Props, T>,
-  props: Props
-): ThemedStyles<T> => {
-  const theme = useTheme();
-
-  return useMemo(() => styledFunction(theme, props), [theme, props]);
-};

package/src/index.ts

@@ -1,6 +0,0 @@
-export * from "./constants";
-export * from "./hooks";
-export * from "./providers";
-export * from "./theme";
-export * from "./types";
-export * from "./utils";

package/src/providers/index.ts

@@ -1 +0,0 @@
-export * from './theme.provider';

package/src/providers/theme.provider.tsx

@@ -1,113 +0,0 @@
-import {
-  Montserrat_100Thin,
-  Montserrat_100Thin_Italic,
-  Montserrat_200ExtraLight,
-  Montserrat_200ExtraLight_Italic,
-  Montserrat_300Light,
-  Montserrat_300Light_Italic,
-  Montserrat_400Regular,
-  Montserrat_400Regular_Italic,
-  Montserrat_500Medium,
-  Montserrat_500Medium_Italic,
-  Montserrat_600SemiBold,
-  Montserrat_600SemiBold_Italic,
-  Montserrat_700Bold,
-  Montserrat_700Bold_Italic,
-  Montserrat_800ExtraBold,
-  Montserrat_800ExtraBold_Italic,
-  Montserrat_900Black,
-  Montserrat_900Black_Italic,
-  useFonts,
-} from "@expo-google-fonts/montserrat";
-import { DeepPartial, merge } from "@impulse-ui-native/core";
-import {
-  createContext,
-  memo,
-  PropsWithChildren,
-  useContext,
-  useMemo,
-} from "react";
-
-import { DarkTheme, LightTheme } from "../theme";
-import {
-  AppTheme,
-  ColorScheme,
-  ComponentsThemes,
-  CustomComponentsTheme,
-  ThemeContextData,
-} from "../types";
-
-
-const ThemeContext = createContext<ThemeContextData | undefined>(undefined);
-
-interface ThemeProviderProps {
-  scheme?: ColorScheme;
-  theme?: DeepPartial<{
-    light: AppTheme;
-    dark: AppTheme;
-  }>;
-  components?: CustomComponentsTheme;
-}
-
-export const ThemeProvider = memo(function ThemeProvider(
-  props: PropsWithChildren<ThemeProviderProps>
-) {
-  const scheme = props.scheme ?? "light";
-
-  const [loaded] = useFonts({
-    Montserrat_100Thin,
-    Montserrat_100Thin_Italic,
-    Montserrat_200ExtraLight,
-    Montserrat_200ExtraLight_Italic,
-    Montserrat_300Light,
-    Montserrat_300Light_Italic,
-    Montserrat_400Regular,
-    Montserrat_400Regular_Italic,
-    Montserrat_500Medium,
-    Montserrat_500Medium_Italic,
-    Montserrat_600SemiBold,
-    Montserrat_600SemiBold_Italic,
-    Montserrat_700Bold,
-    Montserrat_700Bold_Italic,
-    Montserrat_800ExtraBold,
-    Montserrat_800ExtraBold_Italic,
-    Montserrat_900Black,
-    Montserrat_900Black_Italic,
-  });
-
-  const context = useMemo<ThemeContextData>(() => {
-    const baseTheme = scheme === "light" ? LightTheme : DarkTheme;
-    const customBaseTheme = props.theme?.[scheme];
-    const theme = merge(baseTheme, customBaseTheme);
-
-    let componentsTheme: DeepPartial<ComponentsThemes> | undefined;
-
-    if (typeof props.components === "function") {
-      componentsTheme = props.components(theme);
-    } else {
-      componentsTheme = props.components;
-    }
-
-    return {
-      loaded,
-      theme,
-      components: componentsTheme,
-    };
-  }, [props.theme?.light, props.theme?.dark, props.components]);
-
-  return (
-    <ThemeContext.Provider value={context}>
-      {props.children}
-    </ThemeContext.Provider>
-  );
-});
-
-export function useThemeContext() {
-  const context = useContext(ThemeContext);
-
-  if (!context) {
-    throw new Error("useThemeContext must be used within a ThemeProvider");
-  }
-
-  return context;
-}

package/src/theme/dark.theme.ts

@@ -1,40 +0,0 @@
-import { FontWeightsItalic, FontWeightsNormal } from "../constants";
-import { AppTheme } from "../types";
-
-import {
-  BorderSizeTokens,
-  FontSizeTokens,
-  NeutralColorTokens,
-  RadiiTokens,
-  SpaceTokens,
-} from "./tokens.theme";
-
-export const DarkTheme: AppTheme = {
-  colors: {
-    primary: "#f55d6b",
-    secondary: "#f55d6b",
-    neutral: NeutralColorTokens,
-    white: NeutralColorTokens["0"],
-    black: NeutralColorTokens["13"],
-    error: "#c92a2a",
-    warning: "#e67700",
-    success: "#7a9908",
-    info: "#1864ab",
-    text: {
-      primary: NeutralColorTokens["11"],
-      secondary: NeutralColorTokens["10"],
-    },
-    background: {
-      primary: NeutralColorTokens["2"],
-      secondary: NeutralColorTokens["0"],
-    },
-  },
-  spacing: SpaceTokens,
-  radii: RadiiTokens,
-  fontWeights: {
-    normal: FontWeightsNormal,
-    italic: FontWeightsItalic,
-  },
-  borderSize: BorderSizeTokens,
-  fontSize: FontSizeTokens,
-};

package/src/theme/index.ts

@@ -1,4 +0,0 @@
-export { DarkTheme } from "./dark.theme";
-export { LightTheme } from "./light.theme";
-export * from "./tokens.theme";
-

package/src/theme/light.theme.ts

@@ -1,40 +0,0 @@
-import { FontWeightsItalic, FontWeightsNormal } from "../constants";
-import { AppTheme } from "../types";
-
-import {
-  BorderSizeTokens,
-  FontSizeTokens,
-  NeutralColorTokens,
-  RadiiTokens,
-  SpaceTokens,
-} from "./tokens.theme";
-
-export const LightTheme: AppTheme = {
-  colors: {
-    primary: "#f55d6b",
-    secondary: "#f55d6b",
-    neutral: NeutralColorTokens,
-    white: NeutralColorTokens["0"],
-    black: NeutralColorTokens["13"],
-    error: "#c92a2a",
-    warning: "#e67700",
-    success: "#7a9908",
-    info: "#1864ab",
-    text: {
-      primary: NeutralColorTokens["11"],
-      secondary: NeutralColorTokens["10"],
-    },
-    background: {
-      primary: NeutralColorTokens["2"],
-      secondary: NeutralColorTokens["0"],
-    },
-  },
-  spacing: SpaceTokens,
-  radii: RadiiTokens,
-  fontWeights: {
-    normal: FontWeightsNormal,
-    italic: FontWeightsItalic,
-  },
-  borderSize: BorderSizeTokens,
-  fontSize: FontSizeTokens,
-};

package/src/theme/tokens.theme.ts

@@ -1,64 +0,0 @@
-import { BorderSizes, FontSizes, NeutralColors, Radii, Space } from "../types";
-
-export const SpaceTokens: Space = {
-  none: 0,
-  auto: "auto",
-  xxs: 4,
-  xs: 8,
-  mxs: 12,
-  sm: 16,
-  msm: 24,
-  md: 32,
-  lg: 48,
-  xl: 64,
-  xxl: 96,
-};
-
-export const BorderSizeTokens: BorderSizes = {
-  sm: 1,
-  md: 2,
-  lg: 3,
-  xl: 5,
-  xxl: 10,
-};
-
-export const RadiiTokens: Radii = {
-  sm: 4,
-  md: 8,
-  lg: 16,
-  xl: 32,
-  xxl: 64,
-  xxxl: 128,
-  round: 100000,
-};
-
-export const FontSizeTokens: FontSizes = {
-  xxs: 8,
-  xs: 12,
-  xsm: 14,
-  sm: 16,
-  md: 18,
-  lg: 20,
-  xl: 24,
-  xxl: 32,
-  xxxl: 40,
-  huge: 48,
-  massive: 56,
-};
-
-export const NeutralColorTokens: NeutralColors = {
-  "0": "#ffffff",
-  "1": "#f8f9fa",
-  "2": "#f1f3f5",
-  "3": "#e9ecef",
-  "4": "#dee2e6",
-  "5": "#ced4da",
-  "6": "#adb5bd",
-  "7": "#868e96",
-  "8": "#495057",
-  "9": "#343a40",
-  "10": "#212529",
-  "11": "#16191d",
-  "12": "#0d0f12",
-  "13": "#000000",
-};

package/src/types/border.types.ts

@@ -1,8 +0,0 @@
-import { ViewStyle } from 'react-native';
-
-export type BorderProps = {
-  borderRadius?: ViewStyle['borderRadius'];
-  borderColor?: ViewStyle['borderColor'];
-  borderWidth?: ViewStyle['borderWidth'];
-  borderStyle?: ViewStyle['borderStyle'];
-};

package/src/types/color.types.ts

@@ -1,7 +0,0 @@
-import { TextStyle, ViewStyle } from 'react-native';
-
-export type ColorProps = {
-  color?: TextStyle['color'];
-  backgroundColor?: ViewStyle['backgroundColor'];
-  opacity?: ViewStyle['opacity'];
-};

package/src/types/components.types.ts

@@ -1 +0,0 @@
-export type ComponentSize = "small" | "medium" | "large";

package/src/types/dimension.types.ts

@@ -1,11 +0,0 @@
-import { ViewStyle } from "react-native";
-
-export type DimensionProps = {
-  width?: ViewStyle["width"];
-  height?: ViewStyle["height"];
-  minWidth?: ViewStyle["minWidth"];
-  maxWidth?: ViewStyle["maxWidth"];
-  minHeight?: ViewStyle["minHeight"];
-  maxHeight?: ViewStyle["maxHeight"];
-  aspectRatio?: ViewStyle["aspectRatio"];
-};

package/src/types/flex.types.ts

@@ -1,27 +0,0 @@
-import { ViewStyle } from "react-native";
-
-export type FlexProps = {
-  flex?: ViewStyle["flex"];
-  flexGrow?: ViewStyle["flexGrow"];
-  flexShrink?: ViewStyle["flexShrink"];
-  flexBasis?: ViewStyle["flexBasis"];
-
-  flexDirection?: ViewStyle["flexDirection"];
-  flexWrap?: ViewStyle["flexWrap"];
-
-  justifyContent?: ViewStyle["justifyContent"];
-  alignItems?: ViewStyle["alignItems"];
-  alignSelf?: ViewStyle["alignSelf"];
-  alignContent?: ViewStyle["alignContent"];
-
-  gap?: ViewStyle["gap"];
-  rowGap?: ViewStyle["rowGap"];
-  columnGap?: ViewStyle["columnGap"];
-
-  // positioning (often used with flex layouts)
-  position?: ViewStyle["position"];
-  top?: ViewStyle["top"];
-  right?: ViewStyle["right"];
-  bottom?: ViewStyle["bottom"];
-  left?: ViewStyle["left"];
-};

package/src/types/index.ts

@@ -1,11 +0,0 @@
-export * from "./border.types";
-export * from "./color.types";
-export * from "./components.types";
-export * from "./dimension.types";
-export * from "./flex.types";
-export * from "./shadow.types";
-export * from "./spacing.types";
-export * from "./style.types";
-export * from "./theme-provider.types";
-export * from "./tokens.types";
-export * from "./typography.types";

package/src/types/shadow.types.ts

@@ -1,9 +0,0 @@
-import { ViewStyle } from 'react-native';
-
-export type ShadowProps = {
-  shadowColor?: ViewStyle['shadowColor'];
-  shadowOpacity?: ViewStyle['shadowOpacity'];
-  shadowRadius?: ViewStyle['shadowRadius'];
-  shadowOffset?: ViewStyle['shadowOffset'];
-  elevation?: ViewStyle['elevation'];
-};

package/src/types/spacing.types.ts

@@ -1,19 +0,0 @@
-import { ViewStyle } from 'react-native';
-
-export type SpacingProps = {
-  margin?: ViewStyle['margin'];
-  marginTop?: ViewStyle['marginTop'];
-  marginBottom?: ViewStyle['marginBottom'];
-  marginLeft?: ViewStyle['marginLeft'];
-  marginRight?: ViewStyle['marginRight'];
-  marginHorizontal?: ViewStyle['marginHorizontal'];
-  marginVertical?: ViewStyle['marginVertical'];
-
-  padding?: ViewStyle['padding'];
-  paddingTop?: ViewStyle['paddingTop'];
-  paddingBottom?: ViewStyle['paddingBottom'];
-  paddingLeft?: ViewStyle['paddingLeft'];
-  paddingRight?: ViewStyle['paddingRight'];
-  paddingHorizontal?: ViewStyle['paddingHorizontal'];
-  paddingVertical?: ViewStyle['paddingVertical'];
-};