nntc-ui 0.0.16 → 0.0.17

package/chunk-FTJTRYCI.mjs

@@ -0,0 +1,217 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/icons/Icon.tsx
+import { jsx } from "react/jsx-runtime";
+var Icon = ({
+  size = 24,
+  color = "currentColor",
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: color,
+      className,
+      xmlns: "http://www.w3.org/2000/svg",
+      children
+    }
+  );
+};
+
+// src/icons/AddIcon.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AddIcon = (props) => /* @__PURE__ */ jsx2(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx2("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" }) }));
+
+// src/icons/ArrowDropDownIcon.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ArrowDropDownIcon = (props) => /* @__PURE__ */ jsx3(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx3("path", { d: "M7 10l5 5 5-5z" }) }));
+
+// src/icons/ArrowDropUpIcon.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ArrowDropUpIcon = (props) => /* @__PURE__ */ jsx4(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx4("path", { d: "M7 14l5-5 5 5z" }) }));
+
+// src/icons/AttachIcon.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var AttachIcon = (props) => /* @__PURE__ */ jsx5(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx5("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z" }) }));
+
+// src/icons/BarChartIcon.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var BarChartIcon = (props) => /* @__PURE__ */ jsx6(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx6("path", { d: "M5 9.2h3V19H5zM10.6 5h2.8v14h-2.8zm5.6 8H19v6h-2.8z" }) }));
+
+// src/icons/CheckboxIcon.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var CheckboxIcon = (props) => /* @__PURE__ */ jsx7(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx7("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }));
+
+// src/icons/CheckboxDeselectedIcon.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var CheckboxDeselectedIcon = (props) => /* @__PURE__ */ jsx8(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx8("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z" }) }));
+
+// src/icons/CheckboxSeveralIcon.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+var CheckboxSeveralIcon = (props) => /* @__PURE__ */ jsx9(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx9("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2zm0-4H7V7h10v2z" }) }));
+
+// src/icons/ChevronLeftIcon.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var ChevronLeftIcon = (props) => /* @__PURE__ */ jsx10(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx10("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }));
+
+// src/icons/ChevronRightIcon.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ChevronRightIcon = (props) => /* @__PURE__ */ jsx11(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx11("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) }));
+
+// src/icons/CircleFilledIcon.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+var CircleFilledIcon = (props) => /* @__PURE__ */ jsx12(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx12("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z" }) }));
+
+// src/icons/CloseIcon.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var CloseIcon = (props) => /* @__PURE__ */ jsx13(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx13("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }));
+
+// src/icons/DateRangeIcon.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var DateRangeIcon = (props) => /* @__PURE__ */ jsx14(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx14("path", { d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 002 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z" }) }));
+
+// src/icons/DeleteIcon.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var DeleteIcon = (props) => /* @__PURE__ */ jsx15(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx15("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }) }));
+
+// src/icons/DoneIcon.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var DoneIcon = (props) => /* @__PURE__ */ jsx16(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx16("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }));
+
+// src/icons/FileUploadIcon.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+var FileUploadIcon = (props) => /* @__PURE__ */ jsx17(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx17("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) }));
+
+// src/icons/FilterIcon.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var FilterIcon = (props) => /* @__PURE__ */ jsx18(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx18("path", { d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z" }) }));
+
+// src/icons/FilterClearIcon.tsx
+import { jsx as jsx19, jsxs } from "react/jsx-runtime";
+var FilterClearIcon = (props) => /* @__PURE__ */ jsxs(Icon, __spreadProps(__spreadValues({}, props), { children: [
+  /* @__PURE__ */ jsx19("path", { d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z" }),
+  /* @__PURE__ */ jsx19("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+] }));
+
+// src/icons/InfoIcon.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+var InfoIcon = (props) => /* @__PURE__ */ jsx20(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx20("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }) }));
+
+// src/icons/KeyboardArrowDownIcon.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+var KeyboardArrowDownIcon = (props) => /* @__PURE__ */ jsx21(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx21("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" }) }));
+
+// src/icons/ListIcon.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+var ListIcon = (props) => /* @__PURE__ */ jsx22(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx22("path", { d: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" }) }));
+
+// src/icons/MoreVerticalIcon.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+var MoreVerticalIcon = (props) => /* @__PURE__ */ jsx23(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx23("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) }));
+
+// src/icons/SearchIcon.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var SearchIcon = (props) => /* @__PURE__ */ jsx24(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx24("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }) }));
+
+// src/icons/SettingsIcon.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var SettingsIcon = (props) => /* @__PURE__ */ jsx25(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx25("path", { d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" }) }));
+
+// src/icons/SortDownIcon.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+var SortDownIcon = (props) => /* @__PURE__ */ jsx26(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx26("path", { d: "M7 10l5 5 5-5z" }) }));
+
+// src/icons/SortUpIcon.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+var SortUpIcon = (props) => /* @__PURE__ */ jsx27(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx27("path", { d: "M7 14l5-5 5 5z" }) }));
+
+// src/icons/TableChartIcon.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+var TableChartIcon = (props) => /* @__PURE__ */ jsx28(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx28("path", { d: "M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z" }) }));
+
+// src/icons/UploadIcon.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
+var UploadIcon = (props) => /* @__PURE__ */ jsx29(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx29("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) }));
+
+// src/icons/WellIcon.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+var WellIcon = (props) => /* @__PURE__ */ jsx30(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx30("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z" }) }));
+
+// src/icons/EditIcon.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+var EditIcon = (props) => /* @__PURE__ */ jsx31(Icon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx31("path", { d: "M18.3688 3.29L20.7088 5.63C21.0988 6.02 21.0988 6.65 20.7088 7.04L18.8788 8.87L15.1288 5.12L16.9588 3.29C17.1488 3.1 17.3988 3 17.6588 3C17.9188 3 18.1688 3.09 18.3688 3.29ZM2.99878 17.25V21H6.74878L17.8088 9.94L14.0588 6.19L2.99878 17.25ZM5.91878 19H4.99878V18.08L14.0588 9.02L14.9788 9.94L5.91878 19Z" }) }));
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest,
+  __export,
+  CheckboxDeselectedIcon,
+  CheckboxIcon,
+  CheckboxSeveralIcon,
+  AddIcon,
+  ArrowDropDownIcon,
+  ArrowDropUpIcon,
+  AttachIcon,
+  BarChartIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CircleFilledIcon,
+  CloseIcon,
+  DateRangeIcon,
+  DeleteIcon,
+  DoneIcon,
+  FileUploadIcon,
+  FilterIcon,
+  FilterClearIcon,
+  InfoIcon,
+  KeyboardArrowDownIcon,
+  ListIcon,
+  MoreVerticalIcon,
+  SearchIcon,
+  SettingsIcon,
+  SortDownIcon,
+  SortUpIcon,
+  TableChartIcon,
+  UploadIcon,
+  WellIcon,
+  EditIcon
+};

package/icons/{index.js → index.mjs}

@@ -29,7 +29,7 @@ import {
   TableChartIcon,
   UploadIcon,
   WellIcon
-} from "../chunk-TKJ7MZJW.js";
+} from "../chunk-FTJTRYCI.mjs";
 export {
   AddIcon,
   ArrowDropDownIcon,

package/index.css

@@ -1327,21 +1327,79 @@ button[disabled] {
 .tabs_root {
   display: flex;
   flex-direction: row;
-  gap: 12px;
   align-items: center;
   justify-content: flex-start;
   width: 100%;
   border-bottom: 1px solid var(--theme-divider);
 }
+.tabs_root.tabs_vertical {
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  width: auto;
+  border-right: 1px solid var(--theme-divider);
+  border-bottom: none;
+}
+.tabs_root.tabs_disableBorder {
+  border: none;
+}
+.tabs_medium {
+  gap: 6px;
+}
+.tabs_small {
+  gap: 0;
+}
+.tabs_root.tabs_filled {
+  background-color: rgba(255, 255, 255, 0.08);
+}
 .tabs_tab {
   display: flex;
   flex-direction: column;
-  gap: 6px;
   cursor: pointer;
 }
+.tabs_tab.tabs_tabVertical {
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+.tabs_medium .tabs_tab {
+  gap: 6px;
+  padding-top: 7px;
+}
+.tabs_small .tabs_tab {
+  gap: 3px;
+  padding-top: 3px;
+}
+.tabs_vertical.tabs_medium .tabs_tab {
+  padding: 7px 0 7px 7px;
+}
+.tabs_vertical.tabs_small .tabs_tab {
+  padding: 4px 0 4px 3px;
+}
+.tabs_medium .tabs_tab.tabs_disableBorder {
+  gap: 7px;
+}
+.tabs_tab.tabs_tabFilled {
+  transition: background-color 0.2s ease;
+}
+.tabs_tab.tabs_tabFilled:hover {
+  background-color: rgba(255, 255, 255, 0.04);
+}
+.tabs_tab.tabs_selectedFilled {
+  background-color: rgba(123, 211, 246, 0.08);
+}
 .tabs_tabTitle {
+  display: flex;
+  gap: 8px;
+  align-items: center;
   padding: 0 16px;
 }
+.tabs_vertical.tabs_medium .tabs_tabTitle {
+  padding: 0 8px;
+}
+.tabs_vertical.tabs_small .tabs_tabTitle {
+  padding: 0;
+}
 .tabs_tabTitle > span {
   font-size: var(--text-subtitle2-size);
   font-weight: var(--text-subtitle2-weight);
@@ -1350,14 +1408,41 @@ button[disabled] {
   letter-spacing: var(--text-subtitle2-letter);
 }
 .tabs_tabBorder {
+  width: 100%;
   border-bottom: 2px solid transparent;
 }
 .tabs_tab.tabs_selected > .tabs_tabBorder {
   border-bottom-color: var(--theme-focus);
 }
+.tabs_tabBorder.tabs_tabBorderVertical {
+  width: auto;
+  height: 24px;
+  border-right: 2px solid transparent;
+  border-bottom: none;
+}
+.tabs_tab.tabs_selected > .tabs_tabBorder.tabs_tabBorderVertical {
+  border-right-color: var(--theme-focus);
+}
+.tabs_tab.tabs_selected > .tabs_tabBorder.tabs_disableBorder {
+  border-color: transparent;
+}
 .tabs_tab.tabs_selected > .tabs_tabTitle > span {
   color: var(--theme-text-primary);
 }
+.tabs_tabIcon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  color: var(--theme-text-secondary);
+}
+.tabs_tab.tabs_selected .tabs_tabIcon {
+  color: var(--theme-text-primary);
+}
+.tabs_tabs-story-wrapper {
+  width: 600px;
+}
 
 /* src/components/view/Tooltip/tooltip.module.css */
 .tooltip_trigger {

package/{index.d.ts → index.d.mts}

@@ -12,10 +12,10 @@ type UiProps<P = unknown> = P & {
 };
 
 type Variant$7 = 'filled' | 'outlined' | 'text' | 'elevated' | 'tonal' | 'link';
-type Size$a = 'medium' | 'small';
+type Size$b = 'medium' | 'small';
 interface Props$m {
     variant?: Variant$7;
-    size?: Size$a;
+    size?: Size$b;
     icon?: ReactNode;
     textSecondary?: boolean;
     isActive?: boolean;
@@ -24,10 +24,10 @@ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes
     classes?: PropsObject;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-type Size$9 = 'medium' | 'large';
+type Size$a = 'medium' | 'large';
 interface Props$l {
     label?: string;
-    componentSize?: Size$9;
+    componentSize?: Size$a;
     several?: boolean;
 }
 declare function Checkbox(props: UiProps<Props$l> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
@@ -51,10 +51,10 @@ interface Item$5 {
 type MaybeItem = Maybe<Item$5>;
 
 type Variant$6 = 'filled' | 'outlined';
-type Size$8 = 'medium' | 'small';
+type Size$9 = 'medium' | 'small';
 interface Props$k {
     variant?: Variant$6;
-    componentSize?: Size$8;
+    componentSize?: Size$9;
     icon?: ReactNode;
     fullWidth?: boolean;
     label?: string;
@@ -66,10 +66,10 @@ interface Props$k {
 declare function Select(props: UiProps<Props$k> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
 
 type Variant$5 = 'filled' | 'outlined';
-type Size$7 = 'medium' | 'small';
+type Size$8 = 'medium' | 'small';
 interface Props$j {
     variant?: Variant$5;
-    componentSize?: Size$7;
+    componentSize?: Size$8;
     fullWidth?: boolean;
     placeholder?: string;
     values?: (string | undefined)[];
@@ -80,10 +80,10 @@ interface Props$j {
 declare function DateTime(props: UiProps<Props$j> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
 
 type Variant$4 = 'outlined';
-type Size$6 = 'medium' | 'small';
+type Size$7 = 'medium' | 'small';
 interface Props$i {
     variant?: Variant$4;
-    componentSize?: Size$6;
+    componentSize?: Size$7;
     fullWidth?: boolean;
     label?: string;
     onValueChange?: (newValue: string) => void;
@@ -91,28 +91,28 @@ interface Props$i {
 declare const ColorPicker: (props: UiProps<Props$i> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) => react_jsx_runtime.JSX.Element;
 
 type Variant$3 = 'outlined';
-type Size$5 = 'medium' | 'small';
+type Size$6 = 'medium' | 'small';
 interface Props$h {
     variant?: Variant$3;
-    componentSize?: Size$5;
+    componentSize?: Size$6;
     fullWidth?: boolean;
     label?: string;
 }
 declare const Input: (props: UiProps<Props$h> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) => react_jsx_runtime.JSX.Element;
 
 type Variant$2 = 'filled' | 'outlined';
-type Size$4 = 'medium' | 'small';
+type Size$5 = 'medium' | 'small';
 interface Props$g {
     variant?: Variant$2;
-    componentSize?: Size$4;
+    componentSize?: Size$5;
     disableIcon?: boolean;
     fullWidth?: boolean;
 }
 declare function SearchInput(props: UiProps<Props$g> & DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>): react_jsx_runtime.JSX.Element;
 
-type Size$3 = 'medium' | 'small';
+type Size$4 = 'medium' | 'small';
 interface Props$f {
-    componentSize?: Size$3;
+    componentSize?: Size$4;
 }
 declare const WrapForLabel: (props: UiProps<PropsWithChildren<Props$f>>) => react_jsx_runtime.JSX.Element;
 
@@ -127,10 +127,10 @@ interface Item$4 {
 type TitleVariant = 'allValue' | 'numberValue' | 'firstValue';
 
 type Variant$1 = 'filled' | 'outlined';
-type Size$2 = 'medium' | 'small';
+type Size$3 = 'medium' | 'small';
 interface Props$e {
     variant?: Variant$1;
-    componentSize?: Size$2;
+    componentSize?: Size$3;
     icon?: ReactNode;
     fullWidth?: boolean;
     label?: string;
@@ -200,22 +200,28 @@ interface Item$2 {
     disabled?: boolean;
 }
 
-type Size$1 = 'medium' | 'small';
+type Size$2 = 'medium' | 'small';
 interface Props$9 {
     items: (Item$2 | Divider)[];
-    size?: Size$1;
+    size?: Size$2;
 }
 declare function Menu(props: UiProps<Props$9>): react_jsx_runtime.JSX.Element;
 
 interface Item$1<T> {
-    name: string;
+    name?: string;
     value: T;
+    icon?: ReactNode | string;
 }
 
+type Size$1 = 'medium' | 'small';
 interface Props$8<T> {
     items: Item$1<T>[];
     defaultSelected?: T;
     onChange?: (newValue: T) => void;
+    size?: Size$1;
+    filled?: boolean;
+    isVertical?: boolean;
+    disableBorder?: boolean;
 }
 declare function Tabs<T>(props: UiProps<Props$8<T>>): react_jsx_runtime.JSX.Element;
 
@@ -235,6 +241,12 @@ interface AdditionalButton {
     template?: (props: AdditionalButton) => ReactNode;
 }
 
+interface FilterBy {
+    columnName: string;
+    type: 'value' | 'numberRange' | 'dateRange';
+    values: (string | number)[];
+}
+
 type ColumnAlign = 'Left' | 'Right' | 'Center';
 
 type VerticalAlign = 'FlexStart' | 'Center' | 'FlexEnd';
@@ -282,15 +294,10 @@ interface Props$7 {
     size?: Size;
     borders?: Borders;
     showUniqueValuesCount?: boolean;
+    globalFilters?: FilterBy[];
 }
 declare function VirtualTable(props: UiProps<Props$7>): react_jsx_runtime.JSX.Element;
 
-interface FilterBy {
-    columnName: string;
-    type: 'value' | 'numberRange' | 'dateRange';
-    values: (string | number)[];
-}
-
 interface SortBy {
     columnName: string;
     direction: 'asc' | 'desc';