@impulse-ui-native/theme 2.1.0 → 2.1.1

package/dist/index.d.mts

@@ -1,574 +1,39 @@
-import { ViewStyle, TextStyle, StyleSheet } from 'react-native';
-import * as react from 'react';
-import { PropsWithChildren } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DeepPartial } from '@impulse-ui-native/core';
-
-interface BorderProps {
-    borderRadius?: ViewStyle["borderRadius"];
-    borderTopLeftRadius?: ViewStyle["borderTopLeftRadius"];
-    borderTopRightRadius?: ViewStyle["borderTopRightRadius"];
-    borderBottomLeftRadius?: ViewStyle["borderBottomLeftRadius"];
-    borderBottomRightRadius?: ViewStyle["borderBottomRightRadius"];
-    borderWidth?: ViewStyle["borderWidth"];
-    borderTopWidth?: ViewStyle["borderTopWidth"];
-    borderRightWidth?: ViewStyle["borderRightWidth"];
-    borderBottomWidth?: ViewStyle["borderBottomWidth"];
-    borderLeftWidth?: ViewStyle["borderLeftWidth"];
-    borderColor?: ViewStyle["borderColor"];
-    borderTopColor?: ViewStyle["borderTopColor"];
-    borderRightColor?: ViewStyle["borderRightColor"];
-    borderBottomColor?: ViewStyle["borderBottomColor"];
-    borderLeftColor?: ViewStyle["borderLeftColor"];
-    borderStyle?: ViewStyle["borderStyle"];
-}
-
-interface ColorProps {
-    color?: TextStyle["color"];
-    backgroundColor?: ViewStyle["backgroundColor"];
-    opacity?: ViewStyle["opacity"];
-}
-
-type ChartColorPalette = readonly [
-    string,
-    string,
-    string,
-    string,
-    string,
-    string,
-    string,
-    string,
-    string,
-    string,
-    string,
-    string,
-    string,
-    string,
-    string
-];
-
-type ComponentSize = "small" | "medium" | "large";
-type ComponentVariant = "filled" | "outlined" | "soft" | "ghost" | "plain";
-
-interface DimensionProps {
-    width?: ViewStyle["width"];
-    height?: ViewStyle["height"];
-    minWidth?: ViewStyle["minWidth"];
-    maxWidth?: ViewStyle["maxWidth"];
-    minHeight?: ViewStyle["minHeight"];
-    maxHeight?: ViewStyle["maxHeight"];
-    aspectRatio?: ViewStyle["aspectRatio"];
-    overflow?: ViewStyle["overflow"];
-}
-
-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"];
-    position?: ViewStyle["position"];
-    top?: ViewStyle["top"];
-    right?: ViewStyle["right"];
-    bottom?: ViewStyle["bottom"];
-    left?: ViewStyle["left"];
-    zIndex?: ViewStyle["zIndex"];
-};
-
-type ShadowLevel = "none" | "xs" | "sm" | "md" | "lg" | "xl";
-type ShadowPosition = "around" | "bottom" | "top";
-type ShadowIntensity = {
-    radius: number;
-    opacity: number;
-    elevation: number;
-};
-type ShadowProps = {
-    shadow?: ShadowLevel;
-    shadowPosition?: ShadowPosition;
-    shadowColor?: ViewStyle["shadowColor"];
-    shadowOpacity?: ViewStyle["shadowOpacity"];
-    shadowRadius?: ViewStyle["shadowRadius"];
-    shadowOffset?: ViewStyle["shadowOffset"];
-    elevation?: ViewStyle["elevation"];
-};
-
-interface 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"];
-}
-
-type FontWeightNormal = "Montserrat_100Thin" | "Montserrat_200ExtraLight" | "Montserrat_300Light" | "Montserrat_400Regular" | "Montserrat_500Medium" | "Montserrat_600SemiBold" | "Montserrat_700Bold" | "Montserrat_800ExtraBold" | "Montserrat_900Black";
-type FontWeightItalic = "Montserrat_100Thin_Italic" | "Montserrat_200ExtraLight_Italic" | "Montserrat_300Light_Italic" | "Montserrat_400Regular_Italic" | "Montserrat_500Medium_Italic" | "Montserrat_600SemiBold_Italic" | "Montserrat_700Bold_Italic" | "Montserrat_800ExtraBold_Italic" | "Montserrat_900Black_Italic";
-type FontWeightValue = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-type SpaceSizesKey = "none" | "xxs" | "xs" | "mxs" | "sm" | "msm" | "md" | "lg" | "xl" | "xxl";
-type Space = Record<SpaceSizesKey, number>;
-type TypographyKey = "xxs" | "xs" | "xsm" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "huge" | "massive" | "giant" | "colossal";
-type FontSize = Record<TypographyKey, number>;
-type LineHeight = Record<TypographyKey, number>;
-type FontWeightKeys = "thin" | "extraLight" | "light" | "regular" | "medium" | "semiBold" | "bold" | "extraBold" | "black";
-type FontFamily = Record<"normal" | "italic", Record<FontWeightValue, string>>;
-type FontWeight = Record<FontWeightKeys, FontWeightValue>;
-type LetterSpacingKey = "tightest" | "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | "ultraWide";
-type LetterSpacings = Record<LetterSpacingKey, number>;
-type BorderSizeKey = "sm" | "md" | "lg" | "xl" | "xxl";
-type BorderSize = Record<BorderSizeKey, number>;
-type RadiusKey = "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "round";
-type Radii = Record<RadiusKey, number>;
-type RadiusDrawnKey = "drawn1" | "drawn2" | "drawn3" | "drawn4" | "drawn5" | "drawn6";
-type RadiiDrawn = Record<RadiusDrawnKey, string>;
-type RadiusBlobKey = "blob1" | "blob2" | "blob3" | "blob4" | "blob5";
-type RadiiBlob = Record<RadiusBlobKey, string>;
-type RadiusConditionalKey = "conditional1" | "conditional2" | "conditional3" | "conditional4" | "conditional5" | "conditional6";
-type RadiiConditional = Record<RadiusConditionalKey, string>;
-type NeutralColorKey = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13";
-type NeutralColor = Record<NeutralColorKey, string>;
-
-interface TypographyProps {
-    fontSize?: TextStyle["fontSize"];
-    fontFamily?: TextStyle["fontFamily"];
-    fontWeight?: FontWeightValue;
-    fontVariant?: TextStyle["fontVariant"];
-    fontStyle?: TextStyle["fontStyle"];
-    letterSpacing?: TextStyle["letterSpacing"];
-    lineHeight?: TextStyle["lineHeight"];
-    textAlign?: TextStyle["textAlign"];
-    textDecorationLine?: TextStyle["textDecorationLine"];
-    textDecorationStyle?: TextStyle["textDecorationStyle"];
-    textDecorationColor?: TextStyle["textDecorationColor"];
-    textTransform?: TextStyle["textTransform"];
-    includeFontPadding?: TextStyle["includeFontPadding"];
-    textAlignVertical?: TextStyle["textAlignVertical"];
-    writingDirection?: TextStyle["writingDirection"];
-}
-type TypographyPresetKey = "Master" | "DisplayLarge" | "DisplayMedium" | "DisplaySmall" | "Title1" | "Title2" | "Title3" | "Title4" | "Title5" | "Title6" | "Subtitle1" | "Subtitle2" | "BodyLarge" | "Body" | "BodySmall" | "Caption" | "Label" | "Overline" | "Helper" | "Code" | "Quote" | "Eyebrow";
-
-type StyleProps = Partial<SpacingProps & ColorProps & ShadowProps & BorderProps & TypographyProps & FlexProps & DimensionProps>;
-type StylePropKey = keyof StyleProps;
-
-type ButtonSizeTokens = Record<ComponentSize, {
-    height: number;
-    paddingVertical: number;
-    paddingHorizontal: number;
-    fontSize: number;
-}>;
-type IconButtonSizeTokens = Record<ComponentSize, {
-    size: number;
-    padding: number;
-}>;
-type ButtonVariantTokens = Record<ComponentVariant, {
-    backgroundColor: string;
-    borderColor: string;
-    color: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-    disabledColor: string;
-}>;
-type IconButtonVariantTokens = Record<ComponentVariant, {
-    backgroundColor: string;
-    borderColor: string;
-    color: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-    disabledColor: string;
-}>;
-interface ButtonTokens {
-    borderWidth: number;
-    borderRadius: number;
-    sizes: ButtonSizeTokens;
-    variants: ButtonVariantTokens;
-}
-interface IconButtonTokens {
-    borderWidth: number;
-    borderRadius: number;
-    sizes: IconButtonSizeTokens;
-    variants: IconButtonVariantTokens;
-}
-
-interface ControlAddonTokens {
-    marginHorizontal: number;
-    hitSlop: number;
-    iconColor: string;
-    errorIconColor: string;
-    disabledIconColor: string;
-}
-type ControlContainerSizeTokens = Record<ComponentSize, {
-    height: number;
-    paddingHorizontal: number;
-}>;
-type ControlContainerVariantTokens = Record<ComponentVariant, {
-    backgroundColor: string;
-    borderColor: string;
-    errorBorderColor: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-}>;
-interface ControlContainerTokens {
-    borderWidth: number;
-    borderRadius: number;
-    disabledOpacity: number;
-    sizes: ControlContainerSizeTokens;
-    variants: ControlContainerVariantTokens;
-}
-interface ControlErrorTokens {
-    marginTop: number;
-    color: string;
-    fontSize: number;
-}
-type ControlInputSizeTokens = Record<ComponentSize, {
-    fontSize: number;
-}>;
-type ControlInputVariantTokens = Record<ComponentVariant, {
-    color: string;
-    placeholderColor: string;
-    disabledColor: string;
-    disabledPlaceholderColor: string;
-    errorColor: string;
-    errorPlaceholderColor: string;
-}>;
-interface ControlInputTokens {
-    flex: number;
-    fontFamily: string;
-    paddingHorizontal: number;
-    sizes: ControlInputSizeTokens;
-    variants: ControlInputVariantTokens;
-}
-interface ControlLabelTokens {
-    marginBottom: number;
-    fontSize: number;
-    color: string;
-    disabledColor: string;
-    errorColor: string;
-}
-
-interface DataStateDetailsTokens {
-    gap: number;
-    iconSize: number;
-    iconColor: string;
-}
-interface DataStateActionsFooterTokens {
-    gap: number;
-}
-interface DataStateContentTokens {
-    zIndex: number;
-}
-interface DataStateLoadingTokens {
-    transitionDuration: number;
-    loaderZIndex: number;
-}
-interface DataStateTokens {
-    details: DataStateDetailsTokens;
-    actionsFooter: DataStateActionsFooterTokens;
-    content: DataStateContentTokens;
-    loading: DataStateLoadingTokens;
-}
-
-interface DatetimePickerCalendarTokens {
-    dayNamesMarginBottom: number;
-    weeksGap: number;
-}
-interface DatetimePickerDayTokens {
-    size: number;
-    borderRadius: number;
-    color: string;
-    outsideMonthColor: string;
-    selectedBackgroundColor: string;
-    selectedColor: string;
-    rangeBackgroundColor: string;
-    rangeColor: string;
-}
-interface DatetimePickerFlyoutActionsTokens {
-    gap: number;
-    buttonsGap: number;
-    clearColor: string;
-}
-interface DatetimePickerQuickDateOptionsTokens {
-    gap: number;
-}
-interface DatetimePickerVisibleDateSelectTokens {
-    gap: number;
-}
-interface DatePickerFlyoutTokens {
-    gap: number;
-}
-interface DatetimePickerFlyoutTokens {
-    gap: number;
-}
-interface DatetimeRangePickerFlyoutTokens {
-    gap: number;
-    timeInputsGap: number;
-}
-interface DatetimePickerTokens {
-    calendar: DatetimePickerCalendarTokens;
-    day: DatetimePickerDayTokens;
-    datePickerFlyout: DatePickerFlyoutTokens;
-    datetimePickerFlyout: DatetimePickerFlyoutTokens;
-    datetimeRangePickerFlyout: DatetimeRangePickerFlyoutTokens;
-    flyoutActions: DatetimePickerFlyoutActionsTokens;
-    quickDateOptions: DatetimePickerQuickDateOptionsTokens;
-    visibleDateSelect: DatetimePickerVisibleDateSelectTokens;
-}
-
-interface FlyoutHandleTokens {
-    containerHeight: number;
-    width: `${number}%`;
-    height: number;
-    borderRadius: number;
-    backgroundColor: string;
-}
-interface FlyoutTitleTokens {
-    paddingVertical: number;
-    paddingHorizontal: number;
-}
-interface FlyoutTokens {
-    zIndexBase: number;
-    maxHeightRatio: number;
-    overlayColor: string;
-    overlayVisibleOpacity: number;
-    backgroundColor: string;
-    contentPaddingHorizontal: number;
-    borderRadius: number;
-    hiddenOpacity: number;
-    title: FlyoutTitleTokens;
-    handle: FlyoutHandleTokens;
-}
-
-interface SelectOptionTokens {
-    padding: number;
-    selectedIconColor: string;
-    selectedIconVisibleOpacity: number;
-    selectedIconHiddenOpacity: number;
-}
-interface SelectTokens {
-    option: SelectOptionTokens;
-}
-
-interface SkeletonBoneTokens {
-    backgroundColor: string;
-    borderColor: string;
-    initialOpacity: number;
-    animatedOpacity: number;
-    animationDuration: number;
-}
-interface SkeletonTextTokens {
-    alignSelf: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
-    textTransform: "none" | "capitalize" | "uppercase" | "lowercase";
-    opacity: number;
-}
-interface SkeletonTokens {
-    bone: SkeletonBoneTokens;
-    text: SkeletonTextTokens;
-}
-
-type TagColor = "primary" | "secondary" | "error" | "warning" | "success" | "info";
-type TagSizeTokens = Record<ComponentSize, {
-    height: number;
-    paddingHorizontal: number;
-    minWidth: number;
-    fontSize: number;
-}>;
-type TagVariantTokens = Record<ComponentVariant, {
-    backgroundColor: string;
-    borderColor: string;
-    color: string;
-    disabledBackgroundColor: string;
-    disabledBorderColor: string;
-    disabledColor: string;
-}>;
-type TagColorTokens = Record<TagColor, TagVariantTokens>;
-interface TagTokens {
-    borderWidth: number;
-    borderRadius: number;
-    gap: number;
-    iconMarginLeft: number;
-    sizes: TagSizeTokens;
-    colors: TagColorTokens;
-}
-
-interface TimePickerColumnTokens {
-    width: number;
-    height: number;
-    gap: number;
-    listWidth: number;
-    itemHeight: number;
-    visibleItems: number;
-    verticalPadding: number;
-    initialScrollIndexViewOffset: number;
-    fontSize: number;
-    selectedColor: string;
-    color: string;
-    selectedFontWeight: number;
-    fontWeight: number;
-}
-interface TimePickerFlyoutTokens {
-    gap: number;
-}
-interface TimePickerColumnsTokens {
-    height: number;
-    gap: number;
-    indicatorHeight: number;
-    indicatorWidth: number;
-    indicatorTop: number;
-    indicatorBorderRadius: number;
-    indicatorBackgroundColor: string;
-}
-interface TimePickerTokens {
-    column: TimePickerColumnTokens;
-    flyout: TimePickerFlyoutTokens;
-    columns: TimePickerColumnsTokens;
-}
-
-interface ThemeContextData {
-    theme: AppTheme;
-}
-type ColorScheme = "light" | "dark";
-type ColorPair = {
-    value: string;
-    contrast: string;
-};
-type ThemeColors = {
-    primary: ColorPair;
-    accent: ColorPair;
-    secondary: ColorPair;
-    neutral: NeutralColor;
-    surface: {
-        primary: ColorPair;
-        secondary: ColorPair;
-        elevated: ColorPair;
-        inverse: ColorPair;
-    };
-    text: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        inverse: string;
-        disabled: string;
-    };
-    border: {
-        subtle: ColorPair;
-        default: ColorPair;
-        strong: ColorPair;
-        focus: ColorPair;
-    };
-    feedback: {
-        error: ColorPair;
-        warning: ColorPair;
-        success: ColorPair;
-        info: ColorPair;
-    };
-    overlay: string;
-    white: string;
-    black: string;
-} & ExtendedThemeColors;
-interface ExtendedThemeColors {
-}
-interface ComponentsThemes {
-    (theme: PrimitiveThemeTokens): ComponentsTokens;
-}
-interface ComponentsTokens {
-    button: ButtonTokens;
-    iconButton: IconButtonTokens;
-    tag: TagTokens;
-    controlAddon: ControlAddonTokens;
-    controlContainer: ControlContainerTokens;
-    controlError: ControlErrorTokens;
-    controlInput: ControlInputTokens;
-    controlLabel: ControlLabelTokens;
-    select: SelectTokens;
-    datetimePicker: DatetimePickerTokens;
-    timePicker: TimePickerTokens;
-    flyout: FlyoutTokens;
-    skeleton: SkeletonTokens;
-    dataState: DataStateTokens;
-}
-interface PrimitiveThemeTokens {
-    colors: ThemeColors;
-    space: Space;
-    radii: Radii;
-    borderSize: BorderSize;
-    fontFamily: FontFamily;
-    fontWeight: FontWeight;
-    fontSize: FontSize;
-    lineHeight: LineHeight;
-}
-interface AppTheme extends PrimitiveThemeTokens {
-    components: ComponentsTokens;
-}
-
-declare const StylePropsSet: Set<keyof SpacingProps | keyof ColorProps | keyof ShadowProps | keyof BorderProps | keyof TypographyProps | keyof FlexProps | keyof DimensionProps>;
-declare const shadowScale: Record<ShadowLevel, ShadowIntensity>;
-
-declare function useBorder(): BorderSize;
-
-declare function useColors(): ThemeColors;
-
-declare function useComponentsTokens(): ComponentsTokens;
-
-declare function useRadii(): Radii;
-
-declare function useSpace(): Space;
-
-declare function useStyleProps<Props extends object>(props: Props): Partial<SpacingProps & ColorProps & ShadowProps & BorderProps & TypographyProps & FlexProps & DimensionProps>;
-
-declare function useTheme(): AppTheme;
-
-type ThemedStyles<T extends StyleSheet.NamedStyles<T>> = T;
-type StyledFunctionNoProps<T extends StyleSheet.NamedStyles<T>> = (theme: AppTheme) => ThemedStyles<T>;
-type StyledFunctionWithProps<Props extends object, T extends StyleSheet.NamedStyles<T>> = (theme: AppTheme, props: Props) => ThemedStyles<T>;
-declare function useThemedStyles<T extends StyleSheet.NamedStyles<T>>(styledFunction: StyledFunctionNoProps<T>): ThemedStyles<T>;
-declare function useThemedStyles<Props extends object, T extends StyleSheet.NamedStyles<T>>(styledFunction: StyledFunctionWithProps<Props, T>, props: Props, dependencies: readonly unknown[]): ThemedStyles<T>;
-declare function useThemedStyles<Props extends object, T extends StyleSheet.NamedStyles<T>>(styledFunction: StyledFunctionWithProps<Props, T>, props: Props, dependencies: readonly unknown[]): ThemedStyles<T>;
-
-interface ThemeProviderProps {
-    scheme?: ColorScheme;
-    theme?: DeepPartial<{
-        light: PrimitiveThemeTokens;
-        dark: PrimitiveThemeTokens;
-    }>;
-    components?: ((theme: PrimitiveThemeTokens) => DeepPartial<ComponentsTokens>) | DeepPartial<ComponentsTokens>;
-}
-declare const ThemeProvider: react.MemoExoticComponent<(props: PropsWithChildren<ThemeProviderProps>) => react_jsx_runtime.JSX.Element>;
-declare function useThemeContext(): AppTheme;
-
-declare const DarkTheme: PrimitiveThemeTokens;
-
-declare const LightTheme: PrimitiveThemeTokens;
-
-declare const ChartColorTokens: ChartColorPalette;
-declare const SpaceTokens: Space;
-declare const BorderSizeTokens: BorderSize;
-declare const RadiiTokens: Radii;
-declare const FontSizeTokens: FontSize;
-declare const LineHeightTokens: LineHeight;
-declare const FontWeightTokens: FontWeight;
-declare const FontFamilyWeightsNormalTokens: Record<FontWeightValue, FontWeightNormal>;
-declare const FontFamilyWeightsItalicTokens: Record<FontWeightValue, FontWeightItalic>;
-declare const FontFamilyTokens: FontFamily;
-declare const NeutralColorTokens: NeutralColor;
-declare const LightColors: ThemeColors;
-declare function createComponentsTokens(tokens: PrimitiveThemeTokens): ComponentsTokens;
-
-declare const extractStyleProps: <Props extends object>(props: Props) => StyleProps;
-declare const createStyleKey: <Props extends object>(props: Props) => string;
-declare const getShadowStyle: (level: ShadowLevel | undefined, position: ShadowPosition | undefined, colors: ThemeColors) => ViewStyle;
-
-export { type AppTheme, type BorderProps, type BorderSize, type BorderSizeKey, BorderSizeTokens, type ButtonSizeTokens, type ButtonTokens, type ButtonVariantTokens, type ChartColorPalette, ChartColorTokens, type ColorPair, type ColorProps, type ColorScheme, type ComponentSize, type ComponentVariant, type ComponentsThemes, type ComponentsTokens, type ControlAddonTokens, type ControlContainerSizeTokens, type ControlContainerTokens, type ControlContainerVariantTokens, type ControlErrorTokens, type ControlInputSizeTokens, type ControlInputTokens, type ControlInputVariantTokens, type ControlLabelTokens, DarkTheme, type DataStateActionsFooterTokens, type DataStateContentTokens, type DataStateDetailsTokens, type DataStateLoadingTokens, type DataStateTokens, type DatePickerFlyoutTokens, type DatetimePickerCalendarTokens, type DatetimePickerDayTokens, type DatetimePickerFlyoutActionsTokens, type DatetimePickerFlyoutTokens, type DatetimePickerQuickDateOptionsTokens, type DatetimePickerTokens, type DatetimePickerVisibleDateSelectTokens, type DatetimeRangePickerFlyoutTokens, type DimensionProps, type ExtendedThemeColors, type FlexProps, type FlyoutHandleTokens, type FlyoutTitleTokens, type FlyoutTokens, type FontFamily, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, type FontSize, FontSizeTokens, type FontWeight, type FontWeightItalic, type FontWeightKeys, type FontWeightNormal, FontWeightTokens, type FontWeightValue, type IconButtonSizeTokens, type IconButtonTokens, type IconButtonVariantTokens, type LetterSpacingKey, type LetterSpacings, LightColors, LightTheme, type LineHeight, LineHeightTokens, type NeutralColor, type NeutralColorKey, NeutralColorTokens, type PrimitiveThemeTokens, type Radii, type RadiiBlob, type RadiiConditional, type RadiiDrawn, RadiiTokens, type RadiusBlobKey, type RadiusConditionalKey, type RadiusDrawnKey, type RadiusKey, type SelectOptionTokens, type SelectTokens, type ShadowIntensity, type ShadowLevel, type ShadowPosition, type ShadowProps, type SkeletonBoneTokens, type SkeletonTextTokens, type SkeletonTokens, type Space, type SpaceSizesKey, SpaceTokens, type SpacingProps, type StylePropKey, type StyleProps, StylePropsSet, type TagColor, type TagColorTokens, type TagSizeTokens, type TagTokens, type TagVariantTokens, type ThemeColors, type ThemeContextData, ThemeProvider, type TimePickerColumnTokens, type TimePickerColumnsTokens, type TimePickerFlyoutTokens, type TimePickerTokens, type TypographyKey, type TypographyPresetKey, type TypographyProps, createComponentsTokens, createStyleKey, extractStyleProps, getShadowStyle, shadowScale, useBorder, useColors, useComponentsTokens, useRadii, useSpace, useStyleProps, useTheme, useThemeContext, useThemedStyles };
+export { StylePropsSet, shadowScale } from './constants/style.constants.mjs';
+export { useBorder } from './hooks/use-border.hook.mjs';
+export { useColors } from './hooks/use-colors.hook.mjs';
+export { useComponentsTokens } from './hooks/use-components-tokens.hook.mjs';
+export { useRadii } from './hooks/use-radii.hook.mjs';
+export { useSpace } from './hooks/use-space.hook.mjs';
+export { useStyleProps } from './hooks/use-style-props.hook.mjs';
+export { useTheme } from './hooks/use-theme.hook.mjs';
+export { useThemedStyles } from './hooks/use-themed-styles.mjs';
+export { ThemeProvider, useThemeContext } from './providers/theme.provider.mjs';
+export { DarkTheme } from './theme/dark.theme.mjs';
+export { LightTheme } from './theme/light.theme.mjs';
+export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './theme/tokens.theme.mjs';
+export { BorderProps } from './types/border.types.mjs';
+export { ColorProps } from './types/color.types.mjs';
+export { ChartColorPalette } from './types/chart.types.mjs';
+export { ComponentSize, ComponentVariant } from './types/components.types.mjs';
+export { DimensionProps } from './types/dimension.types.mjs';
+export { FlexProps } from './types/flex.types.mjs';
+export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps } from './types/shadow.types.mjs';
+export { SpacingProps } from './types/spacing.types.mjs';
+export { StylePropKey, StyleProps } from './types/style.types.mjs';
+export { AppTheme, ColorPair, ColorScheme, ComponentsThemes, ComponentsTokens, ExtendedThemeColors, PrimitiveThemeTokens, ThemeColors, ThemeContextData } from './types/theme-provider.types.mjs';
+export { BorderSize, BorderSizeKey, FontFamily, FontSize, FontWeight, FontWeightItalic, FontWeightKeys, FontWeightNormal, FontWeightValue, LetterSpacingKey, LetterSpacings, LineHeight, NeutralColor, NeutralColorKey, Radii, RadiiBlob, RadiiConditional, RadiiDrawn, RadiusBlobKey, RadiusConditionalKey, RadiusDrawnKey, RadiusKey, Space, SpaceSizesKey, TypographyKey } from './types/tokens.types.mjs';
+export { TypographyPresetKey, TypographyProps } from './types/typography.types.mjs';
+export { ButtonSizeTokens, ButtonTokens, ButtonVariantTokens, IconButtonSizeTokens, IconButtonTokens, IconButtonVariantTokens } from './types/buttons-tokens.types.mjs';
+export { TagColor, TagColorTokens, TagSizeTokens, TagTokens, TagVariantTokens } from './types/tag-tokens.types.mjs';
+export { ControlAddonTokens, ControlContainerSizeTokens, ControlContainerTokens, ControlContainerVariantTokens, ControlErrorTokens, ControlInputSizeTokens, ControlInputTokens, ControlInputVariantTokens, ControlLabelTokens } from './types/control-tokes.types.mjs';
+export { SelectOptionTokens, SelectTokens } from './types/select-tokens.types.mjs';
+export { DatePickerFlyoutTokens, DatetimePickerCalendarTokens, DatetimePickerDayTokens, DatetimePickerFlyoutActionsTokens, DatetimePickerFlyoutTokens, DatetimePickerQuickDateOptionsTokens, DatetimePickerTokens, DatetimePickerVisibleDateSelectTokens, DatetimeRangePickerFlyoutTokens } from './types/datetime-picker-tokens.types.mjs';
+export { TimePickerColumnTokens, TimePickerColumnsTokens, TimePickerFlyoutTokens, TimePickerTokens } from './types/time-picker-token.types.mjs';
+export { FlyoutHandleTokens, FlyoutTitleTokens, FlyoutTokens } from './types/flyout-tokens.types.mjs';
+export { SkeletonBoneTokens, SkeletonTextTokens, SkeletonTokens } from './types/skeleton-tokens.types.mjs';
+export { DataStateActionsFooterTokens, DataStateContentTokens, DataStateDetailsTokens, DataStateLoadingTokens, DataStateTokens } from './types/data-state-tokens.types.mjs';
+export { createStyleKey, extractStyleProps, getShadowStyle } from './utils/style.utils.mjs';
+import 'react-native';
+import 'react';
+import 'react/jsx-runtime';
+import '@impulse-ui-native/core';