jp-composter 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,997 @@
+import React$1, { ReactNode } from 'react';
+import { TextStyle, TextInputProps, ViewStyle, ImageSourcePropType, ViewProps, StyleProp, DimensionValue } from 'react-native';
+
+declare const Breakpoints: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+declare const getDeviceBreakpoint: () => keyof typeof Breakpoints;
+declare const scaleFont: (size: string | number | undefined) => string | number | undefined;
+declare const resolveVariant: (variant: string | VariantBreakPoints, breakpoint: keyof VariantBreakPoints) => string;
+
+type VariantBreakPoints = {
+    [Key in keyof typeof Breakpoints]: string;
+} & {
+    default: string;
+};
+
+type TypographyVariants = Record<string, TextStyle>;
+interface TypographyViewProps {
+    screenName?: string;
+    id?: string;
+    children: string | string[];
+    variant?: string | VariantBreakPoints;
+    style?: TextStyle;
+    align?: 'auto' | 'left' | 'right' | 'center' | 'justify' | undefined;
+    spacing?: number;
+    extraProps?: any;
+}
+
+declare const _default$a: React$1.NamedExoticComponent<TypographyViewProps>;
+
+type InputVariantType = 'outlined' | 'filled' | 'standard';
+type InputSizeType = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
+interface InputIconProps {
+    style?: ViewStyle;
+}
+interface InputProps extends Omit<TextInputProps, 'style'> {
+    size?: InputSizeType;
+    labelText?: string;
+    error?: string;
+    helperText?: string;
+    startAdornment?: React$1.ReactNode;
+    endAdornment?: React$1.ReactNode;
+    prefixIcon?: React$1.ReactElement<InputIconProps>;
+    suffixIcon?: React$1.ReactElement<InputIconProps>;
+    containerStyle?: ViewStyle;
+    inputStyle?: TextStyle;
+    labelStyle?: TextStyle;
+    errorStyle?: TextStyle;
+    helperTextStyle?: TextStyle;
+    phoneNumber?: boolean;
+    countryCode?: string;
+    showCountryFlag?: boolean;
+    onCountryCodeChange?: (code: string) => void;
+    screenName?: string;
+    id?: string;
+}
+interface InputTheme {
+    container: ViewStyle;
+    input: TextStyle;
+    label: TextStyle;
+    error: TextStyle;
+    helperText: TextStyle;
+}
+type InputThemeVariant = {
+    [key in InputVariantType]: InputTheme;
+};
+type InputThemeSize = {
+    [key in InputSizeType]: InputThemeVariant;
+};
+type ExtendedInputVariant = 'outlined' | 'filled' | 'phoneWithFlag' | 'phoneWithCodeOnly' | 'currency' | 'select' | 'checkbox';
+type SelectListType = 'default' | 'checkbox';
+interface SelectOption {
+    label: string;
+    value: string;
+    icon?: React$1.ReactNode;
+}
+interface ExtendedInputProps extends Omit<InputProps, 'onChangeText'> {
+    variant?: ExtendedInputVariant;
+    disabled?: boolean;
+    hover?: boolean;
+    multiple?: boolean;
+    listType?: SelectListType;
+    options?: SelectOption[];
+    searchable?: boolean;
+    noItemText?: string;
+    maxVisibleItems?: number;
+    selectedIcon?: React$1.ReactNode;
+    expandChips?: boolean;
+    maxAllowed?: number;
+    onChangeText?: ((value: string) => void) | ((value: string | string[]) => void);
+}
+
+declare const Input: React$1.ForwardRefExoticComponent<ExtendedInputProps & React$1.RefAttributes<any>>;
+
+type IconSizeKey = 'xxxSmall' | 'xxSmall' | 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge';
+type IconSize = Record<IconSizeKey, any>;
+
+declare const ICON_SIZES: IconSize;
+
+interface IconProps {
+    component: React$1.ReactNode;
+    variant: keyof typeof ICON_SIZES | VariantBreakPoints;
+    color?: string;
+}
+declare const _default$9: React$1.NamedExoticComponent<IconProps>;
+
+interface ButtonProps {
+    children: string | string[];
+    onPress?: () => void;
+    overridedTheme?: any;
+    variant?: ButtonVariantType$1;
+    size?: string;
+    disabled?: boolean;
+    rounded?: boolean;
+    buttonStyle?: ViewStyle;
+    textStyle?: TextStyle;
+    showPrefixIcon?: boolean;
+    showSuffixIcon?: boolean;
+    prefixIcon?: React$1.ReactNode;
+    suffixIcon?: React$1.ReactNode;
+}
+declare const BUTTON_VARIANTS: {
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_OUTLINE: "primaryOutline";
+    readonly OUTLINED: "outlined";
+    readonly GHOST: "ghost";
+};
+type ButtonVariantType$1 = (typeof BUTTON_VARIANTS)[keyof typeof BUTTON_VARIANTS];
+declare const Button: React$1.FC<ButtonProps>;
+
+interface ChipProps {
+    screenName?: string;
+    id?: number | string;
+    text: string | string[];
+    onPress?: () => void;
+    overridedTheme?: any;
+    variant?: ChipVariantType$1;
+    size?: string;
+    disabled?: boolean;
+    rounded?: boolean;
+    chipStyle?: ViewStyle;
+    textStyle?: TextStyle;
+    showSuffixIcon?: boolean;
+    iconName?: string;
+    chipSelected?: boolean;
+}
+declare const CHIP_VARIANTS: {
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_OUTLINE: "primaryOutline";
+};
+type ChipVariantType$1 = (typeof CHIP_VARIANTS)[keyof typeof CHIP_VARIANTS];
+declare const Chip: React$1.FC<ChipProps>;
+
+interface BadgeProps {
+    screenName?: string;
+    id?: number | string;
+    text: string | string[];
+    onPress?: () => void;
+    overridedTheme?: any;
+    variant?: BadgeVariantType$1;
+    size?: string;
+    disabled?: boolean;
+    rounded?: boolean;
+    badgeStyle?: ViewStyle;
+    textStyle?: TextStyle;
+    showSuffixIcon?: boolean;
+    iconName?: string;
+    badgeSelected?: boolean;
+}
+declare const BADGE_VARIANTS: {
+    readonly CO: "co";
+    readonly CM: "cm";
+    readonly NEGATIVE: "negative";
+    readonly POSITIVE: "positive";
+    readonly POSTIVE: "postive";
+};
+type BadgeVariantType$1 = (typeof BADGE_VARIANTS)[keyof typeof BADGE_VARIANTS];
+declare const Badge: React$1.FC<BadgeProps>;
+
+type SizeType$3 = 'small' | 'medium' | 'large' | 'xLarge';
+type AvatarType = 'default' | 'name' | 'image';
+
+interface AvatarProps {
+    screenName?: string;
+    id?: number | string;
+    type?: AvatarType;
+    size?: SizeType$3;
+    name?: string;
+    imageUri?: string;
+    imageSource?: ImageSourcePropType;
+    avatarStyle?: ViewStyle;
+    textStyle?: TextStyle;
+    onPress?: () => void;
+}
+declare const Avatar: React$1.FC<AvatarProps>;
+
+type TabSizeType = 'small' | 'medium' | 'large';
+type TabVariantType = 'bordered' | 'filled' | 'filledRounded';
+type TabStateType = 'default' | 'hover' | 'disabled';
+type TabBrandType = 'cm' | 'co';
+
+interface TabItemProps {
+    screenName?: string;
+    id?: number | string;
+    label: string;
+    size?: TabSizeType;
+    variant?: TabVariantType;
+    brand?: TabBrandType;
+    state?: TabStateType;
+    isActive?: boolean;
+    disabled?: boolean;
+    onPress?: () => void;
+    tabItemStyle?: ViewStyle;
+    textStyle?: TextStyle;
+}
+declare const TabItem: React$1.FC<TabItemProps>;
+
+interface TabOption {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+interface TabsProps {
+    screenName?: string;
+    id?: number | string;
+    options: TabOption[];
+    activeTabId?: string;
+    size?: TabSizeType;
+    variant?: TabVariantType;
+    brand?: TabBrandType;
+    onTabChange?: (tabId: string) => void;
+    tabsStyle?: ViewStyle;
+    tabItemStyle?: ViewStyle;
+}
+declare const Tabs: React$1.FC<TabsProps>;
+
+interface StackProps extends ViewProps {
+    gap?: number;
+    children: React$1.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    alignItems?: ViewStyle['alignItems'];
+    justifyContent?: ViewStyle['justifyContent'];
+    flexWrap?: ViewStyle['flexWrap'];
+}
+declare const HStack: React$1.NamedExoticComponent<StackProps>;
+declare const VStack: React$1.NamedExoticComponent<StackProps>;
+
+interface ColorTokens {
+    colorBackgroundAccent: string;
+    colorBackgroundAccentAlpha: string;
+    colorBackgroundPositive: string;
+    colorBackgroundNegative: string;
+    colorBackgroundLink: string;
+    colorBackgroundPrimary: string;
+    colorBackgroundSecondary: string;
+    colorBackgroundTertiary: string;
+    colorBackgroundLight: string;
+    colorBackgroundLighter: string;
+    colorBackgroundElevated: string;
+    colorBackgroundModal: string;
+    colorBorderAccent: string;
+    colorBorderPositive: string;
+    colorBorderNegative: string;
+    colorBorderLink: string;
+    colorBorderStrong: string;
+    colorBorderMedium: string;
+    colorBorderSubtle: string;
+    colorBorderLight: string;
+    colorBorderLighter: string;
+    colorBorderAlpha: string;
+    colorForegroundAccent: string;
+    colorForegroundPositive: string;
+    colorForegroundNegative: string;
+    colorForegroundLink: string;
+    colorForegroundPrimary: string;
+    colorForegroundSecondary: string;
+    colorForegroundTertiary: string;
+    colorForegroundLight: string;
+    colorForegroundLighter: string;
+    colorForegroundInvariable: string;
+    colorStatePrimaryDisabled: string;
+    colorStatePrimaryHover: string;
+    colorStatePrimaryPressed: string;
+    colorStateAccentDisabled: string;
+    colorStatePrimaryDisabled2: string;
+    colorStateAccentHover1: string;
+    colorStateAccentHover2: string;
+    colorStateAccentPressed1: string;
+    colorStateAccentPressed2: string;
+    colorStateContrastWhiteDisabled: string;
+}
+
+type SwitchSize = 'small' | 'medium' | 'large';
+type SwitchBrand = 'CO' | 'CM';
+
+interface SwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    size?: SwitchSize;
+    disabled?: boolean;
+    brand?: SwitchBrand;
+    style?: ViewStyle;
+    id?: string;
+}
+declare const Switch: React$1.FC<SwitchProps>;
+
+type RadioButtonSize = 'small' | 'medium' | 'large';
+type RadioButtonVariant = 'default' | 'error' | 'disabled';
+interface RadioButtonProps {
+    checked: boolean;
+    onPress: () => void;
+    label: string;
+    size?: RadioButtonSize;
+    variant?: RadioButtonVariant;
+    disabled?: boolean;
+    style?: ViewStyle;
+    labelStyle?: TextStyle;
+    description?: string;
+    descriptionStyle?: TextStyle;
+    prefixIcon?: React.ReactNode;
+    suffixIcon?: React.ReactNode;
+}
+
+declare const RadioButton: React$1.FC<RadioButtonProps>;
+
+type DividerThicknessVariant = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type DividerOrientation = 'horizontal' | 'vertical';
+type DividerVariant = 'solid' | 'dashed' | 'dotted' | 'spacer';
+interface DividerProps {
+    screenName?: string;
+    id?: string | number;
+    orientation?: DividerOrientation;
+    thickness?: DividerThicknessVariant | number;
+    color?: keyof ColorTokens | string;
+    variant?: DividerVariant;
+    marginVertical?: number;
+    marginHorizontal?: number;
+    borderRadius?: number;
+    showDivider?: boolean;
+    style?: ViewStyle;
+    testID?: string;
+}
+
+declare const Divider: React$1.MemoExoticComponent<({ screenName, id, orientation, thickness, color, variant, marginVertical, marginHorizontal, borderRadius, showDivider, style, testID, }: DividerProps) => React$1.JSX.Element>;
+
+type CheckboxSize = 'medium' | 'large';
+interface CheckboxProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    size?: CheckboxSize;
+    disabled?: boolean;
+    label?: string;
+    supportingText?: string;
+    style?: ViewStyle;
+    labelStyle?: TextStyle;
+    supportingTextStyle?: TextStyle;
+    id?: string;
+    labelFontSize?: number;
+    labelFontWeight?: TextStyle['fontWeight'];
+    labelColor?: string;
+    supportingTextFontSize?: number;
+    supportingTextColor?: string;
+    supportingTextMarginTop?: number;
+}
+declare const Checkbox: React$1.FC<CheckboxProps>;
+
+interface BoxProps {
+    padding?: number;
+    margin?: number;
+    bg?: string;
+    flex?: number;
+    children: React$1.ReactNode;
+}
+declare const _default$8: React$1.NamedExoticComponent<BoxProps>;
+
+interface CenterProps {
+    horizontal?: boolean;
+    vertical?: boolean;
+    children: React$1.ReactNode;
+}
+declare const _default$7: React$1.NamedExoticComponent<CenterProps>;
+
+interface GridProps extends ViewProps {
+    columns?: number;
+    gap?: number;
+    children: React$1.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    itemStyle?: StyleProp<ViewStyle>;
+}
+declare const _default$6: React$1.NamedExoticComponent<GridProps>;
+
+interface SpacerProps extends ViewProps {
+    width?: DimensionValue;
+    height?: DimensionValue;
+    flex?: number;
+    style?: StyleProp<ViewStyle>;
+}
+declare const _default$5: React$1.NamedExoticComponent<SpacerProps>;
+
+type TableSize = 'small' | 'medium' | 'large';
+type TableVariant = 'default' | 'bordered' | 'striped';
+type ColumnAlign = 'left' | 'center' | 'right';
+type SortDirection = 'asc' | 'desc' | null;
+interface TableColumn<T = any> {
+    key: string;
+    title: string;
+    dataIndex?: keyof T;
+    sortable?: boolean;
+    align?: ColumnAlign;
+    width?: number | string;
+    minWidth?: number;
+    maxWidth?: number;
+    fixed?: 'left' | 'right';
+    render?: (value: any, record: T, index: number) => ReactNode;
+    headerRender?: () => ReactNode;
+    sorter?: boolean | ((a: T, b: T) => number);
+    onHeaderCell?: () => ViewStyle;
+    onCell?: (record: T, index: number) => ViewStyle;
+}
+interface TableRowData {
+    key?: string | number;
+    [key: string]: any;
+}
+interface TableSelection<T = any> {
+    selectedRowKeys?: (string | number)[];
+    onChange?: (selectedRowKeys: (string | number)[], selectedRows: T[]) => void;
+    onSelect?: (record: T, selected: boolean, selectedRows: T[], nativeEvent: any) => void;
+    onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
+    getCheckboxProps?: (record: T) => {
+        disabled?: boolean;
+    };
+    type?: 'checkbox' | 'radio';
+    fixed?: boolean;
+    columnWidth?: number | string;
+    columnTitle?: string | ReactNode;
+    hideSelectAll?: boolean;
+}
+interface TablePagination {
+    current?: number;
+    pageSize?: number;
+    total?: number;
+    showSizeChanger?: boolean;
+    pageSizeOptions?: string[];
+    showQuickJumper?: boolean;
+    showTotal?: (total: number, range: [number, number]) => ReactNode;
+    onChange?: (page: number, pageSize?: number) => void;
+    onShowSizeChange?: (current: number, size: number) => void;
+    position?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+    size?: 'default' | 'small';
+}
+interface TableProps<T = any> {
+    screenName?: string;
+    id?: string | number;
+    columns: TableColumn<T>[];
+    dataSource: T[];
+    size?: TableSize;
+    variant?: TableVariant;
+    loading?: boolean;
+    pagination?: false | TablePagination;
+    rowSelection?: TableSelection<T>;
+    scroll?: {
+        x?: number | string | true;
+        y?: number | string;
+    };
+    bordered?: boolean;
+    showHeader?: boolean;
+    title?: () => ReactNode;
+    footer?: () => ReactNode;
+    expandable?: {
+        expandedRowRender?: (record: T, index: number, indent: number, expanded: boolean) => ReactNode;
+        expandedRowKeys?: (string | number)[];
+        defaultExpandedRowKeys?: (string | number)[];
+        onExpand?: (expanded: boolean, record: T) => void;
+        onExpandedRowsChange?: (expandedKeys: (string | number)[]) => void;
+    };
+    rowKey?: string | ((record: T) => string | number);
+    onRow?: (record: T, index?: number) => {
+        onClick?: () => void;
+        onDoubleClick?: () => void;
+        onContextMenu?: () => void;
+        onMouseEnter?: () => void;
+        onMouseLeave?: () => void;
+    };
+    onHeaderRow?: (columns: TableColumn<T>[], index?: number) => {
+        onClick?: () => void;
+        onDoubleClick?: () => void;
+        onContextMenu?: () => void;
+        onMouseEnter?: () => void;
+        onMouseLeave?: () => void;
+    };
+    sortDirections?: SortDirection[];
+    defaultSortOrder?: SortDirection;
+    showSorterTooltip?: boolean;
+    tableStyle?: ViewStyle;
+    headerStyle?: ViewStyle;
+    bodyStyle?: ViewStyle;
+    footerStyle?: ViewStyle;
+    rowStyle?: ViewStyle;
+    cellStyle?: ViewStyle;
+    emptyText?: ReactNode;
+    locale?: {
+        emptyText?: string;
+        filterTitle?: string;
+        filterConfirm?: string;
+        filterReset?: string;
+        selectAll?: string;
+        selectInvert?: string;
+        selectionAll?: string;
+        sortTitle?: string;
+        expand?: string;
+        collapse?: string;
+    };
+}
+interface TableCellProps {
+    children?: ReactNode;
+    align?: ColumnAlign;
+    style?: ViewStyle;
+    textStyle?: TextStyle;
+    width?: number | string;
+    minWidth?: number;
+    maxWidth?: number;
+    fixed?: 'left' | 'right';
+    ellipsis?: boolean;
+    onPress?: () => void;
+}
+interface TableHeaderProps {
+    columns: TableColumn[];
+    selection?: TableSelection;
+    sortedInfo?: {
+        columnKey?: string;
+        order?: SortDirection;
+    };
+    onSort?: (columnKey: string, direction: SortDirection) => void;
+    onSelectAll?: (selected: boolean) => void;
+    allSelected?: boolean;
+    indeterminate?: boolean;
+    style?: ViewStyle;
+}
+interface TableRowProps<T = any> {
+    record: T;
+    index: number;
+    columns: TableColumn<T>[];
+    selection?: TableSelection<T>;
+    selected?: boolean;
+    onSelect?: (selected: boolean) => void;
+    onRow?: (record: T, index?: number) => any;
+    style?: ViewStyle;
+    hover?: boolean;
+    striped?: boolean;
+}
+interface TableFooterProps {
+    pagination?: TablePagination;
+    style?: ViewStyle;
+}
+
+declare const _default$4: <T extends TableRowData>(props: TableProps<T>) => React$1.ReactElement;
+
+declare const _default$3: React$1.NamedExoticComponent<TableCellProps>;
+
+declare const _default$2: React$1.NamedExoticComponent<TableHeaderProps>;
+
+declare const _default$1: React$1.NamedExoticComponent<TableRowProps<any>>;
+
+declare const _default: React$1.NamedExoticComponent<TableFooterProps>;
+
+declare const dimensions: {
+    dimension00: number;
+    dimension01: number;
+    dimension02: number;
+    dimension03: number;
+    dimension04: number;
+    dimension05: number;
+    dimension06: number;
+    dimension07: number;
+    dimension08: number;
+    dimension09: number;
+    dimension10: number;
+    dimension11: number;
+    dimension12: number;
+    dimension13: number;
+    dimension14: number;
+    dimension15: number;
+    dimension16: number;
+    dimension17: number;
+    dimension18: number;
+    dimension19: number;
+    dimension20: number;
+    dimension21: number;
+    dimension22: number;
+    dimension23: number;
+    dimension24: number;
+    dimension25: number;
+    dimension26: number;
+    dimension27: number;
+    dimension28: number;
+    dimension29: number;
+    dimension30: number;
+    dimension31: number;
+    dimension100: number;
+};
+
+type SizeType$2 = 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge';
+type VariantsType$2 = 'solid' | 'outline' | 'solidRounded' | 'outlineRounded';
+type ButtonSizeType = {
+    [key in SizeType$2]: ButtonVariantType;
+};
+type ButtonVariantType = {
+    [key in VariantsType$2]: ViewStyle;
+};
+type ButtonTextSizeType = {
+    [key in SizeType$2]: TextStyle;
+};
+type ButtonIconSizeType = {
+    [key in SizeType$2]: any;
+};
+
+type SizeType$1 = 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge';
+type VariantsType$1 = 'solid' | 'outline' | 'solidRounded' | 'outlineRounded';
+type ChipSizeType = {
+    [key in SizeType$1]: ChipVariantType;
+};
+type ChipVariantType = {
+    [key in VariantsType$1]: ViewStyle;
+};
+type ChipTextSizeType = {
+    [key in SizeType$1]: TextStyle;
+};
+type ChipIconSizeType = {
+    [key in SizeType$1]: any;
+};
+
+type SizeType = 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge';
+type VariantsType = 'solid' | 'outline' | 'solidRounded' | 'outlineRounded';
+type BadgeSizeType = {
+    [key in SizeType]: BadgeVariantType;
+};
+type BadgeVariantType = {
+    [key in VariantsType]: ViewStyle;
+};
+type BadgeTextSizeType = {
+    [key in SizeType]: TextStyle;
+};
+type BadgeIconSizeType = {
+    [key in SizeType]: any;
+};
+
+declare const spacing: {
+    space0: number;
+    space50: number;
+    space100: number;
+    space150: number;
+    space200: number;
+    space250: number;
+    space300: number;
+    space350: number;
+    space400: number;
+    space450: number;
+    space500: number;
+    space550: number;
+    space600: number;
+    space800: number;
+    space900: number;
+    space1000: number;
+    space1200: number;
+    space1400: number;
+};
+
+interface ThemeContextType {
+    theme: SliceTheme$1;
+    deviceBreakpoint: keyof typeof Breakpoints;
+}
+interface SliceThemeProviderProps {
+    children: ReactNode;
+    theme: SliceTheme$1;
+}
+declare const SliceThemeProvider: React$1.FC<SliceThemeProviderProps>;
+declare const useSliceTheme: () => ThemeContextType;
+interface SliceTheme$1 {
+    isDebugBuildType?: boolean;
+    automationBaseid?: string;
+    typographyStyles?: TypographyVariants;
+    colors: ColorTokens;
+    dimensions: typeof dimensions;
+    inputStyles: InputThemeSize;
+    buttonStyles: ButtonSizeType;
+    buttonTextStyles: ButtonTextSizeType;
+    buttonIconStyles: ButtonIconSizeType;
+    chipStyles: ChipSizeType;
+    chipTextStyles: ChipTextSizeType;
+    chipIconStyles: ChipIconSizeType;
+    badgeStyles: BadgeSizeType;
+    badgeTextStyles: BadgeTextSizeType;
+    badgeIconStyles: BadgeIconSizeType;
+    avatarStyles: any;
+    avatarTextStyles: any;
+    avatarImageStyles: any;
+    avatarButtonRadius: any;
+    tabItemStyles: any;
+    tabItemTextStyles: any;
+    iconSizes: IconSize;
+    spacing: typeof spacing;
+}
+
+declare const colors: {
+    Primary: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        a100: string;
+        a200: string;
+        a300: string;
+        a400: string;
+    };
+    red: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        a100: string;
+        a200: string;
+        a300: string;
+        a400: string;
+    };
+    yellow: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        a100: string;
+        a200: string;
+        a300: string;
+        a400: string;
+    };
+    orange: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        a100: string;
+        a200: string;
+        a300: string;
+        a400: string;
+    };
+    green: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        a100: string;
+        a200: string;
+        a300: string;
+        a400: string;
+    };
+    blue: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        a100: string;
+        a200: string;
+        a300: string;
+        a400: string;
+    };
+    neutral: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+        a50: string;
+        a100: string;
+        a200: string;
+        a300: string;
+        a400: string;
+    };
+    slate: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+    white: {
+        1000: string;
+        a100: string;
+        a200: string;
+        a300: string;
+        a400: string;
+        a500: string;
+        a600: string;
+        a700: string;
+        a800: string;
+        a900: string;
+    };
+    black: {
+        1000: string;
+        a100: string;
+        a200: string;
+        a300: string;
+        a400: string;
+        a500: string;
+        a600: string;
+        a700: string;
+        a800: string;
+        a900: string;
+    };
+};
+
+declare const LightColorTokens: (colors?: typeof colors, accentColor?: string, positiveColor?: string, negativeColor?: string, linkColor?: string, contrastWhite?: string) => ColorTokens;
+declare const DarkColorTokens: (colors?: typeof colors, accentColor?: string, positiveColor?: string, negativeColor?: string, linkColor?: string, contrastWhite?: string) => ColorTokens;
+
+declare class SliceTheme {
+    isDebugBuildType: boolean;
+    automationBaseid: string;
+    typographyStyles: TypographyVariants;
+    iconSizes: IconSize;
+    buttonStyles: ButtonSizeType;
+    buttonTextStyles: ButtonTextSizeType;
+    buttonIconStyles: ButtonIconSizeType;
+    roundButtonRadius: ViewStyle['borderRadius'];
+    chipStyles: ButtonSizeType;
+    chipTextStyles: ButtonTextSizeType;
+    chipIconStyles: ButtonIconSizeType;
+    chipButtonRadius: ViewStyle['borderRadius'];
+    badgeStyles: ButtonSizeType;
+    badgeTextStyles: ButtonTextSizeType;
+    badgeIconStyles: ButtonIconSizeType;
+    badgeButtonRadius: ViewStyle['borderRadius'];
+    avatarStyles: any;
+    avatarTextStyles: any;
+    avatarImageStyles: any;
+    avatarButtonRadius: ViewStyle['borderRadius'];
+    tabItemStyles: any;
+    tabItemTextStyles: any;
+    inputStyles: InputThemeSize;
+    spacing: {
+        space0: number;
+        space50: number;
+        space100: number;
+        space150: number;
+        space200: number;
+        space250: number;
+        space300: number;
+        space350: number;
+        space400: number;
+        space450: number;
+        space500: number;
+        space550: number;
+        space600: number;
+        space800: number;
+        space900: number;
+        space1000: number;
+        space1200: number;
+        space1400: number;
+    };
+    colors: ColorTokens;
+    dimensions: {
+        dimension00: number;
+        dimension01: number;
+        dimension02: number;
+        dimension03: number;
+        dimension04: number;
+        dimension05: number;
+        dimension06: number;
+        dimension07: number;
+        dimension08: number;
+        dimension09: number;
+        dimension10: number;
+        dimension11: number;
+        dimension12: number;
+        dimension13: number;
+        dimension14: number;
+        dimension15: number;
+        dimension16: number;
+        dimension17: number;
+        dimension18: number;
+        dimension19: number;
+        dimension20: number;
+        dimension21: number;
+        dimension22: number;
+        dimension23: number;
+        dimension24: number;
+        dimension25: number;
+        dimension26: number;
+        dimension27: number;
+        dimension28: number;
+        dimension29: number;
+        dimension30: number;
+        dimension31: number;
+        dimension100: number;
+    };
+    constructor(params?: Partial<SliceTheme>);
+    /**
+     * Updates the most deeply nested properties in the theme object.
+     * Uses recursion to merge nested structures.
+     *
+     * @param updates A partial update object to apply changes deeply.
+     */
+    updateNestedStyles(updates: Partial<SliceTheme>): void;
+}
+declare const theme: SliceTheme;
+
+declare const borderRadius: {
+    borderRadius0: number;
+    borderRadius10: number;
+    borderRadius20: number;
+    borderRadius30: number;
+    borderRadius40: number;
+    borderRadius50: number;
+    borderRadius60: number;
+    borderRadius70: number;
+    borderRadius80: number;
+    borderRadius90: number;
+    borderRadius100: number;
+    borderRadius110: number;
+    borderRadiusFull: number;
+};
+
+declare const borderWidth: {
+    borderWidth00: number;
+    borderWidth10: number;
+    borderWidth15: number;
+    borderWidth20: number;
+    borderWidth40: number;
+};
+
+declare const iconSize: {
+    iconSize01: number;
+    iconSize02: number;
+    iconSize03: number;
+    iconSize04: number;
+    iconSize05: number;
+    iconSize06: number;
+    iconSize07: number;
+    iconSize08: number;
+    iconSize09: number;
+};
+
+type FhSliceUIProps = {
+    color: string;
+    style: ViewStyle;
+};
+declare let FhSliceUIView: React$1.ComponentType<FhSliceUIProps>;
+
+export { Avatar, Badge, _default$8 as Box, Breakpoints, Button, _default$7 as Center, Checkbox, Chip, DarkColorTokens, Divider, FhSliceUIView, _default$6 as Grid, HStack, _default$9 as Icon, Input, LightColorTokens, RadioButton, SliceThemeProvider, _default$5 as Spacer, Switch, TabItem, _default$4 as Table, _default$3 as TableCell, _default as TableFooter, _default$2 as TableHeader, _default$1 as TableRow, Tabs, _default$a as Typography, VStack, borderRadius, borderWidth, colors, dimensions, getDeviceBreakpoint, iconSize, resolveVariant, scaleFont, spacing, theme, useSliceTheme };