@clickhouse/click-ui 0.0.124 → 0.0.126

package/dist/click-ui.es.js

@@ -8731,6 +8731,7 @@ const Accordion = ({
   color,
   icon,
   iconSize,
+  gap,
   children,
   ...delegated
 }) => /* @__PURE__ */ jsxRuntimeExports.jsx($1bf158f521e1b1b4$export$be92b6f5f03c0fe9, { type: "single", collapsible: true, ...delegated, children: /* @__PURE__ */ jsxRuntimeExports.jsxs($1bf158f521e1b1b4$export$6d08773d2e66f8f2, { value: "item", children: [
@@ -8739,8 +8740,9 @@ const Accordion = ({
       /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionIconWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: "chevron-right", size: iconSize || size2, "aria-label": "accordion icon" }) }),
       icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: icon, size: iconSize || size2 }) : null
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: title })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: size2, children: title })
   ] }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer, { size: gap }),
   /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionContent, { children })
 ] }) });
 const AccordionTrigger = styled($1bf158f521e1b1b4$export$41fb9f06171c75f4).withConfig({
@@ -16934,7 +16936,7 @@ const useSelectionActions = ({
     let action = null;
     if (moveAnchor) {
       if (selection.type === "rows") {
-        const row = clamp2(selection.anchorRow + rowDiff, 0, rowCount - 1);
+        const row = clamp2(selection.anchorRow + rowDiff, 0, rowCount + rowStart - 1);
         action = {
           type: "shiftRowSelection",
           row,
@@ -16948,7 +16950,7 @@ const useSelectionActions = ({
           event
         };
       } else if (selection.type === "rectangle") {
-        const row = clamp2(selection.anchor.row + rowDiff, 0, rowCount - 1);
+        const row = clamp2(selection.anchor.row + rowDiff, 0, rowCount + rowStart - 1);
         const column = clamp2(selection.anchor.column + columnDiff, 0, columnCount - 1);
         action = {
           type: "shiftSelection",
@@ -16958,7 +16960,7 @@ const useSelectionActions = ({
         };
       }
     } else {
-      const row = clamp2(focus.row + rowDiff, 0, rowCount - 1);
+      const row = clamp2(focus.row + rowDiff, 0, rowCount + rowStart - 1);
       const column = clamp2(focus.column + columnDiff, 0, columnCount - 1);
       action = {
         type: "normal",
@@ -16971,7 +16973,7 @@ const useSelectionActions = ({
       onSelection(action);
     }
     return action;
-  }, [onSelection, columnCount, rowCount, selection, focus]);
+  }, [onSelection, columnCount, rowCount, selection, focus, rowStart]);
   const getSelectionType = useCallback((args) => {
     if (args.type === "all") {
       const isSelected = cellRectSelected(selection, 0, rowStart, columnCount - 1, rowCount + rowStart - 1);
@@ -32164,8 +32166,23 @@ const InputElement = styled.input.withConfig({
       color: ${theme2.click.field.color.placeholder.default};
     }
   `);
-const TextAreaElement = styled.textarea.withConfig({
+const NumberInputElement = styled(InputElement).withConfig({
   componentId: "sc-1pvd2nj-2"
+})(["", ""], ({
+  $hideControls
+}) => `
+    ${$hideControls ? `
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+
+    -moz-appearance: textfield;
+    ` : ""}
+  `);
+const TextAreaElement = styled.textarea.withConfig({
+  componentId: "sc-1pvd2nj-3"
 })(["background:transparent;border:none;outline:none;width:100%;color:inherit;font:inherit;resize:none;", ""], ({
   theme: theme2
 }) => `
@@ -32176,10 +32193,10 @@ const TextAreaElement = styled.textarea.withConfig({
     }
   `);
 styled(InputWrapper).withConfig({
-  componentId: "sc-1pvd2nj-3"
+  componentId: "sc-1pvd2nj-4"
 })(["resize:vertical;overflow:auto;color:red;"]);
 const IconButton = styled.button.withConfig({
-  componentId: "sc-1pvd2nj-4"
+  componentId: "sc-1pvd2nj-5"
 })(["background:transparent;color:inherit;border:none;padding:0;outline:none;&:not(:disabled){cursor:pointer;}", ""], ({
   theme: theme2,
   $show
@@ -32188,7 +32205,7 @@ const IconButton = styled.button.withConfig({
       visibility: ${$show ? "visible" : "hidden"};
   `);
 styled.svg.withConfig({
-  componentId: "sc-1pvd2nj-5"
+  componentId: "sc-1pvd2nj-6"
 })(["", ""], ({
   theme: theme2
 }) => `
@@ -32208,6 +32225,7 @@ const NumberField = forwardRef(({
   onChange: onChangeProp,
   orientation,
   dir,
+  hideControls,
   ...props
 }, ref) => {
   const defaultId = useId();
@@ -32215,7 +32233,7 @@ const NumberField = forwardRef(({
     onChangeProp(e.target.value, e);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(InputWrapper, { disabled, id: id ?? defaultId, label, error: error2, orientation, dir, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(InputElement, { ref, type: "number", id: id ?? defaultId, disabled, onChange, ...props }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(NumberInputElement, { ref, type: "number", id: id ?? defaultId, disabled, onChange, $hideControls: hideControls, ...props }),
     loading && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: "loading-animated", size: "sm" })
   ] });
 });
@@ -32366,7 +32384,7 @@ const Pagination = ({
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Container, { gap: "xxs", fillWidth: false, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton$1, { icon: "chevron-left", type: "ghost", disabled: currentPage === 1, onClick: onPrevClick, "data-testid": "prev-btn" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NumberField, { onChange, value: currentPage, loading: false, onKeyDown, min: 1, max: totalPages, onFocus: onPageNumberFocus, onBlur: onPageNumberBlur }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NumberField, { onChange, value: currentPage, loading: false, onKeyDown, min: 1, max: totalPages, onFocus: onPageNumberFocus, hideControls: true, onBlur: onPageNumberBlur }) }),
       !!totalPages && /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { component: "div", color: "muted", size: "sm", children: [
         "of ",
         formatNumber(totalPages)
@@ -37908,7 +37926,7 @@ const TableRow = styled.tr.withConfig({
     `);
 const TableData = styled.td.withConfig({
   componentId: "sc-1q458rb-4"
-})(["overflow:hidden;", " @media (max-width:768px){width:auto;min-width:40%;padding:", " ", ";}"], ({
+})(["overflow:hidden;", " @media (max-width:768px){width:auto;min-width:40%;", "}"], ({
   theme: theme2,
   $size
 }) => `
@@ -37917,9 +37935,9 @@ const TableData = styled.td.withConfig({
     padding: ${theme2.click.table.body.cell.space[$size].y} ${theme2.click.table.body.cell.space[$size].x};
   `, ({
   theme: theme2
-}) => theme2.click.table.body.cell.space.sm.y, ({
-  theme: theme2
-}) => theme2.click.table.body.cell.space.sm.x);
+}) => `
+      padding: ${theme2.click.table.body.cell.space.sm.y} ${theme2.click.table.body.cell.space.sm.x};
+    `);
 const StyledColGroup = styled.colgroup.withConfig({
   componentId: "sc-1q458rb-5"
 })(["@media (max-width:768px){display:none;}"]);
@@ -37993,9 +38011,6 @@ const TableRowCloseButton = styled.button.withConfig({
 }) => `
     ${$isDeleted ? "transform: rotate(45deg)" : ""};
     `);
-const TableText = styled.div.withConfig({
-  componentId: "sc-1q458rb-17"
-})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
 const TableBodyRow = ({
   headers,
   items,
@@ -38020,7 +38035,7 @@ const TableBodyRow = ({
       ...cellProps
     }, cellIndex) => /* @__PURE__ */ jsxRuntimeExports.jsxs(TableData, { $size: size2, ...cellProps, children: [
       headers[cellIndex] && /* @__PURE__ */ jsxRuntimeExports.jsx(MobileHeader, { children: headers[cellIndex].label }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TableText, { children: label })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(EllipsisContent, { component: "div", children: label })
     ] }, `table-cell-${cellIndex}`)),
     actionsList.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ActionsList, { $size: size2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ActionsContainer, { children: [
       actionsList.includes("editAction") && /* @__PURE__ */ jsxRuntimeExports.jsx(EditButton, { as: IconButton$1, type: "ghost", disabled: isDisabled || isDeleted || !isEditable, icon: "pencil", onClick: onEdit, "data-testid": "table-row-edit" }),
@@ -38029,10 +38044,10 @@ const TableBodyRow = ({
   ] });
 };
 const SpanedTableData = styled(TableData).withConfig({
-  componentId: "sc-1q458rb-18"
+  componentId: "sc-1q458rb-17"
 })(["text-align:center;"]);
 const CustomTableDataMessage = styled.div.withConfig({
-  componentId: "sc-1q458rb-19"
+  componentId: "sc-1q458rb-18"
 })(["display:flex;gap:0.5rem;justify-content:center;"]);
 const LoadingData = () => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -38119,7 +38134,7 @@ const Table = forwardRef(({
   ] });
 });
 const StyledTable = styled.table.withConfig({
-  componentId: "sc-1q458rb-20"
+  componentId: "sc-1q458rb-19"
 })(["width:100%;border-spacing:0;overflow:hidden;table-layout:fixed;", " @media (max-width:768px){border:none;table-layout:auto;}"], ({
   theme: theme2
 }) => `

package/dist/click-ui.umd.js

@@ -8748,6 +8748,7 @@ var __publicField = (obj, key, value) => {
     color,
     icon,
     iconSize,
+    gap,
     children,
     ...delegated
   }) => /* @__PURE__ */ jsxRuntimeExports.jsx($1bf158f521e1b1b4$export$be92b6f5f03c0fe9, { type: "single", collapsible: true, ...delegated, children: /* @__PURE__ */ jsxRuntimeExports.jsxs($1bf158f521e1b1b4$export$6d08773d2e66f8f2, { value: "item", children: [
@@ -8756,8 +8757,9 @@ var __publicField = (obj, key, value) => {
         /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionIconWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: "chevron-right", size: iconSize || size2, "aria-label": "accordion icon" }) }),
         icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: icon, size: iconSize || size2 }) : null
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: title })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { size: size2, children: title })
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer, { size: gap }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionContent, { children })
   ] }) });
   const AccordionTrigger = styled($1bf158f521e1b1b4$export$41fb9f06171c75f4).withConfig({
@@ -16951,7 +16953,7 @@ var __publicField = (obj, key, value) => {
       let action = null;
       if (moveAnchor) {
         if (selection.type === "rows") {
-          const row = clamp2(selection.anchorRow + rowDiff, 0, rowCount - 1);
+          const row = clamp2(selection.anchorRow + rowDiff, 0, rowCount + rowStart - 1);
           action = {
             type: "shiftRowSelection",
             row,
@@ -16965,7 +16967,7 @@ var __publicField = (obj, key, value) => {
             event
           };
         } else if (selection.type === "rectangle") {
-          const row = clamp2(selection.anchor.row + rowDiff, 0, rowCount - 1);
+          const row = clamp2(selection.anchor.row + rowDiff, 0, rowCount + rowStart - 1);
           const column = clamp2(selection.anchor.column + columnDiff, 0, columnCount - 1);
           action = {
             type: "shiftSelection",
@@ -16975,7 +16977,7 @@ var __publicField = (obj, key, value) => {
           };
         }
       } else {
-        const row = clamp2(focus.row + rowDiff, 0, rowCount - 1);
+        const row = clamp2(focus.row + rowDiff, 0, rowCount + rowStart - 1);
         const column = clamp2(focus.column + columnDiff, 0, columnCount - 1);
         action = {
           type: "normal",
@@ -16988,7 +16990,7 @@ var __publicField = (obj, key, value) => {
         onSelection(action);
       }
       return action;
-    }, [onSelection, columnCount, rowCount, selection, focus]);
+    }, [onSelection, columnCount, rowCount, selection, focus, rowStart]);
     const getSelectionType = React.useCallback((args) => {
       if (args.type === "all") {
         const isSelected = cellRectSelected(selection, 0, rowStart, columnCount - 1, rowCount + rowStart - 1);
@@ -32181,8 +32183,23 @@ var __publicField = (obj, key, value) => {
       color: ${theme2.click.field.color.placeholder.default};
     }
   `);
-  const TextAreaElement = styled.textarea.withConfig({
+  const NumberInputElement = styled(InputElement).withConfig({
     componentId: "sc-1pvd2nj-2"
+  })(["", ""], ({
+    $hideControls
+  }) => `
+    ${$hideControls ? `
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+
+    -moz-appearance: textfield;
+    ` : ""}
+  `);
+  const TextAreaElement = styled.textarea.withConfig({
+    componentId: "sc-1pvd2nj-3"
   })(["background:transparent;border:none;outline:none;width:100%;color:inherit;font:inherit;resize:none;", ""], ({
     theme: theme2
   }) => `
@@ -32193,10 +32210,10 @@ var __publicField = (obj, key, value) => {
     }
   `);
   styled(InputWrapper).withConfig({
-    componentId: "sc-1pvd2nj-3"
+    componentId: "sc-1pvd2nj-4"
   })(["resize:vertical;overflow:auto;color:red;"]);
   const IconButton = styled.button.withConfig({
-    componentId: "sc-1pvd2nj-4"
+    componentId: "sc-1pvd2nj-5"
   })(["background:transparent;color:inherit;border:none;padding:0;outline:none;&:not(:disabled){cursor:pointer;}", ""], ({
     theme: theme2,
     $show
@@ -32205,7 +32222,7 @@ var __publicField = (obj, key, value) => {
       visibility: ${$show ? "visible" : "hidden"};
   `);
   styled.svg.withConfig({
-    componentId: "sc-1pvd2nj-5"
+    componentId: "sc-1pvd2nj-6"
   })(["", ""], ({
     theme: theme2
   }) => `
@@ -32225,6 +32242,7 @@ var __publicField = (obj, key, value) => {
     onChange: onChangeProp,
     orientation,
     dir,
+    hideControls,
     ...props
   }, ref) => {
     const defaultId = React.useId();
@@ -32232,7 +32250,7 @@ var __publicField = (obj, key, value) => {
       onChangeProp(e.target.value, e);
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(InputWrapper, { disabled, id: id ?? defaultId, label, error: error2, orientation, dir, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(InputElement, { ref, type: "number", id: id ?? defaultId, disabled, onChange, ...props }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(NumberInputElement, { ref, type: "number", id: id ?? defaultId, disabled, onChange, $hideControls: hideControls, ...props }),
       loading && /* @__PURE__ */ jsxRuntimeExports.jsx(SvgImage, { name: "loading-animated", size: "sm" })
     ] });
   });
@@ -32383,7 +32401,7 @@ var __publicField = (obj, key, value) => {
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Container, { gap: "xxs", fillWidth: false, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton$1, { icon: "chevron-left", type: "ghost", disabled: currentPage === 1, onClick: onPrevClick, "data-testid": "prev-btn" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NumberField, { onChange, value: currentPage, loading: false, onKeyDown, min: 1, max: totalPages, onFocus: onPageNumberFocus, onBlur: onPageNumberBlur }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NumberField, { onChange, value: currentPage, loading: false, onKeyDown, min: 1, max: totalPages, onFocus: onPageNumberFocus, hideControls: true, onBlur: onPageNumberBlur }) }),
         !!totalPages && /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { component: "div", color: "muted", size: "sm", children: [
           "of ",
           formatNumber(totalPages)
@@ -37925,7 +37943,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     `);
   const TableData = styled.td.withConfig({
     componentId: "sc-1q458rb-4"
-  })(["overflow:hidden;", " @media (max-width:768px){width:auto;min-width:40%;padding:", " ", ";}"], ({
+  })(["overflow:hidden;", " @media (max-width:768px){width:auto;min-width:40%;", "}"], ({
     theme: theme2,
     $size
   }) => `
@@ -37934,9 +37952,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     padding: ${theme2.click.table.body.cell.space[$size].y} ${theme2.click.table.body.cell.space[$size].x};
   `, ({
     theme: theme2
-  }) => theme2.click.table.body.cell.space.sm.y, ({
-    theme: theme2
-  }) => theme2.click.table.body.cell.space.sm.x);
+  }) => `
+      padding: ${theme2.click.table.body.cell.space.sm.y} ${theme2.click.table.body.cell.space.sm.x};
+    `);
   const StyledColGroup = styled.colgroup.withConfig({
     componentId: "sc-1q458rb-5"
   })(["@media (max-width:768px){display:none;}"]);
@@ -38010,9 +38028,6 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
   }) => `
     ${$isDeleted ? "transform: rotate(45deg)" : ""};
     `);
-  const TableText = styled.div.withConfig({
-    componentId: "sc-1q458rb-17"
-  })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
   const TableBodyRow = ({
     headers,
     items,
@@ -38037,7 +38052,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
         ...cellProps
       }, cellIndex) => /* @__PURE__ */ jsxRuntimeExports.jsxs(TableData, { $size: size2, ...cellProps, children: [
         headers[cellIndex] && /* @__PURE__ */ jsxRuntimeExports.jsx(MobileHeader, { children: headers[cellIndex].label }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TableText, { children: label })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(EllipsisContent, { component: "div", children: label })
       ] }, `table-cell-${cellIndex}`)),
       actionsList.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ActionsList, { $size: size2, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ActionsContainer, { children: [
         actionsList.includes("editAction") && /* @__PURE__ */ jsxRuntimeExports.jsx(EditButton, { as: IconButton$1, type: "ghost", disabled: isDisabled || isDeleted || !isEditable, icon: "pencil", onClick: onEdit, "data-testid": "table-row-edit" }),
@@ -38046,10 +38061,10 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     ] });
   };
   const SpanedTableData = styled(TableData).withConfig({
-    componentId: "sc-1q458rb-18"
+    componentId: "sc-1q458rb-17"
   })(["text-align:center;"]);
   const CustomTableDataMessage = styled.div.withConfig({
-    componentId: "sc-1q458rb-19"
+    componentId: "sc-1q458rb-18"
   })(["display:flex;gap:0.5rem;justify-content:center;"]);
   const LoadingData = () => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -38136,7 +38151,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
     ] });
   });
   const StyledTable = styled.table.withConfig({
-    componentId: "sc-1q458rb-20"
+    componentId: "sc-1q458rb-19"
   })(["width:100%;border-spacing:0;overflow:hidden;table-layout:fixed;", " @media (max-width:768px){border:none;table-layout:auto;}"], ({
     theme: theme2
   }) => `

package/dist/components/Accordion/Accordion.d.ts

@@ -3,17 +3,19 @@ import * as RadixAccordion from "@radix-ui/react-accordion";
 import { IconSize } from '../../components/Icon/types';
 import { IconName } from '../../components';
 type Size = "sm" | "md" | "lg";
+type Gap = "sm" | "md" | "lg";
 type Color = "default" | "link";
 export interface AccordionProps extends SizeProp, Omit<RadixAccordion.AccordionSingleProps, "type" | "collapsible"> {
     title: string;
     color?: Color;
     icon?: IconName;
     iconSize?: IconSize;
+    gap?: Gap;
     children: React.ReactNode;
 }
 interface SizeProp {
     size?: Size;
 }
-declare const SidebarAccordion: import("styled-components").StyledComponent<({ title, size, color, icon, iconSize, children, ...delegated }: AccordionProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-declare const AccordionToExport: import("styled-components").StyledComponent<({ title, size, color, icon, iconSize, children, ...delegated }: AccordionProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+declare const SidebarAccordion: import("styled-components").StyledComponent<({ title, size, color, icon, iconSize, gap, children, ...delegated }: AccordionProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+declare const AccordionToExport: import("styled-components").StyledComponent<({ title, size, color, icon, iconSize, gap, children, ...delegated }: AccordionProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export { AccordionToExport as Accordion, SidebarAccordion };

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

@@ -11,6 +11,9 @@ 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").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const NumberInputElement: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
+    $hideControls?: boolean | undefined;
+}, never>;
 export declare const TextAreaElement: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, {}, never>;
 export declare const TextAreaWrapper: import("styled-components").StyledComponent<({ id, label, error, disabled, children, orientation, dir, resize, }: WrapperProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const IconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {

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

@@ -6,5 +6,6 @@ export interface NumberFieldProps extends Omit<WrapperProps, "id" | "children">,
     onChange: (inputValue: string, e?: ChangeEvent<HTMLInputElement>) => void;
     orientation?: "vertical" | "horizontal";
     dir?: "start" | "end";
+    hideControls?: boolean;
 }
 export declare const NumberField: import("react").ForwardRefExoticComponent<NumberFieldProps & import("react").RefAttributes<HTMLInputElement>>;

package/package.json

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