acinguiux-ds-react-framework 0.0.7 → 0.1.0

package/build/cjs/components/Toggle/Toggle.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),f=require("react"),x=require("classnames"),s=require("../../react-base/src/consts/index.js"),t=require("./Toggle.styles.js"),S=f.forwardRef(({className:o,size:i=`${s.Sizes.Medium}`,label:e,checked:c,disabled:n=!1,mirrored:g=!1,wrapperProps:l,title:u,...T},d)=>{const a=u||typeof e=="string"&&e||void 0;return r.jsxs(t.ToggleWrapper,{className:x(s.TOGGLE_CLASS,o),size:i,$mirrored:g,$disabled:n,...l,children:[r.jsx(t.Toggle,{ref:d,prefixCls:s.TOGGLE_SWITCH_CLASS,checked:c,disabled:n,title:a,...T}),!!e&&r.jsx(t.ToggleLabel,{size:i,children:e})]})});module.exports=S;
+//# sourceMappingURL=Toggle.js.map

package/build/cjs/components/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, TOGGLE_CLASS, TOGGLE_SWITCH_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './Toggle.styles';\nimport type { IToggleProps } from './Toggle.types';\n\nconst Toggle = forwardRef(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      label,\n      checked,\n      disabled = false,\n      mirrored = false,\n      wrapperProps,\n      title,\n      ...rest\n    }: IToggleProps,\n    ref: ForwardedRef<HTMLButtonElement>,\n  ): ReactElement => {\n    const innerTitle = title || (typeof label === 'string' && label) || undefined;\n\n    return (\n      <Styled.ToggleWrapper\n        className={classNames(TOGGLE_CLASS, className)}\n        size={size}\n        $mirrored={mirrored}\n        $disabled={disabled}\n        {...wrapperProps}\n      >\n        <Styled.Toggle\n          ref={ref}\n          prefixCls={TOGGLE_SWITCH_CLASS}\n          checked={checked}\n          disabled={disabled}\n          title={innerTitle}\n          {...rest}\n        />\n        {!!label && <Styled.ToggleLabel size={size}>{label}</Styled.ToggleLabel>}\n      </Styled.ToggleWrapper>\n    );\n  },\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","className","size","Sizes","label","checked","disabled","mirrored","wrapperProps","title","rest","ref","innerTitle","jsxs","Styled.ToggleWrapper","classNames","TOGGLE_CLASS","jsx","Styled.Toggle","TOGGLE_SWITCH_CLASS","Styled.ToggleLabel"],"mappings":"+KAQMA,EAASC,EAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,MAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,aAAAC,EACA,MAAAC,EACA,GAAGC,GAELC,IACiB,CACjB,MAAMC,EAAaH,GAAU,OAAOL,GAAU,UAAYA,GAAU,OAGlE,OAAAS,EAAA,KAACC,EAAO,cAAP,CACC,UAAWC,EAAWC,EAAA,aAAcf,CAAS,EAC7C,KAAAC,EACA,UAAWK,EACX,UAAWD,EACV,GAAGE,EAEJ,SAAA,CAAAS,EAAA,IAACC,EAAO,OAAP,CACC,IAAAP,EACA,UAAWQ,EAAA,oBACX,QAAAd,EACA,SAAAC,EACA,MAAOM,EACN,GAAGF,CAAA,CACN,EACC,CAAC,CAACN,GAASa,MAACG,EAAAA,YAAA,CAAmB,KAAAlB,EAAa,SAAME,CAAA,CAAA,CAAA,CAAA,CACrD,CAAA,CAGN"}

package/build/cjs/components/Toggle/Toggle.styles.js

@@ -0,0 +1,87 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("rc-switch"),t=require("styled-components"),a=require("../../react-base/src/consts/index.js"),g=require("../../react-base/src/utils/stylesUtils.js"),b=require("../../react-base/src/components/Toggle/Toggle.consts.js"),u=require("../../react-base/src/components/Toggle/Toggle.utils.js"),x=require("../../react-base/src/utils/sizesUtils.js"),n=require("acinguiux-ds-fabrics"),{consts:d}=b,p=t(h)``,$=t.label`
+  ${({size:c,theme:o})=>o.getTypography("labelRegular",x.getLabelTypographySize(c))};
+`,v=t.div`
+  ${({size:c,$disabled:o,$mirrored:S,theme:s})=>{const r=l=>u.getStyles(s,l,o),i=l=>u.getStyles(s,l,o,!0),{width:f,height:k,circle:e}=d[c];return t.css`
+      display: flex;
+      flex-direction: ${S?"row-reverse":"row"};
+      align-items: center;
+      gap: ${d[c].labelSpacing}px;
+
+      ${$} {
+        ${g.getLabelFontStyles(s,o)};
+      }
+
+      ${p} {
+        border: none;
+        position: relative;
+        width: ${f}px;
+        height: ${k}px;
+        cursor: ${o?"no-drop":"pointer"};
+        transition: background-color 0.3s ease-out;
+        border-radius: 16px;
+        color: ${r().color};
+        background-color: ${r().backgroundColor};
+
+        &:focus-visible {
+          ${g.getFocusStyles(s)};
+        }
+
+        &::after {
+          position: absolute;
+          left: ${e.offset}px;
+          top: ${e.offset}px;
+          width: ${e.size}px;
+          height: ${e.size}px;
+          border-radius: ${e.size/2}px;
+          content: '';
+          cursor: ${o?"no-drop":"pointer"};
+          transition:
+            width 0.3s ease-out,
+            transform 0.3s ease-out;
+          background-color: ${r().circleBackgroundColor};
+        }
+
+        &:hover::after {
+          background-color: ${r(n.States.Hover).circleBackgroundColor};
+        }
+
+        &:active::after {
+          background-color: ${r(n.States.Active).circleBackgroundColor};
+        }
+
+        &.${a.TOGGLE_SWITCH_CLASS}-checked {
+          border: none;
+          background-color: ${i().backgroundColor};
+
+          &::after {
+            left: ${e.checkedOffset}px;
+            top: ${e.checkedOffset}px;
+            width: ${e.checkedSize}px;
+            height: ${e.checkedSize}px;
+            border-radius: ${e.checkedSize/2}px;
+            transform: translateX(${e.onPosition}px);
+            background-color: ${i().circleBackgroundColor};
+          }
+
+          &:hover::after {
+            background-color: ${i(n.States.Hover).circleBackgroundColor};
+          }
+
+          &:active::after {
+            background-color: ${i(n.States.Active).circleBackgroundColor};
+          }
+        }
+
+        ${!o&&t.css`
+          &:active::after {
+            width: ${e.pressedSize}px;
+          }
+
+          &.${a.TOGGLE_SWITCH_CLASS}-checked:active::after {
+            transform: translateX(${e.onPosition-e.pressedSize+e.checkedSize}px);
+          }
+        `}
+      }
+    `}}
+`;exports.Toggle=p;exports.ToggleLabel=$;exports.ToggleWrapper=v;
+//# sourceMappingURL=Toggle.styles.js.map

package/build/cjs/components/Toggle/Toggle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.styles.js","sources":["../../../../src/components/Toggle/Toggle.styles.ts"],"sourcesContent":["import Switch from 'rc-switch';\nimport styled, { css } from 'styled-components';\nimport { TOGGLE_SWITCH_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { Transient } from 'acinguiux-ds-react-base/types';\nimport { getLabelFontStyles, getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { ToggleConsts, ToggleUtils } from 'acinguiux-ds-react-base/components/Toggle';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { type StateType, States } from 'acinguiux-ds-fabrics';\n\nimport type { IToggleProps } from './Toggle.types';\n\nconst { consts } = ToggleConsts;\n\nconst Toggle: any = styled(Switch)<Required<Pick<IToggleProps, 'size'>>>``;\n\nconst ToggleLabel = styled.label<Pick<IToggleProps, 'size'>>`\n  ${({ size, theme }) => theme.getTypography('labelRegular', getLabelTypographySize(size))};\n`;\n\nconst ToggleWrapper = styled.div<\n  Required<Pick<IToggleProps, 'size'>> & Transient<Pick<IToggleProps, 'disabled' | 'mirrored'>, 'disabled' | 'mirrored'>\n>`\n  ${({ size, $disabled, $mirrored, theme }) => {\n    const defaultStyles = (state?: StateType) => ToggleUtils.getStyles(theme, state, $disabled);\n    const checkedStyles = (state?: StateType) => ToggleUtils.getStyles(theme, state, $disabled, true);\n\n    const { width, height, circle } = consts[size];\n\n    return css`\n      display: flex;\n      flex-direction: ${$mirrored ? 'row-reverse' : 'row'};\n      align-items: center;\n      gap: ${consts[size].labelSpacing}px;\n\n      ${ToggleLabel} {\n        ${getLabelFontStyles(theme, $disabled)};\n      }\n\n      ${Toggle} {\n        border: none;\n        position: relative;\n        width: ${width}px;\n        height: ${height}px;\n        cursor: ${$disabled ? 'no-drop' : 'pointer'};\n        transition: background-color 0.3s ease-out;\n        border-radius: 16px;\n        color: ${defaultStyles().color};\n        background-color: ${defaultStyles().backgroundColor};\n\n        &:focus-visible {\n          ${getFocusStyles(theme)};\n        }\n\n        &::after {\n          position: absolute;\n          left: ${circle.offset}px;\n          top: ${circle.offset}px;\n          width: ${circle.size}px;\n          height: ${circle.size}px;\n          border-radius: ${circle.size / 2}px;\n          content: '';\n          cursor: ${$disabled ? 'no-drop' : 'pointer'};\n          transition:\n            width 0.3s ease-out,\n            transform 0.3s ease-out;\n          background-color: ${defaultStyles().circleBackgroundColor};\n        }\n\n        &:hover::after {\n          background-color: ${defaultStyles(States.Hover).circleBackgroundColor};\n        }\n\n        &:active::after {\n          background-color: ${defaultStyles(States.Active).circleBackgroundColor};\n        }\n\n        &.${TOGGLE_SWITCH_CLASS}-checked {\n          border: none;\n          background-color: ${checkedStyles().backgroundColor};\n\n          &::after {\n            left: ${circle.checkedOffset}px;\n            top: ${circle.checkedOffset}px;\n            width: ${circle.checkedSize}px;\n            height: ${circle.checkedSize}px;\n            border-radius: ${circle.checkedSize / 2}px;\n            transform: translateX(${circle.onPosition}px);\n            background-color: ${checkedStyles().circleBackgroundColor};\n          }\n\n          &:hover::after {\n            background-color: ${checkedStyles(States.Hover).circleBackgroundColor};\n          }\n\n          &:active::after {\n            background-color: ${checkedStyles(States.Active).circleBackgroundColor};\n          }\n        }\n\n        ${!$disabled &&\n        css`\n          &:active::after {\n            width: ${circle.pressedSize}px;\n          }\n\n          &.${TOGGLE_SWITCH_CLASS}-checked:active::after {\n            transform: translateX(${circle.onPosition - circle.pressedSize + circle.checkedSize}px);\n          }\n        `}\n      }\n    `;\n  }}\n`;\n\nexport { Toggle, ToggleLabel, ToggleWrapper };\n"],"names":["consts","ToggleConsts","Toggle","styled","Switch","ToggleLabel","size","theme","getLabelTypographySize","ToggleWrapper","$disabled","$mirrored","defaultStyles","state","ToggleUtils.getStyles","checkedStyles","width","height","circle","css","getLabelFontStyles","getFocusStyles","States","TOGGLE_SWITCH_CLASS"],"mappings":"kfAWM,CAAE,OAAAA,CAAW,EAAAC,EAEbC,EAAcC,EAAOC,CAAM,IAE3BC,EAAcF,EAAO;AAAA,IACvB,CAAC,CAAE,KAAAG,EAAM,MAAAC,KAAYA,EAAM,cAAc,eAAgBC,EAAAA,uBAAuBF,CAAI,CAAC,CAAC;AAAA,EAGpFG,EAAgBN,EAAO;AAAA,IAGzB,CAAC,CAAE,KAAAG,EAAM,UAAAI,EAAW,UAAAC,EAAW,MAAAJ,KAAY,CAC3C,MAAMK,EAAiBC,GAAsBC,EAAsB,UAAAP,EAAOM,EAAOH,CAAS,EACpFK,EAAiBF,GAAsBC,EAAAA,UAAsBP,EAAOM,EAAOH,EAAW,EAAI,EAE1F,CAAE,MAAAM,EAAO,OAAAC,EAAQ,OAAAC,CAAO,EAAIlB,EAAOM,CAAI,EAEtC,OAAAa,EAAA;AAAA;AAAA,wBAEaR,EAAY,cAAgB,KAAK;AAAA;AAAA,aAE5CX,EAAOM,CAAI,EAAE,YAAY;AAAA;AAAA,QAE9BD,CAAW;AAAA,UACTe,EAAA,mBAAmBb,EAAOG,CAAS,CAAC;AAAA;AAAA;AAAA,QAGtCR,CAAM;AAAA;AAAA;AAAA,iBAGGc,CAAK;AAAA,kBACJC,CAAM;AAAA,kBACNP,EAAY,UAAY,SAAS;AAAA;AAAA;AAAA,iBAGlCE,IAAgB,KAAK;AAAA,4BACVA,IAAgB,eAAe;AAAA;AAAA;AAAA,YAG/CS,EAAAA,eAAed,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKfW,EAAO,MAAM;AAAA,iBACdA,EAAO,MAAM;AAAA,mBACXA,EAAO,IAAI;AAAA,oBACVA,EAAO,IAAI;AAAA,2BACJA,EAAO,KAAO,CAAC;AAAA;AAAA,oBAEtBR,EAAY,UAAY,SAAS;AAAA;AAAA;AAAA;AAAA,8BAIvBE,IAAgB,qBAAqB;AAAA;AAAA;AAAA;AAAA,8BAIrCA,EAAcU,EAAAA,OAAO,KAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA;AAAA,8BAIjDV,EAAcU,EAAAA,OAAO,MAAM,EAAE,qBAAqB;AAAA;AAAA;AAAA,YAGpEC,qBAAmB;AAAA;AAAA,8BAEDR,IAAgB,eAAe;AAAA;AAAA;AAAA,oBAGzCG,EAAO,aAAa;AAAA,mBACrBA,EAAO,aAAa;AAAA,qBAClBA,EAAO,WAAW;AAAA,sBACjBA,EAAO,WAAW;AAAA,6BACXA,EAAO,YAAc,CAAC;AAAA,oCACfA,EAAO,UAAU;AAAA,gCACrBH,IAAgB,qBAAqB;AAAA;AAAA;AAAA;AAAA,gCAIrCA,EAAcO,EAAAA,OAAO,KAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA;AAAA,gCAIjDP,EAAcO,EAAAA,OAAO,MAAM,EAAE,qBAAqB;AAAA;AAAA;AAAA;AAAA,UAIxE,CAACZ,GACHS,EAAA;AAAA;AAAA,qBAEaD,EAAO,WAAW;AAAA;AAAA;AAAA,cAGzBK,qBAAmB;AAAA,oCACGL,EAAO,WAAaA,EAAO,YAAcA,EAAO,WAAW;AAAA;AAAA,SAEtF;AAAA;AAAA,KAGP,CAAC;AAAA"}

package/build/cjs/components/ToggleButton/ToggleButton.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),q=require("react"),B=require("classnames"),d=require("../../react-base/src/consts/index.js"),y=require("../../react-base/src/components/ToggleButton/ToggleButton.utils.js"),O=require("./ToggleButton.styles.js"),f=require("./components/ToggleButtonContent/ToggleButtonContent.js"),p=q.forwardRef(({className:c,onClick:t,...i},u)=>{const{icon:n,iconOnly:o,children:l,loading:e,...r}=y.useProps(i),g=a=>{t&&!e&&t(a)},T=()=>o?"iconOnly":n&&!e?"withIcon":"labelOnly";return s.jsx(O.ToggleButton,{className:B(c,d.TOGGLE_BUTTON_CLASS),contentType:T(),ref:u,onClick:g,...r,children:s.jsx(f,{iconOnly:o,icon:n,loading:e,...r,children:l})})});module.exports=p;
+//# sourceMappingURL=ToggleButton.js.map

package/build/cjs/components/ToggleButton/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, type MouseEvent } from 'react';\n\nimport classNames from 'classnames';\nimport { TOGGLE_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ToggleButtonUtils } from 'acinguiux-ds-react-base/components/ToggleButton';\n\nimport Styled from './ToggleButton.styles';\nimport type { IToggleButtonProps } from './ToggleButton.types';\nimport ToggleButtonContent from './components/ToggleButtonContent/ToggleButtonContent';\n\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\n  ({ className, onClick, ...props }: IToggleButtonProps, ref) => {\n    const { icon, iconOnly, children, loading, ...toggleButtonProps } = ToggleButtonUtils.useProps(props);\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>): void => {\n      if (onClick && !loading) {\n        onClick(e);\n      }\n    };\n\n    const getContentType = () => {\n      if (iconOnly) {\n        return 'iconOnly';\n      }\n      if (icon && !loading) {\n        return 'withIcon';\n      }\n\n      return 'labelOnly';\n    };\n\n    return (\n      <Styled.ToggleButton\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\n        contentType={getContentType()}\n        ref={ref}\n        onClick={handleOnClick}\n        {...toggleButtonProps}\n      >\n        <ToggleButtonContent iconOnly={iconOnly} icon={icon} loading={loading} {...toggleButtonProps}>\n          {children}\n        </ToggleButtonContent>\n      </Styled.ToggleButton>\n    );\n  },\n);\n\nexport default ToggleButton;\n"],"names":["ToggleButton","forwardRef","className","onClick","props","ref","icon","iconOnly","children","loading","toggleButtonProps","ToggleButtonUtils.useProps","handleOnClick","e","getContentType","jsx","Styled","classNames","TOGGLE_BUTTON_CLASS","ToggleButtonContent"],"mappings":"0UAUMA,EAAeC,EAAA,WACnB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAA6BC,IAAQ,CACvD,KAAA,CAAE,KAAAC,EAAM,SAAAC,EAAU,SAAAC,EAAU,QAAAC,EAAS,GAAGC,CAAkB,EAAIC,EAAkB,SAASP,CAAK,EAE9FQ,EAAiBC,GAA2C,CAC5DV,GAAW,CAACM,GACdN,EAAQU,CAAC,CAEb,EAEMC,EAAiB,IACjBP,EACK,WAELD,GAAQ,CAACG,EACJ,WAGF,YAIP,OAAAM,EAAA,IAACC,EAAO,aAAP,CACC,UAAWC,EAAWf,EAAWgB,qBAAmB,EACpD,YAAaJ,EAAe,EAC5B,IAAAT,EACA,QAASO,EACR,GAAGF,EAEJ,eAACS,EAAoB,CAAA,SAAAZ,EAAoB,KAAAD,EAAY,QAAAG,EAAmB,GAAGC,EACxE,SAAAF,CACH,CAAA,CAAA,CACF,CAAA,CAGN"}

package/build/cjs/components/ToggleButton/ToggleButton.styles.js

@@ -0,0 +1,35 @@
+"use strict";const c=require("../../react-base/src/utils/stylesUtils.js"),n=require("../../react-base/src/components/ToggleButton/ToggleButton.utils.js"),u=require("../../react-base/src/components/ToggleButton/ToggleButton.styles.js"),l=require("styled-components"),e=require("./components/ToggleButtonContent/ToggleButtonContent.styles.js"),g=l.button(({active:s,variant:r,theme:t})=>{const o=n.getFabricStyles(t,r,s);return l.css`
+    ${u.Styles};
+    ${o.default};
+
+    & ${e.ToggleButtonLabel} {
+      color: ${o.default.color};
+    }
+    border: none;
+
+    &:focus-visible {
+      ${c.getFocusStyles(t)}
+    }
+
+    &:hover {
+      ${o.hover};
+      & ${e.ToggleButtonLabel} {
+        color: ${o.hover.color};
+      }
+    }
+
+    &:not(:disabled):active {
+      ${o.active};
+      & ${e.ToggleButtonLabel} {
+        color: ${o.active.color};
+      }
+    }
+
+    &:disabled {
+      ${o.disabled};
+      & ${e.ToggleButtonLabel} {
+        color: ${o.disabled.color};
+      }
+    }
+  `}),i={ToggleButton:g};module.exports=i;
+//# sourceMappingURL=ToggleButton.styles.js.map

package/build/cjs/components/ToggleButton/ToggleButton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.styles.js","sources":["../../../../src/components/ToggleButton/ToggleButton.styles.ts"],"sourcesContent":["import { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { ToggleButtonUtils, ToggleButtonStyles } from 'acinguiux-ds-react-base/components/ToggleButton';\nimport styled, { css } from 'styled-components';\n\nimport type { StyledToggleButtonProps } from './ToggleButton.types';\nimport { ToggleButtonLabel } from './components/ToggleButtonContent/ToggleButtonContent.styles';\n\nconst ToggleButton = styled.button<StyledToggleButtonProps>(({ active, variant, theme }) => {\n  const styles = ToggleButtonUtils.getFabricStyles(theme, variant, active);\n\n  return css<StyledToggleButtonProps>`\n    ${ToggleButtonStyles.Styles};\n    ${styles.default};\n\n    & ${ToggleButtonLabel} {\n      color: ${styles.default.color};\n    }\n    border: none;\n\n    &:focus-visible {\n      ${getFocusStyles(theme)}\n    }\n\n    &:hover {\n      ${styles.hover};\n      & ${ToggleButtonLabel} {\n        color: ${styles.hover.color};\n      }\n    }\n\n    &:not(:disabled):active {\n      ${styles.active};\n      & ${ToggleButtonLabel} {\n        color: ${styles.active.color};\n      }\n    }\n\n    &:disabled {\n      ${styles.disabled};\n      & ${ToggleButtonLabel} {\n        color: ${styles.disabled.color};\n      }\n    }\n  `;\n});\n\nexport default { ToggleButton };\n"],"names":["ToggleButton","styled","active","variant","theme","styles","ToggleButtonUtils.getFabricStyles","css","ToggleButtonStyles.Styles","ToggleButtonLabel","getFocusStyles","Styled"],"mappings":"sVAOMA,EAAeC,EAAO,OAAgC,CAAC,CAAE,OAAAC,EAAQ,QAAAC,EAAS,MAAAC,KAAY,CAC1F,MAAMC,EAASC,EAAkC,gBAAAF,EAAOD,EAASD,CAAM,EAEhE,OAAAK,EAAA;AAAA,MACHC,QAAyB;AAAA,MACzBH,EAAO,OAAO;AAAA;AAAA,QAEZI,mBAAiB;AAAA,eACVJ,EAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,QAK3BK,EAAAA,eAAeN,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,QAIrBC,EAAO,KAAK;AAAA,UACVI,mBAAiB;AAAA,iBACVJ,EAAO,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,QAK3BA,EAAO,MAAM;AAAA,UACXI,mBAAiB;AAAA,iBACVJ,EAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,QAK5BA,EAAO,QAAQ;AAAA,UACbI,mBAAiB;AAAA,iBACVJ,EAAO,SAAS,KAAK;AAAA;AAAA;AAAA,GAItC,CAAC,EAEcM,EAAA,CAAE,aAAAX,CAAa"}

package/build/cjs/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("../../../../react-base/src/consts/index.js"),B=require("acinguiux-ds-fabrics"),S=require("../../../Loading/Loading.js"),n=require("./ToggleButtonContent.styles.js"),o=require("../../../../react-base/src/components/ToggleButton/components/ToggleButtonContnet/ToggleButtonContent.utils.js"),T=d=>{const{active:r,loaderSize:b,variant:s,children:t,loading:x,icon:u,iconOnly:h,iconPosition:g,labelOne:c,labelTwo:l,size:i,disabled:L}=o.useProps(d),j=()=>{if(t)return e.jsx(n.ToggleButtonLabel,{size:o.getLabelSize(i),children:t});const z=s===a.Variants.Outlined&&!L&&!r;return e.jsxs(e.Fragment,{children:[e.jsx(n.ToggleButtonLabel,{size:o.getLabelSize(i),children:c}),l&&e.jsx(n.ToggleButtonLabel,{prominence:z?B.Prominences.Strong:void 0,size:o.getLabelSize(i),bold:!0,children:l})]})};return e.jsx(e.Fragment,{children:x?e.jsx(n.ButtonContentLoader,{active:r,variant:s,children:e.jsx(S,{type:s==="filled"&&r?"brand":void 0,brand:"secondary",size:b,"aria-hidden":!0,"aria-label":String(t?t.toString():c??l)})}):e.jsxs(n.ToggleButtonContent,{size:i,children:[g===a.Positions.Left&&u,h?null:j(),g===a.Positions.Right&&u]})})};module.exports=T;
+//# sourceMappingURL=ToggleButtonContent.js.map

package/build/cjs/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonContent.js","sources":["../../../../../../src/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.tsx"],"sourcesContent":["import { Positions, Variants } from 'acinguiux-ds-react-base/consts';\nimport { type ToggleButtonTypes, ToggleButtonContentUtils } from 'acinguiux-ds-react-base/components/ToggleButton';\nimport type { LoadingTypes } from 'acinguiux-ds-react-base/components/Loading';\nimport { Prominences } from 'acinguiux-ds-fabrics';\n\nimport Loading from '../../../Loading/Loading';\nimport * as Styled from './ToggleButtonContent.styles';\n\nconst ToggleButtonContent = (props: ToggleButtonTypes.IProps) => {\n  const {\n    active,\n    loaderSize,\n    variant,\n    children,\n    loading,\n    icon,\n    iconOnly,\n    iconPosition,\n    labelOne,\n    labelTwo,\n    size,\n    disabled,\n  } = ToggleButtonContentUtils.useProps(props);\n\n  const getLabelContent = () => {\n    if (children) {\n      return (\n        <Styled.ToggleButtonLabel size={ToggleButtonContentUtils.getLabelSize(size)}>\n          {children}\n        </Styled.ToggleButtonLabel>\n      );\n    }\n\n    const shouldBeStrong = variant === Variants.Outlined && !disabled && !active;\n\n    return (\n      <>\n        <Styled.ToggleButtonLabel size={ToggleButtonContentUtils.getLabelSize(size)}>\n          {labelOne}\n        </Styled.ToggleButtonLabel>\n        {labelTwo && (\n          <Styled.ToggleButtonLabel\n            prominence={shouldBeStrong ? Prominences.Strong : undefined}\n            size={ToggleButtonContentUtils.getLabelSize(size)}\n            bold\n          >\n            {labelTwo}\n          </Styled.ToggleButtonLabel>\n        )}\n      </>\n    );\n  };\n\n  return (\n    <>\n      {loading ? (\n        <Styled.ButtonContentLoader active={active} variant={variant}>\n          <Loading\n            type={variant === 'filled' && active ? 'brand' : undefined}\n            brand=\"secondary\"\n            size={loaderSize as LoadingTypes.Size}\n            aria-hidden\n            aria-label={String(children ? children.toString() : (labelOne ?? labelTwo))}\n          />\n        </Styled.ButtonContentLoader>\n      ) : (\n        <Styled.ToggleButtonContent size={size}>\n          {iconPosition === Positions.Left && icon}\n          {iconOnly ? null : getLabelContent()}\n          {iconPosition === Positions.Right && icon}\n        </Styled.ToggleButtonContent>\n      )}\n    </>\n  );\n};\n\nexport default ToggleButtonContent;\n"],"names":["ToggleButtonContent","props","active","loaderSize","variant","children","loading","icon","iconOnly","iconPosition","labelOne","labelTwo","size","disabled","ToggleButtonContentUtils.useProps","getLabelContent","jsx","Styled.ToggleButtonLabel","ToggleButtonContentUtils.getLabelSize","shouldBeStrong","Variants","jsxs","Fragment","Prominences","Styled.ButtonContentLoader","Loading","Styled.ToggleButtonContent","Positions"],"mappings":"8VAQMA,EAAuBC,GAAoC,CACzD,KAAA,CACJ,OAAAC,EACA,WAAAC,EACA,QAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,CAAA,EACEC,EAAAA,SAAkCb,CAAK,EAErCc,EAAkB,IAAM,CAC5B,GAAIV,EAEA,OAAAW,EAAAA,IAACC,EAAAA,kBAAA,CAAyB,KAAMC,EAAAA,aAAsCN,CAAI,EACvE,SAAAP,EACH,EAIJ,MAAMc,EAAiBf,IAAYgB,EAAAA,SAAS,UAAY,CAACP,GAAY,CAACX,EAEtE,OAEImB,EAAA,KAAAC,WAAA,CAAA,SAAA,CAACN,MAAAC,EAAAA,kBAAA,CAAyB,KAAMC,EAAAA,aAAsCN,CAAI,EACvE,SACHF,EAAA,EACCC,GACCK,EAAA,IAACC,EAAO,kBAAP,CACC,WAAYE,EAAiBI,cAAY,OAAS,OAClD,KAAML,EAAyB,aAAaN,CAAI,EAChD,KAAI,GAEH,SAAAD,CAAA,CAAA,CACH,EAEJ,CAEJ,EAEA,yBAEK,SACCL,EAAAU,MAACQ,EAAAA,oBAAA,CAA2B,OAAAtB,EAAgB,QAAAE,EAC1C,SAAAY,EAAA,IAACS,EAAA,CACC,KAAMrB,IAAY,UAAYF,EAAS,QAAU,OACjD,MAAM,YACN,KAAMC,EACN,cAAW,GACX,aAAY,OAAOE,EAAWA,EAAS,SAAS,EAAKK,GAAYC,CAAS,CAAA,GAE9E,EAEAU,EAAA,KAACK,EAAO,oBAAP,CAA2B,KAAAd,EACzB,SAAA,CAAAH,IAAiBkB,EAAAA,UAAU,MAAQpB,EACnCC,EAAW,KAAOO,EAAgB,EAClCN,IAAiBkB,YAAU,OAASpB,CAAA,CAAA,CACvC,CAEJ,CAAA,CAEJ"}

package/build/cjs/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.styles.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),l=require("../../../../react-base/src/consts/index.js"),n=require("../../../../react-base/src/theme/variableTheme.js"),u=require("acinguiux-ds-fabrics"),c=require("../../../Text/components/Label/Label.js"),r=require("../../../Loading/Loading.styles.js"),s=require("../../../../react-base/src/components/ToggleButton/components/ToggleButtonContnet/ToggleButtonContent.styles.js"),g=require("../../../../react-base/src/components/ToggleButton/components/ToggleButtonContnet/ToggleButtonContent.utils.js"),d=e.span`
+  ${({variant:t,active:a,theme:i})=>{const o=i.getVariablesLayer({selectedProminence:u.FabricsVariables.SelectedProminences.Subtle});return e.css`
+      ${s.LoaderStyles}
+
+      ${t!==l.Variants.Filled&&a&&e.css`
+        ${r.Background} {
+          opacity: 1;
+          stroke: ${o[n.VariablesNames.BorderOnFoundationSubtle]};
+        }
+
+        ${r.Highlighted} {
+          stroke: ${o[n.VariablesNames.BorderOnSelectedOnBackground]};
+        }
+      `}
+    `}}
+`,b=e.div`
+  ${({size:t})=>e.css`
+    ${s.Styles};
+
+    svg {
+      ${g.getIconSize(t)};
+    }
+  `}
+`,B=e(c)``;exports.ButtonContentLoader=d;exports.ToggleButtonContent=b;exports.ToggleButtonLabel=B;
+//# sourceMappingURL=ToggleButtonContent.styles.js.map

package/build/cjs/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonContent.styles.js","sources":["../../../../../../src/components/ToggleButton/components/ToggleButtonContent/ToggleButtonContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Variants } from 'acinguiux-ds-react-base/consts';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport {\n  ToggleButtonContentStyles,\n  ToggleButtonContentUtils,\n  type ToggleButtonTypes,\n} from 'acinguiux-ds-react-base/components/ToggleButton';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Label from '../../../Text/components/Label/Label';\nimport * as LoadingSpinner from '../../../Loading/Loading.styles';\n\nexport const ButtonContentLoader = styled.span<{\n  variant: ToggleButtonTypes.Variant;\n  active?: boolean;\n}>`\n  ${({ variant, active, theme }) => {\n    const layer = theme.getVariablesLayer({ selectedProminence: FabricsVariables.SelectedProminences.Subtle });\n\n    return css`\n      ${ToggleButtonContentStyles.LoaderStyles}\n\n      ${variant !== Variants.Filled &&\n      active &&\n      css`\n        ${LoadingSpinner.Background} {\n          opacity: 1;\n          stroke: ${layer[VariablesNames.BorderOnFoundationSubtle]};\n        }\n\n        ${LoadingSpinner.Highlighted} {\n          stroke: ${layer[VariablesNames.BorderOnSelectedOnBackground]};\n        }\n      `}\n    `;\n  }}\n`;\n\nexport const ToggleButtonContent = styled.div<{ size: ToggleButtonTypes.Size }>`\n  ${({ size }) => css`\n    ${ToggleButtonContentStyles.Styles};\n\n    svg {\n      ${ToggleButtonContentUtils.getIconSize(size)};\n    }\n  `}\n`;\n\nexport const ToggleButtonLabel = styled(Label)``;\n"],"names":["ButtonContentLoader","styled","variant","active","theme","layer","FabricsVariables","css","ToggleButtonContentStyles.LoaderStyles","Variants","LoadingSpinner.Background","VariablesNames","LoadingSpinner.Highlighted","ToggleButtonContent","size","ToggleButtonContentStyles.Styles","ToggleButtonContentUtils.getIconSize","ToggleButtonLabel","Label"],"mappings":"woBAaaA,EAAsBC,EAAO;AAAA,IAItC,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,MAAAC,KAAY,CAC1B,MAAAC,EAAQD,EAAM,kBAAkB,CAAE,mBAAoBE,mBAAiB,oBAAoB,OAAQ,EAElG,OAAAC,EAAA;AAAA,QACHC,EAAsC,YAAA;AAAA;AAAA,QAEtCN,IAAYO,EAAAA,SAAS,QACvBN,GACAI,EAAA;AAAA,UACIG,YAAyB;AAAA;AAAA,oBAEfL,EAAMM,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA,UAGxDC,aAA0B;AAAA,oBAChBP,EAAMM,iBAAe,4BAA4B,CAAC;AAAA;AAAA,OAE/D;AAAA,KAEL,CAAC;AAAA,EAGUE,EAAsBZ,EAAO;AAAA,IACtC,CAAC,CAAE,KAAAa,CAAA,IAAWP,EAAA;AAAA,MACZQ,QAAgC;AAAA;AAAA;AAAA,QAG9BC,EAAAA,YAAqCF,CAAI,CAAC;AAAA;AAAA,GAE/C;AAAA,EAGUG,EAAoBhB,EAAOiB,CAAK"}

package/build/cjs/components/Tooltip/Overlay.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("react"),m=require("react-aria"),v=require("classnames"),O=require("./Overlay.styles.js"),f=y.forwardRef(({children:s,arrowRef:o,arrowProps:a,triggerState:r,className:l,arrow:n,...t},c)=>{const{tooltipProps:i}=m.useTooltip(t,r),{placement:u,overlayProps:p}=t,d=typeof s=="string";return r.isOpen?e.jsxs(O.Overlay,{...i,padded:d,...p,className:v(l,u),arrow:n,ref:c,children:[s||null,e.jsx("span",{className:"tip",...a,ref:o})]}):e.jsx(e.Fragment,{})});exports.Overlay=f;
+//# sourceMappingURL=Overlay.js.map

package/build/cjs/components/Tooltip/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sources":["../../../../src/components/Tooltip/Overlay.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { useTooltip } from 'react-aria';\nimport classNames from 'classnames';\n\nimport * as Styled from './Overlay.styles';\nimport type { IOverlayProps } from './Overlay.types';\n\nconst Overlay = forwardRef<HTMLElement, IOverlayProps>(\n  ({ children, arrowRef, arrowProps, triggerState, className, arrow, ...props }, ref) => {\n    const { tooltipProps } = useTooltip(props, triggerState);\n    const { placement, overlayProps } = props;\n    const childIsString = typeof children === 'string';\n\n    return triggerState.isOpen ? (\n      <Styled.Overlay\n        {...tooltipProps}\n        padded={childIsString}\n        {...overlayProps}\n        className={classNames(className, placement)}\n        arrow={arrow}\n        ref={ref}\n      >\n        {children || null}\n        <span className=\"tip\" {...arrowProps} ref={arrowRef} />\n      </Styled.Overlay>\n    ) : (\n      <></>\n    );\n  },\n);\n\nexport { Overlay };\n"],"names":["Overlay","forwardRef","children","arrowRef","arrowProps","triggerState","className","arrow","props","ref","tooltipProps","useTooltip","placement","overlayProps","childIsString","jsxs","Styled.Overlay","classNames","jsx","Fragment"],"mappings":"qPAQMA,EAAUC,EAAA,WACd,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAU,WAAAC,EAAY,aAAAC,EAAc,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAM,EAAGC,IAAQ,CACrF,KAAM,CAAE,aAAAC,CAAiB,EAAAC,aAAWH,EAAOH,CAAY,EACjD,CAAE,UAAAO,EAAW,aAAAC,CAAA,EAAiBL,EAC9BM,EAAgB,OAAOZ,GAAa,SAE1C,OAAOG,EAAa,OAClBU,EAAA,KAACC,EAAO,QAAP,CACE,GAAGN,EACJ,OAAQI,EACP,GAAGD,EACJ,UAAWI,EAAWX,EAAWM,CAAS,EAC1C,MAAAL,EACA,IAAAE,EAEC,SAAA,CAAYP,GAAA,WACZ,OAAK,CAAA,UAAU,MAAO,GAAGE,EAAY,IAAKD,CAAU,CAAA,CAAA,CAAA,CAAA,EAGrDe,EAAA,IAAAC,EAAA,SAAA,EAAA,CAAA,CAGR"}

package/build/cjs/components/Tooltip/Overlay.styles.js

@@ -0,0 +1,81 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),d=require("../../react-base/src/components/Tooltip/Tooltip.utils.js"),f=t.span(({padded:i,arrow:s,theme:p})=>{const{background:r,color:l,dropShadow:a,zIndex:n,arrowWidth:o,arrowHeight:e}=d.useStyles(p);return t.css`
+    z-index: ${n};
+    border-radius: 6px;
+    background: ${r};
+    color: ${l};
+    filter: ${a};
+
+    ${i&&t.css`
+      padding: 8px;
+    `}
+
+    ${s&&t.css`
+      .tip {
+        position: absolute;
+        width: ${o}px;
+        height: ${e}px;
+        top: 100%;
+        left: 50%;
+        transform: translateX(-50%);
+        overflow: hidden;
+
+        &::after {
+          content: '';
+          width: 10px;
+          height: 10px;
+          top: 0;
+          left: 0;
+          transform-origin: 0 0;
+          position: absolute;
+          background: ${r};
+          filter: ${a};
+          transform: rotate(45deg) translate(-50%, -50%);
+        }
+      }
+
+      &.top .tip {
+        top: 100%;
+
+        &::after {
+          left: 50%;
+        }
+      }
+
+      &.bottom .tip {
+        top: auto;
+        bottom: 100%;
+
+        &::after {
+          left: 50%;
+          top: 100%;
+        }
+      }
+
+      &.right .tip {
+        top: auto;
+        left: auto;
+        width: ${e}px;
+        height: ${o}px;
+        right: 100%;
+        transform: translateY(-50%);
+
+        &::after {
+          left: 100%;
+          top: 50%;
+        }
+      }
+
+      &.left .tip {
+        top: auto;
+        width: ${e}px;
+        height: ${o}px;
+        left: 100%;
+        transform: translateY(-50%);
+
+        &::after {
+          top: 50%;
+        }
+      }
+    `}
+  `});exports.Overlay=f;
+//# sourceMappingURL=Overlay.styles.js.map

package/build/cjs/components/Tooltip/Overlay.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.styles.js","sources":["../../../../src/components/Tooltip/Overlay.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\n\nimport type { IOverlayProps } from './Overlay.types';\n\nexport const Overlay = styled.span<Pick<IOverlayProps, 'arrow'> & { padded?: boolean }>(({ padded, arrow, theme }) => {\n  const { background, color, dropShadow, zIndex, arrowWidth, arrowHeight } = TooltipUtils.useStyles(theme);\n\n  return css`\n    z-index: ${zIndex};\n    border-radius: 6px;\n    background: ${background};\n    color: ${color};\n    filter: ${dropShadow};\n\n    ${padded &&\n    css`\n      padding: 8px;\n    `}\n\n    ${arrow &&\n    css`\n      .tip {\n        position: absolute;\n        width: ${arrowWidth}px;\n        height: ${arrowHeight}px;\n        top: 100%;\n        left: 50%;\n        transform: translateX(-50%);\n        overflow: hidden;\n\n        &::after {\n          content: '';\n          width: 10px;\n          height: 10px;\n          top: 0;\n          left: 0;\n          transform-origin: 0 0;\n          position: absolute;\n          background: ${background};\n          filter: ${dropShadow};\n          transform: rotate(45deg) translate(-50%, -50%);\n        }\n      }\n\n      &.top .tip {\n        top: 100%;\n\n        &::after {\n          left: 50%;\n        }\n      }\n\n      &.bottom .tip {\n        top: auto;\n        bottom: 100%;\n\n        &::after {\n          left: 50%;\n          top: 100%;\n        }\n      }\n\n      &.right .tip {\n        top: auto;\n        left: auto;\n        width: ${arrowHeight}px;\n        height: ${arrowWidth}px;\n        right: 100%;\n        transform: translateY(-50%);\n\n        &::after {\n          left: 100%;\n          top: 50%;\n        }\n      }\n\n      &.left .tip {\n        top: auto;\n        width: ${arrowHeight}px;\n        height: ${arrowWidth}px;\n        left: 100%;\n        transform: translateY(-50%);\n\n        &::after {\n          top: 50%;\n        }\n      }\n    `}\n  `;\n});\n"],"names":["Overlay","styled","padded","arrow","theme","background","color","dropShadow","zIndex","arrowWidth","arrowHeight","TooltipUtils.useStyles","css"],"mappings":"uNAKaA,EAAUC,EAAO,KAA0D,CAAC,CAAE,OAAAC,EAAQ,MAAAC,EAAO,MAAAC,KAAY,CAC9G,KAAA,CAAE,WAAAC,EAAY,MAAAC,EAAO,WAAAC,EAAY,OAAAC,EAAQ,WAAAC,EAAY,YAAAC,CAAY,EAAIC,EAAa,UAAUP,CAAK,EAEhG,OAAAQ,EAAA;AAAA,eACMJ,CAAM;AAAA;AAAA,kBAEHH,CAAU;AAAA,aACfC,CAAK;AAAA,cACJC,CAAU;AAAA;AAAA,MAElBL,GACFU,EAAA;AAAA;AAAA,KAEC;AAAA;AAAA,MAECT,GACFS,EAAA;AAAA;AAAA;AAAA,iBAGaH,CAAU;AAAA,kBACTC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAcLL,CAAU;AAAA,oBACdE,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBA0BbG,CAAW;AAAA,kBACVD,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAYXC,CAAW;AAAA,kBACVD,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQvB;AAAA,GAEL,CAAC"}

package/build/cjs/components/Tooltip/Tooltip.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),e=require("react"),n=require("react-aria"),z=require("react-stately"),A=require("react-dom"),B=require("classnames"),C=require("../../react-base/src/consts/index.js"),F=require("../../react-base/src/components/Tooltip/Tooltip.utils.js"),H=require("./Overlay.js"),k=e.forwardRef(({className:l,isOpen:u,trigger:a,overlay:f,shouldFlip:p,triggerAction:c,onOpenChange:g,targetRef:d,...m},y)=>{const{delay:P,closeDelay:R,isDisabled:i,offset:q,crossOffset:O,arrow:T,overlayPlacement:v,arrowSize:S,containerPadding:w,arrowBoundaryOffset:x}=F.useProps(m),r=z.useTooltipTriggerState({delay:P,isOpen:u,closeDelay:R,trigger:c,isDisabled:i,onOpenChange:g}),j=e.useRef(null),t=d??j,o=e.useRef(null),D=e.useRef(null);e.useImperativeHandle(y,()=>o.current);const{triggerProps:b,tooltipProps:h}=n.useTooltipTrigger({isDisabled:i,trigger:c},r,t),I=n.useOverlayPosition({placement:v,targetRef:t,overlayRef:o,offset:q,crossOffset:O,shouldFlip:p,arrowSize:S,containerPadding:w,arrowBoundaryOffset:x,isOpen:r.isOpen}),L=n.mergeProps(a.props,b),N=e.cloneElement(a,{ref:t,...L}),_=typeof document<"u"?A.createPortal(s.jsx(H.Overlay,{...I,...h,triggerState:r,className:B(C.TOOLTIP_CLASS,l),arrowRef:D,arrow:T,ref:o,children:f}),document.body):null;return s.jsxs(s.Fragment,{children:[N,_]})});module.exports=k;
+//# sourceMappingURL=Tooltip.js.map

package/build/cjs/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { mergeProps, useOverlayPosition, useTooltipTrigger, type PositionProps } from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport { TOOLTIP_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\n\nimport type { ITooltipProps } from './Tooltip.types';\nimport { Overlay } from './Overlay';\n\nconst Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      className,\n      isOpen,\n      trigger: triggerElement,\n      overlay,\n      shouldFlip,\n      triggerAction,\n      onOpenChange,\n      targetRef: externalTargetRef,\n      ...props\n    },\n    ref,\n  ) => {\n    const {\n      delay,\n      closeDelay,\n      isDisabled,\n      offset,\n      crossOffset,\n      arrow,\n      overlayPlacement,\n      arrowSize,\n      containerPadding,\n      arrowBoundaryOffset,\n    } = TooltipUtils.useProps(props);\n\n    const state = useTooltipTriggerState({\n      delay,\n      isOpen,\n      closeDelay,\n      trigger: triggerAction,\n      isDisabled,\n      onOpenChange,\n    });\n\n    const internalTargetRef = useRef<HTMLElement>(null);\n    const targetRef = externalTargetRef ?? internalTargetRef;\n    const overlayRef = useRef<HTMLElement>(null);\n    const arrowRef = useRef<HTMLElement>(null);\n\n    useImperativeHandle(ref, () => overlayRef.current as HTMLElement);\n\n    const { triggerProps, tooltipProps } = useTooltipTrigger(\n      {\n        isDisabled,\n        trigger: triggerAction,\n      },\n      state,\n      targetRef,\n    );\n\n    const overlayProps = useOverlayPosition({\n      placement: overlayPlacement as PositionProps['placement'],\n      targetRef,\n      overlayRef,\n      offset,\n      crossOffset,\n      shouldFlip,\n      arrowSize,\n      containerPadding,\n      arrowBoundaryOffset,\n      isOpen: state.isOpen,\n    });\n\n    const mergedProps = mergeProps(triggerElement.props, triggerProps);\n\n    const trigger = cloneElement(triggerElement, { ref: targetRef, ...mergedProps });\n\n    const portal =\n      typeof document !== 'undefined'\n        ? createPortal(\n            <Overlay\n              {...overlayProps}\n              {...tooltipProps}\n              triggerState={state}\n              className={classNames(TOOLTIP_CLASS, className)}\n              arrowRef={arrowRef}\n              arrow={arrow}\n              ref={overlayRef}\n            >\n              {overlay}\n            </Overlay>,\n            document.body,\n          )\n        : null;\n\n    return (\n      <>\n        {trigger}\n        {portal}\n      </>\n    );\n  },\n);\n\nexport default Tooltip;\n"],"names":["Tooltip","forwardRef","className","isOpen","triggerElement","overlay","shouldFlip","triggerAction","onOpenChange","externalTargetRef","props","ref","delay","closeDelay","isDisabled","offset","crossOffset","arrow","overlayPlacement","arrowSize","containerPadding","arrowBoundaryOffset","TooltipUtils.useProps","state","useTooltipTriggerState","internalTargetRef","useRef","targetRef","overlayRef","arrowRef","useImperativeHandle","triggerProps","tooltipProps","useTooltipTrigger","overlayProps","useOverlayPosition","mergedProps","mergeProps","trigger","cloneElement","portal","createPortal","jsx","Overlay","classNames","TOOLTIP_CLASS","jsxs","Fragment"],"mappings":"yTAYMA,EAAUC,EAAA,WACd,CACE,CACE,UAAAC,EACA,OAAAC,EACA,QAASC,EACT,QAAAC,EACA,WAAAC,EACA,cAAAC,EACA,aAAAC,EACA,UAAWC,EACX,GAAGC,GAELC,IACG,CACG,KAAA,CACJ,MAAAC,EACA,WAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,oBAAAC,CAAA,EACEC,EAAAA,SAAsBZ,CAAK,EAEzBa,EAAQC,EAAAA,uBAAuB,CACnC,MAAAZ,EACA,OAAAT,EACA,WAAAU,EACA,QAASN,EACT,WAAAO,EACA,aAAAN,CAAA,CACD,EAEKiB,EAAoBC,SAAoB,IAAI,EAC5CC,EAAYlB,GAAqBgB,EACjCG,EAAaF,SAAoB,IAAI,EACrCG,EAAWH,SAAoB,IAAI,EAErBI,EAAAA,oBAAAnB,EAAK,IAAMiB,EAAW,OAAsB,EAE1D,KAAA,CAAE,aAAAG,EAAc,aAAAC,CAAA,EAAiBC,EAAA,kBACrC,CACE,WAAAnB,EACA,QAASP,CACX,EACAgB,EACAI,CACF,EAEMO,EAAeC,EAAAA,mBAAmB,CACtC,UAAWjB,EACX,UAAAS,EACA,WAAAC,EACA,OAAAb,EACA,YAAAC,EACA,WAAAV,EACA,UAAAa,EACA,iBAAAC,EACA,oBAAAC,EACA,OAAQE,EAAM,MAAA,CACf,EAEKa,EAAcC,EAAA,WAAWjC,EAAe,MAAO2B,CAAY,EAE3DO,EAAUC,EAAAA,aAAanC,EAAgB,CAAE,IAAKuB,EAAW,GAAGS,EAAa,EAEzEI,EACJ,OAAO,SAAa,IAChBC,EAAA,aACEC,EAAA,IAACC,EAAA,QAAA,CACE,GAAGT,EACH,GAAGF,EACJ,aAAcT,EACd,UAAWqB,EAAWC,EAAA,cAAe3C,CAAS,EAC9C,SAAA2B,EACA,MAAAZ,EACA,IAAKW,EAEJ,SAAAvB,CAAA,CACH,EACA,SAAS,IAAA,EAEX,KAEN,OAEKyC,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAT,EACAE,CAAA,EACH,CAAA,CAGN"}

package/build/cjs/components/Tree/Tree.js

@@ -0,0 +1,2 @@
+"use strict";const f=require("react/jsx-runtime"),o=require("react"),E=require("../../react-base/src/components/Tree/Tree.utils.js"),m=require("./Tree.styles.js"),B=require("./components/TreeNode/TreeNode.js"),e=require("./utils/treeUtils.js"),b=o.forwardRef(({...D},C)=>{const l=o.useRef(!0),{treeData:u,size:g,showIcon:k,isCheckable:T,isDisabled:d,onCheck:h,onExpand:p,loadData:c,...y}=E.useProps(D),[a,i]=o.useState(e.patchData({nextData:u,loadData:c,isDisabled:d}));o.useEffect(()=>{if(l.current){l.current=!1;return}i(e.patchData({nextData:u,loadData:c,isDisabled:d}))},[u,d]);const P=async({node:t,path:r=[]})=>{if(!a)return;if(!t.children&&c){const n=e.updateNodeByPath([...a],[...r],{isLoading:!0,isExpanded:!0});i(n),c(t);return}const s=e.updateNodeByPath([...a],[...r],{isExpanded:!t.isExpanded});i(s),p&&p(e.getByPath(s,r),e.deepCloneTree(s))},q=({node:t,path:r=[]})=>{if(!a)return;const s=t.isChecked==="indeterminate"?!0:!t.isChecked;let n=e.updateNodeByPath([...a],[...r],{isChecked:s},!0);n=e.updateParentOnCheckboxChange(n,[...r]),i(n);const x=e.getByPath(n,r);x&&h&&h(x,e.deepCloneTree(n))};return f.jsx(m.Tree,{role:"tree","aria-multiselectable":!0,ref:C,...y,children:a==null?void 0:a.map((t,r)=>f.jsx(B,{paddingFactor:0,node:t,path:[r],size:g,isCheckable:T,showIcon:k,onToggleExpanded:P,onToggleChecked:q},t.key))})});module.exports=b;
+//# sourceMappingURL=Tree.js.map

package/build/cjs/components/Tree/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","sources":["../../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import { useEffect, useRef, useState, forwardRef, type ForwardedRef } from 'react';\n\nimport { type TreeTypes, TreeUtils } from 'acinguiux-ds-react-base/components/Tree';\n\nimport * as Styled from './Tree.styles';\nimport type { ITreeProps } from './Tree.types';\nimport TreeNodeComponent from './components/TreeNode/TreeNode';\nimport { updateNodeByPath, getByPath, patchData, updateParentOnCheckboxChange, deepCloneTree } from './utils/treeUtils';\n\nconst Tree = forwardRef(({ ...props }: ITreeProps, ref: ForwardedRef<HTMLUListElement>) => {\n  const checkFirstRender = useRef(true);\n  const { treeData, size, showIcon, isCheckable, isDisabled, onCheck, onExpand, loadData, ...treeProps } =\n    TreeUtils.useProps(props);\n\n  const [data, setData] = useState(patchData({ nextData: treeData, loadData, isDisabled }));\n\n  useEffect(() => {\n    if (checkFirstRender.current) {\n      checkFirstRender.current = false;\n\n      return;\n    }\n\n    setData(patchData({ nextData: treeData, loadData, isDisabled }));\n  }, [treeData, isDisabled]);\n\n  const onToggleExpanded: TreeTypes.ToggleExpandedType = async ({ node, path = [] }) => {\n    if (!data) {\n      return;\n    }\n\n    if (!node.children && loadData) {\n      const nextData = updateNodeByPath([...data], [...path], { isLoading: true, isExpanded: true });\n      setData(nextData);\n      loadData(node);\n\n      return;\n    }\n\n    const nextData = updateNodeByPath([...data], [...path], { isExpanded: !node.isExpanded });\n    setData(nextData);\n\n    if (onExpand) {\n      onExpand(getByPath(nextData, path) as TreeTypes.TreeNode, deepCloneTree(nextData as TreeTypes.TreeNode[]));\n    }\n  };\n\n  const onToggleChecked: TreeTypes.ToggleCheckedType = ({ node, path = [] }) => {\n    if (!data) {\n      return;\n    }\n\n    const nextValue = node.isChecked === 'indeterminate' ? true : !node.isChecked;\n\n    let nextData = updateNodeByPath([...data], [...path], { isChecked: nextValue }, true);\n    nextData = updateParentOnCheckboxChange(nextData, [...path]);\n    setData(nextData);\n\n    const updatedItem = getByPath(nextData, path);\n    if (updatedItem && onCheck) {\n      onCheck(updatedItem, deepCloneTree(nextData as TreeTypes.TreeNode[]));\n    }\n  };\n\n  return (\n    <Styled.Tree role=\"tree\" aria-multiselectable ref={ref} {...treeProps}>\n      {data?.map((node, i) => (\n        <TreeNodeComponent\n          key={node.key}\n          paddingFactor={0}\n          node={node}\n          path={[i]}\n          size={size}\n          isCheckable={isCheckable}\n          showIcon={showIcon}\n          onToggleExpanded={onToggleExpanded}\n          onToggleChecked={onToggleChecked}\n        />\n      ))}\n    </Styled.Tree>\n  );\n});\n\nexport default Tree;\n"],"names":["Tree","forwardRef","props","ref","checkFirstRender","useRef","treeData","size","showIcon","isCheckable","isDisabled","onCheck","onExpand","loadData","treeProps","TreeUtils.useProps","data","setData","useState","patchData","useEffect","onToggleExpanded","node","path","nextData","updateNodeByPath","getByPath","deepCloneTree","onToggleChecked","nextValue","updateParentOnCheckboxChange","updatedItem","jsx","Styled.Tree","i","TreeNodeComponent"],"mappings":"oPASMA,EAAOC,EAAAA,WAAW,CAAC,CAAE,GAAGC,CAAA,EAAqBC,IAAwC,CACnF,MAAAC,EAAmBC,SAAO,EAAI,EAC9B,CAAE,SAAAC,EAAU,KAAAC,EAAM,SAAAC,EAAU,YAAAC,EAAa,WAAAC,EAAY,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,GAAGC,CAAA,EACzFC,EAAAA,SAAmBb,CAAK,EAEpB,CAACc,EAAMC,CAAO,EAAIC,WAASC,EAAAA,UAAU,CAAE,SAAUb,EAAU,SAAAO,EAAU,WAAAH,CAAY,CAAA,CAAC,EAExFU,EAAAA,UAAU,IAAM,CACd,GAAIhB,EAAiB,QAAS,CAC5BA,EAAiB,QAAU,GAE3B,MAAA,CAGFa,EAAQE,YAAU,CAAE,SAAUb,EAAU,SAAAO,EAAU,WAAAH,CAAA,CAAY,CAAC,CAAA,EAC9D,CAACJ,EAAUI,CAAU,CAAC,EAEzB,MAAMW,EAAiD,MAAO,CAAE,KAAAC,EAAM,KAAAC,EAAO,MAAS,CACpF,GAAI,CAACP,EACH,OAGE,GAAA,CAACM,EAAK,UAAYT,EAAU,CAC9B,MAAMW,EAAWC,EAAA,iBAAiB,CAAC,GAAGT,CAAI,EAAG,CAAC,GAAGO,CAAI,EAAG,CAAE,UAAW,GAAM,WAAY,GAAM,EAC7FN,EAAQO,CAAQ,EAChBX,EAASS,CAAI,EAEb,MAAA,CAGF,MAAME,EAAWC,EAAAA,iBAAiB,CAAC,GAAGT,CAAI,EAAG,CAAC,GAAGO,CAAI,EAAG,CAAE,WAAY,CAACD,EAAK,WAAY,EACxFL,EAAQO,CAAQ,EAEZZ,GACFA,EAASc,YAAUF,EAAUD,CAAI,EAAyBI,EAAAA,cAAcH,CAAgC,CAAC,CAE7G,EAEMI,EAA+C,CAAC,CAAE,KAAAN,EAAM,KAAAC,EAAO,MAAS,CAC5E,GAAI,CAACP,EACH,OAGF,MAAMa,EAAYP,EAAK,YAAc,gBAAkB,GAAO,CAACA,EAAK,UAEpE,IAAIE,EAAWC,EAAAA,iBAAiB,CAAC,GAAGT,CAAI,EAAG,CAAC,GAAGO,CAAI,EAAG,CAAE,UAAWM,CAAA,EAAa,EAAI,EACpFL,EAAWM,EAAAA,6BAA6BN,EAAU,CAAC,GAAGD,CAAI,CAAC,EAC3DN,EAAQO,CAAQ,EAEV,MAAAO,EAAcL,EAAAA,UAAUF,EAAUD,CAAI,EACxCQ,GAAepB,GACTA,EAAAoB,EAAaJ,gBAAcH,CAAgC,CAAC,CAExE,EAEA,OACGQ,EAAAA,IAAAC,EAAAA,KAAA,CAAY,KAAK,OAAO,uBAAoB,GAAC,IAAA9B,EAAW,GAAGW,EACzD,SAAAE,GAAA,YAAAA,EAAM,IAAI,CAACM,EAAMY,IAChBF,EAAA,IAACG,EAAA,CAEC,cAAe,EACf,KAAAb,EACA,KAAM,CAACY,CAAC,EACR,KAAA3B,EACA,YAAAE,EACA,SAAAD,EACA,iBAAAa,EACA,gBAAAO,CAAA,EARKN,EAAK,GAUb,GACH,CAEJ,CAAC"}

package/build/cjs/components/Tree/Tree.styles.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=e.ul`
+  ${({theme:r})=>e.css`
+    ${r.getTypography("heading","h5")};
+    display: flex;
+    flex-direction: column;
+    padding: 0;
+    margin: 0;
+  `}
+`;exports.Tree=t;
+//# sourceMappingURL=Tree.styles.js.map

package/build/cjs/components/Tree/Tree.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nexport const Tree = styled.ul`\n  ${({ theme }) => css`\n    ${theme.getTypography('heading', 'h5')};\n    display: flex;\n    flex-direction: column;\n    padding: 0;\n    margin: 0;\n  `}\n`;\n"],"names":["Tree","styled","theme","css"],"mappings":"iJAEaA,EAAOC,EAAO;AAAA,IACvB,CAAC,CAAE,MAAAC,CAAA,IAAYC,EAAA;AAAA,MACbD,EAAM,cAAc,UAAW,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,GAKvC;AAAA"}

package/build/cjs/components/Tree/components/TreeCheckbox/TreeCheckbox.js

@@ -0,0 +1,2 @@
+"use strict";const d=require("react/jsx-runtime"),u=require("./TreeCheckbox.styles.js"),x=({node:r,path:t,size:c,onToggleChecked:i})=>{const{isChecked:e,isDisabled:n}=r,a=s=>{n||s.keyCode!==32||(s.preventDefault(),i({node:r,path:t}))},o=e==="indeterminate"?"mixed":!!e;return d.jsx(u.TreeCheckbox,{indeterminate:e==="indeterminate",checked:e===!0,size:c,onChange:()=>i({node:r,path:t}),disabled:n,"aria-hidden":!0,wrapperProps:{role:"checkbox","aria-checked":o,tabIndex:-1,onKeyDown:a}})};module.exports=x;
+//# sourceMappingURL=TreeCheckbox.js.map

package/build/cjs/components/Tree/components/TreeCheckbox/TreeCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeCheckbox.js","sources":["../../../../../../src/components/Tree/components/TreeCheckbox/TreeCheckbox.tsx"],"sourcesContent":["import type { TreeTypes } from 'acinguiux-ds-react-base/components/Tree';\n\nimport * as Styled from './TreeCheckbox.styles';\n\ninterface ITreeCheckboxProps {\n  node: TreeTypes.TreeNode;\n  path: TreeTypes.PathType;\n  size: TreeTypes.Size;\n  onToggleChecked: TreeTypes.ToggleCheckedType;\n}\n\nconst TreeCheckbox = ({ node, path, size, onToggleChecked }: ITreeCheckboxProps) => {\n  const { isChecked, isDisabled } = node;\n\n  const onKeyDown = (e: any) => {\n    if (isDisabled || e.keyCode !== 32) {\n      return;\n    }\n\n    e.preventDefault();\n    onToggleChecked({ node, path });\n  };\n\n  const ariaChecked = isChecked === 'indeterminate' ? 'mixed' : !!isChecked;\n\n  return (\n    <Styled.TreeCheckbox\n      indeterminate={isChecked === 'indeterminate'}\n      checked={isChecked === true}\n      size={size}\n      onChange={() => onToggleChecked({ node, path })}\n      disabled={isDisabled}\n      aria-hidden\n      wrapperProps={{ role: 'checkbox', 'aria-checked': ariaChecked, tabIndex: -1, onKeyDown }}\n    />\n  );\n};\n\nexport default TreeCheckbox;\n"],"names":["TreeCheckbox","node","path","size","onToggleChecked","isChecked","isDisabled","onKeyDown","e","ariaChecked","jsx","Styled.TreeCheckbox"],"mappings":"wFAWMA,EAAe,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,gBAAAC,KAA0C,CAC5E,KAAA,CAAE,UAAAC,EAAW,WAAAC,CAAA,EAAeL,EAE5BM,EAAaC,GAAW,CACxBF,GAAcE,EAAE,UAAY,KAIhCA,EAAE,eAAe,EACDJ,EAAA,CAAE,KAAAH,EAAM,KAAAC,EAAM,EAChC,EAEMO,EAAcJ,IAAc,gBAAkB,QAAU,CAAC,CAACA,EAG9D,OAAAK,EAAA,IAACC,EAAO,aAAP,CACC,cAAeN,IAAc,gBAC7B,QAASA,IAAc,GACvB,KAAAF,EACA,SAAU,IAAMC,EAAgB,CAAE,KAAAH,EAAM,KAAAC,EAAM,EAC9C,SAAUI,EACV,cAAW,GACX,aAAc,CAAE,KAAM,WAAY,eAAgBG,EAAa,SAAU,GAAI,UAAAF,CAAU,CAAA,CACzF,CAEJ"}

package/build/cjs/components/Tree/components/TreeCheckbox/TreeCheckbox.styles.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),o=require("../../../Checkbox/Checkbox.js"),t=e(o)`
+  &:focus-visible {
+    outline: none;
+  }
+`;exports.TreeCheckbox=t;
+//# sourceMappingURL=TreeCheckbox.styles.js.map

package/build/cjs/components/Tree/components/TreeCheckbox/TreeCheckbox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeCheckbox.styles.js","sources":["../../../../../../src/components/Tree/components/TreeCheckbox/TreeCheckbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Checkbox from '../../../Checkbox/Checkbox';\n\nexport const TreeCheckbox = styled(Checkbox)`\n  &:focus-visible {\n    outline: none;\n  }\n`;\n"],"names":["TreeCheckbox","styled","Checkbox"],"mappings":"4LAIaA,EAAeC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA"}

package/build/cjs/components/Tree/components/TreeNode/TreeNode.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),k=require("react"),C=require("../TreeToggleNode/TreeToggleNode.js"),f=require("../TreeCheckbox/TreeCheckbox.js"),q=require("../../Tree.styles.js"),s=require("./TreeNode.styles.js"),u=o=>{var a,l;const{paddingFactor:c,node:e,path:t=[],size:n,isCheckable:d,showIcon:g,onToggleExpanded:h,onToggleChecked:x}=o,p=()=>{if(d)return i.jsx(f,{node:e,path:t,onToggleChecked:x,size:n})},T=()=>{if(!g||!(e!=null&&e.icon))return;const r=typeof(e==null?void 0:e.icon)=="function"?e==null?void 0:e.icon(e):e==null?void 0:e.icon;return i.jsx(s.NodeIcon,{"aria-hidden":!0,isDisabled:e.isDisabled,size:n,children:r})},b=1+c;return i.jsxs(s.Node,{role:"treeitem","aria-expanded":e.isExpanded,"aria-selected":!!e.isChecked,children:[i.jsxs(s.NodeContent,{paddingFactor:c,isActive:d||!!e.children,size:n,isDisabled:e.isDisabled,children:[i.jsx(C,{node:e,path:t,size:n,onToggleExpanded:h}),!e.isLoading&&p(),!e.isLoading&&T(),e.isLoading?"Loading...":e.title]}),e.isExpanded&&!!((a=e.children)!=null&&a.length)&&i.jsx(q.Tree,{role:"group",children:(l=e.children)==null?void 0:l.map((r,j)=>k.createElement(u,{...o,key:r.key,node:r,paddingFactor:b,path:t.concat(j)}))})]})};module.exports=u;
+//# sourceMappingURL=TreeNode.js.map

package/build/cjs/components/Tree/components/TreeNode/TreeNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNode.js","sources":["../../../../../../src/components/Tree/components/TreeNode/TreeNode.tsx"],"sourcesContent":["import type { TreeTypes } from 'acinguiux-ds-react-base/components/Tree';\n\nimport type { ITreePropsRequired } from '../../Tree.types';\nimport TreeToggleNode from '../TreeToggleNode/TreeToggleNode';\nimport TreeCheckbox from '../TreeCheckbox/TreeCheckbox';\nimport * as StyledTree from '../../Tree.styles';\nimport * as Styled from './TreeNode.styles';\n\ntype ITreeNodeProps = Pick<ITreePropsRequired, 'size' | 'isCheckable' | 'showIcon'> & {\n  node: TreeTypes.TreeNode;\n  path: TreeTypes.PathType;\n  paddingFactor: number;\n  onToggleExpanded: TreeTypes.ToggleExpandedType;\n  onToggleChecked: TreeTypes.ToggleCheckedType;\n};\n\nconst TreeNodeComponent = (props: ITreeNodeProps) => {\n  const { paddingFactor, node, path = [], size, isCheckable, showIcon, onToggleExpanded, onToggleChecked } = props;\n\n  const getTreeCheckbox = () => {\n    if (!isCheckable) {\n      return undefined;\n    }\n\n    return <TreeCheckbox node={node} path={path} onToggleChecked={onToggleChecked} size={size} />;\n  };\n\n  const getIcon = () => {\n    if (!showIcon || !node?.icon) {\n      return undefined;\n    }\n\n    const icon = typeof node?.icon === 'function' ? node?.icon(node) : node?.icon;\n\n    return (\n      <Styled.NodeIcon aria-hidden isDisabled={node.isDisabled} size={size}>\n        {icon}\n      </Styled.NodeIcon>\n    );\n  };\n\n  const nextPaddingFactor = 1 + paddingFactor;\n\n  return (\n    <Styled.Node role=\"treeitem\" aria-expanded={node.isExpanded} aria-selected={!!node.isChecked}>\n      <Styled.NodeContent\n        paddingFactor={paddingFactor}\n        isActive={isCheckable || !!node.children}\n        size={size}\n        isDisabled={node.isDisabled}\n      >\n        <TreeToggleNode node={node} path={path} size={size} onToggleExpanded={onToggleExpanded} />\n        {!node.isLoading && getTreeCheckbox()}\n        {!node.isLoading && getIcon()}\n        {node.isLoading ? 'Loading...' : node.title}\n      </Styled.NodeContent>\n\n      {node.isExpanded && !!node.children?.length && (\n        <StyledTree.Tree role=\"group\">\n          {node.children?.map((child, index) => (\n            <TreeNodeComponent\n              {...props}\n              key={child.key}\n              node={child}\n              paddingFactor={nextPaddingFactor}\n              path={path.concat(index)}\n            />\n          ))}\n        </StyledTree.Tree>\n      )}\n    </Styled.Node>\n  );\n};\n\nexport default TreeNodeComponent;\n"],"names":["TreeNodeComponent","props","paddingFactor","node","path","size","isCheckable","showIcon","onToggleExpanded","onToggleChecked","getTreeCheckbox","jsx","TreeCheckbox","getIcon","icon","Styled.NodeIcon","nextPaddingFactor","jsxs","Styled.Node","Styled.NodeContent","TreeToggleNode","_a","StyledTree.Tree","_b","child","index","createElement"],"mappings":"uOAgBMA,EAAqBC,GAA0B,SAC7C,KAAA,CAAE,cAAAC,EAAe,KAAAC,EAAM,KAAAC,EAAO,CAAI,EAAA,KAAAC,EAAM,YAAAC,EAAa,SAAAC,EAAU,iBAAAC,EAAkB,gBAAAC,CAAoB,EAAAR,EAErGS,EAAkB,IAAM,CAC5B,GAAKJ,EAIL,OAAQK,EAAAA,IAAAC,EAAA,CAAa,KAAAT,EAAY,KAAAC,EAAY,gBAAAK,EAAkC,KAAAJ,EAAY,CAC7F,EAEMQ,EAAU,IAAM,CACpB,GAAI,CAACN,GAAY,EAACJ,GAAA,MAAAA,EAAM,MACf,OAGH,MAAAW,EAAO,OAAOX,GAAA,YAAAA,EAAM,OAAS,WAAaA,GAAA,YAAAA,EAAM,KAAKA,GAAQA,GAAA,YAAAA,EAAM,KAGvE,OAAAQ,MAACI,EAAAA,SAAA,CAAgB,cAAW,GAAC,WAAYZ,EAAK,WAAY,KAAAE,EACvD,SACHS,CAAA,CAAA,CAEJ,EAEME,EAAoB,EAAId,EAE9B,OACGe,EAAA,KAAAC,EAAA,KAAA,CAAY,KAAK,WAAW,gBAAef,EAAK,WAAY,gBAAe,CAAC,CAACA,EAAK,UACjF,SAAA,CAAAc,EAAA,KAACE,EAAO,YAAP,CACC,cAAAjB,EACA,SAAUI,GAAe,CAAC,CAACH,EAAK,SAChC,KAAAE,EACA,WAAYF,EAAK,WAEjB,SAAA,CAAAQ,EAAA,IAACS,EAAe,CAAA,KAAAjB,EAAY,KAAAC,EAAY,KAAAC,EAAY,iBAAAG,EAAoC,EACvF,CAACL,EAAK,WAAaO,EAAgB,EACnC,CAACP,EAAK,WAAaU,EAAQ,EAC3BV,EAAK,UAAY,aAAeA,EAAK,KAAA,CAAA,CACxC,EAECA,EAAK,YAAc,CAAC,GAACkB,EAAAlB,EAAK,WAAL,MAAAkB,EAAe,SAClCV,EAAA,IAAAW,OAAA,CAAgB,KAAK,QACnB,UAAAC,EAAApB,EAAK,WAAL,YAAAoB,EAAe,IAAI,CAACC,EAAOC,IAC1BC,EAAA,cAAC1B,EAAA,CACE,GAAGC,EACJ,IAAKuB,EAAM,IACX,KAAMA,EACN,cAAeR,EACf,KAAMZ,EAAK,OAAOqB,CAAK,CAAA,CAAA,EAG7B,CAAA,CAAA,EAEJ,CAEJ"}

package/build/cjs/components/Tree/components/TreeNode/TreeNode.styles.js

@@ -0,0 +1,54 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),s=require("../../../../react-base/src/components/Tree/Tree.consts.js"),l=require("../../../../react-base/src/components/Tree/Tree.utils.js"),r=require("../../../../react-base/src/theme/variableTheme.js"),a=e.li`
+  display: flex;
+  flex-direction: column;
+`,u=e.label`
+  ${({theme:n,size:t,paddingFactor:i,isDisabled:d,isActive:c})=>{const o=l.getNodeContentStyle(n);return e.css`
+      ${l.getTitleFontStyle(n,t)};
+      ${o.default};
+      display: flex;
+      align-items: center;
+      align-self: flex-start;
+      width: 100%;
+      height: 100%;
+      gap: ${s.consts.gap[t]}px;
+      padding: ${s.consts.padding[t]};
+      padding-left: ${i*s.consts.paddingLeft[t]}px;
+      border-radius: ${s.consts.borderRadius[t]}px;
+
+      ${d?e.css`
+            ${o.disabled}
+            cursor: not-allowed;
+          `:e.css`
+            &&:hover {
+              ${o.hover}
+            }
+
+            &&:active {
+              ${c&&e.css`
+                ${o.active}
+              `}
+            }
+
+            &&:focus-visible {
+              ${o.focus}
+            }
+          `}
+    `}}
+`,g=e.div`
+  ${({theme:n,isDisabled:t,size:i})=>e.css`
+    display: flex;
+    align-items: center;
+
+    ${t&&e.css`
+      svg {
+        fill: ${n.getVariablesLayer({disabled:"true"})[r.VariablesNames.TextOnFoundationSubtle]};
+      }
+    `}
+
+    svg {
+      width: ${s.consts.icon[i]}px;
+      height: ${s.consts.icon[i]}px;
+    }
+  `}
+`;exports.Node=a;exports.NodeContent=u;exports.NodeIcon=g;
+//# sourceMappingURL=TreeNode.styles.js.map

package/build/cjs/components/Tree/components/TreeNode/TreeNode.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNode.styles.js","sources":["../../../../../../src/components/Tree/components/TreeNode/TreeNode.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { type TreeTypes, TreeConsts, TreeUtils } from 'acinguiux-ds-react-base/components/Tree';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { ITreeProps } from '../../Tree.types';\n\ntype NodeContentType = {\n  paddingFactor: number;\n  isDisabled: ITreeProps['isDisabled'];\n  size: TreeTypes.Size;\n  isActive: boolean;\n};\nexport const Node = styled.li`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const NodeContent = styled.label<NodeContentType>`\n  ${({ theme, size, paddingFactor, isDisabled, isActive }) => {\n    const styles = TreeUtils.getNodeContentStyle(theme);\n\n    return css`\n      ${TreeUtils.getTitleFontStyle(theme, size)};\n      ${styles.default};\n      display: flex;\n      align-items: center;\n      align-self: flex-start;\n      width: 100%;\n      height: 100%;\n      gap: ${TreeConsts.consts.gap[size]}px;\n      padding: ${TreeConsts.consts.padding[size]};\n      padding-left: ${paddingFactor * TreeConsts.consts.paddingLeft[size]}px;\n      border-radius: ${TreeConsts.consts.borderRadius[size]}px;\n\n      ${isDisabled\n        ? css`\n            ${styles.disabled}\n            cursor: not-allowed;\n          `\n        : css`\n            &&:hover {\n              ${styles.hover}\n            }\n\n            &&:active {\n              ${isActive &&\n              css`\n                ${styles.active}\n              `}\n            }\n\n            &&:focus-visible {\n              ${styles.focus}\n            }\n          `}\n    `;\n  }}\n`;\n\nexport const NodeIcon = styled.div<{ isDisabled: ITreeProps['isDisabled']; size: TreeTypes.Size }>`\n  ${({ theme, isDisabled, size }) => css`\n    display: flex;\n    align-items: center;\n\n    ${isDisabled &&\n    css`\n      svg {\n        fill: ${theme.getVariablesLayer({ disabled: 'true' })[VariablesNames.TextOnFoundationSubtle]};\n      }\n    `}\n\n    svg {\n      width: ${TreeConsts.consts.icon[size]}px;\n      height: ${TreeConsts.consts.icon[size]}px;\n    }\n  `}\n`;\n"],"names":["Node","styled","NodeContent","theme","size","paddingFactor","isDisabled","isActive","styles","TreeUtils.getNodeContentStyle","css","TreeUtils.getTitleFontStyle","TreeConsts.consts","NodeIcon","VariablesNames"],"mappings":"6VAYaA,EAAOC,EAAO;AAAA;AAAA;AAAA,EAKdC,EAAcD,EAAO;AAAA,IAC9B,CAAC,CAAE,MAAAE,EAAO,KAAAC,EAAM,cAAAC,EAAe,WAAAC,EAAY,SAAAC,KAAe,CACpD,MAAAC,EAASC,EAAU,oBAAoBN,CAAK,EAE3C,OAAAO,EAAA;AAAA,QACHC,EAAU,kBAAkBR,EAAOC,CAAI,CAAC;AAAA,QACxCI,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMTI,EAAW,OAAO,IAAIR,CAAI,CAAC;AAAA,iBACvBQ,EAAW,OAAO,QAAQR,CAAI,CAAC;AAAA,sBAC1BC,EAAgBO,EAAAA,OAAkB,YAAYR,CAAI,CAAC;AAAA,uBAClDQ,EAAW,OAAO,aAAaR,CAAI,CAAC;AAAA;AAAA,QAEnDE,EACEI,EAAA;AAAA,cACIF,EAAO,QAAQ;AAAA;AAAA,YAGnBE,EAAA;AAAA;AAAA,gBAEMF,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIZD,GACFG,EAAA;AAAA,kBACIF,EAAO,MAAM;AAAA,eAChB;AAAA;AAAA;AAAA;AAAA,gBAICA,EAAO,KAAK;AAAA;AAAA,WAEjB;AAAA,KAET,CAAC;AAAA,EAGUK,EAAWZ,EAAO;AAAA,IAC3B,CAAC,CAAE,MAAAE,EAAO,WAAAG,EAAY,KAAAF,CAAW,IAAAM,EAAA;AAAA;AAAA;AAAA;AAAA,MAI/BJ,GACFI,EAAA;AAAA;AAAA,gBAEYP,EAAM,kBAAkB,CAAE,SAAU,OAAQ,EAAEW,EAAAA,eAAe,sBAAsB,CAAC;AAAA;AAAA,KAE/F;AAAA;AAAA;AAAA,eAGUF,EAAW,OAAO,KAAKR,CAAI,CAAC;AAAA,gBAC3BQ,EAAW,OAAO,KAAKR,CAAI,CAAC;AAAA;AAAA,GAEzC;AAAA"}

package/build/cjs/components/Tree/components/TreeToggleNode/TreeToggleNode.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),o=require("../../../../react-base/src/components/Tree/Tree.consts.js"),x=require("../../../../react-base/src/components/Tree/Tree.utils.js"),t=require("./TreeToggleNode.styles.js"),T=require("../../../Icon/components/CaretSmallDown.js"),h=require("../../../Icon/components/CaretSmallRight.js"),q=require("../../../Loading/Loading.js"),j=({node:r,path:s=[],size:e,onToggleExpanded:i})=>{const{isExpanded:c,isLoading:l,isLeaf:u}=r,a=g=>{g.preventDefault(),i({node:r,path:s})};if(u)return n.jsx(t.IconHolder,{size:o.consts.icon[e]});if(l)return n.jsx(t.IconHolder,{size:o.consts.icon[e],children:n.jsx(q,{size:x.getLoadingSize(e)})});const d=c?T:h;return n.jsx(t.ToggleButton,{onClick:a,"aria-label":"Expand button",children:n.jsx(d,{width:o.consts.icon[e],height:o.consts.icon[e],"aria-hidden":!0})})};module.exports=j;
+//# sourceMappingURL=TreeToggleNode.js.map

package/build/cjs/components/Tree/components/TreeToggleNode/TreeToggleNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeToggleNode.js","sources":["../../../../../../src/components/Tree/components/TreeToggleNode/TreeToggleNode.tsx"],"sourcesContent":["import type { SyntheticEvent } from 'react';\n\nimport { TreeConsts, type TreeTypes, TreeUtils } from 'acinguiux-ds-react-base/components/Tree';\n\nimport * as Styled from './TreeToggleNode.styles';\nimport CaretSmallDown from '../../../Icon/components/CaretSmallDown';\nimport CaretSmallRight from '../../../Icon/components/CaretSmallRight';\nimport Loading from '../../../Loading/Loading';\n\ntype ITreeToggleNodeProps = {\n  node: TreeTypes.TreeNode;\n  path: TreeTypes.PathType;\n  size: TreeTypes.Size;\n  onToggleExpanded: TreeTypes.ToggleExpandedType;\n};\n\nconst TreeToggleNode = ({ node, path = [], size, onToggleExpanded }: ITreeToggleNodeProps) => {\n  const { isExpanded, isLoading, isLeaf } = node;\n\n  const onToggle = (e: SyntheticEvent) => {\n    e.preventDefault();\n    onToggleExpanded({ node, path });\n  };\n\n  if (isLeaf) {\n    return <Styled.IconHolder size={TreeConsts.consts.icon[size]} />;\n  }\n\n  if (isLoading) {\n    return (\n      <Styled.IconHolder size={TreeConsts.consts.icon[size]}>\n        <Loading size={TreeUtils.getLoadingSize(size)} />\n      </Styled.IconHolder>\n    );\n  }\n\n  const Icon = isExpanded ? CaretSmallDown : CaretSmallRight;\n\n  return (\n    <Styled.ToggleButton onClick={onToggle} aria-label=\"Expand button\">\n      <Icon width={TreeConsts.consts.icon[size]} height={TreeConsts.consts.icon[size]} aria-hidden />\n    </Styled.ToggleButton>\n  );\n};\n\nexport default TreeToggleNode;\n"],"names":["TreeToggleNode","node","path","size","onToggleExpanded","isExpanded","isLoading","isLeaf","onToggle","e","jsx","Styled.IconHolder","TreeConsts.consts","Loading","TreeUtils.getLoadingSize","Icon","CaretSmallDown","CaretSmallRight","Styled.ToggleButton"],"mappings":"iYAgBMA,EAAiB,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAO,CAAA,EAAI,KAAAC,EAAM,iBAAAC,KAA6C,CAC5F,KAAM,CAAE,WAAAC,EAAY,UAAAC,EAAW,OAAAC,CAAW,EAAAN,EAEpCO,EAAYC,GAAsB,CACtCA,EAAE,eAAe,EACAL,EAAA,CAAE,KAAAH,EAAM,KAAAC,EAAM,CACjC,EAEA,GAAIK,EACK,OAAAG,EAAAA,IAACC,EAAAA,WAAA,CAAkB,KAAMC,EAAAA,OAAkB,KAAKT,CAAI,EAAG,EAGhE,GAAIG,EACF,aACGK,EAAAA,WAAA,CAAkB,KAAMC,EAAkB,OAAA,KAAKT,CAAI,EAClD,eAACU,EAAQ,CAAA,KAAMC,EAAyB,eAAAX,CAAI,CAAG,CAAA,EACjD,EAIE,MAAAY,EAAOV,EAAaW,EAAiBC,EAGzC,OAAAP,MAACQ,EAAAA,aAAA,CAAoB,QAASV,EAAU,aAAW,gBACjD,SAACE,MAAAK,EAAA,CAAK,MAAOH,SAAkB,KAAKT,CAAI,EAAG,OAAQS,EAAW,OAAO,KAAKT,CAAI,EAAG,cAAW,EAAA,CAAC,CAC/F,CAAA,CAEJ"}

package/build/cjs/components/Tree/components/TreeToggleNode/TreeToggleNode.styles.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("styled-components"),r=require("../../../../react-base/src/theme/variableTheme.js"),o=require("../../../../react-base/src/utils/stylesUtils.js"),n=t.button`
+  ${({theme:e})=>t.css`
+    display: flex;
+    align-items: center;
+    border: none;
+    background: transparent;
+    padding: 0;
+    margin: 0;
+    border-radius: 2px;
+    cursor: pointer;
+    color: ${e.getVariablesLayer({})[r.VariablesNames.TextOnFoundationStrong]};
+
+    &:focus-visible {
+      ${o.getFocusStyles(e)};
+    }
+  `}
+`,s=t.div`
+  ${({size:e})=>t.css`
+    width: ${e}px;
+    height: ${e}px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `}
+`;exports.IconHolder=s;exports.ToggleButton=n;
+//# sourceMappingURL=TreeToggleNode.styles.js.map

package/build/cjs/components/Tree/components/TreeToggleNode/TreeToggleNode.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeToggleNode.styles.js","sources":["../../../../../../src/components/Tree/components/TreeToggleNode/TreeToggleNode.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nconst ToggleButton = styled.button`\n  ${({ theme }) => css`\n    display: flex;\n    align-items: center;\n    border: none;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border-radius: 2px;\n    cursor: pointer;\n    color: ${theme.getVariablesLayer({})[VariablesNames.TextOnFoundationStrong]};\n\n    &:focus-visible {\n      ${getFocusStyles(theme)};\n    }\n  `}\n`;\n\nconst IconHolder = styled.div<{ size: number }>`\n  ${({ size }) => css`\n    width: ${size}px;\n    height: ${size}px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `}\n`;\n\nexport { ToggleButton, IconHolder };\n"],"names":["ToggleButton","styled","theme","css","VariablesNames","getFocusStyles","IconHolder","size"],"mappings":"6QAIMA,EAAeC,EAAO;AAAA,IACxB,CAAC,CAAE,MAAAC,CAAA,IAAYC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASND,EAAM,kBAAkB,CAAA,CAAE,EAAEE,EAAA,eAAe,sBAAsB,CAAC;AAAA;AAAA;AAAA,QAGvEC,EAAAA,eAAeH,CAAK,CAAC;AAAA;AAAA,GAE1B;AAAA,EAGGI,EAAaL,EAAO;AAAA,IACtB,CAAC,CAAE,KAAAM,CAAA,IAAWJ,EAAA;AAAA,aACLI,CAAI;AAAA,cACHA,CAAI;AAAA;AAAA;AAAA;AAAA,GAIf;AAAA"}

package/build/cjs/components/Tree/utils/treeUtils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=(r,e)=>typeof r.isLeaf=="boolean"?r.isLeaf:e?!1:!r.children,u=(r,e)=>{if(!r||!(e!=null&&e.length))return;const t=e.shift();return e.length>0?u(r[t].children,e):r[t]},l=r=>{if(!(r!=null&&r.length))return!1;const e=r.filter(s=>!s.isDisabled);return e.length&&e.every(s=>s.isChecked===!0)?!0:r.some(s=>!!s.isChecked)?"indeterminate":!1},a=({nextData:r,loadData:e,isDisabled:t,isChecked:n})=>{if(!r)return[r,!1];const s=r.map(i=>{const c=t||i.isDisabled,d=!c&&(n===!0||i.isChecked),[g,p]=a({nextData:i.children,loadData:e,isDisabled:c,isChecked:d});return{...i,isExpanded:i.isExpanded,isChecked:p||d,isDisabled:c,isLeaf:h(i,e),children:g}});return[s,l(s)]},y=({nextData:r,loadData:e,isDisabled:t})=>{const[n]=a({nextData:r,loadData:e,isDisabled:t});return n},f=(r,e)=>{var t;Object.assign(r,e),(t=r.children)==null||t.forEach(n=>{f(n,e)})},k=(r,e,t,n)=>{var i;const s=u(r,e);if(s)return Object.assign(s,t),n&&((i=s.children)==null||i.filter(c=>!c.isDisabled).forEach(c=>{f(c,t)})),r},C=(r,e)=>{const t=e.slice(0,-1);if(!t.length)return r;const n=u(r,[...t]);if(n)return n.isChecked=l(n.children),C(r,t)},b=r=>{const e={};return Object.keys(r).forEach(t=>{const n=r[t];t==="icon"?e[t]=n:Array.isArray(n)?e[t]=o(n):n!==null&&typeof n=="object"?e[t]=b(n):e[t]=n}),e},o=r=>r.map(e=>Array.isArray(e)?o(e):e!==null&&typeof e=="object"?b(e):e);exports.deepCloneTree=o;exports.getByPath=u;exports.getIsLeaf=h;exports.getParentCheckedState=l;exports.patchData=y;exports.patchDataRecursive=a;exports.setRecursively=f;exports.updateNodeByPath=k;exports.updateParentOnCheckboxChange=C;
+//# sourceMappingURL=treeUtils.js.map

package/build/cjs/components/Tree/utils/treeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeUtils.js","sources":["../../../../../src/components/Tree/utils/treeUtils.ts"],"sourcesContent":["import type { TreeTypes } from 'acinguiux-ds-react-base/components/Tree';\n\nimport type { ITreePropsRequired, PatchDataArgsType, DeepClone } from '../Tree.types';\n\nexport const getIsLeaf = (node: TreeTypes.TreeNode, loadData?: ITreePropsRequired['loadData']) => {\n  if (typeof node.isLeaf === 'boolean') {\n    return node.isLeaf;\n  }\n\n  return loadData ? false : !node.children;\n};\n\nexport const getByPath = (data: TreeTypes.TreeNode[] | undefined, path: number[]): TreeTypes.TreeNode | undefined => {\n  if (!data || !path?.length) {\n    return undefined;\n  }\n\n  const index = path.shift() as number;\n\n  if (path.length > 0) {\n    return getByPath(data[index].children, path);\n  }\n\n  return data[index];\n};\n\nexport const getByKey = (\n  data: TreeTypes.TreeNode[] | undefined,\n  key: TreeTypes.TreeNode['key'],\n): TreeTypes.TreeNode | undefined => {\n  if (!data?.length) return undefined;\n\n  return (\n    data.find((node) => node.key === key) ||\n    getByKey(\n      data.flatMap((node) => node.children || []),\n      key,\n    ) ||\n    undefined\n  );\n};\n\nexport const getParentCheckedState = (nodes?: TreeTypes.TreeNode[]): TreeTypes.TreeNode['isChecked'] => {\n  if (!nodes?.length) {\n    return false;\n  }\n\n  const nonDisabledNodes = nodes.filter((child) => !child.isDisabled);\n  const isChecked = nonDisabledNodes.length && nonDisabledNodes.every((child) => child.isChecked === true);\n\n  if (isChecked) {\n    return true;\n  }\n\n  const isIndeterminate = nodes.some((child) => !!child.isChecked);\n\n  if (isIndeterminate) {\n    return 'indeterminate';\n  }\n\n  return false;\n};\n\nexport const patchDataRecursive = ({\n  nextData,\n  loadData,\n  isDisabled,\n  isChecked,\n}: PatchDataArgsType): [TreeTypes.TreeNode[] | undefined, TreeTypes.TreeNode['isChecked']] => {\n  if (!nextData) {\n    return [nextData, false];\n  }\n\n  const data = nextData.map((node) => {\n    const currentIsDisabled = isDisabled || node.isDisabled;\n    const currentIsChecked = !currentIsDisabled && (isChecked === true || node.isChecked);\n\n    const [children, isCheckedFromChildren] = patchDataRecursive({\n      nextData: node.children,\n      loadData,\n      isDisabled: currentIsDisabled,\n      isChecked: currentIsChecked,\n    });\n\n    return {\n      ...node,\n      isExpanded: node.isExpanded,\n      isChecked: isCheckedFromChildren || currentIsChecked,\n      isDisabled: currentIsDisabled,\n      isLeaf: getIsLeaf(node, loadData),\n      children,\n    };\n  });\n\n  return [data, getParentCheckedState(data)];\n};\n\nexport const patchData = ({ nextData, loadData, isDisabled }: PatchDataArgsType): TreeTypes.TreeNode[] | undefined => {\n  const [data] = patchDataRecursive({ nextData, loadData, isDisabled });\n\n  return data;\n};\n\nexport const setRecursively = (node: TreeTypes.TreeNode, dataToUpdate: Partial<TreeTypes.TreeNode>) => {\n  Object.assign(node, dataToUpdate);\n\n  node.children?.forEach((child) => {\n    setRecursively(child, dataToUpdate);\n  });\n};\n\nexport const updateNodeByPath = (\n  data: TreeTypes.TreeNode[],\n  path: number[],\n  dataToUpdate: Partial<TreeTypes.TreeNode>,\n  recursively?: boolean,\n) => {\n  const node = getByPath(data, path);\n\n  if (!node) {\n    return undefined;\n  }\n\n  Object.assign(node, dataToUpdate);\n\n  if (recursively) {\n    node.children\n      ?.filter((child) => !child.isDisabled)\n      .forEach((child) => {\n        setRecursively(child, dataToUpdate);\n      });\n  }\n\n  return data;\n};\n\nexport const updateParentOnCheckboxChange = (\n  data: TreeTypes.TreeNode[] | undefined,\n  path: number[],\n): TreeTypes.TreeNode[] | undefined => {\n  const parentPath = path.slice(0, -1);\n\n  if (!parentPath.length) {\n    return data;\n  }\n\n  const parent = getByPath(data, [...parentPath]);\n\n  if (!parent) {\n    return undefined;\n  }\n\n  parent.isChecked = getParentCheckedState(parent.children);\n\n  return updateParentOnCheckboxChange(data, parentPath);\n};\n\nconst deepCloneNode = <T extends Record<string, any>>(obj: T): DeepClone<T> => {\n  const clonedObj = {} as DeepClone<T>;\n\n  Object.keys(obj).forEach((key) => {\n    const value = obj[key as keyof T];\n\n    if (key === 'icon') {\n      clonedObj[key as keyof DeepClone<T>] = value as any;\n    } else if (Array.isArray(value)) {\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      clonedObj[key as keyof DeepClone<T>] = deepCloneTree(value) as DeepClone<T[keyof T]>;\n    } else if (value !== null && typeof value === 'object') {\n      clonedObj[key as keyof DeepClone<T>] = deepCloneNode(value) as DeepClone<T[keyof T]>;\n    } else {\n      clonedObj[key as keyof DeepClone<T>] = value as DeepClone<T[keyof T]>;\n    }\n  });\n\n  return clonedObj;\n};\n\nexport const deepCloneTree = <T>(arr: T[]): DeepClone<T[]> =>\n  arr.map((item) => {\n    if (Array.isArray(item)) {\n      return deepCloneTree(item) as DeepClone<T>;\n    }\n\n    if (item !== null && typeof item === 'object') {\n      return deepCloneNode(item) as DeepClone<T>;\n    }\n\n    return item;\n  }) as DeepClone<T[]>;\n"],"names":["getIsLeaf","node","loadData","getByPath","data","path","index","getParentCheckedState","nodes","nonDisabledNodes","child","patchDataRecursive","nextData","isDisabled","isChecked","currentIsDisabled","currentIsChecked","children","isCheckedFromChildren","patchData","setRecursively","dataToUpdate","_a","updateNodeByPath","recursively","updateParentOnCheckboxChange","parentPath","parent","deepCloneNode","obj","clonedObj","key","value","deepCloneTree","arr","item"],"mappings":"4GAIa,MAAAA,EAAY,CAACC,EAA0BC,IAC9C,OAAOD,EAAK,QAAW,UAClBA,EAAK,OAGPC,EAAW,GAAQ,CAACD,EAAK,SAGrBE,EAAY,CAACC,EAAwCC,IAAmD,CACnH,GAAI,CAACD,GAAQ,EAACC,GAAA,MAAAA,EAAM,QACX,OAGH,MAAAC,EAAQD,EAAK,MAAM,EAErB,OAAAA,EAAK,OAAS,EACTF,EAAUC,EAAKE,CAAK,EAAE,SAAUD,CAAI,EAGtCD,EAAKE,CAAK,CACnB,EAkBaC,EAAyBC,GAAkE,CAClG,GAAA,EAACA,GAAA,MAAAA,EAAO,QACH,MAAA,GAGT,MAAMC,EAAmBD,EAAM,OAAQE,GAAU,CAACA,EAAM,UAAU,EAGlE,OAFkBD,EAAiB,QAAUA,EAAiB,MAAOC,GAAUA,EAAM,YAAc,EAAI,EAG9F,GAGeF,EAAM,KAAME,GAAU,CAAC,CAACA,EAAM,SAAS,EAGtD,gBAGF,EACT,EAEaC,EAAqB,CAAC,CACjC,SAAAC,EACA,SAAAV,EACA,WAAAW,EACA,UAAAC,CACF,IAA8F,CAC5F,GAAI,CAACF,EACI,MAAA,CAACA,EAAU,EAAK,EAGzB,MAAMR,EAAOQ,EAAS,IAAKX,GAAS,CAC5B,MAAAc,EAAoBF,GAAcZ,EAAK,WACvCe,EAAmB,CAACD,IAAsBD,IAAc,IAAQb,EAAK,WAErE,CAACgB,EAAUC,CAAqB,EAAIP,EAAmB,CAC3D,SAAUV,EAAK,SACf,SAAAC,EACA,WAAYa,EACZ,UAAWC,CAAA,CACZ,EAEM,MAAA,CACL,GAAGf,EACH,WAAYA,EAAK,WACjB,UAAWiB,GAAyBF,EACpC,WAAYD,EACZ,OAAQf,EAAUC,EAAMC,CAAQ,EAChC,SAAAe,CACF,CAAA,CACD,EAED,MAAO,CAACb,EAAMG,EAAsBH,CAAI,CAAC,CAC3C,EAEae,EAAY,CAAC,CAAE,SAAAP,EAAU,SAAAV,EAAU,WAAAW,KAAsE,CAC9G,KAAA,CAACT,CAAI,EAAIO,EAAmB,CAAE,SAAAC,EAAU,SAAAV,EAAU,WAAAW,EAAY,EAE7D,OAAAT,CACT,EAEagB,EAAiB,CAACnB,EAA0BoB,IAA8C,OAC9F,OAAA,OAAOpB,EAAMoB,CAAY,GAE3BC,EAAArB,EAAA,WAAA,MAAAqB,EAAU,QAASZ,GAAU,CAChCU,EAAeV,EAAOW,CAAY,CAAA,EAEtC,EAEaE,EAAmB,CAC9BnB,EACAC,EACAgB,EACAG,IACG,OACG,MAAAvB,EAAOE,EAAUC,EAAMC,CAAI,EAEjC,GAAKJ,EAIE,cAAA,OAAOA,EAAMoB,CAAY,EAE5BG,KACGF,EAAArB,EAAA,WAAA,MAAAqB,EACD,OAAQZ,GAAU,CAACA,EAAM,YAC1B,QAASA,GAAU,CAClBU,EAAeV,EAAOW,CAAY,CAAA,IAIjCjB,CACT,EAEaqB,EAA+B,CAC1CrB,EACAC,IACqC,CACrC,MAAMqB,EAAarB,EAAK,MAAM,EAAG,EAAE,EAE/B,GAAA,CAACqB,EAAW,OACP,OAAAtB,EAGT,MAAMuB,EAASxB,EAAUC,EAAM,CAAC,GAAGsB,CAAU,CAAC,EAE9C,GAAKC,EAIE,OAAAA,EAAA,UAAYpB,EAAsBoB,EAAO,QAAQ,EAEjDF,EAA6BrB,EAAMsB,CAAU,CACtD,EAEME,EAAgDC,GAAyB,CAC7E,MAAMC,EAAY,CAAC,EAEnB,cAAO,KAAKD,CAAG,EAAE,QAASE,GAAQ,CAC1B,MAAAC,EAAQH,EAAIE,CAAc,EAE5BA,IAAQ,OACVD,EAAUC,CAAyB,EAAIC,EAC9B,MAAM,QAAQA,CAAK,EAElBF,EAAAC,CAAyB,EAAIE,EAAcD,CAAK,EACjDA,IAAU,MAAQ,OAAOA,GAAU,SAClCF,EAAAC,CAAyB,EAAIH,EAAcI,CAAK,EAE1DF,EAAUC,CAAyB,EAAIC,CACzC,CACD,EAEMF,CACT,EAEaG,EAAoBC,GAC/BA,EAAI,IAAKC,GACH,MAAM,QAAQA,CAAI,EACbF,EAAcE,CAAI,EAGvBA,IAAS,MAAQ,OAAOA,GAAS,SAC5BP,EAAcO,CAAI,EAGpBA,CACR"}

package/build/cjs/components/_internalComponents/ActionBar/ActionBar.consts.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../react-base/src/consts/index.js"),s={[e.Sizes.Small]:{gap:8},[e.Sizes.Medium]:{gap:12},[e.Sizes.Large]:{gap:12}};exports.actionBarConsts=s;
+//# sourceMappingURL=ActionBar.consts.js.map

package/build/cjs/components/_internalComponents/ActionBar/ActionBar.consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.consts.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.consts.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\n\nexport const actionBarConsts = {\n  [Sizes.Small]: {\n    gap: 8,\n  },\n  [Sizes.Medium]: {\n    gap: 12,\n  },\n  [Sizes.Large]: {\n    gap: 12,\n  },\n} as const;\n"],"names":["actionBarConsts","Sizes"],"mappings":"uKAEaA,EAAkB,CAC7B,CAACC,EAAAA,MAAM,KAAK,EAAG,CACb,IAAK,CACP,EACA,CAACA,EAAAA,MAAM,MAAM,EAAG,CACd,IAAK,EACP,EACA,CAACA,EAAAA,MAAM,KAAK,EAAG,CACb,IAAK,EAAA,CAET"}

package/build/cjs/components/_internalComponents/ActionBar/ActionBar.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("../../../react-base/src/consts/index.js"),a=require("./ActionBar.styles.js"),d=require("../../Button/Button.js"),m=({size:n=t.Sizes.Medium,actions:r,direction:s=t.Directions.Horizontal,alignment:o=t.Alignments.Right,fullWidth:c})=>e.jsx(a.ActionBar,{$direction:s,$alignment:o,$fullWidth:c,children:r.filter(({showActionButton:i})=>i!==!1).map(({label:i,action:u,props:l})=>e.jsx(d,{size:n,onClick:u,label:i,...l},i))});module.exports=m;
+//# sourceMappingURL=ActionBar.js.map