@clickhouse/click-ui 0.0.152 → 0.0.154

package/dist/click-ui.umd.js

@@ -10114,9 +10114,11 @@ var __publicField = (obj, key, value) => {
     showLabelWithLoading = false,
     ...delegated
   }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(StyledButton, { $styleType: type, $align: align, $fillWidth: fillWidth, disabled: disabled || loading, role: "button", ...delegated, children: [
-    iconLeft && /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonIcon, { name: iconLeft, "aria-hidden": true, size: "sm" }),
-    label ?? children,
-    iconRight && /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonIcon, { name: iconRight, "aria-hidden": true, size: "sm" }),
+    !loading && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      iconLeft && /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonIcon, { name: iconLeft, "aria-hidden": true, size: "sm" }),
+      label ?? children,
+      iconRight && /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonIcon, { name: iconRight, "aria-hidden": true, size: "sm" })
+    ] }),
     loading && /* @__PURE__ */ jsxRuntimeExports.jsxs(LoadingIconWrapper, { "data-testid": "click-ui-loading-icon-wrapper", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: "loading-animated", "data-testid": "click-ui-loading-icon", "aria-label": "loading" }),
       showLabelWithLoading ? label ?? children : ""
@@ -10124,7 +10126,7 @@ var __publicField = (obj, key, value) => {
   ] });
   const LoadingIconWrapper = styled.div.withConfig({
     componentId: "sc-1k4tz4c-0"
-  })(["position:absolute;background-color:inherit;top:0;left:0;bottom:0;right:0;display:flex;align-content:center;justify-content:center;align-items:center;gap:0.5rem;"]);
+  })(["background-color:inherit;top:0;left:0;bottom:0;right:0;display:flex;align-content:center;justify-content:center;align-items:center;gap:0.5rem;"]);
   const StyledButton = styled(BaseButton).withConfig({
     componentId: "sc-1k4tz4c-1"
   })(["width:", ";color:", ";background-color:", ";border:", " solid ", ";font:", ";position:relative;display:flex;align-items:center;justify-content:", ";white-space:nowrap;&:hover{background-color:", ";border:", " solid ", ";transition:", ";font:", ";}&:active,&:focus{background-color:", ";border:1px solid ", ";font:", ";}&:disabled,&:disabled:hover,&:disabled:active{background-color:", ";color:", ";border:", " solid ", ";font:", ";}"], ({
@@ -10265,10 +10267,12 @@ var __publicField = (obj, key, value) => {
   }) => theme2.click.image.lg.size.width);
   const InfoLink = styled.a.withConfig({
     componentId: "sc-1drx130-4"
-  })(["display:flex;align-items:center;color:", ";text-decoration:none;"], ({
+  })(["display:flex;align-items:center;color:", ";gap:", ";text-decoration:none;"], ({
+    theme: theme2
+  }) => theme2.click.card.secondary.color.link.default, ({
     theme: theme2
-  }) => theme2.click.card.secondary.color.link.default);
-  const ArrowContainer = styled(SvgImage).withConfig({
+  }) => theme2.click.card.secondary.space.link.gap);
+  const LinkIconContainer = styled(SvgImage).withConfig({
     componentId: "sc-1drx130-5"
   })(["color:", ";height:", ";width:", ";"], ({
     theme: theme2
@@ -10280,7 +10284,7 @@ var __publicField = (obj, key, value) => {
   const LinkText = styled(Text).withConfig({
     componentId: "sc-1drx130-6"
   })([""]);
-  const LinkArrow = styled(ArrowContainer).withConfig({
+  const LinkIcon = styled(LinkIconContainer).withConfig({
     componentId: "sc-1drx130-7"
   })([""]);
   const Wrapper$a = styled.div.withConfig({
@@ -10300,7 +10304,7 @@ var __publicField = (obj, key, value) => {
     theme: theme2
   }) => $hasShadow ? theme2.shadow[1] : "none", ({
     theme: theme2
-  }) => theme2.click.card.secondary.color.background.hover, LinkText, LinkArrow, ({
+  }) => theme2.click.card.secondary.color.background.hover, LinkText, LinkIcon, ({
     theme: theme2
   }) => theme2.click.card.secondary.color.link.hover, ({
     theme: theme2
@@ -10311,7 +10315,7 @@ var __publicField = (obj, key, value) => {
       cursor: not-allowed;
 
       ${LinkText},
-      ${LinkArrow} {
+      ${LinkIcon} {
         color: ${theme2.click.card.secondary.color.link.disabled};
       }
     `);
@@ -10326,6 +10330,8 @@ var __publicField = (obj, key, value) => {
     description,
     infoUrl,
     infoText,
+    infoIcon = "chevron-right",
+    infoIconSize = "md",
     ...props
   }) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$a, { "aria-disabled": disabled, tabIndex: 0, $hasShadow: hasShadow, ...props, children: [
@@ -10339,7 +10345,7 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx(Content$3, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { color: "muted", children: description }) }),
       (infoUrl || infoText) && /* @__PURE__ */ jsxRuntimeExports.jsxs(InfoLink, { href: disabled ? void 0 : infoUrl, as: disabled || !infoUrl || infoUrl.length === 0 ? "div" : "a", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(LinkText, { children: infoText }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(LinkArrow, { name: "chevron-right" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LinkIcon, { size: infoIconSize, name: infoIcon })
       ] })
     ] });
   };
@@ -41011,7 +41017,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#FFC029",
               hover: "lch(89.3 45.8 82.1)",
-              active: "lch(82.6 42.4 82.1)"
+              active: "rgb(93.2% 79.3% 49.6%)"
             },
             text: {
               "default": "#151515"
@@ -41019,7 +41025,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             stroke: {
               "default": "#FFC029",
               hover: "lch(89.3 45.8 82.1)",
-              active: "lch(82.6 42.4 82.1)"
+              active: "rgb(93.2% 79.3% 49.6%)"
             }
           },
           secondary: {
@@ -41031,7 +41037,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             stroke: {
               "default": "#e6e7e9",
               hover: "#e6e7e9",
-              active: "lch(83.8 2.3 258)"
+              active: "rgb(81% 82.1% 83.6%)"
             },
             text: {
               "default": "#161517"
@@ -41105,12 +41111,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#FFC029",
               hover: "lch(89.3 45.8 82.1)",
-              active: "lch(78.5 40.3 82.1)"
+              active: "lch(79.1 40.8 82.1)"
             },
             stroke: {
               "default": "rgba(0,0,0,0)",
               hover: "lch(89.3 45.8 82.1)",
-              active: "lch(78.5 40.3 82.1)"
+              active: "lch(79.1 40.8 82.1)"
             },
             text: {
               "default": "#151515",
@@ -41185,13 +41191,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             main: {
               "default": "#FFC029",
               hover: "lch(81.7 41.9 82.1)",
-              active: "lch(75.6 38.8 82.1)",
+              active: "lch(76.2 39.3 82.1)",
               disabled: "lch(81.3 0 0)"
             },
             action: {
               "default": "lch(77.8 74.1 79.3)",
               hover: "lch(77.6 39.8 82.1)",
-              active: "lch(69.2 35.5 82.1)",
+              active: "lch(69.7 36 82.1)",
               disabled: "lch(74.4 0 0)"
             }
           },
@@ -41210,7 +41216,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           divide: {
             "default": "lch(68.1 64.8 79.3)",
             hover: "lch(71.5 36.7 82.1)",
-            active: "lch(66.1 33.9 82.1)",
+            active: "lch(66.7 34.4 82.1)",
             disabled: "lch(71.1 0 0)"
           }
         },
@@ -41994,7 +42000,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           success: "#004206",
           neutral: "#414141",
           danger: "#610000",
-          disabled: "lch(26.2 0 0)",
+          disabled: "rgb(24.2% 24.2% 24.2%)",
           info: "#09255B",
           warning: "#4f2b00"
         }
@@ -42026,8 +42032,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           primary: {
             background: {
               "default": "#FAFF69",
-              hover: "lch(98.3 49.3 103)",
-              active: "lch(90.2 65.2 103)",
+              hover: "rgb(98.6% 100% 58.8%)",
+              active: "rgb(90.7% 92.5% 38.1%)",
               disabled: "#414141"
             },
             text: {
@@ -42039,7 +42045,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             stroke: {
               "default": "#FAFF69",
               hover: "#FAFF69",
-              active: "lch(82.5 59.7 103)",
+              active: "lch(83.3 60.6 103)",
               disabled: "#414141"
             }
           },
@@ -42047,13 +42053,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#1F1F1C",
               hover: "#282828",
-              active: "lch(20.3 0 0)",
+              active: "rgb(19.9% 19.9% 19.9%)",
               disabled: "#414141"
             },
             stroke: {
               "default": "#414141",
               hover: "#53575f",
-              active: "lch(23.3 2.63 306)",
+              active: "rgb(22.9% 22.1% 23.6%)",
               disabled: "#414141"
             },
             text: {
@@ -42127,13 +42133,13 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           secondary: {
             background: {
               "default": "#FAFF69",
-              hover: "lch(98.3 49.3 103)",
-              active: "lch(85.7 61.9 103)"
+              hover: "rgb(98.6% 100% 58.8%)",
+              active: "lch(86.5 62.9 103)"
             },
             stroke: {
               "default": "rgba(0,0,0,0)",
-              hover: "lch(98.3 49.3 103)",
-              active: "lch(85.7 61.9 103)"
+              hover: "rgb(98.6% 100% 58.8%)",
+              active: "lch(86.5 62.9 103)"
             },
             text: {
               "default": "#1F1F1C",
@@ -42207,14 +42213,14 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           background: {
             main: {
               "default": "#FAFF69",
-              hover: "lch(89.9 45.1 103)",
-              active: "lch(82.5 59.7 103)",
+              hover: "lch(89.7 46.7 104)",
+              active: "lch(83.3 60.6 103)",
               disabled: "lch(25.2 0 0)"
             },
             action: {
               "default": "lch(87.8 63.4 103)",
-              hover: "lch(82.7 41.5 103)",
-              active: "lch(72.6 52.5 103)",
+              hover: "lch(82.5 43 104)",
+              active: "lch(73.3 53.3 103)",
               disabled: "lch(22.2 0 0)"
             }
           },
@@ -42232,8 +42238,8 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           },
           divide: {
             "default": "lch(85.4 61.7 103)",
-            hover: "lch(78.7 39.5 103)",
-            active: "lch(72.2 52.2 103)",
+            hover: "lch(78.5 40.9 104)",
+            active: "lch(72.9 53 103)",
             disabled: "lch(23.1 0 0)"
           }
         },
@@ -42241,20 +42247,20 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           divide: {
             "default": "lch(31.2 0 0)",
             hover: "lch(34.8 0 0)",
-            active: "lch(24.1 2.6 306)",
+            active: "lch(24.8 2.56 307)",
             disabled: "lch(23.4 0 0)"
           },
           background: {
             main: {
               "default": "#1F1F1C",
               hover: "#282828",
-              active: "lch(20.3 0 0)",
+              active: "rgb(19.9% 19.9% 19.9%)",
               disabled: "#414141"
             },
             action: {
               "default": "#282828",
               hover: "lch(18.2 0 0)",
-              active: "lch(21.1 0 0)",
+              active: "lch(21.9 0 0)",
               disabled: "lch(23.9 0 0)"
             }
           },
@@ -42267,7 +42273,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           stroke: {
             "default": "#414141",
             hover: "#414141",
-            active: "lch(24.1 2.6 306)",
+            active: "lch(24.8 2.56 307)",
             disabled: "rgba(0,0,0,0)"
           }
         }
@@ -42315,7 +42321,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           stroke: {
             "default": "#323232",
             hover: "#53575f",
-            active: "lch(23.3 2.63 306)"
+            active: "rgb(22.9% 22.1% 23.6%)"
           },
           text: {
             "default": "#ffffff",
@@ -43501,7 +43507,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#302e32",
               hover: "lch(29.5 4.18 267)",
-              active: "lch(6.42 1.33 305)",
+              active: "rgb(7.98% 7.62% 8.34%)",
               disabled: "#dfdfdf"
             },
             text: {
@@ -43513,7 +43519,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             stroke: {
               "default": "#302e32",
               hover: "lch(29.5 4.18 267)",
-              active: "lch(6.42 1.33 305)",
+              active: "rgb(7.98% 7.62% 8.34%)",
               disabled: "#dfdfdf"
             }
           },
@@ -43527,7 +43533,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             stroke: {
               "default": "#e6e7e9",
               hover: "#e6e7e9",
-              active: "lch(83.8 2.3 258)",
+              active: "rgb(81% 82.1% 83.6%)",
               disabled: "#dfdfdf"
             },
             text: {
@@ -43602,12 +43608,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#302e32",
               hover: "lch(29.5 4.18 267)",
-              active: "lch(6.1 1.26 305)"
+              active: "lch(5.9 1.18 305)"
             },
             stroke: {
               "default": "rgba(0,0,0,0)",
               hover: "lch(29.5 4.18 267)",
-              active: "lch(6.1 1.26 305)"
+              active: "lch(5.9 1.18 305)"
             },
             text: {
               "default": "#ffffff",
@@ -43682,7 +43688,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             main: {
               "default": "#302e32",
               hover: "lch(27 3.82 267)",
-              active: "lch(5.87 1.22 305)",
+              active: "lch(5.68 1.13 305)",
               disabled: "lch(81.3 0 0)"
             },
             action: {
@@ -43715,7 +43721,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           divide: {
             "default": "lch(92 1.05 266)",
             hover: "lch(92.4 0.99 266)",
-            active: "lch(83.8 2.3 258)",
+            active: "rgb(81% 82.1% 83.6%)",
             disabled: "lch(75.5 0 0)"
           },
           background: {
@@ -45194,7 +45200,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#302e32",
               hover: "lch(29.5 4.18 267)",
-              active: "lch(6.42 1.33 305)",
+              active: "rgb(7.98% 7.62% 8.34%)",
               disabled: "#dfdfdf"
             },
             text: {
@@ -45206,7 +45212,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             stroke: {
               "default": "#302e32",
               hover: "lch(29.5 4.18 267)",
-              active: "lch(6.42 1.33 305)",
+              active: "rgb(7.98% 7.62% 8.34%)",
               disabled: "#dfdfdf"
             }
           },
@@ -45220,7 +45226,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             stroke: {
               "default": "#e6e7e9",
               hover: "#e6e7e9",
-              active: "lch(83.8 2.3 258)",
+              active: "rgb(81% 82.1% 83.6%)",
               disabled: "#dfdfdf"
             },
             text: {
@@ -45321,12 +45327,12 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             background: {
               "default": "#302e32",
               hover: "lch(29.5 4.18 267)",
-              active: "lch(6.1 1.26 305)"
+              active: "lch(5.9 1.18 305)"
             },
             stroke: {
               "default": "rgba(0,0,0,0)",
               hover: "lch(29.5 4.18 267)",
-              active: "lch(6.1 1.26 305)"
+              active: "lch(5.9 1.18 305)"
             },
             text: {
               "default": "#ffffff",
@@ -45428,7 +45434,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
             main: {
               "default": "#302e32",
               hover: "lch(27 3.82 267)",
-              active: "lch(5.87 1.22 305)",
+              active: "lch(5.68 1.13 305)",
               disabled: "lch(81.3 0 0)"
             },
             action: {
@@ -45461,7 +45467,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
           divide: {
             "default": "lch(92 1.05 266)",
             hover: "lch(92.4 0.99 266)",
-            active: "lch(83.8 2.3 258)",
+            active: "rgb(81% 82.1% 83.6%)",
             disabled: "lch(75.5 0 0)"
           },
           background: {
@@ -45617,7 +45623,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
       secondary: {
         space: {
           all: "1rem",
-          gap: "1rem"
+          gap: "1rem",
+          link: {
+            gap: "0.5rem"
+          }
         },
         radii: {
           all: "0.25rem"

package/dist/components/AutoComplete/OptionContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type OptionContextProps = {
     search: string;
     highlighted?: string;

package/dist/components/AutoComplete/useOption.d.ts

@@ -1,8 +1,8 @@
 export declare const useOption: () => {
     search: string;
-    highlighted?: string | undefined;
+    highlighted?: string;
     updateHighlighted: (value: string) => void;
-    isHidden: (value?: string | undefined) => boolean;
+    isHidden: (value?: string) => boolean;
     selectedValue: string;
     onSelect: (value: string) => void;
 };

package/dist/components/CardPrimary/CardPrimaryTopBadge.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const TopBadgeWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<any, never> & import('../Container/Container').ContainerProps<import('react').ElementType>, never>> & string & Omit<(<T extends import('react').ElementType = "div">(props: Omit<import('react').ComponentProps<T>, keyof T> & import('../Container/Container').ContainerProps<T>) => import('react').ReactNode), keyof import('react').Component<any, {}, any>>;
 export declare const CardPrimaryTopBadge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Badge/Badge').DismissibleBadge | import('../Badge/Badge').NonDismissibleBadge, {
-    $isSelected?: boolean | undefined;
+    $isSelected?: boolean;
 }>> & string & Omit<({ icon, iconDir, text, state, size, dismissible, onClose, ...props }: import('../Badge/Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;

package/dist/components/CardSecondary/CardSecondary.d.ts

@@ -1,4 +1,5 @@
 import { IconName } from '..';
+import { IconSize } from '../Icon/types';
 import { HTMLAttributes, ReactNode } from 'react';
 
 export type BadgeState = "default" | "success" | "neutral" | "danger" | "disabled" | "warning" | "info";
@@ -13,5 +14,7 @@ export interface CardSecondaryProps extends HTMLAttributes<HTMLDivElement> {
     description: ReactNode;
     infoUrl?: string;
     infoText?: string;
+    infoIcon?: IconName;
+    infoIconSize?: IconSize;
 }
-export declare const CardSecondary: ({ title, icon, iconUrl, badgeState, badgeText, hasShadow, disabled, description, infoUrl, infoText, ...props }: CardSecondaryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardSecondary: ({ title, icon, iconUrl, badgeState, badgeText, hasShadow, disabled, description, infoUrl, infoText, infoIcon, infoIconSize, ...props }: CardSecondaryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,5 +1,4 @@
 import { HorizontalDirection, IconName } from '..';
-/// <reference types="react" />
 import * as RightMenu from "@radix-ui/react-context-menu";
 export declare const ContextMenu: {
     (props: RightMenu.ContextMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/GenericMenu.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 export declare const GenericMenuPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $type: "popover" | "dropdown-menu" | "context-menu";
-    $showArrow?: boolean | undefined;
+    $showArrow?: boolean;
 }>> & string;
 export declare const GenericPopoverMenuPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $type: "popover" | "hover-card";
-    $showArrow?: boolean | undefined;
+    $showArrow?: boolean;
 }>> & string;
 export declare const Arrow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, never>> & string;
 export declare const GenericMenuItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Grid/StyledCell.d.ts

@@ -10,6 +10,6 @@ export declare const StyledCell: import('styled-components/dist/types').IStyledC
     $isFirstRow: boolean;
     $isFirstColumn: boolean;
     $height: number;
-    $type?: "body" | "header" | undefined;
+    $type?: "body" | "header";
     $showBorder: boolean;
 }>> & string;

package/dist/components/Icon/IconCommon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ICONS_MAP: {
     activity: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     alarm: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/InputWrapper.d.ts

@@ -13,13 +13,13 @@ export interface WrapperProps {
 export declare const InputWrapper: ({ id, label, error, disabled, children, orientation, dir, resize, }: WrapperProps) => import("react/jsx-runtime").JSX.Element;
 export declare const InputElement: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const NumberInputElement: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import('react').RefObject<HTMLInputElement> | null | undefined;
+    ref?: ((instance: HTMLInputElement | 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<HTMLInputElement> | null | undefined;
 }, {
-    $hideControls?: boolean | undefined;
+    $hideControls?: boolean;
 }>> & string;
 export declare const TextAreaElement: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
 export declare const TextAreaWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<WrapperProps, never>> & string & Omit<({ id, label, error, disabled, children, orientation, dir, resize, }: WrapperProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
 export declare const IconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $show?: boolean | undefined;
+    $show?: boolean;
 }>> & string;
 export declare const IconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGProps<SVGSVGElement>, never>> & string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type OptionContextProps = {
     search: string;
     highlighted?: string;

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 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').RefObject<HTMLButtonElement> | null | undefined;
+    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;
 }>> & 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').FastOmit<Omit<import('@radix-ui/react-popover').PopoverContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+    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<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;

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

@@ -1,10 +1,10 @@
 export declare const useOption: () => {
     search: string;
-    highlighted?: string | undefined;
+    highlighted?: string;
     updateHighlighted: (value: string) => void;
-    isHidden: (value?: string | undefined) => boolean;
-    selectedValues: string[];
+    isHidden: (value?: string) => boolean;
+    selectedValues: Array<string>;
     onSelect: (value: string) => void;
-    showCheck?: boolean | undefined;
+    showCheck?: boolean;
 };
 export declare const useSearch: () => string;

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

@@ -12,7 +12,7 @@ export interface SidebarNavigationItemProps extends HTMLAttributes<HTMLDivElemen
 }
 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 | undefined;
+    $collapsible?: boolean;
     $level: number;
     $type: "main" | "sqlSidebar";
 }>> & string;

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

@@ -10,6 +10,6 @@ export interface SidebarNavigationTitleProps extends HTMLAttributes<HTMLButtonEl
 }
 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 | undefined;
+    $collapsible?: boolean;
     $type: "main" | "sqlSidebar";
 }>> & string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as RadixTabs from "@radix-ui/react-tabs";
 export interface TabsProps extends RadixTabs.TabsProps {
     ariaLabel?: string;
@@ -6,25 +5,25 @@ export interface TabsProps extends RadixTabs.TabsProps {
 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').RefObject<HTMLDivElement> | null | undefined;
+        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').RefObject<HTMLButtonElement> | null | undefined;
+        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').RefObject<HTMLDivElement> | null | undefined;
+        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').RefObject<HTMLDivElement> | null | undefined;
+        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').RefObject<HTMLButtonElement> | null | undefined;
+        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').RefObject<HTMLDivElement> | null | undefined;
+        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 };