acinguiux-ds-react-framework 0.1.18 → 0.1.20

package/build/esm/components/Drawer/Drawer.js

@@ -1,64 +1,66 @@
 import { jsxs as $, jsx as r } from "react/jsx-runtime";
-import { useRef as R, useLayoutEffect as x } from "react";
-import y from "classnames";
-import M from "rc-drawer";
-import { Sizes as b, Variants as p, Directions as D, Alignments as F } from "../../react-base/src/consts/index.js";
+import { useRef as R, useLayoutEffect as y } from "react";
+import M from "classnames";
+import b from "rc-drawer";
+import { Sizes as F, Variants as p, Directions as D, Alignments as L } from "../../react-base/src/consts/index.js";
 import w from "../Button/Button.js";
-import L from "../Icon/components/ChevronLeft.js";
-import N from "../Icon/components/Cross.js";
-import { Drawer as S, DrawerHeader as j, DrawerHeaderContent as O, DrawerContent as T, DrawerFooter as V } from "./Drawer.styles.js";
-import { defaultMaskMotion as I, defaultMotion as W } from "./Drawer.consts.js";
-import _ from "../_internalComponents/ActionBar/ActionBar.js";
-import q from "../_internalComponents/InfoBar/InfoBar.js";
+import N from "../Icon/components/ChevronLeft.js";
+import S from "../Icon/components/Cross.js";
+import { Drawer as j, DrawerHeader as I, DrawerHeaderContent as O, DrawerContent as T, DrawerFooter as V } from "./Drawer.styles.js";
+import { defaultMaskMotion as W, defaultMotion as _ } from "./Drawer.consts.js";
+import q from "../_internalComponents/ActionBar/ActionBar.js";
+import z from "../_internalComponents/InfoBar/InfoBar.js";
 import { DRAWER_CLASS as G } from "../../react-base/src/consts/classes.js";
-const J = ({ className: a, rootClassName: n, ...e }) => /* @__PURE__ */ r(M, { rootClassName: y(n, a), ...e }), nr = ({
+const J = ({ className: a, rootClassName: n, ...e }) => /* @__PURE__ */ r(b, { rootClassName: M(n, a), ...e }), ir = ({
   children: a,
   className: n,
-  size: e = b.Medium,
+  size: e = F.Medium,
   header: i,
-  actionsAlignment: h = F.Right,
+  actionsAlignment: h = L.Right,
   actionsDirection: C = D.Horizontal,
   sticky: s = !1,
+  zIndex: B,
   elevation: l,
   onClose: c,
-  closeButton: B = !0,
-  backButton: v = !1,
-  padding: g = !0,
+  closeButton: v = !0,
+  backButton: g = !1,
+  padding: k = !0,
   bgColor: f = !1,
   headerBorder: u = !0,
   footerBorder: d = !0,
   actions: m,
-  getContainer: k,
-  maskMotion: A = I,
-  motion: E = W,
+  getContainer: x,
+  maskMotion: A = W,
+  motion: E = _,
   open: o = !1,
   ...H
 }) => {
   const t = R(null);
-  return x(() => {
+  return y(() => {
     o && document.activeElement && !t.current && (t.current = document.activeElement), !o && t.current && (t.current.focus(), t.current = null);
   }, [o, t]), /* @__PURE__ */ $(
-    S,
+    j,
     {
       as: J,
       className: `${n} this-new-class-name`,
       prefixCls: G,
       onClose: c,
-      getContainer: k,
+      getContainer: x,
       motion: E,
       maskMotion: A,
       $bgColor: f,
       $sticky: s,
       $elevation: l,
+      $zIndex: B,
       autoFocus: !0,
       open: o,
       ...H,
       children: [
-        !!i && /* @__PURE__ */ $(j, { $size: e, $headerBorder: u, $elevation: l, children: [
-          v ? /* @__PURE__ */ r(
+        !!i && /* @__PURE__ */ $(I, { $size: e, $headerBorder: u, $elevation: l, children: [
+          g ? /* @__PURE__ */ r(
             w,
             {
-              icon: /* @__PURE__ */ r(L, {}),
+              icon: /* @__PURE__ */ r(N, {}),
               iconOnly: !0,
               variant: p.Transparent,
               size: e,
@@ -66,11 +68,11 @@ const J = ({ className: a, rootClassName: n, ...e }) => /* @__PURE__ */ r(M, { r
               "aria-label": "Back"
             }
           ) : null,
-          /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(q, { size: e, direction: D.Vertical, ...i }) }),
-          B ? /* @__PURE__ */ r(
+          /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(z, { size: e, direction: D.Vertical, ...i }) }),
+          v ? /* @__PURE__ */ r(
             w,
             {
-              icon: /* @__PURE__ */ r(N, {}),
+              icon: /* @__PURE__ */ r(S, {}),
               iconOnly: !0,
               variant: p.Transparent,
               size: e,
@@ -84,7 +86,7 @@ const J = ({ className: a, rootClassName: n, ...e }) => /* @__PURE__ */ r(M, { r
           {
             $sticky: s,
             $size: e,
-            $padding: g,
+            $padding: k,
             $headerBorder: u,
             $footerBorder: d,
             $bgColor: f,
@@ -93,12 +95,12 @@ const J = ({ className: a, rootClassName: n, ...e }) => /* @__PURE__ */ r(M, { r
             children: a
           }
         ),
-        !!m && /* @__PURE__ */ r(V, { $size: e, $footerBorder: d, $elevation: l, children: /* @__PURE__ */ r(_, { size: e, actions: m, alignment: h, direction: C }) })
+        !!m && /* @__PURE__ */ r(V, { $size: e, $footerBorder: d, $elevation: l, children: /* @__PURE__ */ r(q, { size: e, actions: m, alignment: h, direction: C }) })
       ]
     }
   );
 };
 export {
-  nr as default
+  ir as default
 };
 //# sourceMappingURL=Drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { type ReactElement, useRef, useLayoutEffect } from 'react';\n\nimport classNames from 'classnames';\nimport RcDrawer, { type DrawerProps } from 'rc-drawer';\nimport { Sizes, Alignments, Directions, DRAWER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\n\nimport Button from '../Button/Button';\nimport ChevronLeft from '../Icon/components/ChevronLeft';\nimport CrossIcon from '../Icon/components/Cross';\nimport * as Styled from './Drawer.styles';\nimport { defaultMotion, defaultMaskMotion } from './Drawer.consts';\nimport type { IDrawerProps } from './Drawer.types';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\n\nconst DrawerHoc = ({ className, rootClassName, ...props }: DrawerProps): ReactElement => (\n  <RcDrawer rootClassName={classNames(rootClassName, className)} {...props} />\n);\n\nconst Drawer = ({\n  children,\n  className,\n  size = Sizes.Medium,\n  header,\n  actionsAlignment = Alignments.Right,\n  actionsDirection = Directions.Horizontal,\n  sticky = false,\n  elevation,\n  onClose,\n  closeButton = true,\n  backButton = false,\n  padding = true,\n  bgColor = false,\n  headerBorder = true,\n  footerBorder = true,\n  actions,\n  getContainer,\n  maskMotion = defaultMaskMotion,\n  motion = defaultMotion,\n  open = false,\n  ...rest\n}: IDrawerProps): ReactElement => {\n  const cachedActiveElement = useRef<HTMLElement | null>(null);\n\n  useLayoutEffect(() => {\n    if (open && document.activeElement && !cachedActiveElement.current) {\n      cachedActiveElement.current = document.activeElement as HTMLElement;\n    }\n\n    if (!open && cachedActiveElement.current) {\n      cachedActiveElement.current.focus();\n      cachedActiveElement.current = null;\n    }\n  }, [open, cachedActiveElement]);\n\n  return (\n    <Styled.Drawer\n      as={DrawerHoc}\n      className={`${className} this-new-class-name`}\n      prefixCls={DRAWER_CLASS}\n      onClose={onClose}\n      getContainer={getContainer}\n      motion={motion}\n      maskMotion={maskMotion}\n      $bgColor={bgColor}\n      $sticky={sticky}\n      $elevation={elevation}\n      autoFocus={true}\n      open={open}\n      {...rest}\n    >\n      {!!header && (\n        <Styled.DrawerHeader $size={size} $headerBorder={headerBorder} $elevation={elevation}>\n          {backButton ? (\n            <Button\n              icon={<ChevronLeft />}\n              iconOnly={true}\n              variant={Variants.Transparent}\n              size={size}\n              onClick={onClose}\n              aria-label=\"Back\"\n            />\n          ) : null}\n          <Styled.DrawerHeaderContent>\n            <InfoBar size={size} direction={Directions.Vertical} {...header} />\n          </Styled.DrawerHeaderContent>\n          {closeButton ? (\n            <Button\n              icon={<CrossIcon />}\n              iconOnly={true}\n              variant={Variants.Transparent}\n              size={size}\n              onClick={onClose}\n              aria-label=\"Close\"\n            />\n          ) : null}\n        </Styled.DrawerHeader>\n      )}\n\n      <Styled.DrawerContent\n        $sticky={sticky}\n        $size={size}\n        $padding={padding}\n        $headerBorder={headerBorder}\n        $footerBorder={footerBorder}\n        $bgColor={bgColor}\n        $hasHeader={Boolean(header)}\n        $hasFooter={Boolean(actions)}\n      >\n        {children}\n      </Styled.DrawerContent>\n\n      {!!actions && (\n        <Styled.DrawerFooter $size={size} $footerBorder={footerBorder} $elevation={elevation}>\n          <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\n        </Styled.DrawerFooter>\n      )}\n    </Styled.Drawer>\n  );\n};\n\nexport default Drawer;\n"],"names":["DrawerHoc","className","rootClassName","props","jsx","RcDrawer","classNames","Drawer","children","size","Sizes","header","actionsAlignment","Alignments","actionsDirection","Directions","sticky","elevation","onClose","closeButton","backButton","padding","bgColor","headerBorder","footerBorder","actions","getContainer","maskMotion","defaultMaskMotion","motion","defaultMotion","open","rest","cachedActiveElement","useRef","useLayoutEffect","jsxs","Styled.Drawer","DRAWER_CLASS","Styled.DrawerHeader","Button","ChevronLeft","Variants","Styled.DrawerHeaderContent","InfoBar","CrossIcon","Styled.DrawerContent","Styled.DrawerFooter","ActionBar"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { type ReactElement, useRef, useLayoutEffect } from 'react';\n\nimport classNames from 'classnames';\nimport RcDrawer, { type DrawerProps } from 'rc-drawer';\nimport { Sizes, Alignments, Directions, DRAWER_CLASS, Variants } from 'acinguiux-ds-react-base/consts';\n\nimport Button from '../Button/Button';\nimport ChevronLeft from '../Icon/components/ChevronLeft';\nimport CrossIcon from '../Icon/components/Cross';\nimport * as Styled from './Drawer.styles';\nimport { defaultMotion, defaultMaskMotion } from './Drawer.consts';\nimport type { IDrawerProps } from './Drawer.types';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\n\nconst DrawerHoc = ({ className, rootClassName, ...props }: DrawerProps): ReactElement => (\n  <RcDrawer rootClassName={classNames(rootClassName, className)} {...props} />\n);\n\nconst Drawer = ({\n  children,\n  className,\n  size = Sizes.Medium,\n  header,\n  actionsAlignment = Alignments.Right,\n  actionsDirection = Directions.Horizontal,\n  sticky = false,\n  zIndex,\n  elevation,\n  onClose,\n  closeButton = true,\n  backButton = false,\n  padding = true,\n  bgColor = false,\n  headerBorder = true,\n  footerBorder = true,\n  actions,\n  getContainer,\n  maskMotion = defaultMaskMotion,\n  motion = defaultMotion,\n  open = false,\n  ...rest\n}: IDrawerProps): ReactElement => {\n  const cachedActiveElement = useRef<HTMLElement | null>(null);\n\n  useLayoutEffect(() => {\n    if (open && document.activeElement && !cachedActiveElement.current) {\n      cachedActiveElement.current = document.activeElement as HTMLElement;\n    }\n\n    if (!open && cachedActiveElement.current) {\n      cachedActiveElement.current.focus();\n      cachedActiveElement.current = null;\n    }\n  }, [open, cachedActiveElement]);\n\n  return (\n    <Styled.Drawer\n      as={DrawerHoc}\n      className={`${className} this-new-class-name`}\n      prefixCls={DRAWER_CLASS}\n      onClose={onClose}\n      getContainer={getContainer}\n      motion={motion}\n      maskMotion={maskMotion}\n      $bgColor={bgColor}\n      $sticky={sticky}\n      $elevation={elevation}\n      $zIndex={zIndex}\n      autoFocus={true}\n      open={open}\n      {...rest}\n    >\n      {!!header && (\n        <Styled.DrawerHeader $size={size} $headerBorder={headerBorder} $elevation={elevation}>\n          {backButton ? (\n            <Button\n              icon={<ChevronLeft />}\n              iconOnly={true}\n              variant={Variants.Transparent}\n              size={size}\n              onClick={onClose}\n              aria-label=\"Back\"\n            />\n          ) : null}\n          <Styled.DrawerHeaderContent>\n            <InfoBar size={size} direction={Directions.Vertical} {...header} />\n          </Styled.DrawerHeaderContent>\n          {closeButton ? (\n            <Button\n              icon={<CrossIcon />}\n              iconOnly={true}\n              variant={Variants.Transparent}\n              size={size}\n              onClick={onClose}\n              aria-label=\"Close\"\n            />\n          ) : null}\n        </Styled.DrawerHeader>\n      )}\n\n      <Styled.DrawerContent\n        $sticky={sticky}\n        $size={size}\n        $padding={padding}\n        $headerBorder={headerBorder}\n        $footerBorder={footerBorder}\n        $bgColor={bgColor}\n        $hasHeader={Boolean(header)}\n        $hasFooter={Boolean(actions)}\n      >\n        {children}\n      </Styled.DrawerContent>\n\n      {!!actions && (\n        <Styled.DrawerFooter $size={size} $footerBorder={footerBorder} $elevation={elevation}>\n          <ActionBar size={size} actions={actions} alignment={actionsAlignment} direction={actionsDirection} />\n        </Styled.DrawerFooter>\n      )}\n    </Styled.Drawer>\n  );\n};\n\nexport default Drawer;\n"],"names":["DrawerHoc","className","rootClassName","props","jsx","RcDrawer","classNames","Drawer","children","size","Sizes","header","actionsAlignment","Alignments","actionsDirection","Directions","sticky","zIndex","elevation","onClose","closeButton","backButton","padding","bgColor","headerBorder","footerBorder","actions","getContainer","maskMotion","defaultMaskMotion","motion","defaultMotion","open","rest","cachedActiveElement","useRef","useLayoutEffect","jsxs","Styled.Drawer","DRAWER_CLASS","Styled.DrawerHeader","Button","ChevronLeft","Variants","Styled.DrawerHeaderContent","InfoBar","CrossIcon","Styled.DrawerContent","Styled.DrawerFooter","ActionBar"],"mappings":"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"}

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

@@ -1,6 +1,8 @@
 import type { PickTransient } from '../../react-base/src/types';
 import type { IDrawerProps } from './Drawer.types';
-declare const Drawer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("rc-drawer").DrawerProps, PickTransient<IDrawerProps, "elevation" | "sticky" | "bgColor">>> & string & Omit<import("react").FC<import("rc-drawer").DrawerProps>, keyof import("react").Component<any, {}, any>>;
+type StyledDrawerPropKeys = 'elevation' | 'sticky' | 'bgColor' | 'zIndex';
+export type IStyledDrawerProps = PickTransient<IDrawerProps, StyledDrawerPropKeys>;
+declare const Drawer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("rc-drawer").DrawerProps, IStyledDrawerProps>> & string & Omit<import("react").FC<import("rc-drawer").DrawerProps>, keyof import("react").Component<any, {}, any>>;
 type DrawerContentPropKeys = 'size' | 'padding' | 'sticky' | 'headerBorder' | 'footerBorder' | 'bgColor';
 declare const DrawerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<PickTransient<IDrawerProps, DrawerContentPropKeys>> & {
     $hasHeader: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAkBnD,QAAA,MAAM,MAAM,6UAyMX,CAAC;AAEF,KAAK,qBAAqB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,GAAG,cAAc,GAAG,SAAS,CAAC;AACzG,QAAA,MAAM,aAAa;gBAEH,OAAO;gBACP,OAAO;YA2BtB,CAAC;AAaF,QAAA,MAAM,mBAAmB,6NAGxB,CAAC;AAEF,QAAA,MAAM,YAAY;;yDAgBjB,CAAC;AAEF,QAAA,MAAM,YAAY;;yDAWjB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAkBnD,KAAK,oBAAoB,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;AAEnF,QAAA,MAAM,MAAM,gSAyMX,CAAC;AAEF,KAAK,qBAAqB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,GAAG,cAAc,GAAG,SAAS,CAAC;AACzG,QAAA,MAAM,aAAa;gBAEH,OAAO;gBACP,OAAO;YA2BtB,CAAC;AAaF,QAAA,MAAM,mBAAmB,6NAGxB,CAAC;AAEF,QAAA,MAAM,YAAY;;yDAgBjB,CAAC;AAEF,QAAA,MAAM,YAAY;;yDAWjB,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,9 +1,9 @@
 import v from "rc-drawer";
-import { css as a, styled as r } from "styled-components";
-import { ZIndexes as c } from "../../react-base/src/consts/index.js";
-import { Variables as l } from "../../react-base/src/theme/types/layer.js";
-import { consts as e } from "../../react-base/src/components/Drawer/Drawer.consts.js";
-const m = (t = !1) => t ? "raised" : "surface", p = a`
+import { css as a, styled as i } from "styled-components";
+import { ZIndexes as m } from "../../react-base/src/consts/index.js";
+import { Variables as d } from "../../react-base/src/theme/types/layer.js";
+import { consts as r } from "../../react-base/src/components/Drawer/Drawer.consts.js";
+const f = (t = !1) => t ? "raised" : "surface", c = a`
   &-enter,
   &-appear,
   &-leave {
@@ -15,14 +15,14 @@ const m = (t = !1) => t ? "raised" : "surface", p = a`
       transition: all 0.3s ease-out;
     }
   }
-`, x = r(v)`
-  ${({ prefixCls: t, theme: o, $sticky: n, $bgColor: i, $elevation: d }) => {
-  const s = o.layer({ foundation: i ? "base" : m(d) });
+`, k = i(v)`
+  ${({ prefixCls: t, theme: o, $sticky: n, $bgColor: s, $elevation: p, $zIndex: e }) => {
+  const l = o.layer({ foundation: s ? "base" : f(p) });
   return a`
-      z-index: ${c.DRAWER};
+      z-index: ${e ?? m.DRAWER};
       position: fixed;
       inset: 0;
-      color: ${s[l.TextOnFoundationStrong]};
+      color: ${l[d.TextOnFoundationStrong]};
       pointer-events: none;
 
       &.${t}-inline {
@@ -33,7 +33,7 @@ const m = (t = !1) => t ? "raised" : "surface", p = a`
         &-mask {
           position: absolute;
           inset: 0;
-          z-index: ${c.DRAWER};
+          z-index: ${e ?? m.DRAWER};
           pointer-events: auto;
           background-color: ${o.globals("others").mask};
 
@@ -67,7 +67,7 @@ const m = (t = !1) => t ? "raised" : "surface", p = a`
 
         &-content-wrapper {
           position: absolute;
-          z-index: ${c.DRAWER};
+          z-index: ${e ?? m.DRAWER};
           transition: transform 0.3s ease-out;
 
           &-hidden {
@@ -101,7 +101,7 @@ const m = (t = !1) => t ? "raised" : "surface", p = a`
           &.panel-motion {
             /* Left */
             &-left {
-              ${p};
+              ${c};
               &-enter,
               &-appear {
                 &-start {
@@ -124,7 +124,7 @@ const m = (t = !1) => t ? "raised" : "surface", p = a`
 
             /* Right */
             &-right {
-              ${p};
+              ${c};
               &-enter,
               &-appear {
                 &-start {
@@ -147,7 +147,7 @@ const m = (t = !1) => t ? "raised" : "surface", p = a`
 
             /* Top */
             &-top {
-              ${p};
+              ${c};
               &-enter,
               &-appear {
                 &-start {
@@ -170,7 +170,7 @@ const m = (t = !1) => t ? "raised" : "surface", p = a`
 
             /* Bottom */
             &-bottom {
-              ${p};
+              ${c};
               &-enter,
               &-appear {
                 &-start {
@@ -199,22 +199,22 @@ const m = (t = !1) => t ? "raised" : "surface", p = a`
           height: 100%;
           width: 100%;
           pointer-events: auto;
-          background: ${s[l.BackgroundFoundation]};
+          background: ${l[d.BackgroundFoundation]};
           overflow: hidden;
 
           ${!n && a`
             overflow-y: auto;
           `}
 
-          ${d && a`
+          ${p && a`
             filter: ${o.dropShadows.high1};
           `}
         }
       }
     `;
 }}
-`, k = r.div`
-  ${({ $size: t, $padding: o, $sticky: n, $headerBorder: i, $footerBorder: d, $hasHeader: s, $hasFooter: f, $bgColor: $ }) => a`
+`, x = i.div`
+  ${({ $size: t, $padding: o, $sticky: n, $headerBorder: s, $footerBorder: p, $hasHeader: e, $hasFooter: l, $bgColor: u }) => a`
     display: flex;
     flex-direction: column;
 
@@ -223,58 +223,58 @@ const m = (t = !1) => t ? "raised" : "surface", p = a`
     `}
 
     ${o && a`
-      padding-inline: ${e[t].padding};
+      padding-inline: ${r[t].padding};
     `}
 
-     ${(s && (i || $) || !s) && a`
-      padding-block-start: ${e[t].padding};
+     ${(e && (s || u) || !e) && a`
+      padding-block-start: ${r[t].padding};
     `}
 
-        ${(f && (d || $) || !f) && a`
-      padding-block-end: ${e[t].padding};
+        ${(l && (p || u) || !l) && a`
+      padding-block-end: ${r[t].padding};
     `}
   `}
-`, u = r.div`
+`, $ = i.div`
   ${({ $size: t, $elevation: o, theme: n }) => a`
-    z-index: ${c.ELEVATED};
+    z-index: ${m.ELEVATED};
     display: flex;
     align-items: flex-start;
     min-height: auto;
-    padding: ${e[t].padding};
-    background: ${n.layer({ foundation: m(o) })[l.BackgroundFoundation]};
+    padding: ${r[t].padding};
+    background: ${n.layer({ foundation: f(o) })[d.BackgroundFoundation]};
   `}
-`, D = r.div`
+`, D = i.div`
   flex: 1 0 0;
   align-self: center;
-`, R = r(u)`
-  ${({ $headerBorder: t, $elevation: o, $size: n, theme: i }) => a`
+`, R = i($)`
+  ${({ $headerBorder: t, $elevation: o, $size: n, theme: s }) => a`
     gap: 12px;
 
     & > button:first-child {
-      min-width: ${e[n].backIconSize};
-      width: ${e[n].backIconSize};
-      max-width: ${e[n].backIconSize};
+      min-width: ${r[n].backIconSize};
+      width: ${r[n].backIconSize};
+      max-width: ${r[n].backIconSize};
     }
 
     ${t && a`
       border-bottom: 1px solid
-        ${i.layer({ foundation: m(o) })[l.BorderOnFoundationSubtle]};
+        ${s.layer({ foundation: f(o) })[d.BorderOnFoundationSubtle]};
     `}
   `}
-`, X = r(u)`
+`, X = i($)`
   ${({ $footerBorder: t, $elevation: o, theme: n }) => a`
     width: 100%;
     margin-top: auto;
 
     ${t && a`
       border-top: 1px solid
-        ${n.layer({ foundation: m(o) })[l.BorderOnFoundationSubtle]};
+        ${n.layer({ foundation: f(o) })[d.BorderOnFoundationSubtle]};
     `}
   `}
 `;
 export {
-  x as Drawer,
-  k as DrawerContent,
+  k as Drawer,
+  x as DrawerContent,
   X as DrawerFooter,
   R as DrawerHeader,
   D as DrawerHeaderContent

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import RcDrawer from 'rc-drawer';\nimport { styled, css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { DrawerConsts } from 'acinguiux-ds-react-base/components/Drawer';\n\nimport type { IDrawerProps } from './Drawer.types';\n\nconst raisedOnElevation = (elevation = false): 'raised' | 'surface' => (elevation ? 'raised' : 'surface');\n\nconst panelMotion = css`\n  &-enter,\n  &-appear,\n  &-leave {\n    &-start {\n      transition: none;\n    }\n\n    &-active {\n      transition: all 0.3s ease-out;\n    }\n  }\n`;\n\nconst Drawer = styled(RcDrawer)<PickTransient<IDrawerProps, 'elevation' | 'sticky' | 'bgColor'>>`\n  ${({ prefixCls, theme, $sticky, $bgColor, $elevation }) => {\n    const layer = theme.layer({ foundation: $bgColor ? 'base' : raisedOnElevation($elevation) });\n\n    return css`\n      z-index: ${ZIndexes.DRAWER};\n      position: fixed;\n      inset: 0;\n      color: ${layer[Variables.TextOnFoundationStrong]};\n      pointer-events: none;\n\n      &.${prefixCls}-inline {\n        position: absolute;\n      }\n\n      .${prefixCls} {\n        &-mask {\n          position: absolute;\n          inset: 0;\n          z-index: ${ZIndexes.DRAWER};\n          pointer-events: auto;\n          background-color: ${theme.globals('others').mask};\n\n          &.mask-motion {\n            &-enter,\n            &-appear,\n            &-leave {\n              &-active {\n                transition: all 0.3s;\n              }\n            }\n\n            &-enter,\n            &-appear {\n              opacity: 0;\n\n              &-active {\n                opacity: 1;\n              }\n            }\n\n            &-leave {\n              opacity: 1;\n\n              &-active {\n                opacity: 0;\n              }\n            }\n          }\n        }\n\n        &-content-wrapper {\n          position: absolute;\n          z-index: ${ZIndexes.DRAWER};\n          transition: transform 0.3s ease-out;\n\n          &-hidden {\n            display: none;\n          }\n\n          .${prefixCls}-left& {\n            top: 0;\n            bottom: 0;\n            left: 0;\n          }\n\n          .${prefixCls}-right& {\n            top: 0;\n            right: 0;\n            bottom: 0;\n          }\n\n          .${prefixCls}-top& {\n            top: 0;\n            right: 0;\n            left: 0;\n          }\n\n          .${prefixCls}-bottom& {\n            right: 0;\n            bottom: 0;\n            left: 0;\n          }\n\n          &.panel-motion {\n            /* Left */\n            &-left {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateX(-100%) !important;\n                }\n\n                &-active {\n                  transform: translateX(0);\n                }\n              }\n\n              &-leave {\n                transform: translateX(0);\n\n                &-active {\n                  transform: translateX(-100%);\n                }\n              }\n            }\n\n            /* Right */\n            &-right {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateX(100%) !important;\n                }\n\n                &-active {\n                  transform: translateX(0);\n                }\n              }\n\n              &-leave {\n                transform: translateX(0);\n\n                &-active {\n                  transform: translateX(100%);\n                }\n              }\n            }\n\n            /* Top */\n            &-top {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateY(-100%) !important;\n                }\n\n                &-active {\n                  transform: translateY(0);\n                }\n              }\n\n              &-leave {\n                transform: translateY(0);\n\n                &-active {\n                  transform: translateY(-100%);\n                }\n              }\n            }\n\n            /* Bottom */\n            &-bottom {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateY(100%) !important;\n                }\n\n                &-active {\n                  transform: translateY(0);\n                }\n              }\n\n              &-leave {\n                transform: translateY(0);\n\n                &-active {\n                  transform: translateY(100%);\n                }\n              }\n            }\n          }\n        }\n\n        &-content {\n          display: flex;\n          flex-direction: column;\n          height: 100%;\n          width: 100%;\n          pointer-events: auto;\n          background: ${layer[Variables.BackgroundFoundation]};\n          overflow: hidden;\n\n          ${!$sticky &&\n          css`\n            overflow-y: auto;\n          `}\n\n          ${$elevation &&\n          css`\n            filter: ${theme.dropShadows.high1};\n          `}\n        }\n      }\n    `;\n  }}\n`;\n\ntype DrawerContentPropKeys = 'size' | 'padding' | 'sticky' | 'headerBorder' | 'footerBorder' | 'bgColor';\nconst DrawerContent = styled.div<\n  Required<PickTransient<IDrawerProps, DrawerContentPropKeys>> & {\n    $hasHeader: boolean;\n    $hasFooter: boolean;\n  }\n>`\n  ${({ $size, $padding, $sticky, $headerBorder, $footerBorder, $hasHeader, $hasFooter, $bgColor }) => css`\n    display: flex;\n    flex-direction: column;\n\n    ${$sticky &&\n    css`\n      overflow-y: auto;\n    `}\n\n    ${$padding &&\n    css`\n      padding-inline: ${DrawerConsts.consts[$size].padding};\n    `}\n\n     ${(($hasHeader && ($headerBorder || $bgColor)) || !$hasHeader) &&\n    css`\n      padding-block-start: ${DrawerConsts.consts[$size].padding};\n    `}\n\n        ${(($hasFooter && ($footerBorder || $bgColor)) || !$hasFooter) &&\n    css`\n      padding-block-end: ${DrawerConsts.consts[$size].padding};\n    `}\n  `}\n`;\n\nconst DrawerBar = styled.div<Required<PickTransient<IDrawerProps, 'size'>> & PickTransient<IDrawerProps, 'elevation'>>`\n  ${({ $size, $elevation, theme }) => css`\n    z-index: ${ZIndexes.ELEVATED};\n    display: flex;\n    align-items: flex-start;\n    min-height: auto;\n    padding: ${DrawerConsts.consts[$size].padding};\n    background: ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BackgroundFoundation]};\n  `}\n`;\n\nconst DrawerHeaderContent = styled.div`\n  flex: 1 0 0;\n  align-self: center;\n`;\n\nconst DrawerHeader = styled(DrawerBar)<PickTransient<IDrawerProps, 'headerBorder'>>`\n  ${({ $headerBorder, $elevation, $size, theme }) => css`\n    gap: 12px;\n\n    & > button:first-child {\n      min-width: ${DrawerConsts.consts[$size].backIconSize};\n      width: ${DrawerConsts.consts[$size].backIconSize};\n      max-width: ${DrawerConsts.consts[$size].backIconSize};\n    }\n\n    ${$headerBorder &&\n    css`\n      border-bottom: 1px solid\n        ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n    `}\n  `}\n`;\n\nconst DrawerFooter = styled(DrawerBar)<PickTransient<IDrawerProps, 'footerBorder'>>`\n  ${({ $footerBorder, $elevation, theme }) => css`\n    width: 100%;\n    margin-top: auto;\n\n    ${$footerBorder &&\n    css`\n      border-top: 1px solid\n        ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n    `}\n  `}\n`;\n\nexport { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };\n"],"names":["raisedOnElevation","elevation","panelMotion","css","Drawer","styled","RcDrawer","prefixCls","theme","$sticky","$bgColor","$elevation","layer","ZIndexes","Variables","DrawerContent","$size","$padding","$headerBorder","$footerBorder","$hasHeader","$hasFooter","DrawerConsts.consts","DrawerBar","DrawerHeaderContent","DrawerHeader","DrawerFooter"],"mappings":"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"}
+{"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import RcDrawer from 'rc-drawer';\nimport { styled, css } from 'styled-components';\nimport { ZIndexes } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { DrawerConsts } from 'acinguiux-ds-react-base/components/Drawer';\n\nimport type { IDrawerProps } from './Drawer.types';\n\nconst raisedOnElevation = (elevation = false): 'raised' | 'surface' => (elevation ? 'raised' : 'surface');\n\nconst panelMotion = css`\n  &-enter,\n  &-appear,\n  &-leave {\n    &-start {\n      transition: none;\n    }\n\n    &-active {\n      transition: all 0.3s ease-out;\n    }\n  }\n`;\n\ntype StyledDrawerPropKeys = 'elevation' | 'sticky' | 'bgColor' | 'zIndex';\nexport type IStyledDrawerProps = PickTransient<IDrawerProps, StyledDrawerPropKeys>;\n\nconst Drawer = styled(RcDrawer)<IStyledDrawerProps>`\n  ${({ prefixCls, theme, $sticky, $bgColor, $elevation, $zIndex }) => {\n    const layer = theme.layer({ foundation: $bgColor ? 'base' : raisedOnElevation($elevation) });\n\n    return css`\n      z-index: ${$zIndex ?? ZIndexes.DRAWER};\n      position: fixed;\n      inset: 0;\n      color: ${layer[Variables.TextOnFoundationStrong]};\n      pointer-events: none;\n\n      &.${prefixCls}-inline {\n        position: absolute;\n      }\n\n      .${prefixCls} {\n        &-mask {\n          position: absolute;\n          inset: 0;\n          z-index: ${$zIndex ?? ZIndexes.DRAWER};\n          pointer-events: auto;\n          background-color: ${theme.globals('others').mask};\n\n          &.mask-motion {\n            &-enter,\n            &-appear,\n            &-leave {\n              &-active {\n                transition: all 0.3s;\n              }\n            }\n\n            &-enter,\n            &-appear {\n              opacity: 0;\n\n              &-active {\n                opacity: 1;\n              }\n            }\n\n            &-leave {\n              opacity: 1;\n\n              &-active {\n                opacity: 0;\n              }\n            }\n          }\n        }\n\n        &-content-wrapper {\n          position: absolute;\n          z-index: ${$zIndex ?? ZIndexes.DRAWER};\n          transition: transform 0.3s ease-out;\n\n          &-hidden {\n            display: none;\n          }\n\n          .${prefixCls}-left& {\n            top: 0;\n            bottom: 0;\n            left: 0;\n          }\n\n          .${prefixCls}-right& {\n            top: 0;\n            right: 0;\n            bottom: 0;\n          }\n\n          .${prefixCls}-top& {\n            top: 0;\n            right: 0;\n            left: 0;\n          }\n\n          .${prefixCls}-bottom& {\n            right: 0;\n            bottom: 0;\n            left: 0;\n          }\n\n          &.panel-motion {\n            /* Left */\n            &-left {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateX(-100%) !important;\n                }\n\n                &-active {\n                  transform: translateX(0);\n                }\n              }\n\n              &-leave {\n                transform: translateX(0);\n\n                &-active {\n                  transform: translateX(-100%);\n                }\n              }\n            }\n\n            /* Right */\n            &-right {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateX(100%) !important;\n                }\n\n                &-active {\n                  transform: translateX(0);\n                }\n              }\n\n              &-leave {\n                transform: translateX(0);\n\n                &-active {\n                  transform: translateX(100%);\n                }\n              }\n            }\n\n            /* Top */\n            &-top {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateY(-100%) !important;\n                }\n\n                &-active {\n                  transform: translateY(0);\n                }\n              }\n\n              &-leave {\n                transform: translateY(0);\n\n                &-active {\n                  transform: translateY(-100%);\n                }\n              }\n            }\n\n            /* Bottom */\n            &-bottom {\n              ${panelMotion};\n              &-enter,\n              &-appear {\n                &-start {\n                  transform: translateY(100%) !important;\n                }\n\n                &-active {\n                  transform: translateY(0);\n                }\n              }\n\n              &-leave {\n                transform: translateY(0);\n\n                &-active {\n                  transform: translateY(100%);\n                }\n              }\n            }\n          }\n        }\n\n        &-content {\n          display: flex;\n          flex-direction: column;\n          height: 100%;\n          width: 100%;\n          pointer-events: auto;\n          background: ${layer[Variables.BackgroundFoundation]};\n          overflow: hidden;\n\n          ${!$sticky &&\n          css`\n            overflow-y: auto;\n          `}\n\n          ${$elevation &&\n          css`\n            filter: ${theme.dropShadows.high1};\n          `}\n        }\n      }\n    `;\n  }}\n`;\n\ntype DrawerContentPropKeys = 'size' | 'padding' | 'sticky' | 'headerBorder' | 'footerBorder' | 'bgColor';\nconst DrawerContent = styled.div<\n  Required<PickTransient<IDrawerProps, DrawerContentPropKeys>> & {\n    $hasHeader: boolean;\n    $hasFooter: boolean;\n  }\n>`\n  ${({ $size, $padding, $sticky, $headerBorder, $footerBorder, $hasHeader, $hasFooter, $bgColor }) => css`\n    display: flex;\n    flex-direction: column;\n\n    ${$sticky &&\n    css`\n      overflow-y: auto;\n    `}\n\n    ${$padding &&\n    css`\n      padding-inline: ${DrawerConsts.consts[$size].padding};\n    `}\n\n     ${(($hasHeader && ($headerBorder || $bgColor)) || !$hasHeader) &&\n    css`\n      padding-block-start: ${DrawerConsts.consts[$size].padding};\n    `}\n\n        ${(($hasFooter && ($footerBorder || $bgColor)) || !$hasFooter) &&\n    css`\n      padding-block-end: ${DrawerConsts.consts[$size].padding};\n    `}\n  `}\n`;\n\nconst DrawerBar = styled.div<Required<PickTransient<IDrawerProps, 'size'>> & PickTransient<IDrawerProps, 'elevation'>>`\n  ${({ $size, $elevation, theme }) => css`\n    z-index: ${ZIndexes.ELEVATED};\n    display: flex;\n    align-items: flex-start;\n    min-height: auto;\n    padding: ${DrawerConsts.consts[$size].padding};\n    background: ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BackgroundFoundation]};\n  `}\n`;\n\nconst DrawerHeaderContent = styled.div`\n  flex: 1 0 0;\n  align-self: center;\n`;\n\nconst DrawerHeader = styled(DrawerBar)<PickTransient<IDrawerProps, 'headerBorder'>>`\n  ${({ $headerBorder, $elevation, $size, theme }) => css`\n    gap: 12px;\n\n    & > button:first-child {\n      min-width: ${DrawerConsts.consts[$size].backIconSize};\n      width: ${DrawerConsts.consts[$size].backIconSize};\n      max-width: ${DrawerConsts.consts[$size].backIconSize};\n    }\n\n    ${$headerBorder &&\n    css`\n      border-bottom: 1px solid\n        ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n    `}\n  `}\n`;\n\nconst DrawerFooter = styled(DrawerBar)<PickTransient<IDrawerProps, 'footerBorder'>>`\n  ${({ $footerBorder, $elevation, theme }) => css`\n    width: 100%;\n    margin-top: auto;\n\n    ${$footerBorder &&\n    css`\n      border-top: 1px solid\n        ${theme.layer({ foundation: raisedOnElevation($elevation) })[Variables.BorderOnFoundationSubtle]};\n    `}\n  `}\n`;\n\nexport { Drawer, DrawerContent, DrawerHeader, DrawerHeaderContent, DrawerFooter };\n"],"names":["raisedOnElevation","elevation","panelMotion","css","Drawer","styled","RcDrawer","prefixCls","theme","$sticky","$bgColor","$elevation","$zIndex","layer","ZIndexes","Variables","DrawerContent","$size","$padding","$headerBorder","$footerBorder","$hasHeader","$hasFooter","DrawerConsts.consts","DrawerBar","DrawerHeaderContent","DrawerHeader","DrawerFooter"],"mappings":"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"}

package/build/esm/components/EmptyState/EmptyState.js

@@ -1,42 +1,42 @@
-import { jsxs as S, jsx as m } from "react/jsx-runtime";
-import { forwardRef as A } from "react";
-import E from "classnames";
-import { Sizes as T, Alignments as x } from "../../react-base/src/consts/index.js";
-import { getVisualPlaceholderVariant as y } from "../../react-base/src/components/EmptyState/EmptyState.utils.js";
-import { FabricsVariables as C } from "acinguiux-ds-fabrics";
-import P from "../Button/Button.js";
-import { EmptyState as V, VisualPlaceholder as k, TextPlaceholder as N, Title as j, Description as L, Actions as M } from "./EmptyState.styles.js";
-import _ from "../Button/ButtonLink.js";
-import g from "../Button/SentimentButton.js";
-import { EMPTY_STATE_CLASS as n } from "../../react-base/src/consts/classes.js";
-const K = A(
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import o from "classnames";
+import { Sizes as A, Alignments as E } from "../../react-base/src/consts/index.js";
+import { getVisualPlaceholderVariant as T } from "../../react-base/src/components/EmptyState/EmptyState.utils.js";
+import { FabricsVariables as x } from "acinguiux-ds-fabrics";
+import y from "../Button/Button.js";
+import { EmptyState as C, VisualPlaceholder as P, TextPlaceholder as V, Title as k, Description as t, Actions as N } from "./EmptyState.styles.js";
+import j from "../Button/ButtonLink.js";
+import L from "../Button/SentimentButton.js";
+import { EMPTY_STATE_CLASS as M } from "../../react-base/src/consts/classes.js";
+const H = b(
   ({
-    className: $,
+    className: n,
     image: s,
-    icon: l,
-    pictogram: h,
-    title: d,
+    icon: m,
+    pictogram: f,
+    title: i,
     description: p,
-    size: e = T.Medium,
-    actions: f,
-    actionsAlignment: a = x.Center,
-    ...b
-  }, i) => /* @__PURE__ */ S(V, { ref: i, $size: e, className: E(n, $), ...b, children: [
-    !!(s ?? h ?? l) && /* @__PURE__ */ m(
-      k,
+    size: e = A.Medium,
+    actions: h,
+    actionsAlignment: d = E.Center,
+    ...S
+  }, $) => /* @__PURE__ */ a(C, { ref: $, $size: e, className: o(M, n), ...S, children: [
+    !!(s ?? f ?? m) && /* @__PURE__ */ l(
+      P,
       {
         $size: e,
-        $variant: y(!!s, !!h, !!l),
-        $iconSentiment: (l == null ? void 0 : l.sentiment) ?? C.Sentiments.Neutral,
-        children: s ?? h ?? (l == null ? void 0 : l.component)
+        $variant: T(!!s, !!f, !!m),
+        $iconSentiment: m?.sentiment ?? x.Sentiments.Neutral,
+        children: s ?? f ?? m?.component
       }
     ),
-    !!(d ?? p) && /* @__PURE__ */ S(N, { $size: e, children: [
-      !!d && /* @__PURE__ */ m(j, { $size: e, children: d }),
-      typeof p == "string" ? /* @__PURE__ */ m(L, { $size: e, children: p }) : p
+    !!(i ?? p) && /* @__PURE__ */ a(V, { $size: e, children: [
+      !!i && /* @__PURE__ */ l(k, { $size: e, children: i }),
+      typeof p == "string" ? /* @__PURE__ */ l(t, { $size: e, children: p }) : p
     ] }),
-    !!(f != null && f.length) && /* @__PURE__ */ m(M, { $size: e, $actionsAlignment: a, children: f.map((r) => "href" in r && r.href ? /* @__PURE__ */ m(_, { size: e, href: r.href, ...r.props, children: r.label }, r.label) : "action" in r ? r.props && "sentiment" in r.props && r.props.sentiment ? /* @__PURE__ */ m(
-      g,
+    !!h?.length && /* @__PURE__ */ l(N, { $size: e, $actionsAlignment: d, children: h.map((r) => "href" in r && r.href ? /* @__PURE__ */ l(j, { size: e, href: r.href, ...r.props, children: r.label }, r.label) : "action" in r ? r.props && "sentiment" in r.props && r.props.sentiment ? /* @__PURE__ */ l(
+      L,
       {
         size: e,
         onClick: r.action,
@@ -44,10 +44,10 @@ const K = A(
         children: r.label
       },
       r.label
-    ) : /* @__PURE__ */ m(P, { size: e, onClick: r.action, ...r.props, children: r.label }, r.label) : null) })
+    ) : /* @__PURE__ */ l(y, { size: e, onClick: r.action, ...r.props, children: r.label }, r.label) : null) })
   ] })
 );
 export {
-  K as default
+  H as default
 };
 //# sourceMappingURL=EmptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Alignments, EMPTY_STATE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { EmptyStateUtils } from 'acinguiux-ds-react-base/components/EmptyState';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Button from '../Button/Button';\nimport * as Styled from './EmptyState.styles';\nimport type { IEmptyStateProps } from './EmptyState.types';\nimport ButtonLink from '../Button/ButtonLink';\nimport SentimentButton from '../Button/SentimentButton';\n\nconst EmptyState = forwardRef(\n  (\n    {\n      className,\n      image,\n      icon,\n      pictogram,\n      title,\n      description,\n      size = Sizes.Medium,\n      actions,\n      actionsAlignment = Alignments.Center,\n      ...rest\n    }: IEmptyStateProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => (\n    <Styled.EmptyState ref={ref} $size={size} className={classNames(EMPTY_STATE_CLASS, className)} {...rest}>\n      {!!(image ?? pictogram ?? icon) && (\n        <Styled.VisualPlaceholder\n          $size={size}\n          $variant={EmptyStateUtils.getVisualPlaceholderVariant(!!image, !!pictogram, !!icon)}\n          $iconSentiment={icon?.sentiment ?? FabricsVariables.Sentiments.Neutral}\n        >\n          {image ?? pictogram ?? icon?.component}\n        </Styled.VisualPlaceholder>\n      )}\n\n      {!!(title ?? description) && (\n        <Styled.TextPlaceholder $size={size}>\n          {!!title && <Styled.Title $size={size}>{title}</Styled.Title>}\n          {typeof description === 'string' ? (\n            <Styled.Description $size={size}>{description}</Styled.Description>\n          ) : (\n            description\n          )}\n        </Styled.TextPlaceholder>\n      )}\n\n      {!!actions?.length && (\n        <Styled.Actions $size={size} $actionsAlignment={actionsAlignment}>\n          {actions.map((actionButton) => {\n            if ('href' in actionButton && actionButton.href) {\n              return (\n                <ButtonLink key={actionButton.label} size={size} href={actionButton.href} {...actionButton.props}>\n                  {actionButton.label}\n                </ButtonLink>\n              );\n            }\n\n            if ('action' in actionButton) {\n              if (actionButton.props && 'sentiment' in actionButton.props && actionButton.props.sentiment) {\n                return (\n                  <SentimentButton\n                    key={actionButton.label}\n                    size={size}\n                    onClick={actionButton.action}\n                    {...actionButton.props}\n                  >\n                    {actionButton.label}\n                  </SentimentButton>\n                );\n              }\n\n              return (\n                <Button key={actionButton.label} size={size} onClick={actionButton.action} {...actionButton.props}>\n                  {actionButton.label}\n                </Button>\n              );\n            }\n\n            return null;\n          })}\n        </Styled.Actions>\n      )}\n    </Styled.EmptyState>\n  ),\n);\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","className","image","icon","pictogram","title","description","size","Sizes","actions","actionsAlignment","Alignments","rest","ref","jsxs","Styled.EmptyState","classNames","EMPTY_STATE_CLASS","jsx","Styled.VisualPlaceholder","EmptyStateUtils.getVisualPlaceholderVariant","FabricsVariables","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","SentimentButton","Button"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAaC;AAAA,EACjB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC;AAAA,IACA,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC,EAACC,GAAA,EAAkB,KAAAF,GAAU,OAAON,GAAM,WAAWS,EAAWC,GAAmBhB,CAAS,GAAI,GAAGW,GAChG,UAAA;AAAA,IAAA,CAAC,EAAEV,KAASE,KAAaD,MACxB,gBAAAe;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAOZ;AAAA,QACP,UAAUa,EAA4C,CAAC,CAAClB,GAAO,CAAC,CAACE,GAAW,CAAC,CAACD,CAAI;AAAA,QAClF,iBAAgBA,KAAA,gBAAAA,EAAM,cAAakB,EAAiB,WAAW;AAAA,QAE9D,UAAAnB,KAASE,MAAaD,KAAA,gBAAAA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAIhC,CAAC,EAAEE,KAASC,wBACVgB,GAAA,EAAuB,OAAOf,GAC5B,UAAA;AAAA,MAAA,CAAC,CAACF,KAAS,gBAAAa,EAACK,GAAA,EAAa,OAAOhB,GAAO,UAAAF,GAAM;AAAA,MAC7C,OAAOC,KAAgB,WACtB,gBAAAY,EAACM,GAAA,EAAmB,OAAOjB,GAAO,UAAAD,EAAA,CAAY,IAE9CA;AAAA,IAAA,GAEJ;AAAA,IAGD,CAAC,EAACG,KAAA,QAAAA,EAAS,6BACTgB,GAAA,EAAe,OAAOlB,GAAM,mBAAmBG,GAC7C,UAAAD,EAAQ,IAAI,CAACiB,MACR,UAAUA,KAAgBA,EAAa,OAEvC,gBAAAR,EAACS,GAAA,EAAoC,MAAApB,GAAY,MAAMmB,EAAa,MAAO,GAAGA,EAAa,OACxF,UAAAA,EAAa,MAAA,GADCA,EAAa,KAE9B,IAIA,YAAYA,IACVA,EAAa,SAAS,eAAeA,EAAa,SAASA,EAAa,MAAM,YAE9E,gBAAAR;AAAA,MAACU;AAAA,MAAA;AAAA,QAEC,MAAArB;AAAA,QACA,SAASmB,EAAa;AAAA,QACrB,GAAGA,EAAa;AAAA,QAEhB,UAAAA,EAAa;AAAA,MAAA;AAAA,MALTA,EAAa;AAAA,IAAA,IAWtB,gBAAAR,EAACW,GAAA,EAAgC,MAAAtB,GAAY,SAASmB,EAAa,QAAS,GAAGA,EAAa,OACzF,UAAAA,EAAa,MAAA,GADHA,EAAa,KAE1B,IAIG,IACR,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Alignments, EMPTY_STATE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { EmptyStateUtils } from 'acinguiux-ds-react-base/components/EmptyState';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport Button from '../Button/Button';\nimport * as Styled from './EmptyState.styles';\nimport type { IEmptyStateProps } from './EmptyState.types';\nimport ButtonLink from '../Button/ButtonLink';\nimport SentimentButton from '../Button/SentimentButton';\n\nconst EmptyState = forwardRef(\n  (\n    {\n      className,\n      image,\n      icon,\n      pictogram,\n      title,\n      description,\n      size = Sizes.Medium,\n      actions,\n      actionsAlignment = Alignments.Center,\n      ...rest\n    }: IEmptyStateProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => (\n    <Styled.EmptyState ref={ref} $size={size} className={classNames(EMPTY_STATE_CLASS, className)} {...rest}>\n      {!!(image ?? pictogram ?? icon) && (\n        <Styled.VisualPlaceholder\n          $size={size}\n          $variant={EmptyStateUtils.getVisualPlaceholderVariant(!!image, !!pictogram, !!icon)}\n          $iconSentiment={icon?.sentiment ?? FabricsVariables.Sentiments.Neutral}\n        >\n          {image ?? pictogram ?? icon?.component}\n        </Styled.VisualPlaceholder>\n      )}\n\n      {!!(title ?? description) && (\n        <Styled.TextPlaceholder $size={size}>\n          {!!title && <Styled.Title $size={size}>{title}</Styled.Title>}\n          {typeof description === 'string' ? (\n            <Styled.Description $size={size}>{description}</Styled.Description>\n          ) : (\n            description\n          )}\n        </Styled.TextPlaceholder>\n      )}\n\n      {!!actions?.length && (\n        <Styled.Actions $size={size} $actionsAlignment={actionsAlignment}>\n          {actions.map((actionButton) => {\n            if ('href' in actionButton && actionButton.href) {\n              return (\n                <ButtonLink key={actionButton.label} size={size} href={actionButton.href} {...actionButton.props}>\n                  {actionButton.label}\n                </ButtonLink>\n              );\n            }\n\n            if ('action' in actionButton) {\n              if (actionButton.props && 'sentiment' in actionButton.props && actionButton.props.sentiment) {\n                return (\n                  <SentimentButton\n                    key={actionButton.label}\n                    size={size}\n                    onClick={actionButton.action}\n                    {...actionButton.props}\n                  >\n                    {actionButton.label}\n                  </SentimentButton>\n                );\n              }\n\n              return (\n                <Button key={actionButton.label} size={size} onClick={actionButton.action} {...actionButton.props}>\n                  {actionButton.label}\n                </Button>\n              );\n            }\n\n            return null;\n          })}\n        </Styled.Actions>\n      )}\n    </Styled.EmptyState>\n  ),\n);\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","className","image","icon","pictogram","title","description","size","Sizes","actions","actionsAlignment","Alignments","rest","ref","jsxs","Styled.EmptyState","classNames","EMPTY_STATE_CLASS","jsx","Styled.VisualPlaceholder","EmptyStateUtils.getVisualPlaceholderVariant","FabricsVariables","Styled.TextPlaceholder","Styled.Title","Styled.Description","Styled.Actions","actionButton","ButtonLink","SentimentButton","Button"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAaC;AAAA,EACjB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC;AAAA,IACA,kBAAAC,IAAmBC,EAAW;AAAA,IAC9B,GAAGC;AAAA,EAAA,GAELC,MAEA,gBAAAC,EAACC,GAAA,EAAkB,KAAAF,GAAU,OAAON,GAAM,WAAWS,EAAWC,GAAmBhB,CAAS,GAAI,GAAGW,GAChG,UAAA;AAAA,IAAA,CAAC,EAAEV,KAASE,KAAaD,MACxB,gBAAAe;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAOZ;AAAA,QACP,UAAUa,EAA4C,CAAC,CAAClB,GAAO,CAAC,CAACE,GAAW,CAAC,CAACD,CAAI;AAAA,QAClF,gBAAgBA,GAAM,aAAakB,EAAiB,WAAW;AAAA,QAE9D,UAAAnB,KAASE,KAAaD,GAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAIhC,CAAC,EAAEE,KAASC,wBACVgB,GAAA,EAAuB,OAAOf,GAC5B,UAAA;AAAA,MAAA,CAAC,CAACF,KAAS,gBAAAa,EAACK,GAAA,EAAa,OAAOhB,GAAO,UAAAF,GAAM;AAAA,MAC7C,OAAOC,KAAgB,WACtB,gBAAAY,EAACM,GAAA,EAAmB,OAAOjB,GAAO,UAAAD,EAAA,CAAY,IAE9CA;AAAA,IAAA,GAEJ;AAAA,IAGD,CAAC,CAACG,GAAS,4BACTgB,GAAA,EAAe,OAAOlB,GAAM,mBAAmBG,GAC7C,UAAAD,EAAQ,IAAI,CAACiB,MACR,UAAUA,KAAgBA,EAAa,OAEvC,gBAAAR,EAACS,GAAA,EAAoC,MAAApB,GAAY,MAAMmB,EAAa,MAAO,GAAGA,EAAa,OACxF,UAAAA,EAAa,MAAA,GADCA,EAAa,KAE9B,IAIA,YAAYA,IACVA,EAAa,SAAS,eAAeA,EAAa,SAASA,EAAa,MAAM,YAE9E,gBAAAR;AAAA,MAACU;AAAA,MAAA;AAAA,QAEC,MAAArB;AAAA,QACA,SAASmB,EAAa;AAAA,QACrB,GAAGA,EAAa;AAAA,QAEhB,UAAAA,EAAa;AAAA,MAAA;AAAA,MALTA,EAAa;AAAA,IAAA,IAWtB,gBAAAR,EAACW,GAAA,EAAgC,MAAAtB,GAAY,SAASmB,EAAa,QAAS,GAAGA,EAAa,OACzF,UAAAA,EAAa,MAAA,GADHA,EAAa,KAE1B,IAIG,IACR,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ;AAEJ;"}

package/build/esm/components/FileUploader/FileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAS/D,QAAA,MAAM,YAAY,+GA6IjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAS/D,QAAA,MAAM,YAAY,+GAgJjB,CAAC;AAEF,eAAe,YAAY,CAAC"}