acinguiux-ds-react-framework 0.0.7 → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.styles.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes, Positions, Variants } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { ButtonGroupTypes, ButtonGroupUtils, ButtonGroupConsts } from 'acinguiux-ds-react-base/components/ButtonGroup';\n\nimport type { ILabelProps } from '../Text/components/Label/Label.types';\n\nconst { buttonGroupConsts } = ButtonGroupConsts;\n\nconst ButtonGroup = styled.div<\n  Required<PickTransient<ButtonGroupTypes.IButtonGroupProps, 'variant' | 'size'>> &\n    PickTransient<ButtonGroupTypes.IButtonGroupProps, 'border' | 'groupDisabled'> & {\n      $type: ButtonGroupTypes.ButtonGroupSelectionType;\n    }\n>`\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  white-space: nowrap;\n  min-width: 0;\n  max-width: fit-content;\n  height: fit-content;\n\n  ${({ theme, $border, $variant, $type, $size, $groupDisabled }) => {\n    const showBorder = $border && $variant === Variants.Filled && $type === 'single';\n    const { border, backgroundColor } = ButtonGroupUtils.getGroupStyles($type, showBorder, $groupDisabled, theme);\n\n    return css`\n      border: ${showBorder && border};\n      background-color: ${backgroundColor};\n      border-radius: ${buttonGroupConsts[$size].borderRadius}px;\n      ${$type === 'multiple' && `gap: ${buttonGroupConsts[$size].gap}px;`}\n    `;\n  }}\n`;\n\nconst ButtonGroupLabel = styled.label<\n  ILabelProps &\n    Pick<ButtonGroupTypes.IButtonGroupButtonProps, 'checked' | 'disabled'> &\n    PickTransient<ButtonGroupTypes.IButtonGroupButtonProps, 'iconOnly' | 'iconPosition' | 'border'> &\n    Required<PickTransient<ButtonGroupTypes.IButtonGroupProps, 'size' | 'variant'>> & {\n      $type: ButtonGroupTypes.ButtonGroupSelectionType;\n    }\n>`\n  ${({ $size, $variant, $iconOnly, $iconPosition, checked, disabled, $type, theme, $border }) => {\n    const {\n      default: defaultLayer,\n      hover: hoverLayer,\n      active: activeLayer,\n    } = ButtonGroupUtils.getLabelStyles($variant, $type, checked, $border, disabled, theme);\n    const showBoxShadow = checked && $variant === Variants.Filled && $border;\n\n    return css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 0;\n      max-width: fit-content;\n      height: ${buttonGroupConsts[$size].height - ($border ? 2 : 0)}px;\n      padding: 0 ${buttonGroupConsts[$size].paddings}px;\n      transition:\n        box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1),\n        background-color 0.3s;\n      cursor: pointer;\n      border-radius: ${buttonGroupConsts[$size].borderRadius}px;\n\n      color: ${defaultLayer.color};\n\n      ${(checked || $type === 'multiple') &&\n      css`\n        background-color: ${defaultLayer.backgroundColor};\n      `}\n\n      ${$size === Sizes.XSmall && theme.getTypography('labelRegular', 'extraSmall')};\n      ${$size === Sizes.Small && theme.getTypography('labelRegular', 'small')};\n      ${$size === Sizes.Medium && theme.getTypography('labelRegular', 'medium')};\n      ${$size === Sizes.Large && theme.getTypography('labelRegular', 'large')};\n\n      ${!disabled &&\n      css`\n        &:hover {\n          background-color: ${hoverLayer.backgroundColor};\n        }\n\n        &:active {\n          background-color: ${activeLayer.backgroundColor};\n        }\n\n        &:focus-visible {\n          ${getFocusStyles(theme)};\n          z-index: 1;\n        }\n      `};\n\n      &[disabled] {\n        user-select: none;\n        outline: none;\n        cursor: not-allowed;\n      }\n\n      ${checked &&\n      css`\n        z-index: 1;\n      `}\n\n      ${showBoxShadow &&\n      css`\n        box-shadow: 0 0 0 1px ${theme.getVariablesLayer({})['Background/Selected']};\n      `}\n\n      \n    ${$variant === Variants.Outlined &&\n      checked &&\n      css`\n        padding: 0 ${buttonGroupConsts[$size].paddings - 1}px;\n        border: 1px solid ${defaultLayer.borderColor};\n\n        :hover {\n          border-color: ${hoverLayer.borderColor};\n        }\n\n        :active {\n          border-color: ${activeLayer.borderColor};\n        }\n      `}\n  \n    svg {\n        width: ${buttonGroupConsts[$size].icon};\n        height: ${buttonGroupConsts[$size].icon};\n        margin: ${!$iconOnly && ($iconPosition === Positions.Right ? '0 0 0 8px' : '0 8px 0 0')};\n      }\n    `;\n  }}\n`;\n\nconst ButtonGroupRadio = styled.input`\n  display: none;\n`;\n\nconst ButtonGroupCheckbox = styled.input`\n  display: none;\n`;\n\nexport { ButtonGroup, ButtonGroupLabel, ButtonGroupRadio, ButtonGroupCheckbox };\n"],"names":["buttonGroupConsts","ButtonGroupConsts","ButtonGroup","styled","theme","$border","$variant","$type","$size","$groupDisabled","showBorder","Variants","border","backgroundColor","ButtonGroupUtils.getGroupStyles","css","ButtonGroupLabel","$iconOnly","$iconPosition","checked","disabled","defaultLayer","hoverLayer","activeLayer","ButtonGroupUtils.getLabelStyles","showBoxShadow","Sizes","getFocusStyles","Positions","ButtonGroupRadio","ButtonGroupCheckbox"],"mappings":"uZAQM,CAAE,kBAAAA,CAAsB,EAAAC,EAExBC,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAcvB,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,eAAAC,KAAqB,CAChE,MAAMC,EAAaL,GAAWC,IAAaK,EAAAA,SAAS,QAAUJ,IAAU,SAClE,CAAE,OAAAK,EAAQ,gBAAAC,GAAoBC,EAAAA,eAAgCP,EAAOG,EAAYD,EAAgBL,CAAK,EAErG,OAAAW,EAAA;AAAA,gBACKL,GAAcE,CAAM;AAAA,0BACVC,CAAe;AAAA,uBAClBb,EAAkBQ,CAAK,EAAE,YAAY;AAAA,QACpDD,IAAU,YAAc,QAAQP,EAAkBQ,CAAK,EAAE,GAAG,KAAK;AAAA,KAEvE,CAAC;AAAA,EAGGQ,EAAmBb,EAAO;AAAA,IAQ5B,CAAC,CAAE,MAAAK,EAAO,SAAAF,EAAU,UAAAW,EAAW,cAAAC,EAAe,QAAAC,EAAS,SAAAC,EAAU,MAAAb,EAAO,MAAAH,EAAO,QAAAC,CAAA,IAAc,CACvF,KAAA,CACJ,QAASgB,EACT,MAAOC,EACP,OAAQC,CAAA,EACNC,EAAAA,eAAgClB,EAAUC,EAAOY,EAASd,EAASe,EAAUhB,CAAK,EAChFqB,EAAgBN,GAAWb,IAAaK,EAAA,SAAS,QAAUN,EAE1D,OAAAU,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMKf,EAAkBQ,CAAK,EAAE,QAAUH,EAAU,EAAI,EAAE;AAAA,mBAChDL,EAAkBQ,CAAK,EAAE,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,uBAK7BR,EAAkBQ,CAAK,EAAE,YAAY;AAAA;AAAA,eAE7Ca,EAAa,KAAK;AAAA;AAAA,SAExBF,GAAWZ,IAAU,aACxBQ,EAAA;AAAA,4BACsBM,EAAa,eAAe;AAAA,OACjD;AAAA;AAAA,QAECb,IAAUkB,EAAAA,MAAM,QAAUtB,EAAM,cAAc,eAAgB,YAAY,CAAC;AAAA,QAC3EI,IAAUkB,EAAAA,MAAM,OAAStB,EAAM,cAAc,eAAgB,OAAO,CAAC;AAAA,QACrEI,IAAUkB,EAAAA,MAAM,QAAUtB,EAAM,cAAc,eAAgB,QAAQ,CAAC;AAAA,QACvEI,IAAUkB,EAAAA,MAAM,OAAStB,EAAM,cAAc,eAAgB,OAAO,CAAC;AAAA;AAAA,QAErE,CAACgB,GACHL,EAAA;AAAA;AAAA,8BAEwBO,EAAW,eAAe;AAAA;AAAA;AAAA;AAAA,8BAI1BC,EAAY,eAAe;AAAA;AAAA;AAAA;AAAA,YAI7CI,EAAAA,eAAevB,CAAK,CAAC;AAAA;AAAA;AAAA,OAG1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQCe,GACFJ,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA,QAECU,GACFV,EAAA;AAAA,gCAC0BX,EAAM,kBAAkB,EAAE,EAAE,qBAAqB,CAAC;AAAA,OAC3E;AAAA;AAAA;AAAA,MAGDE,IAAaK,EAAAA,SAAS,UACtBQ,GACAJ,EAAA;AAAA,qBACef,EAAkBQ,CAAK,EAAE,SAAW,CAAC;AAAA,4BAC9Ba,EAAa,WAAW;AAAA;AAAA;AAAA,0BAG1BC,EAAW,WAAW;AAAA;AAAA;AAAA;AAAA,0BAItBC,EAAY,WAAW;AAAA;AAAA,OAE1C;AAAA;AAAA;AAAA,iBAGUvB,EAAkBQ,CAAK,EAAE,IAAI;AAAA,kBAC5BR,EAAkBQ,CAAK,EAAE,IAAI;AAAA,kBAC7B,CAACS,IAAcC,IAAkBU,EAAAA,UAAU,MAAQ,YAAc,YAAY;AAAA;AAAA,KAG7F,CAAC;AAAA,EAGGC,EAAmB1B,EAAO;AAAA;AAAA,EAI1B2B,EAAsB3B,EAAO;AAAA;AAAA"}

package/build/cjs/components/ButtonGroup/components/CheckboxButton/CheckboxButton.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),i=require("react"),f=require("../../../../react-base/src/consts/index.js"),D=require("../../../../react-base/src/components/ButtonGroup/ButtonGroup.utils.js"),h=require("../../ButtonGroup.styles.js"),L=require("../../../Tooltip/Tooltip.js"),O=i.forwardRef(({size:$=`${f.Sizes.Medium}`,selectedKey:r,disabled:s=!1,onChange:u,value:n,label:b,icon:l,iconPosition:a=`${f.Positions.Left}`,iconOnly:x=!1,tooltip:k,buttonProps:m,variant:q,...w},B)=>{const{children:G,tabIndex:j}=D.useGetProps(b,l,a,x,s),p=i.useId(),t=i.useRef(null);i.useImperativeHandle(B,()=>t==null?void 0:t.current);const A=o=>{o.code==="Enter"&&(t!=null&&t.current)&&t.current.click()},v=o=>{if(r&&r.length>0&&r.includes(o.target.value)){const d=Array.isArray(r)?r.filter(z=>z!==o.target.value):[];u==null||u(d,o);return}const I=[...Array.isArray(r)?[...r]:[],o.target.value];u==null||u(I,o)},e=c.jsxs(h.ButtonGroupLabel,{$size:$,htmlFor:`button-group-item-${p}`,onKeyDown:A,checked:n?r==null?void 0:r.includes(n):!1,disabled:s,$iconPosition:a,$iconOnly:x,tabIndex:j,$variant:q,$type:"multiple",...m,children:[G,c.jsx(h.ButtonGroupCheckbox,{type:"checkbox",id:`button-group-item-${p}`,value:n||"",checked:n?r==null?void 0:r.includes(n):!1,disabled:s,onChange:v,ref:t,...w})]});return k?c.jsx(L,{overlay:k,trigger:e}):e});module.exports=O;
+//# sourceMappingURL=CheckboxButton.js.map

package/build/cjs/components/ButtonGroup/components/CheckboxButton/CheckboxButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxButton.js","sources":["../../../../../../src/components/ButtonGroup/components/CheckboxButton/CheckboxButton.tsx"],"sourcesContent":["import {\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  forwardRef,\n  useImperativeHandle,\n  useRef,\n  ReactNode,\n  useId,\n} from 'react';\n\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { ButtonGroupUtils } from 'acinguiux-ds-react-base/components/ButtonGroup';\n\nimport * as Styled from '../../ButtonGroup.styles';\nimport type { ICheckboxButtonGroupButtonProps } from './CheckboxButton.types';\nimport Tooltip from '../../../Tooltip/Tooltip';\n\nconst CheckboxButton: (props: ICheckboxButtonGroupButtonProps) => ReactNode = forwardRef<\n  HTMLInputElement,\n  ICheckboxButtonGroupButtonProps\n>(\n  (\n    {\n      size = `${Sizes.Medium}`,\n      selectedKey,\n      disabled = false,\n      onChange,\n      value,\n      label,\n      icon,\n      iconPosition = `${Positions.Left}`,\n      iconOnly = false,\n      tooltip,\n      buttonProps,\n      variant,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { children, tabIndex } = ButtonGroupUtils.useGetProps(label, icon, iconPosition, iconOnly, disabled);\n    const id = useId();\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(ref, () => inputRef?.current as HTMLInputElement);\n\n    const handleOnKeyDown: KeyboardEventHandler = (e) => {\n      if (e.code === 'Enter' && inputRef?.current) {\n        inputRef.current.click();\n      }\n    };\n\n    const handleOnChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n      if (selectedKey && selectedKey.length > 0 && selectedKey.includes(e.target.value)) {\n        const newCheckedCheckboxes: string[] = Array.isArray(selectedKey)\n          ? selectedKey.filter((checkbox) => checkbox !== e.target.value)\n          : [];\n        onChange?.(newCheckedCheckboxes, e);\n\n        return;\n      }\n\n      const newValue = Array.isArray(selectedKey) ? [...selectedKey] : [];\n\n      const updatedCheckedCheckboxes = [...newValue, e.target.value];\n      onChange?.(updatedCheckedCheckboxes, e);\n    };\n\n    const checkboxComponent = (\n      <Styled.ButtonGroupLabel\n        $size={size}\n        htmlFor={`button-group-item-${id}`}\n        onKeyDown={handleOnKeyDown}\n        checked={value ? selectedKey?.includes(value) : false}\n        disabled={disabled}\n        $iconPosition={iconPosition}\n        $iconOnly={iconOnly}\n        tabIndex={tabIndex}\n        $variant={variant}\n        $type=\"multiple\"\n        {...buttonProps}\n      >\n        {children}\n        <Styled.ButtonGroupCheckbox\n          type=\"checkbox\"\n          id={`button-group-item-${id}`}\n          value={value || ''}\n          checked={value ? selectedKey?.includes(value) : false}\n          disabled={disabled}\n          onChange={handleOnChange}\n          ref={inputRef}\n          {...rest}\n        />\n      </Styled.ButtonGroupLabel>\n    );\n\n    return tooltip ? <Tooltip overlay={tooltip} trigger={checkboxComponent} /> : checkboxComponent;\n  },\n);\n\nexport default CheckboxButton;\n"],"names":["CheckboxButton","forwardRef","size","Sizes","selectedKey","disabled","onChange","value","label","icon","iconPosition","Positions","iconOnly","tooltip","buttonProps","variant","rest","ref","children","tabIndex","ButtonGroupUtils.useGetProps","id","useId","inputRef","useRef","useImperativeHandle","handleOnKeyDown","e","handleOnChange","newCheckedCheckboxes","checkbox","updatedCheckedCheckboxes","checkboxComponent","jsxs","Styled.ButtonGroupLabel","jsx","Styled.ButtonGroupCheckbox","Tooltip"],"mappings":"mSAiBMA,EAAwEC,EAAA,WAI5E,CACE,CACE,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,YAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GAAGC,YAAU,IAAI,GAChC,SAAAC,EAAW,GACX,QAAAC,EACA,YAAAC,EACA,QAAAC,EACA,GAAGC,GAELC,IACG,CACG,KAAA,CAAE,SAAAC,EAAU,SAAAC,CAAA,EAAaC,cAA6BZ,EAAOC,EAAMC,EAAcE,EAAUP,CAAQ,EACnGgB,EAAKC,EAAAA,MAAM,EAEXC,EAAWC,SAAyB,IAAI,EAC1BC,EAAAA,oBAAAR,EAAK,IAAMM,GAAA,YAAAA,EAAU,OAA2B,EAE9D,MAAAG,EAAyCC,GAAM,CAC/CA,EAAE,OAAS,UAAWJ,GAAA,MAAAA,EAAU,UAClCA,EAAS,QAAQ,MAAM,CAE3B,EAEMK,EAAwDD,GAAM,CAC9D,GAAAvB,GAAeA,EAAY,OAAS,GAAKA,EAAY,SAASuB,EAAE,OAAO,KAAK,EAAG,CACjF,MAAME,EAAiC,MAAM,QAAQzB,CAAW,EAC5DA,EAAY,OAAQ0B,GAAaA,IAAaH,EAAE,OAAO,KAAK,EAC5D,CAAC,EACLrB,GAAA,MAAAA,EAAWuB,EAAsBF,GAEjC,MAAA,CAKF,MAAMI,EAA2B,CAAC,GAFjB,MAAM,QAAQ3B,CAAW,EAAI,CAAC,GAAGA,CAAW,EAAI,CAAC,EAEnBuB,EAAE,OAAO,KAAK,EAC7DrB,GAAA,MAAAA,EAAWyB,EAA0BJ,EACvC,EAEMK,EACJC,EAAA,KAACC,EAAO,iBAAP,CACC,MAAOhC,EACP,QAAS,qBAAqBmB,CAAE,GAChC,UAAWK,EACX,QAASnB,EAAQH,GAAA,YAAAA,EAAa,SAASG,GAAS,GAChD,SAAAF,EACA,cAAeK,EACf,UAAWE,EACX,SAAAO,EACA,SAAUJ,EACV,MAAM,WACL,GAAGD,EAEH,SAAA,CAAAI,EACDiB,EAAA,IAACC,EAAO,oBAAP,CACC,KAAK,WACL,GAAI,qBAAqBf,CAAE,GAC3B,MAAOd,GAAS,GAChB,QAASA,EAAQH,GAAA,YAAAA,EAAa,SAASG,GAAS,GAChD,SAAAF,EACA,SAAUuB,EACV,IAAKL,EACJ,GAAGP,CAAA,CAAA,CACN,CAAA,CACF,EAGF,OAAOH,EAAWsB,MAAAE,EAAA,CAAQ,QAASxB,EAAS,QAASmB,CAAmB,CAAA,EAAKA,CAAA,CAEjF"}

package/build/cjs/components/ButtonGroup/components/RadioButton/RadioButton.js

@@ -0,0 +1,2 @@
+"use strict";const u=require("react/jsx-runtime"),r=require("react"),p=require("../../../../react-base/src/consts/index.js"),I=require("../../../../react-base/src/components/ButtonGroup/ButtonGroup.utils.js"),m=require("../../ButtonGroup.styles.js"),v=require("../../../Tooltip/Tooltip.js"),z=r.forwardRef(({size:x=`${p.Sizes.Medium}`,selectedKey:c,disabled:o=!1,onChange:n,value:s,label:q,icon:B,iconPosition:i=`${p.Positions.Left}`,iconOnly:d=!1,tooltip:a,buttonProps:f,variant:h,border:y,...G},g)=>{const{children:j,tabIndex:b}=I.useGetProps(q,B,i,d,o),l=r.useId(),t=r.useRef(null);r.useImperativeHandle(g,()=>t==null?void 0:t.current);const k=e=>{e.code==="Enter"&&(t!=null&&t.current)&&t.current.click()},w=e=>{n==null||n(e.target.value,e)},$=u.jsxs(m.ButtonGroupLabel,{$size:x,htmlFor:`button-group-item-${l}`,onKeyDown:k,checked:c===s,disabled:o,$iconOnly:d,$iconPosition:i,tabIndex:b,$variant:h,$border:y,$type:"single",...f,children:[j,u.jsx(m.ButtonGroupRadio,{type:"radio",id:`button-group-item-${l}`,value:s,checked:c===s,disabled:o,onChange:w,ref:t,...G})]});return a?u.jsx(v,{overlay:a,trigger:$}):$});module.exports=z;
+//# sourceMappingURL=RadioButton.js.map

package/build/cjs/components/ButtonGroup/components/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../../../../../src/components/ButtonGroup/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import {\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  forwardRef,\n  useImperativeHandle,\n  useRef,\n  ReactNode,\n  useId,\n} from 'react';\n\nimport { Positions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { ButtonGroupUtils } from 'acinguiux-ds-react-base/components/ButtonGroup';\n\nimport * as Styled from '../../ButtonGroup.styles';\nimport type { IRadioButtonGroupButtonProps } from './RadioButton.types';\nimport Tooltip from '../../../Tooltip/Tooltip';\n\nconst RadioButton: (props: IRadioButtonGroupButtonProps) => ReactNode = forwardRef<\n  HTMLInputElement,\n  IRadioButtonGroupButtonProps\n>(\n  (\n    {\n      size = `${Sizes.Medium}`,\n      selectedKey,\n      disabled = false,\n      onChange,\n      value,\n      label,\n      icon,\n      iconPosition = `${Positions.Left}`,\n      iconOnly = false,\n      tooltip,\n      buttonProps,\n      variant,\n      border,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { children, tabIndex } = ButtonGroupUtils.useGetProps(label, icon, iconPosition, iconOnly, disabled);\n    const id = useId();\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(ref, () => inputRef?.current as HTMLInputElement);\n\n    const handleOnKeyDown: KeyboardEventHandler = (e) => {\n      if (e.code === 'Enter' && inputRef?.current) {\n        inputRef.current.click();\n      }\n    };\n\n    const handleOnChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n      onChange?.(e.target.value, e);\n    };\n\n    const radioButtonComponent = (\n      <Styled.ButtonGroupLabel\n        $size={size}\n        htmlFor={`button-group-item-${id}`}\n        onKeyDown={handleOnKeyDown}\n        checked={selectedKey === value}\n        disabled={disabled}\n        $iconOnly={iconOnly}\n        $iconPosition={iconPosition}\n        tabIndex={tabIndex}\n        $variant={variant}\n        $border={border}\n        $type=\"single\"\n        {...buttonProps}\n      >\n        {children}\n        <Styled.ButtonGroupRadio\n          type=\"radio\"\n          id={`button-group-item-${id}`}\n          value={value}\n          checked={selectedKey === value}\n          disabled={disabled}\n          onChange={handleOnChange}\n          ref={inputRef}\n          {...rest}\n        />\n      </Styled.ButtonGroupLabel>\n    );\n\n    return tooltip ? <Tooltip overlay={tooltip} trigger={radioButtonComponent} /> : radioButtonComponent;\n  },\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","size","Sizes","selectedKey","disabled","onChange","value","label","icon","iconPosition","Positions","iconOnly","tooltip","buttonProps","variant","border","rest","ref","children","tabIndex","ButtonGroupUtils.useGetProps","id","useId","inputRef","useRef","useImperativeHandle","handleOnKeyDown","handleOnChange","radioButtonComponent","jsxs","Styled.ButtonGroupLabel","jsx","Styled.ButtonGroupRadio","Tooltip"],"mappings":"mSAiBMA,EAAkEC,EAAA,WAItE,CACE,CACE,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,YAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,GAAGC,YAAU,IAAI,GAChC,SAAAC,EAAW,GACX,QAAAC,EACA,YAAAC,EACA,QAAAC,EACA,OAAAC,EACA,GAAGC,GAELC,IACG,CACG,KAAA,CAAE,SAAAC,EAAU,SAAAC,CAAA,EAAaC,cAA6Bb,EAAOC,EAAMC,EAAcE,EAAUP,CAAQ,EACnGiB,EAAKC,EAAAA,MAAM,EAEXC,EAAWC,SAAyB,IAAI,EAC1BC,EAAAA,oBAAAR,EAAK,IAAMM,GAAA,YAAAA,EAAU,OAA2B,EAE9D,MAAAG,EAAyC,GAAM,CAC/C,EAAE,OAAS,UAAWH,GAAA,MAAAA,EAAU,UAClCA,EAAS,QAAQ,MAAM,CAE3B,EAEMI,EAAwD,GAAM,CACvDtB,GAAA,MAAAA,EAAA,EAAE,OAAO,MAAO,EAC7B,EAEMuB,EACJC,EAAA,KAACC,EAAO,iBAAP,CACC,MAAO7B,EACP,QAAS,qBAAqBoB,CAAE,GAChC,UAAWK,EACX,QAASvB,IAAgBG,EACzB,SAAAF,EACA,UAAWO,EACX,cAAeF,EACf,SAAAU,EACA,SAAUL,EACV,QAASC,EACT,MAAM,SACL,GAAGF,EAEH,SAAA,CAAAK,EACDa,EAAA,IAACC,EAAO,iBAAP,CACC,KAAK,QACL,GAAI,qBAAqBX,CAAE,GAC3B,MAAAf,EACA,QAASH,IAAgBG,EACzB,SAAAF,EACA,SAAUuB,EACV,IAAKJ,EACJ,GAAGP,CAAA,CAAA,CACN,CAAA,CACF,EAGF,OAAOJ,EAAWmB,MAAAE,EAAA,CAAQ,QAASrB,EAAS,QAASgB,CAAsB,CAAA,EAAKA,CAAA,CAEpF"}

package/build/cjs/components/ButtonLink/ButtonLink.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),L=require("react"),q=require("classnames"),$=require("../../react-base/src/consts/index.js"),B=require("../../react-base/src/components/Button/Button.utils.js"),o=require("./ButtonLink.styles.js"),j=require("../Loading/Loading.js"),k=L.forwardRef(({className:a,...c},u)=>{const{disabled:n,icon:s,iconOnly:t,iconPosition:l,label:r,loaderSize:d,loading:e,size:b,variant:x}=B.useDefaultLinkProps(c);return i.jsxs(o.ButtonLink,{className:q($.BUTTON_CLASS,a),$size:b,$icon:s,$iconOnly:t,$iconPosition:l,$variant:x,$disabled:n,"aria-label":r,"aria-busy":!!e,tabIndex:n?-1:0,ref:u,children:[e?i.jsx(j,{size:d,"aria-hidden":!0}):s,t?i.jsx(i.Fragment,{}):i.jsx(o.ButtonLinkLabel,{$visible:!e,children:r})]})});module.exports=k;
+//# sourceMappingURL=ButtonLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.js","sources":["../../../../src/components/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { ButtonUtils } from 'acinguiux-ds-react-base/components/Button';\nimport type { LoadingTypes } from 'acinguiux-ds-react-base/components/Loading';\n\nimport * as Styled from './ButtonLink.styles';\nimport type { IButtonLinkProps } from './ButtonLink.types';\nimport Loading from '../Loading/Loading';\n\nconst ButtonLink = forwardRef<HTMLAnchorElement, IButtonLinkProps>(({ className, ...props }: IButtonLinkProps, ref) => {\n  const { disabled, icon, iconOnly, iconPosition, label, loaderSize, loading, size, variant } =\n    ButtonUtils.useDefaultLinkProps(props);\n\n  return (\n    <Styled.ButtonLink\n      className={classNames(BUTTON_CLASS, className)}\n      $size={size}\n      $icon={icon}\n      $iconOnly={iconOnly}\n      $iconPosition={iconPosition}\n      $variant={variant}\n      $disabled={disabled}\n      aria-label={label}\n      aria-busy={!!loading}\n      tabIndex={disabled ? -1 : 0}\n      ref={ref}\n    >\n      {loading ? <Loading size={loaderSize as LoadingTypes.Size} aria-hidden /> : icon}\n      {!iconOnly ? <Styled.ButtonLinkLabel $visible={!loading}>{label}</Styled.ButtonLinkLabel> : <></>}\n    </Styled.ButtonLink>\n  );\n});\n\nexport default ButtonLink;\n"],"names":["ButtonLink","forwardRef","className","props","ref","disabled","icon","iconOnly","iconPosition","label","loaderSize","loading","size","variant","ButtonUtils.useDefaultLinkProps","jsxs","Styled.ButtonLink","classNames","BUTTON_CLASS","Loading","jsx","Fragment","Styled.ButtonLinkLabel"],"mappings":"0RAWMA,EAAaC,aAAgD,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAA2BC,IAAQ,CACrH,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,SAAAC,EAAU,aAAAC,EAAc,MAAAC,EAAO,WAAAC,EAAY,QAAAC,EAAS,KAAAC,EAAM,QAAAC,GAChFC,EAAAA,oBAAgCX,CAAK,EAGrC,OAAAY,EAAA,KAACC,EAAO,WAAP,CACC,UAAWC,EAAWC,EAAA,aAAchB,CAAS,EAC7C,MAAOU,EACP,MAAON,EACP,UAAWC,EACX,cAAeC,EACf,SAAUK,EACV,UAAWR,EACX,aAAYI,EACZ,YAAW,CAAC,CAACE,EACb,SAAUN,EAAW,GAAK,EAC1B,IAAAD,EAEC,SAAA,CAAAO,QAAWQ,EAAQ,CAAA,KAAMT,EAAiC,cAAW,EAAC,CAAA,EAAKJ,EAC1EC,EAA4Fa,EAAA,IAAAC,EAAA,SAAA,CAAA,CAAA,EAAjFD,EAAAA,IAACE,EAAO,gBAAP,CAAuB,SAAU,CAACX,EAAU,SAAMF,CAAA,CAAA,CAA8B,CAAA,CAChG,CAEJ,CAAC"}

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

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("styled-components"),l=require("../../react-base/src/theme/variableTheme.js"),r=require("../Button/Button.styles.js"),a=i.span`
+  visibility: ${({$visible:e})=>e?"visible":"hidden"};
+`,u=i.a`
+  ${r.CommonStyles};
+
+  ${({theme:e})=>{const o={foundation:"surface"},n=e.getVariablesLayer(o),s=e.getStyledLayers("Link/Hover",o),t=e.getStyledLayers("Link/Visited",o);return i.css`
+      color: ${n[l.VariablesNames.TextOnFoundationLink]};
+      text-decoration: none;
+
+      & > svg {
+        fill: ${n[l.VariablesNames.TextOnFoundationLink]};
+      }
+
+      &:hover {
+        text-decoration: underline;
+        color: ${s};
+
+        & > svg {
+          fill: ${s};
+        }
+      }
+
+      &:visited {
+        color: ${t};
+
+        &:hover {
+          color: ${t};
+
+          & > svg {
+            fill: ${t};
+          }
+        }
+
+        & > svg {
+          fill: ${t};
+        }
+      }
+    `}}
+`;exports.ButtonLink=u;exports.ButtonLinkLabel=a;
+//# sourceMappingURL=ButtonLink.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.styles.js","sources":["../../../../src/components/ButtonLink/ButtonLink.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { VariablesModesType, VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { StyledButtonProps } from '../Button/Button.types';\nimport { CommonStyles } from '../Button/Button.styles';\n\nexport const ButtonLinkLabel = styled.span<{ $visible?: boolean }>`\n  visibility: ${({ $visible }) => ($visible ? 'visible' : 'hidden')};\n`;\n\nconst ButtonLink = styled.a<StyledButtonProps>`\n  ${CommonStyles};\n\n  ${({ theme }) => {\n    const modes: VariablesModesType = { foundation: 'surface' };\n    const layer = theme.getVariablesLayer(modes);\n    const linkHover = theme.getStyledLayers('Link/Hover', modes);\n    const linkVisited = theme.getStyledLayers('Link/Visited', modes);\n\n    return css`\n      color: ${layer[VariablesNames.TextOnFoundationLink]};\n      text-decoration: none;\n\n      & > svg {\n        fill: ${layer[VariablesNames.TextOnFoundationLink]};\n      }\n\n      &:hover {\n        text-decoration: underline;\n        color: ${linkHover};\n\n        & > svg {\n          fill: ${linkHover};\n        }\n      }\n\n      &:visited {\n        color: ${linkVisited};\n\n        &:hover {\n          color: ${linkVisited};\n\n          & > svg {\n            fill: ${linkVisited};\n          }\n        }\n\n        & > svg {\n          fill: ${linkVisited};\n        }\n      }\n    `;\n  }}\n`;\n\nexport { ButtonLink };\n"],"names":["ButtonLinkLabel","styled","$visible","ButtonLink","CommonStyles","theme","modes","layer","linkHover","linkVisited","css","VariablesNames"],"mappings":"kPAMaA,EAAkBC,EAAO;AAAA,gBACtB,CAAC,CAAE,SAAAC,CAAA,IAAgBA,EAAW,UAAY,QAAS;AAAA,EAG7DC,EAAaF,EAAO;AAAA,IACtBG,cAAY;AAAA;AAAA,IAEZ,CAAC,CAAE,MAAAC,KAAY,CACT,MAAAC,EAA4B,CAAE,WAAY,SAAU,EACpDC,EAAQF,EAAM,kBAAkBC,CAAK,EACrCE,EAAYH,EAAM,gBAAgB,aAAcC,CAAK,EACrDG,EAAcJ,EAAM,gBAAgB,eAAgBC,CAAK,EAExD,OAAAI,EAAA;AAAA,eACIH,EAAMI,iBAAe,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,gBAIzCJ,EAAMI,iBAAe,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKzCH,CAAS;AAAA;AAAA;AAAA,kBAGRA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKVC,CAAW;AAAA;AAAA;AAAA,mBAGTA,CAAW;AAAA;AAAA;AAAA,oBAGVA,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKbA,CAAW;AAAA;AAAA;AAAA,KAI3B,CAAC;AAAA"}

package/build/cjs/components/Card/Card.js

@@ -0,0 +1,2 @@
+"use strict";const d=require("react/jsx-runtime"),w=require("react"),y=require("classnames"),s=require("../../react-base/src/consts/index.js"),l=require("./Card.styles.js"),D=require("./components/CardBar/CardBar.js"),R=w.forwardRef(({className:$,size:t=`${s.Sizes.Medium}`,direction:r=`${s.Directions.Vertical}`,icon:C,iconPosition:q="none",padding:i=!0,bgColor:x=!1,borders:n=!1,elevated:h=!0,children:j,onClick:c,header:o,footer:a,isClickable:m,...B},S)=>{const f=e=>!i||n||e.border||r===s.Directions.Horizontal,u=(e,g)=>d.jsx(D,{size:t,bar:e,type:g,direction:r,icon:C,iconPosition:q,border:n||e.border,setPaddingWithBody:f(e)});return d.jsxs(l.Card,{ref:S,className:y(s.CARD_CLASS,$),size:t,$direction:r,$elevated:h,$isClickable:!!m||!!c,onClick:c,...B,children:[o&&u(o,"header"),d.jsx(l.CardBody,{size:t,$direction:r,$withHeader:!!o,$withFooter:!!a,$padding:i,$bgColor:x,children:j}),a&&u(a,"footer")]})});module.exports=R;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, CARD_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { CardTypes } from 'acinguiux-ds-react-base/components/Card';\n\nimport * as Styled from './Card.styles';\nimport type { ICardProps } from './Card.types';\nimport CardBar from './components/CardBar/CardBar';\nimport type { CardBarType } from './components/CardBar/CardBar.types';\n\nconst Card = forwardRef<HTMLDivElement, ICardProps>(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      direction = `${Directions.Vertical}`,\n      icon,\n      iconPosition = 'none',\n      padding = true,\n      bgColor = false,\n      borders = false,\n      elevated = true,\n      children,\n      onClick,\n      header,\n      footer,\n      isClickable,\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const shouldSetPadding = (bar: CardTypes.ICardBar) =>\n      !padding || borders || bar.border || direction === Directions.Horizontal;\n\n    const renderCardBar = (bar: CardTypes.ICardBar, type: CardBarType) => (\n      <CardBar\n        size={size}\n        bar={bar}\n        type={type}\n        direction={direction}\n        icon={icon}\n        iconPosition={iconPosition}\n        border={borders || bar.border}\n        setPaddingWithBody={shouldSetPadding(bar)}\n      />\n    );\n\n    return (\n      <Styled.Card\n        ref={ref}\n        className={classNames(CARD_CLASS, className)}\n        size={size}\n        $direction={direction}\n        $elevated={elevated}\n        $isClickable={!!isClickable || !!onClick}\n        onClick={onClick}\n        {...rest}\n      >\n        {header && renderCardBar(header, 'header')}\n        <Styled.CardBody\n          size={size}\n          $direction={direction}\n          $withHeader={!!header}\n          $withFooter={!!footer}\n          $padding={padding}\n          $bgColor={bgColor}\n        >\n          {children}\n        </Styled.CardBody>\n        {footer && renderCardBar(footer, 'footer')}\n      </Styled.Card>\n    );\n  },\n);\n\nexport default Card;\n"],"names":["Card","forwardRef","className","size","Sizes","direction","Directions","icon","iconPosition","padding","bgColor","borders","elevated","children","onClick","header","footer","isClickable","rest","ref","shouldSetPadding","bar","renderCardBar","type","jsx","CardBar","jsxs","Styled.Card","classNames","CARD_CLASS","Styled.CardBody"],"mappings":"0NAWMA,EAAOC,EAAA,WACX,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,UAAAC,EAAY,GAAGC,aAAW,QAAQ,GAClC,KAAAC,EACA,aAAAC,EAAe,OACf,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,OAAAC,EACA,YAAAC,EACA,GAAGC,GAELC,IACiB,CACX,MAAAC,EAAoBC,GACxB,CAACZ,GAAWE,GAAWU,EAAI,QAAUhB,IAAcC,EAAAA,WAAW,WAE1DgB,EAAgB,CAACD,EAAyBE,IAC9CC,EAAA,IAACC,EAAA,CACC,KAAAtB,EACA,IAAAkB,EACA,KAAAE,EACA,UAAAlB,EACA,KAAAE,EACA,aAAAC,EACA,OAAQG,GAAWU,EAAI,OACvB,mBAAoBD,EAAiBC,CAAG,CAAA,CAC1C,EAIA,OAAAK,EAAA,KAACC,EAAO,KAAP,CACC,IAAAR,EACA,UAAWS,EAAWC,EAAA,WAAY3B,CAAS,EAC3C,KAAAC,EACA,WAAYE,EACZ,UAAWO,EACX,aAAc,CAAC,CAACK,GAAe,CAAC,CAACH,EACjC,QAAAA,EACC,GAAGI,EAEH,SAAA,CAAUH,GAAAO,EAAcP,EAAQ,QAAQ,EACzCS,EAAA,IAACM,EAAO,SAAP,CACC,KAAA3B,EACA,WAAYE,EACZ,YAAa,CAAC,CAACU,EACf,YAAa,CAAC,CAACC,EACf,SAAUP,EACV,SAAUC,EAET,SAAAG,CAAA,CACH,EACCG,GAAUM,EAAcN,EAAQ,QAAQ,CAAA,CAAA,CAC3C,CAAA,CAGN"}

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

@@ -0,0 +1,103 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),i=require("../../react-base/src/consts/index.js"),s=require("../../react-base/src/components/Card/Card.consts.js"),c=require("../../react-base/src/theme/variableTheme.js"),g=require("../../react-base/src/utils/stylesUtils.js"),$=require("../../react-base/src/utils/sizesUtils.js"),b=o.div`
+  ${({size:r,$elevated:d,$direction:a,$isClickable:n,theme:e})=>{const t=e.getVariablesLayer({foundation:"surface"});return o.css`
+      display: flex;
+      flex-direction: ${a===i.Directions.Vertical?"column":"row"};
+      width: 100%;
+      background-color: ${t[c.VariablesNames.BackgroundFoundation]};
+      border: 1px solid ${t[c.VariablesNames.BorderOnFoundationSubtle]};
+      transition: filter 0.3s ease;
+
+      ${r&&o.css`
+        border-radius: ${s.consts[r].borderRadius};
+      `}
+
+      ${d&&o.css`
+        border: none;
+        filter: ${e.dropShadows.low1};
+      `}
+
+      ${n&&o.css`
+        text-decoration: none;
+        color: inherit;
+        cursor: pointer;
+
+        &:hover {
+          filter: ${e.dropShadows.low2};
+        }
+      `}
+
+      &:focus-visible {
+        ${g.getFocusStyles(e)};
+      }
+    `}};
+`,f=o(b)`
+  ${({size:r=`${i.Sizes.Medium}`,backgroundImage:d,$interactive:a})=>o.css`
+    overflow: hidden;
+    position: relative;
+    align-items: flex-end;
+    height: 100%;
+
+    ${r&&o.css`
+      padding: ${s.consts[r].padding};
+    `}
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      display: block;
+      width: 100%;
+      height: 100%;
+      background-image: url(${d});
+      background-size: cover;
+      transition: all 0.5s;
+    }
+
+    ${a&&o.css`
+      &:hover::before {
+        transform: scale(1.05);
+      }
+    `}
+  `}
+`,p=o.div`
+  ${({size:r,$padding:d,$bgColor:a,$withHeader:n,$withFooter:e,$direction:t,theme:l})=>{const u=l.getVariablesLayer({foundation:a?"section":"surface"});return o.css`
+      ${l.getTypography("body",$.getBodyTypographySize(r))};
+      display: grid;
+      overflow: hidden;
+      flex-grow: 1;
+      color: ${u[c.VariablesNames.TextOnFoundationStrong]};
+      background-color: ${u[c.VariablesNames.BackgroundFoundation]};
+
+      ${d&&o.css`
+        padding: ${s.consts[r].padding};
+      `}
+
+      ${t===i.Directions.Horizontal&&!n&&o.css`
+        border-top-left-radius: ${s.consts[r].borderRadius};
+        border-bottom-left-radius: ${s.consts[r].borderRadius};
+      `}
+      
+      ${t===i.Directions.Horizontal&&!e&&o.css`
+        border-top-right-radius: ${s.consts[r].borderRadius};
+        border-bottom-right-radius: ${s.consts[r].borderRadius};
+      `}
+
+      ${t===i.Directions.Vertical&&!n&&o.css`
+        border-top-left-radius: ${s.consts[r].borderRadius};
+        border-top-right-radius: ${s.consts[r].borderRadius};
+      `}
+
+      ${t===i.Directions.Vertical&&!e&&o.css`
+        border-bottom-right-radius: ${s.consts[r].borderRadius};
+        border-bottom-left-radius: ${s.consts[r].borderRadius};
+      `}
+
+      > img {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+      }
+    `}};
+`;exports.Card=b;exports.CardBody=p;exports.InsetCard=f;
+//# sourceMappingURL=Card.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styles.js","sources":["../../../../src/components/Card/Card.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Directions, Sizes } from 'acinguiux-ds-react-base/consts';\nimport { Transient } from 'acinguiux-ds-react-base/types';\nimport { CardConsts } from 'acinguiux-ds-react-base/components/Card';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { getBodyTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { ICardProps, IInsetCardProps } from './Card.types';\n\nconst Card = styled.div<Transient<ICardProps, 'elevated' | 'direction' | 'isClickable'>>`\n  ${({ size, $elevated, $direction, $isClickable, theme }) => {\n    const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n    return css`\n      display: flex;\n      flex-direction: ${$direction === Directions.Vertical ? 'column' : 'row'};\n      width: 100%;\n      background-color: ${layer[VariablesNames.BackgroundFoundation]};\n      border: 1px solid ${layer[VariablesNames.BorderOnFoundationSubtle]};\n      transition: filter 0.3s ease;\n\n      ${size &&\n      css`\n        border-radius: ${CardConsts.consts[size].borderRadius};\n      `}\n\n      ${$elevated &&\n      css`\n        border: none;\n        filter: ${theme.dropShadows.low1};\n      `}\n\n      ${$isClickable &&\n      css`\n        text-decoration: none;\n        color: inherit;\n        cursor: pointer;\n\n        &:hover {\n          filter: ${theme.dropShadows.low2};\n        }\n      `}\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  }};\n`;\n\nconst InsetCard = styled(Card)<Transient<IInsetCardProps, 'interactive'>>`\n  ${({ size = `${Sizes.Medium}`, backgroundImage, $interactive }) => css`\n    overflow: hidden;\n    position: relative;\n    align-items: flex-end;\n    height: 100%;\n\n    ${size &&\n    css`\n      padding: ${CardConsts.consts[size].padding};\n    `}\n\n    &::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      display: block;\n      width: 100%;\n      height: 100%;\n      background-image: url(${backgroundImage});\n      background-size: cover;\n      transition: all 0.5s;\n    }\n\n    ${$interactive &&\n    css`\n      &:hover::before {\n        transform: scale(1.05);\n      }\n    `}\n  `}\n`;\n\nconst CardBody = styled.div<\n  Required<Pick<ICardProps, 'size'>> &\n    Transient<ICardProps, 'padding' | 'bgColor' | 'direction'> & { $withHeader?: boolean; $withFooter?: boolean }\n>`\n  ${({ size, $padding, $bgColor, $withHeader, $withFooter, $direction, theme }) => {\n    const layer = theme.getVariablesLayer({ foundation: $bgColor ? 'section' : 'surface' });\n\n    return css`\n      ${theme.getTypography('body', getBodyTypographySize(size))};\n      display: grid;\n      overflow: hidden;\n      flex-grow: 1;\n      color: ${layer[VariablesNames.TextOnFoundationStrong]};\n      background-color: ${layer[VariablesNames.BackgroundFoundation]};\n\n      ${$padding &&\n      css`\n        padding: ${CardConsts.consts[size].padding};\n      `}\n\n      ${$direction === Directions.Horizontal &&\n      !$withHeader &&\n      css`\n        border-top-left-radius: ${CardConsts.consts[size].borderRadius};\n        border-bottom-left-radius: ${CardConsts.consts[size].borderRadius};\n      `}\n      \n      ${$direction === Directions.Horizontal &&\n      !$withFooter &&\n      css`\n        border-top-right-radius: ${CardConsts.consts[size].borderRadius};\n        border-bottom-right-radius: ${CardConsts.consts[size].borderRadius};\n      `}\n\n      ${$direction === Directions.Vertical &&\n      !$withHeader &&\n      css`\n        border-top-left-radius: ${CardConsts.consts[size].borderRadius};\n        border-top-right-radius: ${CardConsts.consts[size].borderRadius};\n      `}\n\n      ${$direction === Directions.Vertical &&\n      !$withFooter &&\n      css`\n        border-bottom-right-radius: ${CardConsts.consts[size].borderRadius};\n        border-bottom-left-radius: ${CardConsts.consts[size].borderRadius};\n      `}\n\n      > img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n      }\n    `;\n  }};\n`;\n\nexport { Card, InsetCard, CardBody };\n"],"names":["Card","styled","size","$elevated","$direction","$isClickable","theme","layer","css","Directions","VariablesNames","CardConsts.consts","getFocusStyles","InsetCard","Sizes","backgroundImage","$interactive","CardBody","$padding","$bgColor","$withHeader","$withFooter","getBodyTypographySize"],"mappings":"0aAUMA,EAAOC,EAAO;AAAA,IAChB,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,WAAAC,EAAY,aAAAC,EAAc,MAAAC,KAAY,CAC1D,MAAMC,EAAQD,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,OAAAE,EAAA;AAAA;AAAA,wBAEaJ,IAAeK,EAAA,WAAW,SAAW,SAAW,KAAK;AAAA;AAAA,0BAEnDF,EAAMG,iBAAe,oBAAoB,CAAC;AAAA,0BAC1CH,EAAMG,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA,QAGhER,GACFM,EAAA;AAAA,yBACmBG,EAAW,OAAOT,CAAI,EAAE,YAAY;AAAA,OACtD;AAAA;AAAA,QAECC,GACFK,EAAA;AAAA;AAAA,kBAEYF,EAAM,YAAY,IAAI;AAAA,OACjC;AAAA;AAAA,QAECD,GACFG,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMcF,EAAM,YAAY,IAAI;AAAA;AAAA,OAEnC;AAAA;AAAA;AAAA,UAGGM,EAAAA,eAAeN,CAAK,CAAC;AAAA;AAAA,KAG7B,CAAC;AAAA,EAGGO,EAAYZ,EAAOD,CAAI;AAAA,IACzB,CAAC,CAAE,KAAAE,EAAO,GAAGY,QAAM,MAAM,GAAI,gBAAAC,EAAiB,aAAAC,CAAA,IAAmBR,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM/DN,GACFM,EAAA;AAAA,iBACaG,EAAW,OAAOT,CAAI,EAAE,OAAO;AAAA,KAC3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAUyBa,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA,MAKvCC,GACFR,EAAA;AAAA;AAAA;AAAA;AAAA,KAIC;AAAA,GACF;AAAA,EAGGS,EAAWhB,EAAO;AAAA,IAIpB,CAAC,CAAE,KAAAC,EAAM,SAAAgB,EAAU,SAAAC,EAAU,YAAAC,EAAa,YAAAC,EAAa,WAAAjB,EAAY,MAAAE,KAAY,CACzE,MAAAC,EAAQD,EAAM,kBAAkB,CAAE,WAAYa,EAAW,UAAY,UAAW,EAE/E,OAAAX,EAAA;AAAA,QACHF,EAAM,cAAc,OAAQgB,EAAAA,sBAAsBpB,CAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,eAIjDK,EAAMG,iBAAe,sBAAsB,CAAC;AAAA,0BACjCH,EAAMG,iBAAe,oBAAoB,CAAC;AAAA;AAAA,QAE5DQ,GACFV,EAAA;AAAA,mBACaG,EAAW,OAAOT,CAAI,EAAE,OAAO;AAAA,OAC3C;AAAA;AAAA,QAECE,IAAeK,EAAA,WAAW,YAC5B,CAACW,GACDZ,EAAA;AAAA,kCAC4BG,EAAW,OAAOT,CAAI,EAAE,YAAY;AAAA,qCACjCS,EAAW,OAAOT,CAAI,EAAE,YAAY;AAAA,OAClE;AAAA;AAAA,QAECE,IAAeK,EAAA,WAAW,YAC5B,CAACY,GACDb,EAAA;AAAA,mCAC6BG,EAAW,OAAOT,CAAI,EAAE,YAAY;AAAA,sCACjCS,EAAW,OAAOT,CAAI,EAAE,YAAY;AAAA,OACnE;AAAA;AAAA,QAECE,IAAeK,EAAA,WAAW,UAC5B,CAACW,GACDZ,EAAA;AAAA,kCAC4BG,EAAW,OAAOT,CAAI,EAAE,YAAY;AAAA,mCACnCS,EAAW,OAAOT,CAAI,EAAE,YAAY;AAAA,OAChE;AAAA;AAAA,QAECE,IAAeK,EAAA,WAAW,UAC5B,CAACY,GACDb,EAAA;AAAA,sCACgCG,EAAW,OAAOT,CAAI,EAAE,YAAY;AAAA,qCACrCS,EAAW,OAAOT,CAAI,EAAE,YAAY;AAAA,OAClE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAQL,CAAC;AAAA"}

package/build/cjs/components/Card/InsetCard.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),m=require("react"),$=require("classnames"),c=require("../../react-base/src/consts/index.js"),f=require("./Card.styles.js"),j=require("./components/CardBar/CardBar.js"),R=m.forwardRef(({className:i,size:e=`${c.Sizes.Medium}`,bar:r,borders:d,elevated:u=!0,fullBar:o,icon:s,iconPosition:t="none",interactive:l,onClick:a,isClickable:q,...C},x)=>n.jsx(f.InsetCard,{ref:x,className:$(c.CARD_CLASS,i),size:e,$elevated:u,icon:s,iconPosition:t,$isClickable:!!q||!!a,$interactive:l,onClick:a,...C,children:r&&n.jsx(j,{size:e,bar:r,border:d,fullBar:o,icon:s,iconPosition:t,type:"floatingFooter"})}));module.exports=R;
+//# sourceMappingURL=InsetCard.js.map

package/build/cjs/components/Card/InsetCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsetCard.js","sources":["../../../../src/components/Card/InsetCard.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, CARD_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport type { IInsetCardProps } from './Card.types';\nimport * as Styled from './Card.styles';\nimport CardBar from './components/CardBar/CardBar';\n\nconst InsetCard = forwardRef<HTMLDivElement, IInsetCardProps>(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      bar,\n      borders,\n      elevated = true,\n      fullBar,\n      icon,\n      iconPosition = 'none',\n      interactive,\n      onClick,\n      isClickable,\n      ...rest\n    },\n    ref,\n  ) => (\n    <Styled.InsetCard\n      ref={ref}\n      className={classNames(CARD_CLASS, className)}\n      size={size}\n      $elevated={elevated}\n      icon={icon}\n      iconPosition={iconPosition}\n      $isClickable={!!isClickable || !!onClick}\n      $interactive={interactive}\n      onClick={onClick}\n      {...rest}\n    >\n      {bar && (\n        <CardBar\n          size={size}\n          bar={bar}\n          border={borders}\n          fullBar={fullBar}\n          icon={icon}\n          iconPosition={iconPosition}\n          type=\"floatingFooter\"\n        />\n      )}\n    </Styled.InsetCard>\n  ),\n);\n\nexport default InsetCard;\n"],"names":["InsetCard","forwardRef","className","size","Sizes","bar","borders","elevated","fullBar","icon","iconPosition","interactive","onClick","isClickable","rest","ref","jsx","Styled.InsetCard","classNames","CARD_CLASS","CardBar"],"mappings":"0NASMA,EAAYC,EAAA,WAChB,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,IAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EACA,KAAAC,EACA,aAAAC,EAAe,OACf,YAAAC,EACA,QAAAC,EACA,YAAAC,EACA,GAAGC,GAELC,IAEAC,EAAA,IAACC,EAAO,UAAP,CACC,IAAAF,EACA,UAAWG,EAAWC,EAAA,WAAYjB,CAAS,EAC3C,KAAAC,EACA,UAAWI,EACX,KAAAE,EACA,aAAAC,EACA,aAAc,CAAC,CAACG,GAAe,CAAC,CAACD,EACjC,aAAcD,EACd,QAAAC,EACC,GAAGE,EAEH,SACCT,GAAAW,EAAA,IAACI,EAAA,CACC,KAAAjB,EACA,IAAAE,EACA,OAAQC,EACR,QAAAE,EACA,KAAAC,EACA,aAAAC,EACA,KAAK,gBAAA,CAAA,CACP,CAAA,CAIR"}

package/build/cjs/components/Card/components/CardBar/CardBar.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),l=require("../../../../react-base/src/consts/index.js"),u=require("../../../../react-base/src/components/Card/Card.consts.js"),x=require("./CardBar.styles.js"),B=require("../../../_internalComponents/InfoBar/InfoBar.js"),C=({size:n,bar:e,type:s,direction:r=l.Directions.Vertical,icon:i,iconPosition:o,border:d,fullBar:c,setPaddingWithBody:a})=>t.jsx(t.Fragment,{children:e&&t.jsx(x.CardBar,{size:n,type:s,$direction:r,border:e.border||d,$width:e.width,$fullBar:c,$onlyContent:!e.meta&&!e.title&&!e.description,alignItems:"center",justifyContent:"space-between",gap:u.consts[n].padding,$setPaddingWithBody:a,children:t.jsx(B,{size:n,direction:r,icon:i,iconPosition:o,...e})})});module.exports=C;
+//# sourceMappingURL=CardBar.js.map

package/build/cjs/components/Card/components/CardBar/CardBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBar.js","sources":["../../../../../../src/components/Card/components/CardBar/CardBar.tsx"],"sourcesContent":["import { Directions } from 'acinguiux-ds-react-base/consts';\nimport { CardConsts } from 'acinguiux-ds-react-base/components/Card';\n\nimport * as Styled from './CardBar.styles';\nimport type { ICardBarProps } from './CardBar.types';\nimport InfoBar from '../../../_internalComponents/InfoBar/InfoBar';\n\nconst CardBar = ({\n  size,\n  bar,\n  type,\n  direction = Directions.Vertical,\n  icon,\n  iconPosition,\n  border,\n  fullBar,\n  setPaddingWithBody,\n}: ICardBarProps) => (\n  <>\n    {bar && (\n      <Styled.CardBar\n        size={size}\n        type={type}\n        $direction={direction}\n        border={bar.border || border}\n        $width={bar.width}\n        $fullBar={fullBar}\n        $onlyContent={!bar.meta && !bar.title && !bar.description}\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        gap={CardConsts.consts[size].padding}\n        $setPaddingWithBody={setPaddingWithBody}\n      >\n        <InfoBar size={size} direction={direction} icon={icon} iconPosition={iconPosition} {...bar} />\n      </Styled.CardBar>\n    )}\n  </>\n);\n\nexport default CardBar;\n"],"names":["CardBar","size","bar","type","direction","Directions","icon","iconPosition","border","fullBar","setPaddingWithBody","jsx","Styled.CardBar","CardConsts.consts","InfoBar"],"mappings":"+QAOMA,EAAU,CAAC,CACf,KAAAC,EACA,IAAAC,EACA,KAAAC,EACA,UAAAC,EAAYC,EAAW,WAAA,SACvB,KAAAC,EACA,aAAAC,EACA,OAAAC,EACA,QAAAC,EACA,mBAAAC,CACF,sBAEK,SACCR,GAAAS,EAAA,IAACC,EAAO,QAAP,CACC,KAAAX,EACA,KAAAE,EACA,WAAYC,EACZ,OAAQF,EAAI,QAAUM,EACtB,OAAQN,EAAI,MACZ,SAAUO,EACV,aAAc,CAACP,EAAI,MAAQ,CAACA,EAAI,OAAS,CAACA,EAAI,YAC9C,WAAW,SACX,eAAe,gBACf,IAAKW,EAAAA,OAAkBZ,CAAI,EAAE,QAC7B,oBAAqBS,EAErB,eAACI,EAAQ,CAAA,KAAAb,EAAY,UAAAG,EAAsB,KAAAE,EAAY,aAAAC,EAA6B,GAAGL,CAAK,CAAA,CAAA,CAC9F,CAEJ,CAAA"}

package/build/cjs/components/Card/components/CardBar/CardBar.styles.js

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("styled-components"),a=require("../../../../react-base/src/consts/index.js"),u=require("../../../../react-base/src/components/Card/Card.consts.js"),l=require("../../../../react-base/src/theme/variableTheme.js"),g=require("../../../Flexbox/Flexbox.js"),f=r(g)`
+  ${({$direction:o,type:s,size:i,border:e,$width:d,$onlyContent:t,$fullBar:b,$setPaddingWithBody:c,theme:h})=>{const n=h.getVariablesLayer({foundation:"surface"});return r.css`
+      z-index: 1;
+      min-height: auto;
+      border-color: ${n[l.VariablesNames.BorderOnFoundationSubtle]};
+      border-style: solid;
+      border-width: 0;
+
+      ${d&&r.css`
+        min-width: ${d}px;
+      `}
+
+      ${!t&&r.css`
+        padding: ${u.consts[i].padding};
+      `}
+
+      ${s==="header"&&!t&&!c&&r.css`
+        padding-bottom: unset;
+      `}
+
+      ${s==="footer"&&!t&&!c&&r.css`
+        padding-top: unset;
+      `}
+
+      ${o===a.Directions.Vertical&&s==="header"&&e&&r.css`
+        border-bottom-width: 1px;
+      `}
+
+      ${o===a.Directions.Vertical&&s==="footer"&&e&&r.css`
+        border-top-width: 1px;
+      `}
+
+      ${o===a.Directions.Horizontal&&s==="header"&&e&&r.css`
+        border-right-width: 1px;
+      `}
+
+      ${o===a.Directions.Horizontal&&s==="footer"&&e&&r.css`
+        border-left-width: 1px;
+      `}
+
+      ${s==="floatingFooter"&&r.css`
+        width: ${b?"100%":"50%"};
+        background-color: ${n[l.VariablesNames.BackgroundFoundation]};
+        border-radius: ${u.consts[i].floatingBarBorderRadius};
+
+        ${e&&r.css`
+          border-width: 1px;
+        `}
+      `}
+
+      ${t&&r.css`
+        justify-content: flex-start;
+      `}
+    `}};
+`;exports.CardBar=f;
+//# sourceMappingURL=CardBar.styles.js.map

package/build/cjs/components/Card/components/CardBar/CardBar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBar.styles.js","sources":["../../../../../../src/components/Card/components/CardBar/CardBar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Directions } from 'acinguiux-ds-react-base/consts';\nimport type { Transient } from 'acinguiux-ds-react-base/types';\nimport { CardConsts } from 'acinguiux-ds-react-base/components/Card';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { ICardBarProps } from './CardBar.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\n\nconst CardBar = styled(Flexbox)<\n  Transient<ICardBarProps, 'direction' | 'fullBar' | 'setPaddingWithBody'> & {\n    $width?: number;\n    $onlyContent: boolean;\n  }\n>`\n  ${({ $direction, type, size, border, $width, $onlyContent, $fullBar, $setPaddingWithBody, theme }) => {\n    const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n    return css`\n      z-index: 1;\n      min-height: auto;\n      border-color: ${layer[VariablesNames.BorderOnFoundationSubtle]};\n      border-style: solid;\n      border-width: 0;\n\n      ${$width &&\n      css`\n        min-width: ${$width}px;\n      `}\n\n      ${!$onlyContent &&\n      css`\n        padding: ${CardConsts.consts[size].padding};\n      `}\n\n      ${type === 'header' &&\n      !$onlyContent &&\n      !$setPaddingWithBody &&\n      css`\n        padding-bottom: unset;\n      `}\n\n      ${type === 'footer' &&\n      !$onlyContent &&\n      !$setPaddingWithBody &&\n      css`\n        padding-top: unset;\n      `}\n\n      ${$direction === Directions.Vertical &&\n      type === 'header' &&\n      border &&\n      css`\n        border-bottom-width: 1px;\n      `}\n\n      ${$direction === Directions.Vertical &&\n      type === 'footer' &&\n      border &&\n      css`\n        border-top-width: 1px;\n      `}\n\n      ${$direction === Directions.Horizontal &&\n      type === 'header' &&\n      border &&\n      css`\n        border-right-width: 1px;\n      `}\n\n      ${$direction === Directions.Horizontal &&\n      type === 'footer' &&\n      border &&\n      css`\n        border-left-width: 1px;\n      `}\n\n      ${type === 'floatingFooter' &&\n      css`\n        width: ${$fullBar ? '100%' : '50%'};\n        background-color: ${layer[VariablesNames.BackgroundFoundation]};\n        border-radius: ${CardConsts.consts[size].floatingBarBorderRadius};\n\n        ${border &&\n        css`\n          border-width: 1px;\n        `}\n      `}\n\n      ${$onlyContent &&\n      css`\n        justify-content: flex-start;\n      `}\n    `;\n  }};\n`;\n\nexport { CardBar };\n"],"names":["CardBar","styled","Flexbox","$direction","type","size","border","$width","$onlyContent","$fullBar","$setPaddingWithBody","theme","layer","css","VariablesNames","CardConsts.consts","Directions"],"mappings":"wXASMA,EAAUC,EAAOC,CAAO;AAAA,IAM1B,CAAC,CAAE,WAAAC,EAAY,KAAAC,EAAM,KAAAC,EAAM,OAAAC,EAAQ,OAAAC,EAAQ,aAAAC,EAAc,SAAAC,EAAU,oBAAAC,EAAqB,MAAAC,CAAA,IAAY,CACpG,MAAMC,EAAQD,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,OAAAE,EAAA;AAAA;AAAA;AAAA,sBAGWD,EAAME,iBAAe,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA,QAI5DP,GACFM,EAAA;AAAA,qBACeN,CAAM;AAAA,OACpB;AAAA;AAAA,QAEC,CAACC,GACHK,EAAA;AAAA,mBACaE,EAAW,OAAOV,CAAI,EAAE,OAAO;AAAA,OAC3C;AAAA;AAAA,QAECD,IAAS,UACX,CAACI,GACD,CAACE,GACDG,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA,QAECT,IAAS,UACX,CAACI,GACD,CAACE,GACDG,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA,QAECV,IAAea,EAAAA,WAAW,UAC5BZ,IAAS,UACTE,GACAO,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA,QAECV,IAAea,EAAAA,WAAW,UAC5BZ,IAAS,UACTE,GACAO,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA,QAECV,IAAea,EAAAA,WAAW,YAC5BZ,IAAS,UACTE,GACAO,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA,QAECV,IAAea,EAAAA,WAAW,YAC5BZ,IAAS,UACTE,GACAO,EAAA;AAAA;AAAA,OAEC;AAAA;AAAA,QAECT,IAAS,kBACXS,EAAA;AAAA,iBACWJ,EAAW,OAAS,KAAK;AAAA,4BACdG,EAAME,iBAAe,oBAAoB,CAAC;AAAA,yBAC7CC,EAAW,OAAOV,CAAI,EAAE,uBAAuB;AAAA;AAAA,UAE9DC,GACFO,EAAA;AAAA;AAAA,SAEC;AAAA,OACF;AAAA;AAAA,QAECL,GACFK,EAAA;AAAA;AAAA,OAEC;AAAA,KAEL,CAAC;AAAA"}

package/build/cjs/components/Chart/Chart.types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var o=(e=>(e.Axis="axis",e.Colors="colors",e.Exporting="exporting",e.Legend="legend",e.Tooltip="tooltip",e))(o||{});exports.Option=o;
+//# sourceMappingURL=Chart.types.js.map

package/build/cjs/components/Chart/Chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.types.js","sources":["../../../../src/components/Chart/Chart.types.ts"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\n\nexport enum Option {\n  Axis = 'axis',\n  Colors = 'colors',\n  Exporting = 'exporting',\n  Legend = 'legend',\n  Tooltip = 'tooltip',\n}\n\nexport type ChartSize = `${Sizes.Small | Sizes.Medium | Sizes.Large}`;\ntype Options = Option.Axis | Option.Colors | Option.Exporting | Option.Legend | Option.Tooltip;\nexport type OptionType = `${Options}`;\n\nexport interface IChartProps {\n  size?: ChartSize;\n}\n"],"names":["Option"],"mappings":"4GAEY,IAAAA,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,UAAY,YACZA,EAAA,OAAS,SACTA,EAAA,QAAU,UALAA,IAAAA,GAAA,CAAA,CAAA"}

package/build/cjs/components/Chart/Highcharts/HighchartsChart.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),h=require("react"),a=require("../../../react-base/src/consts/index.js"),t=require("highcharts"),g=require("highcharts/modules/accessibility"),q=require("highcharts-react-official"),H=require("classnames"),x=require("highcharts/highcharts-more"),f=require("highcharts/modules/exporting"),m=require("highcharts/modules/export-data"),R=require("./HighchartsChart.styles.js"),d=require("./hooks/useHighchartsOptions.js");typeof t=="object"&&(g(t),x(t),f(t),m(t));const l=h.forwardRef(({className:e,containerProps:s,...r},c)=>i.jsx(q,{ref:c,containerProps:{...s,className:H(e,a.CHART_CLASS,s==null?void 0:s.className)},...r})),C=h.forwardRef(({size:e=a.Sizes.Medium,highcharts:s=t,options:r,option:c=[],...o},u)=>{const n=d(r,e,c);return i.jsx(R.Highcharts,{as:l,ref:u,highcharts:s,options:n,...o})});module.exports=C;
+//# sourceMappingURL=HighchartsChart.js.map

package/build/cjs/components/Chart/Highcharts/HighchartsChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighchartsChart.js","sources":["../../../../../src/components/Chart/Highcharts/HighchartsChart.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { CHART_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport Highcharts from 'highcharts';\nimport HighchartsAccessibility from 'highcharts/modules/accessibility';\nimport HighchartsReact, { HighchartsReactProps, HighchartsReactRefObject } from 'highcharts-react-official';\nimport cx from 'classnames';\nimport HighchartsMore from 'highcharts/highcharts-more';\nimport HighchartsExporting from 'highcharts/modules/exporting';\nimport HighchartsExportData from 'highcharts/modules/export-data';\n\nimport type { IHighchartsChartProps } from './HighchartsChart.types';\nimport * as Styled from './HighchartsChart.styles';\nimport useHighchartsOptions from './hooks/useHighchartsOptions';\n\n// This if statement is necessary for Highcharts modules to work with Next.js\nif (typeof Highcharts === 'object') {\n  HighchartsAccessibility(Highcharts);\n  HighchartsMore(Highcharts);\n  HighchartsExporting(Highcharts);\n  HighchartsExportData(Highcharts);\n}\n\nconst HighchartsReactComponent = forwardRef<HighchartsReactRefObject, HighchartsReactProps>(\n  ({ className, containerProps, ...rest }, ref) => (\n    <HighchartsReact\n      ref={ref}\n      containerProps={{ ...containerProps, className: cx(className, CHART_CLASS, containerProps?.className) }}\n      {...rest}\n    />\n  ),\n);\n\nconst HighchartsChart = forwardRef<HighchartsReactRefObject, IHighchartsChartProps>(\n  ({ size = Sizes.Medium, highcharts = Highcharts, options, option = [], ...rest }, ref) => {\n    const sdsOptions = useHighchartsOptions(options, size, option);\n\n    return (\n      <Styled.Highcharts\n        as={HighchartsReactComponent}\n        ref={ref}\n        highcharts={highcharts}\n        options={sdsOptions}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport default HighchartsChart;\n"],"names":["Highcharts","HighchartsAccessibility","HighchartsMore","HighchartsExporting","HighchartsExportData","HighchartsReactComponent","forwardRef","className","containerProps","rest","ref","jsx","HighchartsReact","cx","CHART_CLASS","HighchartsChart","size","Sizes","highcharts","options","option","sdsOptions","useHighchartsOptions","Styled.Highcharts"],"mappings":"mdAgBI,OAAOA,GAAe,WACxBC,EAAwBD,CAAU,EAClCE,EAAeF,CAAU,EACzBG,EAAoBH,CAAU,EAC9BI,EAAqBJ,CAAU,GAGjC,MAAMK,EAA2BC,EAAA,WAC/B,CAAC,CAAE,UAAAC,EAAW,eAAAC,EAAgB,GAAGC,GAAQC,IACvCC,EAAA,IAACC,EAAA,CACC,IAAAF,EACA,eAAgB,CAAE,GAAGF,EAAgB,UAAWK,EAAGN,EAAWO,EAAA,YAAaN,GAAA,YAAAA,EAAgB,SAAS,CAAE,EACrG,GAAGC,CAAA,CAAA,CAGV,EAEMM,EAAkBT,EAAA,WACtB,CAAC,CAAE,KAAAU,EAAOC,QAAM,OAAQ,WAAAC,EAAalB,EAAY,QAAAmB,EAAS,OAAAC,EAAS,CAAC,EAAG,GAAGX,CAAA,EAAQC,IAAQ,CACxF,MAAMW,EAAaC,EAAqBH,EAASH,EAAMI,CAAM,EAG3D,OAAAT,EAAA,IAACY,EAAO,WAAP,CACC,GAAIlB,EACJ,IAAAK,EACA,WAAAQ,EACA,QAASG,EACR,GAAGZ,CAAA,CACN,CAAA,CAGN"}

package/build/cjs/components/Chart/Highcharts/HighchartsChart.styles.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("styled-components"),e=require("../../../react-base/src/consts/index.js"),r=i.div`
+  ${({size:s=e.Sizes.Medium,theme:t})=>i.css`
+    ${t.getTypography("body",s===e.Sizes.Large?e.Sizes.Medium:e.Sizes.Small)};
+
+    width: 100%;
+    height: 100%;
+  `}
+`;exports.Highcharts=r;
+//# sourceMappingURL=HighchartsChart.styles.js.map

package/build/cjs/components/Chart/Highcharts/HighchartsChart.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighchartsChart.styles.js","sources":["../../../../../src/components/Chart/Highcharts/HighchartsChart.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { RequiredProperties } from 'acinguiux-ds-react-base/types';\n\nimport type { IHighchartsChartProps } from './HighchartsChart.types';\n\nconst Highcharts = styled.div<RequiredProperties<IHighchartsChartProps, 'size'>>`\n  ${({ size = Sizes.Medium, theme }) => css`\n    ${theme.getTypography('body', size === Sizes.Large ? Sizes.Medium : Sizes.Small)};\n\n    width: 100%;\n    height: 100%;\n  `}\n`;\n\nexport { Highcharts };\n"],"names":["Highcharts","styled","size","Sizes","theme","css"],"mappings":"sMAMMA,EAAaC,EAAO;AAAA,IACtB,CAAC,CAAE,KAAAC,EAAOC,EAAAA,MAAM,OAAQ,MAAAC,CAAY,IAAAC,EAAA;AAAA,MAClCD,EAAM,cAAc,OAAQF,IAASC,EAAAA,MAAM,MAAQA,QAAM,OAASA,EAAM,MAAA,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,GAIjF;AAAA"}

package/build/cjs/components/Chart/Highcharts/hooks/useHighchartsOptions.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("styled-components"),s=require("highcharts"),o=require("../../Chart.types.js"),p=require("../options/chart.options.js"),u=require("../options/exporting.options.js"),d=require("../options/colors.options.js"),r=require("../options/axis.options.js"),x=require("../options/legend.options.js"),a=require("../options/plotOptions.options.js"),O=require("../options/tooltip.options.js"),g=(n,i,e)=>{const t=c.useTheme(),l={...p.chart(t,i),plotOptions:a.plotOptions(t,i),exporting:e.includes(o.Option.Exporting)?u.exporting:{enabled:!1},colors:e.includes(o.Option.Colors)?d.colors(t):s.defaultOptions.colors,yAxis:e.includes(o.Option.Axis)?r.yAxis(t,i):s.defaultOptions.yAxis,xAxis:e.includes(o.Option.Axis)?r.xAxis(t,i,n==null?void 0:n.xAxis):s.defaultOptions.xAxis,legend:e.includes(o.Option.Legend)?x.legend(t,i):s.defaultOptions.legend,tooltip:e.includes(o.Option.Tooltip)?O.tooltip(t):s.defaultOptions.tooltip,accessibility:{enabled:!0}};return s.merge(l,n)};module.exports=g;
+//# sourceMappingURL=useHighchartsOptions.js.map

package/build/cjs/components/Chart/Highcharts/hooks/useHighchartsOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHighchartsOptions.js","sources":["../../../../../../src/components/Chart/Highcharts/hooks/useHighchartsOptions.ts"],"sourcesContent":["import { useTheme } from 'styled-components';\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\n\nimport { ChartSize, OptionType, Option } from '../../Chart.types';\nimport { chart } from '../options/chart.options';\nimport { exporting } from '../options/exporting.options';\nimport { colors } from '../options/colors.options';\nimport { xAxis, yAxis } from '../options/axis.options';\nimport { legend } from '../options/legend.options';\nimport { plotOptions } from '../options/plotOptions.options';\nimport { tooltip } from '../options/tooltip.options';\n\nconst useHighchartsOptions = (options: HighchartsReact.Props['options'], size: ChartSize, option: OptionType[]) => {\n  const theme = useTheme();\n\n  const defaultOptions: Highcharts.Options = {\n    ...chart(theme, size),\n    plotOptions: plotOptions(theme, size),\n    exporting: option.includes(Option.Exporting) ? exporting : { enabled: false },\n    colors: option.includes(Option.Colors) ? colors(theme) : Highcharts.defaultOptions.colors,\n    yAxis: option.includes(Option.Axis) ? yAxis(theme, size) : Highcharts.defaultOptions.yAxis,\n    xAxis: option.includes(Option.Axis)\n      ? xAxis(theme, size, options?.xAxis as Highcharts.Options['xAxis'])\n      : Highcharts.defaultOptions.xAxis,\n    legend: option.includes(Option.Legend) ? legend(theme, size) : Highcharts.defaultOptions.legend,\n\n    tooltip: option.includes(Option.Tooltip) ? tooltip(theme) : Highcharts.defaultOptions.tooltip,\n    accessibility: { enabled: true },\n  };\n\n  return Highcharts.merge(defaultOptions, options);\n};\n\nexport default useHighchartsOptions;\n"],"names":["useHighchartsOptions","options","size","option","theme","useTheme","defaultOptions","chart","plotOptions","Option","exporting","colors","Highcharts","yAxis","xAxis","legend","tooltip"],"mappings":"wZAaMA,EAAuB,CAACC,EAA2CC,EAAiBC,IAAyB,CACjH,MAAMC,EAAQC,EAAAA,SAAS,EAEjBC,EAAqC,CACzC,GAAGC,EAAM,MAAAH,EAAOF,CAAI,EACpB,YAAaM,EAAAA,YAAYJ,EAAOF,CAAI,EACpC,UAAWC,EAAO,SAASM,EAAA,OAAO,SAAS,EAAIC,EAAA,UAAY,CAAE,QAAS,EAAM,EAC5E,OAAQP,EAAO,SAASM,EAAAA,OAAO,MAAM,EAAIE,EAAO,OAAAP,CAAK,EAAIQ,EAAW,eAAe,OACnF,MAAOT,EAAO,SAASM,EAAAA,OAAO,IAAI,EAAII,QAAMT,EAAOF,CAAI,EAAIU,EAAW,eAAe,MACrF,MAAOT,EAAO,SAASM,EAAAA,OAAO,IAAI,EAC9BK,EAAM,MAAAV,EAAOF,EAAMD,GAAA,YAAAA,EAAS,KAAoC,EAChEW,EAAW,eAAe,MAC9B,OAAQT,EAAO,SAASM,EAAAA,OAAO,MAAM,EAAIM,SAAOX,EAAOF,CAAI,EAAIU,EAAW,eAAe,OAEzF,QAAST,EAAO,SAASM,EAAAA,OAAO,OAAO,EAAIO,EAAQ,QAAAZ,CAAK,EAAIQ,EAAW,eAAe,QACtF,cAAe,CAAE,QAAS,EAAK,CACjC,EAEO,OAAAA,EAAW,MAAMN,EAAgBL,CAAO,CACjD"}

package/build/cjs/components/Chart/Highcharts/options/axis.options.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../react-base/src/theme/variableTheme.js"),i=(a,t)=>{const r=a.getVariablesLayer({foundation:"surface"});return{title:{style:{...a.getTypography("labelStrong",t),color:r[e.VariablesNames.TextOnFoundationStrong]},align:"high",x:-10},gridLineColor:r[e.VariablesNames.BorderOnFoundationSubtle],labels:{style:{...a.getTypography("labelRegular",t),color:r[e.VariablesNames.TextOnFoundationStrong]}}}},l=(a,t,r)=>{const n=r&&"categories"in r,o=a.getVariablesLayer({foundation:"surface"});return{title:{style:{...a.getTypography("labelStrong",t),color:o[e.VariablesNames.TextOnFoundationStrong]},align:"high"},crosshair:{width:1,color:o[e.VariablesNames.BorderOnFoundationMedium]},tickColor:o[e.VariablesNames.BorderOnFoundationStrong],tickWidth:1,tickLength:8,gridLineColor:o[e.VariablesNames.BorderOnFoundationSubtle],gridLineDashStyle:"Dash",gridLineWidth:n?1:0,lineColor:o[e.VariablesNames.BorderOnFoundationStrong],labels:{style:{...a.getTypography("labelRegular",t),color:o[e.VariablesNames.TextOnFoundationStrong]},align:n?"center":"left"}}};exports.xAxis=l;exports.yAxis=i;
+//# sourceMappingURL=axis.options.js.map

package/build/cjs/components/Chart/Highcharts/options/axis.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/axis.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const yAxis = (theme: DefaultTheme, size: ChartSize): Options['yAxis'] => {\n  const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n  return {\n    title: {\n      style: {\n        ...theme.getTypography('labelStrong', size),\n        color: layer[VariablesNames.TextOnFoundationStrong],\n      },\n      align: 'high',\n      x: -10,\n    },\n    gridLineColor: layer[VariablesNames.BorderOnFoundationSubtle],\n    labels: {\n      style: {\n        ...theme.getTypography('labelRegular', size),\n        color: layer[VariablesNames.TextOnFoundationStrong],\n      },\n    },\n  };\n};\n\nexport const xAxis = (theme: DefaultTheme, size: ChartSize, options: Options['xAxis']): Options['xAxis'] => {\n  const hasCategories = options && 'categories' in options;\n  const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n  return {\n    title: {\n      style: {\n        ...theme.getTypography('labelStrong', size),\n        color: layer[VariablesNames.TextOnFoundationStrong],\n      },\n      align: 'high',\n    },\n    crosshair: {\n      width: 1,\n      color: layer[VariablesNames.BorderOnFoundationMedium],\n    },\n    tickColor: layer[VariablesNames.BorderOnFoundationStrong],\n    tickWidth: 1,\n    tickLength: 8,\n    gridLineColor: layer[VariablesNames.BorderOnFoundationSubtle],\n    gridLineDashStyle: 'Dash',\n    gridLineWidth: hasCategories ? 1 : 0,\n    lineColor: layer[VariablesNames.BorderOnFoundationStrong],\n    labels: {\n      style: {\n        ...theme.getTypography('labelRegular', size),\n        color: layer[VariablesNames.TextOnFoundationStrong],\n      },\n      align: hasCategories ? 'center' : 'left',\n    },\n  };\n};\n"],"names":["yAxis","theme","size","layer","VariablesNames","xAxis","options","hasCategories"],"mappings":"iLAMaA,EAAQ,CAACC,EAAqBC,IAAsC,CAC/E,MAAMC,EAAQF,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,MAAA,CACL,MAAO,CACL,MAAO,CACL,GAAGA,EAAM,cAAc,cAAeC,CAAI,EAC1C,MAAOC,EAAMC,EAAAA,eAAe,sBAAsB,CACpD,EACA,MAAO,OACP,EAAG,GACL,EACA,cAAeD,EAAMC,EAAA,eAAe,wBAAwB,EAC5D,OAAQ,CACN,MAAO,CACL,GAAGH,EAAM,cAAc,eAAgBC,CAAI,EAC3C,MAAOC,EAAMC,EAAAA,eAAe,sBAAsB,CAAA,CACpD,CAEJ,CACF,EAEaC,EAAQ,CAACJ,EAAqBC,EAAiBI,IAAgD,CACpG,MAAAC,EAAgBD,GAAW,eAAgBA,EAC3CH,EAAQF,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,MAAA,CACL,MAAO,CACL,MAAO,CACL,GAAGA,EAAM,cAAc,cAAeC,CAAI,EAC1C,MAAOC,EAAMC,EAAAA,eAAe,sBAAsB,CACpD,EACA,MAAO,MACT,EACA,UAAW,CACT,MAAO,EACP,MAAOD,EAAMC,EAAAA,eAAe,wBAAwB,CACtD,EACA,UAAWD,EAAMC,EAAA,eAAe,wBAAwB,EACxD,UAAW,EACX,WAAY,EACZ,cAAeD,EAAMC,EAAA,eAAe,wBAAwB,EAC5D,kBAAmB,OACnB,cAAeG,EAAgB,EAAI,EACnC,UAAWJ,EAAMC,EAAA,eAAe,wBAAwB,EACxD,OAAQ,CACN,MAAO,CACL,GAAGH,EAAM,cAAc,eAAgBC,CAAI,EAC3C,MAAOC,EAAMC,EAAAA,eAAe,sBAAsB,CACpD,EACA,MAAOG,EAAgB,SAAW,MAAA,CAEtC,CACF"}

package/build/cjs/components/Chart/Highcharts/options/chart.options.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../../react-base/src/consts/index.js"),r=require("../../../../react-base/src/theme/variableTheme.js"),i=(e,t)=>({title:{text:void 0,style:e.getTypography("heading",t===a.Sizes.Large?"h2":"h3"),margin:40},subtitle:{text:void 0,style:{...e.getTypography("heading",t===a.Sizes.Large?"h3":"h4"),color:e.getVariablesLayer({foundation:"surface"})[r.VariablesNames.TextOnFoundationSubtle]}},credits:{enabled:!1},chart:{backgroundColor:"transparent",...e.getTypography("body",t),style:{fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Roboto, 'Helvetica Neue', sans-serif, 'inherit'"}}});exports.chart=i;
+//# sourceMappingURL=chart.options.js.map

package/build/cjs/components/Chart/Highcharts/options/chart.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/chart.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const chart = (theme: DefaultTheme, size: ChartSize): Options => ({\n  title: {\n    text: undefined,\n    style: theme.getTypography('heading', size === Sizes.Large ? 'h2' : 'h3'),\n    margin: 40,\n  },\n  subtitle: {\n    text: undefined,\n    style: {\n      ...theme.getTypography('heading', size === Sizes.Large ? 'h3' : 'h4'),\n      color: theme.getVariablesLayer({ foundation: 'surface' })[VariablesNames.TextOnFoundationSubtle],\n    },\n  },\n  credits: {\n    enabled: false,\n  },\n  chart: {\n    backgroundColor: 'transparent',\n    ...theme.getTypography('body', size),\n    style: {\n      fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Roboto, 'Helvetica Neue', sans-serif, 'inherit'`,\n    },\n  },\n});\n"],"names":["chart","theme","size","Sizes","VariablesNames"],"mappings":"yOAOaA,EAAQ,CAACC,EAAqBC,KAA8B,CACvE,MAAO,CACL,KAAM,OACN,MAAOD,EAAM,cAAc,UAAWC,IAASC,QAAM,MAAQ,KAAO,IAAI,EACxE,OAAQ,EACV,EACA,SAAU,CACR,KAAM,OACN,MAAO,CACL,GAAGF,EAAM,cAAc,UAAWC,IAASC,EAAAA,MAAM,MAAQ,KAAO,IAAI,EACpE,MAAOF,EAAM,kBAAkB,CAAE,WAAY,SAAW,CAAA,EAAEG,EAAAA,eAAe,sBAAsB,CAAA,CAEnG,EACA,QAAS,CACP,QAAS,EACX,EACA,MAAO,CACL,gBAAiB,cACjB,GAAGH,EAAM,cAAc,OAAQC,CAAI,EACnC,MAAO,CACL,WAAY,uGAAA,CACd,CAEJ"}

package/build/cjs/components/Chart/Highcharts/options/colors.options.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=e=>Object.values(e.getVariablesGenerics("series")).slice(0,8);exports.colors=s;
+//# sourceMappingURL=colors.options.js.map

package/build/cjs/components/Chart/Highcharts/options/colors.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/colors.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\n\nexport const colors = (theme: DefaultTheme): Options['colors'] =>\n  Object.values(theme.getVariablesGenerics('series')).slice(0, 8);\n"],"names":["colors","theme"],"mappings":"4GAGO,MAAMA,EAAUC,GACrB,OAAO,OAAOA,EAAM,qBAAqB,QAAQ,CAAC,EAAE,MAAM,EAAG,CAAC"}

package/build/cjs/components/Chart/Highcharts/options/exporting.options.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={enabled:!0,sourceWidth:1600,sourceHeight:900,csv:{dateFormat:"%Y/%m/%d"},tableCaption:!1};exports.exporting=e;
+//# sourceMappingURL=exporting.options.js.map

package/build/cjs/components/Chart/Highcharts/options/exporting.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exporting.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/exporting.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\n\nexport const exporting: Options['exporting'] = {\n  enabled: true,\n  sourceWidth: 1600,\n  sourceHeight: 900,\n  csv: {\n    dateFormat: '%Y/%m/%d',\n  },\n  tableCaption: false,\n};\n"],"names":["exporting"],"mappings":"4GAEO,MAAMA,EAAkC,CAC7C,QAAS,GACT,YAAa,KACb,aAAc,IACd,IAAK,CACH,WAAY,UACd,EACA,aAAc,EAChB"}

package/build/cjs/components/Chart/Highcharts/options/legend.options.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../../react-base/src/theme/variableTheme.js"),r=(e,o)=>{const t=e.getVariablesLayer({foundation:"surface"});return{align:"center",verticalAlign:"bottom",x:0,y:20,maxHeight:110,itemStyle:{...e.getTypography("labelRegular",o),color:t[a.VariablesNames.TextOnFoundationStrong]},itemHoverStyle:{...e.getTypography("labelStrong",o),color:t[a.VariablesNames.TextOnFoundationStrong]},itemHiddenStyle:{color:t[a.VariablesNames.TextOnFoundationSubtle],textDecoration:"normal"},margin:20}};exports.legend=r;
+//# sourceMappingURL=legend.options.js.map

package/build/cjs/components/Chart/Highcharts/options/legend.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/legend.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const legend = (theme: DefaultTheme, size: ChartSize): Options['legend'] => {\n  const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n  return {\n    align: 'center',\n    verticalAlign: 'bottom',\n    x: 0,\n    y: 20,\n    maxHeight: 110,\n    itemStyle: {\n      ...theme.getTypography('labelRegular', size),\n      color: layer[VariablesNames.TextOnFoundationStrong],\n    },\n    itemHoverStyle: {\n      ...theme.getTypography('labelStrong', size),\n      color: layer[VariablesNames.TextOnFoundationStrong],\n    },\n    itemHiddenStyle: {\n      color: layer[VariablesNames.TextOnFoundationSubtle],\n      textDecoration: 'normal',\n    },\n    margin: 20,\n  };\n};\n"],"names":["legend","theme","size","layer","VariablesNames"],"mappings":"iLAMaA,EAAS,CAACC,EAAqBC,IAAuC,CACjF,MAAMC,EAAQF,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,MAAA,CACL,MAAO,SACP,cAAe,SACf,EAAG,EACH,EAAG,GACH,UAAW,IACX,UAAW,CACT,GAAGA,EAAM,cAAc,eAAgBC,CAAI,EAC3C,MAAOC,EAAMC,EAAAA,eAAe,sBAAsB,CACpD,EACA,eAAgB,CACd,GAAGH,EAAM,cAAc,cAAeC,CAAI,EAC1C,MAAOC,EAAMC,EAAAA,eAAe,sBAAsB,CACpD,EACA,gBAAiB,CACf,MAAOD,EAAMC,EAAA,eAAe,sBAAsB,EAClD,eAAgB,QAClB,EACA,OAAQ,EACV,CACF"}

package/build/cjs/components/Chart/Highcharts/options/plotOptions.options.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../../react-base/src/theme/variableTheme.js"),i=(e,o)=>{const a=e.getVariablesLayer({foundation:"surface"});return{column:{minPointLength:3,pointPadding:.1,groupPadding:.2,borderWidth:1,borderColor:a[r.VariablesNames.BackgroundFoundation],borderRadius:2,stacking:"normal"},waterfall:{borderColor:a[r.VariablesNames.BackgroundFoundation],negativeColor:e.getVariablesGenerics("series")[4],minPointLength:3,showInLegend:!1,dashStyle:"Dash",lineColor:a[r.VariablesNames.BorderOnFoundationMedium],lineWidth:1,states:{hover:{lineWidth:2}}},series:{dataLabels:{style:{...e.getTypography("labelRegular",o)}},marker:{enabled:!1,symbol:"round",radius:2},lineWidth:1.5,states:{hover:{lineWidth:2.5}}}}};exports.plotOptions=i;
+//# sourceMappingURL=plotOptions.options.js.map

package/build/cjs/components/Chart/Highcharts/options/plotOptions.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plotOptions.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/plotOptions.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nimport type { ChartSize } from '../../Chart.types';\n\nexport const plotOptions = (theme: DefaultTheme, size: ChartSize): Options['plotOptions'] => {\n  const layer = theme.getVariablesLayer({ foundation: 'surface' });\n\n  return {\n    column: {\n      minPointLength: 3,\n      pointPadding: 0.1,\n      groupPadding: 0.2,\n      borderWidth: 1,\n      borderColor: layer[VariablesNames.BackgroundFoundation],\n      borderRadius: 2,\n      stacking: 'normal',\n    },\n    waterfall: {\n      borderColor: layer[VariablesNames.BackgroundFoundation],\n      negativeColor: theme.getVariablesGenerics('series')[4],\n      minPointLength: 3,\n      showInLegend: false,\n      dashStyle: 'Dash',\n      lineColor: layer[VariablesNames.BorderOnFoundationMedium],\n      lineWidth: 1,\n      states: {\n        hover: {\n          lineWidth: 2,\n        },\n      },\n    },\n    series: {\n      dataLabels: {\n        style: {\n          ...theme.getTypography('labelRegular', size),\n        },\n      },\n      marker: {\n        enabled: false,\n        symbol: 'round',\n        radius: 2,\n      },\n      lineWidth: 1.5,\n      states: {\n        hover: {\n          lineWidth: 2.5,\n        },\n      },\n    },\n  };\n};\n"],"names":["plotOptions","theme","size","layer","VariablesNames"],"mappings":"iLAMaA,EAAc,CAACC,EAAqBC,IAA4C,CAC3F,MAAMC,EAAQF,EAAM,kBAAkB,CAAE,WAAY,UAAW,EAExD,MAAA,CACL,OAAQ,CACN,eAAgB,EAChB,aAAc,GACd,aAAc,GACd,YAAa,EACb,YAAaE,EAAMC,EAAA,eAAe,oBAAoB,EACtD,aAAc,EACd,SAAU,QACZ,EACA,UAAW,CACT,YAAaD,EAAMC,EAAA,eAAe,oBAAoB,EACtD,cAAeH,EAAM,qBAAqB,QAAQ,EAAE,CAAC,EACrD,eAAgB,EAChB,aAAc,GACd,UAAW,OACX,UAAWE,EAAMC,EAAA,eAAe,wBAAwB,EACxD,UAAW,EACX,OAAQ,CACN,MAAO,CACL,UAAW,CAAA,CACb,CAEJ,EACA,OAAQ,CACN,WAAY,CACV,MAAO,CACL,GAAGH,EAAM,cAAc,eAAgBC,CAAI,CAAA,CAE/C,EACA,OAAQ,CACN,QAAS,GACT,OAAQ,QACR,OAAQ,CACV,EACA,UAAW,IACX,OAAQ,CACN,MAAO,CACL,UAAW,GAAA,CACb,CACF,CAEJ,CACF"}

package/build/cjs/components/Chart/Highcharts/options/tooltip.options.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../../react-base/src/theme/variableTheme.js"),a=t=>{const e=t.getVariablesLayer({foundation:"raised"});return{backgroundColor:e[o.VariablesNames.BackgroundFoundation],borderRadius:4,shadow:{color:"rgb(0,0,0)",opacity:.08,offsetX:0,offsetY:1,width:2},style:{color:e[o.VariablesNames.TextOnFoundationStrong],padding:"8px"}}};exports.tooltip=a;
+//# sourceMappingURL=tooltip.options.js.map

package/build/cjs/components/Chart/Highcharts/options/tooltip.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.options.js","sources":["../../../../../../src/components/Chart/Highcharts/options/tooltip.options.ts"],"sourcesContent":["import type { Options } from 'highcharts';\nimport type { DefaultTheme } from 'styled-components';\nimport { VariablesNames } from 'acinguiux-ds-react-base/theme';\n\nexport const tooltip = (theme: DefaultTheme): Options['tooltip'] => {\n  const layer = theme.getVariablesLayer({ foundation: 'raised' });\n\n  return {\n    backgroundColor: layer[VariablesNames.BackgroundFoundation],\n    borderRadius: 4,\n    shadow: {\n      color: 'rgb(0,0,0)',\n      opacity: 0.08,\n      offsetX: 0,\n      offsetY: 1,\n      width: 2,\n    },\n    style: {\n      color: layer[VariablesNames.TextOnFoundationStrong],\n      padding: '8px',\n    },\n  };\n};\n"],"names":["tooltip","theme","layer","VariablesNames"],"mappings":"iLAIaA,EAAWC,GAA4C,CAClE,MAAMC,EAAQD,EAAM,kBAAkB,CAAE,WAAY,SAAU,EAEvD,MAAA,CACL,gBAAiBC,EAAMC,EAAA,eAAe,oBAAoB,EAC1D,aAAc,EACd,OAAQ,CACN,MAAO,aACP,QAAS,IACT,QAAS,EACT,QAAS,EACT,MAAO,CACT,EACA,MAAO,CACL,MAAOD,EAAMC,EAAA,eAAe,sBAAsB,EAClD,QAAS,KAAA,CAEb,CACF"}

package/build/cjs/components/Chart/Recharts/BaseRechartsChart.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),e=require("recharts"),R=require("classnames"),h=require("../../../react-base/src/consts/index.js"),A=require("./BaseRechartsChart.types.js"),B=require("./BaseRechartsChart.styles.js"),g=require("./components/ChartHeader/ChartHeader.js"),r=require("./hooks/useChartElementStyles.js"),S=require("../utils.js"),m=({className:n,size:a=h.Sizes.Medium,type:i=A.BaseRechartsChartTypes.Line,title:x,subtitle:o,children:u,elements:t=[],withBrush:d,xAxisDataKey:C,yAxisDataKey:j,...l})=>{const[q,p]=S.getChartElements(i);return s.jsxs(B.ChartWrapper,{className:R(h.CHART_CLASS,n),$size:a,children:[s.jsx(g,{title:x,subtitle:o,size:a}),s.jsx(e.ResponsiveContainer,{width:"100%",height:400,children:s.jsxs(q,{...l,children:[u,t==null?void 0:t.map((c,y)=>s.jsx(p,{dataKey:c,...r(i,y)},c)),s.jsx(e.XAxis,{dataKey:C,...r("xAxis")}),s.jsx(e.YAxis,{dataKey:j,...r("yAxis")}),s.jsx(e.CartesianGrid,{...r("cartesianGrid")}),s.jsx(e.Tooltip,{...r("tooltip")}),s.jsx(e.Legend,{...r("legend")}),d&&s.jsx(e.Brush,{...r("brush")})]})})]})};module.exports=m;
+//# sourceMappingURL=BaseRechartsChart.js.map

package/build/cjs/components/Chart/Recharts/BaseRechartsChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRechartsChart.js","sources":["../../../../../src/components/Chart/Recharts/BaseRechartsChart.tsx"],"sourcesContent":["import { ResponsiveContainer, XAxis, YAxis, Tooltip, Legend, CartesianGrid, Brush } from 'recharts';\nimport classNames from 'classnames';\nimport { CHART_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport { type IBaseRechartsChartProps, BaseRechartsChartTypes } from './BaseRechartsChart.types';\nimport * as Styled from './BaseRechartsChart.styles';\nimport ChartHeader from './components/ChartHeader/ChartHeader';\nimport useChartElementStyles from './hooks/useChartElementStyles';\nimport { getChartElements } from '../utils';\n\nconst BaseRechartsChart = ({\n  className,\n  size = Sizes.Medium,\n  type = BaseRechartsChartTypes.Line,\n  title,\n  subtitle,\n  children,\n  elements = [],\n  withBrush,\n  xAxisDataKey,\n  yAxisDataKey,\n  ...rest\n}: IBaseRechartsChartProps) => {\n  const [Chart, ChartElement] = getChartElements(type);\n\n  return (\n    <Styled.ChartWrapper className={classNames(CHART_CLASS, className)} $size={size}>\n      <ChartHeader title={title} subtitle={subtitle} size={size} />\n      <ResponsiveContainer width=\"100%\" height={400}>\n        <Chart {...rest}>\n          {children}\n          {elements?.map((element, index) => (\n            <ChartElement key={element} dataKey={element} {...useChartElementStyles(type, index)} />\n          ))}\n          <XAxis dataKey={xAxisDataKey} {...useChartElementStyles('xAxis')} />\n          <YAxis dataKey={yAxisDataKey} {...useChartElementStyles('yAxis')} />\n          <CartesianGrid {...useChartElementStyles('cartesianGrid')} />\n          <Tooltip {...useChartElementStyles('tooltip')} />\n          <Legend {...useChartElementStyles('legend')} />\n          {withBrush && <Brush {...useChartElementStyles('brush')} />}\n        </Chart>\n      </ResponsiveContainer>\n    </Styled.ChartWrapper>\n  );\n};\n\nexport default BaseRechartsChart;\n"],"names":["BaseRechartsChart","className","size","Sizes","type","BaseRechartsChartTypes","title","subtitle","children","elements","withBrush","xAxisDataKey","yAxisDataKey","rest","Chart","ChartElement","getChartElements","jsxs","Styled.ChartWrapper","classNames","CHART_CLASS","jsx","ChartHeader","ResponsiveContainer","element","index","useChartElementStyles","XAxis","YAxis","CartesianGrid","Tooltip","Legend","Brush"],"mappings":"sWAUMA,EAAoB,CAAC,CACzB,UAAAC,EACA,KAAAC,EAAOC,EAAM,MAAA,OACb,KAAAC,EAAOC,EAAuB,uBAAA,KAC9B,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,UAAAC,EACA,aAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAA+B,CAC7B,KAAM,CAACC,EAAOC,CAAY,EAAIC,EAAAA,iBAAiBZ,CAAI,EAGjD,OAAAa,OAACC,EAAAA,aAAA,CAAoB,UAAWC,EAAWC,cAAanB,CAAS,EAAG,MAAOC,EACzE,SAAA,CAACmB,EAAAA,IAAAC,EAAA,CAAY,MAAAhB,EAAc,SAAAC,EAAoB,KAAAL,CAAY,CAAA,EAC3DmB,EAAAA,IAACE,EAAAA,qBAAoB,MAAM,OAAO,OAAQ,IACxC,SAAAN,EAAA,KAACH,EAAO,CAAA,GAAGD,EACR,SAAA,CAAAL,EACAC,GAAA,YAAAA,EAAU,IAAI,CAACe,EAASC,IACtBJ,EAAAA,IAAAN,EAAA,CAA2B,QAASS,EAAU,GAAGE,EAAsBtB,EAAMqB,CAAK,CAAA,EAAhED,CAAmE,SAEvFG,EAAM,MAAA,CAAA,QAAShB,EAAe,GAAGe,EAAsB,OAAO,EAAG,QACjEE,EAAM,MAAA,CAAA,QAAShB,EAAe,GAAGc,EAAsB,OAAO,EAAG,EACjEL,EAAAA,IAAAQ,EAAAA,cAAA,CAAe,GAAGH,EAAsB,eAAe,CAAG,CAAA,EAC1DL,EAAAA,IAAAS,EAAAA,QAAA,CAAS,GAAGJ,EAAsB,SAAS,CAAG,CAAA,EAC9CL,EAAAA,IAAAU,EAAAA,OAAA,CAAQ,GAAGL,EAAsB,QAAQ,CAAG,CAAA,EAC5ChB,GAAcW,EAAA,IAAAW,EAAA,MAAA,CAAO,GAAGN,EAAsB,OAAO,CAAG,CAAA,CAAA,CAAA,CAC3D,CACF,CAAA,CAAA,EACF,CAEJ"}

package/build/cjs/components/Chart/Recharts/BaseRechartsChart.styles.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),r=require("../../../react-base/src/consts/index.js"),i=e.div`
+  ${({$size:t})=>e.css`
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: ${t===r.Sizes.Large?"40px":"28px"};
+    width: 100%;
+  `}
+`;exports.ChartWrapper=i;
+//# sourceMappingURL=BaseRechartsChart.styles.js.map

package/build/cjs/components/Chart/Recharts/BaseRechartsChart.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRechartsChart.styles.js","sources":["../../../../../src/components/Chart/Recharts/BaseRechartsChart.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { Transient } from 'acinguiux-ds-react-base/types';\n\nimport type { IBaseRechartsChartProps } from './BaseRechartsChart.types';\n\nconst ChartWrapper = styled.div<Transient<IBaseRechartsChartProps, 'size'>>`\n  ${({ $size }) => css`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: ${$size === Sizes.Large ? '40px' : '28px'};\n    width: 100%;\n  `}\n`;\n\nexport { ChartWrapper };\n"],"names":["ChartWrapper","styled","$size","css","Sizes"],"mappings":"sMAMMA,EAAeC,EAAO;AAAA,IACxB,CAAC,CAAE,MAAAC,CAAA,IAAYC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAKRD,IAAUE,EAAA,MAAM,MAAQ,OAAS,MAAM;AAAA;AAAA,GAE/C;AAAA"}

package/build/cjs/components/Chart/Recharts/BaseRechartsChart.types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var r=(e=>(e.Line="line",e.Area="area",e.Bar="bar",e))(r||{});exports.BaseRechartsChartTypes=r;
+//# sourceMappingURL=BaseRechartsChart.types.js.map

package/build/cjs/components/Chart/Recharts/BaseRechartsChart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRechartsChart.types.js","sources":["../../../../../src/components/Chart/Recharts/BaseRechartsChart.types.tsx"],"sourcesContent":["import type { CategoricalChartProps } from 'recharts/types/chart/generateCategoricalChart';\n\nimport type { IChartProps } from '../Chart.types';\n\nexport enum BaseRechartsChartTypes {\n  Line = 'line',\n  Area = 'area',\n  Bar = 'bar',\n}\n\nexport interface IBaseRechartsChartProps extends CategoricalChartProps, IChartProps {\n  type?: BaseRechartsChartTypes;\n  title?: string;\n  subtitle?: string;\n  elements?: string[];\n  withBrush?: boolean;\n  isFilled?: boolean;\n  xAxisDataKey?: string;\n  yAxisDataKey?: string;\n}\n"],"names":["BaseRechartsChartTypes"],"mappings":"4GAIY,IAAAA,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,KAAO,OACPA,EAAA,IAAM,MAHIA,IAAAA,GAAA,CAAA,CAAA"}

package/build/cjs/components/Chart/Recharts/components/ChartHeader/ChartHeader.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("./ChartHeader.styles.js"),h=({size:t,title:s,subtitle:i,alignment:a,children:n})=>e.jsxs(r.ChartHeader,{$size:t,$alignment:a,children:[e.jsx(r.ChartTitle,{children:s}),e.jsx(r.ChartSubtitle,{children:i}),n]});module.exports=h;
+//# sourceMappingURL=ChartHeader.js.map

package/build/cjs/components/Chart/Recharts/components/ChartHeader/ChartHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHeader.js","sources":["../../../../../../../src/components/Chart/Recharts/components/ChartHeader/ChartHeader.tsx"],"sourcesContent":["import * as Styled from './ChartHeader.styles';\nimport type { IChartHeaderProps } from './ChartHeader.types';\n\nconst ChartHeader = ({ size, title, subtitle, alignment, children }: IChartHeaderProps) => (\n  <Styled.ChartHeader $size={size} $alignment={alignment}>\n    <Styled.ChartTitle>{title}</Styled.ChartTitle>\n    <Styled.ChartSubtitle>{subtitle}</Styled.ChartSubtitle>\n    {children}\n  </Styled.ChartHeader>\n);\n\nexport default ChartHeader;\n"],"names":["ChartHeader","size","title","subtitle","alignment","children","jsxs","Styled.ChartHeader","jsx","Styled.ChartTitle","Styled.ChartSubtitle"],"mappings":"uFAGMA,EAAc,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,SAAAC,EAAU,UAAAC,EAAW,SAAAC,CAAA,IACvDC,EAAAA,KAACC,EAAAA,YAAA,CAAmB,MAAON,EAAM,WAAYG,EAC3C,SAAA,CAACI,EAAAA,IAAAC,EAAA,WAAA,CAAmB,SAAMP,CAAA,CAAA,EACzBM,EAAAA,IAAAE,EAAA,cAAA,CAAsB,SAASP,CAAA,CAAA,EAC/BE,CAAA,CACH,CAAA"}

package/build/cjs/components/Chart/Recharts/components/ChartHeader/ChartHeader.styles.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),r=require("../../../../../react-base/src/consts/index.js"),o=require("../../../../../react-base/src/theme/variableTheme.js"),l=require("../../utils/chartHeaderUtils.js"),i=e.span``,n=e.span``,u=e.div`
+  ${({$size:t,$alignment:s,theme:a})=>e.css`
+    display: flex;
+    flex-direction: column;
+    justify-content: ${l.getChartHeaderAlignment(s)};
+    gap: ${t===r.Sizes.Large?"20px":"12px"};
+
+    ${i} {
+      ${a.getTypography("heading",t===r.Sizes.Large?"h2":"h3")};
+    }
+
+    ${n} {
+      ${a.getTypography("heading",t===r.Sizes.Large?"h3":"h4")};
+      color: ${a.getVariablesLayer({foundation:"surface"})[o.VariablesNames.TextOnFoundationSubtle]};
+    }
+  `}
+`;exports.ChartHeader=u;exports.ChartSubtitle=n;exports.ChartTitle=i;
+//# sourceMappingURL=ChartHeader.styles.js.map