acinguiux-ds-react-framework 0.1.18 → 0.1.20

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

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

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

@@ -1 +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 { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { CardConsts } from 'acinguiux-ds-react-base/components/Card';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { getParagraphTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { ICardProps, IInsetCardProps } from './Card.types';\nimport { CardBar } from './components/CardBar/CardBar.styles';\n\ntype CardStylePropKeys = 'outlined' | 'direction' | 'isClickable' | 'size';\n\nconst Card = styled.div<Required<PickTransient<ICardProps, CardStylePropKeys>>>`\n  ${({ $size, $outlined, $direction, $isClickable, theme }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      display: flex;\n      flex-direction: ${$direction === Directions.Vertical ? 'column' : 'row'};\n      width: 100%;\n      background-color: ${layer[Variables.BackgroundFoundation]};\n      ${$outlined &&\n      css`\n        border: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n      `};\n      transition: filter 0.3s ease;\n      border-radius: ${CardConsts.consts[$size].borderRadius}px;\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        &:active {\n          filter: ${theme.dropShadows.low1};\n        }\n      `}\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  }};\n`;\n\nconst InsetCard = styled(Card)<PickTransient<IInsetCardProps, 'backgroundImage' | 'interactive'>>`\n  ${({ $size = `${Sizes.Medium}`, $backgroundImage, $interactive }) => css`\n    position: relative;\n    align-items: flex-end;\n    height: 100%;\n    padding: ${CardConsts.consts[$size].padding}px;\n\n    & > ${CardBar} {\n      padding: ${CardConsts.consts[$size].innerCardPadding}px;\n      position: relative;\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      border-radius: ${CardConsts.consts[$size].borderRadius}px;\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\ntype CardBodyStylePropKeys = 'padding' | 'bgColor' | 'direction' | 'borders';\n\nconst CardBody = styled.div<\n  Required<PickTransient<ICardProps, 'size'>> &\n    PickTransient<ICardProps, CardBodyStylePropKeys> & {\n      $withHeader?: boolean;\n      $withFooter?: boolean;\n    }\n>`\n  ${({ $size, $padding, $bgColor, $withHeader, $withFooter, $direction, theme }) => {\n    const layer = theme.layer({ foundation: $bgColor ? 'section' : 'surface' });\n\n    return css`\n      ${theme.typography('paragraph', getParagraphTypographySize($size))};\n      display: grid;\n      flex-grow: 1;\n      color: ${layer[Variables.TextOnFoundationStrong]};\n      background-color: ${layer[Variables.BackgroundFoundation]};\n\n      ${$padding &&\n      css`\n        padding: ${CardConsts.consts[$size].padding}px;\n      `}\n\n      ${$direction === Directions.Horizontal &&\n      !$withHeader &&\n      css`\n        border-top-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n        border-bottom-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n      `}\n      \n      ${$direction === Directions.Horizontal &&\n      !$withFooter &&\n      css`\n        border-top-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n        border-bottom-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n      `}\n\n      ${$direction === Directions.Vertical &&\n      !$withHeader &&\n      css`\n        border-top-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n        border-top-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n      `}\n\n      ${$direction === Directions.Vertical &&\n      !$withFooter &&\n      css`\n        border-bottom-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n        border-bottom-left-radius: ${CardConsts.consts[$size].borderRadius}px;\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","$outlined","$direction","$isClickable","theme","layer","css","Directions","Variables","CardConsts.consts","getFocusStyles","InsetCard","Sizes","$backgroundImage","$interactive","CardBar","CardBody","$padding","$bgColor","$withHeader","$withFooter","getParagraphTypographySize"],"mappings":"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"}
+{"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 { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { CardConsts } from 'acinguiux-ds-react-base/components/Card';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { getParagraphTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { ICardProps, IInsetCardProps } from './Card.types';\nimport { CardBar } from './components/CardBar/CardBar.styles';\n\ntype CardStylePropKeys = 'outlined' | 'direction' | 'isClickable' | 'size';\n\nconst Card = styled.div<Required<PickTransient<ICardProps, CardStylePropKeys>>>(\n  ({ $size, $outlined, $direction, $isClickable, theme }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      display: flex;\n      flex-direction: ${$direction === Directions.Vertical ? 'column' : 'row'};\n      width: 100%;\n      background-color: ${layer[Variables.BackgroundFoundation]};\n      ${$outlined &&\n      css`\n        border: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n      `};\n      transition: filter 0.3s ease;\n      border-radius: ${CardConsts.consts[$size].borderRadius}px;\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        &:active {\n          filter: ${theme.dropShadows.low1};\n        }\n      `}\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  },\n);\n\nconst InsetCardBody = styled.div`\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.5s;\n`;\n\nconst InsetCard = styled(Card)<\n  PickTransient<IInsetCardProps, 'backgroundImage' | 'backgroundPosition' | 'interactive'>\n>(\n  ({ $size = `${Sizes.Medium}`, $backgroundImage, $interactive, $backgroundPosition = 'center', theme }) => css`\n    position: relative;\n    align-items: flex-end;\n    height: 100%;\n    padding: ${CardConsts.consts[$size].padding}px;\n    border-radius: ${CardConsts.consts[$size].borderRadius}px;\n    background-color: ${theme.layer()[Variables.BackgroundFoundation]};\n    overflow: hidden;\n\n    & > ${CardBar} {\n      padding: ${CardConsts.consts[$size].innerCardPadding}px;\n      position: relative;\n    }\n\n    & > ${InsetCardBody} {\n      ${$backgroundImage &&\n      css`\n        background-image: url(${$backgroundImage});\n        background-position: ${$backgroundPosition};\n        background-size: cover;\n      `}\n    }\n\n    ${$interactive &&\n    css`\n      &:hover > ${InsetCardBody} {\n        transform: scale(1.05);\n      }\n    `}\n  `,\n);\n\ntype CardBodyStylePropKeys = 'padding' | 'bgColor' | 'direction' | 'borders';\n\nconst CardBody = styled.div<\n  Required<PickTransient<ICardProps, 'size'>> &\n    PickTransient<ICardProps, CardBodyStylePropKeys> & {\n      $withHeader?: boolean;\n      $withFooter?: boolean;\n    }\n>(({ $size, $padding, $bgColor, $withHeader, $withFooter, $direction, theme }) => {\n  const layer = theme.layer({ foundation: $bgColor ? 'section' : 'surface' });\n\n  return css`\n    ${theme.typography('paragraph', getParagraphTypographySize($size))};\n    display: grid;\n    flex-grow: 1;\n    color: ${layer[Variables.TextOnFoundationStrong]};\n    background-color: ${layer[Variables.BackgroundFoundation]};\n\n    ${$padding &&\n    css`\n      padding: ${CardConsts.consts[$size].padding}px;\n    `}\n\n    ${$direction === Directions.Horizontal &&\n    !$withHeader &&\n    css`\n      border-top-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-bottom-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n      \n      ${$direction === Directions.Horizontal &&\n    !$withFooter &&\n    css`\n      border-top-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-bottom-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n\n      ${$direction === Directions.Vertical &&\n    !$withHeader &&\n    css`\n      border-top-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-top-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n\n      ${$direction === Directions.Vertical &&\n    !$withFooter &&\n    css`\n      border-bottom-right-radius: ${CardConsts.consts[$size].borderRadius}px;\n      border-bottom-left-radius: ${CardConsts.consts[$size].borderRadius}px;\n    `}\n\n      > img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n  `;\n});\n\nexport { Card, InsetCard, InsetCardBody, CardBody };\n"],"names":["Card","styled","$size","$outlined","$direction","$isClickable","theme","layer","css","Directions","Variables","CardConsts.consts","getFocusStyles","InsetCardBody","InsetCard","Sizes","$backgroundImage","$interactive","$backgroundPosition","CardBar","CardBody","$padding","$bgColor","$withHeader","$withFooter","getParagraphTypographySize"],"mappings":"4dAaMA,EAAOC,EAAAA,OAAO,IAClB,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,WAAAC,EAAY,aAAAC,EAAc,MAAAC,KAAY,CACzD,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,OAAOE,EAAAA;AAAAA;AAAAA,wBAEaJ,IAAeK,EAAAA,WAAW,SAAW,SAAW,KAAK;AAAA;AAAA,0BAEnDF,EAAMG,YAAU,oBAAoB,CAAC;AAAA,QACvDP,GACFK,EAAAA;AAAAA,4BACsBD,EAAMG,YAAU,wBAAwB,CAAC;AAAA,OAC9D;AAAA;AAAA,uBAEgBC,EAAAA,OAAkBT,CAAK,EAAE,YAAY;AAAA;AAAA,QAEpDG,GACFG,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,oBAMcF,EAAM,YAAY,IAAI;AAAA;AAAA;AAAA;AAAA,oBAItBA,EAAM,YAAY,IAAI;AAAA;AAAA,OAEnC;AAAA;AAAA;AAAA,UAGGM,EAAAA,eAAeN,CAAK,CAAC;AAAA;AAAA,KAG7B,CACF,EAEMO,EAAgBZ,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUvBa,EAAYb,EAAAA,OAAOD,CAAI,EAG3B,CAAC,CAAE,MAAAE,EAAQ,GAAGa,EAAAA,MAAM,MAAM,GAAI,iBAAAC,EAAkB,aAAAC,EAAc,oBAAAC,EAAsB,SAAU,MAAAZ,CAAA,IAAYE,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,eAI7FG,EAAAA,OAAkBT,CAAK,EAAE,OAAO;AAAA,qBAC1BS,EAAAA,OAAkBT,CAAK,EAAE,YAAY;AAAA,wBAClCI,EAAM,MAAA,EAAQI,EAAAA,UAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,UAG3DS,SAAO;AAAA,iBACAR,EAAAA,OAAkBT,CAAK,EAAE,gBAAgB;AAAA;AAAA;AAAA;AAAA,UAIhDW,CAAa;AAAA,QACfG,GACFR,EAAAA;AAAAA,gCAC0BQ,CAAgB;AAAA,+BACjBE,CAAmB;AAAA;AAAA,OAE3C;AAAA;AAAA;AAAA,MAGDD,GACFT,EAAAA;AAAAA,kBACcK,CAAa;AAAA;AAAA;AAAA,KAG1B;AAAA,GAEL,EAIMO,EAAWnB,EAAAA,OAAO,IAMtB,CAAC,CAAE,MAAAC,EAAO,SAAAmB,EAAU,SAAAC,EAAU,YAAAC,EAAa,YAAAC,EAAa,WAAApB,EAAY,MAAAE,CAAA,IAAY,CAChF,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAYgB,EAAW,UAAY,UAAW,EAE1E,OAAOd,EAAAA;AAAAA,MACHF,EAAM,WAAW,YAAamB,EAAAA,2BAA2BvB,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA,aAGzDK,EAAMG,YAAU,sBAAsB,CAAC;AAAA,wBAC5BH,EAAMG,YAAU,oBAAoB,CAAC;AAAA;AAAA,MAEvDW,GACFb,EAAAA;AAAAA,iBACaG,EAAAA,OAAkBT,CAAK,EAAE,OAAO;AAAA,KAC5C;AAAA;AAAA,MAECE,IAAeK,EAAAA,WAAW,YAC5B,CAACc,GACDf,EAAAA;AAAAA,gCAC4BG,EAAAA,OAAkBT,CAAK,EAAE,YAAY;AAAA,mCAClCS,EAAAA,OAAkBT,CAAK,EAAE,YAAY;AAAA,KACnE;AAAA;AAAA,QAEGE,IAAeK,EAAAA,WAAW,YAC9B,CAACe,GACDhB,EAAAA;AAAAA,iCAC6BG,EAAAA,OAAkBT,CAAK,EAAE,YAAY;AAAA,oCAClCS,EAAAA,OAAkBT,CAAK,EAAE,YAAY;AAAA,KACpE;AAAA;AAAA,QAEGE,IAAeK,EAAAA,WAAW,UAC9B,CAACc,GACDf,EAAAA;AAAAA,gCAC4BG,EAAAA,OAAkBT,CAAK,EAAE,YAAY;AAAA,iCACpCS,EAAAA,OAAkBT,CAAK,EAAE,YAAY;AAAA,KACjE;AAAA;AAAA,QAEGE,IAAeK,EAAAA,WAAW,UAC9B,CAACe,GACDhB,EAAAA;AAAAA,oCACgCG,EAAAA,OAAkBT,CAAK,EAAE,YAAY;AAAA,mCACtCS,EAAAA,OAAkBT,CAAK,EAAE,YAAY;AAAA,KACnE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQL,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),$=require("react"),C=require("classnames"),e=require("../../react-base/src/consts/index.js"),m=require("./Card.styles.js"),x=require("./components/CardBar/CardBar.js"),f=require("../../react-base/src/consts/classes.js"),g=$.forwardRef(({className:n,size:r=`${e.Sizes.Medium}`,bar:s,borders:j,outlined:c=!1,fullBar:o,interactive:a,onClick:i,isClickable:d,backgroundImage:u,...l},q)=>t.jsx(m.InsetCard,{ref:q,className:C(f.CARD_CLASS,n),$size:r,$direction:e.Directions.Horizontal,$outlined:c,$isClickable:!!d||!!i,$interactive:a,onClick:i,$backgroundImage:u,...l,children:!!s&&t.jsx(x,{size:r,bar:s,fullBar:o,padding:!0,direction:e.Directions.Vertical,type:"floatingFooter"})}));module.exports=g;
+"use strict";const e=require("react/jsx-runtime"),g=require("react"),m=require("classnames"),r=require("../../react-base/src/consts/index.js"),n=require("./Card.styles.js"),f=require("./components/CardBar/CardBar.js"),j=require("../../react-base/src/consts/classes.js"),I=g.forwardRef(({className:o,size:s=`${r.Sizes.Medium}`,bar:i,borders:b,outlined:a=!1,fullBar:c,interactive:d,onClick:t,isClickable:u,backgroundImage:l,backgroundPosition:$,children:q,...C},x)=>e.jsxs(n.InsetCard,{ref:x,className:m(j.CARD_CLASS,o),$size:s,$direction:r.Directions.Horizontal,$outlined:a,$isClickable:!!u||!!t,$interactive:d,onClick:t,$backgroundPosition:$,$backgroundImage:l,...C,children:[e.jsx(n.InsetCardBody,{children:q}),!!i&&e.jsx(f,{size:s,bar:i,fullBar:c,padding:!0,direction:r.Directions.Vertical,type:"floatingFooter"})]}));module.exports=I;
 //# sourceMappingURL=InsetCard.js.map

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

@@ -1 +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, Directions } 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      outlined = false,\n      fullBar,\n      interactive,\n      onClick,\n      isClickable,\n      backgroundImage,\n      ...rest\n    },\n    ref,\n  ) => (\n    <Styled.InsetCard\n      ref={ref}\n      className={classNames(CARD_CLASS, className)}\n      $size={size}\n      $direction={Directions.Horizontal}\n      $outlined={outlined}\n      $isClickable={!!isClickable || !!onClick}\n      $interactive={interactive}\n      onClick={onClick}\n      $backgroundImage={backgroundImage}\n      {...rest}\n    >\n      {!!bar && (\n        <CardBar\n          size={size}\n          bar={bar}\n          fullBar={fullBar}\n          padding={true}\n          direction={Directions.Vertical}\n          type=\"floatingFooter\"\n        />\n      )}\n    </Styled.InsetCard>\n  ),\n);\n\nexport default InsetCard;\n"],"names":["InsetCard","forwardRef","className","size","Sizes","bar","borders","outlined","fullBar","interactive","onClick","isClickable","backgroundImage","rest","ref","jsx","Styled.InsetCard","classNames","CARD_CLASS","Directions","CardBar"],"mappings":"8QASMA,EAAYC,EAAAA,WAChB,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,IAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EACA,YAAAC,EACA,QAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,GAAGC,CAAA,EAELC,IAEAC,EAAAA,IAACC,EAAAA,UAAA,CACC,IAAAF,EACA,UAAWG,EAAWC,EAAAA,WAAYhB,CAAS,EAC3C,MAAOC,EACP,WAAYgB,EAAAA,WAAW,WACvB,UAAWZ,EACX,aAAc,CAAC,CAACI,GAAe,CAAC,CAACD,EACjC,aAAcD,EACd,QAAAC,EACA,iBAAkBE,EACjB,GAAGC,EAEH,SAAA,CAAC,CAACR,GACDU,EAAAA,IAACK,EAAA,CACC,KAAAjB,EACA,IAAAE,EACA,QAAAG,EACA,QAAS,GACT,UAAWW,EAAAA,WAAW,SACtB,KAAK,gBAAA,CAAA,CACP,CAAA,CAIR"}
+{"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, Directions } 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      outlined = false,\n      fullBar,\n      interactive,\n      onClick,\n      isClickable,\n      backgroundImage,\n      backgroundPosition,\n      children,\n      ...rest\n    },\n    ref,\n  ) => (\n    <Styled.InsetCard\n      ref={ref}\n      className={classNames(CARD_CLASS, className)}\n      $size={size}\n      $direction={Directions.Horizontal}\n      $outlined={outlined}\n      $isClickable={!!isClickable || !!onClick}\n      $interactive={interactive}\n      onClick={onClick}\n      $backgroundPosition={backgroundPosition}\n      $backgroundImage={backgroundImage}\n      {...rest}\n    >\n      <Styled.InsetCardBody>{children}</Styled.InsetCardBody>\n      {!!bar && (\n        <CardBar\n          size={size}\n          bar={bar}\n          fullBar={fullBar}\n          padding={true}\n          direction={Directions.Vertical}\n          type=\"floatingFooter\"\n        />\n      )}\n    </Styled.InsetCard>\n  ),\n);\n\nexport default InsetCard;\n"],"names":["InsetCard","forwardRef","className","size","Sizes","bar","borders","outlined","fullBar","interactive","onClick","isClickable","backgroundImage","backgroundPosition","children","rest","ref","jsxs","Styled.InsetCard","classNames","CARD_CLASS","Directions","jsx","Styled.InsetCardBody","CardBar"],"mappings":"8QASMA,EAAYC,EAAAA,WAChB,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,IAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EACA,YAAAC,EACA,QAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,SAAAC,EACA,GAAGC,CAAA,EAELC,IAEAC,EAAAA,KAACC,EAAAA,UAAA,CACC,IAAAF,EACA,UAAWG,EAAWC,EAAAA,WAAYlB,CAAS,EAC3C,MAAOC,EACP,WAAYkB,EAAAA,WAAW,WACvB,UAAWd,EACX,aAAc,CAAC,CAACI,GAAe,CAAC,CAACD,EACjC,aAAcD,EACd,QAAAC,EACA,oBAAqBG,EACrB,iBAAkBD,EACjB,GAAGG,EAEJ,SAAA,CAAAO,MAACC,EAAAA,cAAA,CAAsB,SAAAT,EAAS,EAC/B,CAAC,CAACT,GACDiB,EAAAA,IAACE,EAAA,CACC,KAAArB,EACA,IAAAE,EACA,QAAAG,EACA,QAAS,GACT,UAAWa,EAAAA,WAAW,SACtB,KAAK,gBAAA,CAAA,CACP,CAAA,CAAA,CAIR"}

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

@@ -1,2 +1,2 @@
-"use strict";var l=Object.create;var a=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var R=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of g(e))!m.call(s,r)&&r!==t&&a(s,r,{get:()=>e[r],enumerable:!(i=q(e,r))||i.enumerable});return s};var x=(s,e,t)=>(t=s!=null?l(H(s)):{},R(e||!s||!s.__esModule?a(t,"default",{value:s,enumerable:!0}):t,s));const o=require("react/jsx-runtime"),c=require("react"),C=require("../../../react-base/src/consts/index.js"),h=require("highcharts"),w=require("highcharts-react-official"),j=require("classnames"),p=require("./HighchartsChart.styles.js"),y=require("./hooks/useHighchartsOptions.js"),N=require("../../../react-base/src/consts/classes.js");let u=!1;const O=c.forwardRef(({className:s,containerProps:e,...t},i)=>o.jsx(w.HighchartsReact,{ref:i,containerProps:{...e,className:j(s,N.CHART_CLASS,e==null?void 0:e.className)},...t})),S=c.forwardRef(({size:s=C.Sizes.Medium,highcharts:e=h,options:t,option:i=[],...r},n)=>{const f=y(t,s,i);return c.useEffect(()=>{!u&&typeof window<"u"&&import("highcharts/modules/accessibility").then(d=>{d.default(h),u=!0})},[]),o.jsx(p.Highcharts,{as:O,ref:n,highcharts:e,options:f,...r})});module.exports=S;
+"use strict";const c=require("react/jsx-runtime"),i=require("react"),h=require("../../../react-base/src/consts/index.js"),u=require("highcharts"),q=require("highcharts-react-official"),g=require("classnames");require("highcharts/modules/accessibility");const H=require("./HighchartsChart.styles.js"),R=require("./hooks/useHighchartsOptions.js"),f=require("../../../react-base/src/consts/classes.js"),l=i.forwardRef(({className:e,containerProps:s,...r},t)=>c.jsx(q.HighchartsReact,{ref:t,containerProps:{...s,className:g(e,f.CHART_CLASS,s?.className)},...r})),m=i.forwardRef(({size:e=h.Sizes.Medium,highcharts:s=u,options:r,option:t=[],...a},o)=>{const n=R(r,e,t);return c.jsx(H.Highcharts,{as:l,ref:o,highcharts:s,options:n,...a})});module.exports=m;
 //# sourceMappingURL=HighchartsChart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HighchartsChart.js","sources":["../../../../../src/components/Chart/Highcharts/HighchartsChart.tsx"],"sourcesContent":["import { forwardRef, useEffect } from 'react';\n\nimport { CHART_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport Highcharts from 'highcharts';\nimport { HighchartsReact, HighchartsReactProps, HighchartsReactRefObject } from 'highcharts-react-official';\nimport cx from 'classnames';\n\n// Import accessibility module dynamically on client side to avoid SSR issues\nlet accessibilityLoaded = false;\n\nimport type { IHighchartsChartProps } from './HighchartsChart.types';\nimport * as Styled from './HighchartsChart.styles';\nimport useHighchartsOptions from './hooks/useHighchartsOptions';\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    // Load accessibility module on client side\n    useEffect(() => {\n      if (!accessibilityLoaded && typeof window !== 'undefined') {\n        import('highcharts/modules/accessibility').then((module) => {\n          module.default(Highcharts);\n          accessibilityLoaded = true;\n        });\n      }\n    }, []);\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":["accessibilityLoaded","HighchartsReactComponent","forwardRef","className","containerProps","rest","ref","jsx","HighchartsReact","cx","CHART_CLASS","HighchartsChart","size","Sizes","highcharts","Highcharts","options","option","sdsOptions","useHighchartsOptions","useEffect","module","Styled.Highcharts"],"mappings":"yyBAQA,IAAIA,EAAsB,GAM1B,MAAMC,EAA2BC,EAAAA,WAC/B,CAAC,CAAE,UAAAC,EAAW,eAAAC,EAAgB,GAAGC,CAAA,EAAQC,IACvCC,EAAAA,IAACC,EAAAA,gBAAA,CACC,IAAAF,EACA,eAAgB,CAAE,GAAGF,EAAgB,UAAWK,EAAGN,EAAWO,EAAAA,YAAaN,GAAA,YAAAA,EAAgB,SAAS,CAAA,EACnG,GAAGC,CAAA,CAAA,CAGV,EAEMM,EAAkBT,EAAAA,WACtB,CAAC,CAAE,KAAAU,EAAOC,QAAM,OAAQ,WAAAC,EAAaC,EAAY,QAAAC,EAAS,OAAAC,EAAS,CAAA,EAAI,GAAGZ,CAAA,EAAQC,IAAQ,CACxF,MAAMY,EAAaC,EAAqBH,EAASJ,EAAMK,CAAM,EAG7DG,OAAAA,EAAAA,UAAU,IAAM,CACV,CAACpB,GAAuB,OAAO,OAAW,KAC5C,OAAO,kCAAkC,EAAE,KAAMqB,GAAW,CAC1DA,EAAO,QAAQN,CAAU,EACzBf,EAAsB,EACxB,CAAC,CAEL,EAAG,CAAA,CAAE,EAGHO,EAAAA,IAACe,EAAAA,WAAA,CACC,GAAIrB,EACJ,IAAAK,EACA,WAAAQ,EACA,QAASI,EACR,GAAGb,CAAA,CAAA,CAGV,CACF"}
+{"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 { HighchartsReact, HighchartsReactProps, HighchartsReactRefObject } from 'highcharts-react-official';\nimport cx from 'classnames';\nimport 'highcharts/modules/accessibility';\n\nimport type { IHighchartsChartProps } from './HighchartsChart.types';\nimport * as Styled from './HighchartsChart.styles';\nimport useHighchartsOptions from './hooks/useHighchartsOptions';\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":["HighchartsReactComponent","forwardRef","className","containerProps","rest","ref","jsx","HighchartsReact","cx","CHART_CLASS","HighchartsChart","size","Sizes","highcharts","Highcharts","options","option","sdsOptions","useHighchartsOptions","Styled.Highcharts"],"mappings":"gZAYMA,EAA2BC,EAAAA,WAC/B,CAAC,CAAE,UAAAC,EAAW,eAAAC,EAAgB,GAAGC,CAAA,EAAQC,IACvCC,EAAAA,IAACC,EAAAA,gBAAA,CACC,IAAAF,EACA,eAAgB,CAAE,GAAGF,EAAgB,UAAWK,EAAGN,EAAWO,EAAAA,YAAaN,GAAgB,SAAS,CAAA,EACnG,GAAGC,CAAA,CAAA,CAGV,EAEMM,EAAkBT,EAAAA,WACtB,CAAC,CAAE,KAAAU,EAAOC,QAAM,OAAQ,WAAAC,EAAaC,EAAY,QAAAC,EAAS,OAAAC,EAAS,CAAA,EAAI,GAAGZ,CAAA,EAAQC,IAAQ,CACxF,MAAMY,EAAaC,EAAqBH,EAASJ,EAAMK,CAAM,EAE7D,OACEV,EAAAA,IAACa,EAAAA,WAAA,CACC,GAAInB,EACJ,IAAAK,EACA,WAAAQ,EACA,QAASI,EACR,GAAGb,CAAA,CAAA,CAGV,CACF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useHighchartsOptions.js","sources":["../../../../../../src/components/Chart/Highcharts/hooks/useHighchartsOptions.ts"],"sourcesContent":["import { useTheme } from 'styled-components';\nimport { defaultOptions as highchartsDefaultOptions, merge, type Options } 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) : highchartsDefaultOptions.colors,\n    yAxis: option.includes(Option.Axis) ? yAxis(theme, size) : highchartsDefaultOptions.yAxis,\n    xAxis: option.includes(Option.Axis)\n      ? xAxis(theme, size, options?.xAxis as Options['xAxis'])\n      : highchartsDefaultOptions.xAxis,\n    legend: option.includes(Option.Legend) ? legend(theme, size) : highchartsDefaultOptions.legend,\n\n    tooltip: option.includes(Option.Tooltip) ? tooltip(theme) : highchartsDefaultOptions.tooltip,\n    accessibility: { enabled: true },\n  };\n\n  return merge(defaultOptions, options);\n};\n\nexport default useHighchartsOptions;\n"],"names":["useHighchartsOptions","options","size","option","theme","useTheme","defaultOptions","chart","plotOptions","Option","exporting","colors","highchartsDefaultOptions","yAxis","xAxis","legend","tooltip","merge"],"mappings":"wZAaMA,EAAuB,CAACC,EAA2CC,EAAiBC,IAAyB,CACjH,MAAMC,EAAQC,EAAAA,SAAA,EAERC,EAAqC,CACzC,GAAGC,EAAAA,MAAMH,EAAOF,CAAI,EACpB,YAAaM,EAAAA,YAAYJ,EAAOF,CAAI,EACpC,UAAWC,EAAO,SAASM,EAAAA,OAAO,SAAS,EAAIC,EAAAA,UAAY,CAAE,QAAS,EAAA,EACtE,OAAQP,EAAO,SAASM,SAAO,MAAM,EAAIE,SAAOP,CAAK,EAAIQ,EAAAA,eAAyB,OAClF,MAAOT,EAAO,SAASM,EAAAA,OAAO,IAAI,EAAII,EAAAA,MAAMT,EAAOF,CAAI,EAAIU,EAAAA,eAAyB,MACpF,MAAOT,EAAO,SAASM,EAAAA,OAAO,IAAI,EAC9BK,EAAAA,MAAMV,EAAOF,EAAMD,GAAA,YAAAA,EAAS,KAAyB,EACrDW,EAAAA,eAAyB,MAC7B,OAAQT,EAAO,SAASM,EAAAA,OAAO,MAAM,EAAIM,EAAAA,OAAOX,EAAOF,CAAI,EAAIU,EAAAA,eAAyB,OAExF,QAAST,EAAO,SAASM,SAAO,OAAO,EAAIO,UAAQZ,CAAK,EAAIQ,EAAAA,eAAyB,QACrF,cAAe,CAAE,QAAS,EAAA,CAAK,EAGjC,OAAOK,EAAAA,MAAMX,EAAgBL,CAAO,CACtC"}
+{"version":3,"file":"useHighchartsOptions.js","sources":["../../../../../../src/components/Chart/Highcharts/hooks/useHighchartsOptions.ts"],"sourcesContent":["import { useTheme } from 'styled-components';\nimport { defaultOptions as highchartsDefaultOptions, merge, type Options } 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) : highchartsDefaultOptions.colors,\n    yAxis: option.includes(Option.Axis) ? yAxis(theme, size) : highchartsDefaultOptions.yAxis,\n    xAxis: option.includes(Option.Axis)\n      ? xAxis(theme, size, options?.xAxis as Options['xAxis'])\n      : highchartsDefaultOptions.xAxis,\n    legend: option.includes(Option.Legend) ? legend(theme, size) : highchartsDefaultOptions.legend,\n\n    tooltip: option.includes(Option.Tooltip) ? tooltip(theme) : highchartsDefaultOptions.tooltip,\n    accessibility: { enabled: true },\n  };\n\n  return merge(defaultOptions, options);\n};\n\nexport default useHighchartsOptions;\n"],"names":["useHighchartsOptions","options","size","option","theme","useTheme","defaultOptions","chart","plotOptions","Option","exporting","colors","highchartsDefaultOptions","yAxis","xAxis","legend","tooltip","merge"],"mappings":"wZAaMA,EAAuB,CAACC,EAA2CC,EAAiBC,IAAyB,CACjH,MAAMC,EAAQC,EAAAA,SAAA,EAERC,EAAqC,CACzC,GAAGC,EAAAA,MAAMH,EAAOF,CAAI,EACpB,YAAaM,EAAAA,YAAYJ,EAAOF,CAAI,EACpC,UAAWC,EAAO,SAASM,EAAAA,OAAO,SAAS,EAAIC,EAAAA,UAAY,CAAE,QAAS,EAAA,EACtE,OAAQP,EAAO,SAASM,SAAO,MAAM,EAAIE,SAAOP,CAAK,EAAIQ,EAAAA,eAAyB,OAClF,MAAOT,EAAO,SAASM,EAAAA,OAAO,IAAI,EAAII,EAAAA,MAAMT,EAAOF,CAAI,EAAIU,EAAAA,eAAyB,MACpF,MAAOT,EAAO,SAASM,EAAAA,OAAO,IAAI,EAC9BK,EAAAA,MAAMV,EAAOF,EAAMD,GAAS,KAAyB,EACrDW,EAAAA,eAAyB,MAC7B,OAAQT,EAAO,SAASM,EAAAA,OAAO,MAAM,EAAIM,EAAAA,OAAOX,EAAOF,CAAI,EAAIU,EAAAA,eAAyB,OAExF,QAAST,EAAO,SAASM,SAAO,OAAO,EAAIO,UAAQZ,CAAK,EAAIQ,EAAAA,eAAyB,QACrF,cAAe,CAAE,QAAS,EAAA,CAAK,EAGjC,OAAOK,EAAAA,MAAMX,EAAgBL,CAAO,CACtC"}

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

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

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

@@ -1 +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 { Variables } 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.layer({ foundation: 'surface' });\n\n  return {\n    title: {\n      style: {\n        ...theme.typography('label', size, 'regular'),\n        color: layer[Variables.TextOnFoundationStrong],\n      },\n      align: 'high',\n      x: -10,\n    },\n    gridLineColor: layer[Variables.BorderOnFoundationSubtle],\n    labels: {\n      style: {\n        ...theme.typography('label', size),\n        color: layer[Variables.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.layer({ foundation: 'surface' });\n\n  return {\n    title: {\n      style: {\n        ...theme.typography('label', size, 'regular'),\n        color: layer[Variables.TextOnFoundationStrong],\n      },\n      align: 'high',\n    },\n    crosshair: {\n      width: 1,\n      color: layer[Variables.BorderOnFoundationMedium],\n    },\n    tickColor: layer[Variables.BorderOnFoundationStrong],\n    tickWidth: 1,\n    tickLength: 8,\n    gridLineColor: layer[Variables.BorderOnFoundationSubtle],\n    gridLineDashStyle: 'Dash',\n    gridLineWidth: hasCategories ? 1 : 0,\n    lineColor: layer[Variables.BorderOnFoundationStrong],\n    labels: {\n      style: {\n        ...theme.typography('label', size),\n        color: layer[Variables.TextOnFoundationStrong],\n      },\n      align: hasCategories ? 'center' : 'left',\n    },\n  };\n};\n"],"names":["yAxis","theme","size","layer","Variables","xAxis","options","hasCategories"],"mappings":"+KAMaA,EAAQ,CAACC,EAAqBC,IAAsC,CAC/E,MAAMC,EAAQF,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO,CACL,MAAO,CACL,MAAO,CACL,GAAGA,EAAM,WAAW,QAASC,EAAM,SAAS,EAC5C,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,MAAO,OACP,EAAG,GAAA,EAEL,cAAeD,EAAMC,EAAAA,UAAU,wBAAwB,EACvD,OAAQ,CACN,MAAO,CACL,GAAGH,EAAM,WAAW,QAASC,CAAI,EACjC,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,CAC/C,CACF,CAEJ,EAEaC,EAAQ,CAACJ,EAAqBC,EAAiBI,IAAgD,CAC1G,MAAMC,EAAgBD,GAAW,eAAgBA,EAC3CH,EAAQF,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO,CACL,MAAO,CACL,MAAO,CACL,GAAGA,EAAM,WAAW,QAASC,EAAM,SAAS,EAC5C,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,MAAO,MAAA,EAET,UAAW,CACT,MAAO,EACP,MAAOD,EAAMC,EAAAA,UAAU,wBAAwB,CAAA,EAEjD,UAAWD,EAAMC,EAAAA,UAAU,wBAAwB,EACnD,UAAW,EACX,WAAY,EACZ,cAAeD,EAAMC,EAAAA,UAAU,wBAAwB,EACvD,kBAAmB,OACnB,cAAeG,EAAgB,EAAI,EACnC,UAAWJ,EAAMC,EAAAA,UAAU,wBAAwB,EACnD,OAAQ,CACN,MAAO,CACL,GAAGH,EAAM,WAAW,QAASC,CAAI,EACjC,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,MAAOG,EAAgB,SAAW,MAAA,CACpC,CAEJ"}
+{"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 { Variables } 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.layer({ foundation: 'surface' });\n\n  return {\n    title: {\n      style: {\n        ...theme.typography('label', size, 'strong'),\n        color: layer[Variables.TextOnFoundationStrong],\n      },\n      align: 'high',\n      x: -10,\n    },\n    gridLineColor: layer[Variables.BorderOnFoundationSubtle],\n    labels: {\n      style: {\n        ...theme.typography('label', size),\n        color: layer[Variables.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.layer({ foundation: 'surface' });\n\n  return {\n    title: {\n      style: {\n        ...theme.typography('label', size, 'strong'),\n        color: layer[Variables.TextOnFoundationStrong],\n      },\n      align: 'high',\n    },\n    crosshair: {\n      width: 1,\n      color: layer[Variables.BorderOnFoundationMedium],\n    },\n    tickColor: layer[Variables.BorderOnFoundationStrong],\n    tickWidth: 1,\n    tickLength: 8,\n    gridLineColor: layer[Variables.BorderOnFoundationSubtle],\n    gridLineDashStyle: 'Dash',\n    gridLineWidth: hasCategories ? 1 : 0,\n    lineColor: layer[Variables.BorderOnFoundationStrong],\n    labels: {\n      style: {\n        ...theme.typography('label', size),\n        color: layer[Variables.TextOnFoundationStrong],\n      },\n      align: hasCategories ? 'center' : 'left',\n    },\n  };\n};\n"],"names":["yAxis","theme","size","layer","Variables","xAxis","options","hasCategories"],"mappings":"+KAMaA,EAAQ,CAACC,EAAqBC,IAAsC,CAC/E,MAAMC,EAAQF,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO,CACL,MAAO,CACL,MAAO,CACL,GAAGA,EAAM,WAAW,QAASC,EAAM,QAAQ,EAC3C,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,MAAO,OACP,EAAG,GAAA,EAEL,cAAeD,EAAMC,EAAAA,UAAU,wBAAwB,EACvD,OAAQ,CACN,MAAO,CACL,GAAGH,EAAM,WAAW,QAASC,CAAI,EACjC,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,CAC/C,CACF,CAEJ,EAEaC,EAAQ,CAACJ,EAAqBC,EAAiBI,IAAgD,CAC1G,MAAMC,EAAgBD,GAAW,eAAgBA,EAC3CH,EAAQF,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO,CACL,MAAO,CACL,MAAO,CACL,GAAGA,EAAM,WAAW,QAASC,EAAM,QAAQ,EAC3C,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,MAAO,MAAA,EAET,UAAW,CACT,MAAO,EACP,MAAOD,EAAMC,EAAAA,UAAU,wBAAwB,CAAA,EAEjD,UAAWD,EAAMC,EAAAA,UAAU,wBAAwB,EACnD,UAAW,EACX,WAAY,EACZ,cAAeD,EAAMC,EAAAA,UAAU,wBAAwB,EACvD,kBAAmB,OACnB,cAAeG,EAAgB,EAAI,EACnC,UAAWJ,EAAMC,EAAAA,UAAU,wBAAwB,EACnD,OAAQ,CACN,MAAO,CACL,GAAGH,EAAM,WAAW,QAASC,CAAI,EACjC,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,MAAOG,EAAgB,SAAW,MAAA,CACpC,CAEJ"}

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

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

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

@@ -1 +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 { Variables } 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.layer({ foundation: 'surface' });\n\n  return {\n    align: 'center',\n    verticalAlign: 'bottom',\n    x: 0,\n    y: 20,\n    maxHeight: 110,\n    itemStyle: {\n      ...theme.typography('label', size),\n      color: layer[Variables.TextOnFoundationStrong],\n    },\n    itemHoverStyle: {\n      ...theme.typography('label', size, 'regular'),\n      color: layer[Variables.TextOnFoundationStrong],\n    },\n    itemHiddenStyle: {\n      color: layer[Variables.TextOnFoundationSubtle],\n      textDecoration: 'normal',\n    },\n    margin: 20,\n  };\n};\n"],"names":["legend","theme","size","layer","Variables"],"mappings":"+KAMaA,EAAS,CAACC,EAAqBC,IAAuC,CACjF,MAAMC,EAAQF,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO,CACL,MAAO,SACP,cAAe,SACf,EAAG,EACH,EAAG,GACH,UAAW,IACX,UAAW,CACT,GAAGA,EAAM,WAAW,QAASC,CAAI,EACjC,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,eAAgB,CACd,GAAGH,EAAM,WAAW,QAASC,EAAM,SAAS,EAC5C,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,gBAAiB,CACf,MAAOD,EAAMC,EAAAA,UAAU,sBAAsB,EAC7C,eAAgB,QAAA,EAElB,OAAQ,EAAA,CAEZ"}
+{"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 { Variables } 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.layer({ foundation: 'surface' });\n\n  return {\n    align: 'center',\n    verticalAlign: 'bottom',\n    x: 0,\n    y: 20,\n    maxHeight: 110,\n    itemStyle: {\n      ...theme.typography('label', size),\n      color: layer[Variables.TextOnFoundationStrong],\n    },\n    itemHoverStyle: {\n      ...theme.typography('label', size, 'strong'),\n      color: layer[Variables.TextOnFoundationStrong],\n    },\n    itemHiddenStyle: {\n      color: layer[Variables.TextOnFoundationSubtle],\n      textDecoration: 'normal',\n    },\n    margin: 20,\n  };\n};\n"],"names":["legend","theme","size","layer","Variables"],"mappings":"+KAMaA,EAAS,CAACC,EAAqBC,IAAuC,CACjF,MAAMC,EAAQF,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO,CACL,MAAO,SACP,cAAe,SACf,EAAG,EACH,EAAG,GACH,UAAW,IACX,UAAW,CACT,GAAGA,EAAM,WAAW,QAASC,CAAI,EACjC,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,eAAgB,CACd,GAAGH,EAAM,WAAW,QAASC,EAAM,QAAQ,EAC3C,MAAOC,EAAMC,EAAAA,UAAU,sBAAsB,CAAA,EAE/C,gBAAiB,CACf,MAAOD,EAAMC,EAAAA,UAAU,sBAAsB,EAC7C,eAAgB,QAAA,EAElB,OAAQ,EAAA,CAEZ"}

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

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

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

@@ -1 +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 defaultElements: string[] = [];\n\nconst BaseRechartsChart = ({\n  className,\n  size = Sizes.Medium,\n  type = BaseRechartsChartTypes.Line,\n  title,\n  subtitle,\n  children,\n  elements = defaultElements,\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            // eslint-disable-next-line react-hooks/rules-of-hooks\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          {/* eslint-disable-next-line react-hooks/rules-of-hooks */}\n          {!!withBrush && <Brush {...useChartElementStyles('brush')} />}\n        </Chart>\n      </ResponsiveContainer>\n    </Styled.ChartWrapper>\n  );\n};\n\nexport default BaseRechartsChart;\n"],"names":["defaultElements","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":"6ZAUMA,EAA4B,CAAA,EAE5BC,EAAoB,CAAC,CACzB,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,KAAAC,EAAOC,EAAAA,uBAAuB,KAC9B,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EAAWV,EACX,UAAAW,EACA,aAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAA+B,CAC7B,KAAM,CAACC,EAAOC,CAAY,EAAIC,EAAAA,iBAAiBZ,CAAI,EAEnD,OACEa,OAACC,EAAAA,aAAA,CAAoB,UAAWC,EAAWC,cAAanB,CAAS,EAAG,MAAOC,EACzE,SAAA,CAAAmB,EAAAA,IAACC,EAAA,CAAY,MAAAhB,EAAc,SAAAC,EAAoB,KAAAL,CAAA,CAAY,EAC3DmB,EAAAA,IAACE,EAAAA,qBAAoB,MAAM,OAAO,OAAQ,IACxC,SAAAN,EAAAA,KAACH,EAAA,CAAO,GAAGD,EACR,SAAA,CAAAL,EACAC,GAAA,YAAAA,EAAU,IAAI,CAACe,EAASC,IAEvBJ,MAACN,GAA2B,QAASS,EAAU,GAAGE,EAAsBtB,EAAMqB,CAAK,CAAA,EAAhED,CAAmE,SAEvFG,EAAAA,MAAA,CAAM,QAAShB,EAAe,GAAGe,EAAsB,OAAO,EAAG,QACjEE,EAAAA,MAAA,CAAM,QAAShB,EAAe,GAAGc,EAAsB,OAAO,EAAG,EAClEL,EAAAA,IAACQ,EAAAA,cAAA,CAAe,GAAGH,EAAsB,eAAe,CAAA,CAAG,EAC3DL,EAAAA,IAACS,EAAAA,QAAA,CAAS,GAAGJ,EAAsB,SAAS,CAAA,CAAG,EAC/CL,EAAAA,IAACU,EAAAA,OAAA,CAAQ,GAAGL,EAAsB,QAAQ,CAAA,CAAG,EAE5C,CAAC,CAAChB,GAAaW,MAACW,EAAAA,OAAO,GAAGN,EAAsB,OAAO,CAAA,CAAG,CAAA,CAAA,CAC7D,CAAA,CACF,CAAA,EACF,CAEJ"}
+{"version":3,"file":"BaseRechartsChart.js","sources":["../../../../../src/components/Chart/Recharts/BaseRechartsChart.tsx"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nimport { 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 defaultElements: string[] = [];\n\nconst BaseRechartsChart = ({\n  className,\n  size = Sizes.Medium,\n  type = BaseRechartsChartTypes.Line,\n  title,\n  subtitle,\n  children,\n  elements = defaultElements,\n  withBrush,\n  xAxisDataKey,\n  yAxisDataKey,\n  ...rest\n}: IBaseRechartsChartProps) => {\n  const [Chart, ChartElement] = getChartElements(type);\n\n  const brushProps = useChartElementStyles('brush');\n  const cartesianGridProps = useChartElementStyles('cartesianGrid');\n  const hasCustomCartesianGrid = Children.toArray(children).some(\n    (child) => isValidElement(child) && child.type === CartesianGrid,\n  );\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          {!hasCustomCartesianGrid && <CartesianGrid {...cartesianGridProps} />}\n          {children}\n          {elements?.map((element, index) => (\n            // eslint-disable-next-line react-hooks/rules-of-hooks\n            <ChartElement key={element} dataKey={element} {...useChartElementStyles(type, index)} />\n          ))}\n          <XAxis dataKey={xAxisDataKey} {...useChartElementStyles('xAxis')} />\n          <YAxis dataKey={yAxisDataKey} {...useChartElementStyles('yAxis')} />\n          <Tooltip {...useChartElementStyles('tooltip')} />\n          <Legend {...useChartElementStyles('legend')} />\n          {!!withBrush && <Brush {...brushProps} />}\n        </Chart>\n      </ResponsiveContainer>\n    </Styled.ChartWrapper>\n  );\n};\n\nexport default BaseRechartsChart;\n"],"names":["defaultElements","BaseRechartsChart","className","size","Sizes","type","BaseRechartsChartTypes","title","subtitle","children","elements","withBrush","xAxisDataKey","yAxisDataKey","rest","Chart","ChartElement","getChartElements","brushProps","useChartElementStyles","cartesianGridProps","hasCustomCartesianGrid","Children","child","isValidElement","CartesianGrid","jsxs","Styled.ChartWrapper","classNames","CHART_CLASS","jsx","ChartHeader","ResponsiveContainer","element","index","XAxis","YAxis","Tooltip","Legend","Brush"],"mappings":"gbAYMA,EAA4B,CAAA,EAE5BC,EAAoB,CAAC,CACzB,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,KAAAC,EAAOC,EAAAA,uBAAuB,KAC9B,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EAAWV,EACX,UAAAW,EACA,aAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAA+B,CAC7B,KAAM,CAACC,EAAOC,CAAY,EAAIC,EAAAA,iBAAiBZ,CAAI,EAE7Ca,EAAaC,EAAsB,OAAO,EAC1CC,EAAqBD,EAAsB,eAAe,EAC1DE,EAAyBC,EAAAA,SAAS,QAAQb,CAAQ,EAAE,KACvDc,GAAUC,EAAAA,eAAeD,CAAK,GAAKA,EAAM,OAASE,EAAAA,aAAA,EAGrD,OACEC,OAACC,EAAAA,aAAA,CAAoB,UAAWC,EAAWC,cAAa3B,CAAS,EAAG,MAAOC,EACzE,SAAA,CAAA2B,EAAAA,IAACC,EAAA,CAAY,MAAAxB,EAAc,SAAAC,EAAoB,KAAAL,CAAA,CAAY,EAC3D2B,EAAAA,IAACE,EAAAA,qBAAoB,MAAM,OAAO,OAAQ,IACxC,SAAAN,EAAAA,KAACX,EAAA,CAAO,GAAGD,EACR,SAAA,CAAA,CAACO,GAA0BS,EAAAA,IAACL,EAAAA,cAAA,CAAe,GAAGL,CAAA,CAAoB,EAClEX,EACAC,GAAU,IAAI,CAACuB,EAASC,IAEvBJ,MAACd,GAA2B,QAASiB,EAAU,GAAGd,EAAsBd,EAAM6B,CAAK,CAAA,EAAhED,CAAmE,CACvF,QACAE,EAAAA,MAAA,CAAM,QAASvB,EAAe,GAAGO,EAAsB,OAAO,EAAG,QACjEiB,EAAAA,MAAA,CAAM,QAASvB,EAAe,GAAGM,EAAsB,OAAO,EAAG,EAClEW,EAAAA,IAACO,EAAAA,QAAA,CAAS,GAAGlB,EAAsB,SAAS,CAAA,CAAG,EAC/CW,EAAAA,IAACQ,EAAAA,OAAA,CAAQ,GAAGnB,EAAsB,QAAQ,CAAA,CAAG,EAC5C,CAAC,CAACR,GAAamB,EAAAA,IAACS,EAAAA,MAAA,CAAO,GAAGrB,CAAA,CAAY,CAAA,CAAA,CACzC,CAAA,CACF,CAAA,EACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),t=require("../../../../Text/components/Label/Label.js"),n=require("../../../../Flexbox/Flexbox.js"),i=require("./ChartTooltip.styles.js"),c=({payload:e,label:s})=>r.jsx(i.ChartTooltip,{flexDirection:"column",gap:"8px",children:!!e&&r.jsxs(r.Fragment,{children:[r.jsx(t,{children:e==null?void 0:e.length}),!!e[0]&&r.jsxs(n,{gap:"8px",alignItems:"center",children:[!!e[0].stroke&&r.jsx(i.ChartDot,{$bgColor:e[0].stroke}),!!s&&r.jsx(t,{children:`${s}:`}),!!e[0].value&&r.jsx(t,{bold:!0,children:e[0].value})]})]})});module.exports=c;
+"use strict";const e=require("react/jsx-runtime"),t=require("../../../../Text/components/Label/Label.js"),n=require("../../../../Flexbox/Flexbox.js"),i=require("./ChartTooltip.styles.js"),c=({payload:r,label:s})=>e.jsx(i.ChartTooltip,{flexDirection:"column",gap:"8px",children:!!r&&e.jsxs(e.Fragment,{children:[e.jsx(t,{children:r?.length}),!!r[0]&&e.jsxs(n,{gap:"8px",alignItems:"center",children:[!!r[0].stroke&&e.jsx(i.ChartDot,{$bgColor:r[0].stroke}),!!s&&e.jsx(t,{children:`${s}:`}),!!r[0].value&&e.jsx(t,{bold:!0,children:r[0].value})]})]})});module.exports=c;
 //# sourceMappingURL=ChartTooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltip.js","sources":["../../../../../../../src/components/Chart/Recharts/components/ChartTooltip/ChartTooltip.tsx"],"sourcesContent":["import type { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';\nimport type { TooltipProps } from 'recharts';\n\nimport Label from '../../../../Text/components/Label/Label';\nimport Flexbox from '../../../../Flexbox/Flexbox';\nimport * as Styled from './ChartTooltip.styles';\n\nconst ChartTooltip = ({ payload, label }: TooltipProps<ValueType, NameType>) => (\n  <Styled.ChartTooltip flexDirection=\"column\" gap=\"8px\">\n    {!!payload && (\n      <>\n        <Label>{payload?.length}</Label>\n        {!!payload[0] && (\n          <Flexbox gap=\"8px\" alignItems=\"center\">\n            {!!payload[0].stroke && <Styled.ChartDot $bgColor={payload[0].stroke} />}\n            {!!label && <Label>{`${label}:`}</Label>}\n            {!!payload[0].value && <Label bold={true}>{payload[0].value}</Label>}\n          </Flexbox>\n        )}\n      </>\n    )}\n  </Styled.ChartTooltip>\n);\nexport default ChartTooltip;\n"],"names":["ChartTooltip","payload","label","jsx","Styled.ChartTooltip","jsxs","Fragment","Label","Flexbox","Styled.ChartDot"],"mappings":"4LAOMA,EAAe,CAAC,CAAE,QAAAC,EAAS,MAAAC,CAAA,IAC/BC,MAACC,EAAAA,aAAA,CAAoB,cAAc,SAAS,IAAI,MAC7C,SAAA,CAAC,CAACH,GACDI,OAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAA,CAAO,0BAAS,MAAA,CAAO,EACvB,CAAC,CAACN,EAAQ,CAAC,UACTO,EAAA,CAAQ,IAAI,MAAM,WAAW,SAC3B,SAAA,CAAA,CAAC,CAACP,EAAQ,CAAC,EAAE,QAAUE,EAAAA,IAACM,WAAA,CAAgB,SAAUR,EAAQ,CAAC,EAAE,MAAA,CAAQ,EACrE,CAAC,CAACC,SAAUK,EAAA,CAAO,SAAA,GAAGL,CAAK,IAAI,EAC/B,CAAC,CAACD,EAAQ,CAAC,EAAE,OAASE,EAAAA,IAACI,EAAA,CAAM,KAAM,GAAO,SAAAN,EAAQ,CAAC,EAAE,KAAA,CAAM,CAAA,CAAA,CAC9D,CAAA,CAAA,CAEJ,CAAA,CAEJ"}
+{"version":3,"file":"ChartTooltip.js","sources":["../../../../../../../src/components/Chart/Recharts/components/ChartTooltip/ChartTooltip.tsx"],"sourcesContent":["import type { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';\nimport type { TooltipProps } from 'recharts';\n\nimport Label from '../../../../Text/components/Label/Label';\nimport Flexbox from '../../../../Flexbox/Flexbox';\nimport * as Styled from './ChartTooltip.styles';\n\nconst ChartTooltip = ({ payload, label }: TooltipProps<ValueType, NameType>) => (\n  <Styled.ChartTooltip flexDirection=\"column\" gap=\"8px\">\n    {!!payload && (\n      <>\n        <Label>{payload?.length}</Label>\n        {!!payload[0] && (\n          <Flexbox gap=\"8px\" alignItems=\"center\">\n            {!!payload[0].stroke && <Styled.ChartDot $bgColor={payload[0].stroke} />}\n            {!!label && <Label>{`${label}:`}</Label>}\n            {!!payload[0].value && <Label bold={true}>{payload[0].value}</Label>}\n          </Flexbox>\n        )}\n      </>\n    )}\n  </Styled.ChartTooltip>\n);\nexport default ChartTooltip;\n"],"names":["ChartTooltip","payload","label","jsx","Styled.ChartTooltip","jsxs","Fragment","Label","Flexbox","Styled.ChartDot"],"mappings":"4LAOMA,EAAe,CAAC,CAAE,QAAAC,EAAS,MAAAC,CAAA,IAC/BC,MAACC,EAAAA,aAAA,CAAoB,cAAc,SAAS,IAAI,MAC7C,SAAA,CAAC,CAACH,GACDI,OAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAA,CAAO,YAAS,MAAA,CAAO,EACvB,CAAC,CAACN,EAAQ,CAAC,UACTO,EAAA,CAAQ,IAAI,MAAM,WAAW,SAC3B,SAAA,CAAA,CAAC,CAACP,EAAQ,CAAC,EAAE,QAAUE,EAAAA,IAACM,WAAA,CAAgB,SAAUR,EAAQ,CAAC,EAAE,MAAA,CAAQ,EACrE,CAAC,CAACC,SAAUK,EAAA,CAAO,SAAA,GAAGL,CAAK,IAAI,EAC/B,CAAC,CAACD,EAAQ,CAAC,EAAE,OAASE,EAAAA,IAACI,EAAA,CAAM,KAAM,GAAO,SAAAN,EAAQ,CAAC,EAAE,KAAA,CAAM,CAAA,CAAA,CAC9D,CAAA,CAAA,CAEJ,CAAA,CAEJ"}

package/build/cjs/components/Chart/Recharts/hooks/useChartElementStyles.js

@@ -1,2 +1,2 @@
-"use strict";const d=require("react/jsx-runtime"),y=require("styled-components"),t=require("../../../../react-base/src/theme/types/layer.js"),m=require("./useColorByIndex.js"),p=require("../components/ChartTooltip/ChartTooltip.js"),f=(l,i)=>{const e=y.useTheme(),r=m.useColorByIndex(i),o={stroke:r,strokeWidth:2,dot:!1},s={strokeWidth:2,fill:r,cx:"50%",cy:"50%",label:!0},n={height:28,tick:e.typography("label")},a={content:({payload:c,label:u})=>d.jsx(p,{payload:c,label:u}),labelStyle:e.typography("label","medium","regular"),contentStyle:e.typography("label","small","regular"),cursor:{stroke:e.globals("others").mask,strokeWidth:2,fill:e.layer({foundation:"section"})[t.Variables.BackgroundFoundation]}};switch(l){case"line":return o;case"area":case"bar":return{...o,fill:r};case"pie":return s;case"donut":return{...s,innerRadius:50};case"cell":return{fill:r};case"xAxis":return n;case"yAxis":return{...n,axisLine:!1,tickLine:!1};case"cartesianGrid":return{stroke:e.layer({foundation:"surface"})[t.Variables.BorderOnFoundationStrong],vertical:!1};case"brush":return{fill:e.layer({})[t.Variables.BackgroundFoundation],stroke:e.layer({foundation:"surface"})[t.Variables.BorderOnFoundationMedium]};case"tooltip":return a;case"tooltipBar":return a;case"legend":return{align:"left",wrapperStyle:{display:"block",left:25,bottom:-20}};case"referenceLine":default:return{stroke:r}}};module.exports=f;
+"use strict";const d=require("react/jsx-runtime"),y=require("styled-components"),t=require("../../../../react-base/src/theme/types/layer.js"),p=require("./useColorByIndex.js"),m=require("../components/ChartTooltip/ChartTooltip.js"),f=(l,i)=>{const e=y.useTheme(),r=p.useColorByIndex(i),o={stroke:r,strokeWidth:2,dot:!1},s={strokeWidth:2,fill:r,cx:"50%",cy:"50%",label:!0,style:e.typography("label","medium","strong")},n={height:28,tick:{...e.typography("label"),fill:"currentColor"},axisLine:{stroke:"currentColor"},tickLine:{stroke:"currentColor"}},a={content:({payload:c,label:u})=>d.jsx(m,{payload:c,label:u}),labelStyle:e.typography("label"),contentStyle:e.typography("label","small"),cursor:{stroke:e.globals("others").mask,strokeWidth:2,fill:e.layer({foundation:"section"})[t.Variables.BackgroundFoundation]}};switch(l){case"line":return o;case"area":case"bar":return{...o,fill:r};case"pie":return s;case"donut":return{...s,innerRadius:50};case"cell":return{fill:r};case"xAxis":return n;case"yAxis":return{...n,axisLine:!1,tickLine:!1};case"cartesianGrid":return{stroke:e.layer({foundation:"surface"})[t.Variables.BorderOnFoundationSubtle],vertical:!1};case"brush":return{fill:e.layer({})[t.Variables.BackgroundFoundation],stroke:e.layer({foundation:"surface"})[t.Variables.BorderOnFoundationMedium]};case"tooltip":return a;case"tooltipBar":return a;case"legend":return{align:"left",wrapperStyle:{display:"block",left:25,bottom:-20}};case"referenceLine":default:return{stroke:r}}};module.exports=f;
 //# sourceMappingURL=useChartElementStyles.js.map

package/build/cjs/components/Chart/Recharts/hooks/useChartElementStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChartElementStyles.js","sources":["../../../../../../src/components/Chart/Recharts/hooks/useChartElementStyles.tsx"],"sourcesContent":["import { useTheme, type CSSProperties } from 'styled-components';\nimport type { TooltipProps } from 'recharts';\nimport type { ValueType, NameType } from 'recharts/types/component/DefaultTooltipContent';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { BaseRechartsChartTypes } from '../BaseRechartsChart.types';\nimport { useColorByIndex } from './useColorByIndex';\nimport ChartTooltip from '../components/ChartTooltip/ChartTooltip';\n\nexport type ChartElementType =\n  | `${BaseRechartsChartTypes}`\n  | 'pie'\n  | 'donut'\n  | 'xAxis'\n  | 'yAxis'\n  | 'cartesianGrid'\n  | 'brush'\n  | 'tooltip'\n  | 'tooltipBar'\n  | 'tooltipPie'\n  | 'legend'\n  | 'cell'\n  | 'referenceLine';\n\nconst useChartElementStyles = (type?: ChartElementType, index?: number): CSSProperties => {\n  const theme = useTheme();\n  const colorByIndex = useColorByIndex(index);\n\n  const commonElementProps = {\n    stroke: colorByIndex,\n    strokeWidth: 2,\n    dot: false,\n  };\n\n  const commonPieProps = {\n    strokeWidth: 2,\n    fill: colorByIndex,\n    cx: '50%',\n    cy: '50%',\n    label: true,\n    // style: theme.typography('label', 'medium', 'strong'),\n  };\n\n  const commonAxisProps = {\n    height: 28,\n    tick: theme.typography('label'),\n  };\n\n  const commonTooltipProps = {\n    content: ({ payload, label }: TooltipProps<ValueType, NameType>) => (\n      <ChartTooltip payload={payload} label={label} />\n    ),\n    labelStyle: theme.typography('label', 'medium', 'regular'),\n    contentStyle: theme.typography('label', 'small', 'regular'),\n    cursor: {\n      stroke: theme.globals('others').mask,\n      strokeWidth: 2,\n      fill: theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation],\n    },\n  };\n\n  switch (type) {\n    case 'line':\n      return commonElementProps;\n    case 'area':\n    case 'bar':\n      return {\n        ...commonElementProps,\n        fill: colorByIndex,\n      };\n    case 'pie':\n      return commonPieProps;\n    case 'donut':\n      return {\n        ...commonPieProps,\n        innerRadius: 50,\n      };\n    case 'cell':\n      return {\n        fill: colorByIndex,\n      };\n    case 'xAxis':\n      return commonAxisProps;\n    case 'yAxis':\n      return {\n        ...commonAxisProps,\n        axisLine: false,\n        tickLine: false,\n      };\n    case 'cartesianGrid':\n      return {\n        stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationStrong],\n        vertical: false,\n      };\n    case 'brush':\n      return {\n        fill: theme.layer({})[Variables.BackgroundFoundation],\n        stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationMedium],\n      };\n    case 'tooltip':\n      return commonTooltipProps;\n    case 'tooltipBar':\n      return commonTooltipProps;\n    case 'legend':\n      return {\n        align: 'left',\n        wrapperStyle: {\n          display: 'block',\n          left: 25,\n          bottom: -20,\n        },\n      };\n    case 'referenceLine':\n    default:\n      return {\n        stroke: colorByIndex,\n      };\n  }\n};\n\nexport default useChartElementStyles;\n"],"names":["useChartElementStyles","type","index","theme","useTheme","colorByIndex","useColorByIndex","commonElementProps","commonPieProps","commonAxisProps","commonTooltipProps","payload","label","jsx","ChartTooltip","Variables"],"mappings":"wOAwBMA,EAAwB,CAACC,EAAyBC,IAAkC,CACxF,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAeC,EAAAA,gBAAgBJ,CAAK,EAEpCK,EAAqB,CACzB,OAAQF,EACR,YAAa,EACb,IAAK,EAAA,EAGDG,EAAiB,CACrB,YAAa,EACb,KAAMH,EACN,GAAI,MACJ,GAAI,MACJ,MAAO,EAAA,EAIHI,EAAkB,CACtB,OAAQ,GACR,KAAMN,EAAM,WAAW,OAAO,CAAA,EAG1BO,EAAqB,CACzB,QAAS,CAAC,CAAE,QAAAC,EAAS,MAAAC,KACnBC,EAAAA,IAACC,EAAA,CAAa,QAAAH,EAAkB,MAAAC,EAAc,EAEhD,WAAYT,EAAM,WAAW,QAAS,SAAU,SAAS,EACzD,aAAcA,EAAM,WAAW,QAAS,QAAS,SAAS,EAC1D,OAAQ,CACN,OAAQA,EAAM,QAAQ,QAAQ,EAAE,KAChC,YAAa,EACb,KAAMA,EAAM,MAAM,CAAE,WAAY,SAAA,CAAW,EAAEY,EAAAA,UAAU,oBAAoB,CAAA,CAC7E,EAGF,OAAQd,EAAA,CACN,IAAK,OACH,OAAOM,EACT,IAAK,OACL,IAAK,MACH,MAAO,CACL,GAAGA,EACH,KAAMF,CAAA,EAEV,IAAK,MACH,OAAOG,EACT,IAAK,QACH,MAAO,CACL,GAAGA,EACH,YAAa,EAAA,EAEjB,IAAK,OACH,MAAO,CACL,KAAMH,CAAA,EAEV,IAAK,QACH,OAAOI,EACT,IAAK,QACH,MAAO,CACL,GAAGA,EACH,SAAU,GACV,SAAU,EAAA,EAEd,IAAK,gBACH,MAAO,CACL,OAAQN,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEY,EAAAA,UAAU,wBAAwB,EACjF,SAAU,EAAA,EAEd,IAAK,QACH,MAAO,CACL,KAAMZ,EAAM,MAAM,CAAA,CAAE,EAAEY,EAAAA,UAAU,oBAAoB,EACpD,OAAQZ,EAAM,MAAM,CAAE,WAAY,SAAA,CAAW,EAAEY,EAAAA,UAAU,wBAAwB,CAAA,EAErF,IAAK,UACH,OAAOL,EACT,IAAK,aACH,OAAOA,EACT,IAAK,SACH,MAAO,CACL,MAAO,OACP,aAAc,CACZ,QAAS,QACT,KAAM,GACN,OAAQ,GAAA,CACV,EAEJ,IAAK,gBACL,QACE,MAAO,CACL,OAAQL,CAAA,CACV,CAEN"}
+{"version":3,"file":"useChartElementStyles.js","sources":["../../../../../../src/components/Chart/Recharts/hooks/useChartElementStyles.tsx"],"sourcesContent":["import { useTheme, type CSSProperties } from 'styled-components';\nimport type { TooltipProps } from 'recharts';\nimport type { ValueType, NameType } from 'recharts/types/component/DefaultTooltipContent';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport type { BaseRechartsChartTypes } from '../BaseRechartsChart.types';\nimport { useColorByIndex } from './useColorByIndex';\nimport ChartTooltip from '../components/ChartTooltip/ChartTooltip';\n\nexport type ChartElementType =\n  | `${BaseRechartsChartTypes}`\n  | 'pie'\n  | 'donut'\n  | 'xAxis'\n  | 'yAxis'\n  | 'cartesianGrid'\n  | 'brush'\n  | 'tooltip'\n  | 'tooltipBar'\n  | 'tooltipPie'\n  | 'legend'\n  | 'cell'\n  | 'referenceLine';\n\nconst useChartElementStyles = (type?: ChartElementType, index?: number): CSSProperties => {\n  const theme = useTheme();\n  const colorByIndex = useColorByIndex(index);\n\n  const commonElementProps = {\n    stroke: colorByIndex,\n    strokeWidth: 2,\n    dot: false,\n  };\n\n  const commonPieProps = {\n    strokeWidth: 2,\n    fill: colorByIndex,\n    cx: '50%',\n    cy: '50%',\n    label: true,\n    style: theme.typography('label', 'medium', 'strong'),\n  };\n\n  const commonAxisProps = {\n    height: 28,\n    tick: { ...theme.typography('label'), fill: 'currentColor' },\n    axisLine: { stroke: 'currentColor' },\n    tickLine: { stroke: 'currentColor' },\n  };\n\n  const commonTooltipProps = {\n    content: ({ payload, label }: TooltipProps<ValueType, NameType>) => (\n      <ChartTooltip payload={payload} label={label} />\n    ),\n    labelStyle: theme.typography('label'),\n    contentStyle: theme.typography('label', 'small'),\n    cursor: {\n      stroke: theme.globals('others').mask,\n      strokeWidth: 2,\n      fill: theme.layer({ foundation: 'section' })[Variables.BackgroundFoundation],\n    },\n  };\n\n  switch (type) {\n    case 'line':\n      return commonElementProps;\n    case 'area':\n    case 'bar':\n      return {\n        ...commonElementProps,\n        fill: colorByIndex,\n      };\n    case 'pie':\n      return commonPieProps;\n    case 'donut':\n      return {\n        ...commonPieProps,\n        innerRadius: 50,\n      };\n    case 'cell':\n      return {\n        fill: colorByIndex,\n      };\n    case 'xAxis':\n      return commonAxisProps;\n    case 'yAxis':\n      return {\n        ...commonAxisProps,\n        axisLine: false,\n        tickLine: false,\n      };\n    case 'cartesianGrid':\n      return {\n        stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationSubtle],\n        vertical: false,\n      };\n    case 'brush':\n      return {\n        fill: theme.layer({})[Variables.BackgroundFoundation],\n        stroke: theme.layer({ foundation: 'surface' })[Variables.BorderOnFoundationMedium],\n      };\n    case 'tooltip':\n      return commonTooltipProps;\n    case 'tooltipBar':\n      return commonTooltipProps;\n    case 'legend':\n      return {\n        align: 'left',\n        wrapperStyle: {\n          display: 'block',\n          left: 25,\n          bottom: -20,\n        },\n      };\n    case 'referenceLine':\n    default:\n      return {\n        stroke: colorByIndex,\n      };\n  }\n};\n\nexport default useChartElementStyles;\n"],"names":["useChartElementStyles","type","index","theme","useTheme","colorByIndex","useColorByIndex","commonElementProps","commonPieProps","commonAxisProps","commonTooltipProps","payload","label","jsx","ChartTooltip","Variables"],"mappings":"wOAwBMA,EAAwB,CAACC,EAAyBC,IAAkC,CACxF,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAeC,EAAAA,gBAAgBJ,CAAK,EAEpCK,EAAqB,CACzB,OAAQF,EACR,YAAa,EACb,IAAK,EAAA,EAGDG,EAAiB,CACrB,YAAa,EACb,KAAMH,EACN,GAAI,MACJ,GAAI,MACJ,MAAO,GACP,MAAOF,EAAM,WAAW,QAAS,SAAU,QAAQ,CAAA,EAG/CM,EAAkB,CACtB,OAAQ,GACR,KAAM,CAAE,GAAGN,EAAM,WAAW,OAAO,EAAG,KAAM,cAAA,EAC5C,SAAU,CAAE,OAAQ,cAAA,EACpB,SAAU,CAAE,OAAQ,cAAA,CAAe,EAG/BO,EAAqB,CACzB,QAAS,CAAC,CAAE,QAAAC,EAAS,MAAAC,KACnBC,EAAAA,IAACC,EAAA,CAAa,QAAAH,EAAkB,MAAAC,EAAc,EAEhD,WAAYT,EAAM,WAAW,OAAO,EACpC,aAAcA,EAAM,WAAW,QAAS,OAAO,EAC/C,OAAQ,CACN,OAAQA,EAAM,QAAQ,QAAQ,EAAE,KAChC,YAAa,EACb,KAAMA,EAAM,MAAM,CAAE,WAAY,SAAA,CAAW,EAAEY,EAAAA,UAAU,oBAAoB,CAAA,CAC7E,EAGF,OAAQd,EAAA,CACN,IAAK,OACH,OAAOM,EACT,IAAK,OACL,IAAK,MACH,MAAO,CACL,GAAGA,EACH,KAAMF,CAAA,EAEV,IAAK,MACH,OAAOG,EACT,IAAK,QACH,MAAO,CACL,GAAGA,EACH,YAAa,EAAA,EAEjB,IAAK,OACH,MAAO,CACL,KAAMH,CAAA,EAEV,IAAK,QACH,OAAOI,EACT,IAAK,QACH,MAAO,CACL,GAAGA,EACH,SAAU,GACV,SAAU,EAAA,EAEd,IAAK,gBACH,MAAO,CACL,OAAQN,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEY,EAAAA,UAAU,wBAAwB,EACjF,SAAU,EAAA,EAEd,IAAK,QACH,MAAO,CACL,KAAMZ,EAAM,MAAM,CAAA,CAAE,EAAEY,EAAAA,UAAU,oBAAoB,EACpD,OAAQZ,EAAM,MAAM,CAAE,WAAY,SAAA,CAAW,EAAEY,EAAAA,UAAU,wBAAwB,CAAA,EAErF,IAAK,UACH,OAAOL,EACT,IAAK,aACH,OAAOA,EACT,IAAK,SACH,MAAO,CACL,MAAO,OACP,aAAc,CACZ,QAAS,QACT,KAAM,GACN,OAAQ,GAAA,CACV,EAEJ,IAAK,gBACL,QACE,MAAO,CACL,OAAQL,CAAA,CACV,CAEN"}

package/build/cjs/components/Checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),q=require("react"),$=require("classnames"),t=require("../../react-base/src/consts/index.js"),j=require("../Icon/components/Check.js"),f=require("../Icon/components/Minus.js"),s=require("./Checkbox.styles.js"),m=require("../../react-base/src/consts/classes.js"),p=q.forwardRef(({className:x="",size:r=t.Sizes.Medium,checked:c,disabled:i,label:a,onChange:u=t.NOOP,indeterminate:n=!1,wrapperProps:l,invalid:o=!1,multiline:h=!1,mirrored:d=!1,value:C="",...k},b)=>e.jsxs(s.CheckboxWrapper,{$size:r,className:$(m.CHECKBOX_CLASS,x),$disabled:i,$checked:c,$invalid:o,$indeterminate:n,$multiline:h,$mirrored:d,...l,children:[e.jsx(s.Checkbox,{type:"checkbox",disabled:i,checked:c,onChange:u,"aria-invalid":o,tabIndex:0,ref:b,value:C,...k}),e.jsx(s.FakeCheckbox,{"aria-hidden":!0,children:n?e.jsx(f,{}):e.jsx(j,{})}),!!a&&e.jsx(s.CheckboxLabel,{$size:r,children:a})]}));module.exports=p;
+"use strict";const e=require("react/jsx-runtime"),u=require("react"),m=require("classnames"),l=require("../../react-base/src/consts/index.js"),f=require("../Icon/components/Check.js"),p=require("../Icon/components/Minus.js"),s=require("./Checkbox.styles.js"),I=require("../../react-base/src/consts/classes.js"),N=u.forwardRef(({id:i,className:d="",size:o=l.Sizes.Medium,checked:r,disabled:n,label:a,onChange:h=l.NOOP,indeterminate:c=!1,wrapperProps:C,invalid:t=!1,multiline:b=!1,mirrored:k=!1,value:q="",...$},j)=>{const x=u.useId();return e.jsxs(s.CheckboxWrapper,{$size:o,className:m(I.CHECKBOX_CLASS,d),$disabled:n,$checked:r,$invalid:t,$indeterminate:c,$multiline:b,$mirrored:k,...C,children:[e.jsx(s.Checkbox,{type:"checkbox",id:i??x,disabled:n,checked:r,onChange:h,"aria-invalid":t,"aria-checked":c?"mixed":!!r,tabIndex:0,ref:j,value:q,...$}),e.jsx(s.CheckboxIcon,{"aria-hidden":!0,children:c?e.jsx(p,{}):e.jsx(f,{})}),!!a&&e.jsx(s.CheckboxLabel,{htmlFor:i??x,$size:o,children:a})]})});module.exports=N;
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { type ReactElement, forwardRef, type ForwardedRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, NOOP, CHECKBOX_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport Check from '../Icon/components/Check';\nimport Minus from '../Icon/components/Minus';\nimport * as Styled from './Checkbox.styles';\nimport type { ICheckboxProps } from './Checkbox.types';\n\nconst Checkbox = forwardRef(\n  (\n    {\n      className = '',\n      size = Sizes.Medium,\n      checked,\n      disabled,\n      label,\n      onChange = NOOP,\n      indeterminate = false,\n      wrapperProps,\n      invalid = false,\n      multiline = false,\n      mirrored = false,\n      value = '',\n      ...rest\n    }: ICheckboxProps,\n    ref: ForwardedRef<HTMLInputElement>,\n  ): ReactElement => (\n    <Styled.CheckboxWrapper\n      $size={size}\n      className={classNames(CHECKBOX_CLASS, className)}\n      $disabled={disabled}\n      $checked={checked}\n      $invalid={invalid}\n      $indeterminate={indeterminate}\n      $multiline={multiline}\n      $mirrored={mirrored}\n      {...wrapperProps}\n    >\n      <Styled.Checkbox\n        type=\"checkbox\"\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-invalid={invalid}\n        tabIndex={0}\n        ref={ref}\n        value={value}\n        {...rest}\n      />\n      <Styled.FakeCheckbox aria-hidden={true}>{indeterminate ? <Minus /> : <Check />}</Styled.FakeCheckbox>\n      {!!label && <Styled.CheckboxLabel $size={size}>{label}</Styled.CheckboxLabel>}\n    </Styled.CheckboxWrapper>\n  ),\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","className","size","Sizes","checked","disabled","label","onChange","NOOP","indeterminate","wrapperProps","invalid","multiline","mirrored","value","rest","ref","jsxs","Styled.CheckboxWrapper","classNames","CHECKBOX_CLASS","jsx","Styled.Checkbox","Styled.FakeCheckbox","Minus","Check","Styled.CheckboxLabel"],"mappings":"uTAUMA,EAAWC,EAAAA,WACf,CACE,CACE,UAAAC,EAAY,GACZ,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EAAWC,EAAAA,KACX,cAAAC,EAAgB,GAChB,aAAAC,EACA,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,MAAAC,EAAQ,GACR,GAAGC,CAAA,EAELC,IAEAC,EAAAA,KAACC,EAAAA,gBAAA,CACC,MAAOhB,EACP,UAAWiB,EAAWC,EAAAA,eAAgBnB,CAAS,EAC/C,UAAWI,EACX,SAAUD,EACV,SAAUO,EACV,eAAgBF,EAChB,WAAYG,EACZ,UAAWC,EACV,GAAGH,EAEJ,SAAA,CAAAW,EAAAA,IAACC,EAAAA,SAAA,CACC,KAAK,WACL,SAAAjB,EACA,QAAAD,EACA,SAAAG,EACA,eAAcI,EACd,SAAU,EACV,IAAAK,EACA,MAAAF,EACC,GAAGC,CAAA,CAAA,EAENM,EAAAA,IAACE,EAAAA,aAAA,CAAoB,cAAa,GAAO,SAAAd,EAAgBY,EAAAA,IAACG,EAAA,CAAA,CAAM,EAAKH,EAAAA,IAACI,EAAA,CAAA,CAAM,CAAA,CAAG,EAC9E,CAAC,CAACnB,GAASe,EAAAA,IAACK,EAAAA,cAAA,CAAqB,MAAOxB,EAAO,SAAAI,CAAA,CAAM,CAAA,CAAA,CAAA,CAG5D"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { type ReactElement, forwardRef, type ForwardedRef, useId } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, NOOP, CHECKBOX_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport Check from '../Icon/components/Check';\nimport Minus from '../Icon/components/Minus';\nimport * as Styled from './Checkbox.styles';\nimport type { ICheckboxProps } from './Checkbox.types';\n\nconst Checkbox = forwardRef(\n  (\n    {\n      id,\n      className = '',\n      size = Sizes.Medium,\n      checked,\n      disabled,\n      label,\n      onChange = NOOP,\n      indeterminate = false,\n      wrapperProps,\n      invalid = false,\n      multiline = false,\n      mirrored = false,\n      value = '',\n      ...rest\n    }: ICheckboxProps,\n    ref: ForwardedRef<HTMLInputElement>,\n  ): ReactElement => {\n    const uid = useId();\n\n    return (\n      <Styled.CheckboxWrapper\n        $size={size}\n        className={classNames(CHECKBOX_CLASS, className)}\n        $disabled={disabled}\n        $checked={checked}\n        $invalid={invalid}\n        $indeterminate={indeterminate}\n        $multiline={multiline}\n        $mirrored={mirrored}\n        {...wrapperProps}\n      >\n        <Styled.Checkbox\n          type=\"checkbox\"\n          id={id ?? uid}\n          disabled={disabled}\n          checked={checked}\n          onChange={onChange}\n          aria-invalid={invalid}\n          aria-checked={indeterminate ? 'mixed' : Boolean(checked)}\n          tabIndex={0}\n          ref={ref}\n          value={value}\n          {...rest}\n        />\n        <Styled.CheckboxIcon aria-hidden={true}>{indeterminate ? <Minus /> : <Check />}</Styled.CheckboxIcon>\n        {!!label && (\n          <Styled.CheckboxLabel htmlFor={id ?? uid} $size={size}>\n            {label}\n          </Styled.CheckboxLabel>\n        )}\n      </Styled.CheckboxWrapper>\n    );\n  },\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","id","className","size","Sizes","checked","disabled","label","onChange","NOOP","indeterminate","wrapperProps","invalid","multiline","mirrored","value","rest","ref","uid","useId","jsxs","Styled.CheckboxWrapper","classNames","CHECKBOX_CLASS","jsx","Styled.Checkbox","Styled.CheckboxIcon","Minus","Check","Styled.CheckboxLabel"],"mappings":"uTAUMA,EAAWC,EAAAA,WACf,CACE,CACE,GAAAC,EACA,UAAAC,EAAY,GACZ,KAAAC,EAAOC,EAAAA,MAAM,OACb,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EAAWC,EAAAA,KACX,cAAAC,EAAgB,GAChB,aAAAC,EACA,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,MAAAC,EAAQ,GACR,GAAGC,CAAA,EAELC,IACiB,CACjB,MAAMC,EAAMC,EAAAA,MAAA,EAEZ,OACEC,EAAAA,KAACC,EAAAA,gBAAA,CACC,MAAOlB,EACP,UAAWmB,EAAWC,EAAAA,eAAgBrB,CAAS,EAC/C,UAAWI,EACX,SAAUD,EACV,SAAUO,EACV,eAAgBF,EAChB,WAAYG,EACZ,UAAWC,EACV,GAAGH,EAEJ,SAAA,CAAAa,EAAAA,IAACC,EAAAA,SAAA,CACC,KAAK,WACL,GAAIxB,GAAMiB,EACV,SAAAZ,EACA,QAAAD,EACA,SAAAG,EACA,eAAcI,EACd,eAAcF,EAAgB,QAAU,EAAQL,EAChD,SAAU,EACV,IAAAY,EACA,MAAAF,EACC,GAAGC,CAAA,CAAA,EAENQ,EAAAA,IAACE,EAAAA,aAAA,CAAoB,cAAa,GAAO,SAAAhB,EAAgBc,EAAAA,IAACG,EAAA,CAAA,CAAM,EAAKH,EAAAA,IAACI,EAAA,CAAA,CAAM,CAAA,CAAG,EAC9E,CAAC,CAACrB,GACDiB,MAACK,EAAAA,cAAA,CAAqB,QAAS5B,GAAMiB,EAAK,MAAOf,EAC9C,SAAAI,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CACF"}