aristid-ds 10.1.0-aa2d9f7 → 10.1.0-e304e46

package/CHANGELOG.md

@@ -4,18 +4,33 @@
 
 ### ✨ Features
 
+-   **ColorPicker**
+    -   Add a clear icon inside `ColorPicker` input when `allowClear` prop is set (@philippechevieux)
 -   **Empty**:
     -   Add 5 svgs, and replace existing ones to uniformize size (@7Remy)
 -   **ItemCard**:
     -   Update image container (@7Remy)
     -   Update elements order/spacing (@7Remy)
     -   Improve responsive (@7Remy)
-## [XX.XX.XX](https://www.npmjs.com/package/aristid-ds/v/XX.XX.XX) (202x-xx-xx)
 
 ### 🐛 Bug Fixes
 
+-   **AutoComplete**:
+    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
+-   **DatePicker**:
+    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
+-   **RangePicker**:
+    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
+-   **Password**:
+    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
+-   **TextArea**:
+    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
+-   **InputNumber**:
+    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
+-   **Select**:
+    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
 -   **RichText**:
-    - Enforce css for bullet list display. Avoid external css from breaking it. (@evoiron)
+    -   Enforce css for bullet list display. Avoid external css from breaking it. (@evoiron)
 
 ## [10.1.0](https://www.npmjs.com/package/aristid-ds/v/10.1.0) (2024-10-15)
 

package/dist/Kit/App/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "antd";
 import "../../chunks/SnackBarProvider.xMKXdZ88.js";
-import { K as l } from "../../chunks/index.HEacmKQU.js";
+import { K as l } from "../../chunks/index.MNk1kAkw.js";
 import "../../theme/utils/tokens-mapper/index.js";
 import "../../translation/utils/index.js";
 import "../../chunks/useKitLocale.96CdK3og.js";

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

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

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

@@ -13,7 +13,7 @@ import "color-string";
 import "lodash/isEmpty";
 import "classnames";
 import "../../../chunks/styles.module.Q_QQjQdX.js";
-import { c as n } from "../../../chunks/index.HEacmKQU.js";
+import { c as n } from "../../../chunks/index.MNk1kAkw.js";
 import "../../Feedback/Alert/index.js";
 import "../../Feedback/Progress/index.js";
 import "../../Feedback/Loader/index.js";

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

@@ -9,7 +9,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { a as y } from "../../../chunks/index.HEacmKQU.js";
+import { a as y } from "../../../chunks/index.MNk1kAkw.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -5,7 +5,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { d as J } from "../../../chunks/index.HEacmKQU.js";
+import { d as J } from "../../../chunks/index.MNk1kAkw.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "classnames";
-import { e as g } from "../../../chunks/index.HEacmKQU.js";
+import { e as g } from "../../../chunks/index.MNk1kAkw.js";
 import "react";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "@fortawesome/react-fontawesome";

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

@@ -1,4 +1,4 @@
-import { f as o } from "../../../chunks/index.HEacmKQU.js";
+import { f as o } from "../../../chunks/index.MNk1kAkw.js";
 export {
   o as KitTag
 };

package/dist/Kit/DataDisplay/index.js

@@ -1,6 +1,6 @@
 import { KitAvatar as o } from "./Avatar/index.js";
 import { KitBadge as i } from "./Badge/index.js";
-import { b as K, c as m, a as p, d as f, e as x, f as s } from "../../chunks/index.HEacmKQU.js";
+import { b as K, c as m, a as p, d as f, e as x, f as s } from "../../chunks/index.MNk1kAkw.js";
 import { KitEmpty as T } from "./Empty/index.js";
 import { KitIdCard as C } from "./IdCard/index.js";
 import { KitImage as b } from "./Image/index.js";

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

@@ -20,7 +20,7 @@ const R = {
   }, y = (p) => {
     f(!1), l && l(p);
   };
-  return t(j, { label: r, helper: o, htmlFor: s, disabled: m, status: i, className: g, required: C, infoIcon: K, actions: x, onInfoClick: A, children: t(O, { ...a, id: (n = a.id) !== null && n !== void 0 ? n : s, disabled: m, ref: I, className: R["kit-autocomplete"], popupClassName: S(_, N, i), children: t(P, { prefix: t(B, { icon: G }), allowClear: e, autoFocus: d, defaultValue: u, placeholder: w, status: i, value: k, onBlur: y, onFocus: h }) }) });
+  return t(j, { label: r, helper: o, htmlFor: s, disabled: m, status: i, className: g, infoIcon: K, actions: x, onInfoClick: A, children: t(O, { ...a, id: (n = a.id) !== null && n !== void 0 ? n : s, disabled: m, ref: I, className: R["kit-autocomplete"], popupClassName: S(_, N, i), children: t(P, { prefix: t(B, { icon: G }), allowClear: e, autoFocus: d, required: C, defaultValue: u, placeholder: w, status: i, value: k, onBlur: y, onFocus: h }) }) });
 });
 W.displayName = "KitAutoComplete";
 export {

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

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { KitColorPickerInternalTextProps } from './types';
+export declare const ColorPickerInternalText: FunctionComponent<KitColorPickerInternalTextProps>;

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

@@ -1,16 +1,53 @@
-import "../../../assets/index11.css";
-import { jsx as t } from "react/jsx-runtime";
-import { K as f } from "../../../chunks/InputWrapper.RBqyXNPY.js";
-import { u as C } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { ColorPicker as K } from "antd";
-import i from "classnames";
-const u = {
-  "kit-colorpicker": "_kit-colorpicker_qfonm_2"
-}, x = ({ label: e, className: c, helper: p, rootClassName: s, required: l, infoIcon: m, actions: a, onInfoClick: n, ...o }) => {
-  const { appId: r } = C(), k = i(r, "kit-colorpicker-panel", s), d = i(r, u["kit-colorpicker"], c);
-  return t(f, { label: e, helper: p, disabled: o.disabled, required: l, infoIcon: m, actions: a, onInfoClick: n, children: t(K, { ...o, rootClassName: k, className: d }) });
+import "../../../assets/index19.css";
+import { useState as u, createElement as F } from "react";
+import { jsxs as H, Fragment as O, jsx as k } from "react/jsx-runtime";
+import { K as V } from "../../../chunks/InputWrapper.RBqyXNPY.js";
+import { u as D } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { ColorPicker as E } from "antd";
+import S from "classnames";
+import { FontAwesomeIcon as R } from "@fortawesome/react-fontawesome";
+import { faCircleXmark as U } from "@fortawesome/free-solid-svg-icons";
+const y = {
+  "kit-colorpicker": "_kit-colorpicker_3hd5g_2",
+  "kit-color-picker-clear": "_kit-color-picker-clear_3hd5g_26"
+}, W = (e, o) => {
+  switch (o) {
+    case "hex":
+      return e.toHexString();
+    case "rgb":
+      return e.toRgbString();
+    case "hsb":
+      return e.toHsbString();
+  }
+}, X = ({ color: e, format: o, showText: r, allowClear: i, onClear: a }) => {
+  const s = r === !0, c = typeof r == "function" && r !== void 0, p = i === !0;
+  return H(O, { children: [s && W(e, o), c && r(e), p && k(R, { className: y["kit-color-picker-clear"], "aria-label": "clear", icon: U, onClick: (l) => {
+    l.stopPropagation(), a();
+  } })] });
+}, q = ({ label: e, className: o, helper: r, rootClassName: i, required: a, infoIcon: s, actions: c, onInfoClick: p, showText: l, value: I, onChange: d, onClear: h, allowClear: m = !1, format: C = "hex", ...f }) => {
+  const { appId: g } = D(), [K, x] = u(I), [n, _] = u(m), [w, A] = u(0), N = l || n, P = S(g, "kit-colorpicker-panel", i), T = S(g, y["kit-colorpicker"], o), b = () => {
+    m && _(!1), x(null), A((t) => t + 1), h && h();
+  }, j = (t, v) => {
+    m && !n && _(!0), x(t), d && d(t, v);
+  };
+  return k(V, { label: e, helper: r, disabled: f.disabled, required: a, infoIcon: s, actions: c, onInfoClick: p, children: F(E, {
+    ...f,
+    // This is a hack to force the color picker to re-render and display a clear value
+    // https://react.dev/learn/preserving-and-resetting-state#option-2-resetting-state-with-a-key
+    key: w,
+    rootClassName: P,
+    className: T,
+    format: C,
+    value: K,
+    ...N && {
+      showText: (t) => k(X, { color: t, format: C, showText: l, allowClear: n, onClear: b })
+    },
+    allowClear: n,
+    onClear: b,
+    onChange: j
+  }) });
 };
-x.displayName = "KitColorPicker";
+q.displayName = "KitColorPicker";
 export {
-  x as KitColorPicker
+  q as KitColorPicker
 };

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

@@ -17,3 +17,14 @@ export interface KitColorPickerProps
 }
 
 export type KitColor = Color;
+
+export type KitColorPickerInternalTextProps = {
+    color: KitColor;
+    format: Exclude<KitColorPickerProps['format'], undefined>;
+    showText: KitColorPickerProps['showText'];
+    allowClear: KitColorPickerProps['allowClear'];
+    onClear: () => void;
+};
+
+export type KitColorPickerOnChangeColor = Parameters<NonNullable<KitColorPickerProps['onChange']>>[0];
+export type KitColorPickerOnChangeHex = Parameters<NonNullable<KitColorPickerProps['onChange']>>[1];

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

@@ -1,7 +1,7 @@
 import "../../../assets/index22.css";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { faCircleXmark as R, faClock as w, faCalendar as C, faArrowRight as W } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon as e } from "@fortawesome/react-fontawesome";
 import { K as D } from "../../../chunks/InputWrapper.RBqyXNPY.js";
 import { u as h } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { DatePicker as x } from "antd";
@@ -10,14 +10,14 @@ import { forwardRef as g } from "react";
 const z = {
   "kit-datepicker": "_kit-datepicker_122z1_2",
   "kit-rangepicker": "_kit-rangepicker_122z1_133"
-}, j = g(({ label: m, helper: u, htmlFor: c, suffixIcon: r, className: l, wrapperClassName: s, picker: d = "date", allowClear: p = !0, required: b, infoIcon: k, actions: v, onInfoClick: n, readonly: i = !1, disabled: f, ...e }, _) => {
+}, j = g(({ label: p, helper: b, htmlFor: c, suffixIcon: r, className: l, wrapperClassName: s, picker: d = "date", allowClear: f = !0, required: m, infoIcon: k, actions: v, onInfoClick: n, readonly: t = !1, disabled: u, ...a }, _) => {
   var o;
-  const { appId: I } = h(), K = () => d === "time" ? t(a, { icon: w }) : t(a, { icon: C }), S = N(I, z["kit-datepicker"], l, i ? "kit-picker-readonly" : "");
-  return t(D, { label: m, helper: u, htmlFor: c, disabled: f, status: e.status, className: s, required: b, infoIcon: k, actions: v, onInfoClick: n, children: t("div", { children: t(x, { ...e, id: (o = e.id) !== null && o !== void 0 ? o : c, picker: d, disabled: i || f, variant: i ? "borderless" : void 0, ref: _, suffixIcon: r ?? K(), allowClear: !i && p ? { clearIcon: t(a, { "aria-label": "clear", icon: R }) } : !1, className: S }) }) });
-}), T = g(({ label: m, className: u, helper: c, htmlFor: r, suffixIcon: l, picker: s, allowClear: d = !0, required: p, infoIcon: b, actions: k, onInfoClick: v, readonly: n = !1, ...i }, f) => {
-  var e;
-  const { appId: _ } = h(), o = () => s === "time" ? t(a, { icon: w }) : t(a, { icon: C }), I = () => i.disabled === void 0 ? !1 : typeof i.disabled == "boolean" ? i.disabled : i.disabled[0] && i.disabled[1], K = N(_, z["kit-rangepicker"], u, n ? "kit-picker-readonly" : "");
-  return t(D, { label: m, helper: c, htmlFor: r, disabled: I(), status: i.status, required: p, infoIcon: b, actions: k, onInfoClick: v, children: t("div", { children: t(x.RangePicker, { ...i, id: (e = i.id) !== null && e !== void 0 ? e : r, picker: s, ref: f, disabled: n || i.disabled, variant: n ? "borderless" : void 0, suffixIcon: l ?? o(), allowClear: d ? { clearIcon: t(a, { "aria-label": "clear", icon: R }) } : !1, className: K, separator: t(a, { icon: W }) }) }) });
+  const { appId: I } = h(), K = () => d === "time" ? i(e, { icon: w }) : i(e, { icon: C }), S = N(I, z["kit-datepicker"], l, t ? "kit-picker-readonly" : "");
+  return i(D, { label: p, helper: b, htmlFor: c, disabled: u, status: a.status, className: s, required: m, infoIcon: k, actions: v, onInfoClick: n, children: i("div", { children: i(x, { ...a, id: (o = a.id) !== null && o !== void 0 ? o : c, required: m, picker: d, disabled: t || u, variant: t ? "borderless" : void 0, ref: _, suffixIcon: r ?? K(), allowClear: !t && f ? { clearIcon: i(e, { "aria-label": "clear", icon: R }) } : !1, className: S }) }) });
+}), T = g(({ label: p, className: b, helper: c, htmlFor: r, suffixIcon: l, picker: s, allowClear: d = !0, required: f, infoIcon: m, actions: k, onInfoClick: v, readonly: n = !1, ...t }, u) => {
+  var a;
+  const { appId: _ } = h(), o = () => s === "time" ? i(e, { icon: w }) : i(e, { icon: C }), I = () => t.disabled === void 0 ? !1 : typeof t.disabled == "boolean" ? t.disabled : t.disabled[0] && t.disabled[1], K = N(_, z["kit-rangepicker"], b, n ? "kit-picker-readonly" : "");
+  return i(D, { label: p, helper: c, htmlFor: r, disabled: I(), status: t.status, required: f, infoIcon: m, actions: k, onInfoClick: v, children: i("div", { children: i(x.RangePicker, { ...t, id: (a = t.id) !== null && a !== void 0 ? a : r, picker: s, ref: u, required: f, disabled: n || t.disabled, variant: n ? "borderless" : void 0, suffixIcon: l ?? o(), allowClear: d ? { clearIcon: i(e, { "aria-label": "clear", icon: R }) } : !1, className: K, separator: i(e, { icon: W }) }) }) });
 }), X = T, A = j;
 A.displayName = "KitDatePicker";
 A.RangePicker = X;

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

@@ -14,18 +14,18 @@ const N = {
   "kit-input": "_kit-input_po84n_2",
   "kit-password": "_kit-password_po84n_137",
   "kit-textarea": "_kit-textarea_po84n_261"
-}, E = w(({ label: s, className: n, helper: c, htmlFor: l, wrapperClassName: o, allowClear: d = !0, required: r, infoIcon: m, actions: u, onInfoClick: f, readonly: p = !1, ...a }, v) => {
-  var e, i;
-  const { appId: I } = x(), _ = T(I, N["kit-input"], n);
-  return t(K, { label: s, helper: c, htmlFor: l, disabled: a.disabled, status: a.status, className: o, required: r, infoIcon: m, actions: u, onInfoClick: f, children: p ? t(g.Text, { weight: "bold", size: "fontSize5", color: a.status === "error" ? "error" : void 0, children: (e = a.value) !== null && e !== void 0 ? e : a.placeholder }) : t(k, { ...a, required: r, ref: v, className: _, id: (i = a.id) !== null && i !== void 0 ? i : l, allowClear: d ? { clearIcon: t(b, { "aria-label": "clear", icon: h }) } : void 0 }) });
-}), j = w(({ label: s, className: n, helper: c, htmlFor: l, wrapperClassName: o, allowClear: d = !0, required: r, infoIcon: m, actions: u, onInfoClick: f, readonly: p = !1, ...a }, v) => {
-  var e, i;
-  const { appId: I } = x(), _ = T(I, N["kit-textarea"], n);
-  return t(K, { label: s, helper: c, htmlFor: l, disabled: a.disabled, status: a.status, className: o, required: r, infoIcon: m, actions: u, onInfoClick: f, children: p ? t(g.Text, { weight: "bold", size: "fontSize5", color: a.status === "error" ? "error" : void 0, children: (e = a.value) !== null && e !== void 0 ? e : a.placeholder }) : t(k.TextArea, { ...a, ref: v, allowClear: d ? { clearIcon: t(b, { "aria-label": "clear", icon: h }) } : void 0, className: _, id: (i = a.id) !== null && i !== void 0 ? i : l }) });
-}), R = j, W = w(({ label: s, className: n, helper: c, htmlFor: l, iconRender: o, wrapperClassName: d, allowClear: r = !0, required: m, infoIcon: u, actions: f, onInfoClick: p, ...a }, v) => {
+}, E = w(({ label: n, className: c, helper: d, htmlFor: i, wrapperClassName: o, allowClear: m = !0, required: r, infoIcon: s, actions: u, onInfoClick: f, readonly: p = !1, ...a }, v) => {
+  var e, l;
+  const { appId: I } = x(), _ = T(I, N["kit-input"], c);
+  return t(K, { label: n, helper: d, htmlFor: i, disabled: a.disabled, status: a.status, className: o, required: r, infoIcon: s, actions: u, onInfoClick: f, children: p ? t(g.Text, { weight: "bold", size: "fontSize5", color: a.status === "error" ? "error" : void 0, children: (e = a.value) !== null && e !== void 0 ? e : a.placeholder }) : t(k, { ...a, required: r, ref: v, className: _, id: (l = a.id) !== null && l !== void 0 ? l : i, allowClear: m ? { clearIcon: t(b, { "aria-label": "clear", icon: h }) } : void 0 }) });
+}), j = w(({ label: n, className: c, helper: d, htmlFor: i, wrapperClassName: o, allowClear: m = !0, required: r, infoIcon: s, actions: u, onInfoClick: f, readonly: p = !1, ...a }, v) => {
+  var e, l;
+  const { appId: I } = x(), _ = T(I, N["kit-textarea"], c);
+  return t(K, { label: n, helper: d, htmlFor: i, disabled: a.disabled, status: a.status, className: o, required: r, infoIcon: s, actions: u, onInfoClick: f, children: p ? t(g.Text, { weight: "bold", size: "fontSize5", color: a.status === "error" ? "error" : void 0, children: (e = a.value) !== null && e !== void 0 ? e : a.placeholder }) : t(k.TextArea, { ...a, required: r, ref: v, allowClear: m ? { clearIcon: t(b, { "aria-label": "clear", icon: h }) } : void 0, className: _, id: (l = a.id) !== null && l !== void 0 ? l : i }) });
+}), R = j, W = w(({ label: n, className: c, helper: d, htmlFor: i, iconRender: o, wrapperClassName: m, allowClear: r = !0, required: s, infoIcon: u, actions: f, onInfoClick: p, ...a }, v) => {
   var e;
-  const { appId: i } = x(), I = T(i, N["kit-password"], n), _ = (z) => z ? t(b, { icon: C }) : t(b, { icon: S });
-  return t(K, { label: s, helper: c, htmlFor: l, disabled: a.disabled, status: a.status, className: d, required: m, infoIcon: u, actions: f, onInfoClick: p, children: t(k.Password, { ...a, className: I, id: (e = a.id) !== null && e !== void 0 ? e : l, ref: v, allowClear: r ? { clearIcon: t(b, { "aria-label": "clear", icon: h }) } : void 0, iconRender: o ?? _ }) });
+  const { appId: l } = x(), I = T(l, N["kit-password"], c), _ = (z) => z ? t(b, { icon: C }) : t(b, { icon: S });
+  return t(K, { label: n, helper: d, htmlFor: i, disabled: a.disabled, status: a.status, className: m, required: s, infoIcon: u, actions: f, onInfoClick: p, children: t(k.Password, { ...a, className: I, required: s, id: (e = a.id) !== null && e !== void 0 ? e : i, ref: v, allowClear: r ? { clearIcon: t(b, { "aria-label": "clear", icon: h }) } : void 0, iconRender: o ?? _ }) });
 }), X = W, y = E;
 y.displayName = "KitInput";
 y.TextArea = R;

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

@@ -1,5 +1,5 @@
 import "../../../assets/index6.css";
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as k, useState as _ } from "react";
 import { InputNumber as N } from "antd";
 import { K as h } from "../../../chunks/InputWrapper.RBqyXNPY.js";
@@ -7,15 +7,15 @@ import { u as w } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import y from "classnames";
 const j = {
   "kit-input-number": "_kit-input-number_vfsxr_2"
-}, H = k(({ label: u, helper: n, htmlFor: a, wrapperClassName: p, className: d, required: f, infoIcon: l, actions: c, onInfoClick: v, onFocus: i, onBlur: s, ...t }, b) => {
-  var e;
-  const { appId: x } = w(), [I, o] = _(!1), K = y(x, j["kit-input-number"], d, {
+}, H = k(({ label: n, helper: p, htmlFor: r, wrapperClassName: d, className: f, required: o, infoIcon: l, actions: c, onInfoClick: v, onFocus: s, onBlur: i, ...t }, b) => {
+  var a;
+  const { appId: x } = w(), [I, m] = _(!1), K = y(x, j["kit-input-number"], f, {
     "kit-input-number-affix-wrapper-focused": I
   });
-  return m(h, { label: u, helper: n, htmlFor: a, disabled: t.disabled, status: t.status, className: p, required: f, infoIcon: l, actions: c, onInfoClick: v, children: m(N, { ref: b, id: (e = t.id) !== null && e !== void 0 ? e : a, onFocus: (r) => {
-    i == null || i(r), o(!0);
-  }, onBlur: (r) => {
-    s == null || s(r), o(!1);
+  return u(h, { label: n, helper: p, htmlFor: r, disabled: t.disabled, status: t.status, className: d, required: o, infoIcon: l, actions: c, onInfoClick: v, children: u(N, { ref: b, required: o, id: (a = t.id) !== null && a !== void 0 ? a : r, onFocus: (e) => {
+    s == null || s(e), m(!0);
+  }, onBlur: (e) => {
+    i == null || i(e), m(!1);
   }, className: K, ...t }) });
 });
 H.displayName = "KitInputNumber";

package/dist/Kit/DataEntry/RichText/EditorContentCharacterCount/index.js

@@ -1,4 +1,4 @@
-import "../../../../assets/index19.css";
+import "../../../../assets/index18.css";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import h from "classnames";
 import { u as s } from "../../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataEntry/RichText/MenuBar/ButtonTooltip/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../../DataDisplay/Avatar/index.js";
 import "../../../../DataDisplay/Badge/index.js";
-import { t as K } from "../../../../../chunks/index.HEacmKQU.js";
+import { t as K } from "../../../../../chunks/index.MNk1kAkw.js";
 import "../../../../DataDisplay/Empty/index.js";
 import "../../../../DataDisplay/IdCard/index.js";
 import "../../../../DataDisplay/Image/index.js";

package/dist/Kit/DataEntry/RichText/MenuBar/FontSizeSelect/index.js

@@ -4,7 +4,7 @@ import "../../../../General/Typography/index.js";
 import "../../../../General/Icon/index.js";
 import "../../../../Navigation/Breadcrumb/index.js";
 import "../../../../Navigation/DropDown/index.js";
-import { v as F } from "../../../../../chunks/index.HEacmKQU.js";
+import { v as F } from "../../../../../chunks/index.MNk1kAkw.js";
 import "../../../../Navigation/Steps/index.js";
 import "antd";
 import "../../../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/DataEntry/RichText/MenuBar/FontStylesButtons/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
-import { w as s } from "../../../../../chunks/index.HEacmKQU.js";
+import { w as s } from "../../../../../chunks/index.MNk1kAkw.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   s as KitFontStylesButtons

package/dist/Kit/DataEntry/RichText/MenuBar/IndentListButtons/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
-import { A as n } from "../../../../../chunks/index.HEacmKQU.js";
+import { A as n } from "../../../../../chunks/index.MNk1kAkw.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   n as KitIndentListButtons

package/dist/Kit/DataEntry/RichText/MenuBar/LinkButton/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
 import "react";
-import { y as a } from "../../../../../chunks/index.HEacmKQU.js";
+import { y as a } from "../../../../../chunks/index.MNk1kAkw.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   a as KitLinkButton

package/dist/Kit/DataEntry/RichText/MenuBar/ListButtons/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
-import { z as s } from "../../../../../chunks/index.HEacmKQU.js";
+import { z as s } from "../../../../../chunks/index.MNk1kAkw.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   s as KitListButtons

package/dist/Kit/DataEntry/RichText/MenuBar/TextAlignButtons/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
-import { x } from "../../../../../chunks/index.HEacmKQU.js";
+import { x } from "../../../../../chunks/index.MNk1kAkw.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   x as KitTextAlignButtons

package/dist/Kit/DataEntry/RichText/MenuBar/UndoRedoButtons/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@fortawesome/free-solid-svg-icons";
 import "@fortawesome/react-fontawesome";
-import { u as d } from "../../../../../chunks/index.HEacmKQU.js";
+import { u as d } from "../../../../../chunks/index.MNk1kAkw.js";
 import "../../../../../chunks/useKitLocale.96CdK3og.js";
 export {
   d as KitUndoRedoButtons

package/dist/Kit/DataEntry/RichText/MenuBar/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "classnames";
-import { B as s } from "../../../../chunks/index.HEacmKQU.js";
+import { B as s } from "../../../../chunks/index.MNk1kAkw.js";
 import "../../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "../../../Layout/Divider/index.js";
 import "../../../Layout/Space/index.js";

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

@@ -3,7 +3,7 @@ import "react";
 import "../../../chunks/InputWrapper.RBqyXNPY.js";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "classnames";
-import { g as T } from "../../../chunks/index.HEacmKQU.js";
+import { g as T } from "../../../chunks/index.MNk1kAkw.js";
 import "@tiptap/react";
 import "@tiptap/starter-kit";
 import "@tiptap/extension-underline";

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

@@ -6,7 +6,7 @@ import "classnames";
 import "react";
 import "short-unique-id";
 import "use-debounce";
-import { h } from "../../../chunks/index.HEacmKQU.js";
+import { h } from "../../../chunks/index.MNk1kAkw.js";
 export {
   h as KitSelect
 };

package/dist/Kit/DataEntry/index.js

@@ -4,7 +4,7 @@ import { KitInputNumber as m } from "./InputNumber/index.js";
 import { K } from "../../chunks/InputWrapper.RBqyXNPY.js";
 import { KitRadio as a } from "./Radio/index.js";
 import { KitRate as l } from "./Rate/index.js";
-import { g as h, h as d } from "../../chunks/index.HEacmKQU.js";
+import { g as h, h as d } from "../../chunks/index.MNk1kAkw.js";
 import { KitSwitch as n } from "./Switch/index.js";
 import { KitDatePicker as C } from "./DatePicker/index.js";
 import { KitAutoComplete as R } from "./AutoComplete/index.js";

package/dist/Kit/Feedback/Loader/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index13.css";
+import "../../../assets/index12.css";
 import { jsx as d } from "react/jsx-runtime";
 import i from "classnames";
 import { u as l } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/Feedback/Modal/index.js

@@ -1,4 +1,4 @@
-import { i } from "../../../chunks/index.HEacmKQU.js";
+import { i } from "../../../chunks/index.MNk1kAkw.js";
 export {
   i as KitModal
 };

package/dist/Kit/Feedback/Notification/index.js

@@ -1,4 +1,4 @@
-import { K as o, u as a } from "../../../chunks/KitNotification.9D9u6ePz.js";
+import { K as o, u as a } from "../../../chunks/KitNotification.lbY6JMru.js";
 export {
   o as KitNotification,
   a as useKitNotification

package/dist/Kit/Feedback/Progress/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index12.css";
+import "../../../assets/index11.css";
 import { jsx as e } from "react/jsx-runtime";
 import { Progress as i } from "antd";
 import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/Feedback/index.js

@@ -1,9 +1,9 @@
 import { KitAlert as t } from "./Alert/index.js";
-import { i as e } from "../../chunks/index.HEacmKQU.js";
+import { i as e } from "../../chunks/index.MNk1kAkw.js";
 import { KitProgress as K } from "./Progress/index.js";
 import { KitLoader as p } from "./Loader/index.js";
 import { KitSnackBarProvider as n, closeKitSnackBar as s, openKitSnackBar as x } from "./SnackBar/index.js";
-import { K as k, u as l } from "../../chunks/KitNotification.9D9u6ePz.js";
+import { K as k, u as l } from "../../chunks/KitNotification.lbY6JMru.js";
 import { KitSkeleton as d } from "./Skeleton/index.js";
 export {
   t as KitAlert,

package/dist/Kit/General/Button/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index14.css";
+import "../../../assets/index13.css";
 import { jsxs as O, jsx as s } from "react/jsx-runtime";
 import { forwardRef as $, useState as A, useMemo as P, useEffect as R, cloneElement as D } from "react";
 import F from "@ant-design/icons/LoadingOutlined";

package/dist/Kit/General/Icon/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index15.css";
+import "../../../assets/index14.css";
 import { jsx as C } from "react/jsx-runtime";
 import { useMemo as g } from "react";
 import { u as b } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/Layout/Divider/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index16.css";
+import "../../../assets/index15.css";
 import { jsx as m } from "react/jsx-runtime";
 import { Divider as s } from "antd";
 import { u as d } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/Layout/PageLayout/index.js

@@ -1,4 +1,4 @@
-import { n as t } from "../../../chunks/index.HEacmKQU.js";
+import { n as t } from "../../../chunks/index.MNk1kAkw.js";
 export {
   t as KitPageLayout
 };

package/dist/Kit/Layout/index.js

@@ -2,7 +2,7 @@ import { KitDivider as t } from "./Divider/index.js";
 import { KitSpace as i } from "./Space/index.js";
 import { KitSection as f } from "./Section/index.js";
 import { KitGrid as x } from "./Grid/index.js";
-import { n as a } from "../../chunks/index.HEacmKQU.js";
+import { n as a } from "../../chunks/index.MNk1kAkw.js";
 export {
   t as KitDivider,
   x as KitGrid,

package/dist/Kit/Navigation/Breadcrumb/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index17.css";
+import "../../../assets/index16.css";
 import { jsx as o, jsxs as s, Fragment as a } from "react/jsx-runtime";
 import { useMemo as c } from "react";
 import { Breadcrumb as d } from "antd";

package/dist/Kit/Navigation/Header/index.js

@@ -1,4 +1,4 @@
-import { k as a } from "../../../chunks/index.HEacmKQU.js";
+import { k as a } from "../../../chunks/index.MNk1kAkw.js";
 export {
   a as KitHeader
 };

package/dist/Kit/Navigation/Menu/index.js

@@ -1,4 +1,4 @@
-import { l as r } from "../../../chunks/index.HEacmKQU.js";
+import { l as r } from "../../../chunks/index.MNk1kAkw.js";
 export {
   r as KitMenu
 };

package/dist/Kit/Navigation/PageHeader/index.js

@@ -10,7 +10,7 @@ import "color-string";
 import "lodash/isEmpty";
 import "classnames";
 import "../../../chunks/styles.module.Q_QQjQdX.js";
-import { j as z } from "../../../chunks/index.HEacmKQU.js";
+import { j as z } from "../../../chunks/index.MNk1kAkw.js";
 import "../../DataEntry/Checkbox/index.js";
 import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";

package/dist/Kit/Navigation/SideMenu/index.js

@@ -1,4 +1,4 @@
-import { m } from "../../../chunks/index.HEacmKQU.js";
+import { m } from "../../../chunks/index.MNk1kAkw.js";
 export {
   m as KitSideMenu
 };

package/dist/Kit/Navigation/Steps/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index18.css";
+import "../../../assets/index17.css";
 import { jsx as i } from "react/jsx-runtime";
 import { Steps as r } from "antd";
 import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

package/dist/Kit/Navigation/index.js

@@ -1,6 +1,6 @@
 import { KitBreadcrumb as t } from "./Breadcrumb/index.js";
 import { KitDropDown as i } from "./DropDown/index.js";
-import { k as K, l as m, j as p, m as f } from "../../chunks/index.HEacmKQU.js";
+import { k as K, l as m, j as p, m as f } from "../../chunks/index.MNk1kAkw.js";
 import { KitSteps as s } from "./Steps/index.js";
 import { KitPagination as d } from "./Pagination/index.js";
 export {

package/dist/Kit/index.js

@@ -1,6 +1,6 @@
 import { KitAvatar as e } from "./DataDisplay/Avatar/index.js";
 import { KitBadge as o } from "./DataDisplay/Badge/index.js";
-import { b as n, c as s, k as p, a as A, d as m, l as K, i as f, j as l, e as d, g as c, h as x, m as u, f as T } from "../chunks/index.HEacmKQU.js";
+import { b as n, c as s, k as p, a as A, d as m, l as K, i as f, j as l, e as d, g as c, h as x, m as u, f as T } from "../chunks/index.MNk1kAkw.js";
 import { KitEmpty as C } from "./DataDisplay/Empty/index.js";
 import { KitIdCard as P } from "./DataDisplay/IdCard/index.js";
 import { KitImage as b } from "./DataDisplay/Image/index.js";
@@ -25,7 +25,7 @@ import { KitAlert as nt } from "./Feedback/Alert/index.js";
 import { KitProgress as pt } from "./Feedback/Progress/index.js";
 import { KitLoader as mt } from "./Feedback/Loader/index.js";
 import { KitSnackBarProvider as ft, closeKitSnackBar as lt, openKitSnackBar as dt } from "./Feedback/SnackBar/index.js";
-import { K as xt, u as ut } from "../chunks/KitNotification.9D9u6ePz.js";
+import { K as xt, u as ut } from "../chunks/KitNotification.lbY6JMru.js";
 import { KitButton as St } from "./General/Button/index.js";
 import { KitTypography as gt } from "./General/Typography/index.js";
 import { KitIcon as kt } from "./General/Icon/index.js";