acinguiux-ds-react-framework 0.1.24 → 0.1.26

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

@@ -1 +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 { Positions, 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      selected,\n      defaultChecked,\n      defaultSelected,\n      disabled = false,\n      labelPosition = Positions.Left,\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        $labelPosition={labelPosition}\n        $disabled={disabled}\n        {...wrapperProps}\n      >\n        {!!label && <Styled.ToggleLabel $size={size}>{label}</Styled.ToggleLabel>}\n        <Styled.Toggle\n          ref={ref}\n          prefixCls={TOGGLE_SWITCH_CLASS}\n          checked={selected ?? checked}\n          defaultChecked={defaultSelected ?? defaultChecked}\n          disabled={disabled}\n          title={innerTitle}\n          {...rest}\n        />\n      </Styled.ToggleWrapper>\n    );\n  },\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","className","size","Sizes","label","checked","selected","defaultChecked","defaultSelected","disabled","labelPosition","Positions","mirrored","wrapperProps","title","rest","ref","innerTitle","jsxs","Styled.ToggleWrapper","classNames","TOGGLE_CLASS","jsx","Styled.ToggleLabel","Styled.Toggle","TOGGLE_SWITCH_CLASS"],"mappings":";;;;;;AAQA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC,IAAgBC,EAAU;AAAA,IAC1B,UAAAC,IAAW;AAAA,IACX,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACiB;AACjB,UAAMC,IAAaH,KAAU,OAAOV,KAAU,YAAYA,KAAU;AAEpE,WACE,gBAAAc;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAcpB,CAAS;AAAA,QAC7C,OAAOC;AAAA,QACP,WAAWU;AAAA,QACX,gBAAgBF;AAAA,QAChB,WAAWD;AAAA,QACV,GAAGI;AAAA,QAEH,UAAA;AAAA,UAAA,CAAC,CAACT,KAAS,gBAAAkB,EAACC,GAAA,EAAmB,OAAOrB,GAAO,UAAAE,GAAM;AAAA,UACpD,gBAAAkB;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,KAAAR;AAAA,cACA,WAAWS;AAAA,cACX,SAASnB,KAAYD;AAAA,cACrB,gBAAgBG,KAAmBD;AAAA,cACnC,UAAAE;AAAA,cACA,OAAOQ;AAAA,cACN,GAAGF;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"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 { Positions, Sizes, TOGGLE_CLASS, TOGGLE_SWITCH_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ToggleConsts } from 'acinguiux-ds-react-base/components/Toggle';\n\nimport * as Styled from './Toggle.styles';\nimport type { IToggleProps } from './Toggle.types';\nimport * as Icons from '../Icon/components/index';\n\nconst Toggle = forwardRef(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      label,\n      checked,\n      selected,\n      defaultChecked,\n      defaultSelected,\n      disabled = false,\n      readOnly = false,\n      labelPosition = Positions.Left,\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        $labelPosition={labelPosition}\n        $disabled={disabled}\n        $readOnly={readOnly}\n        {...wrapperProps}\n      >\n        {!!label && <Styled.ToggleLabel $size={size}>{label}</Styled.ToggleLabel>}\n        {readOnly && <Icons.Lock width={ToggleConsts.consts[size].height} height={ToggleConsts.consts[size].height} />}\n        <Styled.Toggle\n          ref={ref}\n          prefixCls={TOGGLE_SWITCH_CLASS}\n          checked={selected ?? checked}\n          defaultChecked={defaultSelected ?? defaultChecked}\n          disabled={disabled || readOnly}\n          title={innerTitle}\n          {...rest}\n        />\n      </Styled.ToggleWrapper>\n    );\n  },\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","className","size","Sizes","label","checked","selected","defaultChecked","defaultSelected","disabled","readOnly","labelPosition","Positions","mirrored","wrapperProps","title","rest","ref","innerTitle","jsxs","Styled.ToggleWrapper","classNames","TOGGLE_CLASS","jsx","Styled.ToggleLabel","Icons.Lock","ToggleConsts.consts","Styled.Toggle","TOGGLE_SWITCH_CLASS"],"mappings":";;;;;;;;AAUA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,eAAAC,IAAgBC,EAAU;AAAA,IAC1B,UAAAC,IAAW;AAAA,IACX,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACiB;AACjB,UAAMC,IAAaH,KAAU,OAAOX,KAAU,YAAYA,KAAU;AAEpE,WACE,gBAAAe;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAcrB,CAAS;AAAA,QAC7C,OAAOC;AAAA,QACP,WAAWW;AAAA,QACX,gBAAgBF;AAAA,QAChB,WAAWF;AAAA,QACX,WAAWC;AAAA,QACV,GAAGI;AAAA,QAEH,UAAA;AAAA,UAAA,CAAC,CAACV,KAAS,gBAAAmB,EAACC,GAAA,EAAmB,OAAOtB,GAAO,UAAAE,GAAM;AAAA,UACnDM,KAAY,gBAAAa,EAACE,GAAA,EAAW,OAAOC,EAAoBxB,CAAI,EAAE,QAAQ,QAAQwB,EAAoBxB,CAAI,EAAE,OAAA,CAAQ;AAAA,UAC5G,gBAAAqB;AAAA,YAACI;AAAAA,YAAA;AAAA,cACC,KAAAV;AAAA,cACA,WAAWW;AAAA,cACX,SAAStB,KAAYD;AAAA,cACrB,gBAAgBG,KAAmBD;AAAA,cACnC,UAAUE,KAAYC;AAAA,cACtB,OAAOQ;AAAA,cACN,GAAGF;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

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

@@ -5,6 +5,6 @@ declare const Toggle: import("styled-components/dist/types").IStyledComponentBas
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string & Omit<ForwardRefExoticComponent<IToggleProps & RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 declare const ToggleLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Required<PickTransient<IToggleProps, "size">>>> & string;
-declare const ToggleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IToggleProps, "size">> & PickTransient<IToggleProps, "disabled" | "mirrored" | "labelPosition">>> & string;
+declare const ToggleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IToggleProps, "size">> & PickTransient<IToggleProps, "disabled" | "readOnly" | "mirrored" | "labelPosition">>> & string;
 export { Toggle, ToggleLabel, ToggleWrapper };
 //# sourceMappingURL=Toggle.styles.d.ts.map

package/build/esm/components/Toggle/Toggle.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAMnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD,QAAA,MAAM,MAAM;;qJAAiG,CAAC;AAE9G,QAAA,MAAM,WAAW,2RAEhB,CAAC;AAEF,QAAA,MAAM,aAAa,2VA6GlB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAMnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD,QAAA,MAAM,MAAM;;qJAAiG,CAAC;AAE9G,QAAA,MAAM,WAAW,2RAEhB,CAAC;AAEF,QAAA,MAAM,aAAa,wWAsHlB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,40 +1,46 @@
-import b from "rc-switch";
-import { css as l, styled as n } from "styled-components";
-import { Positions as h } from "../../react-base/src/consts/index.js";
-import { getLabelFontStyles as S, getFocusStyles as x } from "../../react-base/src/utils/stylesUtils.js";
-import * as m from "../../react-base/src/components/Toggle/Toggle.consts.js";
+import h from "rc-switch";
+import { css as p, styled as l } from "styled-components";
+import { Positions as x } from "../../react-base/src/consts/index.js";
+import { getLabelFontStyles as g, getFocusStyles as m } from "../../react-base/src/utils/stylesUtils.js";
+import * as C from "../../react-base/src/components/Toggle/Toggle.consts.js";
 import { getStyles as d } from "../../react-base/src/components/Toggle/Toggle.utils.js";
 import { getLabelTypographySize as v } from "../../react-base/src/utils/sizesUtils.js";
-import { FabricsVariables as e } from "acinguiux-ds-fabrics";
-import { TOGGLE_SWITCH_CLASS as g } from "../../react-base/src/consts/classes.js";
-const { consts: p } = m, C = n(b)``, y = n.label`
-  ${({ $size: a, theme: r }) => r.typography("label", v(a))};
-`, O = n.div`
-  ${({ $size: a, $disabled: r, $mirrored: u, $labelPosition: $, theme: s }) => {
-  const t = (i) => d(s, i, r), c = (i) => d(s, i, r, !0), { width: f, height: k, circle: o } = p[a];
-  return l`
+import { FabricsVariables as t } from "acinguiux-ds-fabrics";
+import { ICON_CLASS as w, TOGGLE_SWITCH_CLASS as u } from "../../react-base/src/consts/classes.js";
+const { consts: f } = C, z = l(h)``, P = l.label`
+  ${({ $size: i, theme: r }) => r.typography("label", v(i))};
+`, G = l.div`
+  ${({ $size: i, $disabled: r, $readOnly: e, $mirrored: k, $labelPosition: $, theme: a }) => {
+  const c = (n) => d(a, n, r || e), s = (n) => d(a, n, r || e, !0), { width: b, height: S, circle: o } = f[i];
+  return p`
       display: flex;
-      flex-direction: ${u || $ === h.Right ? "row-reverse" : "row"};
+      flex-direction: ${k || $ === x.Right ? "row-reverse" : "row"};
       align-items: center;
-      gap: ${p[a].labelSpacing}px;
+      gap: ${f[i].labelSpacing}px;
 
-      ${y} {
-        ${S(s, r)};
+      ${P} {
+        ${g(a, r)};
+        cursor: ${e ? "no-drop" : "default"};
       }
 
-      ${C} {
+      .${w} {
+        ${g(a, e)};
+        cursor: ${e ? "no-drop" : "default"};
+      }
+
+      ${z} {
         border: none;
         position: relative;
-        width: ${f}px;
-        height: ${k}px;
-        cursor: ${r ? "no-drop" : "pointer"};
+        width: ${b}px;
+        height: ${S}px;
+        cursor: ${r || e ? "no-drop" : "pointer"};
         transition: background-color 0.3s ease-out;
         border-radius: 16px;
-        color: ${t().color};
-        background-color: ${t().backgroundColor};
+        color: ${c().color};
+        background-color: ${c().backgroundColor};
 
         &:focus-visible {
-          ${x(s)};
+          ${m(a)};
         }
 
         &::after {
@@ -45,32 +51,32 @@ const { consts: p } = m, C = n(b)``, y = n.label`
           height: ${o.size}px;
           border-radius: ${o.size / 2}px;
           content: '';
-          cursor: ${r ? "no-drop" : "pointer"};
+          cursor: ${r || e ? "no-drop" : "pointer"};
           transition:
             width 0.3s ease-out,
             transform 0.3s ease-out;
-          background-color: ${t().circleBackgroundColor};
+          background-color: ${c().circleBackgroundColor};
         }
 
         &:hover {
-          background-color: ${t(e.States.Hover).backgroundColor};
+          background-color: ${c(t.States.Hover).backgroundColor};
 
           &::after {
-            background-color: ${t(e.States.Hover).circleBackgroundColor};
+            background-color: ${c(t.States.Hover).circleBackgroundColor};
           }
         }
 
         &:active {
-          background-color: ${t(e.States.Press).backgroundColor};
+          background-color: ${c(t.States.Press).backgroundColor};
 
           &::after {
-            background-color: ${t(e.States.Press).circleBackgroundColor};
+            background-color: ${c(t.States.Press).circleBackgroundColor};
           }
         }
 
-        &.${g}-checked {
+        &.${u}-checked {
           border: none;
-          background-color: ${c().backgroundColor};
+          background-color: ${s().backgroundColor};
 
           &::after {
             left: ${o.checkedOffset}px;
@@ -79,32 +85,32 @@ const { consts: p } = m, C = n(b)``, y = n.label`
             height: ${o.checkedSize}px;
             border-radius: ${o.checkedSize / 2}px;
             transform: translateX(${o.onPosition}px);
-            background-color: ${c().circleBackgroundColor};
+            background-color: ${s().circleBackgroundColor};
           }
 
           &:hover {
-            background-color: ${c(e.States.Hover).backgroundColor};
+            background-color: ${s(t.States.Hover).backgroundColor};
 
             &::after {
-              background-color: ${c(e.States.Hover).circleBackgroundColor};
+              background-color: ${s(t.States.Hover).circleBackgroundColor};
             }
           }
 
           &:active {
-            background-color: ${c(e.States.Press).backgroundColor};
+            background-color: ${s(t.States.Press).backgroundColor};
 
             &::after {
-              background-color: ${c(e.States.Press).circleBackgroundColor};
+              background-color: ${s(t.States.Press).circleBackgroundColor};
             }
           }
         }
 
-        ${!r && l`
+        ${!(r || e) && p`
           &:active::after {
             width: ${o.pressedSize}px;
           }
 
-          &.${g}-checked:active::after {
+          &.${u}-checked:active::after {
             transform: translateX(${o.onPosition - o.pressedSize + o.checkedSize}px);
           }
         `}
@@ -113,8 +119,8 @@ const { consts: p } = m, C = n(b)``, y = n.label`
 }}
 `;
 export {
-  C as Toggle,
-  y as ToggleLabel,
-  O as ToggleWrapper
+  z as Toggle,
+  P as ToggleLabel,
+  G as ToggleWrapper
 };
 //# sourceMappingURL=Toggle.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.styles.js","sources":["../../../../src/components/Toggle/Toggle.styles.ts"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport Switch from 'rc-switch';\nimport { styled, css } from 'styled-components';\nimport { Positions, TOGGLE_SWITCH_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } 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 { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IToggleProps } from './Toggle.types';\n\nconst { consts } = ToggleConsts;\n\nconst Toggle = styled(Switch as ForwardRefExoticComponent<IToggleProps & RefAttributes<HTMLButtonElement>>)``;\n\nconst ToggleLabel = styled.label<Required<PickTransient<IToggleProps, 'size'>>>`\n  ${({ $size, theme }) => theme.typography('label', getLabelTypographySize($size))};\n`;\n\nconst ToggleWrapper = styled.div<\n  Required<PickTransient<IToggleProps, 'size'>> & PickTransient<IToggleProps, 'disabled' | 'mirrored' | 'labelPosition'>\n>`\n  ${({ $size, $disabled, $mirrored, $labelPosition, theme }) => {\n    const defaultStyles = (state?: FabricsVariables.StateType) => ToggleUtils.getStyles(theme, state, $disabled);\n    const checkedStyles = (state?: FabricsVariables.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 || $labelPosition === Positions.Right ? '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 {\n          background-color: ${defaultStyles(FabricsVariables.States.Hover).backgroundColor};\n\n          &::after {\n            background-color: ${defaultStyles(FabricsVariables.States.Hover).circleBackgroundColor};\n          }\n        }\n\n        &:active {\n          background-color: ${defaultStyles(FabricsVariables.States.Press).backgroundColor};\n\n          &::after {\n            background-color: ${defaultStyles(FabricsVariables.States.Press).circleBackgroundColor};\n          }\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 {\n            background-color: ${checkedStyles(FabricsVariables.States.Hover).backgroundColor};\n\n            &::after {\n              background-color: ${checkedStyles(FabricsVariables.States.Hover).circleBackgroundColor};\n            }\n          }\n\n          &:active {\n            background-color: ${checkedStyles(FabricsVariables.States.Press).backgroundColor};\n\n            &::after {\n              background-color: ${checkedStyles(FabricsVariables.States.Press).circleBackgroundColor};\n            }\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","$labelPosition","defaultStyles","state","ToggleUtils.getStyles","checkedStyles","width","height","circle","css","Positions","getLabelFontStyles","getFocusStyles","FabricsVariables","TOGGLE_SWITCH_CLASS"],"mappings":";;;;;;;;;AAaA,MAAM,EAAE,QAAAA,MAAWC,GAEbC,IAASC,EAAOC,CAAoF,KAEpGC,IAAcF,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAG,GAAO,OAAAC,QAAYA,EAAM,WAAW,SAASC,EAAuBF,CAAK,CAAC,CAAC;AAAA,GAG5EG,IAAgBN,EAAO;AAAA,IAGzB,CAAC,EAAE,OAAAG,GAAO,WAAAI,GAAW,WAAAC,GAAW,gBAAAC,GAAgB,OAAAL,QAAY;AAC5D,QAAMM,IAAgB,CAACC,MAAuCC,EAAsBR,GAAOO,GAAOJ,CAAS,GACrGM,IAAgB,CAACF,MAAuCC,EAAsBR,GAAOO,GAAOJ,GAAW,EAAI,GAE3G,EAAE,OAAAO,GAAO,QAAAC,GAAQ,QAAAC,EAAA,IAAWnB,EAAOM,CAAK;AAE9C,SAAOc;AAAA;AAAA,wBAEaT,KAAaC,MAAmBS,EAAU,QAAQ,gBAAgB,KAAK;AAAA;AAAA,aAElFrB,EAAOM,CAAK,EAAE,YAAY;AAAA;AAAA,QAE/BD,CAAW;AAAA,UACTiB,EAAmBf,GAAOG,CAAS,CAAC;AAAA;AAAA;AAAA,QAGtCR,CAAM;AAAA;AAAA;AAAA,iBAGGe,CAAK;AAAA,kBACJC,CAAM;AAAA,kBACNR,IAAY,YAAY,SAAS;AAAA;AAAA;AAAA,iBAGlCG,EAAA,EAAgB,KAAK;AAAA,4BACVA,EAAA,EAAgB,eAAe;AAAA;AAAA;AAAA,YAG/CU,EAAehB,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKfY,EAAO,MAAM;AAAA,iBACdA,EAAO,MAAM;AAAA,mBACXA,EAAO,IAAI;AAAA,oBACVA,EAAO,IAAI;AAAA,2BACJA,EAAO,OAAO,CAAC;AAAA;AAAA,oBAEtBT,IAAY,YAAY,SAAS;AAAA;AAAA;AAAA;AAAA,8BAIvBG,EAAA,EAAgB,qBAAqB;AAAA;AAAA;AAAA;AAAA,8BAIrCA,EAAcW,EAAiB,OAAO,KAAK,EAAE,eAAe;AAAA;AAAA;AAAA,gCAG1DX,EAAcW,EAAiB,OAAO,KAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKpEX,EAAcW,EAAiB,OAAO,KAAK,EAAE,eAAe;AAAA;AAAA;AAAA,gCAG1DX,EAAcW,EAAiB,OAAO,KAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA;AAAA,YAItFC,CAAmB;AAAA;AAAA,8BAEDT,EAAA,EAAgB,eAAe;AAAA;AAAA;AAAA,oBAGzCG,EAAO,aAAa;AAAA,mBACrBA,EAAO,aAAa;AAAA,qBAClBA,EAAO,WAAW;AAAA,sBACjBA,EAAO,WAAW;AAAA,6BACXA,EAAO,cAAc,CAAC;AAAA,oCACfA,EAAO,UAAU;AAAA,gCACrBH,EAAA,EAAgB,qBAAqB;AAAA;AAAA;AAAA;AAAA,gCAIrCA,EAAcQ,EAAiB,OAAO,KAAK,EAAE,eAAe;AAAA;AAAA;AAAA,kCAG1DR,EAAcQ,EAAiB,OAAO,KAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKpER,EAAcQ,EAAiB,OAAO,KAAK,EAAE,eAAe;AAAA;AAAA;AAAA,kCAG1DR,EAAcQ,EAAiB,OAAO,KAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,UAK1F,CAACd,KACHU;AAAA;AAAA,qBAEaD,EAAO,WAAW;AAAA;AAAA;AAAA,cAGzBM,CAAmB;AAAA,oCACGN,EAAO,aAAaA,EAAO,cAAcA,EAAO,WAAW;AAAA;AAAA,SAEtF;AAAA;AAAA;AAGP,CAAC;AAAA;"}
+{"version":3,"file":"Toggle.styles.js","sources":["../../../../src/components/Toggle/Toggle.styles.ts"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport Switch from 'rc-switch';\nimport { styled, css } from 'styled-components';\nimport { Positions, TOGGLE_SWITCH_CLASS, ICON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } 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 { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { IToggleProps } from './Toggle.types';\n\nconst { consts } = ToggleConsts;\n\nconst Toggle = styled(Switch as ForwardRefExoticComponent<IToggleProps & RefAttributes<HTMLButtonElement>>)``;\n\nconst ToggleLabel = styled.label<Required<PickTransient<IToggleProps, 'size'>>>`\n  ${({ $size, theme }) => theme.typography('label', getLabelTypographySize($size))};\n`;\n\nconst ToggleWrapper = styled.div<\n  Required<PickTransient<IToggleProps, 'size'>> &\n    PickTransient<IToggleProps, 'disabled' | 'readOnly' | 'mirrored' | 'labelPosition'>\n>`\n  ${({ $size, $disabled, $readOnly, $mirrored, $labelPosition, theme }) => {\n    const defaultStyles = (state?: FabricsVariables.StateType) =>\n      ToggleUtils.getStyles(theme, state, $disabled || $readOnly);\n    const checkedStyles = (state?: FabricsVariables.StateType) =>\n      ToggleUtils.getStyles(theme, state, $disabled || $readOnly, true);\n\n    const { width, height, circle } = consts[$size];\n\n    return css`\n      display: flex;\n      flex-direction: ${$mirrored || $labelPosition === Positions.Right ? 'row-reverse' : 'row'};\n      align-items: center;\n      gap: ${consts[$size].labelSpacing}px;\n\n      ${ToggleLabel} {\n        ${getLabelFontStyles(theme, $disabled)};\n        cursor: ${$readOnly ? 'no-drop' : 'default'};\n      }\n\n      .${ICON_CLASS} {\n        ${getLabelFontStyles(theme, $readOnly)};\n        cursor: ${$readOnly ? 'no-drop' : 'default'};\n      }\n\n      ${Toggle} {\n        border: none;\n        position: relative;\n        width: ${width}px;\n        height: ${height}px;\n        cursor: ${$disabled || $readOnly ? '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 || $readOnly ? '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 {\n          background-color: ${defaultStyles(FabricsVariables.States.Hover).backgroundColor};\n\n          &::after {\n            background-color: ${defaultStyles(FabricsVariables.States.Hover).circleBackgroundColor};\n          }\n        }\n\n        &:active {\n          background-color: ${defaultStyles(FabricsVariables.States.Press).backgroundColor};\n\n          &::after {\n            background-color: ${defaultStyles(FabricsVariables.States.Press).circleBackgroundColor};\n          }\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 {\n            background-color: ${checkedStyles(FabricsVariables.States.Hover).backgroundColor};\n\n            &::after {\n              background-color: ${checkedStyles(FabricsVariables.States.Hover).circleBackgroundColor};\n            }\n          }\n\n          &:active {\n            background-color: ${checkedStyles(FabricsVariables.States.Press).backgroundColor};\n\n            &::after {\n              background-color: ${checkedStyles(FabricsVariables.States.Press).circleBackgroundColor};\n            }\n          }\n        }\n\n        ${!($disabled || $readOnly) &&\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","$readOnly","$mirrored","$labelPosition","defaultStyles","state","ToggleUtils.getStyles","checkedStyles","width","height","circle","css","Positions","getLabelFontStyles","ICON_CLASS","getFocusStyles","FabricsVariables","TOGGLE_SWITCH_CLASS"],"mappings":";;;;;;;;;AAaA,MAAM,EAAE,QAAAA,MAAWC,GAEbC,IAASC,EAAOC,CAAoF,KAEpGC,IAAcF,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAG,GAAO,OAAAC,QAAYA,EAAM,WAAW,SAASC,EAAuBF,CAAK,CAAC,CAAC;AAAA,GAG5EG,IAAgBN,EAAO;AAAA,IAIzB,CAAC,EAAE,OAAAG,GAAO,WAAAI,GAAW,WAAAC,GAAW,WAAAC,GAAW,gBAAAC,GAAgB,OAAAN,QAAY;AACvE,QAAMO,IAAgB,CAACC,MACrBC,EAAsBT,GAAOQ,GAAOL,KAAaC,CAAS,GACtDM,IAAgB,CAACF,MACrBC,EAAsBT,GAAOQ,GAAOL,KAAaC,GAAW,EAAI,GAE5D,EAAE,OAAAO,GAAO,QAAAC,GAAQ,QAAAC,EAAA,IAAWpB,EAAOM,CAAK;AAE9C,SAAOe;AAAA;AAAA,wBAEaT,KAAaC,MAAmBS,EAAU,QAAQ,gBAAgB,KAAK;AAAA;AAAA,aAElFtB,EAAOM,CAAK,EAAE,YAAY;AAAA;AAAA,QAE/BD,CAAW;AAAA,UACTkB,EAAmBhB,GAAOG,CAAS,CAAC;AAAA,kBAC5BC,IAAY,YAAY,SAAS;AAAA;AAAA;AAAA,SAG1Ca,CAAU;AAAA,UACTD,EAAmBhB,GAAOI,CAAS,CAAC;AAAA,kBAC5BA,IAAY,YAAY,SAAS;AAAA;AAAA;AAAA,QAG3CT,CAAM;AAAA;AAAA;AAAA,iBAGGgB,CAAK;AAAA,kBACJC,CAAM;AAAA,kBACNT,KAAaC,IAAY,YAAY,SAAS;AAAA;AAAA;AAAA,iBAG/CG,EAAA,EAAgB,KAAK;AAAA,4BACVA,EAAA,EAAgB,eAAe;AAAA;AAAA;AAAA,YAG/CW,EAAelB,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKfa,EAAO,MAAM;AAAA,iBACdA,EAAO,MAAM;AAAA,mBACXA,EAAO,IAAI;AAAA,oBACVA,EAAO,IAAI;AAAA,2BACJA,EAAO,OAAO,CAAC;AAAA;AAAA,oBAEtBV,KAAaC,IAAY,YAAY,SAAS;AAAA;AAAA;AAAA;AAAA,8BAIpCG,EAAA,EAAgB,qBAAqB;AAAA;AAAA;AAAA;AAAA,8BAIrCA,EAAcY,EAAiB,OAAO,KAAK,EAAE,eAAe;AAAA;AAAA;AAAA,gCAG1DZ,EAAcY,EAAiB,OAAO,KAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKpEZ,EAAcY,EAAiB,OAAO,KAAK,EAAE,eAAe;AAAA;AAAA;AAAA,gCAG1DZ,EAAcY,EAAiB,OAAO,KAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA;AAAA,YAItFC,CAAmB;AAAA;AAAA,8BAEDV,EAAA,EAAgB,eAAe;AAAA;AAAA;AAAA,oBAGzCG,EAAO,aAAa;AAAA,mBACrBA,EAAO,aAAa;AAAA,qBAClBA,EAAO,WAAW;AAAA,sBACjBA,EAAO,WAAW;AAAA,6BACXA,EAAO,cAAc,CAAC;AAAA,oCACfA,EAAO,UAAU;AAAA,gCACrBH,EAAA,EAAgB,qBAAqB;AAAA;AAAA;AAAA;AAAA,gCAIrCA,EAAcS,EAAiB,OAAO,KAAK,EAAE,eAAe;AAAA;AAAA;AAAA,kCAG1DT,EAAcS,EAAiB,OAAO,KAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKpET,EAAcS,EAAiB,OAAO,KAAK,EAAE,eAAe;AAAA;AAAA;AAAA,kCAG1DT,EAAcS,EAAiB,OAAO,KAAK,EAAE,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,UAK1F,EAAEhB,KAAaC,MACjBU;AAAA;AAAA,qBAEaD,EAAO,WAAW;AAAA;AAAA;AAAA,cAGzBO,CAAmB;AAAA,oCACGP,EAAO,aAAaA,EAAO,cAAcA,EAAO,WAAW;AAAA;AAAA,SAEtF;AAAA;AAAA;AAGP,CAAC;AAAA;"}

package/build/esm/components/ToggleButton/ToggleButton.js

@@ -1,68 +1,68 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
 import { forwardRef as C, useState as O, useEffect as v, useCallback as x } from "react";
 import N from "classnames";
 import { TOGGLE_BUTTON_CLASS as j } from "../../react-base/src/consts/classes.js";
 import { useProps as k } from "../../react-base/src/components/ToggleButton/ToggleButton.utils.js";
-import d from "./ToggleButton.styles.js";
+import c from "./ToggleButton.styles.js";
 import E from "../Loading/Loading.js";
-import c from "../Text/components/Label/Label.js";
+import u from "../Text/components/Label/Label.js";
 const q = C(
-  ({ className: b, onClick: u, ...S }, h) => {
+  ({ className: S, onClick: m, ...a }, y) => {
     const {
-      icon: m,
+      icon: f,
       iconOnly: g,
-      iconPosition: y,
+      iconPosition: h,
       loaderSize: $,
       children: e,
       loading: i,
       selected: t,
       rounded: B,
       size: o,
-      outlined: a,
-      primaryLabel: r,
-      secondaryLabel: n,
+      outlined: s,
+      primaryLabel: n,
+      secondaryLabel: r,
       ...L
-    } = k(S), [T, f] = O(() => t);
+    } = k(a), [T, p] = O(() => t);
     v(() => {
-      f(t);
+      p(t);
     }, [t]);
     const z = x(
-      (p) => {
-        i || (u?.(p), p.isDefaultPrevented() || f((P) => !P));
+      (b) => {
+        i || (m?.(b), typeof a.selected != "boolean" && !b.isDefaultPrevented() && p((P) => !P));
       },
-      [u, i]
+      [m, i, a.selected]
     );
-    return /* @__PURE__ */ s(
-      d.ToggleButton,
+    return /* @__PURE__ */ d(
+      c.ToggleButton,
       {
-        className: N(b, j),
-        ref: h,
+        className: N(S, j),
+        ref: y,
         type: "button",
         "aria-pressed": !!T,
         onClick: z,
-        $outlined: a,
+        $outlined: s,
         $size: o,
         $rounded: B,
         "aria-busy": i,
-        "aria-label": String(e ? e.toString() : r ?? n),
+        "aria-label": String(e ? e.toString() : n ?? r),
         ...L,
         children: [
-          /* @__PURE__ */ s(d.ToggleButtonContent, { $size: o, $iconPosition: y, $icon: m, $iconOnly: g, children: [
-            m,
-            !g && /* @__PURE__ */ s(d.ToggleButtonLabelContainer, { $size: o, children: [
-              !!e && /* @__PURE__ */ l(c, { size: o, children: e }),
-              !!r && /* @__PURE__ */ l(c, { size: o, children: r }),
-              !!n && /* @__PURE__ */ l(c, { size: o, bold: !0, children: n })
+          /* @__PURE__ */ d(c.ToggleButtonContent, { $size: o, $iconPosition: h, $icon: f, $iconOnly: g, children: [
+            f,
+            !g && /* @__PURE__ */ d(c.ToggleButtonLabelContainer, { $size: o, children: [
+              !!e && /* @__PURE__ */ l(u, { size: o, children: e }),
+              !!n && /* @__PURE__ */ l(u, { size: o, children: n }),
+              !!r && /* @__PURE__ */ l(u, { size: o, bold: !0, children: r })
             ] })
           ] }),
           !!i && /* @__PURE__ */ l(
             E,
             {
-              type: !a && t ? "selected" : void 0,
-              selectedProminence: !a && t ? "strong" : void 0,
+              type: !s && t ? "selected" : void 0,
+              selectedProminence: !s && t ? "strong" : void 0,
               size: $,
               "aria-hidden": !0,
-              "aria-label": String(e ? e.toString() : r ?? n)
+              "aria-label": String(e ? e.toString() : n ?? r)
             }
           )
         ]

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, useCallback, useEffect, useState } 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 Loading from '../Loading/Loading';\nimport Label from '../Text/components/Label/Label';\n\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\n  ({ className, onClick, ...props }: IToggleButtonProps, ref) => {\n    const {\n      icon,\n      iconOnly,\n      iconPosition,\n      loaderSize,\n      children,\n      loading,\n      selected,\n      rounded,\n      size,\n      outlined,\n      primaryLabel,\n      secondaryLabel,\n      ...toggleButtonProps\n    } = ToggleButtonUtils.useProps(props);\n    const [selectedValue, setSelectedValue] = useState(() => selected);\n\n    useEffect(() => {\n      setSelectedValue(selected);\n    }, [selected]);\n\n    const handleOnClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n      (e) => {\n        if (!loading) {\n          onClick?.(e);\n          if (!e.isDefaultPrevented()) {\n            setSelectedValue((prevSelected) => !prevSelected);\n          }\n        }\n      },\n      [onClick, loading],\n    );\n\n    return (\n      <Styled.ToggleButton\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={Boolean(selectedValue)}\n        onClick={handleOnClick}\n        $outlined={outlined}\n        $size={size}\n        $rounded={rounded}\n        aria-busy={loading}\n        aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n        {...toggleButtonProps}\n      >\n        <Styled.ToggleButtonContent $size={size} $iconPosition={iconPosition} $icon={icon} $iconOnly={iconOnly}>\n          {icon}\n          {!iconOnly && (\n            <Styled.ToggleButtonLabelContainer $size={size}>\n              {!!children && <Label size={size}>{children}</Label>}\n              {!!primaryLabel && <Label size={size}>{primaryLabel}</Label>}\n              {!!secondaryLabel && (\n                <Label size={size} bold={true}>\n                  {secondaryLabel}\n                </Label>\n              )}\n            </Styled.ToggleButtonLabelContainer>\n          )}\n        </Styled.ToggleButtonContent>\n        {!!loading && (\n          <Loading\n            type={!outlined && selected ? 'selected' : undefined}\n            selectedProminence={!outlined && selected ? 'strong' : undefined}\n            size={loaderSize}\n            aria-hidden={true}\n            aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n          />\n        )}\n      </Styled.ToggleButton>\n    );\n  },\n);\n\nexport default ToggleButton;\n"],"names":["ToggleButton","forwardRef","className","onClick","props","ref","icon","iconOnly","iconPosition","loaderSize","children","loading","selected","rounded","size","outlined","primaryLabel","secondaryLabel","toggleButtonProps","ToggleButtonUtils.useProps","selectedValue","setSelectedValue","useState","useEffect","handleOnClick","useCallback","e","prevSelected","jsxs","Styled","classNames","TOGGLE_BUTTON_CLASS","jsx","Label","Loading"],"mappings":";;;;;;;;AAWA,MAAMA,IAAeC;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAA6BC,MAAQ;AAC7D,UAAM;AAAA,MACJ,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDC,EAA2Bf,CAAK,GAC9B,CAACgB,GAAeC,CAAgB,IAAIC,EAAS,MAAMV,CAAQ;AAEjE,IAAAW,EAAU,MAAM;AACd,MAAAF,EAAiBT,CAAQ;AAAA,IAC3B,GAAG,CAACA,CAAQ,CAAC;AAEb,UAAMY,IAAsDC;AAAA,MAC1D,CAACC,MAAM;AACL,QAAKf,MACHR,IAAUuB,CAAC,GACNA,EAAE,wBACLL,EAAiB,CAACM,MAAiB,CAACA,CAAY;AAAA,MAGtD;AAAA,MACA,CAACxB,GAASQ,CAAO;AAAA,IAAA;AAGnB,WACE,gBAAAiB;AAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACC,WAAWC,EAAW5B,GAAW6B,CAAmB;AAAA,QACpD,KAAA1B;AAAA,QACA,MAAK;AAAA,QACL,gBAAc,EAAQe;AAAA,QACtB,SAASI;AAAA,QACT,WAAWT;AAAA,QACX,OAAOD;AAAA,QACP,UAAUD;AAAA,QACV,aAAWF;AAAA,QACX,cAAY,OAAOD,IAAWA,EAAS,SAAA,IAAcM,KAAgBC,CAAe;AAAA,QACnF,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAU,EAACC,EAAO,qBAAP,EAA2B,OAAOf,GAAM,eAAeN,GAAc,OAAOF,GAAM,WAAWC,GAC3F,UAAA;AAAA,YAAAD;AAAA,YACA,CAACC,KACA,gBAAAqB,EAACC,EAAO,4BAAP,EAAkC,OAAOf,GACvC,UAAA;AAAA,cAAA,CAAC,CAACJ,KAAY,gBAAAsB,EAACC,GAAA,EAAM,MAAAnB,GAAa,UAAAJ,GAAS;AAAA,cAC3C,CAAC,CAACM,KAAgB,gBAAAgB,EAACC,GAAA,EAAM,MAAAnB,GAAa,UAAAE,GAAa;AAAA,cACnD,CAAC,CAACC,KACD,gBAAAe,EAACC,KAAM,MAAAnB,GAAY,MAAM,IACtB,UAAAG,EAAA,CACH;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,GAEJ;AAAA,UACC,CAAC,CAACN,KACD,gBAAAqB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAM,CAACnB,KAAYH,IAAW,aAAa;AAAA,cAC3C,oBAAoB,CAACG,KAAYH,IAAW,WAAW;AAAA,cACvD,MAAMH;AAAA,cACN,eAAa;AAAA,cACb,cAAY,OAAOC,IAAWA,EAAS,SAAA,IAAcM,KAAgBC,CAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACtF;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, useCallback, useEffect, useState } 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 Loading from '../Loading/Loading';\nimport Label from '../Text/components/Label/Label';\n\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\n  ({ className, onClick, ...props }: IToggleButtonProps, ref) => {\n    const {\n      icon,\n      iconOnly,\n      iconPosition,\n      loaderSize,\n      children,\n      loading,\n      selected,\n      rounded,\n      size,\n      outlined,\n      primaryLabel,\n      secondaryLabel,\n      ...toggleButtonProps\n    } = ToggleButtonUtils.useProps(props);\n    const [selectedValue, setSelectedValue] = useState(() => selected);\n\n    useEffect(() => {\n      setSelectedValue(selected);\n    }, [selected]);\n\n    const handleOnClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n      (e) => {\n        if (!loading) {\n          onClick?.(e);\n          if (typeof props.selected !== 'boolean' && !e.isDefaultPrevented()) {\n            setSelectedValue((prevSelected) => !prevSelected);\n          }\n        }\n      },\n      [onClick, loading, props.selected],\n    );\n\n    return (\n      <Styled.ToggleButton\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={Boolean(selectedValue)}\n        onClick={handleOnClick}\n        $outlined={outlined}\n        $size={size}\n        $rounded={rounded}\n        aria-busy={loading}\n        aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n        {...toggleButtonProps}\n      >\n        <Styled.ToggleButtonContent $size={size} $iconPosition={iconPosition} $icon={icon} $iconOnly={iconOnly}>\n          {icon}\n          {!iconOnly && (\n            <Styled.ToggleButtonLabelContainer $size={size}>\n              {!!children && <Label size={size}>{children}</Label>}\n              {!!primaryLabel && <Label size={size}>{primaryLabel}</Label>}\n              {!!secondaryLabel && (\n                <Label size={size} bold={true}>\n                  {secondaryLabel}\n                </Label>\n              )}\n            </Styled.ToggleButtonLabelContainer>\n          )}\n        </Styled.ToggleButtonContent>\n        {!!loading && (\n          <Loading\n            type={!outlined && selected ? 'selected' : undefined}\n            selectedProminence={!outlined && selected ? 'strong' : undefined}\n            size={loaderSize}\n            aria-hidden={true}\n            aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\n          />\n        )}\n      </Styled.ToggleButton>\n    );\n  },\n);\n\nexport default ToggleButton;\n"],"names":["ToggleButton","forwardRef","className","onClick","props","ref","icon","iconOnly","iconPosition","loaderSize","children","loading","selected","rounded","size","outlined","primaryLabel","secondaryLabel","toggleButtonProps","ToggleButtonUtils.useProps","selectedValue","setSelectedValue","useState","useEffect","handleOnClick","useCallback","e","prevSelected","jsxs","Styled","classNames","TOGGLE_BUTTON_CLASS","jsx","Label","Loading"],"mappings":";;;;;;;;AAWA,MAAMA,IAAeC;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAA6BC,MAAQ;AAC7D,UAAM;AAAA,MACJ,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDC,EAA2Bf,CAAK,GAC9B,CAACgB,GAAeC,CAAgB,IAAIC,EAAS,MAAMV,CAAQ;AAEjE,IAAAW,EAAU,MAAM;AACd,MAAAF,EAAiBT,CAAQ;AAAA,IAC3B,GAAG,CAACA,CAAQ,CAAC;AAEb,UAAMY,IAAsDC;AAAA,MAC1D,CAACC,MAAM;AACL,QAAKf,MACHR,IAAUuB,CAAC,GACP,OAAOtB,EAAM,YAAa,aAAa,CAACsB,EAAE,wBAC5CL,EAAiB,CAACM,MAAiB,CAACA,CAAY;AAAA,MAGtD;AAAA,MACA,CAACxB,GAASQ,GAASP,EAAM,QAAQ;AAAA,IAAA;AAGnC,WACE,gBAAAwB;AAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACC,WAAWC,EAAW5B,GAAW6B,CAAmB;AAAA,QACpD,KAAA1B;AAAA,QACA,MAAK;AAAA,QACL,gBAAc,EAAQe;AAAA,QACtB,SAASI;AAAA,QACT,WAAWT;AAAA,QACX,OAAOD;AAAA,QACP,UAAUD;AAAA,QACV,aAAWF;AAAA,QACX,cAAY,OAAOD,IAAWA,EAAS,SAAA,IAAcM,KAAgBC,CAAe;AAAA,QACnF,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAU,EAACC,EAAO,qBAAP,EAA2B,OAAOf,GAAM,eAAeN,GAAc,OAAOF,GAAM,WAAWC,GAC3F,UAAA;AAAA,YAAAD;AAAA,YACA,CAACC,KACA,gBAAAqB,EAACC,EAAO,4BAAP,EAAkC,OAAOf,GACvC,UAAA;AAAA,cAAA,CAAC,CAACJ,KAAY,gBAAAsB,EAACC,GAAA,EAAM,MAAAnB,GAAa,UAAAJ,GAAS;AAAA,cAC3C,CAAC,CAACM,KAAgB,gBAAAgB,EAACC,GAAA,EAAM,MAAAnB,GAAa,UAAAE,GAAa;AAAA,cACnD,CAAC,CAACC,KACD,gBAAAe,EAACC,KAAM,MAAAnB,GAAY,MAAM,IACtB,UAAAG,EAAA,CACH;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,GAEJ;AAAA,UACC,CAAC,CAACN,KACD,gBAAAqB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAM,CAACnB,KAAYH,IAAW,aAAa;AAAA,cAC3C,oBAAoB,CAACG,KAAYH,IAAW,WAAW;AAAA,cACvD,MAAMH;AAAA,cACN,eAAa;AAAA,cACb,cAAY,OAAOC,IAAWA,EAAS,SAAA,IAAcM,KAAgBC,CAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACtF;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/build/esm/components/_internalComponents/ActionBar/ActionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD,QAAA,MAAM,SAAS,6CAKZ,eAAe,4CAmBjB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKzD,QAAA,MAAM,SAAS,6CAKZ,eAAe,4CA2BjB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,17 +1,22 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { Alignments as f, Directions as p, Sizes as d } from "../../../react-base/src/consts/index.js";
-import { ActionBar as A, ActionsContainer as m } from "./ActionBar.styles.js";
-import s from "../../Button/Button.js";
-const u = ({
-  size: t = d.Medium,
-  actions: n,
-  direction: a = p.Horizontal,
-  alignment: l = f.Right
-}) => /* @__PURE__ */ c(A, { $size: t, $direction: a, $alignment: l, children: [
-  n.some(({ showActionButton: o, position: i }) => o !== !1 && i === "opposite") && /* @__PURE__ */ r(m, { children: n.filter(({ showActionButton: o, position: i }) => o !== !1 && i === "opposite").map(({ label: o, action: i, props: e }) => /* @__PURE__ */ r(s, { size: t, onClick: i, label: o, ...e }, o)) }),
-  /* @__PURE__ */ r(m, { children: n.filter(({ showActionButton: o, position: i }) => o !== !1 && (!i || i === "normal")).map(({ label: o, action: i, props: e }) => /* @__PURE__ */ r(s, { size: t, onClick: i, label: o, ...e }, o)) })
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { Alignments as l, Directions as A, Sizes as B } from "../../../react-base/src/consts/index.js";
+import { ActionBar as C, ActionsContainer as e } from "./ActionBar.styles.js";
+import f from "../../Button/Button.js";
+import c from "../../Button/SentimentButton.js";
+const x = ({
+  size: m = B.Medium,
+  actions: r,
+  direction: d = A.Horizontal,
+  alignment: s = l.Right
+}) => /* @__PURE__ */ a(C, { $size: m, $direction: d, $alignment: s, children: [
+  r.some(({ showActionButton: t, position: i }) => t !== !1 && i === "opposite") && /* @__PURE__ */ o(e, { children: r.filter(({ showActionButton: t, position: i }) => t !== !1 && i === "opposite").map(
+    ({ label: t, action: i, props: n }) => n && "sentiment" in n ? /* @__PURE__ */ o(c, { size: m, onClick: i, label: t, ...n }, t) : /* @__PURE__ */ o(f, { size: m, onClick: i, label: t, ...n }, t)
+  ) }),
+  /* @__PURE__ */ o(e, { children: r.filter(({ showActionButton: t, position: i }) => t !== !1 && (!i || i === "normal")).map(
+    ({ label: t, action: i, props: n }) => n && "sentiment" in n ? /* @__PURE__ */ o(c, { size: m, onClick: i, label: t, ...n }, t) : /* @__PURE__ */ o(f, { size: m, onClick: i, label: t, ...n }, t)
+  ) })
 ] });
 export {
-  u as default
+  x as default
 };
 //# sourceMappingURL=ActionBar.js.map

package/build/esm/components/_internalComponents/ActionBar/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.tsx"],"sourcesContent":["import { Sizes, Directions, Alignments } from 'acinguiux-ds-react-base/consts';\n\nimport type { IActionBarProps } from './ActionBar.types';\nimport * as Styled from './ActionBar.styles';\nimport Button from '../../Button/Button';\n\nconst ActionBar = ({\n  size = Sizes.Medium,\n  actions,\n  direction = Directions.Horizontal,\n  alignment = Alignments.Right,\n}: IActionBarProps) => (\n  <Styled.ActionBar $size={size} $direction={direction} $alignment={alignment}>\n    {actions.some(({ showActionButton, position }) => showActionButton !== false && position === 'opposite') && (\n      <Styled.ActionsContainer>\n        {actions\n          .filter(({ showActionButton, position }) => showActionButton !== false && position === 'opposite')\n          .map(({ label, action, props }) => (\n            <Button key={label} size={size} onClick={action} label={label} {...props} />\n          ))}\n      </Styled.ActionsContainer>\n    )}\n    <Styled.ActionsContainer>\n      {actions\n        .filter(({ showActionButton, position }) => showActionButton !== false && (!position || position === 'normal'))\n        .map(({ label, action, props }) => (\n          <Button key={label} size={size} onClick={action} label={label} {...props} />\n        ))}\n    </Styled.ActionsContainer>\n  </Styled.ActionBar>\n);\n\nexport default ActionBar;\n"],"names":["ActionBar","size","Sizes","actions","direction","Directions","alignment","Alignments","jsxs","Styled.ActionBar","showActionButton","position","jsx","Styled.ActionsContainer","label","action","props","Button"],"mappings":";;;;AAMA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC,IAAOC,EAAM;AAAA,EACb,SAAAC;AAAA,EACA,WAAAC,IAAYC,EAAW;AAAA,EACvB,WAAAC,IAAYC,EAAW;AACzB,MACE,gBAAAC,EAACC,GAAA,EAAiB,OAAOR,GAAM,YAAYG,GAAW,YAAYE,GAC/D,UAAA;AAAA,EAAAH,EAAQ,KAAK,CAAC,EAAE,kBAAAO,GAAkB,UAAAC,QAAeD,MAAqB,MAASC,MAAa,UAAU,KACrG,gBAAAC,EAACC,GAAA,EACE,UAAAV,EACE,OAAO,CAAC,EAAE,kBAAAO,GAAkB,UAAAC,QAAeD,MAAqB,MAASC,MAAa,UAAU,EAChG,IAAI,CAAC,EAAE,OAAAG,GAAO,QAAAC,GAAQ,OAAAC,EAAA,wBACpBC,GAAA,EAAmB,MAAAhB,GAAY,SAASc,GAAQ,OAAAD,GAAe,GAAGE,EAAA,GAAtDF,CAA6D,CAC3E,GACL;AAAA,EAEF,gBAAAF,EAACC,GAAA,EACE,YACE,OAAO,CAAC,EAAE,kBAAAH,GAAkB,UAAAC,QAAeD,MAAqB,OAAU,CAACC,KAAYA,MAAa,SAAS,EAC7G,IAAI,CAAC,EAAE,OAAAG,GAAO,QAAAC,GAAQ,OAAAC,EAAA,MACrB,gBAAAJ,EAACK,GAAA,EAAmB,MAAAhB,GAAY,SAASc,GAAQ,OAAAD,GAAe,GAAGE,EAAA,GAAtDF,CAA6D,CAC3E,EAAA,CACL;AAAA,EAAA,CACF;"}
+{"version":3,"file":"ActionBar.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.tsx"],"sourcesContent":["import { Sizes, Directions, Alignments } from 'acinguiux-ds-react-base/consts';\n\nimport type { IActionBarProps } from './ActionBar.types';\nimport * as Styled from './ActionBar.styles';\nimport Button from '../../Button/Button';\nimport SentimentButton from '../../Button/SentimentButton';\n\nconst ActionBar = ({\n  size = Sizes.Medium,\n  actions,\n  direction = Directions.Horizontal,\n  alignment = Alignments.Right,\n}: IActionBarProps) => (\n  <Styled.ActionBar $size={size} $direction={direction} $alignment={alignment}>\n    {actions.some(({ showActionButton, position }) => showActionButton !== false && position === 'opposite') && (\n      <Styled.ActionsContainer>\n        {actions\n          .filter(({ showActionButton, position }) => showActionButton !== false && position === 'opposite')\n          .map(({ label, action, props }) =>\n            props && 'sentiment' in props ? (\n              <SentimentButton key={label} size={size} onClick={action} label={label} {...props} />\n            ) : (\n              <Button key={label} size={size} onClick={action} label={label} {...props} />\n            ),\n          )}\n      </Styled.ActionsContainer>\n    )}\n    <Styled.ActionsContainer>\n      {actions\n        .filter(({ showActionButton, position }) => showActionButton !== false && (!position || position === 'normal'))\n        .map(({ label, action, props }) =>\n          props && 'sentiment' in props ? (\n            <SentimentButton key={label} size={size} onClick={action} label={label} {...props} />\n          ) : (\n            <Button key={label} size={size} onClick={action} label={label} {...props} />\n          ),\n        )}\n    </Styled.ActionsContainer>\n  </Styled.ActionBar>\n);\n\nexport default ActionBar;\n"],"names":["ActionBar","size","Sizes","actions","direction","Directions","alignment","Alignments","jsxs","Styled.ActionBar","showActionButton","position","jsx","Styled.ActionsContainer","label","action","props","SentimentButton","Button"],"mappings":";;;;;AAOA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC,IAAOC,EAAM;AAAA,EACb,SAAAC;AAAA,EACA,WAAAC,IAAYC,EAAW;AAAA,EACvB,WAAAC,IAAYC,EAAW;AACzB,MACE,gBAAAC,EAACC,GAAA,EAAiB,OAAOR,GAAM,YAAYG,GAAW,YAAYE,GAC/D,UAAA;AAAA,EAAAH,EAAQ,KAAK,CAAC,EAAE,kBAAAO,GAAkB,UAAAC,EAAA,MAAeD,MAAqB,MAASC,MAAa,UAAU,KACrG,gBAAAC,EAACC,GAAA,EACE,UAAAV,EACE,OAAO,CAAC,EAAE,kBAAAO,GAAkB,UAAAC,QAAeD,MAAqB,MAASC,MAAa,UAAU,EAChG;AAAA,IAAI,CAAC,EAAE,OAAAG,GAAO,QAAAC,GAAQ,OAAAC,EAAA,MACrBA,KAAS,eAAeA,IACtB,gBAAAJ,EAACK,GAAA,EAA4B,MAAAhB,GAAY,SAASc,GAAQ,OAAAD,GAAe,GAAGE,EAAA,GAAtDF,CAA6D,IAEnF,gBAAAF,EAACM,GAAA,EAAmB,MAAAjB,GAAY,SAASc,GAAQ,OAAAD,GAAe,GAAGE,EAAA,GAAtDF,CAA6D;AAAA,EAAA,GAGlF;AAAA,oBAEDD,GAAA,EACE,UAAAV,EACE,OAAO,CAAC,EAAE,kBAAAO,GAAkB,UAAAC,EAAA,MAAeD,MAAqB,OAAU,CAACC,KAAYA,MAAa,SAAS,EAC7G;AAAA,IAAI,CAAC,EAAE,OAAAG,GAAO,QAAAC,GAAQ,OAAAC,EAAA,MACrBA,KAAS,eAAeA,IACtB,gBAAAJ,EAACK,GAAA,EAA4B,MAAAhB,GAAY,SAASc,GAAQ,OAAAD,GAAe,GAAGE,EAAA,GAAtDF,CAA6D,IAEnF,gBAAAF,EAACM,GAAA,EAAmB,MAAAjB,GAAY,SAASc,GAAQ,OAAAD,GAAe,GAAGE,EAAA,GAAtDF,CAA6D;AAAA,EAAA,EAE9E,CACJ;AAAA,EAAA,CACF;"}

package/build/esm/components/_internalComponents/ActionBar/ActionBar.types.d.ts

@@ -1,11 +1,11 @@
 import { Sizes, Directions, Alignments } from '../../../react-base/src/consts';
 import type { Action } from '../../../react-base/src/types';
-import type { IButtonProps } from '../../Button/Button.types';
+import type { IButtonProps, ISentimentButtonProps } from '../../Button/Button.types';
 export type ActionBarSizes = `${Sizes.Small | Sizes.Medium | Sizes.Large}`;
 export type ActionBarDirections = `${Directions}`;
 type ActionBarAlignmentsType = Alignments.Left | Alignments.Right | Alignments.Center | Alignments.Fill;
 export type ActionBarAlignments = `${ActionBarAlignmentsType}`;
-export type ActionBarAction = Action<IButtonProps>[];
+export type ActionBarAction = Action<IButtonProps | ISentimentButtonProps>[];
 export interface IActionBarProps {
     size?: ActionBarSizes;
     actions: ActionBarAction;

package/build/esm/components/_internalComponents/ActionBar/ActionBar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,MAAM,cAAc,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAC3E,MAAM,MAAM,mBAAmB,GAAG,GAAG,UAAU,EAAE,CAAC;AAClD,KAAK,uBAAuB,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;AACxG,MAAM,MAAM,mBAAmB,GAAG,GAAG,uBAAuB,EAAE,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC"}
+{"version":3,"file":"ActionBar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAErF,MAAM,MAAM,cAAc,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAC3E,MAAM,MAAM,mBAAmB,GAAG,GAAG,UAAU,EAAE,CAAC;AAClD,KAAK,uBAAuB,GAAG,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;AACxG,MAAM,MAAM,mBAAmB,GAAG,GAAG,uBAAuB,EAAE,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,GAAG,qBAAqB,CAAC,EAAE,CAAC;AAE7E,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC"}

package/build/esm/hooks/useForceUpdate.js

@@ -0,0 +1,9 @@
+import { useReducer as o } from "react";
+const c = () => {
+  const [, e] = o((r) => r + 1, 0);
+  return e;
+};
+export {
+  c as useForceUpdate
+};
+//# sourceMappingURL=useForceUpdate.js.map

package/build/esm/hooks/useForceUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForceUpdate.js","sources":["../../../src/hooks/useForceUpdate.tsx"],"sourcesContent":["import { useReducer } from 'react';\n\nexport const useForceUpdate = () => {\n  const [, forceUpdate] = useReducer((dummyValue) => dummyValue + 1, 0);\n\n  return forceUpdate;\n};\n"],"names":["useForceUpdate","forceUpdate","useReducer","dummyValue"],"mappings":";AAEO,MAAMA,IAAiB,MAAM;AAClC,QAAM,CAAA,EAAGC,CAAW,IAAIC,EAAW,CAACC,MAAeA,IAAa,GAAG,CAAC;AAEpE,SAAOF;AACT;"}

package/build/esm/hooks/useSyncState.js

@@ -0,0 +1,15 @@
+import { useRef as c } from "react";
+import { useForceUpdate as n } from "./useForceUpdate.js";
+const f = (r) => {
+  const e = c(r), t = n();
+  return [
+    () => e.current,
+    (o) => {
+      e.current = o, t();
+    }
+  ];
+};
+export {
+  f as useSyncState
+};
+//# sourceMappingURL=useSyncState.js.map

package/build/esm/hooks/useSyncState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncState.js","sources":["../../../src/hooks/useSyncState.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useForceUpdate } from './useForceUpdate';\n\ntype UseSyncStateProps<T> = [() => T, (newValue: T) => void];\n\nexport const useSyncState = <T>(initialValue: T): UseSyncStateProps<T> => {\n  const ref = useRef<T>(initialValue);\n  const forceUpdate = useForceUpdate();\n\n  return [\n    () => ref.current,\n    (newValue: T) => {\n      ref.current = newValue;\n      // re-render\n      forceUpdate();\n    },\n  ];\n};\n"],"names":["useSyncState","initialValue","ref","useRef","forceUpdate","useForceUpdate","newValue"],"mappings":";;AAMO,MAAMA,IAAe,CAAIC,MAA0C;AACxE,QAAMC,IAAMC,EAAUF,CAAY,GAC5BG,IAAcC,EAAA;AAEpB,SAAO;AAAA,IACL,MAAMH,EAAI;AAAA,IACV,CAACI,MAAgB;AACf,MAAAJ,EAAI,UAAUI,GAEdF,EAAA;AAAA,IACF;AAAA,EAAA;AAEJ;"}

package/build/esm/index.d.ts

@@ -44,11 +44,20 @@ export { default as useChartElementStyles } from './components/Chart/Recharts/ho
 export { default as useChartElementColor } from './components/Chart/Recharts/hooks/useChartElementColor';
 export { default as Checkbox } from './components/Checkbox/Checkbox';
 export type { ICheckboxProps } from './components/Checkbox/Checkbox.types';
+export type { IDatePickerProps } from './components/DeprecatedDatePicker/DatePicker.types';
+export { default as DeprecatedCalendar } from './components/DeprecatedDatePicker/components/Calendar/Calendar';
+export type { ICalendarProps as IDeprecatedCalendarProps, CalendarValueType, } from './components/DeprecatedDatePicker/components/Calendar/Calendar.types';
 export { default as DateInput } from './components/DateInput/DateInput';
 export type { IDateInputProps, DateInputSize, DateInputDateField } from './components/DateInput/DateInput.types';
 export type { IDateInputFieldProps, DateInputFieldType, } from './components/DateInput/components/DateInputField/DateInputField.types';
 export { default as NativeDatePicker } from './components/DatePicker/components/NativeDatePicker/NativeDatePicker';
 export type { INativeDatePickerProps, NativeDatePickerType, } from './components/DatePicker/components/NativeDatePicker/NativeDatePicker.types';
+export { default as DeprecatedSingleDatePicker } from './components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker';
+export type { ISingleDatePickerProps as IDeprecatedSingleDatePickerProps, SinglePickerValueType, } from './components/DeprecatedDatePicker/components/SingleDatePicker/SingleDatePicker.types';
+export { default as DeprecatedRangeDatePicker } from './components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker';
+export type { IRangePickerProps as IDeprecatedRangePickerProps, RangePickerValueType, } from './components/DeprecatedDatePicker/components/RangeDatePicker/RangeDatePicker.types';
+export { default as Calendar } from './components/DatePicker/components/Calendar/Calendar';
+export type { ICalendarProps } from './components/DatePicker/components/Calendar/Calendar.types';
 export { default as SingleDatePicker } from './components/DatePicker/components/SingleDatePicker/SingleDatePicker';
 export type { ISingleDatePickerProps } from './components/DatePicker/components/SingleDatePicker/SingleDatePicker.types';
 export { default as RangeDatePicker } from './components/DatePicker/components/RangeDatePicker/RangeDatePicker';
@@ -112,12 +121,20 @@ export { default as ProgressBar } from './components/ProgressBar/ProgressBar';
 export type { IProgressBarProps } from './components/ProgressBar/ProgressBar.types';
 export { default as RadioButton } from './components/RadioButton/RadioButton';
 export type { IRadioButtonProps } from './components/RadioButton/RadioButton.types';
+export { default as DeprecatedSelect } from './components/DeprecatedSelect/Select';
+export type { ISelectProps as IDeprecatedSelectProps } from './components/DeprecatedSelect/Select.types';
 export { default as Select } from './components/Select/Select';
 export type { ISelectProps, SelectMode } from './components/Select/Select.types';
 export { default as Option } from './components/Select/components/Option/Option';
 export type { IOptionProps } from './components/Select/components/Option/Option';
 export { default as OptionGroup } from './components/Select/components/OptionGroup/OptionGroup';
 export type { IOptionGroupProps } from './components/Select/components/OptionGroup/OptionGroup';
+export { default as DeprecatedOption } from './components/DeprecatedSelect/components/Option/Option';
+export type { IOptionProps as IDeprecatedOptionProps } from './components/DeprecatedSelect/components/Option/Option';
+export { default as DeprecatedOptionGroup } from './components/DeprecatedSelect/components/OptionGroup/OptionGroup';
+export type { IOptionGroupProps as IDeprecatedOptionGroupProps } from './components/DeprecatedSelect/components/OptionGroup/OptionGroup';
+export { default as NativeSelect } from './components/DeprecatedSelect/components/NativeSelect/NativeSelect';
+export type { INativeSelectProps } from './components/DeprecatedSelect/components/NativeSelect/NativeSelect.types';
 export { default as Slider } from './components/Slider/Slider';
 export { default as RangeSlider } from './components/Slider/RangeSlider';
 export { default as Stat } from './components/Stat/Stat';
@@ -127,6 +144,12 @@ export { default as useFileXhrUploader } from './components/FileUploader/hooks/u
 export type { IFileUploaderProps, FileType, FilePreview, OnProgress, OnError, OnDropFiles, OnRemoveFile, } from './components/FileUploader/FileUploader.types';
 export { default as Stepper } from './components/Stepper/Stepper';
 export type { IStepperProps } from './components/Stepper/Stepper.types';
+export { default as DeprecatedTable } from './components/DeprecatedTable/Table';
+export type * as DeprecatedTableProps from './components/DeprecatedTable/Table.types';
+export { default as useFilter } from './components/DeprecatedTable/hooks/useFilter';
+export { default as useSorter } from './components/DeprecatedTable/hooks/useSorter';
+export { getFilterData } from './components/DeprecatedTable/utils/filteringUtils';
+export { getSortData } from './components/DeprecatedTable/utils/sortingUtils';
 export { default as Table } from './components/Table/Table';
 export type { ITableProps, ITablePin, ITableSorterProps, ITableExpander, TablePinDirection, TableColumn, TableColumns, } from './components/Table/Table.types';
 export { default as BaseTable } from './components/Table/components/BaseTable/BaseTable';
@@ -181,6 +204,8 @@ export { default as ToggleButton } from './components/ToggleButton/ToggleButton'
 export type { IToggleButtonProps } from './components/ToggleButton/ToggleButton.types';
 export { default as Tooltip } from './components/Tooltip/Tooltip';
 export type { ITooltipProps } from './components/Tooltip/Tooltip.types';
+export { default as DeprecatedTree } from './components/DeprecatedTree/Tree';
+export * as DeprecatedTreeProps from './components/DeprecatedTree/Tree.types';
 export { default as Tree } from './components/Tree/Tree';
 export type { ITreeProps, TreeNode } from './components/Tree/Tree.types';
 //# sourceMappingURL=index.d.ts.map