aristid-ds 1.0.1 → 1.1.0-a203e2d

package/CHANGELOG.md

@@ -1,6 +1,39 @@
 # Changelog
 
+## [X.X.X](https://www.npmjs.com/package/aristid-ds/v/X.X.X) (2024-XX-XX)
+### 🐛 Bug Fixes
+* **Select:**
+  * Fix default border color (@philippechevieux)
+* **Badge:**
+  * Fix custom className bug (@evoiron)
+* **Input:**
+   * Update color of content, label, placeholder and clear icon (@TdyP)
+  * Add aria-label on clear icon to improve testability (@TdyP)
+* **InputNumber:**
+  * Update color of content, label, placeholder and clear icon (@TdyP)
+* **ColorPicker:**
+  * Update color of content, label and placeholder (@TdyP)
+* **DatePicker:**
+  * Update color of content, label and placeholder (@TdyP)
+
+## [1.1.0](https://www.npmjs.com/package/aristid-ds/v/1.1.0) (2024-02-28)
+### ✨ Features
+* **Nightly build:**
+  * publish a nightly version of the package under `next`. (@evoiron)
+
+### 🐛 Bug Fixes
+* **AutoComplete:**
+  * Fix crashing release (@evoiron)
+
+* **AutoComplete:**
+  * Fix dropdown border when focused or when a status is set (@philippechevieux)
+
+* **Select:**
+  * Fix dropdown border when focused or when a status is set (@philippechevieux)
+  * Fix dropdown border on click on arrow (@renaudamsellem)
 
+* **InputWrapper:**
+  * Fix border default color (@philippechevieux)
 
 ## [1.0.1](https://www.npmjs.com/package/aristid-ds/v/1.0.1) (2024-02-26)
 ### 🐛 Bug Fixes

package/README.md

@@ -21,6 +21,7 @@ ARiSTiD Design System Readme.
     - [Component code](#component-code)
   - [Component theming](#component-theming)
     - [Component documentation](#component-documentation)
+- [Nightly build](#nightly-build)
 - [Important](#important)
 - [Contributing](#contributing)
   - [Commit](#commit)
@@ -451,9 +452,16 @@ Every components **style** of the design system can be **override** by tokens.
     After the script run, section `Design Tokens` documentation is up to date with all design tokens.
 
 
+## Nightly build
+A nightly version of the package is published on daily basis on branch develop (assuming new commits have been pushed on develop branch). To use it just install the more recent next version :
+
+```sh
+    yarn add aristid-ds@next
+```
+**Note:** Though it is useful to test upcoming feature, this version should **NEVER** be used in production
 
 ## Important
-Every import of antd library should pass by `antd` or `/lib/antd`. `es` import will lead to issues in the build process.
+Every import of antd library should pass by `antd` or `ant/es`. `lib` import will lead to issues in the build process.
 
 ## Contributing
 

package/dist/Kit/App/index.js

@@ -1,74 +1,74 @@
 import "../../assets/index19.css";
-import r, { useState as p, useLayoutEffect as g, useRef as v, useEffect as K } from "react";
+import r, { useState as p, useLayoutEffect as K, useRef as g, useEffect as v } from "react";
 import { ConfigProvider as E } from "antd";
-import { I as L } from "../../chunks/SnackBarProvider.v49b6mkx.js";
+import { K as L } from "../../chunks/SnackBarProvider.i0xeV0xG.js";
 import { createGlobalStyle as P } from "styled-components";
 import { toCssVariables as d, uuid as S } from "../../utils/functions/index.js";
-import l from "lodash/merge";
+import s from "lodash/merge";
 import { Style as C } from "react-style-tag";
 import { K as b } from "../../chunks/useKitTheme.KSAU-Pdv.js";
-import { KitAristidThemeGeneral as s } from "../../theme/aristid/general/index.js";
+import { KitAristidThemeGeneral as l } from "../../theme/aristid/general/index.js";
 import { antdThemeConfig as h } from "../../theme/utils/tokens-mapper/index.js";
 import { frFR as m } from "../../translation/fr-FR/index.js";
-import { enUS as I } from "../../translation/en-US/index.js";
-import { K as F, u as R } from "../../chunks/useKitLocale.96CdK3og.js";
-import { mapKitLocaleToAntdLocale as T } from "../../translation/utils/index.js";
-import { d as $ } from "../../chunks/notification-provider.kV-P-2Jh.js";
-const k = P`
+import { enUS as F } from "../../translation/en-US/index.js";
+import { K as R, u as T } from "../../chunks/useKitLocale.96CdK3og.js";
+import { mapKitLocaleToAntdLocale as $ } from "../../translation/utils/index.js";
+import { d as k } from "../../chunks/notification-provider.KGowspef.js";
+const y = P`
   .${(t) => t.id} {
     ${(t) => d(t.customTheme)};
   }
-`, y = "aristid-ds-global", A = ({ children: t, customTheme: e, id: o }) => {
-  const [n, i] = p(null), { theme: f, appId: c, spacing: u } = x(o, e);
-  return g(() => {
-    const a = d(s, "--general");
-    i(a);
-  }, []), r.createElement(b.Provider, { value: { theme: f, appId: c, spacing: u } }, n !== null && r.createElement(
+`, A = "aristid-ds-global", I = ({ children: t, customTheme: e, id: o }) => {
+  const [i, n] = p(null), { theme: f, appId: c, spacing: u } = x(o, e);
+  return K(() => {
+    const a = d(l, "--general");
+    n(a);
+  }, []), r.createElement(b.Provider, { value: { theme: f, appId: c, spacing: u } }, i !== null && r.createElement(
     r.Fragment,
     null,
-    r.createElement(C, { id: y, hasSourceMap: !1 }, `
+    r.createElement(C, { id: A, hasSourceMap: !1 }, `
                             :root{
-                                ${Object.keys(n).map((a) => `${a}: ${n[a]}`).join(";")}
+                                ${Object.keys(i).map((a) => `${a}: ${i[a]}`).join(";")}
                             }
                         `),
-    e && r.createElement(k, { id: c, customTheme: e }),
+    e && r.createElement(y, { id: c, customTheme: e }),
     t
   ));
 }, x = (t, e) => {
   var o;
-  const n = v(t || "ds-" + S().substring(0, 8)), i = l(s.spacing, (o = e == null ? void 0 : e.general) === null || o === void 0 ? void 0 : o.spacing);
-  return { theme: s, appId: n.current, spacing: i };
+  const i = g(t || "ds-" + S().substring(0, 8)), n = s(l.spacing, (o = e == null ? void 0 : e.general) === null || o === void 0 ? void 0 : o.spacing);
+  return { theme: l, appId: i.current, spacing: n };
 }, j = ({ children: t }) => {
   const e = G();
-  return r.createElement(F.Provider, { value: e }, t);
+  return r.createElement(R.Provider, { value: e }, t);
 }, G = () => {
   const [t, e] = p(m);
-  return { locale: t, setKitLocale: (n) => {
-    if (n.locale === "frFR") {
-      const i = l(m, n);
-      e(i);
+  return { locale: t, setKitLocale: (i) => {
+    if (i.locale === "frFR") {
+      const n = s(m, i);
+      e(n);
     } else {
-      const i = l(I, n);
-      e(i);
+      const n = s(F, i);
+      e(n);
     }
   } };
-}, Z = ({ children: t, locale: e, customTheme: o, id: n }) => r.createElement(
-  A,
-  { customTheme: o, id: n },
+}, Z = ({ children: t, locale: e, customTheme: o, id: i }) => r.createElement(
+  I,
+  { customTheme: o, id: i },
   r.createElement(
     j,
     null,
     r.createElement(U, { locale: e }, t)
   )
 ), U = ({ children: t, locale: e }) => {
-  const { setKitLocale: o } = R();
-  return K(() => {
+  const { setKitLocale: o } = T();
+  return v(() => {
     e !== void 0 && o(e);
   }, [e, o]), r.createElement(
     E,
-    { theme: h, locale: T(e) },
+    { theme: h, locale: $(e) },
     r.createElement(
-      $,
+      k,
       null,
       r.createElement(L, null),
       t

package/dist/Kit/DataDisplay/Badge/index.js

@@ -1,18 +1,18 @@
 import "../../../assets/index.css";
-import l, { useMemo as p } from "react";
-import { Badge as g } from "antd";
-import { u } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { isValidColor as c, getColor as d, getLighterColor as f } from "../../../utils/functions/index.js";
-import { kitBadgeCssTokens as m } from "../../../theme/aristid/components/DataDisplay/Badge/index.js";
-import n from "classnames";
-const k = {
+import g, { useMemo as l } from "react";
+import { Badge as u } from "antd";
+import { u as d } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { isValidColor as f, getColor as n, getLighterColor as c } from "../../../utils/functions/index.js";
+import { kitBadgeCssTokens as s } from "../../../theme/aristid/components/DataDisplay/Badge/index.js";
+import k from "classnames";
+const b = {
   "kit-badge": "_kit-badge_16zpm_2"
-}, B = (t, e) => !t || !c(t) ? null : {
-  [m.colors.background.default]: d(t, e),
-  [m.colors.typography.default]: f(t, e)
-}, C = ({ color: t, style: e, secondaryColorInvert: o = !1, ...s }) => {
-  const { appId: a } = u(), i = p(() => ({ ...e, ...B(t, o) }), [t, o, e]), r = n(a, k["kit-badge"], s.className);
-  return l.createElement(g, { style: i, className: r, ...s });
+}, B = (t, e) => !t || !f(t) ? null : {
+  [s.colors.background.default]: n(t, e),
+  [s.colors.typography.default]: c(t, e)
+}, C = ({ color: t, style: e, secondaryColorInvert: o = !1, className: m, ...r }) => {
+  const { appId: a } = d(), i = l(() => ({ ...e, ...B(t, o) }), [t, o, e]), p = k(a, b["kit-badge"], m);
+  return g.createElement(u, { style: i, ...r, className: p });
 };
 C.displayName = "KitBadge";
 export {

package/dist/Kit/DataDisplay/Card/index.js

@@ -8,7 +8,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { K as y } from "../../../chunks/index.kVWdzwin.js";
+import { K as y } from "../../../chunks/index.KDiQBxAp.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

package/dist/Kit/DataDisplay/Collapse/index.js

@@ -1,4 +1,4 @@
-import { b as e } from "../../../chunks/index.kVWdzwin.js";
+import { b as e } from "../../../chunks/index.KDiQBxAp.js";
 export {
   e as KitCollapse
 };

package/dist/Kit/DataDisplay/ItemCard/index.js

@@ -1,6 +1,6 @@
 import "react";
 import "classnames";
-import { a as q } from "../../../chunks/index.kVWdzwin.js";
+import { a as q } from "../../../chunks/index.KDiQBxAp.js";
 import "../../General/Button/index.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";

package/dist/Kit/DataDisplay/ItemList/index.js

@@ -4,7 +4,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { c as u } from "../../../chunks/index.kVWdzwin.js";
+import { c as u } from "../../../chunks/index.KDiQBxAp.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

package/dist/Kit/DataDisplay/Tag/index.js

@@ -1,4 +1,4 @@
-import { d as r } from "../../../chunks/index.kVWdzwin.js";
+import { d as r } from "../../../chunks/index.KDiQBxAp.js";
 export {
   r as KitTag
 };

package/dist/Kit/DataDisplay/index.js

@@ -1,7 +1,7 @@
 import { KitAvatar as o } from "./Avatar/index.js";
 import { KitBadge as e } from "./Badge/index.js";
 import { KitLegacyCard as K } from "./LegacyCard/index.js";
-import { K as p, b as f, a as x, c as s, d } from "../../chunks/index.kVWdzwin.js";
+import { K as p, b as f, a as x, c as s, d } from "../../chunks/index.KDiQBxAp.js";
 import { KitImage as g } from "./Image/index.js";
 import { KitTooltip as l } from "./Tooltip/index.js";
 import { KitTree as b } from "./Tree/index.js";

package/dist/Kit/DataEntry/AutoComplete/index.js

@@ -1,26 +1,34 @@
 import "../../../assets/index9.css";
-import t, { forwardRef as K } from "react";
-import { AutoComplete as d } from "antd";
-import { KitInput as w } from "../Input/index.js";
-import { K as x } from "../../../chunks/InputWrapper.sHItZx7l.js";
-import { FontAwesomeIcon as A } from "@fortawesome/react-fontawesome";
-import { faMagnifyingGlass as E } from "@fortawesome/free-solid-svg-icons";
-import N from "classnames";
-const y = {
+import t, { forwardRef as A, useState as E } from "react";
+import { AutoComplete as F } from "antd";
+import { KitInput as I } from "../Input/index.js";
+import { K as N } from "../../../chunks/InputWrapper.doEpNzyG.js";
+import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
+import { faMagnifyingGlass as y } from "@fortawesome/free-solid-svg-icons";
+import h from "classnames";
+const O = {
   "kit-autocomplete": "_kit-autocomplete_ekz5x_2"
-}, I = K(({ allowClear: m, label: p, helper: r, autoFocus: a, defaultValue: i, disabled: e, placeholder: n, status: o, value: c, onBlur: l, popupClassName: s, wrapperClassName: f, ...u }, k) => {
-  const C = N("ant-select-dropdown", "kit-select-dropdown-bottom", s);
+}, P = (o, r, e) => h(o, "ant-select-dropdown", "kit-select-dropdown-bottom", {
+  "kit-select-dropdown-focus": r,
+  "kit-select-dropdown-error": e === "error",
+  "kit-select-dropdown-warning": e === "warning"
+}), R = A(({ allowClear: o, label: r, helper: e, autoFocus: i, defaultValue: l, disabled: p, placeholder: f, status: n, value: u, onFocus: s, onBlur: c, popupClassName: d, wrapperClassName: w, ...k }, _) => {
+  const [g, a] = E(!1), C = (m) => {
+    a(!0), s && s(m);
+  }, K = (m) => {
+    a(!1), c && c(m);
+  };
   return t.createElement(
-    x,
-    { label: p, helper: r, disabled: e, status: o, className: f },
+    N,
+    { label: r, helper: e, disabled: p, status: n, className: w },
     t.createElement(
-      d,
-      { ...u, disabled: e, ref: k, className: y["kit-autocomplete"], popupClassName: C },
-      t.createElement(w, { prefix: t.createElement(A, { icon: E }), allowClear: m, autoFocus: a, defaultValue: i, placeholder: n, status: o, value: c, onBlur: l })
+      F,
+      { ...k, disabled: p, ref: _, className: O["kit-autocomplete"], popupClassName: P(d, g, n) },
+      t.createElement(I, { prefix: t.createElement(x, { icon: y }), allowClear: o, autoFocus: i, defaultValue: l, placeholder: f, status: n, value: u, onBlur: K, onFocus: C })
     )
   );
 });
-I.displayName = "KitAutoComplete";
+R.displayName = "KitAutoComplete";
 export {
-  I as KitAutoComplete
+  R as KitAutoComplete
 };

package/dist/Kit/DataEntry/Checkbox/index.d.ts

@@ -1,7 +1,7 @@
 import { ForwardRefExoticComponent, ForwardRefRenderFunction } from 'react';
 import { IKitCheckbox, ICheckboxGroup } from './types';
-export type { CheckboxChangeEvent } from 'antd/lib/checkbox/Checkbox';
-export type { CheckboxGroupProps, CheckboxOptionType } from 'antd/lib/checkbox/Group';
+export type { CheckboxChangeEvent } from 'antd/es/checkbox/Checkbox';
+export type { CheckboxGroupProps, CheckboxOptionType } from 'antd/es/checkbox/Group';
 type CompoundedComponent = ForwardRefExoticComponent<IKitCheckbox> & {
     Group: ForwardRefRenderFunction<HTMLDivElement, ICheckboxGroup>;
 };

package/dist/Kit/DataEntry/Checkbox/index.js

@@ -3,10 +3,10 @@ import r, { createContext as X, memo as Y, forwardRef as S, useContext as N, use
 import { Checkbox as P } from "antd";
 import { u as p } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import O from "classnames";
-import ee from "rc-util/lib/omit";
-import { ConfigContext as le } from "antd/lib/config-provider/";
-import ae from "antd/lib/checkbox/style";
-import { K as te } from "../../../chunks/InputWrapper.sHItZx7l.js";
+import ee from "rc-util/es/omit";
+import { ConfigContext as le } from "antd/es/config-provider/";
+import ae from "antd/es/checkbox/style";
+import { K as te } from "../../../chunks/InputWrapper.doEpNzyG.js";
 const R = X(null), ne = ({ defaultValue: v, children: o, options: a = [], prefixCls: m, className: l, wrapperClassName: f, status: b, rootClassName: u, style: n, onChange: d, label: x, helper: $, ...t }, A) => {
   const { getPrefixCls: B, direction: D } = N(le), [s, y] = K(t.value || v || []), [T, G] = K([]);
   V(() => {

package/dist/Kit/DataEntry/ColorPicker/index.js

@@ -1,6 +1,6 @@
 import "../../../assets/index11.css";
 import t from "react";
-import { K as p } from "../../../chunks/InputWrapper.sHItZx7l.js";
+import { K as p } from "../../../chunks/InputWrapper.doEpNzyG.js";
 import { u as n } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { ColorPicker as k } from "antd";
 import e from "classnames";

package/dist/Kit/DataEntry/DatePicker/RangePicker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const KitDatePicker: React.ForwardRefExoticComponent<Omit<import("rc-picker").RangePickerProps<import("dayjs").Dayjs>, "locale" | "generateConfig" | "hideHeader"> & {
-    locale?: import("antd/lib/date-picker/generatePicker").PickerLocale | undefined;
-    size?: import("antd/lib/button").ButtonSize;
+declare const KitRangePicker: React.ForwardRefExoticComponent<Omit<import("rc-picker").RangePickerProps<import("dayjs").Dayjs>, "locale" | "generateConfig" | "hideHeader"> & {
+    locale?: import("antd/es/date-picker/generatePicker").PickerLocale | undefined;
+    size?: import("antd/es/button").ButtonSize;
     placement?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | undefined;
     bordered?: boolean | undefined;
     status?: "" | "error" | "warning" | undefined;
@@ -11,4 +11,4 @@ declare const KitDatePicker: React.ForwardRefExoticComponent<Omit<import("rc-pic
     rootClassName?: string | undefined;
     popupStyle?: React.CSSProperties | undefined;
 } & import("./types").IInternalRangerPicker & React.RefAttributes<any>>;
-export default KitDatePicker;
+export default KitRangePicker;

package/dist/Kit/DataEntry/DatePicker/index.js

@@ -1,41 +1,41 @@
 import "../../../assets/index22.css";
-import e, { forwardRef as k } from "react";
-import { DatePicker as E } from "antd";
-import { K as I } from "../../../chunks/InputWrapper.sHItZx7l.js";
-import { u as _ } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { faCircleXmark as p, faClock as b, faCalendar as E } from "@fortawesome/free-regular-svg-icons";
 import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
-import { faCircleXmark as b, faClock as v, faCalendar as x } from "@fortawesome/free-regular-svg-icons";
-import K from "classnames";
-const D = {
-  "kit-datepicker": "_kit-datepicker_7610n_2",
-  "kit-rangepicker": "_kit-rangepicker_7610n_117"
-}, C = k(({ label: o, helper: s, suffixIcon: m, className: d, wrapperClassName: c, picker: l = "date", allowClear: t = !0, ...n }, i) => {
+import { K as I } from "../../../chunks/InputWrapper.doEpNzyG.js";
+import { u as _ } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { DatePicker as v } from "antd";
+import x from "classnames";
+import e, { forwardRef as K } from "react";
+const R = {
+  "kit-datepicker": "_kit-datepicker_n1csk_2",
+  "kit-rangepicker": "_kit-rangepicker_n1csk_117"
+}, D = K(({ label: o, helper: s, suffixIcon: m, className: d, wrapperClassName: l, picker: c = "date", allowClear: t = !0, ...n }, i) => {
   var r;
-  const { appId: f } = _(), u = () => l === "time" ? e.createElement(a, { icon: v }) : e.createElement(a, { icon: x }), p = K(f, D["kit-datepicker"], d);
+  const { appId: f } = _(), u = () => c === "time" ? e.createElement(a, { icon: b }) : e.createElement(a, { icon: E }), k = x(f, R["kit-datepicker"], d);
   return e.createElement(
     I,
-    { label: o, helper: s, disabled: n.disabled, status: n.status, className: c },
+    { label: o, helper: s, disabled: n.disabled, status: n.status, className: l },
     e.createElement(
       "div",
       null,
-      e.createElement(E, { ...n, picker: l, ref: i, suffixIcon: (r = m) !== null && r !== void 0 ? r : u(), allowClear: t ? { clearIcon: e.createElement(a, { icon: b }) } : !1, className: p })
+      e.createElement(v, { ...n, picker: c, ref: i, suffixIcon: (r = m) !== null && r !== void 0 ? r : u(), allowClear: t ? { clearIcon: e.createElement(a, { "aria-label": "clear", icon: p }) } : !1, className: k })
     )
   );
-}), w = k(({ label: o, className: s, helper: m, suffixIcon: d, picker: c, allowClear: l = !0, ...t }, n) => {
+}), g = K(({ label: o, className: s, helper: m, suffixIcon: d, picker: l, allowClear: c = !0, ...t }, n) => {
   var i;
-  const { appId: r } = _(), f = () => c === "time" ? e.createElement(a, { icon: v }) : e.createElement(a, { icon: x }), u = () => t.disabled === void 0 ? !1 : typeof t.disabled == "boolean" ? t.disabled : t.disabled[0] && t.disabled[1], p = K(r, D["kit-rangepicker"], s);
+  const { appId: r } = _(), f = () => l === "time" ? e.createElement(a, { icon: b }) : e.createElement(a, { icon: E }), u = () => t.disabled === void 0 ? !1 : typeof t.disabled == "boolean" ? t.disabled : t.disabled[0] && t.disabled[1], k = x(r, R["kit-rangepicker"], s);
   return e.createElement(
     I,
     { label: o, helper: m, disabled: u(), status: t.status },
     e.createElement(
       "div",
       null,
-      e.createElement(E.RangePicker, { ...t, picker: c, ref: n, suffixIcon: (i = d) !== null && i !== void 0 ? i : f(), allowClear: l ? { clearIcon: e.createElement(a, { icon: b }) } : !1, className: p })
+      e.createElement(v.RangePicker, { ...t, picker: l, ref: n, suffixIcon: (i = d) !== null && i !== void 0 ? i : f(), allowClear: c ? { clearIcon: e.createElement(a, { "aria-label": "clear", icon: p }) } : !1, className: k })
     )
   );
-}), N = w, R = C;
-R.displayName = "KitDatePicker";
-R.RangePicker = N;
+}), w = g, C = D;
+C.displayName = "KitDatePicker";
+C.RangePicker = w;
 export {
-  R as KitDatePicker
+  C as KitDatePicker
 };

package/dist/Kit/DataEntry/Input/Input.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { InputRef } from 'antd';
+import React from 'react';
 import { IKitInput } from './types';
 declare const KitInput: React.ForwardRefExoticComponent<IKitInput & React.RefAttributes<InputRef>>;
 export default KitInput;

package/dist/Kit/DataEntry/Input/Password.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { InputRef } from 'antd';
+import React from 'react';
 import { IKitPassword } from './types';
 declare const KitPassword: React.ForwardRefExoticComponent<IKitPassword & React.RefAttributes<InputRef>>;
 export default KitPassword;

package/dist/Kit/DataEntry/Input/TextArea.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { InputRef } from 'antd';
+import React from 'react';
 import { IKitTextArea } from './types';
 declare const KitTextArea: React.ForwardRefExoticComponent<IKitTextArea & React.RefAttributes<InputRef>>;
 export default KitTextArea;

package/dist/Kit/DataEntry/Input/index.js

@@ -1,35 +1,35 @@
 import "../../../assets/index25.css";
-import t, { forwardRef as d } from "react";
-import { Input as u } from "antd";
-import { K as p } from "../../../chunks/InputWrapper.sHItZx7l.js";
-import { u as I } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { faCircleXmark as d, faEye as K, faEyeSlash as N } from "@fortawesome/free-regular-svg-icons";
 import { FontAwesomeIcon as m } from "@fortawesome/react-fontawesome";
-import { faCircleXmark as f, faEye as N, faEyeSlash as b } from "@fortawesome/free-regular-svg-icons";
-import E from "classnames";
+import { K as u } from "../../../chunks/InputWrapper.doEpNzyG.js";
+import { u as p } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { Input as I } from "antd";
+import f from "classnames";
+import e, { forwardRef as E } from "react";
 const k = {
-  "kit-input": "_kit-input_15u8a_2",
-  "kit-password": "_kit-password_15u8a_140",
-  "kit-textarea": "_kit-textarea_15u8a_264"
-}, T = d(({ label: s, className: n, helper: c, wrapperClassName: a, allowClear: o = !0, ...e }, r) => {
-  const { appId: l } = I(), i = E(l, k["kit-input"], n);
-  return t.createElement(
-    p,
-    { label: s, helper: c, disabled: e.disabled, status: e.status, className: a },
-    t.createElement(u, { ...e, ref: r, className: i, allowClear: o ? { clearIcon: t.createElement(m, { icon: f }) } : void 0 })
+  "kit-input": "_kit-input_12a1a_2",
+  "kit-password": "_kit-password_12a1a_140",
+  "kit-textarea": "_kit-textarea_12a1a_264"
+}, T = E(({ label: s, className: l, helper: c, wrapperClassName: a, allowClear: n = !0, ...t }, r) => {
+  const { appId: o } = p(), i = f(o, k["kit-input"], l);
+  return e.createElement(
+    u,
+    { label: s, helper: c, disabled: t.disabled, status: t.status, className: a },
+    e.createElement(I, { ...t, ref: r, className: i, allowClear: n ? { clearIcon: e.createElement(m, { "aria-label": "clear", icon: d }) } : void 0 })
   );
-}), v = d(({ label: s, className: n, helper: c, wrapperClassName: a, allowClear: o = !0, ...e }, r) => {
-  const { appId: l } = I(), i = E(l, k["kit-textarea"], n);
-  return t.createElement(
-    p,
-    { label: s, helper: c, disabled: e.disabled, status: e.status, className: a },
-    t.createElement(u.TextArea, { ...e, ref: r, allowClear: o ? { clearIcon: t.createElement(m, { icon: f }) } : void 0, className: i })
+}), v = E(({ label: s, className: l, helper: c, wrapperClassName: a, allowClear: n = !0, ...t }, r) => {
+  const { appId: o } = p(), i = f(o, k["kit-textarea"], l);
+  return e.createElement(
+    u,
+    { label: s, helper: c, disabled: t.disabled, status: t.status, className: a },
+    e.createElement(I.TextArea, { ...t, ref: r, allowClear: n ? { clearIcon: e.createElement(m, { "aria-label": "clear", icon: d }) } : void 0, className: i })
   );
-}), y = v, C = d(({ label: s, className: n, helper: c, iconRender: a, wrapperClassName: o, allowClear: e = !0, ...r }, l) => {
-  const { appId: i } = I(), _ = E(i, k["kit-password"], n), x = (K) => K ? t.createElement(m, { icon: N }) : t.createElement(m, { icon: b });
-  return t.createElement(
-    p,
-    { label: s, helper: c, disabled: r.disabled, status: r.status, className: o },
-    t.createElement(u.Password, { ...r, className: _, ref: l, allowClear: e ? { clearIcon: t.createElement(m, { icon: f }) } : void 0, iconRender: a ?? x })
+}), y = v, C = E(({ label: s, className: l, helper: c, iconRender: a, wrapperClassName: n, allowClear: t = !0, ...r }, o) => {
+  const { appId: i } = p(), _ = f(i, k["kit-password"], l), b = (x) => x ? e.createElement(m, { icon: K }) : e.createElement(m, { icon: N });
+  return e.createElement(
+    u,
+    { label: s, helper: c, disabled: r.disabled, status: r.status, className: n },
+    e.createElement(I.Password, { ...r, className: _, ref: o, allowClear: t ? { clearIcon: e.createElement(m, { "aria-label": "clear", icon: d }) } : void 0, iconRender: a ?? b })
   );
 }), A = C, w = T;
 w.displayName = "KitInput";

package/dist/Kit/DataEntry/InputNumber/index.js

@@ -1,7 +1,7 @@
 import "../../../assets/index6.css";
 import s, { forwardRef as c, useState as f } from "react";
 import { InputNumber as l } from "antd";
-import { K as d } from "../../../chunks/InputWrapper.sHItZx7l.js";
+import { K as d } from "../../../chunks/InputWrapper.doEpNzyG.js";
 import { u as b } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import I from "classnames";
 const K = {

package/dist/Kit/DataEntry/InputWrapper/index.js

@@ -1,4 +1,4 @@
-import { K as t } from "../../../chunks/InputWrapper.sHItZx7l.js";
+import { K as t } from "../../../chunks/InputWrapper.doEpNzyG.js";
 export {
   t as KitInputWrapper
 };

package/dist/Kit/DataEntry/Radio/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { RadioGroupContextProps } from 'antd/lib/radio/interface';
+import type { RadioGroupContextProps } from 'antd/es/radio/interface';
 declare const RadioGroupContext: import("react").Context<RadioGroupContextProps | null>;
 export declare const RadioGroupContextProvider: import("react").Provider<RadioGroupContextProps | null>;
 export default RadioGroupContext;

package/dist/Kit/DataEntry/Radio/index.d.ts

@@ -1,6 +1,6 @@
 import type * as React from 'react';
 import type { KitRadioGroup, KitRadioProps as RadioProps } from './types';
-import type { RadioChangeEvent, RadioChangeEventTarget, RadioGroupButtonStyle, RadioGroupContextProps, RadioGroupOptionType, RadioGroupProps } from 'antd/lib/radio/interface';
+import type { RadioChangeEvent, RadioChangeEventTarget, RadioGroupButtonStyle, RadioGroupContextProps, RadioGroupOptionType, RadioGroupProps } from 'antd/es/radio/interface';
 export { RadioChangeEvent, RadioChangeEventTarget, RadioGroupButtonStyle, RadioGroupContextProps, RadioGroupOptionType, RadioGroupProps };
 type CompoundedComponent = React.ForwardRefExoticComponent<RadioProps> & {
     Group: React.ForwardRefRenderFunction<HTMLDivElement, KitRadioGroup>;

package/dist/Kit/DataEntry/Radio/index.js

@@ -1,14 +1,14 @@
 import "../../../assets/index26.css";
 import _ from "classnames";
-import q from "rc-util/lib/hooks/useMergedState";
+import q from "rc-util/es/hooks/useMergedState";
 import l, { createContext as D, forwardRef as $, useContext as R, memo as H } from "react";
-import { ConfigContext as J } from "antd/lib/config-provider/";
-import O from "antd/lib/config-provider/SizeContext";
-import Q from "rc-util/lib/pickAttrs";
+import { ConfigContext as J } from "antd/es/config-provider/";
+import O from "antd/es/config-provider/SizeContext";
+import Q from "rc-util/es/pickAttrs";
 import { Radio as U } from "antd";
 import { u as X } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { K as Y } from "../../../chunks/InputWrapper.sHItZx7l.js";
-import Z from "antd/lib/radio/style";
+import { K as Y } from "../../../chunks/InputWrapper.doEpNzyG.js";
+import Z from "antd/es/radio/style";
 const z = D(null), ee = z.Provider, te = {
   "kit-radio": "_kit-radio_1hsx3_2"
 }, p = $((t, m) => {

package/dist/Kit/DataEntry/Rate/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IKitRate } from './types';
-import type { RateRef } from 'rc-rate/lib/Rate';
+import type { RateRef } from 'rc-rate/es/Rate';
 export declare const KitRate: React.ForwardRefExoticComponent<IKitRate & React.RefAttributes<RateRef>>;

package/dist/Kit/DataEntry/Select/index.d.ts

@@ -1,4 +1,4 @@
+import type { RefSelectProps } from 'antd';
 import React from 'react';
 import { IKitSelect } from './types';
-import type { RefSelectProps } from 'antd';
 export declare const KitSelect: React.ForwardRefExoticComponent<IKitSelect & React.RefAttributes<RefSelectProps>>;