@clickhouse/click-ui 0.0.237-sc-deprecation.1 → 0.0.238

package/dist/components/Select/common/SelectStyled.d.ts

@@ -1,32 +1,34 @@
-import { Root } from '@radix-ui/react-popover';
-
-export declare const SelectPopoverRoot: React.FC<React.ComponentPropsWithoutRef<typeof Root>>;
-export declare const SelectValue: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const StyledSelectTrigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-popover').PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+export declare const SelectPopoverRoot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@radix-ui/react-popover').PopoverProps, never>> & string & Omit<import('react').FC<import('@radix-ui/react-popover').PopoverProps>, keyof import('react').Component<any, {}, any>>;
+export declare const SelectValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSelectTrigger: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('@radix-ui/react-popover').PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => 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<HTMLButtonElement> | null | undefined;
+}, {
     $error: boolean;
-} & import('react').RefAttributes<HTMLButtonElement>>;
-export declare const SelectPopoverContent: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-popover').PopoverContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+}>> & string & Omit<import('react').ForwardRefExoticComponent<import('@radix-ui/react-popover').PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const SelectPopoverContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('@radix-ui/react-popover').PopoverContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => 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<HTMLDivElement> | null | undefined;
+}, {
     $useFullWidthItems: boolean;
     $itemCharacterLimit?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
-export declare const SearchBarContainer: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+}>> & string & Omit<import('react').ForwardRefExoticComponent<import('@radix-ui/react-popover').PopoverContentProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const SearchBarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $showSearch: boolean;
-} & import('react').RefAttributes<HTMLDivElement>>;
-export declare const SearchBar: import('react').ForwardRefExoticComponent<import('react').InputHTMLAttributes<HTMLInputElement> & {
+}>> & string;
+export declare const SearchBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
     $showSearch: boolean;
-} & import('react').RefAttributes<HTMLInputElement>>;
-export declare const SearchClose: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+}>> & string;
+export declare const SearchClose: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $showClose: boolean;
-} & import('react').RefAttributes<HTMLButtonElement>>;
-export declare const SelectList: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const SelectListContent: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+}>> & string;
+export declare const SelectList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectListContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $maxHeight?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
-export declare const HiddenSelectElement: import('react').ForwardRefExoticComponent<import('react').SelectHTMLAttributes<HTMLSelectElement> & import('react').RefAttributes<HTMLSelectElement>>;
-export declare const SelectGroupContainer: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const SelectGroupName: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const SelectGroupContent: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const SelectNoDataContainer: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+}>> & string;
+export declare const HiddenSelectElement: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;
+export declare const SelectGroupContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectGroupName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectGroupContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectNoDataContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $clickable: boolean;
-} & import('react').RefAttributes<HTMLDivElement>>;
-export declare const SelectItemDescriptionText: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+}>> & string;
+export declare const SelectItemDescriptionText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Separator/Separator.d.ts

@@ -1,7 +1,6 @@
-interface Props extends React.HTMLAttributes<HTMLDivElement> {
+import * as RadixSeparator from "@radix-ui/react-separator";
+interface Props extends RadixSeparator.SeparatorProps {
     size: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-    orientation?: "horizontal" | "vertical";
-    decorative?: boolean;
 }
-declare const Separator: ({ orientation, size, className, decorative, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Separator: ({ orientation, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Separator;

package/dist/components/SidebarNavigationItem/SidebarNavigationItem.d.ts

@@ -1,8 +1,7 @@
-import { ElementType, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { HorizontalDirection, IconName } from '..';
-import { PolymorphicComponent, PolymorphicComponentProps } from '../../utils/polymorphic';
 
-export interface SidebarNavigationItemProps<T extends ElementType = "div"> extends PolymorphicComponentProps<T> {
+export interface SidebarNavigationItemProps extends HTMLAttributes<HTMLDivElement> {
     label: ReactNode;
     selected?: boolean;
     disabled?: boolean;
@@ -10,6 +9,11 @@ export interface SidebarNavigationItemProps<T extends ElementType = "div"> exten
     icon?: IconName;
     iconDir?: HorizontalDirection;
     type?: "main" | "sqlSidebar";
-    collapsible?: boolean;
 }
-export declare const SidebarNavigationItem: PolymorphicComponent<SidebarNavigationItemProps>;
+declare const SidebarNavigationItem: import('react').ForwardRefExoticComponent<SidebarNavigationItemProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SidebarItemWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $collapsible?: boolean;
+    $level: number;
+    $type: "main" | "sqlSidebar";
+}>> & string;
+export { SidebarNavigationItem };

package/dist/components/SidebarNavigationTitle/SidebarNavigationTitle.d.ts

@@ -1,13 +1,15 @@
-import { ElementType, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { HorizontalDirection, IconName } from '..';
-import { PolymorphicComponent, PolymorphicComponentProps } from '../../utils/polymorphic';
 
-export interface SidebarNavigationTitleProps<T extends ElementType = "button"> extends PolymorphicComponentProps<T> {
+export interface SidebarNavigationTitleProps extends HTMLAttributes<HTMLButtonElement> {
     label: ReactNode;
     selected?: boolean;
     icon?: IconName;
     iconDir?: HorizontalDirection;
     type?: "main" | "sqlSidebar";
-    collapsible?: boolean;
 }
-export declare const SidebarNavigationTitle: PolymorphicComponent<SidebarNavigationTitleProps, "button">;
+export declare const SidebarNavigationTitle: ({ label, icon, iconDir, selected, type, ...props }: SidebarNavigationTitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarTitleWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $collapsible?: boolean;
+    $type: "main" | "sqlSidebar";
+}>> & string;

package/dist/components/Spacer/Spacer.d.ts

@@ -1,6 +1,5 @@
 export type SizeType = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
 export interface SpacerProps {
     size?: SizeType;
-    className?: string;
 }
-export declare const Spacer: ({ size, className }: SpacerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Spacer: ({ size }: SpacerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SplitButton/SplitButton.d.ts

@@ -31,5 +31,5 @@ export interface SplitButtonProps extends DropdownMenuProps, Omit<HTMLAttributes
     icon?: IconName;
     iconDir?: HorizontalDirection;
 }
-export declare const SplitButton: ({ type, disabled, menu, dir, open, defaultOpen, onOpenChange, modal, side, fillWidth, children, icon, iconDir, className, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SplitButton: ({ type, disabled, menu, dir, open, defaultOpen, onOpenChange, modal, side, fillWidth, children, icon, iconDir, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Tabs/Tabs.d.ts

@@ -1,31 +1,29 @@
-import { default as React } from 'react';
 import * as RadixTabs from "@radix-ui/react-tabs";
 export interface TabsProps extends RadixTabs.TabsProps {
     ariaLabel?: string;
 }
-interface TriggerProps extends RadixTabs.TabsTriggerProps {
-    className?: string;
-}
-declare const Trigger: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const Content: React.ForwardRefExoticComponent<RadixTabs.TabsContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const TriggersList: React.ForwardRefExoticComponent<RadixTabs.TabsListProps & React.RefAttributes<HTMLDivElement>>;
-interface TabsCompoundComponent extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> {
-    TriggersList: typeof TriggersList;
-    Trigger: typeof Trigger;
-    Content: typeof Content;
-}
-declare const Tabs: TabsCompoundComponent;
-interface FullWidthTabsProps extends TabsProps {
-}
-interface FullWidthTriggerProps extends RadixTabs.TabsTriggerProps {
-    width?: string;
-    className?: string;
-}
-declare const FullWidthTrigger: React.ForwardRefExoticComponent<FullWidthTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface FullWidthTabsCompoundComponent extends React.ForwardRefExoticComponent<FullWidthTabsProps & React.RefAttributes<HTMLDivElement>> {
-    TriggersList: typeof TriggersList;
-    Trigger: typeof FullWidthTrigger;
-    Content: typeof Content;
-}
-declare const FullWidthTabs: FullWidthTabsCompoundComponent;
+declare const Tabs: {
+    ({ defaultValue, children, ariaLabel, onValueChange, ...delegated }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    TriggersList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsListProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => 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<HTMLDivElement> | null | undefined;
+    }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsListProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+    Trigger: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => 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<HTMLButtonElement> | null | undefined;
+    }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
+    Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => 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<HTMLDivElement> | null | undefined;
+    }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsContentProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+};
+declare const FullWidthTabs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<TabsProps, never>> & string & Omit<{
+    ({ defaultValue, children, ariaLabel, onValueChange, ...delegated }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    TriggersList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsListProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => 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<HTMLDivElement> | null | undefined;
+    }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsListProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+    Trigger: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => 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<HTMLButtonElement> | null | undefined;
+    }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
+    Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<RadixTabs.TabsContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => 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<HTMLDivElement> | null | undefined;
+    }, never>> & string & Omit<import('react').ForwardRefExoticComponent<RadixTabs.TabsContentProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+}, keyof import('react').Component<any, {}, any>>;
 export { Tabs, FullWidthTabs };

package/dist/components/Typography/Text/Text.d.ts

@@ -1,17 +1,18 @@
-import { ElementType, ReactNode } from 'react';
+import { ComponentProps, ElementType, ReactNode } from 'react';
 import { TextSize, TextWeight } from '../../commonTypes';
-import { PolymorphicComponent, PolymorphicComponentProps } from '../../../utils/polymorphic';
 
 export type TextAlignment = "left" | "center" | "right";
 export type TextColor = "default" | "muted" | "danger" | "disabled";
-export interface TextProps<T extends ElementType = "p"> extends PolymorphicComponentProps<T> {
+export interface TextProps<T extends ElementType = "p"> {
     children: ReactNode;
     align?: TextAlignment;
     color?: TextColor;
     size?: TextSize;
     weight?: TextWeight;
     className?: string;
+    component?: T;
     fillWidth?: boolean;
 }
-declare const Text: PolymorphicComponent<TextProps, "p">;
+type TextPolymorphicComponent = <T extends ElementType = "p">(props: Omit<ComponentProps<T>, keyof T> & TextProps<T>) => ReactNode;
+declare const Text: TextPolymorphicComponent;
 export { Text };

package/dist/components/VerticalStepper/VerticalStepper.d.ts

@@ -5,9 +5,9 @@ export interface VerticalStepperProps extends HTMLAttributes<HTMLDivElement> {
     type?: StepperType;
 }
 declare const VerticalStepper: {
-    ({ children, type, className, ...props }: VerticalStepperProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, type, ...props }: VerticalStepperProps): import("react/jsx-runtime").JSX.Element;
     Step: {
-        ({ status, children, label, collapsed, disabled, className, ...props }: VerticalStepProps): import("react/jsx-runtime").JSX.Element;
+        ({ status, children, label, collapsed, disabled, ...props }: VerticalStepProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/commonElement.d.ts

@@ -1,23 +1,19 @@
-import { default as React, HTMLAttributes, ButtonHTMLAttributes, ComponentPropsWithoutRef, ElementType } from 'react';
 import { IconSize } from './Icon/types';
 
-interface FormRootProps extends HTMLAttributes<HTMLDivElement> {
-    orientation?: "horizontal" | "vertical";
-    dir?: "start" | "end";
-    addLabelPadding?: boolean;
-}
-export declare const FormRoot: React.FC<FormRootProps>;
-export declare const Error: React.FC<HTMLAttributes<HTMLDivElement>>;
-export declare const EmptyButton: React.FC<ButtonHTMLAttributes<HTMLButtonElement>>;
-export declare const CrossButton: React.FC<ButtonHTMLAttributes<HTMLButtonElement>>;
-export declare const GridCenter: React.FC<HTMLAttributes<HTMLDivElement>>;
-export declare const BaseButton: React.FC<ButtonHTMLAttributes<HTMLButtonElement>>;
-interface SvgImageElementProps<C extends ElementType = "div"> {
-    as?: C;
-    size?: IconSize;
-    className?: string;
-}
-export declare const SvgImageElement: <C extends ElementType = "svg">({ as, size, className, ...props }: SvgImageElementProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof SvgImageElementProps<C>>) => import("react/jsx-runtime").JSX.Element;
-export declare const FormElementContainer: React.FC<HTMLAttributes<HTMLDivElement>>;
-export declare const EllipsisContainer: React.FC<HTMLAttributes<HTMLSpanElement>>;
-export {};
+export declare const FormRoot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $orientation?: "horizontal" | "vertical";
+    $dir?: "start" | "end";
+    $addLabelPadding?: boolean;
+}>> & string;
+export declare const Error: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EmptyButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const CrossButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => 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<HTMLButtonElement> | null | undefined;
+}, never>> & string;
+export declare const GridCenter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BaseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const SvgImageElement: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
+    $size?: IconSize;
+}>> & string;
+export declare const FormElementContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EllipsisContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/components/commonTypes.d.ts

@@ -1,2 +1,2 @@
-export type TextSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type TextSize = "xs" | "sm" | "md" | "lg";
 export type TextWeight = "normal" | "medium" | "semibold" | "bold" | "mono";

package/dist/components/icons/HorizontalLoading.d.ts

@@ -1,4 +1,2 @@
-import { SVGAttributes } from 'react';
-
-declare const HorizontalLoading: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const HorizontalLoading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGAttributes<SVGElement>, never>> & string & Omit<(props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export default HorizontalLoading;

package/dist/components/icons/Loading.d.ts

@@ -1,4 +1,4 @@
 import { SVGAttributes } from 'react';
 
-declare const LoadingFlipped: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const LoadingFlipped: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<SVGAttributes<SVGElement>, never>> & string & Omit<(props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export default LoadingFlipped;

package/dist/components/icons/LoadingAnimated.d.ts

@@ -1,4 +1,2 @@
-import { SVGAttributes } from 'react';
-
-declare const LoadingAnimated: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+declare const LoadingAnimated: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').SVGAttributes<SVGElement>, never>, never>> & string;
 export default LoadingAnimated;

package/dist/components/index.d.ts

@@ -5,7 +5,7 @@ export { Label } from './Label/Label';
 export { GenericLabel } from './GenericLabel/GenericLabel';
 export { Dropdown } from './Dropdown/Dropdown';
 export { Accordion } from './Accordion/Accordion';
-export { Alert, DangerAlert, InfoAlert, WarningAlert, SuccessAlert, } from './Alert/Alert';
+export { Alert, DangerAlert, InfoAlert, WarningAlert, SuccessAlert } from './Alert/Alert';
 export { AutoComplete } from './AutoComplete/AutoComplete';
 export { Avatar } from './Avatar/Avatar';
 export { Badge } from './Badge/Badge';
@@ -18,7 +18,6 @@ export { CardPromotion } from './CardPromotion/CardPromotion';
 export { CardSecondary } from './CardSecondary/CardSecondary';
 export { Checkbox } from './Checkbox/Checkbox';
 export { CodeBlock } from './CodeBlock/CodeBlock';
-export { Collapsible } from './Collapsible/Collapsible';
 export { ConfirmationDialog } from './ConfirmationDialog/ConfirmationDialog';
 export { ContextMenu } from './ContextMenu/ContextMenu';
 export { Container } from './Container/Container';
@@ -38,8 +37,7 @@ export { default as Flags } from './icons/Flags';
 export { Grid } from './Grid/Grid';
 export { HoverCard } from './HoverCard/HoverCard';
 export { Link } from './Link/Link';
-export { linkStyles, linkClasses, LINK_CLASSES, } from './Link/linkStyles';
-export type { StyledLinkProps, LinkStyleProps, } from './Link/linkStyles';
+export { linkStyles } from './Link/common';
 export { Logo } from './Logos/Logo';
 export { NumberField } from './Input/NumberField';
 export { PasswordField } from './Input/PasswordField';
@@ -68,11 +66,10 @@ export { TextAreaField } from './Input/TextArea';
 export { TextField } from './Input/TextField';
 export { Title } from './Typography/Title/Title';
 export { Tooltip } from './Tooltip/Tooltip';
-export { ClickUIProvider, ServerClickUIProvider } from '../theme/ClickUIProvider';
+export { default as ClickUIProvider } from './ClickUIProvider/ClickUIProvider';
 export { useToast } from './Toast/useToast';
 export { createToast } from './Toast/toastEmitter';
 export { UserIcon as ProfileIcon } from './icons/UserIcon';
 export { default as VerticalStepper } from './VerticalStepper/VerticalStepper';
 export { MultiAccordion } from './MultiAccordion/MultiAccordion';
 export { ToastProvider, Toast } from './Toast/Toast';
-export { default as IconWrapper } from './IconWrapper/IconWrapper';

package/dist/components/types.d.ts

@@ -1,60 +1,92 @@
-export type States = "default" | "active" | "disabled" | "error" | "hover";
-export type HorizontalDirection = "start" | "end";
-export type Orientation = "horizontal" | "vertical";
-export type { AlertProps } from './Alert/Alert';
-export type { AvatarProps } from './Avatar/Avatar';
-export type { BadgeProps } from './Badge/Badge';
-export type { BadgeState } from './CardSecondary/CardSecondary';
-export type { ButtonProps, ButtonType } from './Button/Button';
-export type { ButtonGroupProps } from './ButtonGroup/ButtonGroup';
-export type { IconButtonProps } from './IconButton/IconButton';
-export type { CardPrimaryProps } from './CardPrimary/CardPrimary';
-export type { CardSecondaryProps } from './CardSecondary/CardSecondary';
-export type { CardHorizontalProps } from './CardHorizontal/CardHorizontal';
-export type { CardPromotionProps } from './CardPromotion/CardPromotion';
-export type { CheckboxProps, CheckboxVariants } from './Checkbox/Checkbox';
-export type { LabelProps } from './Label/Label';
-export type { GenericLabelProps } from './GenericLabel/GenericLabel';
-export type { RadioGroupProps, RadioGroupItemProps, } from './RadioGroup/RadioGroup';
-export type { NumberFieldProps } from './Input/NumberField';
-export type { PasswordFieldProps } from './Input/PasswordField';
-export type { SearchFieldProps } from './Input/SearchField';
-export type { TextAreaFieldProps } from './Input/TextArea';
-export type { SelectProps } from './Select/SingleSelect';
+import { TooltipProps } from './Tooltip/Tooltip';
+import { TitleProps } from './Typography/Title/Title';
+import { TextProps } from './Typography/Text/Text';
+import { TabsProps } from './Tabs/Tabs';
+import { SpacerProps } from './Spacer/Spacer';
+import { SidebarNavigationItemProps } from './SidebarNavigationItem/SidebarNavigationItem';
+import { SelectProps } from './Select/SingleSelect';
+import { SearchFieldProps } from './Input/SearchField';
+import { RadioGroupProps, RadioGroupItemProps } from './RadioGroup/RadioGroup';
+import { PopoverProps } from '@radix-ui/react-popover';
+import { PasswordFieldProps } from './Input/PasswordField';
+import { NumberFieldProps } from './Input/NumberField';
+import { LabelProps } from './Label/Label';
+import { HoverCardProps } from '@radix-ui/react-hover-card';
+import { ContainerProps } from './Container/Container';
+import { GridContainerProps } from './GridContainer/GridContainer';
+import { ContextMenuProps } from '@radix-ui/react-context-menu';
+import { CheckboxProps } from './Checkbox/Checkbox';
+import { CardPrimaryProps } from './CardPrimary/CardPrimary';
+import { CardSecondaryProps, BadgeState } from './CardSecondary/CardSecondary';
+import { ButtonProps, ButtonType } from './Button/Button';
+import { ButtonGroupProps } from './ButtonGroup/ButtonGroup';
+import { BadgeProps } from './Badge/Badge';
+import { AvatarProps } from './Avatar/Avatar';
+import { AlertProps } from './Alert/Alert';
+import { IconButtonProps } from './IconButton/IconButton';
+import { SidebarNavigationTitleProps } from './SidebarNavigationTitle/SidebarNavigationTitle';
+import { SidebarCollapsibleItemProps } from './SidebarCollapsibleItem/SidebarCollapsibleItem';
+import { SidebarCollapsibleTitleProps } from './SidebarCollapsibleTitle/SidebarCollapsibleTitle';
+
+export type { ImageName as IconName } from './Icon/types';
+export type { Menu, SplitButtonProps } from './SplitButton/SplitButton';
+export type { ToastProps } from './Toast/Toast';
+export type { SelectOptionListItem } from './Select/common/types';
 export type { MultiSelectProps } from './Select/MultiSelect';
 export type { CheckboxMultiSelectProps } from './Select/CheckboxMultiSelect';
-export type { SelectOptionListItem, SelectGroupOptionItem, SelectOptionItem, } from './Select/common/types';
-export type { ContainerProps } from './Container/Container';
-export type { FormContainerProps } from './FormContainer/FormContainer';
-export type { GridContainerProps } from './GridContainer/GridContainer';
 export type { PanelProps } from './Panel/Panel';
-export type { SpacerProps } from './Spacer/Spacer';
-export type { SidebarNavigationItemProps } from './SidebarNavigationItem/SidebarNavigationItem';
-export type { SidebarNavigationTitleProps } from './SidebarNavigationTitle/SidebarNavigationTitle';
-export type { SidebarCollapsibleItemProps } from './SidebarCollapsibleItem/SidebarCollapsibleItem';
-export type { SidebarCollapsibleTitleProps } from './SidebarCollapsibleTitle/SidebarCollapsibleTitle';
-export type { PaginationProps } from './Pagination/Pagination';
-export type { TextProps } from './Typography/Text/Text';
-export type { TitleProps } from './Typography/Title/Title';
-export type { TabsProps } from './Tabs/Tabs';
-export type { TooltipProps } from './Tooltip/Tooltip';
-export type { MultiAccordionProps } from './MultiAccordion/MultiAccordion';
-export type { AutoCompleteProps, AutoCompleteOptionListItem, } from './AutoComplete/AutoComplete';
-export type { BigStatProps } from './BigStat/BigStat';
-export type { ContextMenuItemProps } from './ContextMenu/ContextMenu';
+export type { FlyoutProps, FlyoutFooterProps, FlyoutHeaderProps } from './Flyout/Flyout';
 export type { DialogContentProps } from './Dialog/Dialog';
+export type { DialogProps, DialogTriggerProps } from '@radix-ui/react-dialog';
 export type { ConfirmationDialogProps } from './ConfirmationDialog/ConfirmationDialog';
-export type { FlyoutProps, FlyoutFooterProps, FlyoutHeaderProps, } from './Flyout/Flyout';
 export type { FileTabStatusType } from './FileTabs/FileTabs';
-export type { GridProps, CellProps, SelectedRegion, SelectionFocus, SelectionPos, SelectionAction, GridContextMenuItemProps, Rectangle, } from './Grid/types';
-export type { ProgressBarProps } from './ProgressBar/ProgressBar';
-export type { Menu, SplitButtonProps } from './SplitButton/SplitButton';
 export type { TableHeaderType, TableRowType, TableProps } from './Table/Table';
-export type { ToastProps } from './Toast/Toast';
+export type { BigStatProps } from './BigStat/BigStat';
+export type { TextAreaFieldProps } from './Input/TextArea';
 export type { VerticalStepperProps, VerticalStepProps, } from './VerticalStepper/VerticalStepper';
-export type { PopoverProps } from '@radix-ui/react-popover';
-export type { HoverCardProps } from '@radix-ui/react-hover-card';
-export type { ContextMenuProps } from '@radix-ui/react-context-menu';
-export type { DialogProps, DialogTriggerProps } from '@radix-ui/react-dialog';
-export type { ImageName as IconName } from './Icon/types';
+export type { CardHorizontalProps } from './CardHorizontal/CardHorizontal';
+export type { CardPromotionProps } from './CardPromotion/CardPromotion';
+export type { ProgressBarProps } from './ProgressBar/ProgressBar';
+export type { GridProps, CellProps, SelectedRegion, SelectionFocus, SelectionPos, SelectionAction, GridContextMenuItemProps, Rectangle, } from './Grid/types';
+export type { StyledLinkProps } from './Link/common';
+export type States = "default" | "active" | "disabled" | "error" | "hover";
+export type HorizontalDirection = "start" | "end";
+export type Orientation = "horizontal" | "vertical";
+export type { FormContainerProps } from './FormContainer/FormContainer';
+export type { AutoCompleteProps, AutoCompleteOptionListItem, } from './AutoComplete/AutoComplete';
+export type { PaginationProps } from './Pagination/Pagination';
+export type { ContextMenuItemProps } from './ContextMenu/ContextMenu';
+export type { GenericLabelProps } from './GenericLabel/GenericLabel';
+export type { MultiAccordionProps } from './MultiAccordion/MultiAccordion';
+export type { CheckboxVariants } from './Checkbox/Checkbox';
 export type { CursorOptions } from './cursorOptions';
+export type { SelectGroupOptionItem, SelectOptionItem } from './Select/common/types';
+export type { IconButtonProps };
+export type { AlertProps };
+export type { AvatarProps };
+export type { BadgeProps };
+export type { ButtonGroupProps };
+export type { ButtonProps, ButtonType };
+export type { CardSecondaryProps, BadgeState };
+export type { CardPrimaryProps };
+export type { CheckboxProps };
+export type { ContainerProps };
+export type { ContextMenuProps };
+export type { GridContainerProps };
+export type { HoverCardProps };
+export type { LabelProps };
+export type { NumberFieldProps };
+export type { PasswordFieldProps };
+export type { PopoverProps };
+export type { RadioGroupProps, RadioGroupItemProps };
+export type { SearchFieldProps };
+export type { SelectProps };
+export type { SidebarNavigationItemProps };
+export type { SidebarNavigationTitleProps };
+export type { SidebarCollapsibleItemProps };
+export type { SidebarCollapsibleTitleProps };
+export type { SpacerProps };
+export type { TabsProps };
+export type { TextProps };
+export type { TitleProps };
+export type { TooltipProps };

package/dist/index.d.ts

@@ -1,78 +1,2 @@
-
-export * from './components/types';
-export { Icon } from './components/Icon/Icon';
-export { IconButton } from './components/IconButton/IconButton';
-export { Label } from './components/Label/Label';
-export { GenericLabel } from './components/GenericLabel/GenericLabel';
-export { Dropdown } from './components/Dropdown/Dropdown';
-export { Accordion } from './components/Accordion/Accordion';
-export { Alert, DangerAlert, InfoAlert, WarningAlert, SuccessAlert, } from './components/Alert/Alert';
-export { AutoComplete } from './components/AutoComplete/AutoComplete';
-export { Avatar } from './components/Avatar/Avatar';
-export { Badge } from './components/Badge/Badge';
-export { BigStat } from './components/BigStat/BigStat';
-export { ButtonGroup } from './components/ButtonGroup/ButtonGroup';
-export { Button } from './components/Button/Button';
-export { CardHorizontal } from './components/CardHorizontal/CardHorizontal';
-export { CardPrimary } from './components/CardPrimary/CardPrimary';
-export { CardPromotion } from './components/CardPromotion/CardPromotion';
-export { CardSecondary } from './components/CardSecondary/CardSecondary';
-export { Checkbox } from './components/Checkbox/Checkbox';
-export { CodeBlock } from './components/CodeBlock/CodeBlock';
-export { ConfirmationDialog } from './components/ConfirmationDialog/ConfirmationDialog';
-export { ContextMenu } from './components/ContextMenu/ContextMenu';
-export { Container } from './components/Container/Container';
-export { DateDetails } from './components/DateDetails/DateDetails';
-export { DatePicker } from './components/DatePicker/DatePicker';
-export { DateRangePicker } from './components/DatePicker/DateRangePicker';
-export { getPredefinedMonthsForDateRangePicker } from './components/DatePicker/utils';
-export { Dialog } from './components/Dialog/Dialog';
-export { EllipsisContent } from './components/EllipsisContent/EllipsisContent';
-export { FileUpload } from './components/FileUpload/FileUpload';
-export { FileMultiUpload } from './components/FileUpload/FileMultiUpload';
-export { Flyout } from './components/Flyout/Flyout';
-export { FormContainer } from './components/FormContainer/FormContainer';
-export { GridContainer } from './components/GridContainer/GridContainer';
-export { InlineCodeBlock } from './components/CodeBlock/InlineCodeBlock';
-export { default as Flags } from './components/icons/Flags';
-export { Grid } from './components/Grid/Grid';
-export { HoverCard } from './components/HoverCard/HoverCard';
-export { Link } from './components/Link/Link';
-export { linkStyles, linkClasses, LINK_CLASSES, } from './components/Link/linkStyles';
-export type { StyledLinkProps, LinkStyleProps, } from './components/Link/linkStyles';
-export { Logo } from './components/Logos/Logo';
-export { NumberField } from './components/Input/NumberField';
-export { PasswordField } from './components/Input/PasswordField';
-export { Popover } from './components/Popover/Popover';
-export { Pagination } from './components/Pagination/Pagination';
-export { Panel } from './components/Panel/Panel';
-export { ProgressBar } from './components/ProgressBar/ProgressBar';
-export { RadioGroup } from './components/RadioGroup/RadioGroup';
-export { SearchField } from './components/Input/SearchField';
-export { Select } from './components/Select/SingleSelect';
-export { MultiSelect } from './components/Select/MultiSelect';
-export { CheckboxMultiSelect } from './components/Select/CheckboxMultiSelect';
-export { default as Separator } from './components/Separator/Separator';
-export { SidebarNavigationItem } from './components/SidebarNavigationItem/SidebarNavigationItem';
-export { SidebarCollapsibleItem } from './components/SidebarCollapsibleItem/SidebarCollapsibleItem';
-export { SidebarNavigationTitle } from './components/SidebarNavigationTitle/SidebarNavigationTitle';
-export { SidebarCollapsibleTitle } from './components/SidebarCollapsibleTitle/SidebarCollapsibleTitle';
-export { Spacer } from './components/Spacer/Spacer';
-export { SplitButton } from './components/SplitButton/SplitButton';
-export { Switch } from './components/Switch/Switch';
-export { Tabs, FullWidthTabs } from './components/Tabs/Tabs';
-export { FileTabs, FileTabElement } from './components/FileTabs/FileTabs';
-export { Table } from './components/Table/Table';
-export { Text } from './components/Typography/Text/Text';
-export { TextAreaField } from './components/Input/TextArea';
-export { TextField } from './components/Input/TextField';
-export { Title } from './components/Typography/Title/Title';
-export { Tooltip } from './components/Tooltip/Tooltip';
-export { useToast } from './components/Toast/useToast';
-export { createToast } from './components/Toast/toastEmitter';
-export { UserIcon as ProfileIcon } from './components/icons/UserIcon';
-export { default as VerticalStepper } from './components/VerticalStepper/VerticalStepper';
-export { MultiAccordion } from './components/MultiAccordion/MultiAccordion';
-export { ToastProvider, Toast } from './components/Toast/Toast';
+export * from './components';
 export * from './theme';
-export { ClickUIProvider, useCUITheme } from './theme/ClickUIProvider';