acinguiux-ds-react-framework 0.0.7 → 0.0.8

package/build/esm/components/Table/components/TableElements/Resizer.js

@@ -1,19 +1,19 @@
-import { jsx as s, Fragment as l } from "react/jsx-runtime";
-import { useMemo as a } from "react";
+import { jsx as i, Fragment as a } from "react/jsx-runtime";
+import { useMemo as l } from "react";
 import m, { css as o } from "styled-components";
-import { useTable as n } from "../../hooks/useTable.js";
-import { Sizes as p, TABLE_RESIZER_CLASS as d } from "../../../../react-base/src/consts.js";
-import { consts as c } from "../../../../react-base/src/components/Table/Table.consts.js";
+import { Sizes as n, TABLE_RESIZER_CLASS as p } from "../../../../react-base/build/esm/consts.js";
+import { consts as d } from "../../../../react-base/build/esm/components/Table/Table.consts.js";
+import { useTable as c } from "../../hooks/useTable.js";
 const b = m.div(
-  ({ theme: e, size: r, onMouseDown: i }) => o`
-    ${!!i && o`
+  ({ theme: e, size: r, onMouseDown: s }) => o`
+    ${!!s && o`
       cursor: ew-resize;
     `};
     width: 8px;
     height: 16px;
     user-select: none;
     position: absolute;
-    right: -${c[r].headerCell.padding.right}px;
+    right: -${d[r].headerCell.padding.right}px;
 
     &:before {
       content: '';
@@ -26,19 +26,19 @@ const b = m.div(
       background-color: ${e.onSurface.surface.default.border.subtle};
     }
   `
-), E = ({ onMouseDown: e, onTouchStart: r, ...i }) => {
-  const { size: t = p.Medium } = n();
-  return a(() => !!e || !!r, [e, r]) ? /* @__PURE__ */ s(
+), E = ({ onMouseDown: e, onTouchStart: r, ...s }) => {
+  const { size: t = n.Medium } = c();
+  return l(() => !!e || !!r, [e, r]) ? /* @__PURE__ */ i(
     b,
     {
       onMouseDown: e,
       onTouchStart: r,
       "aria-label": "Resizer",
-      className: d,
+      className: p,
       size: t,
-      ...i
+      ...s
     }
-  ) : /* @__PURE__ */ s(l, {});
+  ) : /* @__PURE__ */ i(a, {});
 };
 export {
   E as Resizer,

package/build/esm/components/Table/components/TableElements/Resizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resizer.js","sources":["../../../../../../src/components/Table/components/TableElements/Resizer.tsx"],"sourcesContent":["import { HTMLAttributes, useMemo } from 'react';\n\nimport styled, { css } from 'styled-components';\nimport { Sizes, TABLE_RESIZER_CLASS, TableConsts, TableTypes } from 'acinguiux-ds-react-base';\n\nimport { useTable } from '../../hooks/useTable';\n\nexport const StyledResizer = styled.div<{ size: TableTypes.Size }>(\n  ({ theme, size, onMouseDown }) => css`\n    ${Boolean(onMouseDown) &&\n    css`\n      cursor: ew-resize;\n    `};\n    width: 8px;\n    height: 16px;\n    user-select: none;\n    position: absolute;\n    right: -${TableConsts.consts[size].headerCell.padding.right}px;\n\n    &:before {\n      content: '';\n      display: block;\n      position: absolute;\n      left: 6px;\n      right: 0;\n      border-radius: 1px;\n      height: 100%;\n      background-color: ${theme.onSurface.surface.default.border.subtle};\n    }\n  `,\n);\n\nexport const Resizer = ({ onMouseDown, onTouchStart, ...rest }: HTMLAttributes<HTMLDivElement>) => {\n  const { size = Sizes.Medium } = useTable();\n  const isEnableResizer = useMemo(() => Boolean(onMouseDown) || Boolean(onTouchStart), [onMouseDown, onTouchStart]);\n\n  if (!isEnableResizer) {\n    return <></>;\n  }\n\n  return (\n    <StyledResizer\n      onMouseDown={onMouseDown}\n      onTouchStart={onTouchStart}\n      aria-label=\"Resizer\"\n      className={TABLE_RESIZER_CLASS}\n      size={size}\n      {...rest}\n    />\n  );\n};\n"],"names":["StyledResizer","styled","theme","size","onMouseDown","css","TableConsts.consts","Resizer","onTouchStart","rest","Sizes","useTable","useMemo","jsx","TABLE_RESIZER_CLASS","Fragment"],"mappings":";;;;;;AAOO,MAAMA,IAAgBC,EAAO;AAAA,EAClC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,aAAAC,EAAkB,MAAAC;AAAA,MAC9B,EAAQD,KACVC;AAAA;AAAA,KAEC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKSC,EAAmBH,CAAI,EAAE,WAAW,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUrCD,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAGvE,GAEaK,IAAU,CAAC,EAAE,aAAAH,GAAa,cAAAI,GAAc,GAAGC,QAA2C;AACjG,QAAM,EAAE,MAAAN,IAAOO,EAAM,OAAA,IAAWC,EAAS;AAGzC,SAFwBC,EAAQ,MAAM,EAAQR,KAAgB,EAAQI,GAAe,CAACJ,GAAaI,CAAY,CAAC,IAO9G,gBAAAK;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,aAAAI;AAAA,MACA,cAAAI;AAAA,MACA,cAAW;AAAA,MACX,WAAWM;AAAA,MACX,MAAAX;AAAA,MACC,GAAGM;AAAA,IAAA;AAAA,EACN,IAXS,gBAAAI,EAAAE,GAAA,EAAA;AAab;"}
+{"version":3,"file":"Resizer.js","sources":["../../../../../../src/components/Table/components/TableElements/Resizer.tsx"],"sourcesContent":["import { HTMLAttributes, useMemo } from 'react';\n\nimport styled, { css } from 'styled-components';\nimport { Sizes, TABLE_RESIZER_CLASS, TableConsts, TableTypes } from 'acinguiux-ds-react-base';\n\nimport { useTable } from '../../hooks/useTable';\n\nexport const StyledResizer = styled.div<{ size: TableTypes.Size }>(\n  ({ theme, size, onMouseDown }) => css`\n    ${Boolean(onMouseDown) &&\n    css`\n      cursor: ew-resize;\n    `};\n    width: 8px;\n    height: 16px;\n    user-select: none;\n    position: absolute;\n    right: -${TableConsts.consts[size].headerCell.padding.right}px;\n\n    &:before {\n      content: '';\n      display: block;\n      position: absolute;\n      left: 6px;\n      right: 0;\n      border-radius: 1px;\n      height: 100%;\n      background-color: ${theme.onSurface.surface.default.border.subtle};\n    }\n  `,\n);\n\nexport const Resizer = ({ onMouseDown, onTouchStart, ...rest }: HTMLAttributes<HTMLDivElement>) => {\n  const { size = Sizes.Medium } = useTable();\n  const isEnableResizer = useMemo(() => Boolean(onMouseDown) || Boolean(onTouchStart), [onMouseDown, onTouchStart]);\n\n  if (!isEnableResizer) {\n    return <></>;\n  }\n\n  return (\n    <StyledResizer\n      onMouseDown={onMouseDown}\n      onTouchStart={onTouchStart}\n      aria-label=\"Resizer\"\n      className={TABLE_RESIZER_CLASS}\n      size={size}\n      {...rest}\n    />\n  );\n};\n"],"names":["StyledResizer","styled","theme","size","onMouseDown","css","TableConsts.consts","Resizer","onTouchStart","rest","Sizes","useTable","useMemo","jsx","TABLE_RESIZER_CLASS","Fragment"],"mappings":";;;;;;AAOO,MAAMA,IAAgBC,EAAO;AAAA,EAClC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,aAAAC,EAAkB,MAAAC;AAAA,MAC9B,EAAQD,KACVC;AAAA;AAAA,KAEC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKSC,EAAmBH,CAAI,EAAE,WAAW,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUrCD,EAAM,UAAU,QAAQ,QAAQ,OAAO,MAAM;AAAA;AAAA;AAGvE,GAEaK,IAAU,CAAC,EAAE,aAAAH,GAAa,cAAAI,GAAc,GAAGC,QAA2C;AACjG,QAAM,EAAE,MAAAN,IAAOO,EAAM,OAAA,IAAWC,EAAS;AAGzC,SAFwBC,EAAQ,MAAM,EAAQR,KAAgB,EAAQI,GAAe,CAACJ,GAAaI,CAAY,CAAC,IAO9G,gBAAAK;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,aAAAI;AAAA,MACA,cAAAI;AAAA,MACA,cAAW;AAAA,MACX,WAAWM;AAAAA,MACX,MAAAX;AAAA,MACC,GAAGM;AAAA,IAAA;AAAA,EACN,IAXS,gBAAAI,EAAAE,GAAA,EAAA;AAab;"}

package/build/esm/components/Table/components/TableElements/SelectionCheckbox.js

@@ -1,12 +1,12 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { useTable as t } from "../../hooks/useTable.js";
-import s from "../../../Checkbox/Checkbox.js";
-import { getSize as a } from "../../utils/tableUtils.js";
-import { Sizes as c, TABLE_CHECKBOX_CLASS as f } from "../../../../react-base/src/consts.js";
+import { Sizes as t, TABLE_CHECKBOX_CLASS as s } from "../../../../react-base/build/esm/consts.js";
+import { useTable as a } from "../../hooks/useTable.js";
+import c from "../../../Checkbox/Checkbox.js";
+import { getSize as f } from "../../utils/tableUtils.js";
 const n = i(({ ...o }, e) => {
-  const { size: r = c.Medium } = t();
-  return /* @__PURE__ */ m(s, { className: f, "aria-label": "Table checkbox", size: a(r), ref: e, ...o });
+  const { size: r = t.Medium } = a();
+  return /* @__PURE__ */ m(c, { className: s, "aria-label": "Table checkbox", size: f(r), ref: e, ...o });
 });
 export {
   n as SelectionCheckbox

package/build/esm/components/Table/components/TableElements/SorterButton.js

@@ -1,34 +1,34 @@
-import { jsx as t, jsxs as n, Fragment as a } from "react/jsx-runtime";
+import { jsx as r, jsxs as e, Fragment as n } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import S from "styled-components";
-import { useTable as f } from "../../hooks/useTable.js";
-import c from "../../../Icon/components/ArrowDown.js";
-import l from "../../../Icon/components/ArrowUp.js";
-import d from "../../../Button/Button.js";
-import { getSize as o } from "../../utils/tableUtils.js";
-import { Sizes as i, TABLE_SORTER_BUTTON_CLASS as A, Variants as _, Positions as u, TABLE_ASC_ICON_CLASS as T, TABLE_DESC_ICON_CLASS as B } from "../../../../react-base/src/consts.js";
-import { consts as C } from "../../../../react-base/src/components/Button/Button.consts.js";
-const g = S(d)`
-  margin: 0 -${({ size: r = i.Medium }) => C.padding[o(r)].transparent};
+import { Sizes as o, TABLE_SORTER_BUTTON_CLASS as S, Variants as f, Positions as c, TABLE_ASC_ICON_CLASS as l, TABLE_DESC_ICON_CLASS as d } from "../../../../react-base/build/esm/consts.js";
+import { consts as A } from "../../../../react-base/build/esm/components/Button/Button.consts.js";
+import _ from "styled-components";
+import { useTable as u } from "../../hooks/useTable.js";
+import T from "../../../Icon/components/ArrowDown.js";
+import C from "../../../Icon/components/ArrowUp.js";
+import B from "../../../Button/Button.js";
+import { getSize as s } from "../../utils/tableUtils.js";
+const g = _(B)`
+  margin: 0 -${({ size: t = o.Medium }) => A.padding[s(t)].transparent};
   text-align: left;
   min-width: 0;
 `, j = p(
-  ({ sortDirection: r, ...m }, e) => {
-    const { size: s = i.Medium } = f();
-    return /* @__PURE__ */ t(
+  ({ sortDirection: t, ...a }, i) => {
+    const { size: m = o.Medium } = u();
+    return /* @__PURE__ */ r(
       g,
       {
-        className: A,
+        className: S,
         "aria-label": "Sorter button",
-        size: o(s),
-        variant: _.Transparent,
-        iconPosition: u.Right,
-        icon: /* @__PURE__ */ n(a, { children: [
-          r === "asc" && /* @__PURE__ */ t(l, { className: T }),
-          r === "desc" && /* @__PURE__ */ t(c, { className: B })
+        size: s(m),
+        variant: f.Transparent,
+        iconPosition: c.Right,
+        icon: /* @__PURE__ */ e(n, { children: [
+          t === "asc" && /* @__PURE__ */ r(C, { className: l }),
+          t === "desc" && /* @__PURE__ */ r(T, { className: d })
         ] }),
-        ref: e,
-        ...m
+        ref: i,
+        ...a
       }
     );
   }

package/build/esm/components/Table/components/TableElements/SorterButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SorterButton.js","sources":["../../../../../../src/components/Table/components/TableElements/SorterButton.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'react';\n\nimport {\n  Sizes,\n  Variants,\n  TABLE_SORTER_BUTTON_CLASS,\n  TABLE_ASC_ICON_CLASS,\n  TABLE_DESC_ICON_CLASS,\n  Positions,\n  ButtonConsts,\n} from 'acinguiux-ds-react-base';\nimport styled from 'styled-components';\n\nimport { ITableSorterProps } from '../../Table.types';\nimport { useTable } from '../../hooks/useTable';\nimport { ArrowUp, ArrowDown } from '../../../Icon/components';\nimport Button from '../../../Button/Button';\nimport { getSize } from '../../utils/tableUtils';\n\nconst StyledSorterButton = styled(Button)`\n  margin: 0 -${({ size = Sizes.Medium }) => ButtonConsts.consts.padding[getSize(size)].transparent};\n  text-align: left;\n  min-width: 0;\n`;\n\nexport const SorterButton = forwardRef(\n  ({ sortDirection, ...rest }: ITableSorterProps, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size = Sizes.Medium } = useTable();\n\n    return (\n      <StyledSorterButton\n        className={TABLE_SORTER_BUTTON_CLASS}\n        aria-label=\"Sorter button\"\n        size={getSize(size)}\n        variant={Variants.Transparent}\n        iconPosition={Positions.Right}\n        icon={\n          <>\n            {sortDirection === 'asc' && <ArrowUp className={TABLE_ASC_ICON_CLASS} />}\n            {sortDirection === 'desc' && <ArrowDown className={TABLE_DESC_ICON_CLASS} />}\n          </>\n        }\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["StyledSorterButton","styled","Button","size","Sizes","ButtonConsts.consts","getSize","SorterButton","forwardRef","sortDirection","rest","ref","useTable","jsx","TABLE_SORTER_BUTTON_CLASS","Variants","Positions","jsxs","Fragment","ArrowUp","TABLE_ASC_ICON_CLASS","ArrowDown","TABLE_DESC_ICON_CLASS"],"mappings":";;;;;;;;;;AAmBA,MAAMA,IAAqBC,EAAOC,CAAM;AAAA,eACzB,CAAC,EAAE,MAAAC,IAAOC,EAAM,OAAO,MAAMC,EAAoB,QAAQC,EAAQH,CAAI,CAAC,EAAE,WAAW;AAAA;AAAA;AAAA,GAKrFI,IAAeC;AAAA,EAC1B,CAAC,EAAE,eAAAC,GAAe,GAAGC,EAAA,GAA2BC,MAAyC;AACvF,UAAM,EAAE,MAAAR,IAAOC,EAAM,OAAA,IAAWQ,EAAS;AAGvC,WAAA,gBAAAC;AAAA,MAACb;AAAA,MAAA;AAAA,QACC,WAAWc;AAAA,QACX,cAAW;AAAA,QACX,MAAMR,EAAQH,CAAI;AAAA,QAClB,SAASY,EAAS;AAAA,QAClB,cAAcC,EAAU;AAAA,QACxB,MAEK,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAAT,MAAkB,SAAS,gBAAAI,EAACM,GAAQ,EAAA,WAAWC,GAAsB;AAAA,UACrEX,MAAkB,UAAW,gBAAAI,EAAAQ,GAAA,EAAU,WAAWC,EAAuB,CAAA;AAAA,QAAA,GAC5E;AAAA,QAEF,KAAAX;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"SorterButton.js","sources":["../../../../../../src/components/Table/components/TableElements/SorterButton.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'react';\n\nimport {\n  Sizes,\n  Variants,\n  TABLE_SORTER_BUTTON_CLASS,\n  TABLE_ASC_ICON_CLASS,\n  TABLE_DESC_ICON_CLASS,\n  Positions,\n  ButtonConsts,\n} from 'acinguiux-ds-react-base';\nimport styled from 'styled-components';\n\nimport { ITableSorterProps } from '../../Table.types';\nimport { useTable } from '../../hooks/useTable';\nimport { ArrowUp, ArrowDown } from '../../../Icon/components';\nimport Button from '../../../Button/Button';\nimport { getSize } from '../../utils/tableUtils';\n\nconst StyledSorterButton = styled(Button)`\n  margin: 0 -${({ size = Sizes.Medium }) => ButtonConsts.consts.padding[getSize(size)].transparent};\n  text-align: left;\n  min-width: 0;\n`;\n\nexport const SorterButton = forwardRef(\n  ({ sortDirection, ...rest }: ITableSorterProps, ref: ForwardedRef<HTMLButtonElement>) => {\n    const { size = Sizes.Medium } = useTable();\n\n    return (\n      <StyledSorterButton\n        className={TABLE_SORTER_BUTTON_CLASS}\n        aria-label=\"Sorter button\"\n        size={getSize(size)}\n        variant={Variants.Transparent}\n        iconPosition={Positions.Right}\n        icon={\n          <>\n            {sortDirection === 'asc' && <ArrowUp className={TABLE_ASC_ICON_CLASS} />}\n            {sortDirection === 'desc' && <ArrowDown className={TABLE_DESC_ICON_CLASS} />}\n          </>\n        }\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["StyledSorterButton","styled","Button","size","Sizes","ButtonConsts.consts","getSize","SorterButton","forwardRef","sortDirection","rest","ref","useTable","jsx","TABLE_SORTER_BUTTON_CLASS","Variants","Positions","jsxs","Fragment","ArrowUp","TABLE_ASC_ICON_CLASS","ArrowDown","TABLE_DESC_ICON_CLASS"],"mappings":";;;;;;;;;;AAmBA,MAAMA,IAAqBC,EAAOC,CAAM;AAAA,eACzB,CAAC,EAAE,MAAAC,IAAOC,EAAM,OAAO,MAAMC,EAAoB,QAAQC,EAAQH,CAAI,CAAC,EAAE,WAAW;AAAA;AAAA;AAAA,GAKrFI,IAAeC;AAAA,EAC1B,CAAC,EAAE,eAAAC,GAAe,GAAGC,EAAA,GAA2BC,MAAyC;AACvF,UAAM,EAAE,MAAAR,IAAOC,EAAM,OAAA,IAAWQ,EAAS;AAGvC,WAAA,gBAAAC;AAAA,MAACb;AAAA,MAAA;AAAA,QACC,WAAWc;AAAAA,QACX,cAAW;AAAA,QACX,MAAMR,EAAQH,CAAI;AAAA,QAClB,SAASY,EAAS;AAAA,QAClB,cAAcC,EAAU;AAAA,QACxB,MAEK,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAAT,MAAkB,SAAS,gBAAAI,EAACM,GAAQ,EAAA,WAAWC,GAAsB;AAAA,UACrEX,MAAkB,UAAW,gBAAAI,EAAAQ,GAAA,EAAU,WAAWC,EAAuB,CAAA;AAAA,QAAA,GAC5E;AAAA,QAEF,KAAAX;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;"}

package/build/esm/components/Table/components/TableElements/TableElements.js

@@ -1,30 +1,30 @@
-import c, { css as a } from "styled-components";
+import c, { css as e } from "styled-components";
+import { Positions as i, Sizes as r, EMPTY_STATE_CLASS as T, TABLE_CLASS_BASE_TABLE_HEADER as p, BUTTON_CLASS as x, TABLE_MENU_BUTTON_CLASS as v, TABLE_PIN_BUTTON_CLASS as L, PAGINATION_CLASS as m } from "../../../../react-base/build/esm/consts.js";
+import { consts as o } from "../../../../react-base/build/esm/components/Table/Table.consts.js";
 import { StickyTypeCell as s } from "./TableElements.types.js";
 import S from "../../../Flexbox/Flexbox.js";
-import { Select as T } from "../../../Select/Select.styles.js";
-import { StyledExpander as v } from "./Expander.js";
-import { Positions as i, Sizes as r, EMPTY_STATE_CLASS as L, TABLE_CLASS_BASE_TABLE_HEADER as p, BUTTON_CLASS as x, TABLE_MENU_BUTTON_CLASS as w, TABLE_PIN_BUTTON_CLASS as A, PAGINATION_CLASS as m } from "../../../../react-base/src/consts.js";
-import { consts as o } from "../../../../react-base/src/components/Table/Table.consts.js";
-const k = a`
-  ${({ width: e, theme: l }) => a`
-    width: ${e}px;
-    min-width: ${e}px;
+import { Select as w } from "../../../Select/Select.styles.js";
+import { StyledExpander as A } from "./Expander.js";
+const k = e`
+  ${({ width: a, theme: l }) => e`
+    width: ${a}px;
+    min-width: ${a}px;
     color: ${l.onSurface.surface.default.text.strong};
     box-sizing: border-box;
     overflow-wrap: break-word;
   `};
-`, _ = a`
+`, _ = e`
   ${({
-  sticky: e,
+  sticky: a,
   stickyType: l,
   stickyPosition: n = i.Left,
   isLastLeftPinnedColumn: h,
   isFirstRightPinnedColumn: f,
   startingPoint: d
-}) => a`
-    ${e && l === s.Column && a`
-      ${n === i.Left && typeof d == "number" && a`
-        ${h && a`
+}) => e`
+    ${a && l === s.Column && e`
+      ${n === i.Left && typeof d == "number" && e`
+        ${h && e`
           &::after {
             content: '';
             pointer-events: none;
@@ -38,8 +38,8 @@ const k = a`
         `}
       `}
 
-      ${n === i.Right && typeof d == "number" && a`
-        ${f && a`
+      ${n === i.Right && typeof d == "number" && e`
+        ${f && e`
           &::after {
             content: '';
             width: 30px;
@@ -54,47 +54,47 @@ const k = a`
       `}
     `};
   `}
-`, y = a`
+`, y = e`
   ${({
-  sticky: e,
+  sticky: a,
   stickyType: l,
   stickyPosition: n = i.Left,
   isLastLeftPinnedColumn: h,
   isFirstRightPinnedColumn: f,
   startingPoint: d,
   theme: u
-}) => a`
-    ${e && l === s.Column && a`
+}) => e`
+    ${a && l === s.Column && e`
       position: sticky;
       z-index: 1;
       background-color: ${u.onSurface.surface.default.background};
 
-      ${n === i.Left && typeof d == "number" && a`
+      ${n === i.Left && typeof d == "number" && e`
         left: ${d}px;
 
-        ${h && a`
+        ${h && e`
           border-right: 1px solid ${u.onSurface.surface.default.border.medium};
         `}
       `}
 
-      ${n === i.Right && typeof d == "number" && a`
+      ${n === i.Right && typeof d == "number" && e`
         right: ${d}px;
 
-        ${f && a`
+        ${f && e`
           border-left: 1px solid ${u.onSurface.surface.default.border.medium};
         `}
       `}
     `};
   `}
 `, $ = c.th(
-  ({ colSpan: e }) => a`
+  ({ colSpan: a }) => e`
     > ${S} {
       position: relative;
     }
     ${k};
     ${y};
 
-    text-align: ${(e ?? 0) > 1 ? "center" : "left"};
+    text-align: ${(a ?? 0) > 1 ? "center" : "left"};
     white-space: nowrap;
   `
 ), g = c.td`
@@ -107,14 +107,14 @@ const k = a`
     position: relative;
   }
 
-  ${({ noPadding: e }) => a`
-    ${e && a`
+  ${({ noPadding: a }) => e`
+    ${a && e`
       padding: unset !important;
     `}
   `}
 `, b = c.tr(
   ({
-    size: e = r.Medium,
+    size: a = r.Medium,
     sticky: l,
     stickyType: n,
     depth: h,
@@ -123,22 +123,22 @@ const k = a`
     sentimentIndicatorPosition: u = i.Left,
     $disableRowHover: C = !1,
     theme: t
-  }) => a`
+  }) => e`
     transition: background-color .1s, height 0.1s, opacity 0.1s;
 
     ${g} {
-      ${e === r.XSmall && t.paragraph.small.normal};
-      ${e === r.Small && t.paragraph.small.normal};
-      ${e === r.Medium && t.paragraph.small.normal};
-      ${e === r.Large && t.paragraph.medium.normal};
+      ${a === r.XSmall && t.paragraph.small.normal};
+      ${a === r.Small && t.paragraph.small.normal};
+      ${a === r.Medium && t.paragraph.small.normal};
+      ${a === r.Large && t.paragraph.medium.normal};
 
-      height: ${o[e].cell.height}px;
-      padding: ${o[e].cell.padding.top ?? 0}px ${o[e].cell.padding.left ?? 0}px ${o[e].cell.padding.bottom ?? 0}px ${o[e].cell.padding.right ?? 0}px;
+      height: ${o[a].cell.height}px;
+      padding: ${o[a].cell.padding.top ?? 0}px ${o[a].cell.padding.left ?? 0}px ${o[a].cell.padding.bottom ?? 0}px ${o[a].cell.padding.right ?? 0}px;
     }
 
-    ${g}:has( > ${T}),
-    ${g}:has( > .${L}),
-    ${g}:has( > ${v}) {
+    ${g}:has( > ${w}),
+    ${g}:has( > .${T}),
+    ${g}:has( > ${A}) {
       padding-top: 0px;
       padding-bottom: 0px;
     }
@@ -154,32 +154,32 @@ const k = a`
 
     &:has(.${p}[data-title="true"]),
     &:has(.${p}[data-title="true"]) + & {
-      --height-header-title: ${o[e].header.height.title}px;
+      --height-header-title: ${o[a].header.height.title}px;
     }
     &:has(.${p}[data-meta="true"]),
     &:has(.${p}[data-meta="true"]) + & {
-      --height-header-meta: ${o[e].header.height.meta}px;
+      --height-header-meta: ${o[a].header.height.meta}px;
     }
     &:has(.${p}[data-description="true"]),
     &:has(.${p}[data-description="true"]) + & {
-      --height-header-description: ${o[e].header.height.description}px;
+      --height-header-description: ${o[a].header.height.description}px;
     }
 
     & {
-      --height-header: calc(var(--height-header-title) + var(--height-header-meta) + var(--height-header-description) + ${o[e].header.padding.top ?? 0}px + ${o[e].header.padding.bottom ?? 0}px);
+      --height-header: calc(var(--height-header-title) + var(--height-header-meta) + var(--height-header-description) + ${o[a].header.padding.top ?? 0}px + ${o[a].header.padding.bottom ?? 0}px);
     }
 
     ${$} {
 
       &, &:has(.${x}) * {
-        ${e === r.XSmall && t.label.small.bold};
-        ${e === r.Small && t.label.medium.bold};
-        ${e === r.Medium && t.label.medium.bold};
-        ${e === r.Large && t.label.large.bold};
+        ${a === r.XSmall && t.label.small.bold};
+        ${a === r.Small && t.label.medium.bold};
+        ${a === r.Medium && t.label.medium.bold};
+        ${a === r.Large && t.label.large.bold};
       }
 
-      & .${w}:not([aria-expanded="true"]),
-      & .${A}:not([aria-expanded="true"]) {
+      & .${v}:not([aria-expanded="true"]),
+      & .${L}:not([aria-expanded="true"]) {
         opacity: 0;
       }
 
@@ -187,36 +187,36 @@ const k = a`
         opacity: 1;
       }
 
-      height: ${o[e].headerCell.height}px;
-      ${l && n === s.Footer && a`
-        height: ${o[e].cell.height}px;
+      height: ${o[a].headerCell.height}px;
+      ${l && n === s.Footer && e`
+        height: ${o[a].cell.height}px;
       `};
 
-      padding: ${o[e].headerCell.padding.top ?? 0}px ${o[e].headerCell.padding.left ?? 0}px ${o[e].headerCell.padding.bottom ?? 0}px ${o[e].headerCell.padding.right ?? 0}px;
+      padding: ${o[a].headerCell.padding.top ?? 0}px ${o[a].headerCell.padding.left ?? 0}px ${o[a].headerCell.padding.bottom ?? 0}px ${o[a].headerCell.padding.right ?? 0}px;
 
       &:has( .${p}) {
-        padding: ${o[e].header.padding.top ?? 0}px ${o[e].header.padding.left ?? 0}px ${o[e].header.padding.bottom ?? 0}px ${o[e].header.padding.right ?? 0}px;
+        padding: ${o[a].header.padding.top ?? 0}px ${o[a].header.padding.left ?? 0}px ${o[a].header.padding.bottom ?? 0}px ${o[a].header.padding.right ?? 0}px;
         & {
           height: var(--height-header);
         }
       }
 
       &:has( .${m}-presence) {
-        height: ${o[e].paginationCell.height}px;
-        padding: ${o[e].paginationCell.padding.top ?? 0}px ${o[e].paginationCell.padding.left ?? 0}px ${o[e].paginationCell.padding.bottom ?? 0}px ${o[e].paginationCell.padding.right ?? 0}px;
+        height: ${o[a].paginationCell.height}px;
+        padding: ${o[a].paginationCell.padding.top ?? 0}px ${o[a].paginationCell.padding.left ?? 0}px ${o[a].paginationCell.padding.bottom ?? 0}px ${o[a].paginationCell.padding.right ?? 0}px;
       }
     }
 
-    ${l && a`
+    ${l && e`
       position: sticky;
       z-index: 2;
       background-color: ${t.onSurface.surface.default.background};
     `};
 
-    ${l && n === s.Header && a`
-      top: ${(h ?? 0) * o[e].headerCell.height}px;
+    ${l && n === s.Header && e`
+      top: ${(h ?? 0) * o[a].headerCell.height}px;
       &:has( .${p}) + & {
-        top: calc(${(h ?? 0) * o[e].headerCell.height}px + var(--height-header));
+        top: calc(${(h ?? 0) * o[a].headerCell.height}px + var(--height-header));
       }
 
       &:last-of-type {
@@ -226,10 +226,10 @@ const k = a`
       }
     `};
 
-    ${l && n === s.Footer && a`
-      bottom: ${(h ?? 0) * o[e].cell.height}px;
+    ${l && n === s.Footer && e`
+      bottom: ${(h ?? 0) * o[a].cell.height}px;
       &:has(~ & .${m}-presence) {
-        bottom: ${(h ?? 0) * o[e].cell.height + o[e].paginationCell.height}px;
+        bottom: ${(h ?? 0) * o[a].cell.height + o[a].paginationCell.height}px;
       }
 
       &:first-of-type {
@@ -239,13 +239,13 @@ const k = a`
       }
     `};
 
-    ${!C && a`
+    ${!C && e`
       &:hover {
         background-color: ${t.onSurface.surface.hover.background};
       }
     `}
 
-    ${f && a`
+    ${f && e`
       background-color: ${t.onSentiment.default.subtle.selected.default.background};
       
       &:hover {
@@ -253,7 +253,7 @@ const k = a`
       }
     `}
 
-    ${d && a`
+    ${d && e`
       background-color: ${t.onSentiment.default.subtle[d].default.background};
 
       &:hover {
@@ -261,7 +261,7 @@ const k = a`
       }
 
       ${$}, ${g} {
-        ${u === i.Left && a`
+        ${u === i.Left && e`
           &:first-of-type:before {
             position: absolute;
             content: '';
@@ -273,7 +273,7 @@ const k = a`
             width: 4px;
           }
         `};
-        ${u === i.Right && a`
+        ${u === i.Right && e`
           &:last-of-type:before {
             position: absolute;
             content: '';
@@ -289,37 +289,37 @@ const k = a`
     `}
   `
 ), U = c.thead(
-  ({ theme: e }) => a`
+  ({ theme: a }) => e`
     ${$} {
-      background-color: ${e.onSurface.surface.default.background};
+      background-color: ${a.onSurface.surface.default.background};
     }
 
     ${b}:not(:last-of-type) > ${$} {
-      border-bottom: 1px solid ${e.onSurface.surface.default.border.subtle};
+      border-bottom: 1px solid ${a.onSurface.surface.default.border.subtle};
     }
 
     ${b}:last-of-type > ${$} {
-      border-bottom: 1px solid ${e.onSurface.surface.default.border.medium};
+      border-bottom: 1px solid ${a.onSurface.surface.default.border.medium};
     }
   `
 ), X = c.tbody(
-  ({ theme: e }) => a`
+  ({ theme: a }) => e`
     ${b}:not(:last-of-type) > ${g} {
-      border-bottom: 1px solid ${e.onSurface.surface.default.border.subtle};
+      border-bottom: 1px solid ${a.onSurface.surface.default.border.subtle};
     }
   `
 ), D = c.tfoot(
-  ({ theme: e }) => a`
+  ({ theme: a }) => e`
     ${$} {
-      background-color: ${e.onSurface.surface.default.background};
+      background-color: ${a.onSurface.surface.default.background};
     }
 
     ${b}:not(:first-of-type) > ${$} {
-      border-top: 1px solid ${e.onSurface.surface.default.border.subtle};
+      border-top: 1px solid ${a.onSurface.surface.default.border.subtle};
     }
 
     ${b}:first-of-type > ${$} {
-      border-top: 1px solid ${e.onSurface.surface.default.border.medium};
+      border-top: 1px solid ${a.onSurface.surface.default.border.medium};
     }
   `
 ), E = {
@@ -327,8 +327,8 @@ const k = a`
   [r.Small]: 6,
   [r.Medium]: 8,
   [r.Large]: 10
-}, I = c(b)(({ theme: e, size: l = r.Medium }) => a`
-  background: ${e.onSurface.surface.hover.background};
+}, I = c(b)(({ theme: a, size: l = r.Medium }) => e`
+  background: ${a.onSurface.surface.hover.background};
   & > ${g} {
     height:${E[l]}px;
     padding: 0;

package/build/esm/components/Table/components/TableElements/TableElements.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, ComponentPropsWithoutRef } from 'react';
 import { Table, Row, TableState } from '@tanstack/react-table';
-import { ButtonTypes, Positions, TableTypes } from '..\..\..\..\react-base\src';
+import { ButtonTypes, Positions, TableTypes } from 'acinguiux-ds-react-base';
 export interface ITableComponentsProps<T> {
     table: Table<T>;
 }

package/build/esm/components/Table/utils/baseTableUtils.js

@@ -1,5 +1,5 @@
+import { Positions as i } from "../../../react-base/build/esm/consts.js";
 import { StickyTypeCell as a } from "../components/TableElements/TableElements.types.js";
-import { Positions as i } from "../../../react-base/src/consts.js";
 const k = (t, e) => t.getHeaderGroups().map((s) => s.headers.filter((r) => r.column.columnDef.header))[0] && !(e != null && e.noHeader), u = (t, e) => {
   var s;
   return ((s = t.getFooterGroups().map((r) => {

package/build/esm/components/Table/utils/tableUtils.d.ts

@@ -1,4 +1,4 @@
-import { Sizes, TableTypes } from '..\..\..\react-base\src';
+import { Sizes, TableTypes } from 'acinguiux-ds-react-base';
 export declare const getSize: (size: TableTypes.Size) => Sizes.XSmall | Sizes.Small | Sizes.Medium;
 export declare const getInfoBarSize: (size: TableTypes.Size) => Sizes.Small | Sizes.Medium | Sizes.Large;
 export declare const getEmptyStateSize: (size: TableTypes.Size) => Sizes.XSmall | Sizes.Small | Sizes.Medium;

package/build/esm/components/Table/utils/tableUtils.js

@@ -1,5 +1,5 @@
-import { Sizes as e } from "../../../react-base/src/consts.js";
-import { consts as t } from "../../../react-base/src/components/Table/Table.consts.js";
+import { Sizes as e } from "../../../react-base/build/esm/consts.js";
+import { consts as t } from "../../../react-base/build/esm/components/Table/Table.consts.js";
 const s = (a) => {
   switch (a) {
     case e.Medium:
@@ -30,9 +30,9 @@ const s = (a) => {
     default:
       return e.XSmall;
   }
-}, u = (a) => `${t[a].headerCell.gap}px`, n = (a) => `${t[a].cell.gap}px`;
+}, u = (a) => `${t[a].headerCell.gap}px`, i = (a) => `${t[a].cell.gap}px`;
 export {
-  n as getCellGap,
+  i as getCellGap,
   m as getEmptyStateSize,
   u as getHeaderCellGap,
   c as getInfoBarSize,

package/build/esm/components/Tabs/Tabs.js

@@ -1,23 +1,23 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { Tabs as p } from "./Tabs.styles.js";
-import { TABS_CLASS as T, Sizes as d, Positions as n } from "../../react-base/src/consts.js";
-const $ = f(
-  ({ className: o, size: i = d.Medium, emphasis: r = !0, tabPosition: s = n.Top, indicatorPosition: t, ...m }, a) => /* @__PURE__ */ e(
-    p,
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { TABS_CLASS as f, Sizes as T, Positions as d } from "../../react-base/build/esm/consts.js";
+import { Tabs as n } from "./Tabs.styles.js";
+const A = e(
+  ({ className: o, size: s = T.Medium, emphasis: i = !0, tabPosition: r = d.Top, indicatorPosition: a, ...t }, m) => /* @__PURE__ */ p(
+    n,
     {
       className: o,
-      prefixCls: T,
-      size: i,
-      tabPosition: s,
-      $emphasis: r,
-      $indicatorPosition: t,
-      ref: a,
-      ...m
+      prefixCls: f,
+      size: s,
+      tabPosition: r,
+      $emphasis: i,
+      $indicatorPosition: a,
+      ref: m,
+      ...t
     }
   )
 );
 export {
-  $ as default
+  A as default
 };
 //# sourceMappingURL=Tabs.js.map

package/build/esm/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { forwardRef, ReactElement } from 'react';\n\nimport { TabsProps } from 'rc-tabs';\nimport { Sizes, Positions, TABS_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Tabs.styles';\nimport { ITabsProps } from './Tabs.types';\n\nconst Tabs = forwardRef<HTMLDivElement, ITabsProps>(\n  (\n    { className, size = Sizes.Medium, emphasis = true, tabPosition = Positions.Top, indicatorPosition, ...rest },\n    ref,\n  ): ReactElement => (\n    <Styled.Tabs\n      className={className}\n      prefixCls={TABS_CLASS}\n      size={size}\n      tabPosition={tabPosition as TabsProps['tabPosition']}\n      $emphasis={emphasis}\n      $indicatorPosition={indicatorPosition}\n      ref={ref}\n      {...rest}\n    />\n  ),\n);\n\nexport default Tabs;\n"],"names":["Tabs","forwardRef","className","size","Sizes","emphasis","tabPosition","Positions","indicatorPosition","rest","ref","jsx","Styled.Tabs","TABS_CLASS"],"mappings":";;;;AAQA,MAAMA,IAAOC;AAAA,EACX,CACE,EAAE,WAAAC,GAAW,MAAAC,IAAOC,EAAM,QAAQ,UAAAC,IAAW,IAAM,aAAAC,IAAcC,EAAU,KAAK,mBAAAC,GAAmB,GAAGC,KACtGC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAAV;AAAA,MACA,WAAWW;AAAA,MACX,MAAAV;AAAA,MACA,aAAAG;AAAA,MACA,WAAWD;AAAA,MACX,oBAAoBG;AAAA,MACpB,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { forwardRef, ReactElement } from 'react';\n\nimport { TabsProps } from 'rc-tabs';\nimport { Sizes, Positions, TABS_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Tabs.styles';\nimport { ITabsProps } from './Tabs.types';\n\nconst Tabs = forwardRef<HTMLDivElement, ITabsProps>(\n  (\n    { className, size = Sizes.Medium, emphasis = true, tabPosition = Positions.Top, indicatorPosition, ...rest },\n    ref,\n  ): ReactElement => (\n    <Styled.Tabs\n      className={className}\n      prefixCls={TABS_CLASS}\n      size={size}\n      tabPosition={tabPosition as TabsProps['tabPosition']}\n      $emphasis={emphasis}\n      $indicatorPosition={indicatorPosition}\n      ref={ref}\n      {...rest}\n    />\n  ),\n);\n\nexport default Tabs;\n"],"names":["Tabs","forwardRef","className","size","Sizes","emphasis","tabPosition","Positions","indicatorPosition","rest","ref","jsx","Styled.Tabs","TABS_CLASS"],"mappings":";;;;AAQA,MAAMA,IAAOC;AAAA,EACX,CACE,EAAE,WAAAC,GAAW,MAAAC,IAAOC,EAAM,QAAQ,UAAAC,IAAW,IAAM,aAAAC,IAAcC,EAAU,KAAK,mBAAAC,GAAmB,GAAGC,KACtGC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAAV;AAAA,MACA,WAAWW;AAAAA,MACX,MAAAV;AAAA,MACA,aAAAG;AAAA,MACA,WAAWD;AAAA,MACX,oBAAoBG;AAAA,MACpB,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/build/esm/components/Tabs/Tabs.styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TabsTypes } from '..\..\react-base\src';
+import { TabsTypes } from 'acinguiux-ds-react-base';
 import { ITabsProps } from './Tabs.types';
 type StyledTabsProps = ITabsProps & {
     $emphasis?: boolean;