acinguiux-ds-react-framework 0.1.26 → 0.1.27

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';\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;"}
+{"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, type ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Positions, Sizes, TOGGLE_CLASS, TOGGLE_SWITCH_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { ToggleConsts } from 'acinguiux-ds-react-base/components/Toggle';\r\n\r\nimport * as Styled from './Toggle.styles';\r\nimport type { IToggleProps } from './Toggle.types';\r\nimport * as Icons from '../Icon/components/index';\r\n\r\nconst Toggle = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      size = `${Sizes.Medium}`,\r\n      label,\r\n      checked,\r\n      selected,\r\n      defaultChecked,\r\n      defaultSelected,\r\n      disabled = false,\r\n      readOnly = false,\r\n      labelPosition = Positions.Left,\r\n      mirrored = false,\r\n      wrapperProps,\r\n      title,\r\n      ...rest\r\n    }: IToggleProps,\r\n    ref: ForwardedRef<HTMLButtonElement>,\r\n  ): ReactElement => {\r\n    const innerTitle = title || (typeof label === 'string' && label) || undefined;\r\n\r\n    return (\r\n      <Styled.ToggleWrapper\r\n        className={classNames(TOGGLE_CLASS, className)}\r\n        $size={size}\r\n        $mirrored={mirrored}\r\n        $labelPosition={labelPosition}\r\n        $disabled={disabled}\r\n        $readOnly={readOnly}\r\n        {...wrapperProps}\r\n      >\r\n        {!!label && <Styled.ToggleLabel $size={size}>{label}</Styled.ToggleLabel>}\r\n        {readOnly && <Icons.Lock width={ToggleConsts.consts[size].height} height={ToggleConsts.consts[size].height} />}\r\n        <Styled.Toggle\r\n          ref={ref}\r\n          prefixCls={TOGGLE_SWITCH_CLASS}\r\n          checked={selected ?? checked}\r\n          defaultChecked={defaultSelected ?? defaultChecked}\r\n          disabled={disabled || readOnly}\r\n          title={innerTitle}\r\n          {...rest}\r\n        />\r\n      </Styled.ToggleWrapper>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Toggle;\r\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.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, 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":"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"}
+{"version":3,"file":"Toggle.styles.js","sources":["../../../../src/components/Toggle/Toggle.styles.ts"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react';\r\n\r\nimport Switch from 'rc-switch';\r\nimport { styled, css } from 'styled-components';\r\nimport { Positions, TOGGLE_SWITCH_CLASS, ICON_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { getLabelFontStyles, getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { ToggleConsts, ToggleUtils } from 'acinguiux-ds-react-base/components/Toggle';\r\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport type { IToggleProps } from './Toggle.types';\r\n\r\nconst { consts } = ToggleConsts;\r\n\r\nconst Toggle = styled(Switch as ForwardRefExoticComponent<IToggleProps & RefAttributes<HTMLButtonElement>>)``;\r\n\r\nconst ToggleLabel = styled.label<Required<PickTransient<IToggleProps, 'size'>>>`\r\n  ${({ $size, theme }) => theme.typography('label', getLabelTypographySize($size))};\r\n`;\r\n\r\nconst ToggleWrapper = styled.div<\r\n  Required<PickTransient<IToggleProps, 'size'>> &\r\n    PickTransient<IToggleProps, 'disabled' | 'readOnly' | 'mirrored' | 'labelPosition'>\r\n>`\r\n  ${({ $size, $disabled, $readOnly, $mirrored, $labelPosition, theme }) => {\r\n    const defaultStyles = (state?: FabricsVariables.StateType) =>\r\n      ToggleUtils.getStyles(theme, state, $disabled || $readOnly);\r\n    const checkedStyles = (state?: FabricsVariables.StateType) =>\r\n      ToggleUtils.getStyles(theme, state, $disabled || $readOnly, true);\r\n\r\n    const { width, height, circle } = consts[$size];\r\n\r\n    return css`\r\n      display: flex;\r\n      flex-direction: ${$mirrored || $labelPosition === Positions.Right ? 'row-reverse' : 'row'};\r\n      align-items: center;\r\n      gap: ${consts[$size].labelSpacing}px;\r\n\r\n      ${ToggleLabel} {\r\n        ${getLabelFontStyles(theme, $disabled)};\r\n        cursor: ${$readOnly ? 'no-drop' : 'default'};\r\n      }\r\n\r\n      .${ICON_CLASS} {\r\n        ${getLabelFontStyles(theme, $readOnly)};\r\n        cursor: ${$readOnly ? 'no-drop' : 'default'};\r\n      }\r\n\r\n      ${Toggle} {\r\n        border: none;\r\n        position: relative;\r\n        width: ${width}px;\r\n        height: ${height}px;\r\n        cursor: ${$disabled || $readOnly ? 'no-drop' : 'pointer'};\r\n        transition: background-color 0.3s ease-out;\r\n        border-radius: 16px;\r\n        color: ${defaultStyles().color};\r\n        background-color: ${defaultStyles().backgroundColor};\r\n\r\n        &:focus-visible {\r\n          ${getFocusStyles(theme)};\r\n        }\r\n\r\n        &::after {\r\n          position: absolute;\r\n          left: ${circle.offset}px;\r\n          top: ${circle.offset}px;\r\n          width: ${circle.size}px;\r\n          height: ${circle.size}px;\r\n          border-radius: ${circle.size / 2}px;\r\n          content: '';\r\n          cursor: ${$disabled || $readOnly ? 'no-drop' : 'pointer'};\r\n          transition:\r\n            width 0.3s ease-out,\r\n            transform 0.3s ease-out;\r\n          background-color: ${defaultStyles().circleBackgroundColor};\r\n        }\r\n\r\n        &:hover {\r\n          background-color: ${defaultStyles(FabricsVariables.States.Hover).backgroundColor};\r\n\r\n          &::after {\r\n            background-color: ${defaultStyles(FabricsVariables.States.Hover).circleBackgroundColor};\r\n          }\r\n        }\r\n\r\n        &:active {\r\n          background-color: ${defaultStyles(FabricsVariables.States.Press).backgroundColor};\r\n\r\n          &::after {\r\n            background-color: ${defaultStyles(FabricsVariables.States.Press).circleBackgroundColor};\r\n          }\r\n        }\r\n\r\n        &.${TOGGLE_SWITCH_CLASS}-checked {\r\n          border: none;\r\n          background-color: ${checkedStyles().backgroundColor};\r\n\r\n          &::after {\r\n            left: ${circle.checkedOffset}px;\r\n            top: ${circle.checkedOffset}px;\r\n            width: ${circle.checkedSize}px;\r\n            height: ${circle.checkedSize}px;\r\n            border-radius: ${circle.checkedSize / 2}px;\r\n            transform: translateX(${circle.onPosition}px);\r\n            background-color: ${checkedStyles().circleBackgroundColor};\r\n          }\r\n\r\n          &:hover {\r\n            background-color: ${checkedStyles(FabricsVariables.States.Hover).backgroundColor};\r\n\r\n            &::after {\r\n              background-color: ${checkedStyles(FabricsVariables.States.Hover).circleBackgroundColor};\r\n            }\r\n          }\r\n\r\n          &:active {\r\n            background-color: ${checkedStyles(FabricsVariables.States.Press).backgroundColor};\r\n\r\n            &::after {\r\n              background-color: ${checkedStyles(FabricsVariables.States.Press).circleBackgroundColor};\r\n            }\r\n          }\r\n        }\r\n\r\n        ${!($disabled || $readOnly) &&\r\n        css`\r\n          &:active::after {\r\n            width: ${circle.pressedSize}px;\r\n          }\r\n\r\n          &.${TOGGLE_SWITCH_CLASS}-checked:active::after {\r\n            transform: translateX(${circle.onPosition - circle.pressedSize + circle.checkedSize}px);\r\n          }\r\n        `}\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport { Toggle, ToggleLabel, ToggleWrapper };\r\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":"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"}

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 (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;"}
+{"version":3,"file":"ToggleButton.js","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, useCallback, useEffect, useState } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { TOGGLE_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { ToggleButtonUtils } from 'acinguiux-ds-react-base/components/ToggleButton';\r\n\r\nimport Styled from './ToggleButton.styles';\r\nimport type { IToggleButtonProps } from './ToggleButton.types';\r\nimport Loading from '../Loading/Loading';\r\nimport Label from '../Text/components/Label/Label';\r\n\r\nconst ToggleButton = forwardRef<HTMLButtonElement, IToggleButtonProps>(\r\n  ({ className, onClick, ...props }: IToggleButtonProps, ref) => {\r\n    const {\r\n      icon,\r\n      iconOnly,\r\n      iconPosition,\r\n      loaderSize,\r\n      children,\r\n      loading,\r\n      selected,\r\n      rounded,\r\n      size,\r\n      outlined,\r\n      primaryLabel,\r\n      secondaryLabel,\r\n      ...toggleButtonProps\r\n    } = ToggleButtonUtils.useProps(props);\r\n    const [selectedValue, setSelectedValue] = useState(() => selected);\r\n\r\n    useEffect(() => {\r\n      setSelectedValue(selected);\r\n    }, [selected]);\r\n\r\n    const handleOnClick: MouseEventHandler<HTMLButtonElement> = useCallback(\r\n      (e) => {\r\n        if (!loading) {\r\n          onClick?.(e);\r\n          if (typeof props.selected !== 'boolean' && !e.isDefaultPrevented()) {\r\n            setSelectedValue((prevSelected) => !prevSelected);\r\n          }\r\n        }\r\n      },\r\n      [onClick, loading, props.selected],\r\n    );\r\n\r\n    return (\r\n      <Styled.ToggleButton\r\n        className={classNames(className, TOGGLE_BUTTON_CLASS)}\r\n        ref={ref}\r\n        type=\"button\"\r\n        aria-pressed={Boolean(selectedValue)}\r\n        onClick={handleOnClick}\r\n        $outlined={outlined}\r\n        $size={size}\r\n        $rounded={rounded}\r\n        aria-busy={loading}\r\n        aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\r\n        {...toggleButtonProps}\r\n      >\r\n        <Styled.ToggleButtonContent $size={size} $iconPosition={iconPosition} $icon={icon} $iconOnly={iconOnly}>\r\n          {icon}\r\n          {!iconOnly && (\r\n            <Styled.ToggleButtonLabelContainer $size={size}>\r\n              {!!children && <Label size={size}>{children}</Label>}\r\n              {!!primaryLabel && <Label size={size}>{primaryLabel}</Label>}\r\n              {!!secondaryLabel && (\r\n                <Label size={size} bold={true}>\r\n                  {secondaryLabel}\r\n                </Label>\r\n              )}\r\n            </Styled.ToggleButtonLabelContainer>\r\n          )}\r\n        </Styled.ToggleButtonContent>\r\n        {!!loading && (\r\n          <Loading\r\n            type={!outlined && selected ? 'selected' : undefined}\r\n            selectedProminence={!outlined && selected ? 'strong' : undefined}\r\n            size={loaderSize}\r\n            aria-hidden={true}\r\n            aria-label={String(children ? children.toString() : (primaryLabel ?? secondaryLabel))}\r\n          />\r\n        )}\r\n      </Styled.ToggleButton>\r\n    );\r\n  },\r\n);\r\n\r\nexport default ToggleButton;\r\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/ToggleButton/ToggleButton.styles.js.map

@@ -1 +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 {\n  ToggleButtonUtils,\n  ToggleButtonStyles,\n  type ToggleButtonTypes,\n} from 'acinguiux-ds-react-base/components/ToggleButton';\nimport { styled, css } from 'styled-components';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport { Label } from '../Text/components/Label/Label.styles';\n\nconst ToggleButtonLabelContainer = styled.div<ToggleButtonStyles.LabelContainerStylesProps>`\n  ${ToggleButtonStyles.LabelContainerStyles};\n`;\n\nconst ToggleButtonContent = styled.div<ToggleButtonStyles.ContentStylesProps>`\n  ${ToggleButtonStyles.ContentContainerStyles};\n\n  ${({ $size }) => css`\n    svg {\n      ${ToggleButtonUtils.getIconSize($size)};\n    }\n  `}\n`;\n\ntype ToggleButtonStylesProps = Required<PickTransient<ToggleButtonTypes.IProps, 'outlined'>>;\n\nconst ToggleButton = styled.button<ToggleButtonStyles.ContainerStylesProps & ToggleButtonStylesProps>(\n  ({ $outlined, theme }) => {\n    const styles = ToggleButtonUtils.getFabricStyles(theme, $outlined, false);\n    const selectedStyles = ToggleButtonUtils.getFabricStyles(theme, $outlined, true);\n\n    return css<ToggleButtonStyles.ContainerStylesProps>`\n      ${ToggleButtonStyles.ContainerStyles};\n      ${styles.resting};\n\n      &[aria-busy='true'] {\n        & ${ToggleButtonContent}, & ${ToggleButtonContent} > * {\n          ${ToggleButtonStyles.ContentLoadingStyles};\n        }\n      }\n\n      & ${Label} {\n        color: ${styles.resting.color};\n        white-space: nowrap;\n      }\n      border: none;\n\n      &:focus-visible {\n        ${getFocusStyles(theme)}\n      }\n\n      &:not(:disabled):hover {\n        ${styles.hover};\n        & ${Label} {\n          color: ${styles.hover.color};\n        }\n      }\n\n      &:not(:disabled):active {\n        ${styles.press};\n        & ${Label} {\n          color: ${styles.press.color};\n        }\n      }\n\n      &:disabled {\n        ${styles.disabled};\n        & ${Label} {\n          color: ${styles.disabled.color};\n        }\n      }\n\n      &[aria-pressed='true'] {\n        ${selectedStyles.resting};\n        & ${Label} {\n          color: ${selectedStyles.resting.color};\n        }\n\n        &:not(:disabled):hover {\n          ${selectedStyles.hover};\n          & ${Label} {\n            color: ${selectedStyles.hover.color};\n          }\n        }\n\n        &:not(:disabled):active {\n          ${selectedStyles.press};\n          & ${Label} {\n            color: ${selectedStyles.press.color};\n          }\n        }\n\n        &:disabled {\n          ${selectedStyles.disabled};\n          & ${Label} {\n            color: ${selectedStyles.disabled.color};\n          }\n        }\n      }\n    `;\n  },\n);\n\nexport default { ToggleButton, ToggleButtonLabelContainer, ToggleButtonContent };\n"],"names":["ToggleButtonLabelContainer","styled","ToggleButtonStyles.LabelContainerStyles","ToggleButtonContent","ToggleButtonStyles.ContentContainerStyles","$size","css","ToggleButtonUtils.getIconSize","ToggleButton","$outlined","theme","styles","ToggleButtonUtils.getFabricStyles","selectedStyles","ToggleButtonStyles.ContainerStyles","ToggleButtonStyles.ContentLoadingStyles","Label","getFocusStyles","Styled"],"mappings":";;;;;AAWA,MAAMA,IAA6BC,EAAO;AAAA,IACtCC,CAAuC;AAAA,GAGrCC,IAAsBF,EAAO;AAAA,IAC/BG,CAAyC;AAAA;AAAA,IAEzC,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA,QAEXC,EAA8BF,CAAK,CAAC;AAAA;AAAA,GAEzC;AAAA,GAKGG,IAAeP,EAAO;AAAA,EAC1B,CAAC,EAAE,WAAAQ,GAAW,OAAAC,QAAY;AACxB,UAAMC,IAASC,EAAkCF,GAAOD,GAAW,EAAK,GAClEI,IAAiBD,EAAkCF,GAAOD,GAAW,EAAI;AAE/E,WAAOH;AAAA,QACHQ,CAAkC;AAAA,QAClCH,EAAO,OAAO;AAAA;AAAA;AAAA,YAGVR,CAAmB,OAAOA,CAAmB;AAAA,YAC7CY,CAAuC;AAAA;AAAA;AAAA;AAAA,UAIzCC,CAAK;AAAA,iBACEL,EAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAM3BM,EAAeP,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,UAIrBC,EAAO,KAAK;AAAA,YACVK,CAAK;AAAA,mBACEL,EAAO,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,UAK3BA,EAAO,KAAK;AAAA,YACVK,CAAK;AAAA,mBACEL,EAAO,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,UAK3BA,EAAO,QAAQ;AAAA,YACbK,CAAK;AAAA,mBACEL,EAAO,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9BE,EAAe,OAAO;AAAA,YACpBG,CAAK;AAAA,mBACEH,EAAe,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,YAInCA,EAAe,KAAK;AAAA,cAClBG,CAAK;AAAA,qBACEH,EAAe,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAKnCA,EAAe,KAAK;AAAA,cAClBG,CAAK;AAAA,qBACEH,EAAe,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAKnCA,EAAe,QAAQ;AAAA,cACrBG,CAAK;AAAA,qBACEH,EAAe,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD;AACF,GAEAK,IAAe,EAAE,cAAAV,GAAc,4BAAAR,GAA4B,qBAAAG,EAAA;"}
+{"version":3,"file":"ToggleButton.styles.js","sources":["../../../../src/components/ToggleButton/ToggleButton.styles.ts"],"sourcesContent":["import { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport {\r\n  ToggleButtonUtils,\r\n  ToggleButtonStyles,\r\n  type ToggleButtonTypes,\r\n} from 'acinguiux-ds-react-base/components/ToggleButton';\r\nimport { styled, css } from 'styled-components';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport { Label } from '../Text/components/Label/Label.styles';\r\n\r\nconst ToggleButtonLabelContainer = styled.div<ToggleButtonStyles.LabelContainerStylesProps>`\r\n  ${ToggleButtonStyles.LabelContainerStyles};\r\n`;\r\n\r\nconst ToggleButtonContent = styled.div<ToggleButtonStyles.ContentStylesProps>`\r\n  ${ToggleButtonStyles.ContentContainerStyles};\r\n\r\n  ${({ $size }) => css`\r\n    svg {\r\n      ${ToggleButtonUtils.getIconSize($size)};\r\n    }\r\n  `}\r\n`;\r\n\r\ntype ToggleButtonStylesProps = Required<PickTransient<ToggleButtonTypes.IProps, 'outlined'>>;\r\n\r\nconst ToggleButton = styled.button<ToggleButtonStyles.ContainerStylesProps & ToggleButtonStylesProps>(\r\n  ({ $outlined, theme }) => {\r\n    const styles = ToggleButtonUtils.getFabricStyles(theme, $outlined, false);\r\n    const selectedStyles = ToggleButtonUtils.getFabricStyles(theme, $outlined, true);\r\n\r\n    return css<ToggleButtonStyles.ContainerStylesProps>`\r\n      ${ToggleButtonStyles.ContainerStyles};\r\n      ${styles.resting};\r\n\r\n      &[aria-busy='true'] {\r\n        & ${ToggleButtonContent}, & ${ToggleButtonContent} > * {\r\n          ${ToggleButtonStyles.ContentLoadingStyles};\r\n        }\r\n      }\r\n\r\n      & ${Label} {\r\n        color: ${styles.resting.color};\r\n        white-space: nowrap;\r\n      }\r\n      border: none;\r\n\r\n      &:focus-visible {\r\n        ${getFocusStyles(theme)}\r\n      }\r\n\r\n      &:not(:disabled):hover {\r\n        ${styles.hover};\r\n        & ${Label} {\r\n          color: ${styles.hover.color};\r\n        }\r\n      }\r\n\r\n      &:not(:disabled):active {\r\n        ${styles.press};\r\n        & ${Label} {\r\n          color: ${styles.press.color};\r\n        }\r\n      }\r\n\r\n      &:disabled {\r\n        ${styles.disabled};\r\n        & ${Label} {\r\n          color: ${styles.disabled.color};\r\n        }\r\n      }\r\n\r\n      &[aria-pressed='true'] {\r\n        ${selectedStyles.resting};\r\n        & ${Label} {\r\n          color: ${selectedStyles.resting.color};\r\n        }\r\n\r\n        &:not(:disabled):hover {\r\n          ${selectedStyles.hover};\r\n          & ${Label} {\r\n            color: ${selectedStyles.hover.color};\r\n          }\r\n        }\r\n\r\n        &:not(:disabled):active {\r\n          ${selectedStyles.press};\r\n          & ${Label} {\r\n            color: ${selectedStyles.press.color};\r\n          }\r\n        }\r\n\r\n        &:disabled {\r\n          ${selectedStyles.disabled};\r\n          & ${Label} {\r\n            color: ${selectedStyles.disabled.color};\r\n          }\r\n        }\r\n      }\r\n    `;\r\n  },\r\n);\r\n\r\nexport default { ToggleButton, ToggleButtonLabelContainer, ToggleButtonContent };\r\n"],"names":["ToggleButtonLabelContainer","styled","ToggleButtonStyles.LabelContainerStyles","ToggleButtonContent","ToggleButtonStyles.ContentContainerStyles","$size","css","ToggleButtonUtils.getIconSize","ToggleButton","$outlined","theme","styles","ToggleButtonUtils.getFabricStyles","selectedStyles","ToggleButtonStyles.ContainerStyles","ToggleButtonStyles.ContentLoadingStyles","Label","getFocusStyles","Styled"],"mappings":";;;;;AAWA,MAAMA,IAA6BC,EAAO;AAAA,IACtCC,CAAuC;AAAA,GAGrCC,IAAsBF,EAAO;AAAA,IAC/BG,CAAyC;AAAA;AAAA,IAEzC,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA,QAEXC,EAA8BF,CAAK,CAAC;AAAA;AAAA,GAEzC;AAAA,GAKGG,IAAeP,EAAO;AAAA,EAC1B,CAAC,EAAE,WAAAQ,GAAW,OAAAC,QAAY;AACxB,UAAMC,IAASC,EAAkCF,GAAOD,GAAW,EAAK,GAClEI,IAAiBD,EAAkCF,GAAOD,GAAW,EAAI;AAE/E,WAAOH;AAAA,QACHQ,CAAkC;AAAA,QAClCH,EAAO,OAAO;AAAA;AAAA;AAAA,YAGVR,CAAmB,OAAOA,CAAmB;AAAA,YAC7CY,CAAuC;AAAA;AAAA;AAAA;AAAA,UAIzCC,CAAK;AAAA,iBACEL,EAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAM3BM,EAAeP,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA,UAIrBC,EAAO,KAAK;AAAA,YACVK,CAAK;AAAA,mBACEL,EAAO,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,UAK3BA,EAAO,KAAK;AAAA,YACVK,CAAK;AAAA,mBACEL,EAAO,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,UAK3BA,EAAO,QAAQ;AAAA,YACbK,CAAK;AAAA,mBACEL,EAAO,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9BE,EAAe,OAAO;AAAA,YACpBG,CAAK;AAAA,mBACEH,EAAe,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,YAInCA,EAAe,KAAK;AAAA,cAClBG,CAAK;AAAA,qBACEH,EAAe,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAKnCA,EAAe,KAAK;AAAA,cAClBG,CAAK;AAAA,qBACEH,EAAe,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAKnCA,EAAe,QAAQ;AAAA,cACrBG,CAAK;AAAA,qBACEH,EAAe,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD;AACF,GAEAK,IAAe,EAAE,cAAAV,GAAc,4BAAAR,GAA4B,qBAAAG,EAAA;"}

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

@@ -1 +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        {!!arrow && (\n          <svg className=\"arrow\" ref={arrowRef} {...arrowProps} viewBox=\"0 0 20 7\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z\" />\n          </svg>\n        )}\n        {children || null}\n      </Styled.Overlay>\n    ) : null;\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"],"mappings":";;;;;AAQA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,cAAAC,GAAc,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAAQ;AACrF,UAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAWH,GAAOH,CAAY,GACjD,EAAE,WAAAO,GAAW,cAAAC,EAAA,IAAiBL,GAC9BM,IAAgB,OAAOZ,KAAa;AAE1C,WAAOG,EAAa,SAClB,gBAAAU;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGN;AAAA,QACJ,SAASI;AAAA,QACR,GAAGD;AAAA,QACJ,WAAWI,EAAWX,GAAWM,CAAS;AAAA,QAC1C,QAAQL;AAAA,QACR,KAAAE;AAAA,QAEC,UAAA;AAAA,UAAA,CAAC,CAACF,KACD,gBAAAW,EAAC,SAAI,WAAU,SAAQ,KAAKf,GAAW,GAAGC,GAAY,SAAQ,YAAW,OAAM,8BAC7E,4BAAC,QAAA,EAAK,GAAE,iOAAgO,GAC1O;AAAA,UAEDF,KAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAEb;AAAA,EACN;AACF;"}
+{"version":3,"file":"Overlay.js","sources":["../../../../src/components/Tooltip/Overlay.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport { useTooltip } from 'react-aria';\r\nimport classNames from 'classnames';\r\n\r\nimport * as Styled from './Overlay.styles';\r\nimport type { IOverlayProps } from './Overlay.types';\r\n\r\nconst Overlay = forwardRef<HTMLElement, IOverlayProps>(\r\n  ({ children, arrowRef, arrowProps, triggerState, className, arrow, ...props }, ref) => {\r\n    const { tooltipProps } = useTooltip(props, triggerState);\r\n    const { placement, overlayProps } = props;\r\n    const childIsString = typeof children === 'string';\r\n\r\n    return triggerState.isOpen ? (\r\n      <Styled.Overlay\r\n        {...tooltipProps}\r\n        $padded={childIsString}\r\n        {...overlayProps}\r\n        className={classNames(className, placement)}\r\n        $arrow={arrow}\r\n        ref={ref}\r\n      >\r\n        {!!arrow && (\r\n          <svg className=\"arrow\" ref={arrowRef} {...arrowProps} viewBox=\"0 0 20 7\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path d=\"M0 0H20L18.8147 0.000198954C17.6615 0.000392518 16.5644 0.498297 15.805 1.36618L11.5052 6.28033C10.7083 7.19098 9.29167 7.19098 8.49485 6.28033L4.19497 1.36618C3.43557 0.498295 2.33855 0.000392518 1.18533 0.000198954L0 0Z\" />\r\n          </svg>\r\n        )}\r\n        {children || null}\r\n      </Styled.Overlay>\r\n    ) : null;\r\n  },\r\n);\r\n\r\nexport { Overlay };\r\n"],"names":["Overlay","forwardRef","children","arrowRef","arrowProps","triggerState","className","arrow","props","ref","tooltipProps","useTooltip","placement","overlayProps","childIsString","jsxs","Styled.Overlay","classNames","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,cAAAC,GAAc,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAAQ;AACrF,UAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAWH,GAAOH,CAAY,GACjD,EAAE,WAAAO,GAAW,cAAAC,EAAA,IAAiBL,GAC9BM,IAAgB,OAAOZ,KAAa;AAE1C,WAAOG,EAAa,SAClB,gBAAAU;AAAA,MAACC;AAAAA,MAAA;AAAA,QACE,GAAGN;AAAA,QACJ,SAASI;AAAA,QACR,GAAGD;AAAA,QACJ,WAAWI,EAAWX,GAAWM,CAAS;AAAA,QAC1C,QAAQL;AAAA,QACR,KAAAE;AAAA,QAEC,UAAA;AAAA,UAAA,CAAC,CAACF,KACD,gBAAAW,EAAC,SAAI,WAAU,SAAQ,KAAKf,GAAW,GAAGC,GAAY,SAAQ,YAAW,OAAM,8BAC7E,4BAAC,QAAA,EAAK,GAAE,iOAAgO,GAC1O;AAAA,UAEDF,KAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAEb;AAAA,EACN;AACF;"}

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

@@ -1 +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';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport type { IOverlayProps } from './Overlay.types';\n\nexport const Overlay = styled.span<PickTransient<IOverlayProps, 'arrow'> & { $padded?: boolean }>(\n  ({ $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      position: relative;\n\n      ${$padded &&\n      css`\n        padding: 8px;\n      `}\n\n      ${$arrow &&\n      css`\n        .arrow {\n          fill: ${background};\n          position: absolute;\n          width: ${arrowWidth}px;\n          height: ${arrowHeight}px;\n        }\n\n        &.top .arrow {\n          bottom: -${arrowHeight - 1}px;\n          transform: translateX(-${arrowWidth / 2}px);\n        }\n\n        &.bottom .arrow {\n          top: -${arrowHeight - 1}px;\n          transform: rotate(180deg) translateX(${arrowWidth / 2}px);\n        }\n\n        &.right .arrow {\n          left: unset;\n          right: calc(100% - ${arrowHeight - 1}px);\n          transform: rotate(90deg) translateX(-${arrowHeight / 2}px);\n        }\n\n        &.left .arrow {\n          right: unset;\n          left: calc(100% - ${arrowHeight - 1}px);\n          transform: rotate(-90deg) translateX(${arrowHeight / 2}px);\n        }\n      `}\n    `;\n  },\n);\n"],"names":["Overlay","styled","$padded","$arrow","theme","background","color","dropShadow","zIndex","arrowWidth","arrowHeight","TooltipUtils.useStyles","css"],"mappings":";;AAMO,MAAMA,IAAUC,EAAO;AAAA,EAC5B,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,QAAY;AAC9B,UAAM,EAAE,YAAAC,GAAY,OAAAC,GAAO,YAAAC,GAAY,QAAAC,GAAQ,YAAAC,GAAY,aAAAC,EAAA,IAAgBC,EAAuBP,CAAK;AAEvG,WAAOQ;AAAA,iBACMJ,CAAM;AAAA;AAAA,oBAEHH,CAAU;AAAA,eACfC,CAAK;AAAA,gBACJC,CAAU;AAAA;AAAA;AAAA,QAGlBL,KACFU;AAAA;AAAA,OAEC;AAAA;AAAA,QAECT,KACFS;AAAA;AAAA,kBAEYP,CAAU;AAAA;AAAA,mBAETI,CAAU;AAAA,oBACTC,CAAW;AAAA;AAAA;AAAA;AAAA,qBAIVA,IAAc,CAAC;AAAA,mCACDD,IAAa,CAAC;AAAA;AAAA;AAAA;AAAA,kBAI/BC,IAAc,CAAC;AAAA,iDACgBD,IAAa,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,+BAKhCC,IAAc,CAAC;AAAA,iDACGA,IAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKlCA,IAAc,CAAC;AAAA,iDACIA,IAAc,CAAC;AAAA;AAAA,OAEzD;AAAA;AAAA,EAEL;AACF;"}
+{"version":3,"file":"Overlay.styles.js","sources":["../../../../src/components/Tooltip/Overlay.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport type { IOverlayProps } from './Overlay.types';\r\n\r\nexport const Overlay = styled.span<PickTransient<IOverlayProps, 'arrow'> & { $padded?: boolean }>(\r\n  ({ $padded, $arrow, theme }) => {\r\n    const { background, color, dropShadow, zIndex, arrowWidth, arrowHeight } = TooltipUtils.useStyles(theme);\r\n\r\n    return css`\r\n      z-index: ${zIndex};\r\n      border-radius: 6px;\r\n      background: ${background};\r\n      color: ${color};\r\n      filter: ${dropShadow};\r\n      position: relative;\r\n\r\n      ${$padded &&\r\n      css`\r\n        padding: 8px;\r\n      `}\r\n\r\n      ${$arrow &&\r\n      css`\r\n        .arrow {\r\n          fill: ${background};\r\n          position: absolute;\r\n          width: ${arrowWidth}px;\r\n          height: ${arrowHeight}px;\r\n        }\r\n\r\n        &.top .arrow {\r\n          bottom: -${arrowHeight - 1}px;\r\n          transform: translateX(-${arrowWidth / 2}px);\r\n        }\r\n\r\n        &.bottom .arrow {\r\n          top: -${arrowHeight - 1}px;\r\n          transform: rotate(180deg) translateX(${arrowWidth / 2}px);\r\n        }\r\n\r\n        &.right .arrow {\r\n          left: unset;\r\n          right: calc(100% - ${arrowHeight - 1}px);\r\n          transform: rotate(90deg) translateX(-${arrowHeight / 2}px);\r\n        }\r\n\r\n        &.left .arrow {\r\n          right: unset;\r\n          left: calc(100% - ${arrowHeight - 1}px);\r\n          transform: rotate(-90deg) translateX(${arrowHeight / 2}px);\r\n        }\r\n      `}\r\n    `;\r\n  },\r\n);\r\n"],"names":["Overlay","styled","$padded","$arrow","theme","background","color","dropShadow","zIndex","arrowWidth","arrowHeight","TooltipUtils.useStyles","css"],"mappings":";;AAMO,MAAMA,IAAUC,EAAO;AAAA,EAC5B,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,QAAY;AAC9B,UAAM,EAAE,YAAAC,GAAY,OAAAC,GAAO,YAAAC,GAAY,QAAAC,GAAQ,YAAAC,GAAY,aAAAC,EAAA,IAAgBC,EAAuBP,CAAK;AAEvG,WAAOQ;AAAA,iBACMJ,CAAM;AAAA;AAAA,oBAEHH,CAAU;AAAA,eACfC,CAAK;AAAA,gBACJC,CAAU;AAAA;AAAA;AAAA,QAGlBL,KACFU;AAAA;AAAA,OAEC;AAAA;AAAA,QAECT,KACFS;AAAA;AAAA,kBAEYP,CAAU;AAAA;AAAA,mBAETI,CAAU;AAAA,oBACTC,CAAW;AAAA;AAAA;AAAA;AAAA,qBAIVA,IAAc,CAAC;AAAA,mCACDD,IAAa,CAAC;AAAA;AAAA;AAAA;AAAA,kBAI/BC,IAAc,CAAC;AAAA,iDACgBD,IAAa,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,+BAKhCC,IAAc,CAAC;AAAA,iDACGA,IAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKlCA,IAAc,CAAC;AAAA,iDACIA,IAAc,CAAC;AAAA;AAAA,OAEzD;AAAA;AAAA,EAEL;AACF;"}

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

@@ -1 +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      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      overlay,\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<SVGSVGElement>(null);\n\n    useImperativeHandle(ref, () => overlayRef.current!);\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, { key: 'tooltip-trigger', ref: targetRef, ...mergedProps });\n\n    const portal =\n      typeof document === 'undefined'\n        ? null\n        : createPortal(\n            <Overlay\n              {...overlayProps}\n              {...tooltipProps}\n              key=\"tooltip-overlay\"\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    return [trigger, portal];\n  },\n);\n\nexport default Tooltip;\n"],"names":["Tooltip","forwardRef","className","isOpen","triggerElement","shouldFlip","triggerAction","onOpenChange","externalTargetRef","props","ref","delay","closeDelay","isDisabled","offset","crossOffset","overlay","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","createElement","Overlay","classNames","TOOLTIP_CLASS"],"mappings":";;;;;;;;AAYA,MAAMA,IAAUC;AAAA,EACd,CACE;AAAA,IACE,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAASC;AAAA,IACT,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAWC;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM;AAAA,MACJ,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,IAAA,IACEC,EAAsBb,CAAK,GAEzBc,IAAQC,EAAuB;AAAA,MACnC,OAAAb;AAAA,MACA,QAAAR;AAAA,MACA,YAAAS;AAAA,MACA,SAASN;AAAA,MACT,YAAAO;AAAA,MACA,cAAAN;AAAA,IAAA,CACD,GAEKkB,IAAoBC,EAAoB,IAAI,GAC5CC,IAAYnB,KAAqBiB,GACjCG,IAAaF,EAAoB,IAAI,GACrCG,IAAWH,EAAsB,IAAI;AAE3C,IAAAI,EAAoBpB,GAAK,MAAMkB,EAAW,OAAQ;AAElD,UAAM,EAAE,cAAAG,GAAc,cAAAC,EAAA,IAAiBC;AAAA,MACrC;AAAA,QACE,YAAApB;AAAA,QACA,SAASP;AAAA,MAAA;AAAA,MAEXiB;AAAA,MACAI;AAAA,IAAA,GAGIO,IAAeC,EAAmB;AAAA,MACtC,WAAWjB;AAAA,MACX,WAAAS;AAAA,MACA,YAAAC;AAAA,MACA,QAAAd;AAAA,MACA,aAAAC;AAAA,MACA,YAAAV;AAAA,MACA,WAAAc;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,QAAQE,EAAM;AAAA,IAAA,CACf,GAEKa,IAAcC,EAAWjC,EAAe,OAAO2B,CAAY,GAE3DO,IAAUC,EAAanC,GAAgB,EAAE,KAAK,mBAAmB,KAAKuB,GAAW,GAAGS,GAAa,GAEjGI,IACJ,OAAO,WAAa,MAChB,OACAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGT;AAAA,UACH,GAAGF;AAAA,UACJ,KAAI;AAAA,UACJ,cAAcT;AAAA,UACd,WAAWqB,EAAWC,GAAe3C,CAAS;AAAA,UAC9C,UAAA2B;AAAA,UACA,OAAAZ;AAAA,UACA,KAAKW;AAAA,QAAA;AAAA,QAEJZ;AAAA,MAAA;AAAA,MAEH,SAAS;AAAA,IAAA;AAEjB,WAAO,CAACsB,GAASE,CAAM;AAAA,EACzB;AACF;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, forwardRef, useImperativeHandle, useRef } from 'react';\r\n\r\nimport { mergeProps, useOverlayPosition, useTooltipTrigger, type PositionProps } from 'react-aria';\r\nimport { useTooltipTriggerState } from 'react-stately';\r\nimport { createPortal } from 'react-dom';\r\nimport classNames from 'classnames';\r\nimport { TOOLTIP_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { TooltipUtils } from 'acinguiux-ds-react-base/components/Tooltip';\r\n\r\nimport type { ITooltipProps } from './Tooltip.types';\r\nimport { Overlay } from './Overlay';\r\n\r\nconst Tooltip = forwardRef<HTMLElement, ITooltipProps>(\r\n  (\r\n    {\r\n      className,\r\n      isOpen,\r\n      trigger: triggerElement,\r\n      shouldFlip,\r\n      triggerAction,\r\n      onOpenChange,\r\n      targetRef: externalTargetRef,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const {\r\n      delay,\r\n      closeDelay,\r\n      isDisabled,\r\n      offset,\r\n      crossOffset,\r\n      overlay,\r\n      arrow,\r\n      overlayPlacement,\r\n      arrowSize,\r\n      containerPadding,\r\n      arrowBoundaryOffset,\r\n    } = TooltipUtils.useProps(props);\r\n\r\n    const state = useTooltipTriggerState({\r\n      delay,\r\n      isOpen,\r\n      closeDelay,\r\n      trigger: triggerAction,\r\n      isDisabled,\r\n      onOpenChange,\r\n    });\r\n\r\n    const internalTargetRef = useRef<HTMLElement>(null);\r\n    const targetRef = externalTargetRef ?? internalTargetRef;\r\n    const overlayRef = useRef<HTMLElement>(null);\r\n    const arrowRef = useRef<SVGSVGElement>(null);\r\n\r\n    useImperativeHandle(ref, () => overlayRef.current!);\r\n\r\n    const { triggerProps, tooltipProps } = useTooltipTrigger(\r\n      {\r\n        isDisabled,\r\n        trigger: triggerAction,\r\n      },\r\n      state,\r\n      targetRef,\r\n    );\r\n\r\n    const overlayProps = useOverlayPosition({\r\n      placement: overlayPlacement as PositionProps['placement'],\r\n      targetRef,\r\n      overlayRef,\r\n      offset,\r\n      crossOffset,\r\n      shouldFlip,\r\n      arrowSize,\r\n      containerPadding,\r\n      arrowBoundaryOffset,\r\n      isOpen: state.isOpen,\r\n    });\r\n\r\n    const mergedProps = mergeProps(triggerElement.props, triggerProps);\r\n\r\n    const trigger = cloneElement(triggerElement, { key: 'tooltip-trigger', ref: targetRef, ...mergedProps });\r\n\r\n    const portal =\r\n      typeof document === 'undefined'\r\n        ? null\r\n        : createPortal(\r\n            <Overlay\r\n              {...overlayProps}\r\n              {...tooltipProps}\r\n              key=\"tooltip-overlay\"\r\n              triggerState={state}\r\n              className={classNames(TOOLTIP_CLASS, className)}\r\n              arrowRef={arrowRef}\r\n              arrow={arrow}\r\n              ref={overlayRef}\r\n            >\r\n              {overlay}\r\n            </Overlay>,\r\n            document.body,\r\n          );\r\n    return [trigger, portal];\r\n  },\r\n);\r\n\r\nexport default Tooltip;\r\n"],"names":["Tooltip","forwardRef","className","isOpen","triggerElement","shouldFlip","triggerAction","onOpenChange","externalTargetRef","props","ref","delay","closeDelay","isDisabled","offset","crossOffset","overlay","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","createElement","Overlay","classNames","TOOLTIP_CLASS"],"mappings":";;;;;;;;AAYA,MAAMA,IAAUC;AAAA,EACd,CACE;AAAA,IACE,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAASC;AAAA,IACT,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAWC;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM;AAAA,MACJ,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAAC;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,IAAA,IACEC,EAAsBb,CAAK,GAEzBc,IAAQC,EAAuB;AAAA,MACnC,OAAAb;AAAA,MACA,QAAAR;AAAA,MACA,YAAAS;AAAA,MACA,SAASN;AAAA,MACT,YAAAO;AAAA,MACA,cAAAN;AAAA,IAAA,CACD,GAEKkB,IAAoBC,EAAoB,IAAI,GAC5CC,IAAYnB,KAAqBiB,GACjCG,IAAaF,EAAoB,IAAI,GACrCG,IAAWH,EAAsB,IAAI;AAE3C,IAAAI,EAAoBpB,GAAK,MAAMkB,EAAW,OAAQ;AAElD,UAAM,EAAE,cAAAG,GAAc,cAAAC,EAAA,IAAiBC;AAAA,MACrC;AAAA,QACE,YAAApB;AAAA,QACA,SAASP;AAAA,MAAA;AAAA,MAEXiB;AAAA,MACAI;AAAA,IAAA,GAGIO,IAAeC,EAAmB;AAAA,MACtC,WAAWjB;AAAA,MACX,WAAAS;AAAA,MACA,YAAAC;AAAA,MACA,QAAAd;AAAA,MACA,aAAAC;AAAA,MACA,YAAAV;AAAA,MACA,WAAAc;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,QAAQE,EAAM;AAAA,IAAA,CACf,GAEKa,IAAcC,EAAWjC,EAAe,OAAO2B,CAAY,GAE3DO,IAAUC,EAAanC,GAAgB,EAAE,KAAK,mBAAmB,KAAKuB,GAAW,GAAGS,GAAa,GAEjGI,IACJ,OAAO,WAAa,MAChB,OACAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGT;AAAA,UACH,GAAGF;AAAA,UACJ,KAAI;AAAA,UACJ,cAAcT;AAAA,UACd,WAAWqB,EAAWC,GAAe3C,CAAS;AAAA,UAC9C,UAAA2B;AAAA,UACA,OAAAZ;AAAA,UACA,KAAKW;AAAA,QAAA;AAAA,QAEJZ;AAAA,MAAA;AAAA,MAEH,SAAS;AAAA,IAAA;AAEjB,WAAO,CAACsB,GAASE,CAAM;AAAA,EACzB;AACF;"}

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

@@ -1 +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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [treeData, isDisabled]);\n\n  const onToggleExpanded: TreeTypes.ToggleExpandedType = ({ 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)!, deepCloneTree(nextData!));\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!));\n    }\n  };\n\n  return (\n    <Styled.Tree role=\"tree\" aria-multiselectable={true} 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":";;;;;;AASA,MAAMA,IAAOC,EAAW,CAAC,EAAE,GAAGC,EAAA,GAAqBC,MAAwC;AACzF,QAAMC,IAAmBC,EAAO,EAAI,GAC9B,EAAE,UAAAC,GAAU,MAAAC,GAAM,UAAAC,GAAU,aAAAC,GAAa,YAAAC,GAAY,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,IACzFC,EAAmBb,CAAK,GAEpB,CAACc,GAAMC,CAAO,IAAIC,EAASC,EAAU,EAAE,UAAUb,GAAU,UAAAO,GAAU,YAAAH,EAAA,CAAY,CAAC;AAExF,EAAAU,EAAU,MAAM;AACd,QAAIhB,EAAiB,SAAS;AAC5B,MAAAA,EAAiB,UAAU;AAE3B;AAAA,IACF;AAEA,IAAAa,EAAQE,EAAU,EAAE,UAAUb,GAAU,UAAAO,GAAU,YAAAH,EAAA,CAAY,CAAC;AAAA,EAEjE,GAAG,CAACJ,GAAUI,CAAU,CAAC;AAEzB,QAAMW,IAAiD,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAO,CAAA,QAAS;AAC9E,QAAI,CAACP;AACH;AAGF,QAAI,CAACM,EAAK,YAAYT,GAAU;AAC9B,YAAMW,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,WAAW,IAAM,YAAY,IAAM;AAC7F,MAAAN,EAAQO,CAAQ,GAChBX,EAASS,CAAI;AAEb;AAAA,IACF;AAEA,UAAME,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,YAAY,CAACD,EAAK,YAAY;AACxF,IAAAL,EAAQO,CAAQ,GAEZZ,KACFA,EAASc,EAAUF,GAAUD,CAAI,GAAII,EAAcH,CAAS,CAAC;AAAA,EAEjE,GAEMI,IAA+C,CAAC,EAAE,MAAAN,GAAM,MAAAC,IAAO,CAAA,QAAS;AAC5E,QAAI,CAACP;AACH;AAGF,UAAMa,IAAYP,EAAK,cAAc,kBAAkB,KAAO,CAACA,EAAK;AAEpE,QAAIE,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,WAAWM,EAAA,GAAa,EAAI;AACpF,IAAAL,IAAWM,EAA6BN,GAAU,CAAC,GAAGD,CAAI,CAAC,GAC3DN,EAAQO,CAAQ;AAEhB,UAAMO,IAAcL,EAAUF,GAAUD,CAAI;AAC5C,IAAIQ,KAAepB,KACjBA,EAAQoB,GAAaJ,EAAcH,CAAS,CAAC;AAAA,EAEjD;AAEA,SACE,gBAAAQ,EAACC,GAAA,EAAY,MAAK,QAAO,wBAAsB,IAAM,KAAA9B,GAAW,GAAGW,GAChE,UAAAE,GAAM,IAAI,CAACM,GAAMY,MAChB,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,eAAe;AAAA,MACf,MAAAb;AAAA,MACA,MAAM,CAACY,CAAC;AAAA,MACR,MAAA3B;AAAA,MACA,aAAAE;AAAA,MACA,UAAAD;AAAA,MACA,kBAAAa;AAAA,MACA,iBAAAO;AAAA,IAAA;AAAA,IARKN,EAAK;AAAA,EAAA,CAUb,GACH;AAEJ,CAAC;"}
+{"version":3,"file":"Tree.js","sources":["../../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import { useEffect, useRef, useState, forwardRef, type ForwardedRef } from 'react';\r\n\r\nimport { type TreeTypes, TreeUtils } from 'acinguiux-ds-react-base/components/Tree';\r\n\r\nimport * as Styled from './Tree.styles';\r\nimport type { ITreeProps } from './Tree.types';\r\nimport TreeNodeComponent from './components/TreeNode/TreeNode';\r\nimport { updateNodeByPath, getByPath, patchData, updateParentOnCheckboxChange, deepCloneTree } from './utils/treeUtils';\r\n\r\nconst Tree = forwardRef(({ ...props }: ITreeProps, ref: ForwardedRef<HTMLUListElement>) => {\r\n  const checkFirstRender = useRef(true);\r\n  const { treeData, size, showIcon, isCheckable, isDisabled, onCheck, onExpand, loadData, ...treeProps } =\r\n    TreeUtils.useProps(props);\r\n\r\n  const [data, setData] = useState(patchData({ nextData: treeData, loadData, isDisabled }));\r\n\r\n  useEffect(() => {\r\n    if (checkFirstRender.current) {\r\n      checkFirstRender.current = false;\r\n\r\n      return;\r\n    }\r\n\r\n    setData(patchData({ nextData: treeData, loadData, isDisabled }));\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [treeData, isDisabled]);\r\n\r\n  const onToggleExpanded: TreeTypes.ToggleExpandedType = ({ node, path = [] }) => {\r\n    if (!data) {\r\n      return;\r\n    }\r\n\r\n    if (!node.children && loadData) {\r\n      const nextData = updateNodeByPath([...data], [...path], { isLoading: true, isExpanded: true });\r\n      setData(nextData);\r\n      loadData(node);\r\n\r\n      return;\r\n    }\r\n\r\n    const nextData = updateNodeByPath([...data], [...path], { isExpanded: !node.isExpanded });\r\n    setData(nextData);\r\n\r\n    if (onExpand) {\r\n      onExpand(getByPath(nextData, path)!, deepCloneTree(nextData!));\r\n    }\r\n  };\r\n\r\n  const onToggleChecked: TreeTypes.ToggleCheckedType = ({ node, path = [] }) => {\r\n    if (!data) {\r\n      return;\r\n    }\r\n\r\n    const nextValue = node.isChecked === 'indeterminate' ? true : !node.isChecked;\r\n\r\n    let nextData = updateNodeByPath([...data], [...path], { isChecked: nextValue }, true);\r\n    nextData = updateParentOnCheckboxChange(nextData, [...path]);\r\n    setData(nextData);\r\n\r\n    const updatedItem = getByPath(nextData, path);\r\n    if (updatedItem && onCheck) {\r\n      onCheck(updatedItem, deepCloneTree(nextData!));\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Styled.Tree role=\"tree\" aria-multiselectable={true} ref={ref} {...treeProps}>\r\n      {data?.map((node, i) => (\r\n        <TreeNodeComponent\r\n          key={node.key}\r\n          paddingFactor={0}\r\n          node={node}\r\n          path={[i]}\r\n          size={size}\r\n          isCheckable={isCheckable}\r\n          showIcon={showIcon}\r\n          onToggleExpanded={onToggleExpanded}\r\n          onToggleChecked={onToggleChecked}\r\n        />\r\n      ))}\r\n    </Styled.Tree>\r\n  );\r\n});\r\n\r\nexport default Tree;\r\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":";;;;;;AASA,MAAMA,IAAOC,EAAW,CAAC,EAAE,GAAGC,EAAA,GAAqBC,MAAwC;AACzF,QAAMC,IAAmBC,EAAO,EAAI,GAC9B,EAAE,UAAAC,GAAU,MAAAC,GAAM,UAAAC,GAAU,aAAAC,GAAa,YAAAC,GAAY,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,IACzFC,EAAmBb,CAAK,GAEpB,CAACc,GAAMC,CAAO,IAAIC,EAASC,EAAU,EAAE,UAAUb,GAAU,UAAAO,GAAU,YAAAH,EAAA,CAAY,CAAC;AAExF,EAAAU,EAAU,MAAM;AACd,QAAIhB,EAAiB,SAAS;AAC5B,MAAAA,EAAiB,UAAU;AAE3B;AAAA,IACF;AAEA,IAAAa,EAAQE,EAAU,EAAE,UAAUb,GAAU,UAAAO,GAAU,YAAAH,EAAA,CAAY,CAAC;AAAA,EAEjE,GAAG,CAACJ,GAAUI,CAAU,CAAC;AAEzB,QAAMW,IAAiD,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAO,CAAA,QAAS;AAC9E,QAAI,CAACP;AACH;AAGF,QAAI,CAACM,EAAK,YAAYT,GAAU;AAC9B,YAAMW,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,WAAW,IAAM,YAAY,IAAM;AAC7F,MAAAN,EAAQO,CAAQ,GAChBX,EAASS,CAAI;AAEb;AAAA,IACF;AAEA,UAAME,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,YAAY,CAACD,EAAK,YAAY;AACxF,IAAAL,EAAQO,CAAQ,GAEZZ,KACFA,EAASc,EAAUF,GAAUD,CAAI,GAAII,EAAcH,CAAS,CAAC;AAAA,EAEjE,GAEMI,IAA+C,CAAC,EAAE,MAAAN,GAAM,MAAAC,IAAO,CAAA,QAAS;AAC5E,QAAI,CAACP;AACH;AAGF,UAAMa,IAAYP,EAAK,cAAc,kBAAkB,KAAO,CAACA,EAAK;AAEpE,QAAIE,IAAWC,EAAiB,CAAC,GAAGT,CAAI,GAAG,CAAC,GAAGO,CAAI,GAAG,EAAE,WAAWM,EAAA,GAAa,EAAI;AACpF,IAAAL,IAAWM,EAA6BN,GAAU,CAAC,GAAGD,CAAI,CAAC,GAC3DN,EAAQO,CAAQ;AAEhB,UAAMO,IAAcL,EAAUF,GAAUD,CAAI;AAC5C,IAAIQ,KAAepB,KACjBA,EAAQoB,GAAaJ,EAAcH,CAAS,CAAC;AAAA,EAEjD;AAEA,SACE,gBAAAQ,EAACC,GAAA,EAAY,MAAK,QAAO,wBAAsB,IAAM,KAAA9B,GAAW,GAAGW,GAChE,UAAAE,GAAM,IAAI,CAACM,GAAMY,MAChB,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,eAAe;AAAA,MACf,MAAAb;AAAA,MACA,MAAM,CAACY,CAAC;AAAA,MACR,MAAA3B;AAAA,MACA,aAAAE;AAAA,MACA,UAAAD;AAAA,MACA,kBAAAa;AAAA,MACA,iBAAAO;AAAA,IAAA;AAAA,IARKN,EAAK;AAAA,EAAA,CAUb,GACH;AAEJ,CAAC;"}

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

@@ -1 +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.typography('heading', 'extraSmall')};\n    display: flex;\n    flex-direction: column;\n    padding: 0;\n    margin: 0;\n  `}\n`;\n"],"names":["Tree","styled","theme","css"],"mappings":";AAEO,MAAMA,IAAOC,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA,MACbD,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,GAK5C;AAAA;"}
+{"version":3,"file":"Tree.styles.js","sources":["../../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\n\r\nexport const Tree = styled.ul`\r\n  ${({ theme }) => css`\r\n    ${theme.typography('heading', 'extraSmall')};\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 0;\r\n    margin: 0;\r\n  `}\r\n`;\r\n"],"names":["Tree","styled","theme","css"],"mappings":";AAEO,MAAMA,IAAOC,EAAO;AAAA,IACvB,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA,MACbD,EAAM,WAAW,WAAW,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,GAK5C;AAAA;"}

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

@@ -1 +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  return (\n    <Styled.TreeCheckbox\n      indeterminate={isChecked === 'indeterminate'}\n      checked={isChecked === true}\n      size={size}\n      onChange={() => onToggleChecked({ node, path })}\n      disabled={isDisabled}\n    />\n  );\n};\n\nexport default TreeCheckbox;\n"],"names":["TreeCheckbox","node","path","size","onToggleChecked","isChecked","isDisabled","jsx","Styled.TreeCheckbox"],"mappings":";;AAWA,MAAMA,IAAe,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,MAAAC,GAAM,iBAAAC,QAA0C;AAClF,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeL;AAElC,SACE,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,eAAeH,MAAc;AAAA,MAC7B,SAASA,MAAc;AAAA,MACvB,MAAAF;AAAA,MACA,UAAU,MAAMC,EAAgB,EAAE,MAAAH,GAAM,MAAAC,GAAM;AAAA,MAC9C,UAAUI;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"TreeCheckbox.js","sources":["../../../../../../src/components/Tree/components/TreeCheckbox/TreeCheckbox.tsx"],"sourcesContent":["import type { TreeTypes } from 'acinguiux-ds-react-base/components/Tree';\r\n\r\nimport * as Styled from './TreeCheckbox.styles';\r\n\r\ninterface ITreeCheckboxProps {\r\n  node: TreeTypes.TreeNode;\r\n  path: TreeTypes.PathType;\r\n  size: TreeTypes.Size;\r\n  onToggleChecked: TreeTypes.ToggleCheckedType;\r\n}\r\n\r\nconst TreeCheckbox = ({ node, path, size, onToggleChecked }: ITreeCheckboxProps) => {\r\n  const { isChecked, isDisabled } = node;\r\n\r\n  return (\r\n    <Styled.TreeCheckbox\r\n      indeterminate={isChecked === 'indeterminate'}\r\n      checked={isChecked === true}\r\n      size={size}\r\n      onChange={() => onToggleChecked({ node, path })}\r\n      disabled={isDisabled}\r\n    />\r\n  );\r\n};\r\n\r\nexport default TreeCheckbox;\r\n"],"names":["TreeCheckbox","node","path","size","onToggleChecked","isChecked","isDisabled","jsx","Styled.TreeCheckbox"],"mappings":";;AAWA,MAAMA,IAAe,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,MAAAC,GAAM,iBAAAC,QAA0C;AAClF,QAAM,EAAE,WAAAC,GAAW,YAAAC,EAAA,IAAeL;AAElC,SACE,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,eAAeH,MAAc;AAAA,MAC7B,SAASA,MAAc;AAAA,MACvB,MAAAF;AAAA,MACA,UAAU,MAAMC,EAAgB,EAAE,MAAAH,GAAM,MAAAC,GAAM;AAAA,MAC9C,UAAUI;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

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

@@ -1 +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":";;AAIO,MAAMA,IAAeC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"TreeCheckbox.styles.js","sources":["../../../../../../src/components/Tree/components/TreeCheckbox/TreeCheckbox.styles.ts"],"sourcesContent":["import { styled } from 'styled-components';\r\n\r\nimport Checkbox from '../../../Checkbox/Checkbox';\r\n\r\nexport const TreeCheckbox = styled(Checkbox)`\r\n  &:focus-visible {\r\n    outline: none;\r\n  }\r\n`;\r\n"],"names":["TreeCheckbox","styled","Checkbox"],"mappings":";;AAIO,MAAMA,IAAeC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1 +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';\nimport Label from '../../../Text/components/Label/Label';\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={true} $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        <Label size={size} disabled={node.isDisabled}>\n          {node.isLoading ? 'Loading...' : node.title}\n        </Label>\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","Label","StyledTree.Tree","child","index","createElement"],"mappings":";;;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAA0B;AACnD,QAAM,EAAE,eAAAC,GAAe,MAAAC,GAAM,MAAAC,IAAO,CAAA,GAAI,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,kBAAAC,GAAkB,iBAAAC,EAAA,IAAoBR,GAErGS,IAAkB,MAAM;AAC5B,QAAKJ;AAIL,aAAO,gBAAAK,EAACC,GAAA,EAAa,MAAAT,GAAY,MAAAC,GAAY,iBAAAK,GAAkC,MAAAJ,GAAY;AAAA,EAC7F,GAEMQ,IAAU,MAAM;AACpB,QAAI,CAACN,KAAY,CAACJ,GAAM;AACtB;AAGF,UAAMW,IAAO,OAAOX,GAAM,QAAS,aAAaA,GAAM,KAAKA,CAAI,IAAIA,GAAM;AAEzE,WACE,gBAAAQ,EAACI,GAAA,EAAgB,eAAa,IAAM,aAAaZ,EAAK,YAAY,OAAOE,GACtE,UAAAS,EAAA,CACH;AAAA,EAEJ,GAEME,IAAoB,IAAId;AAE9B,SACE,gBAAAe,EAACC,GAAA,EAAY,MAAK,YAAW,iBAAef,EAAK,YAAY,iBAAe,CAAC,CAACA,EAAK,WACjF,UAAA;AAAA,IAAA,gBAAAc;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAgBjB;AAAA,QAChB,WAAWI,KAAe,CAAC,CAACH,EAAK;AAAA,QACjC,OAAOE;AAAA,QACP,aAAaF,EAAK;AAAA,QAElB,UAAA;AAAA,UAAA,gBAAAQ,EAACS,GAAA,EAAe,MAAAjB,GAAY,MAAAC,GAAY,MAAAC,GAAY,kBAAAG,GAAoC;AAAA,UACvF,CAACL,EAAK,aAAaO,EAAA;AAAA,UACnB,CAACP,EAAK,aAAaU,EAAA;AAAA,UACpB,gBAAAF,EAACU,GAAA,EAAM,MAAAhB,GAAY,UAAUF,EAAK,YAC/B,UAAAA,EAAK,YAAY,eAAeA,EAAK,MAAA,CACxC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGDA,EAAK,cAAc,CAAC,CAACA,EAAK,UAAU,UACnC,gBAAAQ,EAACW,GAAA,EAAgB,MAAK,SACnB,UAAAnB,EAAK,UAAU,IAAI,CAACoB,GAAOC,MAC1B,gBAAAC;AAAA,MAACzB;AAAA,MAAA;AAAA,QACE,GAAGC;AAAA,QACJ,KAAKsB,EAAM;AAAA,QACX,MAAMA;AAAA,QACN,eAAeP;AAAA,QACf,MAAMZ,EAAK,OAAOoB,CAAK;AAAA,MAAA;AAAA,IAAA,CAE1B,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"TreeNode.js","sources":["../../../../../../src/components/Tree/components/TreeNode/TreeNode.tsx"],"sourcesContent":["import type { TreeTypes } from 'acinguiux-ds-react-base/components/Tree';\r\n\r\nimport type { ITreePropsRequired } from '../../Tree.types';\r\nimport TreeToggleNode from '../TreeToggleNode/TreeToggleNode';\r\nimport TreeCheckbox from '../TreeCheckbox/TreeCheckbox';\r\nimport * as StyledTree from '../../Tree.styles';\r\nimport * as Styled from './TreeNode.styles';\r\nimport Label from '../../../Text/components/Label/Label';\r\n\r\ntype ITreeNodeProps = Pick<ITreePropsRequired, 'size' | 'isCheckable' | 'showIcon'> & {\r\n  node: TreeTypes.TreeNode;\r\n  path: TreeTypes.PathType;\r\n  paddingFactor: number;\r\n  onToggleExpanded: TreeTypes.ToggleExpandedType;\r\n  onToggleChecked: TreeTypes.ToggleCheckedType;\r\n};\r\n\r\nconst TreeNodeComponent = (props: ITreeNodeProps) => {\r\n  const { paddingFactor, node, path = [], size, isCheckable, showIcon, onToggleExpanded, onToggleChecked } = props;\r\n\r\n  const getTreeCheckbox = () => {\r\n    if (!isCheckable) {\r\n      return undefined;\r\n    }\r\n\r\n    return <TreeCheckbox node={node} path={path} onToggleChecked={onToggleChecked} size={size} />;\r\n  };\r\n\r\n  const getIcon = () => {\r\n    if (!showIcon || !node?.icon) {\r\n      return undefined;\r\n    }\r\n\r\n    const icon = typeof node?.icon === 'function' ? node?.icon(node) : node?.icon;\r\n\r\n    return (\r\n      <Styled.NodeIcon aria-hidden={true} $isDisabled={node.isDisabled} $size={size}>\r\n        {icon}\r\n      </Styled.NodeIcon>\r\n    );\r\n  };\r\n\r\n  const nextPaddingFactor = 1 + paddingFactor;\r\n\r\n  return (\r\n    <Styled.Node role=\"treeitem\" aria-expanded={node.isExpanded} aria-selected={!!node.isChecked}>\r\n      <Styled.NodeContent\r\n        $paddingFactor={paddingFactor}\r\n        $isActive={isCheckable || !!node.children}\r\n        $size={size}\r\n        $isDisabled={node.isDisabled}\r\n      >\r\n        <TreeToggleNode node={node} path={path} size={size} onToggleExpanded={onToggleExpanded} />\r\n        {!node.isLoading && getTreeCheckbox()}\r\n        {!node.isLoading && getIcon()}\r\n        <Label size={size} disabled={node.isDisabled}>\r\n          {node.isLoading ? 'Loading...' : node.title}\r\n        </Label>\r\n      </Styled.NodeContent>\r\n\r\n      {node.isExpanded && !!node.children?.length && (\r\n        <StyledTree.Tree role=\"group\">\r\n          {node.children?.map((child, index) => (\r\n            <TreeNodeComponent\r\n              {...props}\r\n              key={child.key}\r\n              node={child}\r\n              paddingFactor={nextPaddingFactor}\r\n              path={path.concat(index)}\r\n            />\r\n          ))}\r\n        </StyledTree.Tree>\r\n      )}\r\n    </Styled.Node>\r\n  );\r\n};\r\n\r\nexport default TreeNodeComponent;\r\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","Label","StyledTree.Tree","child","index","createElement"],"mappings":";;;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAA0B;AACnD,QAAM,EAAE,eAAAC,GAAe,MAAAC,GAAM,MAAAC,IAAO,CAAA,GAAI,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,kBAAAC,GAAkB,iBAAAC,EAAA,IAAoBR,GAErGS,IAAkB,MAAM;AAC5B,QAAKJ;AAIL,aAAO,gBAAAK,EAACC,GAAA,EAAa,MAAAT,GAAY,MAAAC,GAAY,iBAAAK,GAAkC,MAAAJ,GAAY;AAAA,EAC7F,GAEMQ,IAAU,MAAM;AACpB,QAAI,CAACN,KAAY,CAACJ,GAAM;AACtB;AAGF,UAAMW,IAAO,OAAOX,GAAM,QAAS,aAAaA,GAAM,KAAKA,CAAI,IAAIA,GAAM;AAEzE,WACE,gBAAAQ,EAACI,GAAA,EAAgB,eAAa,IAAM,aAAaZ,EAAK,YAAY,OAAOE,GACtE,UAAAS,EAAA,CACH;AAAA,EAEJ,GAEME,IAAoB,IAAId;AAE9B,SACE,gBAAAe,EAACC,GAAA,EAAY,MAAK,YAAW,iBAAef,EAAK,YAAY,iBAAe,CAAC,CAACA,EAAK,WACjF,UAAA;AAAA,IAAA,gBAAAc;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,gBAAgBjB;AAAA,QAChB,WAAWI,KAAe,CAAC,CAACH,EAAK;AAAA,QACjC,OAAOE;AAAA,QACP,aAAaF,EAAK;AAAA,QAElB,UAAA;AAAA,UAAA,gBAAAQ,EAACS,GAAA,EAAe,MAAAjB,GAAY,MAAAC,GAAY,MAAAC,GAAY,kBAAAG,GAAoC;AAAA,UACvF,CAACL,EAAK,aAAaO,EAAA;AAAA,UACnB,CAACP,EAAK,aAAaU,EAAA;AAAA,UACpB,gBAAAF,EAACU,GAAA,EAAM,MAAAhB,GAAY,UAAUF,EAAK,YAC/B,UAAAA,EAAK,YAAY,eAAeA,EAAK,MAAA,CACxC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGDA,EAAK,cAAc,CAAC,CAACA,EAAK,UAAU,UACnC,gBAAAQ,EAACW,GAAA,EAAgB,MAAK,SACnB,UAAAnB,EAAK,UAAU,IAAI,CAACoB,GAAOC,MAC1B,gBAAAC;AAAA,MAACzB;AAAA,MAAA;AAAA,QACE,GAAGC;AAAA,QACJ,KAAKsB,EAAM;AAAA,QACX,MAAMA;AAAA,QACN,eAAeP;AAAA,QACf,MAAMZ,EAAK,OAAOoB,CAAK;AAAA,MAAA;AAAA,IAAA,CAE1B,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1 +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 { Variables } from 'acinguiux-ds-react-base/theme';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport type { ITreeProps } from '../../Tree.types';\nimport { Label } from '../../../Text/components/Label/Label.styles';\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.resting};\n      display: flex;\n      align-items: flex-start;\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      & > ${Label} {\n        ${[`${Sizes.Large}`, `${Sizes.Medium}`].includes($size) &&\n        css`\n          padding-top: 2px;\n        `};\n      }\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.press}\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.layer({ disabled: true })[Variables.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","Label","Sizes","NodeIcon","Variables"],"mappings":";;;;;;AAcO,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA,GAKdC,IAAcD,EAAO;AAAA,IAC9B,CAAC,EAAE,OAAAE,GAAO,OAAAC,GAAO,gBAAAC,GAAgB,aAAAC,GAAa,WAAAC,QAAgB;AAC9D,QAAMC,IAASC,EAA8BN,CAAK;AAElD,SAAOO;AAAA,QACHC,EAA4BR,GAAOC,CAAK,CAAC;AAAA,QACzCI,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMTI,EAAkB,IAAIR,CAAK,CAAC;AAAA,iBACxBQ,EAAkB,QAAQR,CAAK,CAAC;AAAA,sBAC3BC,IAAiBO,EAAkB,YAAYR,CAAK,CAAC;AAAA,uBACpDQ,EAAkB,aAAaR,CAAK,CAAC;AAAA;AAAA,YAEhDS,CAAK;AAAA,UACP,CAAC,GAAGC,EAAM,KAAK,IAAI,GAAGA,EAAM,MAAM,EAAE,EAAE,SAASV,CAAK,KACtDM;AAAA;AAAA,SAEC;AAAA;AAAA;AAAA,QAGDJ,IACEI;AAAA,cACIF,EAAO,QAAQ;AAAA;AAAA,cAGnBE;AAAA;AAAA,gBAEMF,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIZD,KACFG;AAAA,kBACIF,EAAO,KAAK;AAAA,eACf;AAAA;AAAA;AAAA;AAAA,gBAICA,EAAO,KAAK;AAAA;AAAA,WAEjB;AAAA;AAET,CAAC;AAAA,GAGUO,IAAWd,EAAO;AAAA,IAC3B,CAAC,EAAE,OAAAE,GAAO,aAAAG,GAAa,OAAAF,QAAYM;AAAA;AAAA;AAAA;AAAA,MAIjCJ,KACFI;AAAA;AAAA,gBAEYP,EAAM,MAAM,EAAE,UAAU,IAAM,EAAEa,EAAU,sBAAsB,CAAC;AAAA;AAAA,KAE5E;AAAA;AAAA;AAAA,eAGUJ,EAAkB,KAAKR,CAAK,CAAC;AAAA,gBAC5BQ,EAAkB,KAAKR,CAAK,CAAC;AAAA;AAAA,GAE1C;AAAA;"}
+{"version":3,"file":"TreeNode.styles.js","sources":["../../../../../../src/components/Tree/components/TreeNode/TreeNode.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { type TreeTypes, TreeConsts, TreeUtils } from 'acinguiux-ds-react-base/components/Tree';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { ITreeProps } from '../../Tree.types';\r\nimport { Label } from '../../../Text/components/Label/Label.styles';\r\n\r\ntype NodeContentType = {\r\n  $paddingFactor: number;\r\n  $isDisabled: ITreeProps['isDisabled'];\r\n  $size: TreeTypes.Size;\r\n  $isActive: boolean;\r\n};\r\nexport const Node = styled.li`\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nexport const NodeContent = styled.label<NodeContentType>`\r\n  ${({ theme, $size, $paddingFactor, $isDisabled, $isActive }) => {\r\n    const styles = TreeUtils.getNodeContentStyle(theme);\r\n\r\n    return css`\r\n      ${TreeUtils.getTitleFontStyle(theme, $size)};\r\n      ${styles.resting};\r\n      display: flex;\r\n      align-items: flex-start;\r\n      align-self: flex-start;\r\n      width: 100%;\r\n      height: 100%;\r\n      gap: ${TreeConsts.consts.gap[$size]}px;\r\n      padding: ${TreeConsts.consts.padding[$size]};\r\n      padding-left: ${$paddingFactor * TreeConsts.consts.paddingLeft[$size]}px;\r\n      border-radius: ${TreeConsts.consts.borderRadius[$size]}px;\r\n\r\n      & > ${Label} {\r\n        ${[`${Sizes.Large}`, `${Sizes.Medium}`].includes($size) &&\r\n        css`\r\n          padding-top: 2px;\r\n        `};\r\n      }\r\n\r\n      ${$isDisabled\r\n        ? css`\r\n            ${styles.disabled}\r\n            cursor: not-allowed;\r\n          `\r\n        : css`\r\n            &&:hover {\r\n              ${styles.hover}\r\n            }\r\n\r\n            &&:active {\r\n              ${$isActive &&\r\n              css`\r\n                ${styles.press}\r\n              `}\r\n            }\r\n\r\n            &&:focus-visible {\r\n              ${styles.focus}\r\n            }\r\n          `}\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport const NodeIcon = styled.div<{ $isDisabled: ITreeProps['isDisabled']; $size: TreeTypes.Size }>`\r\n  ${({ theme, $isDisabled, $size }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    ${$isDisabled &&\r\n    css`\r\n      svg {\r\n        fill: ${theme.layer({ disabled: true })[Variables.TextOnFoundationSubtle]};\r\n      }\r\n    `}\r\n\r\n    svg {\r\n      width: ${TreeConsts.consts.icon[$size]}px;\r\n      height: ${TreeConsts.consts.icon[$size]}px;\r\n    }\r\n  `}\r\n`;\r\n"],"names":["Node","styled","NodeContent","theme","$size","$paddingFactor","$isDisabled","$isActive","styles","TreeUtils.getNodeContentStyle","css","TreeUtils.getTitleFontStyle","TreeConsts.consts","Label","Sizes","NodeIcon","Variables"],"mappings":";;;;;;AAcO,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA,GAKdC,IAAcD,EAAO;AAAA,IAC9B,CAAC,EAAE,OAAAE,GAAO,OAAAC,GAAO,gBAAAC,GAAgB,aAAAC,GAAa,WAAAC,QAAgB;AAC9D,QAAMC,IAASC,EAA8BN,CAAK;AAElD,SAAOO;AAAA,QACHC,EAA4BR,GAAOC,CAAK,CAAC;AAAA,QACzCI,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMTI,EAAkB,IAAIR,CAAK,CAAC;AAAA,iBACxBQ,EAAkB,QAAQR,CAAK,CAAC;AAAA,sBAC3BC,IAAiBO,EAAkB,YAAYR,CAAK,CAAC;AAAA,uBACpDQ,EAAkB,aAAaR,CAAK,CAAC;AAAA;AAAA,YAEhDS,CAAK;AAAA,UACP,CAAC,GAAGC,EAAM,KAAK,IAAI,GAAGA,EAAM,MAAM,EAAE,EAAE,SAASV,CAAK,KACtDM;AAAA;AAAA,SAEC;AAAA;AAAA;AAAA,QAGDJ,IACEI;AAAA,cACIF,EAAO,QAAQ;AAAA;AAAA,cAGnBE;AAAA;AAAA,gBAEMF,EAAO,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIZD,KACFG;AAAA,kBACIF,EAAO,KAAK;AAAA,eACf;AAAA;AAAA;AAAA;AAAA,gBAICA,EAAO,KAAK;AAAA;AAAA,WAEjB;AAAA;AAET,CAAC;AAAA,GAGUO,IAAWd,EAAO;AAAA,IAC3B,CAAC,EAAE,OAAAE,GAAO,aAAAG,GAAa,OAAAF,QAAYM;AAAA;AAAA;AAAA;AAAA,MAIjCJ,KACFI;AAAA;AAAA,gBAEYP,EAAM,MAAM,EAAE,UAAU,IAAM,EAAEa,EAAU,sBAAsB,CAAC;AAAA;AAAA,KAE5E;AAAA;AAAA;AAAA,eAGUJ,EAAkB,KAAKR,CAAK,CAAC;AAAA,gBAC5BQ,EAAkB,KAAKR,CAAK,CAAC;AAAA;AAAA,GAE1C;AAAA;"}

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

@@ -1 +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 defaultPath: TreeTypes.PathType = [];\n\nconst TreeToggleNode = ({ node, path = defaultPath, 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={true} />\n    </Styled.ToggleButton>\n  );\n};\n\nexport default TreeToggleNode;\n"],"names":["defaultPath","TreeToggleNode","node","path","size","onToggleExpanded","isExpanded","isLoading","isLeaf","onToggle","e","jsx","Styled.IconHolder","TreeConsts.consts","Loading","TreeUtils.getLoadingSize","Styled.ToggleButton","CaretSmallDown","CaretSmallRight"],"mappings":";;;;;;;AAgBA,MAAMA,IAAkC,CAAA,GAElCC,IAAiB,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAOH,GAAa,MAAAI,GAAM,kBAAAC,QAA6C;AACrG,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,QAAAC,EAAA,IAAWN,GAEpCO,IAAW,CAACC,MAAsB;AACtC,IAAAA,EAAE,eAAA,GACFL,EAAiB,EAAE,MAAAH,GAAM,MAAAC,GAAM;AAAA,EACjC;AAEA,SAAIK,IACK,gBAAAG,EAACC,GAAA,EAAkB,MAAMC,EAAkB,KAAKT,CAAI,GAAG,IAG5DG,sBAECK,GAAA,EAAkB,MAAMC,EAAkB,KAAKT,CAAI,GAClD,4BAACU,GAAA,EAAQ,MAAMC,EAAyBX,CAAI,GAAG,GACjD,IAOF,gBAAAO,EAACK,GAAA,EAAoB,SAASP,GAAU,cAAW,iBACjD,UAAA,gBAAAE,EAJSL,IAAaW,IAAiBC,GAItC,EAAK,OAAOL,EAAkB,KAAKT,CAAI,GAAG,QAAQS,EAAkB,KAAKT,CAAI,GAAG,eAAa,GAAA,CAAM,EAAA,CACtG;AAEJ;"}
+{"version":3,"file":"TreeToggleNode.js","sources":["../../../../../../src/components/Tree/components/TreeToggleNode/TreeToggleNode.tsx"],"sourcesContent":["import type { SyntheticEvent } from 'react';\r\n\r\nimport { TreeConsts, type TreeTypes, TreeUtils } from 'acinguiux-ds-react-base/components/Tree';\r\n\r\nimport * as Styled from './TreeToggleNode.styles';\r\nimport CaretSmallDown from '../../../Icon/components/CaretSmallDown';\r\nimport CaretSmallRight from '../../../Icon/components/CaretSmallRight';\r\nimport Loading from '../../../Loading/Loading';\r\n\r\ntype ITreeToggleNodeProps = {\r\n  node: TreeTypes.TreeNode;\r\n  path: TreeTypes.PathType;\r\n  size: TreeTypes.Size;\r\n  onToggleExpanded: TreeTypes.ToggleExpandedType;\r\n};\r\n\r\nconst defaultPath: TreeTypes.PathType = [];\r\n\r\nconst TreeToggleNode = ({ node, path = defaultPath, size, onToggleExpanded }: ITreeToggleNodeProps) => {\r\n  const { isExpanded, isLoading, isLeaf } = node;\r\n\r\n  const onToggle = (e: SyntheticEvent) => {\r\n    e.preventDefault();\r\n    onToggleExpanded({ node, path });\r\n  };\r\n\r\n  if (isLeaf) {\r\n    return <Styled.IconHolder size={TreeConsts.consts.icon[size]} />;\r\n  }\r\n\r\n  if (isLoading) {\r\n    return (\r\n      <Styled.IconHolder size={TreeConsts.consts.icon[size]}>\r\n        <Loading size={TreeUtils.getLoadingSize(size)} />\r\n      </Styled.IconHolder>\r\n    );\r\n  }\r\n\r\n  const Icon = isExpanded ? CaretSmallDown : CaretSmallRight;\r\n\r\n  return (\r\n    <Styled.ToggleButton onClick={onToggle} aria-label=\"Expand button\">\r\n      <Icon width={TreeConsts.consts.icon[size]} height={TreeConsts.consts.icon[size]} aria-hidden={true} />\r\n    </Styled.ToggleButton>\r\n  );\r\n};\r\n\r\nexport default TreeToggleNode;\r\n"],"names":["defaultPath","TreeToggleNode","node","path","size","onToggleExpanded","isExpanded","isLoading","isLeaf","onToggle","e","jsx","Styled.IconHolder","TreeConsts.consts","Loading","TreeUtils.getLoadingSize","Styled.ToggleButton","CaretSmallDown","CaretSmallRight"],"mappings":";;;;;;;AAgBA,MAAMA,IAAkC,CAAA,GAElCC,IAAiB,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAOH,GAAa,MAAAI,GAAM,kBAAAC,QAA6C;AACrG,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,QAAAC,EAAA,IAAWN,GAEpCO,IAAW,CAACC,MAAsB;AACtC,IAAAA,EAAE,eAAA,GACFL,EAAiB,EAAE,MAAAH,GAAM,MAAAC,GAAM;AAAA,EACjC;AAEA,SAAIK,IACK,gBAAAG,EAACC,GAAA,EAAkB,MAAMC,EAAkB,KAAKT,CAAI,GAAG,IAG5DG,sBAECK,GAAA,EAAkB,MAAMC,EAAkB,KAAKT,CAAI,GAClD,4BAACU,GAAA,EAAQ,MAAMC,EAAyBX,CAAI,GAAG,GACjD,IAOF,gBAAAO,EAACK,GAAA,EAAoB,SAASP,GAAU,cAAW,iBACjD,UAAA,gBAAAE,EAJSL,IAAaW,IAAiBC,GAItC,EAAK,OAAOL,EAAkB,KAAKT,CAAI,GAAG,QAAQS,EAAkB,KAAKT,CAAI,GAAG,eAAa,GAAA,CAAM,EAAA,CACtG;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TreeToggleNode.styles.js","sources":["../../../../../../src/components/Tree/components/TreeToggleNode/TreeToggleNode.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Variables } 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.layer({})[Variables.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","Variables","getFocusStyles","IconHolder","size"],"mappings":";;;AAIA,MAAMA,IAAeC,EAAO;AAAA,IACxB,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASND,EAAM,MAAM,CAAA,CAAE,EAAEE,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA,QAGtDC,EAAeH,CAAK,CAAC;AAAA;AAAA,GAE1B;AAAA,GAGGI,IAAaL,EAAO;AAAA,IACtB,CAAC,EAAE,MAAAM,EAAA,MAAWJ;AAAA,aACLI,CAAI;AAAA,cACHA,CAAI;AAAA;AAAA;AAAA;AAAA,GAIf;AAAA;"}
+{"version":3,"file":"TreeToggleNode.styles.js","sources":["../../../../../../src/components/Tree/components/TreeToggleNode/TreeToggleNode.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\n\r\nconst ToggleButton = styled.button`\r\n  ${({ theme }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n    border: none;\r\n    background: transparent;\r\n    padding: 0;\r\n    margin: 0;\r\n    border-radius: 2px;\r\n    cursor: pointer;\r\n    color: ${theme.layer({})[Variables.TextOnFoundationStrong]};\r\n\r\n    &:focus-visible {\r\n      ${getFocusStyles(theme)};\r\n    }\r\n  `}\r\n`;\r\n\r\nconst IconHolder = styled.div<{ size: number }>`\r\n  ${({ size }) => css`\r\n    width: ${size}px;\r\n    height: ${size}px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  `}\r\n`;\r\n\r\nexport { ToggleButton, IconHolder };\r\n"],"names":["ToggleButton","styled","theme","css","Variables","getFocusStyles","IconHolder","size"],"mappings":";;;AAIA,MAAMA,IAAeC,EAAO;AAAA,IACxB,CAAC,EAAE,OAAAC,EAAA,MAAYC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aASND,EAAM,MAAM,CAAA,CAAE,EAAEE,EAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA,QAGtDC,EAAeH,CAAK,CAAC;AAAA;AAAA,GAE1B;AAAA,GAGGI,IAAaL,EAAO;AAAA,IACtB,CAAC,EAAE,MAAAM,EAAA,MAAWJ;AAAA,aACLI,CAAI;AAAA,cACHA,CAAI;AAAA;AAAA;AAAA;AAAA,GAIf;AAAA;"}

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

@@ -1 +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()!;\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\n// too complex to type, not worth the effort\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction 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      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      clonedObj[key as keyof DeepClone<T>] = value as any;\n    } else if (Array.isArray(value)) {\n      // fine for recursive call\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: T | null) => {\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","updateNodeByPath","recursively","updateParentOnCheckboxChange","parentPath","parent","deepCloneNode","obj","clonedObj","key","value","deepCloneTree","arr","item"],"mappings":"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"}
+{"version":3,"file":"treeUtils.js","sources":["../../../../../src/components/Tree/utils/treeUtils.ts"],"sourcesContent":["import type { TreeTypes } from 'acinguiux-ds-react-base/components/Tree';\r\n\r\nimport type { ITreePropsRequired, PatchDataArgsType, DeepClone } from '../Tree.types';\r\n\r\nexport const getIsLeaf = (node: TreeTypes.TreeNode, loadData?: ITreePropsRequired['loadData']) => {\r\n  if (typeof node.isLeaf === 'boolean') {\r\n    return node.isLeaf;\r\n  }\r\n\r\n  return loadData ? false : !node.children;\r\n};\r\n\r\nexport const getByPath = (data: TreeTypes.TreeNode[] | undefined, path: number[]): TreeTypes.TreeNode | undefined => {\r\n  if (!data || !path?.length) {\r\n    return undefined;\r\n  }\r\n\r\n  const index = path.shift()!;\r\n\r\n  if (path.length > 0) {\r\n    return getByPath(data[index].children, path);\r\n  }\r\n\r\n  return data[index];\r\n};\r\n\r\nexport const getByKey = (\r\n  data: TreeTypes.TreeNode[] | undefined,\r\n  key: TreeTypes.TreeNode['key'],\r\n): TreeTypes.TreeNode | undefined => {\r\n  if (!data?.length) return undefined;\r\n\r\n  return (\r\n    data.find((node) => node.key === key) ??\r\n    getByKey(\r\n      data.flatMap((node) => node.children ?? []),\r\n      key,\r\n    ) ??\r\n    undefined\r\n  );\r\n};\r\n\r\nexport const getParentCheckedState = (nodes?: TreeTypes.TreeNode[]): TreeTypes.TreeNode['isChecked'] => {\r\n  if (!nodes?.length) {\r\n    return false;\r\n  }\r\n\r\n  const nonDisabledNodes = nodes.filter((child) => !child.isDisabled);\r\n  const isChecked = nonDisabledNodes.length && nonDisabledNodes.every((child) => child.isChecked === true);\r\n\r\n  if (isChecked) {\r\n    return true;\r\n  }\r\n\r\n  const isIndeterminate = nodes.some((child) => !!child.isChecked);\r\n\r\n  if (isIndeterminate) {\r\n    return 'indeterminate';\r\n  }\r\n\r\n  return false;\r\n};\r\n\r\nexport const patchDataRecursive = ({\r\n  nextData,\r\n  loadData,\r\n  isDisabled,\r\n  isChecked,\r\n}: PatchDataArgsType): [TreeTypes.TreeNode[] | undefined, TreeTypes.TreeNode['isChecked']] => {\r\n  if (!nextData) {\r\n    return [nextData, false];\r\n  }\r\n\r\n  const data = nextData.map((node) => {\r\n    const currentIsDisabled = isDisabled || node.isDisabled;\r\n    const currentIsChecked = !currentIsDisabled && (isChecked === true || node.isChecked);\r\n\r\n    const [children, isCheckedFromChildren] = patchDataRecursive({\r\n      nextData: node.children,\r\n      loadData,\r\n      isDisabled: currentIsDisabled,\r\n      isChecked: currentIsChecked,\r\n    });\r\n\r\n    return {\r\n      ...node,\r\n      isExpanded: node.isExpanded,\r\n      isChecked: isCheckedFromChildren || currentIsChecked,\r\n      isDisabled: currentIsDisabled,\r\n      isLeaf: getIsLeaf(node, loadData),\r\n      children,\r\n    };\r\n  });\r\n\r\n  return [data, getParentCheckedState(data)];\r\n};\r\n\r\nexport const patchData = ({ nextData, loadData, isDisabled }: PatchDataArgsType): TreeTypes.TreeNode[] | undefined => {\r\n  const [data] = patchDataRecursive({ nextData, loadData, isDisabled });\r\n\r\n  return data;\r\n};\r\n\r\nexport const setRecursively = (node: TreeTypes.TreeNode, dataToUpdate: Partial<TreeTypes.TreeNode>) => {\r\n  Object.assign(node, dataToUpdate);\r\n\r\n  node.children?.forEach((child) => {\r\n    setRecursively(child, dataToUpdate);\r\n  });\r\n};\r\n\r\nexport const updateNodeByPath = (\r\n  data: TreeTypes.TreeNode[],\r\n  path: number[],\r\n  dataToUpdate: Partial<TreeTypes.TreeNode>,\r\n  recursively?: boolean,\r\n) => {\r\n  const node = getByPath(data, path);\r\n\r\n  if (!node) {\r\n    return undefined;\r\n  }\r\n\r\n  Object.assign(node, dataToUpdate);\r\n\r\n  if (recursively) {\r\n    node.children\r\n      ?.filter((child) => !child.isDisabled)\r\n      .forEach((child) => {\r\n        setRecursively(child, dataToUpdate);\r\n      });\r\n  }\r\n\r\n  return data;\r\n};\r\n\r\nexport const updateParentOnCheckboxChange = (\r\n  data: TreeTypes.TreeNode[] | undefined,\r\n  path: number[],\r\n): TreeTypes.TreeNode[] | undefined => {\r\n  const parentPath = path.slice(0, -1);\r\n\r\n  if (!parentPath.length) {\r\n    return data;\r\n  }\r\n\r\n  const parent = getByPath(data, [...parentPath]);\r\n\r\n  if (!parent) {\r\n    return undefined;\r\n  }\r\n\r\n  parent.isChecked = getParentCheckedState(parent.children);\r\n\r\n  return updateParentOnCheckboxChange(data, parentPath);\r\n};\r\n\r\n// too complex to type, not worth the effort\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nfunction deepCloneNode<T extends Record<string, any>>(obj: T): DeepClone<T> {\r\n  const clonedObj = {} as DeepClone<T>;\r\n\r\n  Object.keys(obj).forEach((key) => {\r\n    const value = obj[key as keyof T];\r\n\r\n    if (key === 'icon') {\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      clonedObj[key as keyof DeepClone<T>] = value as any;\r\n    } else if (Array.isArray(value)) {\r\n      // fine for recursive call\r\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\r\n      clonedObj[key as keyof DeepClone<T>] = deepCloneTree(value) as DeepClone<T[keyof T]>;\r\n    } else if (value !== null && typeof value === 'object') {\r\n      clonedObj[key as keyof DeepClone<T>] = deepCloneNode(value) as DeepClone<T[keyof T]>;\r\n    } else {\r\n      clonedObj[key as keyof DeepClone<T>] = value as DeepClone<T[keyof T]>;\r\n    }\r\n  });\r\n\r\n  return clonedObj;\r\n}\r\n\r\nexport const deepCloneTree = <T>(arr: T[]): DeepClone<T[]> =>\r\n  arr.map((item: T | null) => {\r\n    if (Array.isArray(item)) {\r\n      return deepCloneTree(item) as DeepClone<T>;\r\n    }\r\n\r\n    if (item !== null && typeof item === 'object') {\r\n      return deepCloneNode(item) as DeepClone<T>;\r\n    }\r\n\r\n    return item;\r\n  }) as DeepClone<T[]>;\r\n"],"names":["getIsLeaf","node","loadData","getByPath","data","path","index","getParentCheckedState","nodes","nonDisabledNodes","child","patchDataRecursive","nextData","isDisabled","isChecked","currentIsDisabled","currentIsChecked","children","isCheckedFromChildren","patchData","setRecursively","dataToUpdate","updateNodeByPath","recursively","updateParentOnCheckboxChange","parentPath","parent","deepCloneNode","obj","clonedObj","key","value","deepCloneTree","arr","item"],"mappings":"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"}

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

@@ -1 +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":";AAEO,MAAMA,IAAkB;AAAA,EAC7B,CAACC,EAAM,KAAK,GAAG;AAAA,IACb,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,KAAK;AAAA,EAAA;AAET;"}
+{"version":3,"file":"ActionBar.consts.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.consts.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nexport const actionBarConsts = {\r\n  [Sizes.Small]: {\r\n    gap: 8,\r\n  },\r\n  [Sizes.Medium]: {\r\n    gap: 12,\r\n  },\r\n  [Sizes.Large]: {\r\n    gap: 12,\r\n  },\r\n} as const;\r\n"],"names":["actionBarConsts","Sizes"],"mappings":";AAEO,MAAMA,IAAkB;AAAA,EAC7B,CAACC,EAAM,KAAK,GAAG;AAAA,IACb,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,KAAK;AAAA,EAAA;AAET;"}

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';\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;"}
+{"version":3,"file":"ActionBar.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.tsx"],"sourcesContent":["import { Sizes, Directions, Alignments } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { IActionBarProps } from './ActionBar.types';\r\nimport * as Styled from './ActionBar.styles';\r\nimport Button from '../../Button/Button';\r\nimport SentimentButton from '../../Button/SentimentButton';\r\n\r\nconst ActionBar = ({\r\n  size = Sizes.Medium,\r\n  actions,\r\n  direction = Directions.Horizontal,\r\n  alignment = Alignments.Right,\r\n}: IActionBarProps) => (\r\n  <Styled.ActionBar $size={size} $direction={direction} $alignment={alignment}>\r\n    {actions.some(({ showActionButton, position }) => showActionButton !== false && position === 'opposite') && (\r\n      <Styled.ActionsContainer>\r\n        {actions\r\n          .filter(({ showActionButton, position }) => showActionButton !== false && position === 'opposite')\r\n          .map(({ label, action, props }) =>\r\n            props && 'sentiment' in props ? (\r\n              <SentimentButton key={label} size={size} onClick={action} label={label} {...props} />\r\n            ) : (\r\n              <Button key={label} size={size} onClick={action} label={label} {...props} />\r\n            ),\r\n          )}\r\n      </Styled.ActionsContainer>\r\n    )}\r\n    <Styled.ActionsContainer>\r\n      {actions\r\n        .filter(({ showActionButton, position }) => showActionButton !== false && (!position || position === 'normal'))\r\n        .map(({ label, action, props }) =>\r\n          props && 'sentiment' in props ? (\r\n            <SentimentButton key={label} size={size} onClick={action} label={label} {...props} />\r\n          ) : (\r\n            <Button key={label} size={size} onClick={action} label={label} {...props} />\r\n          ),\r\n        )}\r\n    </Styled.ActionsContainer>\r\n  </Styled.ActionBar>\r\n);\r\n\r\nexport default ActionBar;\r\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.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.styles.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions, Alignments } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport type { IActionBarProps } from './ActionBar.types';\nimport { actionBarConsts } from './ActionBar.consts';\n\nexport const ActionsContainer = styled.div``;\n\nconst ActionBar = styled.div<\n  Required<PickTransient<IActionBarProps, 'size'>> & PickTransient<IActionBarProps, 'direction' | 'alignment'>\n>`\n  ${({ $size, $direction, $alignment }) => css`\n    display: flex;\n    gap: ${actionBarConsts[$size].gap}px;\n    width: 100%;\n    justify-content: flex-end;\n\n    &:has(> :last-child:nth-child(2)) {\n      justify-content: space-between;\n    }\n\n    ${$alignment === Alignments.Left &&\n    css`\n      flex-direction: row-reverse;\n    `}\n\n    ${$direction === Directions.Vertical &&\n    css`\n      flex-direction: column;\n\n      ${$alignment === Alignments.Left &&\n      css`\n        flex-direction: column-reverse;\n      `}\n      flex-grow: 1;\n    `}\n\n    ${ActionsContainer} {\n      display: flex;\n      gap: ${actionBarConsts[$size].gap}px;\n      width: fit-content;\n\n      ${$direction === Directions.Vertical &&\n      css`\n        flex-direction: column;\n        width: 100%;\n      `}\n\n      ${$alignment === Alignments.Left &&\n      css`\n        justify-content: flex-start;\n      `}\n\n      ${$alignment === Alignments.Right &&\n      css`\n        justify-content: flex-end;\n      `}\n\n      ${$alignment === Alignments.Center &&\n      css`\n        justify-content: center;\n      `}\n\n      ${$alignment === Alignments.Fill &&\n      css`\n        justify-content: space-between;\n        flex-grow: 1;\n\n        > * {\n          flex: 1 1 auto;\n        }\n      `}\n    }\n  `}\n`;\n\nexport { ActionBar };\n"],"names":["ActionsContainer","styled","ActionBar","$size","$direction","$alignment","css","actionBarConsts","Alignments","Directions"],"mappings":";;;AAOO,MAAMA,IAAmBC,EAAO,OAEjCC,IAAYD,EAAO;AAAA,IAGrB,CAAC,EAAE,OAAAE,GAAO,YAAAC,GAAY,YAAAC,QAAiBC;AAAA;AAAA,WAEhCC,EAAgBJ,CAAK,EAAE,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQ/BE,MAAeG,EAAW,QAC5BF;AAAA;AAAA,KAEC;AAAA;AAAA,MAECF,MAAeK,EAAW,YAC5BH;AAAA;AAAA;AAAA,QAGID,MAAeG,EAAW,QAC5BF;AAAA;AAAA,OAEC;AAAA;AAAA,KAEF;AAAA;AAAA,MAECN,CAAgB;AAAA;AAAA,aAETO,EAAgBJ,CAAK,EAAE,GAAG;AAAA;AAAA;AAAA,QAG/BC,MAAeK,EAAW,YAC5BH;AAAA;AAAA;AAAA,OAGC;AAAA;AAAA,QAECD,MAAeG,EAAW,QAC5BF;AAAA;AAAA,OAEC;AAAA;AAAA,QAECD,MAAeG,EAAW,SAC5BF;AAAA;AAAA,OAEC;AAAA;AAAA,QAECD,MAAeG,EAAW,UAC5BF;AAAA;AAAA,OAEC;AAAA;AAAA,QAECD,MAAeG,EAAW,QAC5BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOC;AAAA;AAAA,GAEJ;AAAA;"}
+{"version":3,"file":"ActionBar.styles.js","sources":["../../../../../src/components/_internalComponents/ActionBar/ActionBar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Directions, Alignments } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport type { IActionBarProps } from './ActionBar.types';\r\nimport { actionBarConsts } from './ActionBar.consts';\r\n\r\nexport const ActionsContainer = styled.div``;\r\n\r\nconst ActionBar = styled.div<\r\n  Required<PickTransient<IActionBarProps, 'size'>> & PickTransient<IActionBarProps, 'direction' | 'alignment'>\r\n>`\r\n  ${({ $size, $direction, $alignment }) => css`\r\n    display: flex;\r\n    gap: ${actionBarConsts[$size].gap}px;\r\n    width: 100%;\r\n    justify-content: flex-end;\r\n\r\n    &:has(> :last-child:nth-child(2)) {\r\n      justify-content: space-between;\r\n    }\r\n\r\n    ${$alignment === Alignments.Left &&\r\n    css`\r\n      flex-direction: row-reverse;\r\n    `}\r\n\r\n    ${$direction === Directions.Vertical &&\r\n    css`\r\n      flex-direction: column;\r\n\r\n      ${$alignment === Alignments.Left &&\r\n      css`\r\n        flex-direction: column-reverse;\r\n      `}\r\n      flex-grow: 1;\r\n    `}\r\n\r\n    ${ActionsContainer} {\r\n      display: flex;\r\n      gap: ${actionBarConsts[$size].gap}px;\r\n      width: fit-content;\r\n\r\n      ${$direction === Directions.Vertical &&\r\n      css`\r\n        flex-direction: column;\r\n        width: 100%;\r\n      `}\r\n\r\n      ${$alignment === Alignments.Left &&\r\n      css`\r\n        justify-content: flex-start;\r\n      `}\r\n\r\n      ${$alignment === Alignments.Right &&\r\n      css`\r\n        justify-content: flex-end;\r\n      `}\r\n\r\n      ${$alignment === Alignments.Center &&\r\n      css`\r\n        justify-content: center;\r\n      `}\r\n\r\n      ${$alignment === Alignments.Fill &&\r\n      css`\r\n        justify-content: space-between;\r\n        flex-grow: 1;\r\n\r\n        > * {\r\n          flex: 1 1 auto;\r\n        }\r\n      `}\r\n    }\r\n  `}\r\n`;\r\n\r\nexport { ActionBar };\r\n"],"names":["ActionsContainer","styled","ActionBar","$size","$direction","$alignment","css","actionBarConsts","Alignments","Directions"],"mappings":";;;AAOO,MAAMA,IAAmBC,EAAO,OAEjCC,IAAYD,EAAO;AAAA,IAGrB,CAAC,EAAE,OAAAE,GAAO,YAAAC,GAAY,YAAAC,QAAiBC;AAAA;AAAA,WAEhCC,EAAgBJ,CAAK,EAAE,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQ/BE,MAAeG,EAAW,QAC5BF;AAAA;AAAA,KAEC;AAAA;AAAA,MAECF,MAAeK,EAAW,YAC5BH;AAAA;AAAA;AAAA,QAGID,MAAeG,EAAW,QAC5BF;AAAA;AAAA,OAEC;AAAA;AAAA,KAEF;AAAA;AAAA,MAECN,CAAgB;AAAA;AAAA,aAETO,EAAgBJ,CAAK,EAAE,GAAG;AAAA;AAAA;AAAA,QAG/BC,MAAeK,EAAW,YAC5BH;AAAA;AAAA;AAAA,OAGC;AAAA;AAAA,QAECD,MAAeG,EAAW,QAC5BF;AAAA;AAAA,OAEC;AAAA;AAAA,QAECD,MAAeG,EAAW,SAC5BF;AAAA;AAAA,OAEC;AAAA;AAAA,QAECD,MAAeG,EAAW,UAC5BF;AAAA;AAAA,OAEC;AAAA;AAAA,QAECD,MAAeG,EAAW,QAC5BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOC;AAAA;AAAA,GAEJ;AAAA;"}

package/build/esm/components/_internalComponents/InfoBar/InfoBar.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBar.consts.js","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.consts.ts"],"sourcesContent":["import { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport type { Size, Direction } from './InfoBar.types';\n\ntype InfoBarConsts = {\n  [size in Size]: {\n    icon: number;\n  } & {\n    [direction in Direction]: {\n      gap: number;\n      containerGap: number;\n      titleContainerGap: number;\n      titleGap: number;\n    };\n  };\n};\n\nexport const consts: InfoBarConsts = {\n  [Sizes.XSmall]: {\n    icon: 16,\n    [Directions.Horizontal]: {\n      gap: 8,\n      containerGap: 4,\n      titleContainerGap: 4,\n      titleGap: 2,\n    },\n    [Directions.Vertical]: {\n      gap: 12,\n      containerGap: 4,\n      titleContainerGap: 4,\n      titleGap: 2,\n    },\n  },\n  [Sizes.Small]: {\n    icon: 20,\n    [Directions.Horizontal]: {\n      gap: 12,\n      containerGap: 4,\n      titleContainerGap: 4,\n      titleGap: 4,\n    },\n    [Directions.Vertical]: {\n      gap: 12,\n      containerGap: 4,\n      titleContainerGap: 4,\n      titleGap: 4,\n    },\n  },\n  [Sizes.Medium]: {\n    icon: 24,\n    [Directions.Horizontal]: {\n      gap: 12,\n      containerGap: 4,\n      titleContainerGap: 4,\n      titleGap: 6,\n    },\n    [Directions.Vertical]: {\n      gap: 12,\n      containerGap: 4,\n      titleContainerGap: 4,\n      titleGap: 6,\n    },\n  },\n  [Sizes.Large]: {\n    icon: 28,\n    [Directions.Horizontal]: {\n      gap: 12,\n      containerGap: 2,\n      titleContainerGap: 4,\n      titleGap: 8,\n    },\n    [Directions.Vertical]: {\n      gap: 12,\n      containerGap: 2,\n      titleContainerGap: 4,\n      titleGap: 8,\n    },\n  },\n};\n"],"names":["consts","Sizes","Directions"],"mappings":";AAiBO,MAAMA,IAAwB;AAAA,EACnC,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,MAAM;AAAA,IACN,CAACC,EAAW,UAAU,GAAG;AAAA,MACvB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,EAAW,QAAQ,GAAG;AAAA,MACrB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,CAACD,EAAM,KAAK,GAAG;AAAA,IACb,MAAM;AAAA,IACN,CAACC,EAAW,UAAU,GAAG;AAAA,MACvB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,EAAW,QAAQ,GAAG;AAAA,MACrB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,CAACD,EAAM,MAAM,GAAG;AAAA,IACd,MAAM;AAAA,IACN,CAACC,EAAW,UAAU,GAAG;AAAA,MACvB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,EAAW,QAAQ,GAAG;AAAA,MACrB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,CAACD,EAAM,KAAK,GAAG;AAAA,IACb,MAAM;AAAA,IACN,CAACC,EAAW,UAAU,GAAG;AAAA,MACvB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,EAAW,QAAQ,GAAG;AAAA,MACrB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;"}
+{"version":3,"file":"InfoBar.consts.js","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.consts.ts"],"sourcesContent":["import { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport type { Size, Direction } from './InfoBar.types';\r\n\r\ntype InfoBarConsts = {\r\n  [size in Size]: {\r\n    icon: number;\r\n  } & {\r\n    [direction in Direction]: {\r\n      gap: number;\r\n      containerGap: number;\r\n      titleContainerGap: number;\r\n      titleGap: number;\r\n    };\r\n  };\r\n};\r\n\r\nexport const consts: InfoBarConsts = {\r\n  [Sizes.XSmall]: {\r\n    icon: 16,\r\n    [Directions.Horizontal]: {\r\n      gap: 8,\r\n      containerGap: 4,\r\n      titleContainerGap: 4,\r\n      titleGap: 2,\r\n    },\r\n    [Directions.Vertical]: {\r\n      gap: 12,\r\n      containerGap: 4,\r\n      titleContainerGap: 4,\r\n      titleGap: 2,\r\n    },\r\n  },\r\n  [Sizes.Small]: {\r\n    icon: 20,\r\n    [Directions.Horizontal]: {\r\n      gap: 12,\r\n      containerGap: 4,\r\n      titleContainerGap: 4,\r\n      titleGap: 4,\r\n    },\r\n    [Directions.Vertical]: {\r\n      gap: 12,\r\n      containerGap: 4,\r\n      titleContainerGap: 4,\r\n      titleGap: 4,\r\n    },\r\n  },\r\n  [Sizes.Medium]: {\r\n    icon: 24,\r\n    [Directions.Horizontal]: {\r\n      gap: 12,\r\n      containerGap: 4,\r\n      titleContainerGap: 4,\r\n      titleGap: 6,\r\n    },\r\n    [Directions.Vertical]: {\r\n      gap: 12,\r\n      containerGap: 4,\r\n      titleContainerGap: 4,\r\n      titleGap: 6,\r\n    },\r\n  },\r\n  [Sizes.Large]: {\r\n    icon: 28,\r\n    [Directions.Horizontal]: {\r\n      gap: 12,\r\n      containerGap: 2,\r\n      titleContainerGap: 4,\r\n      titleGap: 8,\r\n    },\r\n    [Directions.Vertical]: {\r\n      gap: 12,\r\n      containerGap: 2,\r\n      titleContainerGap: 4,\r\n      titleGap: 8,\r\n    },\r\n  },\r\n};\r\n"],"names":["consts","Sizes","Directions"],"mappings":";AAiBO,MAAMA,IAAwB;AAAA,EACnC,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,MAAM;AAAA,IACN,CAACC,EAAW,UAAU,GAAG;AAAA,MACvB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,EAAW,QAAQ,GAAG;AAAA,MACrB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,CAACD,EAAM,KAAK,GAAG;AAAA,IACb,MAAM;AAAA,IACN,CAACC,EAAW,UAAU,GAAG;AAAA,MACvB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,EAAW,QAAQ,GAAG;AAAA,MACrB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,CAACD,EAAM,MAAM,GAAG;AAAA,IACd,MAAM;AAAA,IACN,CAACC,EAAW,UAAU,GAAG;AAAA,MACvB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,EAAW,QAAQ,GAAG;AAAA,MACrB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,CAACD,EAAM,KAAK,GAAG;AAAA,IACb,MAAM;AAAA,IACN,CAACC,EAAW,UAAU,GAAG;AAAA,MACvB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACA,EAAW,QAAQ,GAAG;AAAA,MACrB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"InfoBar.js","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.tsx"],"sourcesContent":["import { Sizes, Directions, Positions, TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport type { TextTypes } from 'acinguiux-ds-react-base/components/Text';\n\nimport Heading from '../../Text/components/Heading/Heading';\nimport type { IInfoBarProps } from './InfoBar.types';\nimport * as Styled from './InfoBar.styles';\nimport Text from '../../Text/components/Text/Text';\nimport Label from '../../Text/components/Label/Label';\n\nconst InfoBar = ({\n  size = `${Sizes.Medium}`,\n  meta,\n  title,\n  description,\n  content,\n  icon,\n  iconPosition = `${Positions.Left}`,\n  direction = `${Directions.Horizontal}`,\n}: IInfoBarProps) => (\n  <Styled.InfoBar $direction={direction} $size={size} $iconPosition={iconPosition}>\n    {!!(meta ?? title ?? description ?? icon) && (\n      <Styled.Container>\n        <Styled.TitleContainer>\n          {!!meta && (\n            <Label size={size === Sizes.XSmall ? Sizes.Small : size} contrast=\"subtle\">\n              {meta}\n            </Label>\n          )}\n          <Styled.Title>\n            {icon}\n            {!!title && (\n              <Heading type={TextElementTypes.Span} size={size}>\n                {title}\n              </Heading>\n            )}\n          </Styled.Title>\n        </Styled.TitleContainer>\n        {!!description && (\n          <Text size={getSmallerSize(size) as TextTypes.Size} contrast=\"subtle\">\n            {description}\n          </Text>\n        )}\n      </Styled.Container>\n    )}\n    {!!content && <Styled.Content>{content}</Styled.Content>}\n  </Styled.InfoBar>\n);\n\nexport default InfoBar;\n"],"names":["InfoBar","size","Sizes","meta","title","description","content","icon","iconPosition","Positions","direction","Directions","jsxs","Styled.InfoBar","Styled.Container","Styled.TitleContainer","jsx","Label","Styled.Title","Heading","TextElementTypes","Text","getSmallerSize","Styled.Content"],"mappings":";;;;;;;AAUA,MAAMA,IAAU,CAAC;AAAA,EACf,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,EACtB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe,GAAGC,EAAU,IAAI;AAAA,EAChC,WAAAC,IAAY,GAAGC,EAAW,UAAU;AACtC,MACE,gBAAAC,EAACC,GAAA,EAAe,YAAYH,GAAW,OAAOT,GAAM,eAAeO,GAChE,UAAA;AAAA,EAAA,CAAC,EAAEL,KAAQC,KAASC,KAAeE,MAClC,gBAAAK,EAACE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EACE,UAAA;AAAA,MAAA,CAAC,CAACZ,KACD,gBAAAa,EAACC,GAAA,EAAM,MAAMhB,MAASC,EAAM,SAASA,EAAM,QAAQD,GAAM,UAAS,UAC/D,UAAAE,GACH;AAAA,MAEF,gBAAAS,EAACM,GAAA,EACE,UAAA;AAAA,QAAAX;AAAA,QACA,CAAC,CAACH,KACD,gBAAAY,EAACG,KAAQ,MAAMC,EAAiB,MAAM,MAAAnB,GACnC,UAAAG,EAAA,CACH;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,IACC,CAAC,CAACC,KACD,gBAAAW,EAACK,GAAA,EAAK,MAAMC,EAAerB,CAAI,GAAqB,UAAS,UAC1D,UAAAI,EAAA,CACH;AAAA,EAAA,GAEJ;AAAA,EAED,CAAC,CAACC,uBAAYiB,GAAA,EAAgB,UAAAjB,EAAA,CAAQ;AAAA,EAAA,CACzC;"}
+{"version":3,"file":"InfoBar.js","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.tsx"],"sourcesContent":["import { Sizes, Directions, Positions, TextElementTypes } from 'acinguiux-ds-react-base/consts';\r\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport type { TextTypes } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport Heading from '../../Text/components/Heading/Heading';\r\nimport type { IInfoBarProps } from './InfoBar.types';\r\nimport * as Styled from './InfoBar.styles';\r\nimport Text from '../../Text/components/Text/Text';\r\nimport Label from '../../Text/components/Label/Label';\r\n\r\nconst InfoBar = ({\r\n  size = `${Sizes.Medium}`,\r\n  meta,\r\n  title,\r\n  description,\r\n  content,\r\n  icon,\r\n  iconPosition = `${Positions.Left}`,\r\n  direction = `${Directions.Horizontal}`,\r\n}: IInfoBarProps) => (\r\n  <Styled.InfoBar $direction={direction} $size={size} $iconPosition={iconPosition}>\r\n    {!!(meta ?? title ?? description ?? icon) && (\r\n      <Styled.Container>\r\n        <Styled.TitleContainer>\r\n          {!!meta && (\r\n            <Label size={size === Sizes.XSmall ? Sizes.Small : size} contrast=\"subtle\">\r\n              {meta}\r\n            </Label>\r\n          )}\r\n          <Styled.Title>\r\n            {icon}\r\n            {!!title && (\r\n              <Heading type={TextElementTypes.Span} size={size}>\r\n                {title}\r\n              </Heading>\r\n            )}\r\n          </Styled.Title>\r\n        </Styled.TitleContainer>\r\n        {!!description && (\r\n          <Text size={getSmallerSize(size) as TextTypes.Size} contrast=\"subtle\">\r\n            {description}\r\n          </Text>\r\n        )}\r\n      </Styled.Container>\r\n    )}\r\n    {!!content && <Styled.Content>{content}</Styled.Content>}\r\n  </Styled.InfoBar>\r\n);\r\n\r\nexport default InfoBar;\r\n"],"names":["InfoBar","size","Sizes","meta","title","description","content","icon","iconPosition","Positions","direction","Directions","jsxs","Styled.InfoBar","Styled.Container","Styled.TitleContainer","jsx","Label","Styled.Title","Heading","TextElementTypes","Text","getSmallerSize","Styled.Content"],"mappings":";;;;;;;AAUA,MAAMA,IAAU,CAAC;AAAA,EACf,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,EACtB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe,GAAGC,EAAU,IAAI;AAAA,EAChC,WAAAC,IAAY,GAAGC,EAAW,UAAU;AACtC,MACE,gBAAAC,EAACC,GAAA,EAAe,YAAYH,GAAW,OAAOT,GAAM,eAAeO,GAChE,UAAA;AAAA,EAAA,CAAC,EAAEL,KAAQC,KAASC,KAAeE,MAClC,gBAAAK,EAACE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EACE,UAAA;AAAA,MAAA,CAAC,CAACZ,KACD,gBAAAa,EAACC,GAAA,EAAM,MAAMhB,MAASC,EAAM,SAASA,EAAM,QAAQD,GAAM,UAAS,UAC/D,UAAAE,GACH;AAAA,MAEF,gBAAAS,EAACM,GAAA,EACE,UAAA;AAAA,QAAAX;AAAA,QACA,CAAC,CAACH,KACD,gBAAAY,EAACG,KAAQ,MAAMC,EAAiB,MAAM,MAAAnB,GACnC,UAAAG,EAAA,CACH;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,IACC,CAAC,CAACC,KACD,gBAAAW,EAACK,GAAA,EAAK,MAAMC,EAAerB,CAAI,GAAqB,UAAS,UAC1D,UAAAI,EAAA,CACH;AAAA,EAAA,GAEJ;AAAA,EAED,CAAC,CAACC,uBAAYiB,GAAA,EAAgB,UAAAjB,EAAA,CAAQ;AAAA,EAAA,CACzC;"}

package/build/esm/components/_internalComponents/InfoBar/InfoBar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBar.styles.js","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { Directions, Positions } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getParagraphTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { IInfoBarProps } from './InfoBar.types';\nimport { consts } from './InfoBar.consts';\nimport Flexbox from '../../Flexbox/Flexbox';\n\nexport const Container = styled(Flexbox)``;\nexport const TitleContainer = styled(Flexbox)``;\nexport const Title = styled(Flexbox)``;\n\nexport const Content = styled.div`\n  display: flex;\n  flex: 1 1 0;\n  justify-content: flex-end;\n  width: 100%;\n`;\n\nexport const InfoBar = styled.div<Required<PickTransient<IInfoBarProps, 'size' | 'direction' | 'iconPosition'>>>`\n  ${({ theme, $direction, $iconPosition, $size }) => css`\n    gap: ${consts[$size][$direction].gap}px;\n    display: flex;\n    justify-content: ${$direction === Directions.Vertical ? 'space-between' : 'flex-start'};\n    flex-direction: ${$direction === Directions.Vertical ? 'row' : 'column'};\n    flex: 1 1 0;\n    width: 100%;\n    color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n\n    ${$direction === Directions.Vertical &&\n    css`\n      & > ${Container}:has(+ ${Content}),\n      & > ${Content} {\n        flex-basis: 50%;\n      }\n    `};\n\n    & > ${Content} {\n      ${theme.typography('paragraph', getParagraphTypographySize(getSmallerSize($size)))};\n    }\n\n    & > ${Container} {\n      gap: ${consts[$size][$direction].containerGap}px;\n      flex-direction: column;\n\n      & > ${TitleContainer} {\n        flex-direction: column;\n        min-width: fit-content;\n        gap: ${consts[$size][$direction].titleContainerGap}px;\n\n        & > ${Title} {\n          align-items: ${$iconPosition === Positions.Top ? 'flex-start' : 'center'};\n          flex-direction: ${$iconPosition === Positions.Top ? 'column' : 'row'};\n          gap: ${consts[$size][$direction].titleGap}px;\n\n          & > svg {\n            width: ${consts[$size].icon}px;\n            height: ${consts[$size].icon}px;\n          }\n        }\n      }\n    }\n  `}\n`;\n"],"names":["Container","styled","Flexbox","TitleContainer","Title","Content","InfoBar","theme","$direction","$iconPosition","$size","css","consts","Directions","Variables","getParagraphTypographySize","getSmallerSize","Positions"],"mappings":";;;;;;AAUO,MAAMA,IAAYC,EAAOC,CAAO,KAC1BC,IAAiBF,EAAOC,CAAO,KAC/BE,IAAQH,EAAOC,CAAO,KAEtBG,IAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOjBK,IAAUL,EAAO;AAAA,IAC1B,CAAC,EAAE,OAAAM,GAAO,YAAAC,GAAY,eAAAC,GAAe,OAAAC,QAAYC;AAAA,WAC1CC,EAAOF,CAAK,EAAEF,CAAU,EAAE,GAAG;AAAA;AAAA,uBAEjBA,MAAeK,EAAW,WAAW,kBAAkB,YAAY;AAAA,sBACpEL,MAAeK,EAAW,WAAW,QAAQ,QAAQ;AAAA;AAAA;AAAA,aAG9DN,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEO,EAAU,sBAAsB,CAAC;AAAA;AAAA,MAE/EN,MAAeK,EAAW,YAC5BF;AAAA,YACQX,CAAS,UAAUK,CAAO;AAAA,YAC1BA,CAAO;AAAA;AAAA;AAAA,KAGd;AAAA;AAAA,UAEKA,CAAO;AAAA,QACTE,EAAM,WAAW,aAAaQ,EAA2BC,EAAeN,CAAK,CAAC,CAAC,CAAC;AAAA;AAAA;AAAA,UAG9EV,CAAS;AAAA,aACNY,EAAOF,CAAK,EAAEF,CAAU,EAAE,YAAY;AAAA;AAAA;AAAA,YAGvCL,CAAc;AAAA;AAAA;AAAA,eAGXS,EAAOF,CAAK,EAAEF,CAAU,EAAE,iBAAiB;AAAA;AAAA,cAE5CJ,CAAK;AAAA,yBACMK,MAAkBQ,EAAU,MAAM,eAAe,QAAQ;AAAA,4BACtDR,MAAkBQ,EAAU,MAAM,WAAW,KAAK;AAAA,iBAC7DL,EAAOF,CAAK,EAAEF,CAAU,EAAE,QAAQ;AAAA;AAAA;AAAA,qBAG9BI,EAAOF,CAAK,EAAE,IAAI;AAAA,sBACjBE,EAAOF,CAAK,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAKrC;AAAA;"}
+{"version":3,"file":"InfoBar.styles.js","sources":["../../../../../src/components/_internalComponents/InfoBar/InfoBar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { Directions, Positions } from 'acinguiux-ds-react-base/consts';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { getParagraphTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\n\r\nimport type { IInfoBarProps } from './InfoBar.types';\r\nimport { consts } from './InfoBar.consts';\r\nimport Flexbox from '../../Flexbox/Flexbox';\r\n\r\nexport const Container = styled(Flexbox)``;\r\nexport const TitleContainer = styled(Flexbox)``;\r\nexport const Title = styled(Flexbox)``;\r\n\r\nexport const Content = styled.div`\r\n  display: flex;\r\n  flex: 1 1 0;\r\n  justify-content: flex-end;\r\n  width: 100%;\r\n`;\r\n\r\nexport const InfoBar = styled.div<Required<PickTransient<IInfoBarProps, 'size' | 'direction' | 'iconPosition'>>>`\r\n  ${({ theme, $direction, $iconPosition, $size }) => css`\r\n    gap: ${consts[$size][$direction].gap}px;\r\n    display: flex;\r\n    justify-content: ${$direction === Directions.Vertical ? 'space-between' : 'flex-start'};\r\n    flex-direction: ${$direction === Directions.Vertical ? 'row' : 'column'};\r\n    flex: 1 1 0;\r\n    width: 100%;\r\n    color: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\r\n\r\n    ${$direction === Directions.Vertical &&\r\n    css`\r\n      & > ${Container}:has(+ ${Content}),\r\n      & > ${Content} {\r\n        flex-basis: 50%;\r\n      }\r\n    `};\r\n\r\n    & > ${Content} {\r\n      ${theme.typography('paragraph', getParagraphTypographySize(getSmallerSize($size)))};\r\n    }\r\n\r\n    & > ${Container} {\r\n      gap: ${consts[$size][$direction].containerGap}px;\r\n      flex-direction: column;\r\n\r\n      & > ${TitleContainer} {\r\n        flex-direction: column;\r\n        min-width: fit-content;\r\n        gap: ${consts[$size][$direction].titleContainerGap}px;\r\n\r\n        & > ${Title} {\r\n          align-items: ${$iconPosition === Positions.Top ? 'flex-start' : 'center'};\r\n          flex-direction: ${$iconPosition === Positions.Top ? 'column' : 'row'};\r\n          gap: ${consts[$size][$direction].titleGap}px;\r\n\r\n          & > svg {\r\n            width: ${consts[$size].icon}px;\r\n            height: ${consts[$size].icon}px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `}\r\n`;\r\n"],"names":["Container","styled","Flexbox","TitleContainer","Title","Content","InfoBar","theme","$direction","$iconPosition","$size","css","consts","Directions","Variables","getParagraphTypographySize","getSmallerSize","Positions"],"mappings":";;;;;;AAUO,MAAMA,IAAYC,EAAOC,CAAO,KAC1BC,IAAiBF,EAAOC,CAAO,KAC/BE,IAAQH,EAAOC,CAAO,KAEtBG,IAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOjBK,IAAUL,EAAO;AAAA,IAC1B,CAAC,EAAE,OAAAM,GAAO,YAAAC,GAAY,eAAAC,GAAe,OAAAC,QAAYC;AAAA,WAC1CC,EAAOF,CAAK,EAAEF,CAAU,EAAE,GAAG;AAAA;AAAA,uBAEjBA,MAAeK,EAAW,WAAW,kBAAkB,YAAY;AAAA,sBACpEL,MAAeK,EAAW,WAAW,QAAQ,QAAQ;AAAA;AAAA;AAAA,aAG9DN,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEO,EAAU,sBAAsB,CAAC;AAAA;AAAA,MAE/EN,MAAeK,EAAW,YAC5BF;AAAA,YACQX,CAAS,UAAUK,CAAO;AAAA,YAC1BA,CAAO;AAAA;AAAA;AAAA,KAGd;AAAA;AAAA,UAEKA,CAAO;AAAA,QACTE,EAAM,WAAW,aAAaQ,EAA2BC,EAAeN,CAAK,CAAC,CAAC,CAAC;AAAA;AAAA;AAAA,UAG9EV,CAAS;AAAA,aACNY,EAAOF,CAAK,EAAEF,CAAU,EAAE,YAAY;AAAA;AAAA;AAAA,YAGvCL,CAAc;AAAA;AAAA;AAAA,eAGXS,EAAOF,CAAK,EAAEF,CAAU,EAAE,iBAAiB;AAAA;AAAA,cAE5CJ,CAAK;AAAA,yBACMK,MAAkBQ,EAAU,MAAM,eAAe,QAAQ;AAAA,4BACtDR,MAAkBQ,EAAU,MAAM,WAAW,KAAK;AAAA,iBAC7DL,EAAOF,CAAK,EAAEF,CAAU,EAAE,QAAQ;AAAA;AAAA;AAAA,qBAG9BI,EAAOF,CAAK,EAAE,IAAI;AAAA,sBACjBE,EAAOF,CAAK,EAAE,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAKrC;AAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusRingOnKeyboard.js","sources":["../../../src/hooks/useFocusRingOnKeyboard.ts"],"sourcesContent":["import { type FocusEventHandler, type MouseEventHandler, type RefObject, useCallback, useState } from 'react';\n\nimport type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\n\ntype FocusFingOnKeyboardHookProps<T extends HTMLElement> = {\n  inputRef?: RefObject<T>;\n  onFocus?: FocusEventHandler<T>;\n  onMouseDownCapture?: MouseEventHandler<T>;\n  onBlur?: FocusEventHandler<T>;\n  onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\nexport const useFocusRingOnKeyboard = <T extends HTMLElement = HTMLInputElement>({\n  inputRef,\n  onFocus,\n  onBlur,\n  onClick,\n  onMouseDownCapture,\n}: FocusFingOnKeyboardHookProps<T>) => {\n  const [focusKind, setFocusKind] = useState<TextInputTypes.FocusKind>('none');\n  // handled state is used to not update focusKind when mouseDown is triggered but click is not final (e.g. clear button)\n  const [handled, setHandled] = useState(false);\n\n  const handleOnFocus: FocusEventHandler<T> = useCallback(\n    (event) => {\n      setFocusKind((prevFocus) => (prevFocus === 'mouse' ? 'mouse' : 'keyboard'));\n      onFocus?.(event);\n    },\n    [onFocus],\n  );\n\n  const handleOnClick: MouseEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      setFocusKind(event.detail ? 'mouse' : 'keyboard');\n      if (inputRef?.current) {\n        inputRef?.current.focus();\n      }\n      onClick?.(event);\n      setHandled(false);\n    },\n    [onClick, inputRef],\n  );\n\n  const handleOnMouseDownCapture: MouseEventHandler<T> = useCallback(\n    (event) => {\n      setHandled(true);\n      setFocusKind(event.detail ? 'mouse' : 'keyboard');\n      onMouseDownCapture?.(event);\n    },\n    [onMouseDownCapture],\n  );\n\n  const handleOnBlur: FocusEventHandler<T> = useCallback(\n    (event) => {\n      if (!handled) {\n        // in the case of Select, we need to check if the relatedTarget is inside the inputRef (clear button scenario because of rc-select weird focus/blur handlers)\n        // otherwise, we check if the relatedTarget is a part of the date picker (e.g. rdp-* base class)\n        const hasFocus =\n          inputRef?.current && 'nativeElement' in inputRef.current\n            ? (inputRef.current.nativeElement as HTMLElement).contains(event.relatedTarget)\n            : event.relatedTarget?.className.includes('rdp-');\n        setFocusKind((prevFocus) => (document.hasFocus() && !hasFocus ? 'none' : prevFocus));\n      }\n      onBlur?.(event);\n    },\n    [onBlur, inputRef, handled],\n  );\n\n  return {\n    focusKind,\n    setFocusKind,\n    handleOnFocus,\n    handleOnClick,\n    handleOnMouseDownCapture,\n    handleOnBlur,\n  };\n};\n"],"names":["useFocusRingOnKeyboard","inputRef","onFocus","onBlur","onClick","onMouseDownCapture","focusKind","setFocusKind","useState","handled","setHandled","handleOnFocus","useCallback","event","prevFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","hasFocus"],"mappings":";AAYO,MAAMA,IAAyB,CAA2C;AAAA,EAC/E,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AACF,MAAuC;AACrC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAmC,MAAM,GAErE,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAsCC;AAAA,IAC1C,CAACC,MAAU;AACT,MAAAN,EAAa,CAACO,MAAeA,MAAc,UAAU,UAAU,UAAW,GAC1EZ,IAAUW,CAAK;AAAA,IACjB;AAAA,IACA,CAACX,CAAO;AAAA,EAAA,GAGJa,IAAmDH;AAAA,IACvD,CAACC,MAAU;AACT,MAAAN,EAAaM,EAAM,SAAS,UAAU,UAAU,GAC5CZ,GAAU,WACZA,GAAU,QAAQ,MAAA,GAEpBG,IAAUS,CAAK,GACfH,EAAW,EAAK;AAAA,IAClB;AAAA,IACA,CAACN,GAASH,CAAQ;AAAA,EAAA,GAGde,IAAiDJ;AAAA,IACrD,CAACC,MAAU;AACT,MAAAH,EAAW,EAAI,GACfH,EAAaM,EAAM,SAAS,UAAU,UAAU,GAChDR,IAAqBQ,CAAK;AAAA,IAC5B;AAAA,IACA,CAACR,CAAkB;AAAA,EAAA,GAGfY,IAAqCL;AAAA,IACzC,CAACC,MAAU;AACT,UAAI,CAACJ,GAAS;AAGZ,cAAMS,IACJjB,GAAU,WAAW,mBAAmBA,EAAS,UAC5CA,EAAS,QAAQ,cAA8B,SAASY,EAAM,aAAa,IAC5EA,EAAM,eAAe,UAAU,SAAS,MAAM;AACpD,QAAAN,EAAa,CAACO,MAAe,SAAS,SAAA,KAAc,CAACI,IAAW,SAASJ,CAAU;AAAA,MACrF;AACA,MAAAX,IAASU,CAAK;AAAA,IAChB;AAAA,IACA,CAACV,GAAQF,GAAUQ,CAAO;AAAA,EAAA;AAG5B,SAAO;AAAA,IACL,WAAAH;AAAA,IACA,cAAAC;AAAA,IACA,eAAAI;AAAA,IACA,eAAAI;AAAA,IACA,0BAAAC;AAAA,IACA,cAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useFocusRingOnKeyboard.js","sources":["../../../src/hooks/useFocusRingOnKeyboard.ts"],"sourcesContent":["import { type FocusEventHandler, type MouseEventHandler, type RefObject, useCallback, useState } from 'react';\r\n\r\nimport type { TextInputTypes } from 'acinguiux-ds-react-base/components/TextInput';\r\n\r\ntype FocusFingOnKeyboardHookProps<T extends HTMLElement> = {\r\n  inputRef?: RefObject<T>;\r\n  onFocus?: FocusEventHandler<T>;\r\n  onMouseDownCapture?: MouseEventHandler<T>;\r\n  onBlur?: FocusEventHandler<T>;\r\n  onClick?: MouseEventHandler<HTMLDivElement>;\r\n};\r\n\r\nexport const useFocusRingOnKeyboard = <T extends HTMLElement = HTMLInputElement>({\r\n  inputRef,\r\n  onFocus,\r\n  onBlur,\r\n  onClick,\r\n  onMouseDownCapture,\r\n}: FocusFingOnKeyboardHookProps<T>) => {\r\n  const [focusKind, setFocusKind] = useState<TextInputTypes.FocusKind>('none');\r\n  // handled state is used to not update focusKind when mouseDown is triggered but click is not final (e.g. clear button)\r\n  const [handled, setHandled] = useState(false);\r\n\r\n  const handleOnFocus: FocusEventHandler<T> = useCallback(\r\n    (event) => {\r\n      setFocusKind((prevFocus) => (prevFocus === 'mouse' ? 'mouse' : 'keyboard'));\r\n      onFocus?.(event);\r\n    },\r\n    [onFocus],\r\n  );\r\n\r\n  const handleOnClick: MouseEventHandler<HTMLDivElement> = useCallback(\r\n    (event) => {\r\n      setFocusKind(event.detail ? 'mouse' : 'keyboard');\r\n      if (inputRef?.current) {\r\n        inputRef?.current.focus();\r\n      }\r\n      onClick?.(event);\r\n      setHandled(false);\r\n    },\r\n    [onClick, inputRef],\r\n  );\r\n\r\n  const handleOnMouseDownCapture: MouseEventHandler<T> = useCallback(\r\n    (event) => {\r\n      setHandled(true);\r\n      setFocusKind(event.detail ? 'mouse' : 'keyboard');\r\n      onMouseDownCapture?.(event);\r\n    },\r\n    [onMouseDownCapture],\r\n  );\r\n\r\n  const handleOnBlur: FocusEventHandler<T> = useCallback(\r\n    (event) => {\r\n      if (!handled) {\r\n        // in the case of Select, we need to check if the relatedTarget is inside the inputRef (clear button scenario because of rc-select weird focus/blur handlers)\r\n        // otherwise, we check if the relatedTarget is a part of the date picker (e.g. rdp-* base class)\r\n        const hasFocus =\r\n          inputRef?.current && 'nativeElement' in inputRef.current\r\n            ? (inputRef.current.nativeElement as HTMLElement).contains(event.relatedTarget)\r\n            : event.relatedTarget?.className.includes('rdp-');\r\n        setFocusKind((prevFocus) => (document.hasFocus() && !hasFocus ? 'none' : prevFocus));\r\n      }\r\n      onBlur?.(event);\r\n    },\r\n    [onBlur, inputRef, handled],\r\n  );\r\n\r\n  return {\r\n    focusKind,\r\n    setFocusKind,\r\n    handleOnFocus,\r\n    handleOnClick,\r\n    handleOnMouseDownCapture,\r\n    handleOnBlur,\r\n  };\r\n};\r\n"],"names":["useFocusRingOnKeyboard","inputRef","onFocus","onBlur","onClick","onMouseDownCapture","focusKind","setFocusKind","useState","handled","setHandled","handleOnFocus","useCallback","event","prevFocus","handleOnClick","handleOnMouseDownCapture","handleOnBlur","hasFocus"],"mappings":";AAYO,MAAMA,IAAyB,CAA2C;AAAA,EAC/E,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AACF,MAAuC;AACrC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAmC,MAAM,GAErE,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAsCC;AAAA,IAC1C,CAACC,MAAU;AACT,MAAAN,EAAa,CAACO,MAAeA,MAAc,UAAU,UAAU,UAAW,GAC1EZ,IAAUW,CAAK;AAAA,IACjB;AAAA,IACA,CAACX,CAAO;AAAA,EAAA,GAGJa,IAAmDH;AAAA,IACvD,CAACC,MAAU;AACT,MAAAN,EAAaM,EAAM,SAAS,UAAU,UAAU,GAC5CZ,GAAU,WACZA,GAAU,QAAQ,MAAA,GAEpBG,IAAUS,CAAK,GACfH,EAAW,EAAK;AAAA,IAClB;AAAA,IACA,CAACN,GAASH,CAAQ;AAAA,EAAA,GAGde,IAAiDJ;AAAA,IACrD,CAACC,MAAU;AACT,MAAAH,EAAW,EAAI,GACfH,EAAaM,EAAM,SAAS,UAAU,UAAU,GAChDR,IAAqBQ,CAAK;AAAA,IAC5B;AAAA,IACA,CAACR,CAAkB;AAAA,EAAA,GAGfY,IAAqCL;AAAA,IACzC,CAACC,MAAU;AACT,UAAI,CAACJ,GAAS;AAGZ,cAAMS,IACJjB,GAAU,WAAW,mBAAmBA,EAAS,UAC5CA,EAAS,QAAQ,cAA8B,SAASY,EAAM,aAAa,IAC5EA,EAAM,eAAe,UAAU,SAAS,MAAM;AACpD,QAAAN,EAAa,CAACO,MAAe,SAAS,SAAA,KAAc,CAACI,IAAW,SAASJ,CAAU;AAAA,MACrF;AACA,MAAAX,IAASU,CAAK;AAAA,IAChB;AAAA,IACA,CAACV,GAAQF,GAAUQ,CAAO;AAAA,EAAA;AAG5B,SAAO;AAAA,IACL,WAAAH;AAAA,IACA,cAAAC;AAAA,IACA,eAAAI;AAAA,IACA,eAAAI;AAAA,IACA,0BAAAC;AAAA,IACA,cAAAC;AAAA,EAAA;AAEJ;"}

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

@@ -1 +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;"}
+{"version":3,"file":"useForceUpdate.js","sources":["../../../src/hooks/useForceUpdate.tsx"],"sourcesContent":["import { useReducer } from 'react';\r\n\r\nexport const useForceUpdate = () => {\r\n  const [, forceUpdate] = useReducer((dummyValue) => dummyValue + 1, 0);\r\n\r\n  return forceUpdate;\r\n};\r\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/useMediaQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.js","sources":["../../../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useMediaQuery = (mediaQuery: string): boolean => {\n  const getMatches = (query: string): boolean => {\n    if (typeof window !== 'undefined') {\n      return window.matchMedia(query).matches;\n    }\n\n    return false;\n  };\n\n  const [matches, setMatches] = useState<boolean>(getMatches(mediaQuery));\n\n  const handleChange = () => {\n    setMatches(getMatches(mediaQuery));\n  };\n\n  useEffect(() => {\n    const matchMedia = window.matchMedia(mediaQuery);\n\n    handleChange();\n\n    if (matchMedia.addListener) {\n      matchMedia.addListener(handleChange);\n    } else {\n      matchMedia.addEventListener('change', handleChange);\n    }\n\n    return () => {\n      if (matchMedia.removeListener) {\n        matchMedia.removeListener(handleChange);\n      } else {\n        matchMedia.removeEventListener('change', handleChange);\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [mediaQuery]);\n\n  return matches;\n};\n"],"names":["useMediaQuery","mediaQuery","getMatches","query","matches","setMatches","useState","handleChange","useEffect","matchMedia"],"mappings":";AAEO,MAAMA,IAAgB,CAACC,MAAgC;AAC5D,QAAMC,IAAa,CAACC,MACd,OAAO,SAAW,MACb,OAAO,WAAWA,CAAK,EAAE,UAG3B,IAGH,CAACC,GAASC,CAAU,IAAIC,EAAkBJ,EAAWD,CAAU,CAAC,GAEhEM,IAAe,MAAM;AACzB,IAAAF,EAAWH,EAAWD,CAAU,CAAC;AAAA,EACnC;AAEA,SAAAO,EAAU,MAAM;AACd,UAAMC,IAAa,OAAO,WAAWR,CAAU;AAE/C,WAAAM,EAAA,GAEIE,EAAW,cACbA,EAAW,YAAYF,CAAY,IAEnCE,EAAW,iBAAiB,UAAUF,CAAY,GAG7C,MAAM;AACX,MAAIE,EAAW,iBACbA,EAAW,eAAeF,CAAY,IAEtCE,EAAW,oBAAoB,UAAUF,CAAY;AAAA,IAEzD;AAAA,EAEF,GAAG,CAACN,CAAU,CAAC,GAERG;AACT;"}
+{"version":3,"file":"useMediaQuery.js","sources":["../../../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\nexport const useMediaQuery = (mediaQuery: string): boolean => {\r\n  const getMatches = (query: string): boolean => {\r\n    if (typeof window !== 'undefined') {\r\n      return window.matchMedia(query).matches;\r\n    }\r\n\r\n    return false;\r\n  };\r\n\r\n  const [matches, setMatches] = useState<boolean>(getMatches(mediaQuery));\r\n\r\n  const handleChange = () => {\r\n    setMatches(getMatches(mediaQuery));\r\n  };\r\n\r\n  useEffect(() => {\r\n    const matchMedia = window.matchMedia(mediaQuery);\r\n\r\n    handleChange();\r\n\r\n    if (matchMedia.addListener) {\r\n      matchMedia.addListener(handleChange);\r\n    } else {\r\n      matchMedia.addEventListener('change', handleChange);\r\n    }\r\n\r\n    return () => {\r\n      if (matchMedia.removeListener) {\r\n        matchMedia.removeListener(handleChange);\r\n      } else {\r\n        matchMedia.removeEventListener('change', handleChange);\r\n      }\r\n    };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [mediaQuery]);\r\n\r\n  return matches;\r\n};\r\n"],"names":["useMediaQuery","mediaQuery","getMatches","query","matches","setMatches","useState","handleChange","useEffect","matchMedia"],"mappings":";AAEO,MAAMA,IAAgB,CAACC,MAAgC;AAC5D,QAAMC,IAAa,CAACC,MACd,OAAO,SAAW,MACb,OAAO,WAAWA,CAAK,EAAE,UAG3B,IAGH,CAACC,GAASC,CAAU,IAAIC,EAAkBJ,EAAWD,CAAU,CAAC,GAEhEM,IAAe,MAAM;AACzB,IAAAF,EAAWH,EAAWD,CAAU,CAAC;AAAA,EACnC;AAEA,SAAAO,EAAU,MAAM;AACd,UAAMC,IAAa,OAAO,WAAWR,CAAU;AAE/C,WAAAM,EAAA,GAEIE,EAAW,cACbA,EAAW,YAAYF,CAAY,IAEnCE,EAAW,iBAAiB,UAAUF,CAAY,GAG7C,MAAM;AACX,MAAIE,EAAW,iBACbA,EAAW,eAAeF,CAAY,IAEtCE,EAAW,oBAAoB,UAAUF,CAAY;AAAA,IAEzD;AAAA,EAEF,GAAG,CAACN,CAAU,CAAC,GAERG;AACT;"}