@dexma/ui-components 6.8.0 → 7.0.0

package/dist/lib/components/Tag/Tag.d.ts

@@ -0,0 +1,22 @@
+import { default as React, HTMLAttributes } from 'react';
+
+export type TagProps = {
+    dataId?: string;
+    color?: string;
+    icon?: string;
+    closable?: boolean;
+    onClose?: () => void;
+    type?: 'normal' | 'rounded';
+    variant?: 'primary' | 'outline';
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Tag: React.ForwardRefExoticComponent<Omit<{
+    dataId?: string;
+    color?: string;
+    icon?: string;
+    closable?: boolean;
+    onClose?: () => void;
+    type?: "normal" | "rounded";
+    variant?: "primary" | "outline";
+} & React.HTMLAttributes<HTMLDivElement>, "dataId"> & Partial<{
+    dataId?: string;
+}> & React.RefAttributes<unknown>>;

package/dist/lib/components/Tag/index.d.ts

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

package/dist/lib/components/TagGroup/TagGroup.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TagProps } from '../index.ts';
+
+export declare const TagGroup: (props: {
+    children: React.ReactElement<TagProps> | Array<React.ReactElement<TagProps>>;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TagGroup;

package/dist/lib/components/TagGroup/index.d.ts

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

package/dist/lib/components/Theme/Theme.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { DefaultTheme } from 'styled-components';
+
+export declare const Theme: ({ children, options }: {
+    children?: React.ReactNode;
+    options?: DefaultTheme;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default Theme;

package/dist/lib/components/Theme/index.d.ts

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

package/dist/lib/components/Toaster/Toast.d.ts

@@ -0,0 +1,12 @@
+export declare enum ToastType {
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error"
+}
+type ToastProps = {
+    text: string;
+    type: ToastType;
+};
+export declare const Toast: ({ text, type }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Toaster/Toaster.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+type ToasterProps = {
+    children: ReactNode;
+};
+export declare const Toaster: ({ children, ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export default Toaster;

package/dist/lib/components/Toaster/ToasterContext.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ToastType } from '../index.ts';
+
+type ToasterContextType = {
+    toast: ({ text, type }: {
+        text: string;
+        type: ToastType;
+    }) => void;
+};
+export declare const ToasterContext: React.Context<ToasterContextType>;
+export {};

package/dist/lib/components/Toaster/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Toast';
+export * from './Toaster';
+export * from './ToasterContext';

package/dist/lib/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,8 @@
+import { TooltipProps } from 'antd';
+import { TooltipPlacement } from 'antd/lib/tooltip';
+
+export type TooltipPropsExtended = TooltipProps & {
+    position?: TooltipPlacement;
+};
+export declare const Tooltip: ({ position, placement, children, ...props }: TooltipPropsExtended) => import("react/jsx-runtime").JSX.Element;
+export default Tooltip;

package/dist/lib/components/Tooltip/index.d.ts

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

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

@@ -0,0 +1,42 @@
+export * from './Icon';
+export * from './Spinner';
+export * from './Input';
+export * from './Alert';
+export * from './Button';
+export * from './Card';
+export * from './Cascader';
+export * from './Cell';
+export * from './Chart';
+export * from './Checkbox';
+export * from './ColorPicker';
+export * from './Divider';
+export * from './Dots';
+export * from './Dropdown';
+export * from './FieldGroup';
+export * from './FormControl';
+export * from './Heading';
+export * from './Gauge';
+export * from './Grid';
+export * from './Loading';
+export * from './Modal';
+export * from './Paragraph';
+export * from './Pagination';
+export * from './Popover';
+export * from './Progress';
+export * from './Section';
+export * from './Result';
+export * from './Row';
+export * from './Tag';
+export * from './Tabs';
+export * from './TagGroup';
+export * from './Table';
+export * from './Theme';
+export * from './Toaster';
+export * from './Tooltip';
+export * from './Switch';
+export * from './SwitchPeriodComparative';
+export * from './Select';
+export * from './DatePicker';
+export { ConfigProvider } from 'antd';
+export { DataIdProvider } from './DataId/DataIdProvider';
+export { withDataId } from './DataId/withDataId';

package/dist/lib/index.d.ts

@@ -0,0 +1,5 @@
+import { GlobalStyle, IsolatedGlobalStyle, UIComponentsStyle } from './utils/global';
+import { color as colors } from './utils/theme';
+
+export * from './components';
+export { GlobalStyle, IsolatedGlobalStyle, UIComponentsStyle, colors };

package/dist/lib/styles/Alert/StyledAlert.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '../../utils/theme';
+import { ReactNode } from 'react';
+
+type StyledAlertProps = {
+    $type: string;
+    $description?: string;
+    $message: ReactNode;
+    $showIcon?: boolean;
+    theme: Theme;
+};
+declare const StyledAlert: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledAlertProps>> & string;
+export { StyledAlert };

package/dist/lib/styles/Button/StyledButton.d.ts

@@ -0,0 +1,44 @@
+import { Theme } from '../../utils/theme';
+
+export declare const getSpinnerWhite: () => import('styled-components').RuleSet<object>;
+export declare const getButtonBase: (theme: Theme) => import('styled-components').RuleSet<object>;
+type ButtonSizeProps = {
+    $size: string;
+    theme: Theme;
+};
+export declare const getButtonSize: (props: ButtonSizeProps) => import('styled-components').RuleSet<object>;
+export declare const getIconSize: (props: StyledButtonProps) => import('styled-components').RuleSet<object>;
+export type ButtonVariantProps = {
+    theme: Theme;
+    disabled: boolean;
+    $isLoading: boolean;
+    $iconColor?: string;
+};
+export declare const getButtonVariantPrimary: (props: ButtonVariantProps) => import('styled-components').RuleSet<object>;
+export declare const getButtonVariantSecondary: (props: ButtonVariantProps) => import('styled-components').RuleSet<object>;
+export declare const getButtonVariantOutline: (props: ButtonVariantProps) => import('styled-components').RuleSet<object>;
+export declare const getButtonVariantDestructive: (props: ButtonVariantProps) => import('styled-components').RuleSet<object>;
+export declare const getButtonVariantLink: (props: ButtonVariantProps) => import('styled-components').RuleSet<object>;
+export declare const getButtonVariantIcon: (props: ButtonVariantProps) => import('styled-components').RuleSet<object>;
+export declare const getButtonVariantIconSecondary: (props: ButtonVariantProps) => import('styled-components').RuleSet<object>;
+export declare const getButtonVariantIconOutline: (props: ButtonVariantProps) => import('styled-components').RuleSet<object>;
+export declare const getButtonExpanded: () => import('styled-components').RuleSet<object>;
+export declare const getButtonDisabled: () => import('styled-components').RuleSet<object>;
+export declare const getButtonLoading: (props: StyledButtonProps) => import('styled-components').RuleSet<object>;
+export declare const getButtonCircle: (props: StyledButtonProps) => import('styled-components').RuleSet<object>;
+declare const StyledButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
+export declare const getButtonGroupBase: () => import('styled-components').RuleSet<object>;
+declare const StyledButtonGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export type StyledButtonProps = {
+    $size: string;
+    $variant: string;
+    disabled: boolean;
+    $isCircle: boolean;
+    $isExpanded: boolean;
+    $isLoading: boolean;
+    $iconColor?: string;
+    $iconAfter?: string;
+    $text?: string;
+    theme: Theme;
+};
+export { StyledButton, StyledButtonGroup };

package/dist/lib/styles/Card/StyledCard.d.ts

@@ -0,0 +1,14 @@
+import { Theme } from '../../utils/theme';
+
+export declare const getHorizontal: () => import('styled-components').RuleSet<object>;
+export declare const getTextTruncate: () => import('styled-components').RuleSet<object>;
+type StyledCardProps = {
+    theme: Theme;
+    $isHorizontal?: boolean;
+    $hasFooter?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLAnchorElement>) => void;
+};
+declare const StyledCard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCardProps>> & string;
+declare const StyledCardLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledCardProps>> & string;
+export { StyledCard, StyledCardLink };

package/dist/lib/styles/Cascader/StyledCascader.d.ts

@@ -0,0 +1,11 @@
+import { Theme } from '../../utils/theme';
+
+type StyledTagSelectedProps = {
+    theme: Theme;
+    $closable: boolean;
+    icon?: string;
+};
+export declare const StyledTagSelected: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledTagSelectedProps>> & string;
+export declare const getCascaderStyle: import('styled-components').RuleSet<object>;
+export declare const CascaderOptionStyle: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;
+export {};

package/dist/lib/styles/Cell/StyledCell.d.ts

@@ -0,0 +1,16 @@
+import { Theme } from '../../utils/theme';
+
+type StyledCellProps = {
+    $direction?: string;
+    $xs?: number;
+    $xsOffset?: number;
+    $sm?: number;
+    $smOffset?: number;
+    $md?: number;
+    $mdOffset?: number;
+    $lg?: number;
+    $lgOffset?: number;
+    theme: Theme;
+};
+declare const StyledCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCellProps>> & string;
+export { StyledCell };

package/dist/lib/styles/Chart/StyledChart.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledChart: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledChartError: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledChartLoading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/lib/styles/ColorPicker/StyledColorPicker.d.ts

@@ -0,0 +1,50 @@
+import { SketchPicker } from 'react-color';
+import { Theme } from '../../utils/theme';
+
+declare const StyledColorPickerLayout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledColorPickerInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Omit<Omit<{
+    placeholder?: string;
+    id?: string;
+    icon?: string;
+    label?: string | import('react').ReactNode;
+    title?: string;
+    value?: string;
+    isLoading?: boolean;
+    type?: string;
+    name?: string;
+    disabled?: boolean;
+    dataId?: string;
+} & import('react').InputHTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>, "dataId"> & Partial<{
+    dataId?: string;
+}>, "ref"> & import('react').RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<unknown> | null | undefined;
+}, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<Omit<{
+    placeholder?: string;
+    id?: string;
+    icon?: string;
+    label?: string | import('react').ReactNode;
+    title?: string;
+    value?: string;
+    isLoading?: boolean;
+    type?: string;
+    name?: string;
+    disabled?: boolean;
+    dataId?: string;
+} & import('react').InputHTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>, "dataId"> & Partial<{
+    dataId?: string;
+}>, "ref"> & import('react').RefAttributes<unknown>>, keyof import('react').Component<any, {}, any>>;
+declare const StyledSpinnerColorPicker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
+    color?: string;
+    size?: number;
+}, {
+    $showInput: boolean;
+    theme: Theme;
+}>> & string & Omit<({ color, size, ...props }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+declare const StyledColorPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledSketchPicker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('react-color').SketchPickerProps, "ref"> & import('react').RefAttributes<SketchPicker>, never>> & string & Omit<typeof SketchPicker, keyof import('react').Component<any, {}, any>>;
+declare const StyledColorPickerSwatch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledColorPickerPopover: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { StyledColorPickerLayout, StyledColorPickerInput, StyledSketchPicker, StyledSpinnerColorPicker, StyledColorPanel, StyledColorPickerPopover, StyledColorPickerSwatch };

package/dist/lib/styles/DatePicker/StyledDatePicker.d.ts

@@ -0,0 +1,25 @@
+import { AntdDatePickerProps, AntdRangePickerProps } from '../../components/DatePicker';
+
+declare const StyledAntdDatePicker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<((import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs> & {
+    status?: "" | "warning" | "error" | undefined;
+    hashId?: string | undefined;
+    popupClassName?: string | undefined;
+    rootClassName?: string | undefined;
+}) & import('react').RefAttributes<import('react').Component<import('antd/es/date-picker/generatePicker').PickerProps<import('dayjs').Dayjs> & {
+    status?: "" | "warning" | "error" | undefined;
+    hashId?: string | undefined;
+    popupClassName?: string | undefined;
+    rootClassName?: string | undefined;
+}, unknown, any>>) & import('styled-components/dist/types').BaseObject, AntdDatePickerProps>> & string & Omit<import('antd/es/date-picker').DatePickerType, keyof import('react').Component<any, {}, any>>;
+declare const StyledAntdRangePicker: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<((import('antd/es/date-picker/generatePicker').RangePickerProps<import('dayjs').Dayjs> & {
+    dropdownClassName?: string | undefined;
+    popupClassName?: string | undefined;
+}) & import('react').RefAttributes<import('react').Component<import('antd/es/date-picker/generatePicker').RangePickerProps<import('dayjs').Dayjs> & {
+    dropdownClassName?: string | undefined;
+    popupClassName?: string | undefined;
+}, unknown, any>>) & import('styled-components/dist/types').BaseObject, AntdRangePickerProps>> & string & Omit<import('antd/es/date-picker/generatePicker/interface').PickerComponentClass<import('antd/es/date-picker/generatePicker').RangePickerProps<import('dayjs').Dayjs> & {
+    dropdownClassName?: string | undefined;
+    popupClassName?: string | undefined;
+}, unknown>, keyof import('react').Component<any, {}, any>>;
+declare const DropdownDatePickerStyles: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;
+export { StyledAntdDatePicker, StyledAntdRangePicker, DropdownDatePickerStyles };

package/dist/lib/styles/Divider/StyledDivider.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '../../utils/theme';
+
+declare const StyledDivider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {
+    $vertical?: boolean;
+    theme: Theme;
+}>> & string;
+export { StyledDivider };

package/dist/lib/styles/Dots/StyledDots.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from '../../utils/theme';
+
+declare const StyledDot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: Theme;
+    size: number;
+}>> & string;
+declare const StyledDots: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    size: number;
+}>> & string;
+export { StyledDots, StyledDot };

package/dist/lib/styles/Dropdown/StyledDropdown.d.ts

@@ -0,0 +1,88 @@
+declare const StyledGlobalDropdown: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;
+export declare const StyledDropdownInnerButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Omit<{
+    text?: string;
+    size?: string | import('../../components/index.ts').ButtonSize;
+    variant?: string;
+    iconBefore?: string;
+    iconAfter?: string;
+    iconColor?: string;
+    tooltip?: string;
+    onClick?: (e?: any) => void;
+    onFocus?: () => void;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isCircle?: boolean;
+    isExpanded?: boolean;
+    debounceTime?: number;
+    children?: import('react').ReactNode;
+    dataId?: string;
+    'data-testid'?: string;
+} & import('react').ButtonHTMLAttributes<HTMLButtonElement>, "dataId"> & Partial<{
+    dataId?: string;
+}> & import('react').RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<unknown> | null | undefined;
+}, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<{
+    text?: string;
+    size?: string | import('../../components/index.ts').ButtonSize;
+    variant?: string;
+    iconBefore?: string;
+    iconAfter?: string;
+    iconColor?: string;
+    tooltip?: string;
+    onClick?: (e?: any) => void;
+    onFocus?: () => void;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isCircle?: boolean;
+    isExpanded?: boolean;
+    debounceTime?: number;
+    children?: import('react').ReactNode;
+    dataId?: string;
+    'data-testid'?: string;
+} & import('react').ButtonHTMLAttributes<HTMLButtonElement>, "dataId"> & Partial<{
+    dataId?: string;
+}> & import('react').RefAttributes<unknown>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledDropdownButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<Omit<{
+    text?: string;
+    size?: string | import('../../components/index.ts').ButtonSize;
+    variant?: string;
+    iconBefore?: string;
+    iconAfter?: string;
+    iconColor?: string;
+    tooltip?: string;
+    onClick?: (e?: any) => void;
+    onFocus?: () => void;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isCircle?: boolean;
+    isExpanded?: boolean;
+    debounceTime?: number;
+    children?: import('react').ReactNode;
+    dataId?: string;
+    'data-testid'?: string;
+} & import('react').ButtonHTMLAttributes<HTMLButtonElement>, "dataId"> & Partial<{
+    dataId?: string;
+}> & import('react').RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<unknown> | null | undefined;
+}, never>> & string & Omit<import('react').ForwardRefExoticComponent<Omit<{
+    text?: string;
+    size?: string | import('../../components/index.ts').ButtonSize;
+    variant?: string;
+    iconBefore?: string;
+    iconAfter?: string;
+    iconColor?: string;
+    tooltip?: string;
+    onClick?: (e?: any) => void;
+    onFocus?: () => void;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isCircle?: boolean;
+    isExpanded?: boolean;
+    debounceTime?: number;
+    children?: import('react').ReactNode;
+    dataId?: string;
+    'data-testid'?: string;
+} & import('react').ButtonHTMLAttributes<HTMLButtonElement>, "dataId"> & Partial<{
+    dataId?: string;
+}> & import('react').RefAttributes<unknown>>, keyof import('react').Component<any, {}, any>>;
+export { StyledGlobalDropdown };

package/dist/lib/styles/Fieldgroup/StyledFieldGroup.d.ts

@@ -0,0 +1,16 @@
+import { Theme } from '../../utils/theme';
+import { FieldGroupType } from '../../components/FieldGroup';
+
+export declare const getSplitVariant: (props: StyledFieldGroupProps) => import('styled-components').RuleSet<object>;
+export declare const getCustomVariant: (props: StyledFieldGroupProps) => import('styled-components').RuleSet<object>;
+export declare const getVertical: () => import('styled-components').RuleSet<object>;
+export declare const getHorizontal: () => import('styled-components').RuleSet<object>;
+type StyledFieldGroupProps = {
+    $vertical?: boolean;
+    size?: string;
+    variant?: string;
+    type?: FieldGroupType;
+    theme: Theme;
+};
+declare const StyledFieldGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledFieldGroupProps>> & string;
+export { StyledFieldGroup };

package/dist/lib/styles/FromControl/StyledFormControl.d.ts

@@ -0,0 +1,5 @@
+declare const StyledFormControl: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $error?: boolean;
+    $success?: boolean;
+}>> & string;
+export { StyledFormControl };

package/dist/lib/styles/Grid/StyledGrid.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '../../utils/theme';
+
+declare const StyledGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $fluid?: boolean;
+    theme: Theme;
+}>> & string;
+export { StyledGrid };

package/dist/lib/styles/Heading/StyledHeading.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '../../utils/theme';
+
+declare const StyledHeading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    $color: string;
+    theme: Theme;
+}>> & string;
+export { StyledHeading };

package/dist/lib/styles/Icon/StyledIcon.d.ts

@@ -0,0 +1,5 @@
+type StyledIconProps = {
+    $fillColor: string;
+};
+declare const StyledIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, StyledIconProps>> & string;
+export { StyledIcon };

package/dist/lib/styles/Input/StyledInput.d.ts

@@ -0,0 +1,11 @@
+import { Theme } from '../../utils/theme';
+
+export declare const getLoading: (props: any) => import('styled-components').RuleSet<object>;
+export declare const getIcon: (props: any) => import('styled-components').RuleSet<object>;
+declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $focused: boolean;
+    $icon?: string;
+    $isLoading?: boolean;
+    theme: Theme;
+}>> & string;
+export { StyledInput };

package/dist/lib/styles/Loading/StyledLoading.d.ts

@@ -0,0 +1,2 @@
+declare const StyledLoading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { StyledLoading };

package/dist/lib/styles/Modal/StyledModal.d.ts

@@ -0,0 +1,14 @@
+import { ModalProps as AntDModalProps } from 'antd';
+import { Theme } from '../../utils/theme';
+
+type ModalProps = AntDModalProps & {
+    theme: Theme;
+};
+declare const StyledModal: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<AntDModalProps, ModalProps>> & string & Omit<import('react').FC<AntDModalProps> & import('antd/es/modal/confirm').ModalStaticFunctions & {
+    useModal: typeof import('antd/es/modal/useModal').default;
+    destroyAll: () => void;
+    config: typeof import('antd/es/modal/confirm').modalGlobalConfig;
+    _InternalPanelDoNotUseOrYouWillBeFired: import('react').FC<import('antd/es/modal/PurePanel').PurePanelProps>;
+}, keyof import('react').Component<any, {}, any>>;
+declare const StyledModalGlobal: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;
+export { StyledModal, StyledModalGlobal };

package/dist/lib/styles/Pagination/StyledPagination.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '../../utils/theme';
+
+export declare const getStyledPagination: (theme: Theme) => import('styled-components').RuleSet<object>;
+declare const StyledPagination: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: Theme;
+}>> & string;
+export { StyledPagination };

package/dist/lib/styles/Paragraph/StyledParagraph.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '../../utils/theme';
+
+declare const StyledParagraph: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $margin: string;
+    color: string;
+    size: "small" | "medium" | "large" | "xlarge";
+    theme: Theme;
+}>> & string;
+export { StyledParagraph };

package/dist/lib/styles/Progress/StyledProgress.d.ts

@@ -0,0 +1,14 @@
+import { Theme } from '../../utils/theme';
+
+declare const StyledProgress: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: Theme;
+    $percent: number;
+    $color: string;
+    $isTransparent?: boolean;
+}>> & string;
+declare const StyledMark: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: Theme;
+    $color: string;
+    $value: number;
+}>> & string;
+export { StyledProgress, StyledMark };

package/dist/lib/styles/Result/StyledResult.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from '../../utils/theme';
+
+declare const StyledResult: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
+    fluid?: boolean;
+} & import('react').HTMLAttributes<HTMLDivElement>, {
+    theme: Theme;
+}>> & string & Omit<({ fluid, children, ...props }: {
+    fluid?: boolean;
+} & import('react').HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export { StyledResult };

package/dist/lib/styles/Row/StyledRow.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '../../utils/theme';
+
+declare const StyledRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $reverse?: boolean;
+    $alignItems?: string;
+    theme: Theme;
+}>> & string;
+export { StyledRow };

package/dist/lib/styles/Section/StyledSection.d.ts

@@ -0,0 +1,9 @@
+type SectionProps = {
+    $title?: boolean;
+    $hasButtons: boolean;
+};
+declare const StyledSection: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
+    reverse?: boolean;
+    alignItems?: string;
+} & import('react').HTMLAttributes<HTMLDivElement>, SectionProps>> & string & Omit<({ alignItems, reverse, children, ...props }: import('../../components/Row').RowhProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export { StyledSection };