@oliasoft-open-source/react-ui-library 4.0.0-beta-62 → 4.0.0-beta-64

package/dist/assets/{index-bf536ec8.js → index-12a483f9.js}

@@ -9120,6 +9120,12 @@ function SiStorybook(props) {
 function TiInputChecked(props) {
   return GenIcon({ "tag": "svg", "attr": { "version": "1.2", "baseProfile": "tiny", "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M16 19h-8c-1.654 0-3-1.346-3-3v-8c0-1.654 1.346-3 3-3h5c.553 0 1 .448 1 1s-.447 1-1 1h-5c-.552 0-1 .449-1 1v8c0 .551.448 1 1 1h8c.552 0 1-.449 1-1v-3c0-.552.447-1 1-1s1 .448 1 1v3c0 1.654-1.346 3-3 3zM13.166 14.833c-.35 0-.689-.139-.941-.391l-2.668-2.667c-.52-.521-.52-1.365 0-1.885.521-.521 1.365-.521 1.887 0l1.416 1.417 3.475-5.455c.357-.644 1.17-.877 1.814-.519.643.358.875 1.17.518 1.813l-4.334 7c-.203.366-.566.615-.98.673l-.187.014z" } }] })(props);
 }
+function AiOutlineMinusSquare(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 1024 1024" }, "child": [{ "tag": "path", "attr": { "d": "M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attr": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] })(props);
+}
+function AiOutlinePlusSquare(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 1024 1024" }, "child": [{ "tag": "path", "attr": { "d": "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attr": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] })(props);
+}
 function AiOutlineUngroup(props) {
   return GenIcon({ "tag": "svg", "attr": { "t": "1569683823033", "viewBox": "0 0 1024 1024", "version": "1.1" }, "child": [{ "tag": "defs", "attr": {}, "child": [] }, { "tag": "path", "attr": { "d": "M736 550H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16h448c8.8 0 16-7.2 16-16V566c0-8.8-7.2-16-16-16z m-56 136H344v-64h336v64zM888 816c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z m0 96c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zM736 266H288c-8.8 0-16 7.2-16 16v176c0 8.8 7.2 16 16 16h448c8.8 0 16-7.2 16-16V282c0-8.8-7.2-16-16-16z m-56 136H344v-64h336v64zM888 208c39.8 0 72-32.2 72-72s-32.2-72-72-72-72 32.2-72 72 32.2 72 72 72z m0-96c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zM136 64c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z m0 96c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zM136 816c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z m0 96c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z" } }] })(props);
 }
@@ -10204,12 +10210,6 @@ function TbSortAscending(props) {
 function TbSortDescending(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M4 6l9 0" } }, { "tag": "path", "attr": { "d": "M4 12l7 0" } }, { "tag": "path", "attr": { "d": "M4 18l7 0" } }, { "tag": "path", "attr": { "d": "M15 15l3 3l3 -3" } }, { "tag": "path", "attr": { "d": "M18 6l0 12" } }] })(props);
 }
-function TbSquareRoundedMinus(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M9 12h6" } }, { "tag": "path", "attr": { "d": "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" } }] })(props);
-}
-function TbSquareRoundedPlus(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" } }, { "tag": "path", "attr": { "d": "M15 12h-6" } }, { "tag": "path", "attr": { "d": "M12 9v6" } }] })(props);
-}
 function TbSquare(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" } }] })(props);
 }
@@ -10311,7 +10311,7 @@ const NamedIcon = ({ icon: icon2 }) => {
     case "code":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(TbCode, {});
     case "collapse":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(TbSquareRoundedMinus, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(AiOutlineMinusSquare, {});
     case "collapse all":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(VscCollapseAll, {});
     case "company":
@@ -10339,7 +10339,7 @@ const NamedIcon = ({ icon: icon2 }) => {
     case "exclamation":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(TbExclamationMark, {});
     case "expand":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(TbSquareRoundedPlus, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(AiOutlinePlusSquare, {});
     case "expand all":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(VscExpandAll, {});
     case "external":
@@ -57220,18 +57220,18 @@ const Spacer = ({
     }
   }
 );
-const inputInTable$2 = "_inputInTable_16p4q_1";
-const inputHover$2 = "_inputHover_16p4q_13";
-const inputFocus$2 = "_inputFocus_16p4q_18";
-const inputError$2 = "_inputError_16p4q_25";
-const inputWarning$2 = "_inputWarning_16p4q_26";
-const inputDisabled$2 = "_inputDisabled_16p4q_61";
-const hideScrollbars$2 = "_hideScrollbars_16p4q_67";
-const wrapper = "_wrapper_16p4q_85";
-const bordered = "_bordered_16p4q_93";
-const scroll2 = "_scroll_16p4q_98";
-const table = "_table_16p4q_108";
-const striped = "_striped_16p4q_188";
+const inputInTable$2 = "_inputInTable_cydch_1";
+const inputHover$2 = "_inputHover_cydch_13";
+const inputFocus$2 = "_inputFocus_cydch_18";
+const inputError$2 = "_inputError_cydch_25";
+const inputWarning$2 = "_inputWarning_cydch_26";
+const inputDisabled$2 = "_inputDisabled_cydch_61";
+const hideScrollbars$2 = "_hideScrollbars_cydch_67";
+const wrapper = "_wrapper_cydch_85";
+const bordered = "_bordered_cydch_93";
+const scroll2 = "_scroll_cydch_98";
+const table = "_table_cydch_108";
+const striped = "_striped_cydch_188";
 const styles$c = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,

package/dist/assets/{index-25f98303.css → index-6c077a65.css}

@@ -578,7 +578,7 @@ a {
   --color-background: var(--color-neutral-100);
   --color-background-raised: white;
   --color-background-layer: white;
-  --color-background-disabled: var(--color-neutral-100);
+  --color-background-disabled: rgba(0, 0, 0, 0.1);
   --color-background-info: var(--color-info-500);
   --color-background-info-muted: var(--color-info-100);
   --color-background-error: var(--color-error-500);
@@ -605,9 +605,9 @@ a {
 
 html[data-theme='dark'] {
   color-scheme: dark;
-  --color-text: var(--color-neutral-100);
-  --color-text-muted: var(--color-neutral-300);
-  --color-text-faint: var(--color-neutral-500);
+  --color-text: var(--color-neutral-200);
+  --color-text-muted: var(--color-neutral-400);
+  --color-text-faint: var(--color-neutral-600);
   --color-text-primary: var(--color-primary-400);
   --color-text-primary-active: var(--color-primary-200);
   --color-text-primary-hover: var(--color-primary-300);
@@ -617,9 +617,9 @@ html[data-theme='dark'] {
   --color-text-warning: var(--color-warning-300);
   --color-text-placeholder: rgba(255, 255, 255, 0.4);
   --color-background: var(--color-neutral-900);
-  --color-background-raised: var(--color-neutral-800);
+  --color-background-raised: var(--color-neutral-850);
   --color-background-layer: var(--color-neutral-700);
-  --color-background-disabled: var(--color-neutral-900);
+  --color-background-disabled: rgba(0, 0, 0, 0.2);
   --color-background-info: var(--color-info-500);
   --color-background-info-muted: var(--color-info-800);
   --color-background-error: var(--color-error-500);
@@ -630,8 +630,8 @@ html[data-theme='dark'] {
   --color-background-warning-muted: var(--color-warning-800);
   --color-background-primary: var(--color-primary-500);
   --color-background-primary-muted: var(--color-primary-800);
-  --color-background-cardheader: var(--color-neutral-850);
-  --color-background-input: var(--color-neutral-800);
+  --color-background-cardheader: transparent;
+  --color-background-input: rgba(255, 255, 255, 0.1);
   --color-background-listitem-active: var(--color-primary-700);
   --color-background-listitem-hover: var(--color-neutral-700);
   --color-border: black;
@@ -9088,80 +9088,80 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_16p4q_1 {
+._inputInTable_cydch_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_16p4q_1:not(:hover) {
+._inputInTable_cydch_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_16p4q_1:not(:focus) {
+._inputInTable_cydch_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_16p4q_13 {
+._inputHover_cydch_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_16p4q_18 {
+._inputFocus_cydch_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_16p4q_25,
-._inputWarning_16p4q_26 {
+._inputError_cydch_25,
+._inputWarning_cydch_26 {
   position: relative;
 }
-._inputError_16p4q_25 {
+._inputError_cydch_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_16p4q_25:hover {
+._inputError_cydch_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_16p4q_25:focus {
+._inputError_cydch_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_16p4q_26 {
+._inputWarning_cydch_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_16p4q_26:hover {
+._inputWarning_cydch_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_16p4q_26:focus {
+._inputWarning_cydch_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_16p4q_61 {
+._inputDisabled_cydch_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_16p4q_67 {
+._hideScrollbars_cydch_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_16p4q_67::-webkit-scrollbar {
+._hideScrollbars_cydch_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9169,10 +9169,10 @@ button:active .remirror-menu-pane-shortcut,
   --color-background-table-row-tinted: var(--color-neutral-50);
 }
 html[data-theme='dark'] {
-  --color-background-table-header: var(--color-neutral-700);
-  --color-background-table-row-tinted: var(--color-neutral-750);
+  --color-background-table-header: var(--color-neutral-800);
+  --color-background-table-row-tinted: rgba(255, 255, 255, 0.025);
 }
-._wrapper_16p4q_85 {
+._wrapper_cydch_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9180,22 +9180,22 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_16p4q_85._bordered_16p4q_93 {
+._wrapper_cydch_85._bordered_cydch_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_16p4q_98 {
+._scroll_cydch_98 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_16p4q_98:not(:first-child) {
+._scroll_cydch_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_16p4q_108 {
+._table_cydch_108 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9204,32 +9204,32 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_16p4q_108 > :first-child {
+._table_cydch_108 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child {
+._table_cydch_108 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child > :first-child {
+._table_cydch_108 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child > :last-child {
+._table_cydch_108 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child {
+._table_cydch_108 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child {
+._table_cydch_108 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child > :first-child {
+._table_cydch_108 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child > :last-child {
+._table_cydch_108 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -9245,10 +9245,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_16p4q_108 > *:not(:last-child) > tr th,
-._table_16p4q_108 > *:not(:last-child) > tr td,
-._table_16p4q_108 > *:last-child > tr:not(:last-child) th,
-._table_16p4q_108 > *:last-child > tr:not(:last-child) td {
+._table_cydch_108 > *:not(:last-child) > tr th,
+._table_cydch_108 > *:not(:last-child) > tr td,
+._table_cydch_108 > *:last-child > tr:not(:last-child) th,
+._table_cydch_108 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9275,7 +9275,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_16p4q_188 tbody tr:nth-child(even) {
+._striped_cydch_188 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 ._title_11pbp_1 {

package/dist/global.css

@@ -578,7 +578,7 @@ a {
   --color-background: var(--color-neutral-100);
   --color-background-raised: white;
   --color-background-layer: white;
-  --color-background-disabled: var(--color-neutral-100);
+  --color-background-disabled: rgba(0, 0, 0, 0.1);
   --color-background-info: var(--color-info-500);
   --color-background-info-muted: var(--color-info-100);
   --color-background-error: var(--color-error-500);
@@ -605,9 +605,9 @@ a {
 
 html[data-theme='dark'] {
   color-scheme: dark;
-  --color-text: var(--color-neutral-100);
-  --color-text-muted: var(--color-neutral-300);
-  --color-text-faint: var(--color-neutral-500);
+  --color-text: var(--color-neutral-200);
+  --color-text-muted: var(--color-neutral-400);
+  --color-text-faint: var(--color-neutral-600);
   --color-text-primary: var(--color-primary-400);
   --color-text-primary-active: var(--color-primary-200);
   --color-text-primary-hover: var(--color-primary-300);
@@ -617,9 +617,9 @@ html[data-theme='dark'] {
   --color-text-warning: var(--color-warning-300);
   --color-text-placeholder: rgba(255, 255, 255, 0.4);
   --color-background: var(--color-neutral-900);
-  --color-background-raised: var(--color-neutral-800);
+  --color-background-raised: var(--color-neutral-850);
   --color-background-layer: var(--color-neutral-700);
-  --color-background-disabled: var(--color-neutral-900);
+  --color-background-disabled: rgba(0, 0, 0, 0.2);
   --color-background-info: var(--color-info-500);
   --color-background-info-muted: var(--color-info-800);
   --color-background-error: var(--color-error-500);
@@ -630,8 +630,8 @@ html[data-theme='dark'] {
   --color-background-warning-muted: var(--color-warning-800);
   --color-background-primary: var(--color-primary-500);
   --color-background-primary-muted: var(--color-primary-800);
-  --color-background-cardheader: var(--color-neutral-850);
-  --color-background-input: var(--color-neutral-800);
+  --color-background-cardheader: transparent;
+  --color-background-input: rgba(255, 255, 255, 0.1);
   --color-background-listitem-active: var(--color-primary-700);
   --color-background-listitem-hover: var(--color-neutral-700);
   --color-border: black;
@@ -9088,80 +9088,80 @@ button:active .remirror-menu-pane-shortcut,
   text-overflow: ellipsis;
   flex-shrink: 0;
 }
-._inputInTable_16p4q_1 {
+._inputInTable_cydch_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_16p4q_1:not(:hover) {
+._inputInTable_cydch_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_16p4q_1:not(:focus) {
+._inputInTable_cydch_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_16p4q_13 {
+._inputHover_cydch_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_16p4q_18 {
+._inputFocus_cydch_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_16p4q_25,
-._inputWarning_16p4q_26 {
+._inputError_cydch_25,
+._inputWarning_cydch_26 {
   position: relative;
 }
-._inputError_16p4q_25 {
+._inputError_cydch_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_16p4q_25:hover {
+._inputError_cydch_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_16p4q_25:focus {
+._inputError_cydch_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_16p4q_26 {
+._inputWarning_cydch_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_16p4q_26:hover {
+._inputWarning_cydch_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_16p4q_26:focus {
+._inputWarning_cydch_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_16p4q_61 {
+._inputDisabled_cydch_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_16p4q_67 {
+._hideScrollbars_cydch_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_16p4q_67::-webkit-scrollbar {
+._hideScrollbars_cydch_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9169,10 +9169,10 @@ button:active .remirror-menu-pane-shortcut,
   --color-background-table-row-tinted: var(--color-neutral-50);
 }
 html[data-theme='dark'] {
-  --color-background-table-header: var(--color-neutral-700);
-  --color-background-table-row-tinted: var(--color-neutral-750);
+  --color-background-table-header: var(--color-neutral-800);
+  --color-background-table-row-tinted: rgba(255, 255, 255, 0.025);
 }
-._wrapper_16p4q_85 {
+._wrapper_cydch_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9180,22 +9180,22 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_16p4q_85._bordered_16p4q_93 {
+._wrapper_cydch_85._bordered_cydch_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_16p4q_98 {
+._scroll_cydch_98 {
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_16p4q_98:not(:first-child) {
+._scroll_cydch_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_16p4q_108 {
+._table_cydch_108 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
@@ -9204,32 +9204,32 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_16p4q_108 > :first-child {
+._table_cydch_108 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child {
+._table_cydch_108 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child > :first-child {
+._table_cydch_108 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_16p4q_108 > :first-child > :first-child > :last-child {
+._table_cydch_108 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child {
+._table_cydch_108 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child {
+._table_cydch_108 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child > :first-child {
+._table_cydch_108 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_16p4q_108 > :last-child > :last-child > :last-child {
+._table_cydch_108 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -9245,10 +9245,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_16p4q_108 > *:not(:last-child) > tr th,
-._table_16p4q_108 > *:not(:last-child) > tr td,
-._table_16p4q_108 > *:last-child > tr:not(:last-child) th,
-._table_16p4q_108 > *:last-child > tr:not(:last-child) td {
+._table_cydch_108 > *:not(:last-child) > tr th,
+._table_cydch_108 > *:not(:last-child) > tr td,
+._table_cydch_108 > *:last-child > tr:not(:last-child) th,
+._table_cydch_108 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9275,7 +9275,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_16p4q_188 tbody tr:nth-child(even) {
+._striped_cydch_188 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
 ._title_11pbp_1 {

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-bf536ec8.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-25f98303.css"></head><body><div id="content"></div></body>
+<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-12a483f9.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-6c077a65.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -3086,12 +3086,6 @@ function TbSortAscending(props) {
 function TbSortDescending(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M4 6l9 0" } }, { "tag": "path", "attr": { "d": "M4 12l7 0" } }, { "tag": "path", "attr": { "d": "M4 18l7 0" } }, { "tag": "path", "attr": { "d": "M15 15l3 3l3 -3" } }, { "tag": "path", "attr": { "d": "M18 6l0 12" } }] })(props);
 }
-function TbSquareRoundedMinus(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M9 12h6" } }, { "tag": "path", "attr": { "d": "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" } }] })(props);
-}
-function TbSquareRoundedPlus(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" } }, { "tag": "path", "attr": { "d": "M15 12h-6" } }, { "tag": "path", "attr": { "d": "M12 9v6" } }] })(props);
-}
 function TbSquare(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" } }] })(props);
 }
@@ -3128,6 +3122,12 @@ function VscCollapseAll(props) {
 function VscExpandAll(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 16 16", "fill": "currentColor" }, "child": [{ "tag": "path", "attr": { "d": "M9 9H4v1h5V9z" } }, { "tag": "path", "attr": { "d": "M7 12V7H6v5h1z" } }, { "tag": "path", "attr": { "fillRule": "evenodd", "clipRule": "evenodd", "d": "M5 3l1-1h7l1 1v7l-1 1h-2v2l-1 1H3l-1-1V6l1-1h2V3zm1 2h4l1 1v4h2V3H6v2zm4 1H3v7h7V6z" } }] })(props);
 }
+function AiOutlineMinusSquare(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 1024 1024" }, "child": [{ "tag": "path", "attr": { "d": "M328 544h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attr": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] })(props);
+}
+function AiOutlinePlusSquare(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 1024 1024" }, "child": [{ "tag": "path", "attr": { "d": "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attr": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] })(props);
+}
 const NamedIcon = ({ icon: icon2 }) => {
   switch (icon2) {
     case "add":
@@ -3193,7 +3193,7 @@ const NamedIcon = ({ icon: icon2 }) => {
     case "code":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(TbCode, {});
     case "collapse":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(TbSquareRoundedMinus, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(AiOutlineMinusSquare, {});
     case "collapse all":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(VscCollapseAll, {});
     case "company":
@@ -3221,7 +3221,7 @@ const NamedIcon = ({ icon: icon2 }) => {
     case "exclamation":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(TbExclamationMark, {});
     case "expand":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(TbSquareRoundedPlus, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(AiOutlinePlusSquare, {});
     case "expand all":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(VscExpandAll, {});
     case "external":
@@ -62756,18 +62756,18 @@ const Spacer = ({
     }
   }
 );
-const inputInTable$2 = "_inputInTable_16p4q_1";
-const inputHover$2 = "_inputHover_16p4q_13";
-const inputFocus$2 = "_inputFocus_16p4q_18";
-const inputError$2 = "_inputError_16p4q_25";
-const inputWarning$2 = "_inputWarning_16p4q_26";
-const inputDisabled$2 = "_inputDisabled_16p4q_61";
-const hideScrollbars$2 = "_hideScrollbars_16p4q_67";
-const wrapper = "_wrapper_16p4q_85";
-const bordered = "_bordered_16p4q_93";
-const scroll2 = "_scroll_16p4q_98";
-const table = "_table_16p4q_108";
-const striped = "_striped_16p4q_188";
+const inputInTable$2 = "_inputInTable_cydch_1";
+const inputHover$2 = "_inputHover_cydch_13";
+const inputFocus$2 = "_inputFocus_cydch_18";
+const inputError$2 = "_inputError_cydch_25";
+const inputWarning$2 = "_inputWarning_cydch_26";
+const inputDisabled$2 = "_inputDisabled_cydch_61";
+const hideScrollbars$2 = "_hideScrollbars_cydch_67";
+const wrapper = "_wrapper_cydch_85";
+const bordered = "_bordered_cydch_93";
+const scroll2 = "_scroll_cydch_98";
+const table = "_table_cydch_108";
+const striped = "_striped_cydch_188";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,