acinguiux-ds-react-framework 0.0.7 → 0.0.8

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

@@ -1,7 +1,7 @@
 import { IDividerProps } from './Divider.types';
-export declare const Divider: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, Omit<IDividerProps, "shape" | "size" | "contrast"> & Required<Pick<IDividerProps, "shape" | "size" | "contrast">> & Omit<IDividerProps, "sentiment" | "prominence" | "direction"> & {
+export declare const Divider: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, Omit<IDividerProps, "shape" | "size" | "contrast"> & Required<Pick<IDividerProps, "shape" | "size" | "contrast">> & Omit<IDividerProps, "direction" | "sentiment" | "prominence"> & {
+    $direction?: import("acinguiux-ds-react-base/build/esm/components/Divider/Divider.types").Directions | undefined;
     $sentiment?: import("acinguiux-ds-fabrics").SentimentType | undefined;
     $prominence?: import("acinguiux-ds-fabrics").ProminenceType | undefined;
-    $direction?: import("..\..\react-base\src/components/Divider/Divider.types").Directions | undefined;
 }, never>;
 //# sourceMappingURL=Divider.styles.d.ts.map

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

@@ -1,20 +1,20 @@
-import a, { css as r } from "styled-components";
-import { useStyles as n } from "../../react-base/src/components/Divider/Divider.utils.js";
-import { Directions as d } from "../../react-base/src/consts.js";
-const g = a.hr`
-  ${({ size: e, $direction: o, contrast: s, sentiment: h, prominence: p, shape: $, theme: c }) => {
-  const { borderRadius: l, borderWidth: m, color: i, width: t } = n({
+import m, { css as r } from "styled-components";
+import { Directions as d } from "../../react-base/build/esm/consts.js";
+import { useStyles as n } from "../../react-base/build/esm/components/Divider/Divider.utils.js";
+const g = m.hr`
+  ${({ size: e, $direction: o, contrast: s, sentiment: h, prominence: a, shape: p, theme: $ }) => {
+  const { borderRadius: c, borderWidth: l, color: i, width: t } = n({
     size: e,
     contrast: s,
-    prominence: p,
+    prominence: a,
     sentiment: h,
-    shape: $,
-    theme: c
+    shape: p,
+    theme: $
   });
   return r`
       margin: 0;
-      border-radius: ${l}px;
-      border: ${m}px solid ${i};
+      border-radius: ${c}px;
+      border: ${l}px solid ${i};
       background-color: ${i};
 
       ${o === d.Horizontal && r`

package/build/esm/components/Divider/Divider.types.d.ts

@@ -1,4 +1,4 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { DividerTypes } from '..\..\react-base\src';
+import { DividerTypes } from 'acinguiux-ds-react-base';
 export type IDividerProps = DividerTypes.IProps & ComponentPropsWithoutRef<'hr'>;
 //# sourceMappingURL=Divider.types.d.ts.map

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

@@ -2,26 +2,26 @@ import { jsxs as D, jsx as r } from "react/jsx-runtime";
 import { useRef as x, useLayoutEffect as H } from "react";
 import $ from "classnames";
 import S from "rc-drawer";
-import d from "../Button/Button.js";
-import j from "../Icon/components/ChevronLeft.js";
-import k from "../Icon/components/Cross.js";
-import { Drawer as y, DrawerHeader as B, DrawerHeaderContent as F, DrawerContent as O, DrawerFooter as T } from "./Drawer.styles.js";
-import I from "../_internalComponents/ActionBar/ActionBar.js";
-import M from "../_internalComponents/InfoBar/InfoBar.js";
-import { DRAWER_CLASS as V, Variants as w, Sizes as m, Alignments as W, Directions as _ } from "../../react-base/src/consts.js";
-const b = ({ className: n, rootClassName: a, ...t }) => /* @__PURE__ */ r(S, { rootClassName: $(a, n), ...t }), rr = ({
-  children: n,
-  className: a,
+import { DRAWER_CLASS as j, Variants as d, Sizes as m, Alignments as k, Directions as y } from "../../react-base/build/esm/consts.js";
+import w from "../Button/Button.js";
+import B from "../Icon/components/ChevronLeft.js";
+import F from "../Icon/components/Cross.js";
+import { Drawer as O, DrawerHeader as T, DrawerHeaderContent as I, DrawerContent as K, DrawerFooter as M } from "./Drawer.styles.js";
+import V from "../_internalComponents/ActionBar/ActionBar.js";
+import W from "../_internalComponents/InfoBar/InfoBar.js";
+const _ = ({ className: a, rootClassName: n, ...t }) => /* @__PURE__ */ r(S, { rootClassName: $(n, a), ...t }), rr = ({
+  children: a,
+  className: n,
   size: t = m.Medium,
   header: l,
-  actionsAlignment: v = W.Right,
-  actionsDirection: C = _.Horizontal,
-  sticky: c = !1,
-  elevation: h,
+  actionsAlignment: v = k.Right,
+  actionsDirection: A = y.Horizontal,
+  sticky: s = !1,
+  elevation: C,
   onClose: i,
-  closeButton: u = !0,
-  backButton: s = !1,
-  padding: A = !0,
+  closeButton: c = !0,
+  backButton: u = !1,
+  padding: h = !0,
   bgColor: E = !1,
   borders: f = !0,
   actions: p,
@@ -47,48 +47,48 @@ const b = ({ className: n, rootClassName: a, ...t }) => /* @__PURE__ */ r(S, { r
   return H(() => {
     o && document.activeElement && !e.current && (e.current = document.activeElement), !o && e.current && (e.current.focus(), e.current = null);
   }, [o, e]), /* @__PURE__ */ D(
-    y,
+    O,
     {
-      as: b,
-      className: `${a} this-new-class-name`,
-      prefixCls: V,
+      as: _,
+      className: `${n} this-new-class-name`,
+      prefixCls: j,
       onClose: i,
       getContainer: L,
       motion: N,
       maskMotion: g,
-      sticky: c,
-      $elevation: h,
+      sticky: s,
+      $elevation: C,
       autoFocus: !0,
       open: o,
       ...R,
       children: [
-        l && /* @__PURE__ */ D(B, { size: t, backButton: s, closeButton: u, borders: f, children: [
-          s ? /* @__PURE__ */ r(
-            d,
+        l && /* @__PURE__ */ D(T, { size: t, backButton: u, closeButton: c, borders: f, children: [
+          u ? /* @__PURE__ */ r(
+            w,
             {
-              icon: /* @__PURE__ */ r(j, {}),
+              icon: /* @__PURE__ */ r(B, {}),
               iconOnly: !0,
-              variant: w.Transparent,
+              variant: d.Transparent,
               size: m.Large,
               onClick: i,
               "aria-label": "Back"
             }
           ) : null,
-          /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(M, { size: t, ...l }) }),
-          u ? /* @__PURE__ */ r(
-            d,
+          /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(W, { size: t, ...l }) }),
+          c ? /* @__PURE__ */ r(
+            w,
             {
-              icon: /* @__PURE__ */ r(k, {}),
+              icon: /* @__PURE__ */ r(F, {}),
               iconOnly: !0,
-              variant: w.Transparent,
+              variant: d.Transparent,
               size: m.Large,
               onClick: i,
               "aria-label": "Close"
             }
           ) : null
         ] }),
-        /* @__PURE__ */ r(O, { sticky: c, size: t, padding: A, bgColor: E, children: n }),
-        p && /* @__PURE__ */ r(T, { size: t, borders: f, children: /* @__PURE__ */ r(I, { size: t, actions: p, alignment: v, direction: C }) })
+        /* @__PURE__ */ r(K, { sticky: s, size: t, padding: h, bgColor: E, children: a }),
+        p && /* @__PURE__ */ r(M, { size: t, borders: f, children: /* @__PURE__ */ r(V, { size: t, actions: p, alignment: v, direction: A }) })
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { ReactElement, useRef, useLayoutEffect } from 'react';\n\nimport classNames from 'classnames';\nimport RcDrawer from 'rc-drawer';\nimport { Sizes, Alignments, Directions, DRAWER_CLASS, Variants } from 'acinguiux-ds-react-base';\n\nimport Button from '../Button/Button';\nimport { ChevronLeft } from '../Icon/components';\nimport CrossIcon from '../Icon/components/Cross';\nimport * as Styled from './Drawer.styles';\nimport { IDrawerProps } from './Drawer.types';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\n\nconst DrawerHoc = ({ className, rootClassName, ...props }: IDrawerProps): 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  borders = true,\n  actions,\n  getContainer,\n  maskMotion = {\n    motionName: 'mask-motion',\n    motionAppear: true,\n    motionEnter: true,\n    motionLeave: true,\n    motionDeadline: 300,\n  },\n  motion = (placement) => ({\n    motionName: `panel-motion-${placement}`,\n    motionAppear: true,\n    motionEnter: true,\n    motionLeave: true,\n    motionDeadline: 300,\n  }),\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      sticky={sticky}\n      $elevation={elevation}\n      autoFocus\n      open={open}\n      {...rest}\n    >\n      {header && (\n        <Styled.DrawerHeader size={size} backButton={backButton} closeButton={closeButton} borders={borders}>\n          {backButton ? (\n            <Button\n              icon={<ChevronLeft />}\n              iconOnly\n              variant={Variants.Transparent}\n              size={Sizes.Large}\n              onClick={onClose}\n              aria-label=\"Back\"\n            />\n          ) : null}\n          <Styled.DrawerHeaderContent>\n            <InfoBar size={size} {...header} />\n          </Styled.DrawerHeaderContent>\n          {closeButton ? (\n            <Button\n              icon={<CrossIcon />}\n              iconOnly\n              variant={Variants.Transparent}\n              size={Sizes.Large}\n              onClick={onClose}\n              aria-label=\"Close\"\n            />\n          ) : null}\n        </Styled.DrawerHeader>\n      )}\n\n      <Styled.DrawerContent sticky={sticky} size={size} padding={padding} bgColor={bgColor}>\n        {children}\n      </Styled.DrawerContent>\n\n      {actions && (\n        <Styled.DrawerFooter size={size} borders={borders}>\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","borders","actions","getContainer","maskMotion","motion","placement","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 { ReactElement, useRef, useLayoutEffect } from 'react';\n\nimport classNames from 'classnames';\nimport RcDrawer from 'rc-drawer';\nimport { Sizes, Alignments, Directions, DRAWER_CLASS, Variants } from 'acinguiux-ds-react-base';\n\nimport Button from '../Button/Button';\nimport { ChevronLeft } from '../Icon/components';\nimport CrossIcon from '../Icon/components/Cross';\nimport * as Styled from './Drawer.styles';\nimport { IDrawerProps } from './Drawer.types';\nimport ActionBar from '../_internalComponents/ActionBar/ActionBar';\nimport InfoBar from '../_internalComponents/InfoBar/InfoBar';\n\nconst DrawerHoc = ({ className, rootClassName, ...props }: IDrawerProps): 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  borders = true,\n  actions,\n  getContainer,\n  maskMotion = {\n    motionName: 'mask-motion',\n    motionAppear: true,\n    motionEnter: true,\n    motionLeave: true,\n    motionDeadline: 300,\n  },\n  motion = (placement) => ({\n    motionName: `panel-motion-${placement}`,\n    motionAppear: true,\n    motionEnter: true,\n    motionLeave: true,\n    motionDeadline: 300,\n  }),\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      sticky={sticky}\n      $elevation={elevation}\n      autoFocus\n      open={open}\n      {...rest}\n    >\n      {header && (\n        <Styled.DrawerHeader size={size} backButton={backButton} closeButton={closeButton} borders={borders}>\n          {backButton ? (\n            <Button\n              icon={<ChevronLeft />}\n              iconOnly\n              variant={Variants.Transparent}\n              size={Sizes.Large}\n              onClick={onClose}\n              aria-label=\"Back\"\n            />\n          ) : null}\n          <Styled.DrawerHeaderContent>\n            <InfoBar size={size} {...header} />\n          </Styled.DrawerHeaderContent>\n          {closeButton ? (\n            <Button\n              icon={<CrossIcon />}\n              iconOnly\n              variant={Variants.Transparent}\n              size={Sizes.Large}\n              onClick={onClose}\n              aria-label=\"Close\"\n            />\n          ) : null}\n        </Styled.DrawerHeader>\n      )}\n\n      <Styled.DrawerContent sticky={sticky} size={size} padding={padding} bgColor={bgColor}>\n        {children}\n      </Styled.DrawerContent>\n\n      {actions && (\n        <Styled.DrawerFooter size={size} borders={borders}>\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","borders","actions","getContainer","maskMotion","motion","placement","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":";;;;;;;;;;;AAcA,MAAMA,IAAY,CAAC,EAAE,WAAAC,GAAW,eAAAC,GAAe,GAAGC,EAAM,MACrD,gBAAAC,EAAAC,GAAA,EAAS,eAAeC,EAAWJ,GAAeD,CAAS,GAAI,GAAGE,GAAO,GAGtEI,KAAS,CAAC;AAAA,EACd,UAAAC;AAAA,EACA,WAAAP;AAAA,EACA,MAAAQ,IAAOC,EAAM;AAAA,EACb,QAAAC;AAAA,EACA,kBAAAC,IAAmBC,EAAW;AAAA,EAC9B,kBAAAC,IAAmBC,EAAW;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,IACX,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB;AAAA,EAClB;AAAA,EACA,QAAAC,IAAS,CAACC,OAAe;AAAA,IACvB,YAAY,gBAAgBA,CAAS;AAAA,IACrC,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAkC;AAC1B,QAAAC,IAAsBC,EAA2B,IAAI;AAE3D,SAAAC,EAAgB,MAAM;AACpB,IAAIJ,KAAQ,SAAS,iBAAiB,CAACE,EAAoB,YACzDA,EAAoB,UAAU,SAAS,gBAGrC,CAACF,KAAQE,EAAoB,YAC/BA,EAAoB,QAAQ,MAAM,GAClCA,EAAoB,UAAU;AAAA,EAChC,GACC,CAACF,GAAME,CAAmB,CAAC,GAG5B,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAInC;AAAA,MACJ,WAAW,GAAGC,CAAS;AAAA,MACvB,WAAWmC;AAAAA,MACX,SAAAlB;AAAA,MACA,cAAAO;AAAA,MACA,QAAAE;AAAA,MACA,YAAAD;AAAA,MACA,QAAAV;AAAA,MACA,YAAYC;AAAA,MACZ,WAAS;AAAA,MACT,MAAAY;AAAA,MACC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAnB,uBACE0B,GAAA,EAAoB,MAAA5B,GAAY,YAAAW,GAAwB,aAAAD,GAA0B,SAAAI,GAChF,UAAA;AAAA,UACCH,IAAA,gBAAAhB;AAAA,YAACkC;AAAA,YAAA;AAAA,cACC,wBAAOC,GAAY,EAAA;AAAA,cACnB,UAAQ;AAAA,cACR,SAASC,EAAS;AAAA,cAClB,MAAM9B,EAAM;AAAA,cACZ,SAASQ;AAAA,cACT,cAAW;AAAA,YAAA;AAAA,UAAA,IAEX;AAAA,UACJ,gBAAAd,EAACqC,GAAA,EACC,4BAACC,GAAQ,EAAA,MAAAjC,GAAa,GAAGE,EAAQ,CAAA,GACnC;AAAA,UACCQ,IACC,gBAAAf;AAAA,YAACkC;AAAA,YAAA;AAAA,cACC,wBAAOK,GAAU,EAAA;AAAA,cACjB,UAAQ;AAAA,cACR,SAASH,EAAS;AAAA,cAClB,MAAM9B,EAAM;AAAA,cACZ,SAASQ;AAAA,cACT,cAAW;AAAA,YAAA;AAAA,UAAA,IAEX;AAAA,QAAA,GACN;AAAA,QAGF,gBAAAd,EAACwC,GAAA,EAAqB,QAAA5B,GAAgB,MAAAP,GAAY,SAAAY,GAAkB,SAAAC,GACjE,UAAAd,GACH;AAAA,QAECgB,KACC,gBAAApB,EAACyC,GAAA,EAAoB,MAAApC,GAAY,SAAAc,GAC/B,UAAC,gBAAAnB,EAAA0C,GAAA,EAAU,MAAArC,GAAY,SAAAe,GAAkB,WAAWZ,GAAkB,WAAWE,GAAkB,EACrG,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Transient, RequiredProperties } from '..\..\react-base\src';
+import { Transient, RequiredProperties } from 'acinguiux-ds-react-base';
 import { IDrawerProps } from './Drawer.types';
 declare const Drawer: import("styled-components").StyledComponent<import("react").FC<import("rc-drawer").DrawerProps>, import("styled-components").DefaultTheme, Transient<IDrawerProps, "elevation">, never>;
 declare const DrawerContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, RequiredProperties<IDrawerProps, "size" | "sticky" | "padding" | "bgColor">, never>;

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

@@ -1,7 +1,7 @@
 import p from "rc-drawer";
 import e, { css as a } from "styled-components";
-import { ZIndexes as n } from "../../react-base/src/consts.js";
-import { consts as c } from "../../react-base/src/components/Drawer/Drawer.consts.js";
+import { ZIndexes as n } from "../../react-base/build/esm/consts.js";
+import { consts as c } from "../../react-base/build/esm/components/Drawer/Drawer.consts.js";
 const r = a`
   &-enter,
   &-appear,

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

@@ -1,5 +1,5 @@
 import { DrawerProps } from 'rc-drawer';
-import { DrawerTypes } from '..\..\react-base\src';
+import { DrawerTypes } from 'acinguiux-ds-react-base';
 export interface IDrawerProps extends DrawerTypes.IProps, DrawerProps {
 }
 //# sourceMappingURL=Drawer.types.d.ts.map

package/build/esm/components/Dropdown/Dropdown.js

@@ -1,29 +1,29 @@
 import { jsx as r } from "react/jsx-runtime";
 import d from "classnames";
 import l from "rc-dropdown";
+import { DROPDOWN_CONTAINER_OVERLAY_CLASS as p, DROPDOWN_CLASS as t } from "../../react-base/build/esm/consts.js";
 import { Dropdown as C, DropdownContainer as c } from "./Dropdown.styles.js";
-import { DROPDOWN_CONTAINER_OVERLAY_CLASS as p, DROPDOWN_CLASS as t } from "../../react-base/src/consts.js";
 const w = ({
   className: o,
   overlayClassName: n,
   trigger: e = "click",
   children: m,
   arrow: a = !1,
-  placement: i = "bottomLeft",
-  overlay: s,
+  placement: s = "bottomLeft",
+  overlay: i,
   ...D
 }) => /* @__PURE__ */ r(
   l,
   {
     className: o,
-    placement: i,
+    placement: s,
     arrow: a,
     trigger: e,
     getPopupContainer: (f) => f,
     ...D,
     prefixCls: t,
     overlayClassName: d(p, n, o),
-    overlay: /* @__PURE__ */ r(c, { children: s }),
+    overlay: /* @__PURE__ */ r(c, { children: i }),
     children: m
   }
 ), S = C(w, t, p);

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport RcDropdown from 'rc-dropdown';\nimport { DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Dropdown.styles';\nimport { IDropdownProps } from './Dropdown.types';\n\nconst DropdownComponent = ({\n  className,\n  overlayClassName,\n  trigger = 'click',\n  children,\n  arrow = false,\n  placement = 'bottomLeft',\n  overlay,\n  ...rest\n}: IDropdownProps): ReactElement => (\n  <RcDropdown\n    // @ts-ignore\n    className={className}\n    placement={placement}\n    arrow={arrow}\n    trigger={trigger}\n    getPopupContainer={(element) => element}\n    {...rest}\n    prefixCls={DROPDOWN_CLASS}\n    overlayClassName={classNames(DROPDOWN_CONTAINER_OVERLAY_CLASS, overlayClassName, className)}\n    overlay={<Styled.DropdownContainer>{overlay}</Styled.DropdownContainer>}\n  >\n    {children}\n  </RcDropdown>\n);\n\n/**\n *\n * @deprecated\n * Use Popover instead of Dropdown\n */\nconst Dropdown = Styled.Dropdown(DropdownComponent, DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS);\n\nexport default Dropdown;\n"],"names":["DropdownComponent","className","overlayClassName","trigger","children","arrow","placement","overlay","rest","jsx","RcDropdown","element","DROPDOWN_CLASS","classNames","DROPDOWN_CONTAINER_OVERLAY_CLASS","Styled.DropdownContainer","Dropdown","Styled.Dropdown"],"mappings":";;;;;AASA,MAAMA,IAAoB,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,WAAAT;AAAA,IACA,WAAAK;AAAA,IACA,OAAAD;AAAA,IACA,SAAAF;AAAA,IACA,mBAAmB,CAACQ,MAAYA;AAAA,IAC/B,GAAGH;AAAA,IACJ,WAAWI;AAAA,IACX,kBAAkBC,EAAWC,GAAkCZ,GAAkBD,CAAS;AAAA,IAC1F,SAAS,gBAAAQ,EAACM,GAAA,EAA0B,UAAQR,EAAA,CAAA;AAAA,IAE3C,UAAAH;AAAA,EAAA;AACH,GAQIY,IAAWC,EAAgBjB,GAAmBY,GAAgBE,CAAgC;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport RcDropdown from 'rc-dropdown';\nimport { DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Dropdown.styles';\nimport { IDropdownProps } from './Dropdown.types';\n\nconst DropdownComponent = ({\n  className,\n  overlayClassName,\n  trigger = 'click',\n  children,\n  arrow = false,\n  placement = 'bottomLeft',\n  overlay,\n  ...rest\n}: IDropdownProps): ReactElement => (\n  <RcDropdown\n    // @ts-ignore\n    className={className}\n    placement={placement}\n    arrow={arrow}\n    trigger={trigger}\n    getPopupContainer={(element) => element}\n    {...rest}\n    prefixCls={DROPDOWN_CLASS}\n    overlayClassName={classNames(DROPDOWN_CONTAINER_OVERLAY_CLASS, overlayClassName, className)}\n    overlay={<Styled.DropdownContainer>{overlay}</Styled.DropdownContainer>}\n  >\n    {children}\n  </RcDropdown>\n);\n\n/**\n *\n * @deprecated\n * Use Popover instead of Dropdown\n */\nconst Dropdown = Styled.Dropdown(DropdownComponent, DROPDOWN_CLASS, DROPDOWN_CONTAINER_OVERLAY_CLASS);\n\nexport default Dropdown;\n"],"names":["DropdownComponent","className","overlayClassName","trigger","children","arrow","placement","overlay","rest","jsx","RcDropdown","element","DROPDOWN_CLASS","classNames","DROPDOWN_CONTAINER_OVERLAY_CLASS","Styled.DropdownContainer","Dropdown","Styled.Dropdown"],"mappings":";;;;;AASA,MAAMA,IAAoB,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,WAAAT;AAAA,IACA,WAAAK;AAAA,IACA,OAAAD;AAAA,IACA,SAAAF;AAAA,IACA,mBAAmB,CAACQ,MAAYA;AAAA,IAC/B,GAAGH;AAAA,IACJ,WAAWI;AAAAA,IACX,kBAAkBC,EAAWC,GAAkCZ,GAAkBD,CAAS;AAAA,IAC1F,SAAS,gBAAAQ,EAACM,GAAA,EAA0B,UAAQR,EAAA,CAAA;AAAA,IAE3C,UAAAH;AAAA,EAAA;AACH,GAQIY,IAAWC,EAAgBjB,GAAmBY,GAAgBE,CAAgC;"}

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

@@ -1,5 +1,5 @@
 import a, { css as r } from "styled-components";
-import { ZIndexes as d } from "../../react-base/src/consts.js";
+import { ZIndexes as d } from "../../react-base/build/esm/consts.js";
 const c = (e, t, n) => a(e)`
     ${({ theme: o }) => r`
       &.${t} {

package/build/esm/components/EmptyState/EmptyState.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { Directions, Alignments } from '..\..\react-base\src';
-declare const EmptyState: import("react").ForwardRefExoticComponent<(Omit<import("..\..\react-base\src/components/EmptyState/EmptyState.types").IProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+import { Directions, Alignments } from 'acinguiux-ds-react-base';
+declare const EmptyState: import("react").ForwardRefExoticComponent<(Omit<import("acinguiux-ds-react-base/build/esm/components/EmptyState/EmptyState.types").IProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 } & {
     actionsDirection?: "horizontal" | Directions.Horizontal | undefined;
     actionsAlignment?: Alignments.Center | Alignments.Fill | undefined;
-}, "ref"> | Omit<import("..\..\react-base\src/components/EmptyState/EmptyState.types").IProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+}, "ref"> | Omit<import("acinguiux-ds-react-base/build/esm/components/EmptyState/EmptyState.types").IProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 } & {
     actionsDirection: "vertical" | Directions.Vertical;

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

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

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

@@ -1,4 +1,4 @@
-import { EmptyStateTypes } from '..\..\react-base\src';
+import { EmptyStateTypes } from 'acinguiux-ds-react-base';
 import { IEmptyStateProps } from './EmptyState.types';
 declare const EmptyState: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<IEmptyStateProps, "size">>, never>;
 declare const VisualPlaceholder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<IEmptyStateProps, "size">> & {

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

@@ -1,73 +1,73 @@
 import o, { css as n } from "styled-components";
-import { getColorBySentiment as p } from "../../utils/colorUtils.js";
-import { Sizes as i, Directions as r, Alignments as d } from "../../react-base/src/consts.js";
-import * as m from "../../react-base/src/components/EmptyState/EmptyState.consts.js";
-const { consts: l } = m, x = o.div`
-  ${({ size: t }) => n`
+import { Sizes as i, Directions as r, Alignments as p } from "../../react-base/build/esm/consts.js";
+import * as d from "../../react-base/build/esm/components/EmptyState/EmptyState.consts.js";
+import { getColorBySentiment as m } from "../../utils/colorUtils.js";
+const { consts: l } = d, x = o.div`
+  ${({ size: a }) => n`
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    gap: ${l[t].gap}px;
-    padding: ${t === i.Large ? "32px" : "20px"};
+    gap: ${l[a].gap}px;
+    padding: ${a === i.Large ? "32px" : "20px"};
   `}
 `, f = o.div`
-  ${({ size: t, iconSentiment: a, type: e, theme: c }) => n`
+  ${({ size: a, iconSentiment: t, type: e, theme: c }) => n`
     display: flex;
     align-items: center;
     justify-content: center;
 
     ${e === "image" && n`
       img {
-        width: ${l[t].image}px;
-        height: ${l[t].image}px;
+        width: ${l[a].image}px;
+        height: ${l[a].image}px;
       }
     `}
 
     ${(e === "icon" || e === "pictogram") && n`
       svg {
-        width: ${l[t][e]}px;
-        height: ${l[t][e]}px;
+        width: ${l[a][e]}px;
+        height: ${l[a][e]}px;
 
-        ${e === "icon" && a && n`
-          fill: ${p(a, c)};
+        ${e === "icon" && t && n`
+          fill: ${m(t, c)};
         `}
       }
     `}
   `}
 `, h = o.div`
-  ${({ size: t }) => n`
+  ${({ size: a }) => n`
     display: flex;
     flex-direction: column;
     justify-content: center;
-    gap: ${l[t].textGap}px;
+    gap: ${l[a].textGap}px;
   `}
 `, u = o.span`
-  ${({ size: t, theme: a }) => n`
-    ${t === i.XSmall && a.heading[5].bold};
-    ${t === i.Small && a.heading[4].bold};
-    ${t === i.Medium && a.heading[3].demi};
-    ${t === i.Large && a.heading[2].demi};
+  ${({ size: a, theme: t }) => n`
+    ${a === i.XSmall && t.heading[5].bold};
+    ${a === i.Small && t.heading[4].bold};
+    ${a === i.Medium && t.heading[3].demi};
+    ${a === i.Large && t.heading[2].demi};
 
     max-width: 480px;
     text-align: center;
   `}
 `, S = o.span`
-  ${({ size: t, theme: a }) => n`
-    ${(t === i.XSmall || t === i.Small) && a.paragraph[i.Small].normal};
-    ${t === i.Medium && a.paragraph[i.Medium].normal};
-    ${t === i.Large && a.paragraph[i.Large].normal};
+  ${({ size: a, theme: t }) => n`
+    ${(a === i.XSmall || a === i.Small) && t.paragraph[i.Small].normal};
+    ${a === i.Medium && t.paragraph[i.Medium].normal};
+    ${a === i.Large && t.paragraph[i.Large].normal};
 
     max-width: 480px;
     text-align: center;
   `}
 `, w = o.div`
-  ${({ size: t, actionsDirection: a, actionsAlignment: e }) => n`
+  ${({ size: a, actionsDirection: t, actionsAlignment: e }) => n`
     display: flex;
-    gap: ${l[t].actionsGap}px;
-    flex-direction: ${a === r.Horizontal ? "row" : "column-reverse"};
+    gap: ${l[a].actionsGap}px;
+    flex-direction: ${t === r.Horizontal ? "row" : "column-reverse"};
 
-    ${(e === d.Fill || a === r.Vertical) && n`
+    ${(e === p.Fill || t === r.Vertical) && n`
       width: 100%;
       justify-content: space-between;
     `}

package/build/esm/components/EmptyState/EmptyState.types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
-import { EmptyStateTypes, Directions, Alignments } from '..\..\react-base\src';
+import { EmptyStateTypes, Directions, Alignments } from 'acinguiux-ds-react-base';
 export type IEmptyStateProps = (EmptyStateTypes.IProps & ComponentPropsWithRef<'div'> & {
     actionsDirection?: Directions.Horizontal | 'horizontal';
     actionsAlignment?: Alignments.Fill | Alignments.Center;

package/build/esm/components/FileUploader/FileUploader.js

@@ -1,20 +1,20 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { forwardRef as k, useRef as F, useMemo as v } from "react";
-import { Sentiments as N } from "acinguiux-ds-fabrics";
-import { DropzoneContainer as K, DropZone as A, FileInput as B } from "./FileUploader.styles.js";
-import x from "../Flexbox/Flexbox.js";
-import G from "./components/FileUpload/FileUpload.js";
-import H from "./components/FileUploadErrorMessage/FileUploadErrorMessage.js";
-import O from "./components/FileUploadContent/FileUploadContent.js";
-import Z from "../Alert/Alert.js";
-import $ from "./hooks/useFileUploaderProps.js";
-import { FileType as g, FilePreview as q } from "../../react-base/src/components/FileUploader/FileUploader.types.js";
-import { consts as J } from "../../react-base/src/components/FileUploader/FileUploader.consts.js";
-import { Sizes as L } from "../../react-base/src/consts.js";
+import { Sizes as N } from "../../react-base/build/esm/consts.js";
+import { consts as A } from "../../react-base/build/esm/components/FileUploader/FileUploader.consts.js";
+import { FileType as x, FilePreview as K } from "../../react-base/build/esm/components/FileUploader/FileUploader.types.js";
+import { Sentiments as $ } from "acinguiux-ds-fabrics";
+import { DropzoneContainer as B, DropZone as G, FileInput as H } from "./FileUploader.styles.js";
+import g from "../Flexbox/Flexbox.js";
+import O from "./components/FileUpload/FileUpload.js";
+import Z from "./components/FileUploadErrorMessage/FileUploadErrorMessage.js";
+import q from "./components/FileUploadContent/FileUploadContent.js";
+import J from "../Alert/Alert.js";
+import L from "./hooks/useFileUploaderProps.js";
 const de = k(
   ({
-    size: i = L.Medium,
-    filePreview: d = q.Image,
+    size: i = N.Medium,
+    filePreview: d = K.Image,
     progressBarType: h = "line",
     disabled: S = !1,
     showIcon: D = !0,
@@ -37,7 +37,7 @@ const de = k(
       fileUploads: t,
       renderSingleDeleteFile: P,
       fileInputRef: a
-    } = $(o), m = F(null), u = F(null);
+    } = L(o), m = F(null), u = F(null);
     u.current = v(
       () => {
         var e;
@@ -47,17 +47,17 @@ const de = k(
     );
     const { onError: Q, onProgress: V, ...j } = o;
     return /* @__PURE__ */ s(
-      K,
+      B,
       {
         "data-invalid": n,
         "data-disabled": S,
         size: i,
         ref: z,
         gap: "16px",
-        flexDirection: p === g.MultiHorizontal ? "row" : "column",
+        flexDirection: p === x.MultiHorizontal ? "row" : "column",
         children: [
           /* @__PURE__ */ r(
-            A,
+            G,
             {
               ...j,
               size: i,
@@ -70,9 +70,9 @@ const de = k(
                 var f;
                 (e.key === "Enter" || e.code === "Space") && a.current && a.current.click(), (f = o.onKeyDown) == null || f.call(o, e);
               },
-              children: /* @__PURE__ */ s(x, { flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "4px", children: [
+              children: /* @__PURE__ */ s(g, { flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "4px", children: [
                 /* @__PURE__ */ r(
-                  O,
+                  q,
                   {
                     renderSingleDeleteFile: P,
                     fileUploads: t,
@@ -91,13 +91,13 @@ const de = k(
                   }
                 ),
                 /* @__PURE__ */ r(
-                  B,
+                  H,
                   {
                     ...w,
                     onClick: T,
                     ref: a,
                     onChange: E,
-                    multiple: p !== g.Single,
+                    multiple: p !== x.Single,
                     tabIndex: -1,
                     "aria-hidden": "true",
                     type: "file",
@@ -107,15 +107,15 @@ const de = k(
               ] })
             }
           ),
-          C && /* @__PURE__ */ r(x, { flexDirection: "column", gap: `${J[i].attachedFilesGap}`, children: n ? /* @__PURE__ */ r(Z, { sentiment: N.Negative, label: "The following files could not be uploaded:", children: /* @__PURE__ */ r("ul", { children: t.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
-            H,
+          C && /* @__PURE__ */ r(g, { flexDirection: "column", gap: `${A[i].attachedFilesGap}`, children: n ? /* @__PURE__ */ r(J, { sentiment: $.Negative, label: "The following files could not be uploaded:", children: /* @__PURE__ */ r("ul", { children: t.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+            Z,
             {
               fileUploadError: e,
               acceptedTextMapper: c,
               maxFilesSize: o.maxFileSize
             }
           ) }, e.fileName)) }) }) : t.map((e) => /* @__PURE__ */ r(
-            G,
+            O,
             {
               ...e,
               handleOnRemoveFile: b,

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

@@ -1,4 +1,4 @@
-import { FileUploaderTypes } from '..\..\react-base\src';
+import { FileUploaderTypes } from 'acinguiux-ds-react-base';
 export declare const FileInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
 interface IDropzoneProps {
     size: FileUploaderTypes.Size;