@clickhouse/click-ui 0.0.179 → 0.0.181

package/dist/click-ui.es.js

@@ -686,6 +686,12 @@ const TreeStructure = (props) => /* @__PURE__ */ jsxs("svg", { width: "24", heig
   ] }),
   /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_7969_2214", children: /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
 ] });
+const Upgrade = (props) => /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("mask", { id: "path-1-inside-1_10418_503", fill: "white", children: /* @__PURE__ */ jsx("path", { d: "M16.1664 17.8179H7.83984V18.8864H16.1664V17.8179Z" }) }),
+  /* @__PURE__ */ jsx("path", { d: "M7.83984 17.8179V16.5322H6.55413V17.8179H7.83984ZM16.1664 17.8179H17.4521V16.5322H16.1664V17.8179ZM16.1664 18.8864V20.1721H17.4521V18.8864H16.1664ZM7.83984 18.8864H6.55413V20.1721H7.83984V18.8864ZM7.83984 19.1036H16.1664V16.5322H7.83984V19.1036ZM14.8807 17.8179V18.8864H17.4521V17.8179H14.8807ZM16.1664 17.6007H7.83984V20.1721H16.1664V17.6007ZM9.12556 18.8864V17.8179H6.55413V18.8864H9.12556Z", fill: "white", mask: "url(#path-1-inside-1_10418_503)" }),
+  /* @__PURE__ */ jsx("path", { d: "M15.5237 12.8652V16.6238H8.48285V12.8652V12.2224H7.84H3.94384C3.92051 12.2224 3.89781 12.2216 3.87583 12.2203L11.6287 3.72509C11.6314 3.72343 11.6551 3.70553 11.7137 3.68568C11.7867 3.66098 11.8869 3.64286 12.0035 3.64286C12.1201 3.64286 12.2202 3.66096 12.2929 3.68556C12.3509 3.70516 12.3745 3.72282 12.3774 3.72463L20.1309 12.2202C20.1088 12.2216 20.0861 12.2224 20.0627 12.2224H16.1665H15.5237V12.8652ZM3.57451 12.5504L3.57462 12.5503L3.57451 12.5504Z", stroke: "white", strokeWidth: "1.28571" }),
+  /* @__PURE__ */ jsx("path", { d: "M8.4827 20.0818H15.5235V20.2261C15.455 20.251 15.3521 20.2733 15.2225 20.2733H8.78368C8.65414 20.2733 8.55123 20.251 8.4827 20.2261V20.0818Z", stroke: "white", strokeWidth: "1.28571" })
+] });
 const ICONS_MAP = {
   activity: Activity,
   alarm: Alarm,
@@ -822,6 +828,7 @@ const ICONS_MAP = {
   taxi: Taxi,
   trash: Trash,
   "tree-structure": TreeStructure,
+  upgrade: Upgrade,
   upload: Upload,
   url: Url,
   user: UserIcon,
@@ -1766,7 +1773,7 @@ const FeatureHexagonLight = (props) => /* @__PURE__ */ jsxs("svg", { width: "64"
   /* @__PURE__ */ jsx("path", { d: "M32.7827 13.5198L47.3001 21.8132C47.8565 22.1311 48.1999 22.7227 48.1999 23.3636V39.8853C48.1999 40.5261 47.8565 41.1177 47.3001 41.4356L32.7827 49.729C32.2339 50.0426 31.5602 50.0426 31.0114 49.729L16.494 41.4356C15.9375 41.1177 15.5941 40.5261 15.5941 39.8853V23.3636C15.5941 22.7227 15.9375 22.1311 16.494 21.8132L31.0114 13.5198C31.5602 13.2062 32.2339 13.2062 32.7827 13.5198Z", fill: "url(#paint2_linear_17_261)", stroke: "white", strokeWidth: "3.57097" }),
   /* @__PURE__ */ jsxs("defs", { children: [
     /* @__PURE__ */ jsxs("filter", { id: "filter0_dd_17_261", x: "3.81412", y: "3.87241", width: "56.3718", height: "61.7081", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
-      /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
       /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
       /* @__PURE__ */ jsx("feMorphology", { radius: "1.22507", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_17_261" }),
       /* @__PURE__ */ jsx("feOffset", { dy: "3" }),
@@ -2228,7 +2235,7 @@ const FeatureHexagonDark = (props) => /* @__PURE__ */ jsxs("svg", { width: "64",
   /* @__PURE__ */ jsx("path", { d: "M32.7258 14.1448L47.3754 22.2038C47.9248 22.506 48.2661 23.0833 48.2661 23.7103V39.5457C48.2661 40.1727 47.9248 40.75 47.3754 41.0522L32.7258 49.1112C32.2097 49.3951 31.5843 49.3951 31.0683 49.1112L16.4186 41.0522C15.8693 40.75 15.528 40.1727 15.528 39.5457V23.7103C15.528 23.0833 15.8693 22.506 16.4186 22.2038L31.0683 14.1448C31.5843 13.8609 32.2097 13.8609 32.7258 14.1448Z", fill: "url(#paint2_linear_17_268)", stroke: "#1F1F1C", strokeWidth: "3.43871" }),
   /* @__PURE__ */ jsxs("defs", { children: [
     /* @__PURE__ */ jsxs("filter", { id: "filter0_dd_17_268", x: "4.02408", y: "4.86844", width: "55.9518", height: "59.4938", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
-      /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+      /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
       /* @__PURE__ */ jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
       /* @__PURE__ */ jsx("feMorphology", { radius: "1.17969", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_17_268" }),
       /* @__PURE__ */ jsx("feOffset", { dy: "1.92593" }),
@@ -9676,7 +9683,7 @@ const LinkIcon = styled(LinkIconContainer).withConfig({
 })([""]);
 const Wrapper$a = styled.div.withConfig({
   componentId: "sc-1drx130-8"
-})(["background-color:", ";border-radius:", ";border:", ";max-width:420px;min-width:320px;display:flex;flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,:focus{background-color:", ";cursor:pointer;", ",", "{color:", ';}}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{', "}"], ({
+})(["background-color:", ";border-radius:", ";border:", ";max-width:420px;min-width:320px;display:flex;flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,:focus{background-color:", ";cursor:pointer;", ",", "{color:", ';}}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}"], ({
   theme: theme2
 }) => theme2.click.card.secondary.color.background.default, ({
   theme: theme2
@@ -9832,7 +9839,7 @@ const withTopBadge = (Component2) => ({
 };
 const Wrapper$8 = styled.div.withConfig({
   componentId: "sc-2dguvi-0"
-})(["background-color:", ";border-radius:", ";border:", ";display:flex;width:100%;max-width:100%;text-align:", ";flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,&:focus{background-color:", ";cursor:pointer;button{background-color:", ";border-color:", ";&:active{background-color:", ";border-color:", ";}}}&:active{border-color:", ';}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{', "}", ""], ({
+})(["background-color:", ";border-radius:", ";border:", ";display:flex;width:100%;max-width:100%;text-align:", ";flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,&:focus{background-color:", ";cursor:pointer;button{background-color:", ";border-color:", ";&:active{background-color:", ";border-color:", ";}}}&:active{border-color:", ';}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}", ""], ({
   theme: theme2
 }) => theme2.click.card.primary.color.background.default, ({
   theme: theme2
@@ -9952,10 +9959,10 @@ const Card = ({
 const CardPrimary = withTopBadge(Card);
 const Header$2 = styled.div.withConfig({
   componentId: "sc-1qnbjoa-0"
-})(["display:flex;flex-direction:column;align-items:center;width:fit-content;max-width:100%;gap:inherit;"]);
+})(["display:flex;flex-direction:column;align-items:start;width:100%;max-width:100%;gap:inherit;"]);
 const Description = styled.div.withConfig({
   componentId: "sc-1qnbjoa-1"
-})(["display:flex;flex-direction:column;align-self:center;gap:", ";flex:1;"], ({
+})(["display:flex;flex-direction:column;align-self:start;gap:", ";flex:1;width:100%;"], ({
   theme: theme2
 }) => theme2.click.card.horizontal.space.gap);
 const Wrapper$7 = styled.div.withConfig({
@@ -9999,6 +10006,7 @@ const Wrapper$7 = styled.div.withConfig({
       }
     }
     ${$disabled ? `
+          pointer-events: none;
           &,
           &:hover,
           &:active, &:focus, &:focus-within {
@@ -10026,7 +10034,7 @@ const CardIcon$1 = styled(SvgImage).withConfig({
   `);
 const ContentWrapper = styled.div.withConfig({
   componentId: "sc-1qnbjoa-4"
-})(["display:flex;flex-direction:column;"]);
+})(["display:flex;flex-direction:column;width:100%;"]);
 const CardHorizontal = ({
   title,
   icon,

package/dist/click-ui.umd.js

@@ -702,6 +702,12 @@ var __publicField = (obj, key, value) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_7969_2214", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
   ] });
+  const Upgrade = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "path-1-inside-1_10418_503", fill: "white", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.1664 17.8179H7.83984V18.8864H16.1664V17.8179Z" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.83984 17.8179V16.5322H6.55413V17.8179H7.83984ZM16.1664 17.8179H17.4521V16.5322H16.1664V17.8179ZM16.1664 18.8864V20.1721H17.4521V18.8864H16.1664ZM7.83984 18.8864H6.55413V20.1721H7.83984V18.8864ZM7.83984 19.1036H16.1664V16.5322H7.83984V19.1036ZM14.8807 17.8179V18.8864H17.4521V17.8179H14.8807ZM16.1664 17.6007H7.83984V20.1721H16.1664V17.6007ZM9.12556 18.8864V17.8179H6.55413V18.8864H9.12556Z", fill: "white", mask: "url(#path-1-inside-1_10418_503)" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.5237 12.8652V16.6238H8.48285V12.8652V12.2224H7.84H3.94384C3.92051 12.2224 3.89781 12.2216 3.87583 12.2203L11.6287 3.72509C11.6314 3.72343 11.6551 3.70553 11.7137 3.68568C11.7867 3.66098 11.8869 3.64286 12.0035 3.64286C12.1201 3.64286 12.2202 3.66096 12.2929 3.68556C12.3509 3.70516 12.3745 3.72282 12.3774 3.72463L20.1309 12.2202C20.1088 12.2216 20.0861 12.2224 20.0627 12.2224H16.1665H15.5237V12.8652ZM3.57451 12.5504L3.57462 12.5503L3.57451 12.5504Z", stroke: "white", strokeWidth: "1.28571" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.4827 20.0818H15.5235V20.2261C15.455 20.251 15.3521 20.2733 15.2225 20.2733H8.78368C8.65414 20.2733 8.55123 20.251 8.4827 20.2261V20.0818Z", stroke: "white", strokeWidth: "1.28571" })
+  ] });
   const ICONS_MAP = {
     activity: Activity,
     alarm: Alarm,
@@ -838,6 +844,7 @@ var __publicField = (obj, key, value) => {
     taxi: Taxi,
     trash: Trash,
     "tree-structure": TreeStructure,
+    upgrade: Upgrade,
     upload: Upload,
     url: Url,
     user: UserIcon,
@@ -1782,7 +1789,7 @@ var __publicField = (obj, key, value) => {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M32.7827 13.5198L47.3001 21.8132C47.8565 22.1311 48.1999 22.7227 48.1999 23.3636V39.8853C48.1999 40.5261 47.8565 41.1177 47.3001 41.4356L32.7827 49.729C32.2339 50.0426 31.5602 50.0426 31.0114 49.729L16.494 41.4356C15.9375 41.1177 15.5941 40.5261 15.5941 39.8853V23.3636C15.5941 22.7227 15.9375 22.1311 16.494 21.8132L31.0114 13.5198C31.5602 13.2062 32.2339 13.2062 32.7827 13.5198Z", fill: "url(#paint2_linear_17_261)", stroke: "white", strokeWidth: "3.57097" }),
     /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: "filter0_dd_17_261", x: "3.81412", y: "3.87241", width: "56.3718", height: "61.7081", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+        /* @__PURE__ */ jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
         /* @__PURE__ */ jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
         /* @__PURE__ */ jsxRuntime.jsx("feMorphology", { radius: "1.22507", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_17_261" }),
         /* @__PURE__ */ jsxRuntime.jsx("feOffset", { dy: "3" }),
@@ -2244,7 +2251,7 @@ var __publicField = (obj, key, value) => {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M32.7258 14.1448L47.3754 22.2038C47.9248 22.506 48.2661 23.0833 48.2661 23.7103V39.5457C48.2661 40.1727 47.9248 40.75 47.3754 41.0522L32.7258 49.1112C32.2097 49.3951 31.5843 49.3951 31.0683 49.1112L16.4186 41.0522C15.8693 40.75 15.528 40.1727 15.528 39.5457V23.7103C15.528 23.0833 15.8693 22.506 16.4186 22.2038L31.0683 14.1448C31.5843 13.8609 32.2097 13.8609 32.7258 14.1448Z", fill: "url(#paint2_linear_17_268)", stroke: "#1F1F1C", strokeWidth: "3.43871" }),
     /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: "filter0_dd_17_268", x: "4.02408", y: "4.86844", width: "55.9518", height: "59.4938", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
+        /* @__PURE__ */ jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
         /* @__PURE__ */ jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
         /* @__PURE__ */ jsxRuntime.jsx("feMorphology", { radius: "1.17969", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_17_268" }),
         /* @__PURE__ */ jsxRuntime.jsx("feOffset", { dy: "1.92593" }),
@@ -9692,7 +9699,7 @@ var __publicField = (obj, key, value) => {
   })([""]);
   const Wrapper$a = styledComponents.styled.div.withConfig({
     componentId: "sc-1drx130-8"
-  })(["background-color:", ";border-radius:", ";border:", ";max-width:420px;min-width:320px;display:flex;flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,:focus{background-color:", ";cursor:pointer;", ",", "{color:", ';}}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{', "}"], ({
+  })(["background-color:", ";border-radius:", ";border:", ";max-width:420px;min-width:320px;display:flex;flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,:focus{background-color:", ";cursor:pointer;", ",", "{color:", ';}}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}"], ({
     theme: theme2
   }) => theme2.click.card.secondary.color.background.default, ({
     theme: theme2
@@ -9848,7 +9855,7 @@ var __publicField = (obj, key, value) => {
   };
   const Wrapper$8 = styledComponents.styled.div.withConfig({
     componentId: "sc-2dguvi-0"
-  })(["background-color:", ";border-radius:", ";border:", ";display:flex;width:100%;max-width:100%;text-align:", ";flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,&:focus{background-color:", ";cursor:pointer;button{background-color:", ";border-color:", ";&:active{background-color:", ";border-color:", ";}}}&:active{border-color:", ';}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{', "}", ""], ({
+  })(["background-color:", ";border-radius:", ";border:", ";display:flex;width:100%;max-width:100%;text-align:", ";flex-direction:column;padding:", ";gap:", ";box-shadow:", ";&:hover,&:focus{background-color:", ";cursor:pointer;button{background-color:", ";border-color:", ";&:active{background-color:", ";border-color:", ";}}}&:active{border-color:", ';}&[aria-disabled="true"],&[aria-disabled="true"]:hover,&[aria-disabled="true"]:focus,&[aria-disabled="true"]:active{pointer-events:none;', "}", ""], ({
     theme: theme2
   }) => theme2.click.card.primary.color.background.default, ({
     theme: theme2
@@ -9968,10 +9975,10 @@ var __publicField = (obj, key, value) => {
   const CardPrimary = withTopBadge(Card);
   const Header$2 = styledComponents.styled.div.withConfig({
     componentId: "sc-1qnbjoa-0"
-  })(["display:flex;flex-direction:column;align-items:center;width:fit-content;max-width:100%;gap:inherit;"]);
+  })(["display:flex;flex-direction:column;align-items:start;width:100%;max-width:100%;gap:inherit;"]);
   const Description = styledComponents.styled.div.withConfig({
     componentId: "sc-1qnbjoa-1"
-  })(["display:flex;flex-direction:column;align-self:center;gap:", ";flex:1;"], ({
+  })(["display:flex;flex-direction:column;align-self:start;gap:", ";flex:1;width:100%;"], ({
     theme: theme2
   }) => theme2.click.card.horizontal.space.gap);
   const Wrapper$7 = styledComponents.styled.div.withConfig({
@@ -10015,6 +10022,7 @@ var __publicField = (obj, key, value) => {
       }
     }
     ${$disabled ? `
+          pointer-events: none;
           &,
           &:hover,
           &:active, &:focus, &:focus-within {
@@ -10042,7 +10050,7 @@ var __publicField = (obj, key, value) => {
   `);
   const ContentWrapper = styledComponents.styled.div.withConfig({
     componentId: "sc-1qnbjoa-4"
-  })(["display:flex;flex-direction:column;"]);
+  })(["display:flex;flex-direction:column;width:100%;"]);
   const CardHorizontal = ({
     title,
     icon,

package/dist/components/CardHorizontal/CardHorizontal.d.ts

@@ -2,8 +2,8 @@ import { HTMLAttributes, ReactNode } from 'react';
 import { IconName } from '..';
 
 type CardColor = "default" | "muted";
-export interface CardHorizontalProps extends HTMLAttributes<HTMLDivElement> {
-    title?: string;
+export interface CardHorizontalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: ReactNode;
     icon?: IconName;
     disabled?: boolean;
     description?: ReactNode;

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

@@ -134,6 +134,7 @@ export declare const ICONS_MAP: {
     taxi: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     trash: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     "tree-structure": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    upgrade: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     upload: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     url: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
     user: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,7 +6,7 @@ import { PaymentName, PaymentProps } from '../icons/Payments';
 
 export type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
 export type IconState = "default" | "success" | "warning" | "danger" | "info";
-export declare const ICON_NAMES: readonly ["activity", "alarm", "arrow-down", "arrow-left", "arrow-right", "arrow-triangle", "arrow-directions", "arrow-up", "auth-app", "auth-sms", "backups", "bar-chart", "bell", "beta", "blog", "book", "brackets", "briefcase", "building", "burger-menu", "calendar", "calendar-with-time", "cards", "cell-tower", "chat", "check", "check-in-circle", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle", "clock", "cloud", "cloud-keys", "code", "code-in-square", "connect", "connect-alt", "console", "copy", "cpu", "cross", "credit-card", "data", "database", "disk", "display", "document", "dot", "dots-horizontal", "dots-triangle", "dots-vertical", "dots-vertical-double", "double-check", "download", "download-in-circle", "email", "empty", "enter", "eye", "eye-closed", "filter", "fire", "flag", "flask", "folder-closed", "folder-open", "gear", "gift", "git-merge", "globe", "hexagon", "history", "horizontal-loading", "home", "http", "http-monitoring", "info-in-circle", "information", "insert-row", "integrations", "key", "keys", "lifebuoy", "light-bulb", "light-bulb-on", "lightening", "line-in-circle", "loading", "loading-animated", "lock", "metrics", "metrics-alt", "minus", "moon", "no-cloud", "pause", "payment", "pencil", "pie-chart", "pipe", "play", "play-in-circle", "plus", "popout", "puzzle-piece", "query", "question", "refresh", "rocket", "sandglass", "search", "secure", "server", "services", "settings", "share", "share-arrow", "share-network", "slide-in", "slide-out", "sort-alt", "sort", "sparkle", "speaker", "speed", "square", "star", "stop", "support", "table", "taxi", "trash", "tree-structure", "upload", "url", "user", "users", "warning", "waves"];
+export declare const ICON_NAMES: readonly ["activity", "alarm", "arrow-down", "arrow-left", "arrow-right", "arrow-triangle", "arrow-directions", "arrow-up", "auth-app", "auth-sms", "backups", "bar-chart", "bell", "beta", "blog", "book", "brackets", "briefcase", "building", "burger-menu", "calendar", "calendar-with-time", "cards", "cell-tower", "chat", "check", "check-in-circle", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle", "clock", "cloud", "cloud-keys", "code", "code-in-square", "connect", "connect-alt", "console", "copy", "cpu", "cross", "credit-card", "data", "database", "disk", "display", "document", "dot", "dots-horizontal", "dots-triangle", "dots-vertical", "dots-vertical-double", "double-check", "download", "download-in-circle", "email", "empty", "enter", "eye", "eye-closed", "filter", "fire", "flag", "flask", "folder-closed", "folder-open", "gear", "gift", "git-merge", "globe", "hexagon", "history", "horizontal-loading", "home", "http", "http-monitoring", "info-in-circle", "information", "insert-row", "integrations", "key", "keys", "lifebuoy", "light-bulb", "light-bulb-on", "lightening", "line-in-circle", "loading", "loading-animated", "lock", "metrics", "metrics-alt", "minus", "moon", "no-cloud", "pause", "payment", "pencil", "pie-chart", "pipe", "play", "play-in-circle", "plus", "popout", "puzzle-piece", "query", "question", "refresh", "rocket", "sandglass", "search", "secure", "server", "services", "settings", "share", "share-arrow", "share-network", "slide-in", "slide-out", "sort-alt", "sort", "sparkle", "speaker", "speed", "square", "star", "stop", "support", "table", "taxi", "trash", "tree-structure", "upgrade", "upload", "url", "user", "users", "warning", "waves"];
 export type IconName = (typeof ICON_NAMES)[number];
 export interface IconProps extends SVGAttributes<HTMLOrSVGElement> {
     name: IconName;

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

@@ -0,0 +1,4 @@
+import { SVGAttributes } from 'react';
+
+declare const Upgrade: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Upgrade;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.179",
+  "version": "0.0.181",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",