acinguiux-ds-react-framework 0.1.24 → 0.1.26

package/build/esm/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 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":"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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    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":"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"}

package/build/esm/components/Card/InsetCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InsetCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/InsetCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,QAAA,MAAM,SAAS,yHA6Cd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"InsetCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/InsetCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,QAAA,MAAM,SAAS,yHA8Cd,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,49 +1,50 @@
-import { jsxs as C, jsx as e } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import g from "classnames";
-import { Directions as i, Sizes as I } from "../../react-base/src/consts/index.js";
-import { InsetCard as b, InsetCardBody as x } from "./Card.styles.js";
-import S from "./components/CardBar/CardBar.js";
-import { CARD_CLASS as j } from "../../react-base/src/consts/classes.js";
-const h = u(
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import I from "classnames";
+import { Directions as e, Sizes as x } from "../../react-base/src/consts/index.js";
+import { InsetCard as S, InsetCardBody as b } from "./Card.styles.js";
+import j from "./components/CardBar/CardBar.js";
+import { CARD_CLASS as k } from "../../react-base/src/consts/classes.js";
+const h = g(
   ({
     className: a,
-    size: r = `${I.Medium}`,
+    size: r = `${x.Medium}`,
     bar: o,
-    borders: k,
-    outlined: s = !1,
+    borders: s,
+    outlined: m = !1,
     fullBar: d,
-    interactive: m,
+    interactive: n,
     onClick: t,
-    isClickable: n,
-    backgroundImage: f,
-    backgroundPosition: c,
-    children: l,
-    ...p
-  }, $) => /* @__PURE__ */ C(
-    b,
+    isClickable: f,
+    backgroundImage: c,
+    backgroundPosition: l,
+    children: p,
+    ...$
+  }, C) => /* @__PURE__ */ u(
+    S,
     {
-      ref: $,
-      className: g(j, a),
+      ref: C,
+      className: I(k, a),
       $size: r,
-      $direction: i.Horizontal,
-      $outlined: s,
-      $isClickable: !!n || !!t,
-      $interactive: m,
+      $direction: e.Horizontal,
+      $outlined: m,
+      $isClickable: !!f || !!t,
+      $interactive: n,
       onClick: t,
-      $backgroundPosition: c,
-      $backgroundImage: f,
-      ...p,
+      $backgroundPosition: l,
+      $backgroundImage: c,
+      ...$,
       children: [
-        /* @__PURE__ */ e(x, { children: l }),
-        !!o && /* @__PURE__ */ e(
-          S,
+        /* @__PURE__ */ i(b, { children: p }),
+        !!o && /* @__PURE__ */ i(
+          j,
           {
             size: r,
             bar: o,
+            borders: s,
             fullBar: d,
             padding: !0,
-            direction: i.Vertical,
+            direction: e.Vertical,
             type: "floatingFooter"
           }
         )

package/build/esm/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      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":";;;;;;;AASA,MAAMA,IAAYC;AAAA,EAChB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAWC,GAAYlB,CAAS;AAAA,MAC3C,OAAOC;AAAA,MACP,YAAYkB,EAAW;AAAA,MACvB,WAAWd;AAAA,MACX,cAAc,CAAC,CAACI,KAAe,CAAC,CAACD;AAAA,MACjC,cAAcD;AAAA,MACd,SAAAC;AAAA,MACA,qBAAqBG;AAAA,MACrB,kBAAkBD;AAAA,MACjB,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAO,EAACC,GAAA,EAAsB,UAAAT,GAAS;AAAA,QAC/B,CAAC,CAACT,KACD,gBAAAiB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAArB;AAAA,YACA,KAAAE;AAAA,YACA,SAAAG;AAAA,YACA,SAAS;AAAA,YACT,WAAWa,EAAW;AAAA,YACtB,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"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          borders={borders}\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":";;;;;;;AASA,MAAMA,IAAYC;AAAA,EAChB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAO,GAAGC,EAAM,MAAM;AAAA,IACtB,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAWC,GAAYlB,CAAS;AAAA,MAC3C,OAAOC;AAAA,MACP,YAAYkB,EAAW;AAAA,MACvB,WAAWd;AAAA,MACX,cAAc,CAAC,CAACI,KAAe,CAAC,CAACD;AAAA,MACjC,cAAcD;AAAA,MACd,SAAAC;AAAA,MACA,qBAAqBG;AAAA,MACrB,kBAAkBD;AAAA,MACjB,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAO,EAACC,GAAA,EAAsB,UAAAT,GAAS;AAAA,QAC/B,CAAC,CAACT,KACD,gBAAAiB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAArB;AAAA,YACA,KAAAE;AAAA,YACA,SAAAC;AAAA,YACA,SAAAE;AAAA,YACA,SAAS;AAAA,YACT,WAAWa,EAAW;AAAA,YACtB,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/build/esm/components/Card/components/CardBar/CardBar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardBar.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/components/CardBar/CardBar.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAKnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,KAAK,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;AA4BtE,QAAA,MAAM,OAAO;;+UAuBZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"CardBar.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/components/CardBar/CardBar.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAKnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,KAAK,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;AAgCtE,QAAA,MAAM,OAAO;;+UAuBZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

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

@@ -4,24 +4,26 @@ import { Variables as u } from "../../../../react-base/src/theme/types/layer.js"
 import { Directions as l } from "../../../../react-base/src/consts/index.js";
 import g from "../../../Flexbox/Flexbox.js";
 const m = (o, r, t, a) => {
-  const n = o === "floatingFooter" ? c[t].innerCardPadding : c[t].padding, i = r === l.Vertical && o === "footer" && a ? 0 : n, e = r === l.Vertical && o === "header" && a ? 0 : n, f = r === l.Horizontal && o === "header" && a ? 0 : n, d = r === l.Horizontal && o === "footer" && a ? 0 : n;
-  return `padding: ${i}px ${f}px ${e}px ${d}px`;
-}, p = (o, r, t = !1) => {
+  const n = o === "floatingFooter" ? c[t].innerCardPadding : c[t].padding, i = r === l.Vertical && o === "footer" && a ? 0 : n, e = r === l.Vertical && o === "header" && a ? 0 : n, d = r === l.Horizontal && o === "header" && a ? 0 : n, f = r === l.Horizontal && o === "footer" && a ? 0 : n;
+  return `padding: ${i}px ${d}px ${e}px ${f}px`;
+}, h = (o, r, t = !1) => {
+  if (o === "floatingFooter" && t)
+    return "border-width: 1px";
   const a = t && r === l.Vertical && o === "footer" ? 1 : 0, n = t && r === l.Vertical && o === "header" ? 1 : 0, i = t && r === l.Horizontal && o === "header" ? 1 : 0, e = t && r === l.Horizontal && o === "footer" ? 1 : 0;
   return `border-width: ${a}px ${i}px ${n}px ${e}px`;
 }, V = x(g)`
-  ${({ $type: o, $size: r, $direction: t, $padding: a, $bgColor: n, $fullBar: i, $borders: e, theme: f }) => {
-  const d = f.layer({ foundation: "surface" });
+  ${({ $type: o, $size: r, $direction: t, $padding: a, $bgColor: n, $fullBar: i, $borders: e, theme: d }) => {
+  const f = d.layer({ foundation: "surface" });
   return s`
       display: flex;
       min-height: auto;
-      border-color: ${d[u.BorderOnFoundationSubtle]};
+      border-color: ${f[u.BorderOnFoundationSubtle]};
       border-style: solid;
-      ${p(o, t, e)};
+      ${h(o, t, e)};
       ${m(o, t, r, !e && !n && a === !0)};
 
       ${o === "floatingFooter" && s`
-        background-color: ${d[u.BackgroundFoundation]};
+        background-color: ${f[u.BackgroundFoundation]};
         border-radius: ${c[r].floatingBarBorderRadius}px;
         flex-basis: ${o === "floatingFooter" && i ? "100%" : "50%"};
       `}

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

@@ -1 +1 @@
-{"version":3,"file":"CardBar.styles.js","sources":["../../../../../../src/components/Card/components/CardBar/CardBar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { 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 { Directions } from 'acinguiux-ds-react-base/consts';\n\nimport type { ICardBarProps } from './CardBar.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\n\ntype CardBarStylePropKeys = 'size' | 'type' | 'direction' | 'padding';\n\nconst getCardBarPadding = (\n  type: ICardBarProps['type'],\n  direction: ICardBarProps['direction'],\n  size: ICardBarProps['size'],\n  lessPadding: boolean,\n) => {\n  const paddingValue =\n    type === 'floatingFooter' ? CardConsts.consts[size].innerCardPadding : CardConsts.consts[size].padding;\n\n  const top = direction === Directions.Vertical && type === 'footer' && lessPadding ? 0 : paddingValue;\n  const bottom = direction === Directions.Vertical && type === 'header' && lessPadding ? 0 : paddingValue;\n  const right = direction === Directions.Horizontal && type === 'header' && lessPadding ? 0 : paddingValue;\n  const left = direction === Directions.Horizontal && type === 'footer' && lessPadding ? 0 : paddingValue;\n\n  return `padding: ${top}px ${right}px ${bottom}px ${left}px`;\n};\n\nconst getCardBarBorderWidth = (type: ICardBarProps['type'], direction: ICardBarProps['direction'], borders = false) => {\n  const top = borders && direction === Directions.Vertical && type === 'footer' ? 1 : 0;\n  const bottom = borders && direction === Directions.Vertical && type === 'header' ? 1 : 0;\n  const right = borders && direction === Directions.Horizontal && type === 'header' ? 1 : 0;\n  const left = borders && direction === Directions.Horizontal && type === 'footer' ? 1 : 0;\n\n  return `border-width: ${top}px ${right}px ${bottom}px ${left}px`;\n};\n\nconst CardBar = styled(Flexbox)<\n  Required<PickTransient<ICardBarProps, CardBarStylePropKeys>> &\n    PickTransient<ICardBarProps, 'fullBar' | 'borders' | 'bgColor'>\n>`\n  ${({ $type, $size, $direction, $padding, $bgColor, $fullBar, $borders, theme }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      display: flex;\n      min-height: auto;\n      border-color: ${layer[Variables.BorderOnFoundationSubtle]};\n      border-style: solid;\n      ${getCardBarBorderWidth($type, $direction, $borders)};\n      ${getCardBarPadding($type, $direction, $size, !$borders && !$bgColor && $padding === true)};\n\n      ${$type === 'floatingFooter' &&\n      css`\n        background-color: ${layer[Variables.BackgroundFoundation]};\n        border-radius: ${CardConsts.consts[$size].floatingBarBorderRadius}px;\n        flex-basis: ${$type === 'floatingFooter' && $fullBar ? '100%' : '50%'};\n      `}\n    `;\n  }};\n`;\n\nexport { CardBar };\n"],"names":["getCardBarPadding","type","direction","size","lessPadding","paddingValue","CardConsts.consts","top","Directions","bottom","right","left","getCardBarBorderWidth","borders","CardBar","styled","Flexbox","$type","$size","$direction","$padding","$bgColor","$fullBar","$borders","theme","layer","css","Variables"],"mappings":";;;;;AAWA,MAAMA,IAAoB,CACxBC,GACAC,GACAC,GACAC,MACG;AACH,QAAMC,IACJJ,MAAS,mBAAmBK,EAAkBH,CAAI,EAAE,mBAAmBG,EAAkBH,CAAI,EAAE,SAE3FI,IAAML,MAAcM,EAAW,YAAYP,MAAS,YAAYG,IAAc,IAAIC,GAClFI,IAASP,MAAcM,EAAW,YAAYP,MAAS,YAAYG,IAAc,IAAIC,GACrFK,IAAQR,MAAcM,EAAW,cAAcP,MAAS,YAAYG,IAAc,IAAIC,GACtFM,IAAOT,MAAcM,EAAW,cAAcP,MAAS,YAAYG,IAAc,IAAIC;AAE3F,SAAO,YAAYE,CAAG,MAAMG,CAAK,MAAMD,CAAM,MAAME,CAAI;AACzD,GAEMC,IAAwB,CAACX,GAA6BC,GAAuCW,IAAU,OAAU;AACrH,QAAMN,IAAMM,KAAWX,MAAcM,EAAW,YAAYP,MAAS,WAAW,IAAI,GAC9EQ,IAASI,KAAWX,MAAcM,EAAW,YAAYP,MAAS,WAAW,IAAI,GACjFS,IAAQG,KAAWX,MAAcM,EAAW,cAAcP,MAAS,WAAW,IAAI,GAClFU,IAAOE,KAAWX,MAAcM,EAAW,cAAcP,MAAS,WAAW,IAAI;AAEvF,SAAO,iBAAiBM,CAAG,MAAMG,CAAK,MAAMD,CAAM,MAAME,CAAI;AAC9D,GAEMG,IAAUC,EAAOC,CAAO;AAAA,IAI1B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,OAAAC,QAAY;AACjF,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAOE;AAAA;AAAA;AAAA,sBAGWD,EAAME,EAAU,wBAAwB,CAAC;AAAA;AAAA,QAEvDf,EAAsBK,GAAOE,GAAYI,CAAQ,CAAC;AAAA,QAClDvB,EAAkBiB,GAAOE,GAAYD,GAAO,CAACK,KAAY,CAACF,KAAYD,MAAa,EAAI,CAAC;AAAA;AAAA,QAExFH,MAAU,oBACZS;AAAA,4BACsBD,EAAME,EAAU,oBAAoB,CAAC;AAAA,yBACxCrB,EAAkBY,CAAK,EAAE,uBAAuB;AAAA,sBACnDD,MAAU,oBAAoBK,IAAW,SAAS,KAAK;AAAA,OACtE;AAAA;AAEL,CAAC;AAAA;"}
+{"version":3,"file":"CardBar.styles.js","sources":["../../../../../../src/components/Card/components/CardBar/CardBar.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { 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 { Directions } from 'acinguiux-ds-react-base/consts';\n\nimport type { ICardBarProps } from './CardBar.types';\nimport Flexbox from '../../../Flexbox/Flexbox';\n\ntype CardBarStylePropKeys = 'size' | 'type' | 'direction' | 'padding';\n\nconst getCardBarPadding = (\n  type: ICardBarProps['type'],\n  direction: ICardBarProps['direction'],\n  size: ICardBarProps['size'],\n  lessPadding: boolean,\n) => {\n  const paddingValue =\n    type === 'floatingFooter' ? CardConsts.consts[size].innerCardPadding : CardConsts.consts[size].padding;\n\n  const top = direction === Directions.Vertical && type === 'footer' && lessPadding ? 0 : paddingValue;\n  const bottom = direction === Directions.Vertical && type === 'header' && lessPadding ? 0 : paddingValue;\n  const right = direction === Directions.Horizontal && type === 'header' && lessPadding ? 0 : paddingValue;\n  const left = direction === Directions.Horizontal && type === 'footer' && lessPadding ? 0 : paddingValue;\n\n  return `padding: ${top}px ${right}px ${bottom}px ${left}px`;\n};\n\nconst getCardBarBorderWidth = (type: ICardBarProps['type'], direction: ICardBarProps['direction'], borders = false) => {\n  if (type === 'floatingFooter' && borders) {\n    return `border-width: 1px`;\n  }\n\n  const top = borders && direction === Directions.Vertical && type === 'footer' ? 1 : 0;\n  const bottom = borders && direction === Directions.Vertical && type === 'header' ? 1 : 0;\n  const right = borders && direction === Directions.Horizontal && type === 'header' ? 1 : 0;\n  const left = borders && direction === Directions.Horizontal && type === 'footer' ? 1 : 0;\n\n  return `border-width: ${top}px ${right}px ${bottom}px ${left}px`;\n};\n\nconst CardBar = styled(Flexbox)<\n  Required<PickTransient<ICardBarProps, CardBarStylePropKeys>> &\n    PickTransient<ICardBarProps, 'fullBar' | 'borders' | 'bgColor'>\n>`\n  ${({ $type, $size, $direction, $padding, $bgColor, $fullBar, $borders, theme }) => {\n    const layer = theme.layer({ foundation: 'surface' });\n\n    return css`\n      display: flex;\n      min-height: auto;\n      border-color: ${layer[Variables.BorderOnFoundationSubtle]};\n      border-style: solid;\n      ${getCardBarBorderWidth($type, $direction, $borders)};\n      ${getCardBarPadding($type, $direction, $size, !$borders && !$bgColor && $padding === true)};\n\n      ${$type === 'floatingFooter' &&\n      css`\n        background-color: ${layer[Variables.BackgroundFoundation]};\n        border-radius: ${CardConsts.consts[$size].floatingBarBorderRadius}px;\n        flex-basis: ${$type === 'floatingFooter' && $fullBar ? '100%' : '50%'};\n      `}\n    `;\n  }};\n`;\n\nexport { CardBar };\n"],"names":["getCardBarPadding","type","direction","size","lessPadding","paddingValue","CardConsts.consts","top","Directions","bottom","right","left","getCardBarBorderWidth","borders","CardBar","styled","Flexbox","$type","$size","$direction","$padding","$bgColor","$fullBar","$borders","theme","layer","css","Variables"],"mappings":";;;;;AAWA,MAAMA,IAAoB,CACxBC,GACAC,GACAC,GACAC,MACG;AACH,QAAMC,IACJJ,MAAS,mBAAmBK,EAAkBH,CAAI,EAAE,mBAAmBG,EAAkBH,CAAI,EAAE,SAE3FI,IAAML,MAAcM,EAAW,YAAYP,MAAS,YAAYG,IAAc,IAAIC,GAClFI,IAASP,MAAcM,EAAW,YAAYP,MAAS,YAAYG,IAAc,IAAIC,GACrFK,IAAQR,MAAcM,EAAW,cAAcP,MAAS,YAAYG,IAAc,IAAIC,GACtFM,IAAOT,MAAcM,EAAW,cAAcP,MAAS,YAAYG,IAAc,IAAIC;AAE3F,SAAO,YAAYE,CAAG,MAAMG,CAAK,MAAMD,CAAM,MAAME,CAAI;AACzD,GAEMC,IAAwB,CAACX,GAA6BC,GAAuCW,IAAU,OAAU;AACrH,MAAIZ,MAAS,oBAAoBY;AAC/B,WAAO;AAGT,QAAMN,IAAMM,KAAWX,MAAcM,EAAW,YAAYP,MAAS,WAAW,IAAI,GAC9EQ,IAASI,KAAWX,MAAcM,EAAW,YAAYP,MAAS,WAAW,IAAI,GACjFS,IAAQG,KAAWX,MAAcM,EAAW,cAAcP,MAAS,WAAW,IAAI,GAClFU,IAAOE,KAAWX,MAAcM,EAAW,cAAcP,MAAS,WAAW,IAAI;AAEvF,SAAO,iBAAiBM,CAAG,MAAMG,CAAK,MAAMD,CAAM,MAAME,CAAI;AAC9D,GAEMG,IAAUC,EAAOC,CAAO;AAAA,IAI1B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,OAAAC,QAAY;AACjF,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW;AAEnD,SAAOE;AAAA;AAAA;AAAA,sBAGWD,EAAME,EAAU,wBAAwB,CAAC;AAAA;AAAA,QAEvDf,EAAsBK,GAAOE,GAAYI,CAAQ,CAAC;AAAA,QAClDvB,EAAkBiB,GAAOE,GAAYD,GAAO,CAACK,KAAY,CAACF,KAAYD,MAAa,EAAI,CAAC;AAAA;AAAA,QAExFH,MAAU,oBACZS;AAAA,4BACsBD,EAAME,EAAU,oBAAoB,CAAC;AAAA,yBACxCrB,EAAkBY,CAAK,EAAE,uBAAuB;AAAA,sBACnDD,MAAU,oBAAoBK,IAAW,SAAS,KAAK;AAAA,OACtE;AAAA;AAEL,CAAC;AAAA;"}

package/build/esm/components/Chart/Highcharts/HighchartsChart.d.ts

@@ -1,4 +1,5 @@
 import { HighchartsReactRefObject } from 'highcharts-react-official';
+import 'highcharts/modules/accessibility.js';
 import type { IHighchartsChartProps } from './HighchartsChart.types';
 declare const HighchartsChart: import("react").ForwardRefExoticComponent<Omit<IHighchartsChartProps, "ref"> & import("react").RefAttributes<HighchartsReactRefObject>>;
 export default HighchartsChart;

package/build/esm/components/Chart/Highcharts/HighchartsChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HighchartsChart.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/Highcharts/HighchartsChart.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyC,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAM5G,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAcrE,QAAA,MAAM,eAAe,yIAwBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"HighchartsChart.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/Highcharts/HighchartsChart.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyC,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE5G,OAAO,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAcrE,QAAA,MAAM,eAAe,yIAcpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,42 +1,38 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as m, useEffect as n } from "react";
-import { Sizes as d } from "../../../react-base/src/consts/index.js";
-import i from "highcharts";
-import { HighchartsReact as l } from "highcharts-react-official";
-import u from "classnames";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { Sizes as e } from "../../../react-base/src/consts/index.js";
+import h from "highcharts";
+import { HighchartsReact as f } from "highcharts-react-official";
+import n from "classnames";
+import "highcharts/modules/accessibility.js";
 import { Highcharts as H } from "./HighchartsChart.styles.js";
 import g from "./hooks/useHighchartsOptions.js";
-import { CHART_CLASS as C } from "../../../react-base/src/consts/classes.js";
-let a = !1;
-const R = m(
-  ({ className: o, containerProps: t, ...r }, s) => /* @__PURE__ */ e(
-    l,
+import { CHART_CLASS as d } from "../../../react-base/src/consts/classes.js";
+const l = i(
+  ({ className: o, containerProps: r, ...t }, s) => /* @__PURE__ */ m(
+    f,
     {
       ref: s,
-      containerProps: { ...t, className: u(o, C, t?.className) },
-      ...r
+      containerProps: { ...r, className: n(o, d, r?.className) },
+      ...t
     }
   )
-), j = m(
-  ({ size: o = d.Medium, highcharts: t = i, options: r, option: s = [], ...f }, c) => {
-    const h = g(r, o, s);
-    return n(() => {
-      !a && typeof window < "u" && import("highcharts/modules/accessibility.js").then((p) => {
-        p.default(i), a = !0;
-      });
-    }, []), /* @__PURE__ */ e(
+), z = i(
+  ({ size: o = e.Medium, highcharts: r = h, options: t, option: s = [], ...a }, p) => {
+    const c = g(t, o, s);
+    return /* @__PURE__ */ m(
       H,
       {
-        as: R,
-        ref: c,
-        highcharts: t,
-        options: h,
-        ...f
+        as: l,
+        ref: p,
+        highcharts: r,
+        options: c,
+        ...a
       }
     );
   }
 );
 export {
-  j as default
+  z as default
 };
 //# sourceMappingURL=HighchartsChart.js.map

package/build/esm/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;"],"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":";;;;;;;;;AAQA,IAAIA,IAAsB;AAM1B,MAAMC,IAA2BC;AAAA,EAC/B,CAAC,EAAE,WAAAC,GAAW,gBAAAC,GAAgB,GAAGC,EAAA,GAAQC,MACvC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,gBAAgB,EAAE,GAAGF,GAAgB,WAAWK,EAAGN,GAAWO,GAAaN,GAAgB,SAAS,EAAA;AAAA,MACnG,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV,GAEMM,IAAkBT;AAAA,EACtB,CAAC,EAAE,MAAAU,IAAOC,EAAM,QAAQ,YAAAC,IAAaC,GAAY,SAAAC,GAAS,QAAAC,IAAS,CAAA,GAAI,GAAGZ,EAAA,GAAQC,MAAQ;AACxF,UAAMY,IAAaC,EAAqBH,GAASJ,GAAMK,CAAM;AAG7D,WAAAG,EAAU,MAAM;AACd,MAAI,CAACpB,KAAuB,OAAO,SAAW,OAC5C,OAAO,kCAAkC,EAAE,KAAK,CAACqB,MAAW;AAC1D,QAAAA,EAAO,QAAQN,CAAU,GACzBf,IAAsB;AAAA,MACxB,CAAC;AAAA,IAEL,GAAG,CAAA,CAAE,GAGH,gBAAAO;AAAA,MAACe;AAAAA,MAAA;AAAA,QACC,IAAIrB;AAAA,QACJ,KAAAK;AAAA,QACA,YAAAQ;AAAA,QACA,SAASI;AAAA,QACR,GAAGb;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}
+{"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":";;;;;;;;;;AAYA,MAAMA,IAA2BC;AAAA,EAC/B,CAAC,EAAE,WAAAC,GAAW,gBAAAC,GAAgB,GAAGC,EAAA,GAAQC,MACvC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,gBAAgB,EAAE,GAAGF,GAAgB,WAAWK,EAAGN,GAAWO,GAAaN,GAAgB,SAAS,EAAA;AAAA,MACnG,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV,GAEMM,IAAkBT;AAAA,EACtB,CAAC,EAAE,MAAAU,IAAOC,EAAM,QAAQ,YAAAC,IAAaC,GAAY,SAAAC,GAAS,QAAAC,IAAS,CAAA,GAAI,GAAGZ,EAAA,GAAQC,MAAQ;AACxF,UAAMY,IAAaC,EAAqBH,GAASJ,GAAMK,CAAM;AAE7D,WACE,gBAAAV;AAAA,MAACa;AAAAA,MAAA;AAAA,QACC,IAAInB;AAAA,QACJ,KAAAK;AAAA,QACA,YAAAQ;AAAA,QACA,SAASI;AAAA,QACR,GAAGb;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/build/esm/components/Checkbox/Checkbox.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAEjF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,EAC1E,aAAa,CAAC,MAAM;IACtB,YAAY,CAAC,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;CAChD"}
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAEjF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM;IAClG,YAAY,CAAC,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;CAChD"}

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.types.d.ts

@@ -4,7 +4,7 @@ import type { ICalendarProps } from '../Calendar/Calendar.types';
 export type IRangeDatePickerProps = AriaAttributes & DatePickerTypes.IRangePickerProps & {
     className?: string;
     style?: CSSProperties;
-    calendarProps: ICalendarProps<'range'>;
+    calendarProps?: ICalendarProps<'range'>;
     onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
     onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
     onClick?: (event: MouseEvent<HTMLInputElement>) => void;

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePicker.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/RangeDatePicker/RangeDatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAChD,eAAe,CAAC,iBAAiB,GAAG;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACpE,CAAC"}
+{"version":3,"file":"RangeDatePicker.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DatePicker/components/RangeDatePicker/RangeDatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAChD,eAAe,CAAC,iBAAiB,GAAG;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACpE,CAAC"}

package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.d.ts

@@ -0,0 +1,9 @@
+import type { PickTransient } from '../../react-base/src/types';
+import type { IDatePickerProps } from './DatePicker.types';
+export type PanelProps = Required<PickTransient<IDatePickerProps, 'prefixCls' | 'size'>> & PickTransient<IDatePickerProps, 'elevation'>;
+export type DatePickerWrapperProps = Required<PickTransient<IDatePickerProps, 'size' | 'prefixCls'>> & PickTransient<IDatePickerProps, 'elevation' | 'invalid'>;
+declare const DatePickerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DatePickerWrapperProps>> & string;
+export type CalendarWrapperProps = Required<PickTransient<IDatePickerProps, 'prefixCls' | 'size'>>;
+declare const CalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IDatePickerProps, "size" | "prefixCls">>>> & string;
+export { DatePickerWrapper, CalendarWrapper };
+//# sourceMappingURL=DatePicker.styles.d.ts.map

package/build/esm/components/DeprecatedDatePicker/DatePicker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedDatePicker/DatePicker.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAQnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAsZ3D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,EAAE,WAAW,GAAG,MAAM,CAAC,CAAC,GACtF,aAAa,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;AAmP/C,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,EAAE,MAAM,GAAG,WAAW,CAAC,CAAC,GAClG,aAAa,CAAC,gBAAgB,EAAE,WAAW,GAAG,SAAS,CAAC,CAAC;AAE3D,QAAA,MAAM,iBAAiB,2PA8EtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,EAAE,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC;AAEnG,QAAA,MAAM,eAAe,oSAMpB,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC"}