acinguiux-ds-react-framework 0.0.7 → 0.0.8

package/build/esm/components/Checkbox/Checkbox.js

@@ -1,54 +1,54 @@
 import { jsxs as k, jsx as e } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import b from "classnames";
-import n from "../Icon/components/Check.js";
-import $ from "../Icon/components/Minus.js";
-import { CheckboxWrapper as u, Checkbox as N, FakeCheckbox as O, CheckboxLabel as S } from "./Checkbox.styles.js";
-import { CHECKBOX_CLASS as j, Sizes as L, NOOP as M } from "../../react-base/src/consts.js";
+import { CHECKBOX_CLASS as n, Sizes as $, NOOP as u } from "../../react-base/build/esm/consts.js";
+import N from "../Icon/components/Check.js";
+import O from "../Icon/components/Minus.js";
+import { CheckboxWrapper as S, Checkbox as j, FakeCheckbox as A, CheckboxLabel as L } from "./Checkbox.styles.js";
 const H = l(
   ({
     className: c = "",
-    size: r = L.Medium,
+    size: r = $.Medium,
     checked: o,
     disabled: a,
-    label: i,
-    onChange: t = M,
-    indeterminate: m = !1,
+    label: m,
+    onChange: t = u,
+    indeterminate: s = !1,
     wrapperProps: f,
-    invalid: s = !1,
+    invalid: i = !1,
     emphasis: h = !0,
     mirrored: p = !1,
     value: d = "",
     ...x
   }, C) => /* @__PURE__ */ k(
-    u,
+    S,
     {
       size: r,
-      className: b(j, c),
+      className: b(n, c),
       $disabled: a,
       $checked: o,
-      $invalid: s,
-      $indeterminate: m,
+      $invalid: i,
+      $indeterminate: s,
       $emphasis: h,
       $mirrored: p,
       ...f,
       children: [
         /* @__PURE__ */ e(
-          N,
+          j,
           {
             type: "checkbox",
             disabled: a,
             checked: o,
             onChange: t,
-            "aria-invalid": s,
+            "aria-invalid": i,
             tabIndex: 0,
             ref: C,
             value: d,
             ...x
           }
         ),
-        /* @__PURE__ */ e(O, { "aria-hidden": !0, children: m ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ e(n, {}) }),
-        !!i && /* @__PURE__ */ e(S, { size: r, children: i })
+        /* @__PURE__ */ e(A, { "aria-hidden": !0, children: s ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ e(N, {}) }),
+        !!m && /* @__PURE__ */ e(L, { size: r, children: m })
       ]
     }
   )

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { ReactElement, forwardRef, ForwardedRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, NOOP, CHECKBOX_CLASS } from 'acinguiux-ds-react-base';\n\nimport { Check, Minus } from '../Icon/components';\nimport * as Styled from './Checkbox.styles';\nimport { ICheckboxProps } from './Checkbox.types';\n\nconst Checkbox = forwardRef(\n  (\n    {\n      className = '',\n      size = Sizes.Medium,\n      checked,\n      disabled,\n      label,\n      onChange = NOOP,\n      indeterminate = false,\n      wrapperProps,\n      invalid = false,\n      emphasis = true,\n      mirrored = false,\n      value = '',\n      ...rest\n    }: ICheckboxProps,\n    ref: ForwardedRef<HTMLInputElement>,\n  ): ReactElement => (\n    <Styled.CheckboxWrapper\n      size={size}\n      className={classNames(CHECKBOX_CLASS, className)}\n      $disabled={disabled}\n      $checked={checked}\n      $invalid={invalid}\n      $indeterminate={indeterminate}\n      $emphasis={emphasis}\n      $mirrored={mirrored}\n      {...wrapperProps}\n    >\n      <Styled.Checkbox\n        type=\"checkbox\"\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-invalid={invalid}\n        tabIndex={0}\n        ref={ref}\n        value={value}\n        {...rest}\n      />\n      <Styled.FakeCheckbox aria-hidden>{indeterminate ? <Minus /> : <Check />}</Styled.FakeCheckbox>\n      {!!label && <Styled.CheckboxLabel size={size}>{label}</Styled.CheckboxLabel>}\n    </Styled.CheckboxWrapper>\n  ),\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","className","size","Sizes","checked","disabled","label","onChange","NOOP","indeterminate","wrapperProps","invalid","emphasis","mirrored","value","rest","ref","jsxs","Styled.CheckboxWrapper","classNames","CHECKBOX_CLASS","jsx","Styled.Checkbox","Styled.FakeCheckbox","Minus","Check","Styled.CheckboxLabel"],"mappings":";;;;;;;AASA,MAAMA,IAAWC;AAAA,EACf,CACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC,IAAWC;AAAA,IACX,eAAAC,IAAgB;AAAA,IAChB,cAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,KAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAhB;AAAA,MACA,WAAWiB,EAAWC,GAAgBnB,CAAS;AAAA,MAC/C,WAAWI;AAAA,MACX,UAAUD;AAAA,MACV,UAAUO;AAAA,MACV,gBAAgBF;AAAA,MAChB,WAAWG;AAAA,MACX,WAAWC;AAAA,MACV,GAAGH;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAW;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAAjB;AAAA,YACA,SAAAD;AAAA,YACA,UAAAG;AAAA,YACA,gBAAcI;AAAA,YACd,UAAU;AAAA,YACV,KAAAK;AAAA,YACA,OAAAF;AAAA,YACC,GAAGC;AAAA,UAAA;AAAA,QACN;AAAA,QACC,gBAAAM,EAAAE,GAAA,EAAoB,eAAW,IAAE,UAAgBd,IAAA,gBAAAY,EAACG,GAAM,CAAA,CAAA,IAAM,gBAAAH,EAAAI,GAAA,CAAA,CAAM,EAAG,CAAA;AAAA,QACvE,CAAC,CAACnB,KAAS,gBAAAe,EAACK,GAAA,EAAqB,MAAAxB,GAAa,UAAMI,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3D;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { ReactElement, forwardRef, ForwardedRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, NOOP, CHECKBOX_CLASS } from 'acinguiux-ds-react-base';\n\nimport { Check, Minus } from '../Icon/components';\nimport * as Styled from './Checkbox.styles';\nimport { ICheckboxProps } from './Checkbox.types';\n\nconst Checkbox = forwardRef(\n  (\n    {\n      className = '',\n      size = Sizes.Medium,\n      checked,\n      disabled,\n      label,\n      onChange = NOOP,\n      indeterminate = false,\n      wrapperProps,\n      invalid = false,\n      emphasis = true,\n      mirrored = false,\n      value = '',\n      ...rest\n    }: ICheckboxProps,\n    ref: ForwardedRef<HTMLInputElement>,\n  ): ReactElement => (\n    <Styled.CheckboxWrapper\n      size={size}\n      className={classNames(CHECKBOX_CLASS, className)}\n      $disabled={disabled}\n      $checked={checked}\n      $invalid={invalid}\n      $indeterminate={indeterminate}\n      $emphasis={emphasis}\n      $mirrored={mirrored}\n      {...wrapperProps}\n    >\n      <Styled.Checkbox\n        type=\"checkbox\"\n        disabled={disabled}\n        checked={checked}\n        onChange={onChange}\n        aria-invalid={invalid}\n        tabIndex={0}\n        ref={ref}\n        value={value}\n        {...rest}\n      />\n      <Styled.FakeCheckbox aria-hidden>{indeterminate ? <Minus /> : <Check />}</Styled.FakeCheckbox>\n      {!!label && <Styled.CheckboxLabel size={size}>{label}</Styled.CheckboxLabel>}\n    </Styled.CheckboxWrapper>\n  ),\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","className","size","Sizes","checked","disabled","label","onChange","NOOP","indeterminate","wrapperProps","invalid","emphasis","mirrored","value","rest","ref","jsxs","Styled.CheckboxWrapper","classNames","CHECKBOX_CLASS","jsx","Styled.Checkbox","Styled.FakeCheckbox","Minus","Check","Styled.CheckboxLabel"],"mappings":";;;;;;;AASA,MAAMA,IAAWC;AAAA,EACf,CACE;AAAA,IACE,WAAAC,IAAY;AAAA,IACZ,MAAAC,IAAOC,EAAM;AAAA,IACb,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC,IAAWC;AAAAA,IACX,eAAAC,IAAgB;AAAA,IAChB,cAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,KAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAhB;AAAA,MACA,WAAWiB,EAAWC,GAAgBnB,CAAS;AAAA,MAC/C,WAAWI;AAAA,MACX,UAAUD;AAAA,MACV,UAAUO;AAAA,MACV,gBAAgBF;AAAA,MAChB,WAAWG;AAAA,MACX,WAAWC;AAAA,MACV,GAAGH;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAW;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAAjB;AAAA,YACA,SAAAD;AAAA,YACA,UAAAG;AAAA,YACA,gBAAcI;AAAA,YACd,UAAU;AAAA,YACV,KAAAK;AAAA,YACA,OAAAF;AAAA,YACC,GAAGC;AAAA,UAAA;AAAA,QACN;AAAA,QACC,gBAAAM,EAAAE,GAAA,EAAoB,eAAW,IAAE,UAAgBd,IAAA,gBAAAY,EAACG,GAAM,CAAA,CAAA,IAAM,gBAAAH,EAAAI,GAAA,CAAA,CAAM,EAAG,CAAA;AAAA,QACvE,CAAC,CAACnB,KAAS,gBAAAe,EAACK,GAAA,EAAqB,MAAAxB,GAAa,UAAMI,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3D;"}

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

@@ -1,4 +1,4 @@
-import { Transient } from '..\..\react-base\src';
+import { Transient } from 'acinguiux-ds-react-base';
 import { ICheckboxProps } from './Checkbox.types';
 type WrapperProps = Required<Pick<ICheckboxProps, 'size'>> & Transient<Pick<ICheckboxProps, 'checked' | 'disabled' | 'invalid' | 'indeterminate' | 'emphasis' | 'mirrored'>, 'checked' | 'disabled' | 'invalid' | 'indeterminate' | 'emphasis' | 'mirrored'>;
 declare const FakeCheckbox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,64 +1,64 @@
-import $, { css as p } from "styled-components";
-import { States as s } from "acinguiux-ds-fabrics";
-import { getFocusStyles as S } from "../../utils/styleUtils.js";
-import { getLabelFontStyles as k } from "../../react-base/src/utils/stylesUtils.js";
-import { FakeCheckboxStyles as y, FakeCheckboxIconStyles as C, CheckboxStyles as d } from "../../react-base/src/components/Checkbox/Checkbox.styles.js";
-import { Sizes as r } from "../../react-base/src/consts.js";
-import { getInputBorderStyles as m } from "../../react-base/src/globalComponents/Input/Input.utils.js";
-import * as w from "../../react-base/src/components/Checkbox/Checkbox.consts.js";
-import { consts as g } from "../../react-base/src/components/Checkbox/Checkbox.consts.js";
-import { getStyles as F } from "../../react-base/src/components/Checkbox/Checkbox.utils.js";
-const { consts: c } = w, n = $.div`
+import i, { css as p } from "styled-components";
+import { Sizes as r } from "../../react-base/build/esm/consts.js";
+import { getLabelFontStyles as S } from "../../react-base/build/esm/utils/stylesUtils.js";
+import * as k from "../../react-base/build/esm/components/Checkbox/Checkbox.consts.js";
+import { consts as m } from "../../react-base/build/esm/components/Checkbox/Checkbox.consts.js";
+import { FakeCheckboxStyles as y, FakeCheckboxIconStyles as C, CheckboxStyles as d } from "../../react-base/build/esm/components/Checkbox/Checkbox.styles.js";
+import { getStyles as w } from "../../react-base/build/esm/components/Checkbox/Checkbox.utils.js";
+import { getInputBorderStyles as g } from "../../react-base/build/esm/globalComponents/Input/Input.utils.js";
+import { States as a } from "acinguiux-ds-fabrics";
+import { getFocusStyles as F } from "../../utils/styleUtils.js";
+const { consts: s } = k, n = i.div`
   ${y};
 
   svg {
     ${C};
   }
-`, f = $.input`
+`, f = i.input`
   ${d};
-`, L = $.span`
+`, L = i.span`
   ${({ size: o, theme: t }) => p`
     ${o === r.XSmall && t.label[r.Small].normal};
     ${(o === r.Small || o === r.Medium) && t.label[r.Medium].normal};
     ${o === r.Large && t.label[r.Large].normal};
   `};
-`, _ = $.label`
-  ${({ size: o, $checked: t, $disabled: e, $invalid: h, $indeterminate: a, $emphasis: u, $mirrored: x, theme: i }) => {
-  const l = (b, v) => F(b, e, h, u, t || v, a);
+`, W = i.label`
+  ${({ size: o, $checked: t, $disabled: e, $invalid: h, $indeterminate: c, $emphasis: u, $mirrored: x, theme: $ }) => {
+  const l = (b, v) => w(b, e, h, u, t || v, c);
   return p`
       position: relative;
       width: fit-content;
       display: flex;
       flex-direction: ${x ? "row-reverse" : "row"};
       align-items: center;
-      gap: ${c[o].labelSpacing}px;
+      gap: ${s[o].labelSpacing}px;
       cursor: ${e ? "default" : "pointer"};
-      color: ${i.onSurface.surface.default.text.strong};
+      color: ${$.onSurface.surface.default.text.strong};
 
       ${f} {
-        width: ${c[o].width}px;
-        height: ${c[o].height}px;
+        width: ${s[o].width}px;
+        height: ${s[o].height}px;
       }
 
       ${L} {
-        ${k(i, e)};
+        ${S($, e)};
       }
 
       ${n} {
         flex-shrink: 0;
-        width: ${c[o].width}px;
-        height: ${c[o].height}px;
-        ${m(
+        width: ${s[o].width}px;
+        height: ${s[o].height}px;
+        ${g(
     o,
-    !t || e || a,
+    !t || e || c,
     !1,
-    g[o].borderRadius
+    m[o].borderRadius
   )};
 
         ${l()};
 
         &:hover {
-          ${l(s.Hover)};
+          ${l(a.Hover)};
 
           ${!e && p`
             svg {
@@ -68,10 +68,10 @@ const { consts: c } = w, n = $.div`
         }
 
         &:active {
-          ${l(s.Active)};
+          ${l(a.Active)};
         }
 
-        ${(a || t) && p`
+        ${(c || t) && p`
           svg {
             display: block;
           }
@@ -79,28 +79,28 @@ const { consts: c } = w, n = $.div`
       }
 
       ${f}:checked ~ ${n} {
-        ${m(
+        ${g(
     o,
-    e || a,
+    e || c,
     !1,
-    g[o].borderRadius
+    m[o].borderRadius
   )};
-        ${l(s.Default, !0)};
+        ${l(a.Default, !0)};
         svg {
           display: block;
         }
 
         &:hover {
-          ${l(s.Hover, !0)};
+          ${l(a.Hover, !0)};
         }
 
         &:active {
-          ${l(s.Active, !0)};
+          ${l(a.Active, !0)};
         }
       }
 
       ${f}:focus-visible ~ ${n} {
-        ${S(i)};
+        ${F($)};
       }
     `;
 }}
@@ -108,7 +108,7 @@ const { consts: c } = w, n = $.div`
 export {
   f as Checkbox,
   L as CheckboxLabel,
-  _ as CheckboxWrapper,
+  W as CheckboxWrapper,
   n as FakeCheckbox
 };
 //# sourceMappingURL=Checkbox.styles.js.map

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ComponentPropsWithoutRef } from 'react';
-import { WithConditionalCssProp, CheckboxTypes } from '..\..\react-base\src';
+import { WithConditionalCssProp, CheckboxTypes } from 'acinguiux-ds-react-base';
 export interface ICheckboxProps extends Omit<WithConditionalCssProp<ComponentPropsWithRef<'input'>>, 'size'>, CheckboxTypes.IProps {
     wrapperProps?: ComponentPropsWithoutRef<'label'>;
 }

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

@@ -1,7 +1,7 @@
 import { IDatePickerProps } from './DatePicker.types';
-declare const DatePickerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IDatePickerProps, "size" | "prefixCls"> & Required<Pick<IDatePickerProps, "size" | "prefixCls">> & Omit<Pick<IDatePickerProps, "invalid" | "elevation">, "invalid" | "elevation"> & {
-    $invalid?: boolean | undefined;
+declare const DatePickerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<IDatePickerProps, "size" | "prefixCls"> & Required<Pick<IDatePickerProps, "size" | "prefixCls">> & Omit<Pick<IDatePickerProps, "elevation" | "invalid">, "elevation" | "invalid"> & {
     $elevation?: boolean | undefined;
+    $invalid?: boolean | undefined;
 }, never>;
 declare const CalendarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<IDatePickerProps, "size" | "prefixCls">>, never>;
 export { DatePickerWrapper, CalendarWrapper };

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

@@ -1,10 +1,10 @@
 import p, { css as t } from "styled-components";
-import { ZIndexes as i, Sizes as l, ARROW_KEYPAD_CLASS as s } from "../../react-base/src/consts.js";
-import { getFocusStyles as u } from "../../react-base/src/utils/stylesUtils.js";
-import { consts as k } from "../../react-base/src/globalComponents/Input/Input.consts.js";
-import * as v from "../../react-base/src/components/DatePicker/DatePicker.consts.js";
-import * as x from "../../react-base/src/components/Button/Button.consts.js";
-const { consts: d, arrowWidth: c, arrowHeight: g, arrowSize: b } = v, { consts: $ } = x, S = t`
+import { ZIndexes as i, Sizes as l, ARROW_KEYPAD_CLASS as s } from "../../react-base/build/esm/consts.js";
+import { getFocusStyles as u } from "../../react-base/build/esm/utils/stylesUtils.js";
+import * as k from "../../react-base/build/esm/components/Button/Button.consts.js";
+import * as v from "../../react-base/build/esm/components/DatePicker/DatePicker.consts.js";
+import { consts as x } from "../../react-base/build/esm/globalComponents/Input/Input.consts.js";
+const { consts: d, arrowWidth: c, arrowHeight: g, arrowSize: b } = v, { consts: $ } = k, S = t`
   ${({ prefixCls: e, $elevation: o, theme: a }) => t`
     div .${e}-dropdown {
       z-index: ${i.DATE_PICKER};
@@ -636,7 +636,7 @@ const { consts: d, arrowWidth: c, arrowHeight: g, arrowSize: b } = v, { consts:
     ${m}
     ${h}
   `}
-`, E = p.div`
+`, D = p.div`
   ${({ prefixCls: e, size: o, $elevation: a, $invalid: r, theme: n }) => t`
     width: 100%;
 
@@ -649,7 +649,7 @@ const { consts: d, arrowWidth: c, arrowHeight: g, arrowSize: b } = v, { consts:
       height: ${d[o].height}px;
       box-sizing: border-box;
       border: 1px solid ${n.onSurface.surface.default.border.medium};
-      border-radius: ${k[o].borderRadius}px;
+      border-radius: ${x[o].borderRadius}px;
       padding: 0 8px 0 12px;
       cursor: pointer;
       background-color: ${n.onSurface.surface.default.background};
@@ -810,7 +810,7 @@ const { consts: d, arrowWidth: c, arrowHeight: g, arrowSize: b } = v, { consts:
       }
     }
   `}
-`, R = p.div`
+`, E = p.div`
   ${({ prefixCls: e }) => t`
     .${e} {
       ${f};
@@ -818,7 +818,7 @@ const { consts: d, arrowWidth: c, arrowHeight: g, arrowSize: b } = v, { consts:
   `}
 `;
 export {
-  R as CalendarWrapper,
-  E as DatePickerWrapper
+  E as CalendarWrapper,
+  D as DatePickerWrapper
 };
 //# sourceMappingURL=DatePicker.styles.js.map

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

@@ -1,4 +1,4 @@
-import { DatePickerTypes } from '..\..\react-base\src';
+import { DatePickerTypes } from 'acinguiux-ds-react-base';
 export interface IDatePickerProps extends DatePickerTypes.IProps {
     prefixCls?: string;
     container?: HTMLElement;

package/build/esm/components/DatePicker/components/Calendar/Calendar.js

@@ -4,30 +4,30 @@ import f from "classnames";
 import { PickerPanel as c } from "rc-picker";
 import u from "rc-picker/lib/generate/dayjs";
 import C from "rc-picker/lib/locale/en_GB";
-import I from "../../../_internalComponents/ArrowKeys/ArrowKeys.js";
-import d from "../../../Button/Button.js";
-import { CalendarWrapper as p } from "../../DatePicker.styles.js";
-import { NextIcon as x, SuperNextIcon as P, PrevIcon as S, SuperPrevIcon as y, SuffixIcon as N, ClearIcon as g } from "../Icons/Icons.js";
-import { CALENDAR_CLASS as o, Variants as v, Sizes as k } from "../../../../react-base/src/consts.js";
-import * as A from "../../../../react-base/src/components/DatePicker/DatePicker.consts.js";
-const { ariaLabel: D, consts: M } = A, s = () => /* @__PURE__ */ r(I, {});
-function T({ className: l = "", size: n = k.Medium, ...e }) {
+import { CALENDAR_CLASS as o, Variants as I, Sizes as d } from "../../../../react-base/build/esm/consts.js";
+import * as x from "../../../../react-base/build/esm/components/DatePicker/DatePicker.consts.js";
+import P from "../../../_internalComponents/ArrowKeys/ArrowKeys.js";
+import S from "../../../Button/Button.js";
+import { CalendarWrapper as s } from "../../DatePicker.styles.js";
+import { NextIcon as y, SuperNextIcon as N, PrevIcon as g, SuperPrevIcon as v, SuffixIcon as A, ClearIcon as k } from "../Icons/Icons.js";
+const { ariaLabel: D, consts: M } = x, p = () => /* @__PURE__ */ r(P, {});
+function T({ className: l = "", size: n = d.Medium, ...e }) {
   const a = m(null), t = {
     prefixCls: o,
     getPopupContainer: () => a.current,
     showToday: !0,
-    nextIcon: /* @__PURE__ */ r(x, {}),
-    superNextIcon: /* @__PURE__ */ r(P, {}),
-    prevIcon: /* @__PURE__ */ r(S, {}),
-    superPrevIcon: /* @__PURE__ */ r(y, {}),
-    suffixIcon: /* @__PURE__ */ r(N, {}),
+    nextIcon: /* @__PURE__ */ r(y, {}),
+    superNextIcon: /* @__PURE__ */ r(N, {}),
+    prevIcon: /* @__PURE__ */ r(g, {}),
+    superPrevIcon: /* @__PURE__ */ r(v, {}),
+    suffixIcon: /* @__PURE__ */ r(A, {}),
     allowClear: !0,
     clearIcon: /* @__PURE__ */ r(
-      d,
+      S,
       {
         size: M[n].clearSize,
-        variant: v.Transparent,
-        icon: /* @__PURE__ */ r(g, {}),
+        variant: I.Transparent,
+        icon: /* @__PURE__ */ r(k, {}),
         iconOnly: !0,
         "aria-label": "Clear entry"
       }
@@ -42,13 +42,13 @@ function T({ className: l = "", size: n = k.Medium, ...e }) {
     size: n,
     calendarOnly: !0
   };
-  return e.config === "custom" ? /* @__PURE__ */ r(p, { ...i, children: /* @__PURE__ */ r(c, { ...t, ...e, renderExtraFooter: s }) }) : /* @__PURE__ */ r(p, { ...i, children: /* @__PURE__ */ r(
+  return e.config === "custom" ? /* @__PURE__ */ r(s, { ...i, children: /* @__PURE__ */ r(c, { ...t, ...e, renderExtraFooter: p }) }) : /* @__PURE__ */ r(s, { ...i, children: /* @__PURE__ */ r(
     c,
     {
       ...t,
       generateConfig: u,
       ...e,
-      renderExtraFooter: s
+      renderExtraFooter: p
     }
   ) });
 }

package/build/esm/components/DatePicker/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../../src/components/DatePicker/components/Calendar/Calendar.tsx"],"sourcesContent":["import React, { ReactElement, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { PickerPanel } from 'rc-picker';\nimport dayJsGenerateConfig from 'rc-picker/lib/generate/dayjs';\nimport enGB from 'rc-picker/lib/locale/en_GB';\nimport { Sizes, Variants, DatePickerConsts, CALENDAR_CLASS } from 'acinguiux-ds-react-base';\n\nimport ArrowKeys from '../../../_internalComponents/ArrowKeys/ArrowKeys';\nimport Button from '../../../Button/Button';\nimport * as Styled from '../../DatePicker.styles';\nimport { ClearIcon, NextIcon, PrevIcon, SuffixIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\nimport { ICalendarProps } from './Calendar.types';\n\nconst { ariaLabel, consts } = DatePickerConsts;\nconst renderExtraFooter = () => <ArrowKeys />;\n\nfunction Calendar<T>({ className = '', size = Sizes.Medium, ...rest }: ICalendarProps<T>): ReactElement {\n  const container = useRef<HTMLDivElement>(null);\n\n  const pickerProps = {\n    prefixCls: CALENDAR_CLASS,\n    getPopupContainer: () => container.current as HTMLElement,\n    showToday: true,\n    nextIcon: <NextIcon />,\n    superNextIcon: <SuperNextIcon />,\n    prevIcon: <PrevIcon />,\n    superPrevIcon: <SuperPrevIcon />,\n    suffixIcon: <SuffixIcon />,\n    allowClear: true,\n    clearIcon: (\n      <Button\n        size={consts[size].clearSize}\n        variant={Variants.Transparent}\n        icon={<ClearIcon />}\n        iconOnly\n        aria-label=\"Clear entry\"\n      />\n    ),\n    locale: enGB,\n    format: 'DD MMM YYYY',\n    'aria-label': ariaLabel,\n  };\n\n  const datePickerWrapperProps = {\n    className: classNames(CALENDAR_CLASS, className),\n    prefixCls: CALENDAR_CLASS,\n    ref: container,\n    size,\n    calendarOnly: true,\n  };\n\n  if (rest.config === 'custom') {\n    return (\n      <Styled.CalendarWrapper {...datePickerWrapperProps}>\n        <PickerPanel {...pickerProps} {...rest} renderExtraFooter={renderExtraFooter} />\n      </Styled.CalendarWrapper>\n    );\n  }\n\n  return (\n    <Styled.CalendarWrapper {...datePickerWrapperProps}>\n      <PickerPanel\n        {...pickerProps}\n        generateConfig={dayJsGenerateConfig}\n        {...rest}\n        renderExtraFooter={renderExtraFooter}\n      />\n    </Styled.CalendarWrapper>\n  );\n}\n\nexport default Calendar;\n"],"names":["ariaLabel","consts","DatePickerConsts","renderExtraFooter","jsx","ArrowKeys","Calendar","className","size","Sizes","rest","container","useRef","pickerProps","CALENDAR_CLASS","NextIcon","SuperNextIcon","PrevIcon","SuperPrevIcon","SuffixIcon","Button","Variants","ClearIcon","enGB","datePickerWrapperProps","classNames","Styled.CalendarWrapper","PickerPanel","dayJsGenerateConfig"],"mappings":";;;;;;;;;;;;AAcA,MAAM,EAAE,WAAAA,GAAW,QAAAC,EAAA,IAAWC,GACxBC,IAAoB,MAAM,gBAAAC,EAACC,GAAU,EAAA;AAE3C,SAASC,EAAY,EAAE,WAAAC,IAAY,IAAI,MAAAC,IAAOC,EAAM,QAAQ,GAAGC,KAAyC;AAChG,QAAAC,IAAYC,EAAuB,IAAI,GAEvCC,IAAc;AAAA,IAClB,WAAWC;AAAA,IACX,mBAAmB,MAAMH,EAAU;AAAA,IACnC,WAAW;AAAA,IACX,4BAAWI,GAAS,EAAA;AAAA,IACpB,iCAAgBC,GAAc,EAAA;AAAA,IAC9B,4BAAWC,GAAS,EAAA;AAAA,IACpB,iCAAgBC,GAAc,EAAA;AAAA,IAC9B,8BAAaC,GAAW,EAAA;AAAA,IACxB,YAAY;AAAA,IACZ,WACE,gBAAAf;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,MAAMnB,EAAOO,CAAI,EAAE;AAAA,QACnB,SAASa,EAAS;AAAA,QAClB,wBAAOC,GAAU,EAAA;AAAA,QACjB,UAAQ;AAAA,QACR,cAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,QAAQC;AAAA,IACR,QAAQ;AAAA,IACR,cAAcvB;AAAA,EAChB,GAEMwB,IAAyB;AAAA,IAC7B,WAAWC,EAAWX,GAAgBP,CAAS;AAAA,IAC/C,WAAWO;AAAA,IACX,KAAKH;AAAA,IACL,MAAAH;AAAA,IACA,cAAc;AAAA,EAChB;AAEI,SAAAE,EAAK,WAAW,WAEf,gBAAAN,EAAAsB,GAAA,EAAwB,GAAGF,GAC1B,UAAC,gBAAApB,EAAAuB,GAAA,EAAa,GAAGd,GAAc,GAAGH,GAAM,mBAAAP,GAAsC,EAChF,CAAA,IAKD,gBAAAC,EAAAsB,GAAA,EAAwB,GAAGF,GAC1B,UAAA,gBAAApB;AAAA,IAACuB;AAAA,IAAA;AAAA,MACE,GAAGd;AAAA,MACJ,gBAAgBe;AAAA,MACf,GAAGlB;AAAA,MACJ,mBAAAP;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../../src/components/DatePicker/components/Calendar/Calendar.tsx"],"sourcesContent":["import React, { ReactElement, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { PickerPanel } from 'rc-picker';\nimport dayJsGenerateConfig from 'rc-picker/lib/generate/dayjs';\nimport enGB from 'rc-picker/lib/locale/en_GB';\nimport { Sizes, Variants, DatePickerConsts, CALENDAR_CLASS } from 'acinguiux-ds-react-base';\n\nimport ArrowKeys from '../../../_internalComponents/ArrowKeys/ArrowKeys';\nimport Button from '../../../Button/Button';\nimport * as Styled from '../../DatePicker.styles';\nimport { ClearIcon, NextIcon, PrevIcon, SuffixIcon, SuperNextIcon, SuperPrevIcon } from '../Icons/Icons';\nimport { ICalendarProps } from './Calendar.types';\n\nconst { ariaLabel, consts } = DatePickerConsts;\nconst renderExtraFooter = () => <ArrowKeys />;\n\nfunction Calendar<T>({ className = '', size = Sizes.Medium, ...rest }: ICalendarProps<T>): ReactElement {\n  const container = useRef<HTMLDivElement>(null);\n\n  const pickerProps = {\n    prefixCls: CALENDAR_CLASS,\n    getPopupContainer: () => container.current as HTMLElement,\n    showToday: true,\n    nextIcon: <NextIcon />,\n    superNextIcon: <SuperNextIcon />,\n    prevIcon: <PrevIcon />,\n    superPrevIcon: <SuperPrevIcon />,\n    suffixIcon: <SuffixIcon />,\n    allowClear: true,\n    clearIcon: (\n      <Button\n        size={consts[size].clearSize}\n        variant={Variants.Transparent}\n        icon={<ClearIcon />}\n        iconOnly\n        aria-label=\"Clear entry\"\n      />\n    ),\n    locale: enGB,\n    format: 'DD MMM YYYY',\n    'aria-label': ariaLabel,\n  };\n\n  const datePickerWrapperProps = {\n    className: classNames(CALENDAR_CLASS, className),\n    prefixCls: CALENDAR_CLASS,\n    ref: container,\n    size,\n    calendarOnly: true,\n  };\n\n  if (rest.config === 'custom') {\n    return (\n      <Styled.CalendarWrapper {...datePickerWrapperProps}>\n        <PickerPanel {...pickerProps} {...rest} renderExtraFooter={renderExtraFooter} />\n      </Styled.CalendarWrapper>\n    );\n  }\n\n  return (\n    <Styled.CalendarWrapper {...datePickerWrapperProps}>\n      <PickerPanel\n        {...pickerProps}\n        generateConfig={dayJsGenerateConfig}\n        {...rest}\n        renderExtraFooter={renderExtraFooter}\n      />\n    </Styled.CalendarWrapper>\n  );\n}\n\nexport default Calendar;\n"],"names":["ariaLabel","consts","DatePickerConsts","renderExtraFooter","jsx","ArrowKeys","Calendar","className","size","Sizes","rest","container","useRef","pickerProps","CALENDAR_CLASS","NextIcon","SuperNextIcon","PrevIcon","SuperPrevIcon","SuffixIcon","Button","Variants","ClearIcon","enGB","datePickerWrapperProps","classNames","Styled.CalendarWrapper","PickerPanel","dayJsGenerateConfig"],"mappings":";;;;;;;;;;;;AAcA,MAAM,EAAE,WAAAA,GAAW,QAAAC,EAAA,IAAWC,GACxBC,IAAoB,MAAM,gBAAAC,EAACC,GAAU,EAAA;AAE3C,SAASC,EAAY,EAAE,WAAAC,IAAY,IAAI,MAAAC,IAAOC,EAAM,QAAQ,GAAGC,KAAyC;AAChG,QAAAC,IAAYC,EAAuB,IAAI,GAEvCC,IAAc;AAAA,IAClB,WAAWC;AAAAA,IACX,mBAAmB,MAAMH,EAAU;AAAA,IACnC,WAAW;AAAA,IACX,4BAAWI,GAAS,EAAA;AAAA,IACpB,iCAAgBC,GAAc,EAAA;AAAA,IAC9B,4BAAWC,GAAS,EAAA;AAAA,IACpB,iCAAgBC,GAAc,EAAA;AAAA,IAC9B,8BAAaC,GAAW,EAAA;AAAA,IACxB,YAAY;AAAA,IACZ,WACE,gBAAAf;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,MAAMnB,EAAOO,CAAI,EAAE;AAAA,QACnB,SAASa,EAAS;AAAA,QAClB,wBAAOC,GAAU,EAAA;AAAA,QACjB,UAAQ;AAAA,QACR,cAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,QAAQC;AAAA,IACR,QAAQ;AAAA,IACR,cAAcvB;AAAA,EAChB,GAEMwB,IAAyB;AAAA,IAC7B,WAAWC,EAAWX,GAAgBP,CAAS;AAAA,IAC/C,WAAWO;AAAAA,IACX,KAAKH;AAAA,IACL,MAAAH;AAAA,IACA,cAAc;AAAA,EAChB;AAEI,SAAAE,EAAK,WAAW,WAEf,gBAAAN,EAAAsB,GAAA,EAAwB,GAAGF,GAC1B,UAAC,gBAAApB,EAAAuB,GAAA,EAAa,GAAGd,GAAc,GAAGH,GAAM,mBAAAP,GAAsC,EAChF,CAAA,IAKD,gBAAAC,EAAAsB,GAAA,EAAwB,GAAGF,GAC1B,UAAA,gBAAApB;AAAA,IAACuB;AAAA,IAAA;AAAA,MACE,GAAGd;AAAA,MACJ,gBAAgBe;AAAA,MACf,GAAGlB;AAAA,MACJ,mBAAAP;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/build/esm/components/DatePicker/components/DateInput/DateInput.js

@@ -1,25 +1,25 @@
-import { jsxs as A, jsx as n } from "react/jsx-runtime";
+import { jsxs as A, jsx as s } from "react/jsx-runtime";
 import { forwardRef as F } from "react";
 import v from "classnames";
-import { DateInputWrapper as E } from "./DateInput.styles.js";
-import p from "../DateInputField/DateInputField.js";
-import { DATE_PICKER_CLASS as m, DATE_INPUT_DAY_ID_SUFFIX as N, DATE_INPUT_MONTH_ID_SUFFIX as S, DATE_INPUT_YEAR_ID_SUFFIX as U, Sizes as $ } from "../../../../react-base/src/consts.js";
-const b = F(
-  ({ className: s, id: r = m, size: o = $.Medium, day: _, month: I, year: D, ...T }, u) => {
+import { DATE_PICKER_CLASS as p, DATE_INPUT_DAY_ID_SUFFIX as E, DATE_INPUT_MONTH_ID_SUFFIX as N, DATE_INPUT_YEAR_ID_SUFFIX as S, Sizes as U } from "../../../../react-base/build/esm/consts.js";
+import { DateInputWrapper as $ } from "./DateInput.styles.js";
+import n from "../DateInputField/DateInputField.js";
+const P = F(
+  ({ className: m, id: r = p, size: o = U.Medium, day: _, month: I, year: D, ...T }, u) => {
     const t = (a) => ({
       ...(a == null ? void 0 : a.value) && { value: a.value },
       ...(a == null ? void 0 : a.onChange) && { onChange: a.onChange },
       ...(a == null ? void 0 : a.disabled) && { disabled: a.disabled },
       ...(a == null ? void 0 : a.invalid) && { invalid: a.invalid }
     });
-    return /* @__PURE__ */ A(E, { ref: u, id: r, className: v(s, m), ...T, children: [
-      /* @__PURE__ */ n(p, { size: o, id: `${r}-${N}`, dateType: "Day", ...t(_) }),
-      /* @__PURE__ */ n(p, { size: o, id: `${r}-${S}`, dateType: "Month", ...t(I) }),
-      /* @__PURE__ */ n(p, { size: o, id: `${r}-${U}`, dateType: "Year", ...t(D) })
+    return /* @__PURE__ */ A($, { ref: u, id: r, className: v(m, p), ...T, children: [
+      /* @__PURE__ */ s(n, { size: o, id: `${r}-${E}`, dateType: "Day", ...t(_) }),
+      /* @__PURE__ */ s(n, { size: o, id: `${r}-${N}`, dateType: "Month", ...t(I) }),
+      /* @__PURE__ */ s(n, { size: o, id: `${r}-${S}`, dateType: "Year", ...t(D) })
     ] });
   }
 );
 export {
-  b as default
+  P as default
 };
 //# sourceMappingURL=DateInput.js.map

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

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, ComponentPropsWithRef } from 'react';
-import { Sizes, WithConditionalCssProp } from '..\..\..\..\react-base\src';
+import { Sizes, WithConditionalCssProp } from 'acinguiux-ds-react-base';
 import { ITextInputProps } from '../../../TextInput/TextInput.types';
 export type DateInputSize = Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large;
 export type DateInputDateField = ITextInputProps & {

package/build/esm/components/DatePicker/components/DateInputField/DateInputField.js

@@ -1,17 +1,17 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import i from "../../../Text/components/Label/Label.js";
-import p from "../../../TextInput/TextInput.js";
-import { DateInputField as h } from "./DateInputField.styles.js";
-import { handlePlaceholder as a, handleLength as m } from "../../utils/dateInputUtils.js";
-import { TextElementTypes as u, Sizes as d } from "../../../../react-base/src/consts.js";
-const I = ({ size: e = d.Medium, id: r, dateType: t, ...l }) => /* @__PURE__ */ n(h, { dateType: t, size: e, children: [
-  /* @__PURE__ */ o(i, { size: e, type: u.Label, htmlFor: r, bold: !0, children: t }),
+import { TextElementTypes as i, Sizes as p } from "../../../../react-base/build/esm/consts.js";
+import a from "../../../Text/components/Label/Label.js";
+import h from "../../../TextInput/TextInput.js";
+import { DateInputField as u } from "./DateInputField.styles.js";
+import { handlePlaceholder as d, handleLength as m } from "../../utils/dateInputUtils.js";
+const I = ({ size: e = p.Medium, id: r, dateType: t, ...l }) => /* @__PURE__ */ n(u, { dateType: t, size: e, children: [
+  /* @__PURE__ */ o(a, { size: e, type: i.Label, htmlFor: r, bold: !0, children: t }),
   /* @__PURE__ */ o(
-    p,
+    h,
     {
       size: e,
       id: r,
-      placeholder: a(t),
+      placeholder: d(t),
       minLength: m(t),
       maxLength: m(t),
       ...l,

package/build/esm/components/DatePicker/components/DateInputField/DateInputField.styles.js

@@ -1,6 +1,6 @@
 import l, { css as p } from "styled-components";
-import { Sizes as i } from "../../../../react-base/src/consts.js";
-const m = l.div`
+import { Sizes as i } from "../../../../react-base/build/esm/consts.js";
+const a = l.div`
   ${({ dateType: x, size: r }) => p`
     display: flex;
     flex-direction: column;
@@ -24,6 +24,6 @@ const m = l.div`
   `}
 `;
 export {
-  m as DateInputField
+  a as DateInputField
 };
 //# sourceMappingURL=DateInputField.styles.js.map

package/build/esm/components/DatePicker/components/NativeDatePicker/NativeDatePicker.js

@@ -1,16 +1,16 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import f from "classnames";
-import s from "../../../TextInput/TextInput.js";
-import { DATE_PICKER_CLASS as p, Sizes as l } from "../../../../react-base/src/consts.js";
-import { ariaLabel as c } from "../../../../react-base/src/components/DatePicker/DatePicker.consts.js";
-const n = i(
-  ({ className: r, size: a = l.Medium, type: m = "date", ...o }, e) => /* @__PURE__ */ t(
-    s,
+import s from "classnames";
+import { DATE_PICKER_CLASS as f, Sizes as p } from "../../../../react-base/build/esm/consts.js";
+import { ariaLabel as l } from "../../../../react-base/build/esm/components/DatePicker/DatePicker.consts.js";
+import c from "../../../TextInput/TextInput.js";
+const S = i(
+  ({ className: a, size: r = p.Medium, type: m = "date", ...o }, e) => /* @__PURE__ */ t(
+    c,
     {
-      className: f(r, p),
-      "aria-label": c,
-      size: a,
+      className: s(a, f),
+      "aria-label": l,
+      size: r,
       ref: e,
       type: m,
       ...o
@@ -18,6 +18,6 @@ const n = i(
   )
 );
 export {
-  n as default
+  S as default
 };
 //# sourceMappingURL=NativeDatePicker.js.map

package/build/esm/components/DatePicker/components/RangeDatePicker/RangeDatePicker.js

@@ -4,46 +4,46 @@ import u from "classnames";
 import { RangePicker as i } from "rc-picker";
 import I from "rc-picker/lib/generate/dayjs";
 import P from "rc-picker/lib/locale/en_GB";
-import { DatePickerWrapper as x } from "../../DatePicker.styles.js";
-import { Separator as d, NextIcon as g, SuperNextIcon as C, PrevIcon as S, SuperPrevIcon as k, SuffixIcon as D, ClearIcon as v } from "../Icons/Icons.js";
-import { DATE_PICKER_CLASS as o, Sizes as N } from "../../../../react-base/src/consts.js";
-import * as M from "../../../../react-base/src/components/DatePicker/DatePicker.consts.js";
-const { ariaLabel: R } = M;
+import { DATE_PICKER_CLASS as o, Sizes as x } from "../../../../react-base/build/esm/consts.js";
+import * as d from "../../../../react-base/build/esm/components/DatePicker/DatePicker.consts.js";
+import { DatePickerWrapper as g } from "../../DatePicker.styles.js";
+import { Separator as C, NextIcon as S, SuperNextIcon as k, PrevIcon as D, SuperPrevIcon as v, SuffixIcon as M, ClearIcon as N } from "../Icons/Icons.js";
+const { ariaLabel: A } = d;
 function L({
   className: c,
-  size: p = N.Medium,
-  invalid: f = !1,
-  elevation: n = !0,
-  dropdownAlign: s,
+  size: p = x.Medium,
+  invalid: s = !1,
+  elevation: a = !0,
+  dropdownAlign: f,
   ...e
 }) {
-  const a = l(null), t = {
+  const n = l(null), t = {
     dropdownAlign: {
-      ...s,
-      offset: [0, n ? 20 : 0]
+      ...f,
+      offset: [0, a ? 20 : 0]
     },
     prefixCls: o,
-    getPopupContainer: () => a.current,
-    separator: /* @__PURE__ */ r(d, {}),
+    getPopupContainer: () => n.current,
+    separator: /* @__PURE__ */ r(C, {}),
     showToday: !1,
-    nextIcon: /* @__PURE__ */ r(g, {}),
-    superNextIcon: /* @__PURE__ */ r(C, {}),
-    prevIcon: /* @__PURE__ */ r(S, {}),
-    superPrevIcon: /* @__PURE__ */ r(k, {}),
-    suffixIcon: /* @__PURE__ */ r(D, {}),
-    clearIcon: /* @__PURE__ */ r(v, {}),
+    nextIcon: /* @__PURE__ */ r(S, {}),
+    superNextIcon: /* @__PURE__ */ r(k, {}),
+    prevIcon: /* @__PURE__ */ r(D, {}),
+    superPrevIcon: /* @__PURE__ */ r(v, {}),
+    suffixIcon: /* @__PURE__ */ r(M, {}),
+    clearIcon: /* @__PURE__ */ r(N, {}),
     locale: P,
     format: "DD MMM YYYY",
-    "aria-label": R
+    "aria-label": A
   }, m = {
     className: u(o, c),
     prefixCls: o,
-    ref: a,
+    ref: n,
     size: p,
-    $invalid: f,
-    $elevation: n
+    $invalid: s,
+    $elevation: a
   };
-  return /* @__PURE__ */ r(x, { ...m, children: e.config === "custom" ? /* @__PURE__ */ r(i, { ...t, ...e }) : /* @__PURE__ */ r(i, { ...t, generateConfig: I, ...e }) });
+  return /* @__PURE__ */ r(g, { ...m, children: e.config === "custom" ? /* @__PURE__ */ r(i, { ...t, ...e }) : /* @__PURE__ */ r(i, { ...t, generateConfig: I, ...e }) });
 }
 export {
   L as default