@oliasoft-open-source/react-ui-library 4.0.0-beta-44 → 4.0.0-beta-46

package/dist/index.js

@@ -1102,7 +1102,6 @@ var IconType = /* @__PURE__ */ ((IconType2) => {
   IconType2["LIBRARY"] = "library";
   IconType2["ADD"] = "add";
   IconType2["DRAG"] = "drag";
-  IconType2["DRAG_HORIZONTAL"] = "drag horizontal";
   IconType2["HELP"] = "help";
   IconType2["NOTIFICATION"] = "notification";
   IconType2["MENU"] = "menu";
@@ -11829,14 +11828,14 @@ const isStringNumberOrNode = (value) => {
 const getType = (item2) => {
   return Array.isArray(item2) ? "array" : typeof item2;
 };
-const wrapper$3 = "_wrapper_19hcn_1";
-const badge = "_badge_19hcn_5";
-const label$9 = "_label_19hcn_11";
-const dark = "_dark_19hcn_23";
-const light = "_light_19hcn_26";
-const small$b = "_small_19hcn_29";
-const dot = "_dot_19hcn_33";
-const hasChildren = "_hasChildren_19hcn_39";
+const wrapper$3 = "_wrapper_nwprz_1";
+const badge = "_badge_nwprz_5";
+const label$9 = "_label_nwprz_11";
+const dark = "_dark_nwprz_23";
+const light = "_light_nwprz_26";
+const small$b = "_small_nwprz_29";
+const dot = "_dot_nwprz_33";
+const hasChildren = "_hasChildren_nwprz_39";
 const styles$J = {
   wrapper: wrapper$3,
   badge,
@@ -14064,30 +14063,30 @@ const Dialog = ({ dialog: dialog2 }) => {
     }
   );
 };
-const inputInTable$a = "_inputInTable_1v4te_1";
-const inputHover$a = "_inputHover_1v4te_13";
-const inputFocus$a = "_inputFocus_1v4te_18";
-const inputError$a = "_inputError_1v4te_25";
-const inputWarning$a = "_inputWarning_1v4te_26";
-const inputDisabled$a = "_inputDisabled_1v4te_61";
-const hideScrollbars$a = "_hideScrollbars_1v4te_67";
-const inline$2 = "_inline_1v4te_92";
-const left$2 = "_left_1v4te_95";
-const right$6 = "_right_1v4te_98";
-const fixed$1 = "_fixed_1v4te_101";
-const border$1 = "_border_1v4te_113";
-const shadow = "_shadow_1v4te_119";
-const drawerContent = "_drawerContent_1v4te_122";
-const isResizing = "_isResizing_1v4te_134";
-const toggleButton = "_toggleButton_1v4te_145";
-const top = "_top_1v4te_158";
-const bottom = "_bottom_1v4te_161";
-const toggleButtonOpen = "_toggleButtonOpen_1v4te_164";
-const tabs$1 = "_tabs_1v4te_167";
-const tab$1 = "_tab_1v4te_167";
-const active$4 = "_active_1v4te_199";
-const tabsContent = "_tabsContent_1v4te_221";
-const resizeHandle = "_resizeHandle_1v4te_227";
+const inputInTable$a = "_inputInTable_11j5h_1";
+const inputHover$a = "_inputHover_11j5h_13";
+const inputFocus$a = "_inputFocus_11j5h_18";
+const inputError$a = "_inputError_11j5h_25";
+const inputWarning$a = "_inputWarning_11j5h_26";
+const inputDisabled$a = "_inputDisabled_11j5h_61";
+const hideScrollbars$a = "_hideScrollbars_11j5h_67";
+const inline$2 = "_inline_11j5h_92";
+const left$2 = "_left_11j5h_95";
+const right$6 = "_right_11j5h_98";
+const fixed$1 = "_fixed_11j5h_101";
+const border$1 = "_border_11j5h_113";
+const shadow = "_shadow_11j5h_119";
+const drawerContent = "_drawerContent_11j5h_122";
+const isResizing = "_isResizing_11j5h_134";
+const toggleButton = "_toggleButton_11j5h_145";
+const top = "_top_11j5h_158";
+const bottom = "_bottom_11j5h_161";
+const toggleButtonOpen = "_toggleButtonOpen_11j5h_164";
+const tabs$1 = "_tabs_11j5h_167";
+const tab$1 = "_tab_11j5h_167";
+const active$4 = "_active_11j5h_199";
+const tabsContent = "_tabsContent_11j5h_224";
+const resizeHandle = "_resizeHandle_11j5h_230";
 const styles$B = {
   inputInTable: inputInTable$a,
   inputHover: inputHover$a,
@@ -14117,7 +14116,7 @@ const styles$B = {
 const TabBadge = ({ badge: badge2, children }) => {
   if (!badge2)
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { small: true, title: badge2.toString(), children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { small: true, margin: 4, title: badge2.toString(), children });
 };
 const DrawerTabs = ({
   tabs: tabs2,
@@ -16136,12 +16135,12 @@ reactResizable.exports = function() {
 };
 var Resizable = reactResizable.exports.Resizable = Resizable$2.default;
 reactResizable.exports.ResizableBox = ResizableBox$1.default;
-const TABS_WIDTH = 37;
+const TABS_WIDTH = 35;
 const MIN_OPEN_WIDTH = 240;
 const ResizeHandle = forwardRef(
   (props, ref2) => {
     const { handleAxis, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: ref2, className: styles$B.resizeHandle, ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.DRAG_HORIZONTAL }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: ref2, className: styles$B.resizeHandle, ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.DRAG }) });
   }
 );
 const DrawerResizeWrapper = ({
@@ -59963,24 +59962,24 @@ var reactFastCompare = function isEqual3(a2, b2) {
   }
 };
 const isEqual$1 = /* @__PURE__ */ getDefaultExportFromCjs(reactFastCompare);
-const inputInTable$3 = "_inputInTable_1ffe7_1";
-const inputHover$3 = "_inputHover_1ffe7_13";
-const inputFocus$3 = "_inputFocus_1ffe7_18";
-const inputError$3 = "_inputError_1ffe7_25";
-const inputWarning$3 = "_inputWarning_1ffe7_26";
-const inputDisabled$3 = "_inputDisabled_1ffe7_61";
-const hideScrollbars$3 = "_hideScrollbars_1ffe7_67";
-const sidebar = "_sidebar_1ffe7_81";
-const inner = "_inner_1ffe7_92";
-const title$2 = "_title_1ffe7_102";
-const subtitle = "_subtitle_1ffe7_103";
-const label$2 = "_label_1ffe7_104";
-const collapsed = "_collapsed_1ffe7_108";
-const list = "_list_1ffe7_133";
-const item$2 = "_item_1ffe7_137";
-const active$2 = "_active_1ffe7_164";
-const experimental = "_experimental_1ffe7_168";
-const icon$1 = "_icon_1ffe7_171";
+const inputInTable$3 = "_inputInTable_3l173_1";
+const inputHover$3 = "_inputHover_3l173_13";
+const inputFocus$3 = "_inputFocus_3l173_18";
+const inputError$3 = "_inputError_3l173_25";
+const inputWarning$3 = "_inputWarning_3l173_26";
+const inputDisabled$3 = "_inputDisabled_3l173_61";
+const hideScrollbars$3 = "_hideScrollbars_3l173_67";
+const sidebar = "_sidebar_3l173_81";
+const inner = "_inner_3l173_92";
+const title$2 = "_title_3l173_102";
+const subtitle = "_subtitle_3l173_103";
+const label$2 = "_label_3l173_104";
+const collapsed = "_collapsed_3l173_108";
+const list = "_list_3l173_133";
+const item$2 = "_item_3l173_137";
+const active$2 = "_active_3l173_164";
+const experimental = "_experimental_3l173_168";
+const icon$1 = "_icon_3l173_171";
 const styles$c = {
   inputInTable: inputInTable$3,
   inputHover: inputHover$3,