@ctlyst.id/internal-ui 1.0.0

package/dist/types/config/theme/components/input.d.ts

@@ -0,0 +1,114 @@
+declare const Input: {
+    baseStyle?: {
+        field: {
+            width: string;
+            minWidth: number;
+            outline: number;
+            px: number;
+            py: number;
+            position: string;
+            appearance: string;
+            transitionProperty: string;
+            transitionDuration: string;
+            color: string;
+            _disabled: {
+                bg: string;
+                border: string;
+                borderColor: string;
+                cursor: string;
+            };
+            _placeholder: {
+                color: string;
+            };
+        };
+    } | undefined;
+    sizes?: {
+        lg: {
+            field: {
+                fontSize: string;
+                h: number;
+                borderRadius: string;
+            };
+            addon: {
+                fontSize: string;
+                h: number;
+                borderRadius: string;
+            };
+        };
+        md: {
+            field: {
+                fontSize: string;
+                h: number;
+                borderRadius: string;
+            };
+            addon: {
+                fontSize: string;
+                h: number;
+                borderRadius: string;
+            };
+        };
+        sm: {
+            field: {
+                fontSize: string;
+                h: number;
+                borderRadius: string;
+            };
+            addon: {
+                fontSize: string;
+                h: number;
+                borderRadius: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+            field: {
+                border: string;
+                borderColor: string;
+                bg: string;
+                color: string;
+                _hover: {
+                    borderColor: string;
+                };
+                _readOnly: {
+                    userSelect: string;
+                    borderColor: any;
+                    boxShadow: string;
+                };
+                _invalid: {
+                    borderColor: any;
+                    boxShadow: string;
+                };
+                _focusVisible: {
+                    zIndex: number;
+                    borderColor: any;
+                    boxShadow: string;
+                };
+            };
+            addon: {
+                border: string;
+                borderColor: string;
+                bg: string;
+            };
+        };
+        unstyled: {
+            field: {
+                bg: string;
+                px: string;
+                height: string;
+            };
+            addon: {
+                bg: string;
+                px: string;
+                height: string;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | undefined;
+        variant?: "outline" | "unstyled" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("element" | "addon" | "field")[];
+};
+export default Input;

package/dist/types/config/theme/components/popover.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentStyleConfig } from '@chakra-ui/theme';
+declare const Popover: ComponentStyleConfig;
+export default Popover;

package/dist/types/config/theme/components/radio.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentStyleConfig } from '@chakra-ui/theme';
+declare const Radio: ComponentStyleConfig;
+export default Radio;

package/dist/types/config/theme/components/switch.d.ts

@@ -0,0 +1,32 @@
+declare const Switch: {
+    baseStyle?: {
+        container: {};
+        thumb: {
+            bg: string;
+        };
+        track: {
+            bg: string;
+            p: number;
+            _checked: {
+                bg: string;
+            };
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("track" | "container" | "thumb")[];
+        }>;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("track" | "container" | "thumb")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("track" | "container" | "thumb")[];
+};
+export default Switch;

package/dist/types/config/theme/components/textarea.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentStyleConfig } from '@chakra-ui/theme';
+declare const Textarea: ComponentStyleConfig;
+export default Textarea;

package/dist/types/config/theme/foundations/colors.d.ts

@@ -0,0 +1,158 @@
+declare const colors: {
+    transparent: string;
+    black: {
+        high: string;
+        medium: string;
+        low: string;
+    };
+    white: {
+        high: string;
+        medium: string;
+        low: string;
+    };
+    neutral: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    primary: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    secondary: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    success: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    danger: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    warning: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    info: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    dark: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    mirage: {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    'ebony-clay': {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    'bright-gray': {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+    'dove-gray': {
+        '50': string;
+        '100': string;
+        '200': string;
+        '300': string;
+        '400': string;
+        '500': string;
+        '600': string;
+        '700': string;
+        '800': string;
+        '900': string;
+    };
+};
+export default colors;

package/dist/types/config/theme/foundations/index.d.ts

@@ -0,0 +1,5 @@
+export { default as colors } from './colors';
+export { default as radii } from './radius';
+export { default as space } from './spacing';
+export { default as sizes } from './sizes';
+export { fonts, fontSizes, lineHeights, textStyles } from './typography';

package/dist/types/config/theme/foundations/radius.d.ts

@@ -0,0 +1,8 @@
+declare const radius: {
+    none: number;
+    sm: string;
+    md: string;
+    lg: string;
+    full: string;
+};
+export default radius;

package/dist/types/config/theme/foundations/sizes.d.ts

@@ -0,0 +1,66 @@
+declare const sizes: {
+    4.5: string;
+    9.5: string;
+    18: string;
+    22: string;
+    26: string;
+    30: string;
+    container: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    max: string;
+    min: string;
+    full: string;
+    "3xs": string;
+    "2xs": string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+    "6xl": string;
+    "7xl": string;
+    "8xl": string;
+    prose: string;
+    px: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export default sizes;

package/dist/types/config/theme/foundations/spacing.d.ts

@@ -0,0 +1,42 @@
+declare const spacing: {
+    4.5: string;
+    9.5: string;
+    18: string;
+    22: string;
+    26: string;
+    30: string;
+    px: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export default spacing;

package/dist/types/config/theme/foundations/typography.d.ts

@@ -0,0 +1,173 @@
+declare const fonts: {
+    heading: string;
+    body: string;
+};
+declare const fontWeights: {
+    hairline: number;
+    thin: number;
+    light: number;
+    normal: number;
+    medium: number;
+    semibold: number;
+    bold: number;
+    extrabold: number;
+    black: number;
+};
+declare const lineHeights: {
+    normal: string;
+    none: number;
+    shorter: number;
+    short: number;
+    base: number;
+    tall: number;
+    34: string;
+    32: string;
+    30: string;
+    28: string;
+    26: string;
+    24: string;
+    22: string;
+    20: string;
+    18: string;
+    16: string;
+    14: string;
+    12: string;
+};
+declare const fontSizes: {
+    heading: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+    text: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+    };
+    button: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    field: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    table: {
+        header: string;
+    };
+};
+declare const textStyles: {
+    heading: {
+        1: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        2: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        3: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        4: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        5: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        6: {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    text: {
+        xl: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        lg: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        md: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        sm: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        xs: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    button: {
+        lg: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        };
+        md: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        };
+        sm: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        };
+    };
+    field: {
+        lg: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        };
+        md: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        };
+        sm: {
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: number;
+        };
+    };
+};
+export { fonts, fontSizes, fontWeights, lineHeights, textStyles };

package/dist/types/config/theme/index.d.ts

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

package/dist/types/config/theme/themeConfiguration.d.ts

@@ -0,0 +1,4 @@
+declare const theme: Record<string, any>;
+type Theme = typeof theme;
+export type { Theme };
+export { theme };

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './config';
+export * from './provider';

package/dist/types/provider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Provider } from './provider';
+export * from './provider';

package/dist/types/provider/provider.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { ProviderContextObject, ProviderProps } from './types';
+export declare const ProviderContext: import("react").Context<ProviderContextObject>;
+export declare const useInternalUI: () => ProviderContextObject;
+declare const Provider: FC<ProviderProps>;
+export default Provider;

package/dist/types/provider/types.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';
+type RequestInterceptors = (value: AxiosRequestConfig<unknown>) => AxiosRequestConfig<unknown> | Promise<AxiosRequestConfig<unknown>>;
+type ResponseInterceptors = (value: AxiosResponse<unknown>) => AxiosResponse<unknown> | Promise<AxiosResponse<unknown>>;
+export type ProviderProps = {
+    children?: React.ReactNode;
+    config?: AxiosRequestConfig<unknown>;
+    requestInterceptors?: RequestInterceptors[];
+    responseInterceptors?: ResponseInterceptors[];
+};
+export type ProviderContextObject = {
+    instance?: AxiosInstance;
+};
+export {};