aristid-ds 1.0.1 → 1.1.0-9f03d8a

package/CHANGELOG.md

@@ -1,6 +1,55 @@
 # Changelog
 
+## [X.X.X](https://www.npmjs.com/package/aristid-ds/v/X.X.Xx) (2024-XX-XX)
 
+### ✨ Features
+* **InputWrapper:**
+  * Add 4 properties: (@evoiron)
+    * `required`: show a red asterisk right after the label
+    * `actions`: an array of items to display at the right of the label
+    * `onInfoClick`: When set, display a clickable info icon which triggers this event
+    * `infoIcon`: customise the infoIcon displayed
+  * These components now accept the 4 properties above: (@evoiron)
+    * `AutoComplete`, `Checkbox.Group`, `Radio.Group`, `ColorPicker`, `DatePicker`, `RangePicker`, `Input`, `InputNumber`, `Select`
+* **Tabs:**
+    * Add `hideSeparator` prop to hide separator between tabs and content (@P0ppoff)
+    * (Style) Allow tabs center on extraContent (@P0ppoff)
+    * (Style) Reduce space between tabs and separator (@P0ppoff)
+
+### 🐛 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

@@ -13,7 +13,7 @@ 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";
+import { d as $ } from "../../chunks/notification-provider.KGowspef.js";
 const k = P`
   .${(t) => t.id} {
     ${(t) => d(t.customTheme)};

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.9WV74It5.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.9WV74It5.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.9WV74It5.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.9WV74It5.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -1,13 +1,13 @@
 import "../../../assets/index5.css";
 import i from "react";
-import { Tabs as e } from "antd";
-import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import c from "classnames";
+import { Tabs as c } from "antd";
+import { u as l } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import s from "classnames";
 const n = {
-  "kit-tabs": "_kit-tabs_1cr1a_2"
-}, b = ({ className: o, popupClassName: t, ...r }) => {
-  const { appId: s } = m(), a = c(s, n["kit-tabs"], o);
-  return i.createElement(e, { className: a, popupClassName: `${s} ${t ?? ""}`, ...r });
+  "kit-tabs": "_kit-tabs_sc95q_2"
+}, b = ({ className: a, popupClassName: o, hideSeparator: e = !1, ...p }) => {
+  const { appId: t } = l(), r = s(t, n["kit-tabs"], a, { "hide-separator": e }), m = s(t, o);
+  return i.createElement(c, { className: r, popupClassName: m, ...p });
 };
 b.displayName = "KitTabs";
 export {

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.9WV74It5.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.9WV74It5.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 N, useState as x } from "react";
+import { AutoComplete as y } from "antd";
+import { KitInput as h } from "../Input/index.js";
+import { K as O } from "../../../chunks/InputWrapper.69dUKMaK.js";
+import { FontAwesomeIcon as P } from "@fortawesome/react-fontawesome";
+import { faMagnifyingGlass as R } from "@fortawesome/free-solid-svg-icons";
+import z from "classnames";
+const B = {
   "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);
+}, G = (o, r, e) => z(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"
+}), M = N(({ 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, required: k, infoIcon: _, actions: g, onInfoClick: C, ...K }, A) => {
+  const [E, a] = x(!1), F = (m) => {
+    a(!0), s && s(m);
+  }, I = (m) => {
+    a(!1), c && c(m);
+  };
   return t.createElement(
-    x,
-    { label: p, helper: r, disabled: e, status: o, className: f },
+    O,
+    { label: r, helper: e, disabled: p, status: n, className: w, required: k, infoIcon: _, actions: g, onInfoClick: C },
     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 })
+      y,
+      { ...K, disabled: p, ref: A, className: B["kit-autocomplete"], popupClassName: G(d, E, n) },
+      t.createElement(h, { prefix: t.createElement(P, { icon: R }), allowClear: o, autoFocus: i, defaultValue: l, placeholder: f, status: n, value: u, onBlur: I, onFocus: F })
     )
   );
 });
-I.displayName = "KitAutoComplete";
+M.displayName = "KitAutoComplete";
 export {
-  I as KitAutoComplete
+  M 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

@@ -1,58 +1,58 @@
 import "../../../assets/index21.css";
-import r, { createContext as X, memo as Y, forwardRef as S, useContext as N, useState as K, useEffect as V, useRef as Z } from "react";
-import { Checkbox as P } from "antd";
-import { u as p } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import r, { createContext as p, memo as ee, forwardRef as S, useContext as N, useState as K, useEffect as V, useRef as le } from "react";
+import { Checkbox as ae } from "antd";
+import { u as te } 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";
-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([]);
+import ne from "rc-util/es/omit";
+import { ConfigContext as ce } from "antd/es/config-provider/";
+import ie from "antd/es/checkbox/style";
+import { K as ue } from "../../../chunks/InputWrapper.69dUKMaK.js";
+const R = p(null), de = ({ defaultValue: v, children: o, options: a = [], prefixCls: m, className: l, wrapperClassName: f, status: b, rootClassName: u, style: n, onChange: d, label: x, helper: $, required: A, infoIcon: B, actions: D, onInfoClick: T, ...t }, W) => {
+  const { getPrefixCls: j, direction: q } = N(ce), [s, y] = K(t.value || v || []), [z, G] = K([]);
   V(() => {
     "value" in t && y(t.value || []);
   }, [t]);
   const I = () => a.map((e) => typeof e == "string" || typeof e == "number" ? {
     label: e,
     value: e
-  } : e), W = (e) => {
+  } : e), F = (e) => {
     G((c) => c.filter((i) => i !== e));
-  }, j = (e) => {
+  }, H = (e) => {
     G((c) => [...c, e]);
-  }, q = (e) => {
+  }, J = (e) => {
     const c = s.indexOf(e.value), i = [...s];
     c === -1 ? i.push(e.value) : i.splice(c, 1), "value" in t || y(i);
     const E = I();
-    d == null || d(i.filter((k) => T.includes(k)).sort((k, M) => {
-      const Q = E.findIndex((C) => C.value === k), U = E.findIndex((C) => C.value === M);
-      return Q - U;
+    d == null || d(i.filter((k) => z.includes(k)).sort((k, Y) => {
+      const Z = E.findIndex((C) => C.value === k), P = E.findIndex((C) => C.value === Y);
+      return Z - P;
     }));
-  }, g = B("checkbox", m), h = `${g}-group`, [z, F] = ae(g), H = ee(t, ["value", "disabled"]);
+  }, g = j("checkbox", m), h = `${g}-group`, [L, M] = ie(g), Q = ne(t, ["value", "disabled"]);
   a && a.length > 0 && (o = I().map((e) => r.createElement(w, { prefixCls: g, key: e.value.toString(), danger: "danger" in e ? e.danger : t.danger, disabled: "disabled" in e ? e.disabled : t.disabled, value: e.value, checked: s.includes(e.value), onChange: e.onChange, className: `${h}-item`, style: e.style }, e.label)));
-  const J = {
-    toggleOption: q,
+  const U = {
+    toggleOption: J,
     value: s,
     disabled: t.disabled,
     name: t.name,
     // https://github.com/ant-design/ant-design/issues/16376
-    registerValue: j,
-    cancelValue: W
-  }, L = O(h, {
-    [`${h}-rtl`]: D === "rtl"
-  }, l, u, F);
-  return z(r.createElement(
+    registerValue: H,
+    cancelValue: F
+  }, X = O(h, {
+    [`${h}-rtl`]: q === "rtl"
+  }, l, u, M);
+  return L(r.createElement(
     "div",
-    { className: L, style: n, ...H, ref: A },
+    { className: X, style: n, ...Q, ref: W },
     r.createElement(
       R.Provider,
-      { value: J },
-      r.createElement(te, { label: x, helper: $, disabled: t.disabled, bordered: t.bordered, status: b, className: f }, o)
+      { value: U },
+      r.createElement(ue, { label: x, helper: $, disabled: t.disabled, bordered: t.bordered, status: b, className: f, required: A, infoIcon: B, actions: D, onInfoClick: T }, o)
     )
   ));
-}, ce = Y(S(ne)), ie = ce, ue = {
+}, re = ee(S(de)), oe = re, se = {
   "kit-checkbox": "_kit-checkbox_bsyc5_2"
 }, w = S(({ danger: v, className: o, ...a }, m) => {
-  const l = N(R), { appId: f } = p(), b = (l == null ? void 0 : l.disabled) || a.disabled, u = Z(a.value);
+  const l = N(R), { appId: f } = te(), b = (l == null ? void 0 : l.disabled) || a.disabled, u = le(a.value);
   V(() => {
     l == null || l.registerValue(a.value);
   }, []), V(() => {
@@ -63,13 +63,13 @@ const R = X(null), ne = ({ defaultValue: v, children: o, options: a = [], prefix
   l && !a.skipGroup && (n.onChange = (...x) => {
     a.onChange && a.onChange(...x), l.toggleOption && l.toggleOption({ label: a.children, value: a.value });
   }, n.name = l.name, n.checked = l.value.includes(a.value));
-  const d = O(f, ue["kit-checkbox"], o, {
+  const d = O(f, se["kit-checkbox"], o, {
     "ant-checkbox-wrapper-danger": v
   });
-  return r.createElement(P, { ...n, ref: m, disabled: b, className: d });
+  return r.createElement(ae, { ...n, ref: m, disabled: b, className: d });
 }), _ = w;
 _.displayName = "KitCheckbox";
-_.Group = ie;
+_.Group = oe;
 export {
   _ as KitCheckbox
 };

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

@@ -1,3 +1,3 @@
-import { FC } from 'react';
+import { FunctionComponent } from 'react';
 import { KitColorPickerProps } from './types';
-export declare const KitColorPicker: FC<KitColorPickerProps>;
+export declare const KitColorPicker: FunctionComponent<KitColorPickerProps>;

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

@@ -1,20 +1,20 @@
 import "../../../assets/index11.css";
 import t from "react";
-import { K as p } from "../../../chunks/InputWrapper.sHItZx7l.js";
-import { u as n } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { ColorPicker as k } from "antd";
+import { K as f } from "../../../chunks/InputWrapper.69dUKMaK.js";
+import { u as C } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { ColorPicker as K } from "antd";
 import e from "classnames";
-const d = {
+const u = {
   "kit-colorpicker": "_kit-colorpicker_6l8nk_2"
-}, f = ({ label: i, className: c, helper: m, rootClassName: l, ...o }) => {
-  const { appId: r } = n(), s = e(r, d["kit-colorpicker"], l), a = e(r, c);
+}, x = ({ label: i, className: c, helper: m, rootClassName: l, required: s, infoIcon: a, actions: p, onInfoClick: n, ...o }) => {
+  const { appId: r } = C(), k = e(r, u["kit-colorpicker"], l), d = e(r, c);
   return t.createElement(
-    p,
-    { label: i, helper: m, disabled: o.disabled },
-    t.createElement(k, { ...o, rootClassName: s, className: a })
+    f,
+    { label: i, helper: m, disabled: o.disabled, required: s, infoIcon: a, actions: p, onInfoClick: n },
+    t.createElement(K, { ...o, rootClassName: k, className: d })
   );
 };
-f.displayName = "KitColorPicker";
+x.displayName = "KitColorPicker";
 export {
-  f as KitColorPicker
+  x as KitColorPicker
 };

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,39 @@
 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 _, faClock as I, faCalendar as K } 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) => {
-  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);
+import { K as R } from "../../../chunks/InputWrapper.69dUKMaK.js";
+import { u as v } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { DatePicker as C } from "antd";
+import D from "classnames";
+import e, { forwardRef as g } from "react";
+const w = {
+  "kit-datepicker": "_kit-datepicker_n1csk_2",
+  "kit-rangepicker": "_kit-rangepicker_n1csk_117"
+}, x = g(({ label: o, helper: s, suffixIcon: l, className: r, wrapperClassName: i, picker: c = "date", allowClear: m = !0, required: d, infoIcon: u, actions: f, onInfoClick: t, ...n }, k) => {
+  const { appId: p } = v(), b = () => c === "time" ? e.createElement(a, { icon: I }) : e.createElement(a, { icon: K }), E = D(p, w["kit-datepicker"], r);
   return e.createElement(
-    I,
-    { label: o, helper: s, disabled: n.disabled, status: n.status, className: c },
+    R,
+    { label: o, helper: s, disabled: n.disabled, status: n.status, className: i, required: d, infoIcon: u, actions: f, onInfoClick: t },
     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(C, { ...n, picker: c, ref: k, suffixIcon: l ?? b(), allowClear: m ? { clearIcon: e.createElement(a, { "aria-label": "clear", icon: _ }) } : !1, className: E })
     )
   );
-}), w = k(({ label: o, className: s, helper: m, suffixIcon: d, picker: c, allowClear: l = !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);
+}), y = g(({ label: o, className: s, helper: l, suffixIcon: r, picker: i, allowClear: c = !0, required: m, infoIcon: d, actions: u, onInfoClick: f, ...t }, n) => {
+  const { appId: k } = v(), p = () => i === "time" ? e.createElement(a, { icon: I }) : e.createElement(a, { icon: K }), b = () => t.disabled === void 0 ? !1 : typeof t.disabled == "boolean" ? t.disabled : t.disabled[0] && t.disabled[1], E = D(k, w["kit-rangepicker"], s);
   return e.createElement(
-    I,
-    { label: o, helper: m, disabled: u(), status: t.status },
+    R,
+    { label: o, helper: l, disabled: b(), status: t.status, required: m, infoIcon: d, actions: u, onInfoClick: f },
     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(C.RangePicker, { ...t, picker: i, ref: n, suffixIcon: r ?? p(), allowClear: c ? { clearIcon: e.createElement(a, { "aria-label": "clear", icon: _ }) } : !1, className: E })
     )
   );
-}), N = w, R = C;
-R.displayName = "KitDatePicker";
-R.RangePicker = N;
+}), S = y, N = x;
+N.displayName = "KitDatePicker";
+N.RangePicker = S;
 export {
-  R as KitDatePicker
+  N as KitDatePicker
 };

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

@@ -1,40 +1,40 @@
 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 { 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";
-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 })
+import e, { forwardRef as f } from "react";
+import { Input as E } from "antd";
+import { faCircleXmark as k, faEye as y, faEyeSlash as C } from "@fortawesome/free-regular-svg-icons";
+import { FontAwesomeIcon as I } from "@fortawesome/react-fontawesome";
+import { K as w } from "../../../chunks/InputWrapper.69dUKMaK.js";
+import { u as _ } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import b from "classnames";
+const x = {
+  "kit-input": "_kit-input_12a1a_2",
+  "kit-password": "_kit-password_12a1a_140",
+  "kit-textarea": "_kit-textarea_12a1a_264"
+}, A = f(({ label: s, className: l, helper: c, wrapperClassName: a, allowClear: n = !0, required: o, infoIcon: i, actions: m, onInfoClick: d, ...t }, r) => {
+  const { appId: u } = _(), p = b(u, x["kit-input"], l);
+  return e.createElement(
+    w,
+    { label: s, helper: c, disabled: t.disabled, status: t.status, className: a, required: o, infoIcon: i, actions: m, onInfoClick: d },
+    e.createElement(E, { ...t, ref: r, className: p, allowClear: n ? { clearIcon: e.createElement(I, { "aria-label": "clear", icon: k }) } : 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 })
+}), h = f(({ label: s, className: l, helper: c, wrapperClassName: a, allowClear: n = !0, required: o, infoIcon: i, actions: m, onInfoClick: d, ...t }, r) => {
+  const { appId: u } = _(), p = b(u, x["kit-textarea"], l);
+  return e.createElement(
+    w,
+    { label: s, helper: c, disabled: t.disabled, status: t.status, className: a, required: o, infoIcon: i, actions: m, onInfoClick: d },
+    e.createElement(E.TextArea, { ...t, ref: r, allowClear: n ? { clearIcon: e.createElement(I, { "aria-label": "clear", icon: k }) } : void 0, className: p })
   );
-}), 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 })
+}), R = h, g = f(({ label: s, className: l, helper: c, iconRender: a, wrapperClassName: n, allowClear: o = !0, required: i, infoIcon: m, actions: d, onInfoClick: t, ...r }, u) => {
+  const { appId: p } = _(), N = b(p, x["kit-password"], l), T = (v) => v ? e.createElement(I, { icon: y }) : e.createElement(I, { icon: C });
+  return e.createElement(
+    w,
+    { label: s, helper: c, disabled: r.disabled, status: r.status, className: n, required: i, infoIcon: m, actions: d, onInfoClick: t },
+    e.createElement(E.Password, { ...r, className: N, ref: u, allowClear: o ? { clearIcon: e.createElement(I, { "aria-label": "clear", icon: k }) } : void 0, iconRender: a ?? T })
   );
-}), A = C, w = T;
-w.displayName = "KitInput";
-w.TextArea = y;
-w.Password = A;
+}), F = g, K = A;
+K.displayName = "KitInput";
+K.TextArea = R;
+K.Password = F;
 export {
-  w as KitInput
+  K as KitInput
 };

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

@@ -1,22 +1,22 @@
 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 { u as b } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import I from "classnames";
-const K = {
+import s, { forwardRef as b, useState as I } from "react";
+import { InputNumber as K } from "antd";
+import { K as k } from "../../../chunks/InputWrapper.69dUKMaK.js";
+import { u as N } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import x from "classnames";
+const F = {
   "kit-input-number": "_kit-input-number_nszsj_2"
-}, k = c(({ label: r, helper: a, wrapperClassName: u, className: m, ...t }, n) => {
-  const { appId: o } = b(), [i, e] = f(!1), p = I(o, K["kit-input-number"], m, {
-    "kit-input-number-affix-wrapper-focused": i
+}, _ = b(({ label: r, helper: a, wrapperClassName: u, className: m, required: n, infoIcon: o, actions: i, onInfoClick: p, ...t }, c) => {
+  const { appId: f } = N(), [l, e] = I(!1), d = x(f, F["kit-input-number"], m, {
+    "kit-input-number-affix-wrapper-focused": l
   });
   return s.createElement(
-    d,
-    { label: r, helper: a, disabled: t.disabled, status: t.status, className: u },
-    s.createElement(l, { ref: n, onFocus: () => e(!0), onBlur: () => e(!1), className: p, ...t })
+    k,
+    { label: r, helper: a, disabled: t.disabled, status: t.status, className: u, required: n, infoIcon: o, actions: i, onInfoClick: p },
+    s.createElement(K, { ref: c, onFocus: () => e(!0), onBlur: () => e(!1), className: d, ...t })
   );
 });
-k.displayName = "KitInputNumber";
+_.displayName = "KitInputNumber";
 export {
-  k as KitInputNumber
+  _ as KitInputNumber
 };