@ctlyst.id/internal-ui 2.1.11-canary.0 → 2.1.11-canary.1

package/dist/components/select/components/utils.d.ts

@@ -0,0 +1,26 @@
+import type { ColorMode } from '@chakra-ui/system';
+import type { GroupBase, StylesConfig, Theme } from 'react-select';
+export declare function selectStyles<OptionType = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<OptionType> = GroupBase<OptionType>>(colorMode: ColorMode, _isError: boolean): StylesConfig<OptionType, IsMulti, Group> | undefined;
+export declare const themeSelect: (theme: Theme) => {
+    colors: {
+        primary: string;
+        primary25: string;
+        primary50: string;
+        primary75: string;
+        danger: string;
+        dangerLight: string;
+        neutral0: string;
+        neutral5: string;
+        neutral10: string;
+        neutral20: string;
+        neutral30: string;
+        neutral40: string;
+        neutral50: string;
+        neutral60: string;
+        neutral70: string;
+        neutral80: string;
+        neutral90: string;
+    };
+    borderRadius: number;
+    spacing: import("react-select").ThemeSpacing;
+};

package/dist/components/select/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Select } from './components/select';
+export * from './components/select';
+export { default as SelectAsync } from './components/select-async';
+export * from './components/select-async';
+export { default as SelectAsyncCreatable } from './components/select-async-creatable';
+export * from './components/select-async-creatable';
+export { default as SelectCreatable } from './components/select-creatable';
+export * from './components/select-creatable';

package/dist/components/switch/__stories__/switch.stories.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Disabled: () => JSX.Element;
+export declare const Size: () => JSX.Element;
+export declare const WithLabel: () => JSX.Element;

package/dist/components/switch/components/switch.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLChakraProps, SystemProps, ThemingProps, UseCheckboxProps } from '@chakra-ui/react';
+export interface SwitchProps extends Omit<UseCheckboxProps, 'isIndeterminate'>, Omit<HTMLChakraProps<'label'>, keyof UseCheckboxProps>, ThemingProps<'Switch'> {
+    /**
+     * The spacing between the switch and its label text
+     * @default 0.5rem
+     * @type SystemProps["marginLeft"]
+     */
+    spacing?: SystemProps['marginLeft'];
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * The `Switch` component is used as an alternative for the checkbox component for switching between "enabled" and "disabled" states.
+ *
+ * @see Docs https://chakra-ui.com/docs/components/switch
+ * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/switch/
+ */
+declare const Switch: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"input", SwitchProps>;
+export default Switch;

package/dist/components/switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Switch } from './components/switch';
+export * from './components/switch';

package/dist/components/table/index.d.ts

@@ -0,0 +1 @@
+export { Table as ChakraTable, TableBodyProps, TableCellProps, TableColumnHeaderProps, TableHeadProps, TableProps, TableRowProps, Tbody, Td, Th, Thead, Tr, } from '@chakra-ui/react';

package/dist/components/tabs/__stories__/tabs.stories.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const TabsDefault: () => JSX.Element;
+export declare const TabsWithPills: () => JSX.Element;

package/dist/components/tabs/components/tab.d.ts

@@ -0,0 +1,12 @@
+import type { TabProps as ChakraTabProps } from '@chakra-ui/react';
+import * as React from 'react';
+declare type AddonProps = {
+    isSelected: boolean;
+};
+declare type TabProps = ChakraTabProps & {
+    'data-test-id'?: string;
+    leftAddon?({ isSelected }: AddonProps): React.ReactNode;
+    rightAddon?({ isSelected }: AddonProps): React.ReactNode;
+};
+declare const Tab: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"button", TabProps>;
+export default Tab;

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tab } from './components/tab';
+export { TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsDescendantsProvider, TabsProps, TabsProvider, useTab, useTabIndicator, useTabList, UseTabListProps, UseTabListReturn, UseTabOptions, useTabPanel, useTabPanels, UseTabPanelsProps, UseTabProps, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, UseTabsProps, UseTabsReturn, useTabsStyles, } from '@chakra-ui/react';

package/dist/components/text/index.d.ts

@@ -0,0 +1 @@
+export { Code, CodeProps, Heading, HeadingProps, Link, LinkProps, Text, TextProps } from '@chakra-ui/react';

package/dist/components/toast/__stories__/toast.stories.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const ToastPosition: () => JSX.Element;
+export declare const ToastVariant: () => JSX.Element;
+export declare const ToastIcon: () => JSX.Element;
+export declare const ToastLink: () => JSX.Element;
+export declare const ToastIconAndLink: () => JSX.Element;
+export declare const ToastCustomColor: () => JSX.Element;

package/dist/components/toast/components/toast.d.ts

@@ -0,0 +1,21 @@
+import 'react-toastify/dist/ReactToastify.css';
+import '@fontsource/poppins/400.css';
+import type { ToastOptions } from 'react-toastify';
+import type { ToastIcon } from 'react-toastify/dist/types';
+interface CustomToastOptions extends Omit<ToastOptions, 'icon'> {
+    icon?: ToastIcon;
+    link?: {
+        url: string;
+        label: string;
+    };
+}
+declare const useToast: () => {
+    primary: (message: string, options?: CustomToastOptions | undefined) => void;
+    neutral: (message: string, options?: CustomToastOptions | undefined) => void;
+    success: (message: string, options?: CustomToastOptions | undefined) => void;
+    error: (message: string, options?: CustomToastOptions | undefined) => void;
+    warning: (message: string, options?: CustomToastOptions | undefined) => void;
+    info: (message: string, options?: CustomToastOptions | undefined) => void;
+    custom: (message: string, options?: CustomToastOptions | undefined) => void;
+};
+export default useToast;

package/dist/components/toast/index.d.ts

@@ -0,0 +1 @@
+export { default as Toast } from './components/toast';

package/dist/components/tooltip/__stories__/tooltip.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip, TooltipProps } from '@chakra-ui/react';

package/dist/components/uploader/__stories__/uploader.stories.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    decorators: ((Story: React.ElementType) => JSX.Element)[];
+};
+export default _default;
+export declare const UploaderDefault: () => JSX.Element;
+export declare const UploaderWithValidation: () => JSX.Element;
+export declare const UploaderMultiple: () => JSX.Element;

package/dist/components/uploader/components/uploader.d.ts

@@ -0,0 +1,12 @@
+import type { FlexProps } from '@chakra-ui/react';
+import * as React from 'react';
+import type { DropzoneOptions, DropzoneState, FileRejection } from 'react-dropzone';
+export declare type UploaderProps = FlexProps & DropzoneOptions & {
+    onHandleUploadFile?: (res: File[]) => void;
+    onHandleRejections?: (rejections: FileRejection[]) => void;
+    renderError?: (rejections: FileRejection[]) => React.ReactNode;
+    selected?: boolean;
+};
+export declare type UploaderState = DropzoneState;
+declare const Uploader: React.FC<UploaderProps>;
+export default Uploader;

package/dist/components/uploader/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const ONE_MEGA_BYTE = 1000000;
+export declare const messages: {
+    dragActive: string;
+    dragInActive: string;
+    dragReplace: string;
+    replaceFile: string;
+    uploadFile: string;
+};

package/dist/components/uploader/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Uploader } from './components/uploader';
+export * from './components/uploader';

package/dist/config/__stories__/foundations.stories.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    title: string;
+    parameters: {
+        controls: {
+            disabled: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Color: () => JSX.Element;
+export declare const Typography: () => JSX.Element;
+export declare const Radius: () => JSX.Element;
+export declare const Shadow: () => JSX.Element;
+export declare const Spacing: () => JSX.Element;
+export declare const Sizes: () => JSX.Element;

package/dist/config/__stories__/globals.stories.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    title: string;
+    parameters: {
+        controls: {
+            disabled: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Scrollbar: () => JSX.Element;

package/dist/config/index.d.ts

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

package/dist/config/theme/components/accordion.d.ts

@@ -0,0 +1,53 @@
+declare const accordionTheme: {
+    baseStyle?: {
+        container: {
+            border: string;
+        };
+        button: {
+            height: number;
+            transitionProperty: string;
+            transitionDuration: string;
+            gap: number;
+            fontSize: string;
+            bg: string;
+            _focusVisible: {
+                bg: string;
+            };
+            _hover: {
+                bg: string;
+            };
+            _disabled: {
+                opacity: number;
+                cursor: string;
+            };
+            py: number;
+            px: number;
+            position: string;
+        };
+        panel: {
+            pt: string;
+            px: string;
+            pb: string;
+        };
+        icon: {
+            fontSize: string;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("container" | "root" | "button" | "panel" | "icon")[];
+        }>;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("container" | "root" | "button" | "panel" | "icon")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "root" | "button" | "panel" | "icon")[];
+};
+export default accordionTheme;

package/dist/config/theme/components/alert.d.ts

@@ -0,0 +1,69 @@
+import type { StyleFunctionProps } from '@chakra-ui/styled-system';
+declare const alertTheme: {
+    baseStyle?: ((props: StyleFunctionProps) => {
+        container: {
+            bg: string;
+            px: string;
+            py: string;
+            borderRadius: string;
+        };
+        title: {
+            fontWeight: string;
+            textStyle: string;
+            marginEnd: string;
+        };
+        description: {
+            lineHeight: string;
+        };
+        icon: {
+            color: string;
+            flexShrink: number;
+            marginEnd: string;
+            w: string;
+            h: string;
+        };
+        action: {
+            color: string;
+            '& +.chakra-alert__close': {
+                ml: string;
+            };
+        };
+        close: {
+            color: string;
+            w: string;
+            h: string;
+        };
+        spinner: {
+            color: string;
+            flexShrink: number;
+            marginEnd: string;
+            w: string;
+            h: string;
+        };
+    }) | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("container" | "icon" | "title" | "description" | "spinner")[];
+        }>;
+    } | undefined;
+    variants?: {
+        light: (props: StyleFunctionProps) => {
+            container: {
+                [x: string]: string;
+                color: string;
+            };
+        };
+        solid: (props: StyleFunctionProps) => {
+            container: {
+                [x: string]: string;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: "light" | "solid" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "icon" | "title" | "description" | "spinner")[];
+};
+export default alertTheme;

package/dist/config/theme/components/badge.d.ts

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

package/dist/config/theme/components/button.d.ts

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

package/dist/config/theme/components/card.d.ts

@@ -0,0 +1,18 @@
+declare const CardStyle: {
+    baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+        shadow: string;
+        borderRadius: string;
+    }) | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default CardStyle;

package/dist/config/theme/components/checkbox.d.ts

@@ -0,0 +1,101 @@
+declare const Checkbox: {
+    baseStyle?: {
+        control: {
+            borderRadius: string;
+            w: number;
+            h: number;
+            border: string;
+        };
+        icon: {
+            color: string;
+        };
+        label: {
+            textStyle: string;
+            color: string;
+            ml: number;
+        };
+        _disabled: {
+            background: string;
+            border: string;
+            borderColor: string;
+            cursor: string;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("container" | "icon" | "label" | "control")[];
+        }>;
+    } | undefined;
+    variants?: {
+        errors: {
+            control: {
+                borderColor: string;
+                _checked: {
+                    borderColor: string;
+                    backgroundColor: string;
+                    _hover: {
+                        borderColor: string;
+                        backgroundColor: string;
+                    };
+                };
+                _indeterminate: {
+                    borderColor: string;
+                    backgroundColor: string;
+                };
+            };
+            label: {
+                textStyle: string;
+            };
+            icon: {
+                fontSize: string;
+            };
+        };
+        unstyled: {
+            control: {
+                borderColor: string;
+                _checked: {
+                    borderColor: string;
+                    backgroundColor: string;
+                    _hover: {
+                        borderColor: string;
+                        backgroundColor: string;
+                    };
+                    _disabled: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        opacity: number;
+                    };
+                };
+                _disabled: {
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+                _indeterminate: {
+                    borderColor: string;
+                    backgroundColor: string;
+                    _disabled: {
+                        backgroundColor: string;
+                        borderColor: string;
+                        opacity: number;
+                    };
+                };
+            };
+            label: {
+                textStyle: string;
+                _disabled: {
+                    opacity: number;
+                };
+            };
+            icon: {
+                fontSize: string;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: "unstyled" | "errors" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "icon" | "label" | "control")[];
+};
+export default Checkbox;

package/dist/config/theme/components/chips.d.ts

@@ -0,0 +1,34 @@
+declare const Chips: {
+    baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+        color: string;
+        textStyle: string;
+        borderRadius: string;
+        borderWidth: string;
+        borderColor: string;
+        bg: string;
+        px: number;
+        py: number;
+        cursor: string;
+        _hover: {
+            bg: string;
+        };
+    }) | undefined;
+    sizes?: {
+        sm: {
+            textStyle: string;
+        };
+        md: {
+            textStyle: string;
+            py: number;
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default Chips;

package/dist/config/theme/components/form-label.d.ts

@@ -0,0 +1,20 @@
+declare const FormLabel: {
+    baseStyle?: {
+        fontSize: string;
+        fontWeight: string;
+        marginEnd: number;
+        mb: number;
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default FormLabel;

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

@@ -0,0 +1,16 @@
+export { default as Accordion } from './accordion';
+export { default as Alert } from './alert';
+export { default as Badge } from './badge';
+export { default as Button } from './button';
+export { default as Card } from './card';
+export { default as Checkbox } from './checkbox';
+export { default as Chips } from './chips';
+export { default as FormLabel } from './form-label';
+export { default as Input } from './input';
+export { default as LoaderStyle } from './loader';
+export { default as Popover } from './popover';
+export { default as Radio } from './radio';
+export { default as Switch } from './switch';
+export { default as Table } from './table';
+export { default as Tabs } from './tabs';
+export { default as Textarea } from './textarea';

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

@@ -0,0 +1,101 @@
+declare const Input: {
+    baseStyle?: {
+        field: {
+            width: string;
+            minWidth: number;
+            outline: number;
+            px: number;
+            py: number;
+            paddingInlineStart: number;
+            paddingInlineEnd: number;
+            position: string;
+            appearance: string;
+            color: string;
+            _disabled: {
+                bg: string;
+                border: number;
+                cursor: string;
+                opacity: number;
+                boxShadow: string;
+                color: 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: number;
+                outline: number;
+                bg: string;
+                color: string;
+                _invalid: {
+                    boxShadow: string;
+                };
+                _focusVisible: {
+                    zIndex: number;
+                    boxShadow: 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: ("addon" | "field" | "element")[];
+};
+export default Input;