aristid-ds 15.3.0 → 15.3.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [15.3.1](https://www.npmjs.com/package/aristid-ds/v/15.3.1) (2026-04-08)
+
+### ✨ Features
+
+-   **Datepicker**
+    -   Set inner inputs width on `KitRangePicker` picker to match their content (@alechapelain)
+
+### 🐛 Bug Fixes
+
+-   **Badge:**
+    -   Fix dot badge position when using `status` prop (@philippechevieux)
+
 ## [15.3.0](https://www.npmjs.com/package/aristid-ds/v/15.3.0) (2026-04-03)
 
 ### ✨ Features

package/dist/Kit/App/index.js

@@ -8,7 +8,7 @@ import { Style as u } from "react-style-tag";
 import { K as $ } from "../../chunks/useKitTheme.BdeSOGoj.js";
 import { KitAristidThemeGeneral as c } from "../../theme/aristid/general/index.js";
 import { antdThemeConfig as j } from "../../theme/utils/tokens-mapper/index.js";
-import { K as k, u as E } from "../../chunks/useKitLocale.C5F-tmnC.js";
+import { K as k, u as E } from "../../chunks/useKitLocale.DD7mnAZn.js";
 import { l as m, f, m as x } from "../../chunks/index.CKC2Gl0d.js";
 import { KitEmpty as v } from "../DataDisplay/Empty/index.js";
 import '../../assets/index27.css';const A = "aristid-ds-global", I = (o, e) => {

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

@@ -1,24 +1,24 @@
 import { jsx as C } from "react/jsx-runtime";
-import { forwardRef as b, useRef as R, useState as _, useLayoutEffect as y, useMemo as B } from "react";
-import { Badge as E } from "antd";
-import { u as M } from "../../../chunks/useKitTheme.BdeSOGoj.js";
-import { isValidColor as S, getLighterColor as v, getColor as w } from "../../../utils/functions/index.js";
+import { forwardRef as b, useRef as R, useState as _, useLayoutEffect as y, useMemo as w } from "react";
+import { Badge as B } from "antd";
+import { u as E } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { isValidColor as M, getLighterColor as S, getColor as v } from "../../../utils/functions/index.js";
 import { kitBadgeCssTokens as m } from "../../../theme/aristid/components/DataDisplay/Badge/index.js";
 import x from "classnames";
 import '../../../assets/index.css';const p = {
-  "kit-badge-indicator-hidden": "_kit-badge-indicator-hidden_1rs3m_2",
-  "kit-badge": "_kit-badge_1rs3m_2"
-}, K = (t, e) => !t || !S(t) ? null : {
-  [m.colors.background.default]: w(t, e),
-  [m.colors.typography.default]: v(t, e)
+  "kit-badge-indicator-hidden": "_kit-badge-indicator-hidden_1nzdw_2",
+  "kit-badge": "_kit-badge_1nzdw_2"
+}, K = (t, e) => !t || !M(t) ? null : {
+  [m.colors.background.default]: v(t, e),
+  [m.colors.typography.default]: S(t, e)
 }, N = (t) => {
-  const e = parseFloat(getComputedStyle(t).borderRadius), { width: r, height: n } = t.getBoundingClientRect();
-  return Math.min(e, r / 2, n / 2);
+  const e = parseFloat(getComputedStyle(t).borderRadius), { width: o, height: s } = t.getBoundingClientRect();
+  return Math.min(e, o / 2, s / 2);
 }, T = (t) => {
   const e = Math.round(t * (1 - Math.SQRT1_2));
   return [-e, e];
-}, F = b(({ color: t, style: e, secondaryColorInvert: r = !1, className: n, ...a }, o) => {
-  const d = a.children != null, { appId: g } = M(), c = R(null), [s, u] = _(d ? null : [0, 0]);
+}, z = b(({ color: t, style: e, secondaryColorInvert: o = !1, className: s, ...a }, r) => {
+  const d = a.children != null, { appId: g } = E(), c = R(null), [n, u] = _(d ? null : [0, 0]);
   y(() => {
     if (!d)
       return;
@@ -33,21 +33,21 @@ import '../../../assets/index.css';const p = {
     const l = N(f);
     l > 0 ? u(T(l)) : u([0, 0]);
   }, [d]);
-  const h = B(() => ({ ...e, ...K(t, r) }), [t, r, e]), k = x(g, p["kit-badge"], n);
-  return C(E, {
+  const h = w(() => ({ ...e, ...K(t, o) }), [t, o, e]), k = x(g, p["kit-badge"], s);
+  return C(B, {
     style: h,
-    offset: s ?? void 0,
+    offset: n ?? void 0,
     ...a,
     title: "",
     className: k,
     // Hide the indicator until the offset is computed to prevent a visual jump on first render
-    classNames: { indicator: s === null ? p["kit-badge-indicator-hidden"] : void 0 },
+    classNames: { indicator: n === null ? p["kit-badge-indicator-hidden"] : void 0 },
     ref: (i) => {
-      c.current = i, typeof o == "function" ? o(i) : o && (o.current = i);
+      c.current = i, typeof r == "function" ? r(i) : r && (r.current = i);
     }
   });
 });
-F.displayName = "KitBadge";
+z.displayName = "KitBadge";
 export {
-  F as KitBadge
+  z as KitBadge
 };

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

@@ -12,7 +12,7 @@ import { KitSwitch as S } from "../../DataEntry/Switch/index.js";
 import { KitTooltip as h } from "../Tooltip/index.js";
 import { KitButton as v } from "../../General/Button/index.js";
 import { KitDropDown as b } from "../../Navigation/DropDown/index.js";
-import { u as z } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as z } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import '../../../assets/index36.css';const u = {
   "kit-collapse": "_kit-collapse_djtan_2",
   "kit-collapse-header": "_kit-collapse-header_djtan_78",

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

@@ -1,4 +1,4 @@
-import { K as e, a as m } from "../../../chunks/Thread.DfvaoSxN.js";
+import { K as e, a as m } from "../../../chunks/Thread.BzM6JOAq.js";
 export {
   e as KitComment,
   m as KitThread

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

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as c } from "react/jsx-runtime";
 import { Suspense as v } from "react";
 import { Empty as d } from "antd";
-import { u as w } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as w } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { u as p } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { KitTypography as M } from "../../General/Typography/index.js";
 import { KitSpace as g } from "../../Layout/Space/index.js";

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

@@ -3,7 +3,7 @@ import { Image as a } from "antd";
 import d from "classnames";
 import { FontAwesomeIcon as v } from "@fortawesome/react-fontawesome";
 import { faEye as I } from "@fortawesome/free-solid-svg-icons";
-import { u as _ } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as _ } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { u as j } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import '../../../assets/index3.css';const m = {
   "kit-image": "_kit-image_t5juo_2",

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

@@ -12,7 +12,7 @@ import { KitTooltip as si } from "../Tooltip/index.js";
 import { FontAwesomeIcon as O } from "@fortawesome/react-fontawesome";
 import { faEllipsis as oi, faImage as ri } from "@fortawesome/free-solid-svg-icons";
 import { KitDropDown as ai } from "../../Navigation/DropDown/index.js";
-import { u as di } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as di } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { useDebouncedCallback as ci } from "use-debounce";
 import { N as ni, F as li } from "../../../chunks/constants.CctH0M4n.js";
 import '../../../assets/index28.css';const mi = {

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

@@ -8,7 +8,7 @@ import { u as Q } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
 import { faEllipsis as E } from "@fortawesome/free-solid-svg-icons";
 import F from "classnames";
-import { u as W } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as W } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { N as Y, F as Z } from "../../../chunks/constants.CctH0M4n.js";
 import { getStringFromReactNode as B } from "../../../utils/functions/index.js";
 import '../../../assets/index4.css';const m = {

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

@@ -10,7 +10,7 @@ import { KitDivider as L } from "../../Layout/Divider/index.js";
 import { KitButton as k } from "../../General/Button/index.js";
 import { KitTooltip as R } from "../Tooltip/index.js";
 import { KitDropDown as g } from "../../Navigation/DropDown/index.js";
-import { u as P } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as P } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { N as O, F as S } from "../../../chunks/constants.CctH0M4n.js";
 import '../../../assets/index22.css';const j = {
   "kit-redirect-card": "_kit-redirect-card_1yxds_2"

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

@@ -7,7 +7,7 @@ import { FontAwesomeIcon as D } from "@fortawesome/react-fontawesome";
 import { faPlus as J, faEllipsisVertical as M } from "@fortawesome/free-solid-svg-icons";
 import { F as Q } from "../../../chunks/constants.CctH0M4n.js";
 import { KitDropDown as Y } from "../../Navigation/DropDown/index.js";
-import { u as Z } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as Z } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { KitTypography as tt } from "../../General/Typography/index.js";
 import { KitBadge as et } from "../Badge/index.js";
 import '../../../assets/index29.css';const I = {

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

@@ -8,7 +8,7 @@ import { faXmark as R } from "@fortawesome/free-solid-svg-icons";
 import { KitIdCard as X } from "../IdCard/index.js";
 import { T as P, N as V, F as H } from "../../../chunks/constants.CctH0M4n.js";
 import { KitTooltip as L } from "../Tooltip/index.js";
-import { u as j } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as j } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { KitModal as Y } from "../../Feedback/Modal/index.js";
 import '../../../assets/index37.css';const N = {
   "kit-tag": "_kit-tag_2tdjx_2",

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

@@ -4,7 +4,7 @@ import { u as p } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import v from "classnames";
 import { FontAwesomeIcon as n } from "@fortawesome/react-fontawesome";
 import { faCaretRight as u, faCircleNotch as f } from "@fortawesome/free-solid-svg-icons";
-import { u as g } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as g } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import '../../../assets/index5.css';const x = {
   "kit-tree": "_kit-tree_uexge_12"
 }, D = ({ className: l, switcherLoadingIcon: o, ...d }) => {

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

@@ -6,7 +6,7 @@ import { ColorPicker as no } from "antd";
 import b from "classnames";
 import { FontAwesomeIcon as co } from "@fortawesome/react-fontawesome";
 import { faCircleXmark as lo } from "@fortawesome/free-solid-svg-icons";
-import { u as so } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as so } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { u as ao } from "../../../chunks/useGetPopupContainer.bCZKSUsz.js";
 import '../../../assets/index23.css';const v = {
   "kit-colorpicker": "_kit-colorpicker_19hvp_2",

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

@@ -1,32 +1,56 @@
-import { jsxs as W, jsx as e } from "react/jsx-runtime";
-import { forwardRef as g, useRef as T } from "react";
-import { DatePicker as X } from "antd";
-import $ from "classnames";
-import { FontAwesomeIcon as n } from "@fortawesome/react-fontawesome";
-import { faChevronLeft as N, faChevronRight as _, faClock as q, faCalendar as z, faCircleXmark as B, faArrowRight as V } from "@fortawesome/free-solid-svg-icons";
-import { K as E } from "../../../chunks/InputWrapper.D7QArlvo.js";
-import { u as H } from "../../../chunks/useKitTheme.BdeSOGoj.js";
-import { u as J } from "../../../chunks/useGetPopupContainer.bCZKSUsz.js";
-import '../../../assets/index44.css';const M = {
-  "kit-datepicker": "_kit-datepicker_1tqav_2",
-  "kit-rangepicker": "_kit-rangepicker_1tqav_210"
-}, O = () => W("div", { className: "double-chevron", children: [e(n, { className: "chevron-icon double-chevron-left-icon", icon: N }), e(n, { className: "chevron-icon", icon: N })] }), Q = () => W("div", { className: "double-chevron", children: [e(n, { className: "chevron-icon", icon: _ }), e(n, { className: "chevron-icon double-chevron-right-icon", icon: _ })] }), Y = g(({ label: C, helper: R, htmlFor: m, suffixIcon: f, className: x, wrapperClassName: b, prefix: t, required: v, actions: h, extra: u, disabled: s, placeholder: K, getPopupContainer: l, picker: r = "date", size: D = "large", allowClear: I = !0, readonlyLight: o = !1, readonly: i = !1, ...a }, c) => {
-  var p, d;
-  const { appId: w } = H(), k = T(null), G = (p = c) !== null && p !== void 0 ? p : k, j = J(G, l), A = $(w, M["kit-datepicker"], x, {
-    "kit-picker-readonly-light": o,
-    "kit-picker-readonly": i
-  }), U = t ?? (r === "time" ? e(n, { icon: q }) : e(n, { icon: z }));
-  return e(E, { label: C, helper: R, htmlFor: m, disabled: s, status: a.status, className: b, required: v, extra: u ?? h, children: e(X, { ...a, id: (d = a.id) !== null && d !== void 0 ? d : m, required: v, picker: r, disabled: o || i || s, variant: o ? "borderless" : void 0, ref: c ?? k, size: D, getPopupContainer: j, placeholder: !o && !i ? K : void 0, allowClear: !o && !i && I && { clearIcon: e(n, { "aria-label": "clear", icon: B }) }, prefix: U, suffixIcon: I ? void 0 : f, className: A, prevIcon: e(n, { className: "chevron-icon", icon: N }), nextIcon: e(n, { className: "chevron-icon", icon: _ }), superPrevIcon: e(O, {}), superNextIcon: e(Q, {}) }) });
-}), Z = g(({ label: C, className: R, helper: m, htmlFor: f, suffixIcon: x, picker: b, prefix: t, allowClear: v = !0, required: h, actions: u, extra: s, placeholder: K, readonlyLight: l = !1, readonly: r = !1, getPopupContainer: D, size: I = "large", ...o }, i) => {
-  var a, c;
-  const { appId: p } = H(), d = T(null), w = (a = i) !== null && a !== void 0 ? a : d, k = J(w, D), G = () => o.disabled === void 0 ? !1 : typeof o.disabled == "boolean" ? o.disabled : o.disabled[0] && o.disabled[1], j = $(p, M["kit-rangepicker"], R, {
-    "kit-picker-readonly-light": l,
-    "kit-picker-readonly": r
-  }), A = t ?? (b === "time" ? e(n, { icon: q }) : e(n, { icon: z }));
-  return e(E, { label: C, helper: m, htmlFor: f, disabled: G(), status: o.status, required: h, extra: s ?? u, children: e(X.RangePicker, { ...o, id: (c = o.id) !== null && c !== void 0 ? c : f, picker: b, ref: i ?? d, getPopupContainer: k, required: h, size: I, disabled: l || r || o.disabled, variant: l ? "borderless" : void 0, placeholder: !l && !r ? K : void 0, suffixIcon: v ? void 0 : x, allowClear: v && { clearIcon: e(n, { "aria-label": "clear", icon: B }) }, className: j, prefix: A, separator: e(n, { icon: V }), prevIcon: e(n, { className: "chevron-icon", icon: N }), nextIcon: e(n, { className: "chevron-icon", icon: _ }), superPrevIcon: e(O, {}), superNextIcon: e(Q, {}) }) });
-}), S = Y;
-S.displayName = "KitDatePicker";
-S.RangePicker = Z;
+import { jsxs as w, jsx as e, Fragment as ie } from "react/jsx-runtime";
+import { forwardRef as $, useRef as E, useState as re, useEffect as X } from "react";
+import { DatePicker as q } from "antd";
+import F from "classnames";
+import { FontAwesomeIcon as o } from "@fortawesome/react-fontawesome";
+import { faChevronLeft as D, faChevronRight as W, faClock as H, faCalendar as J, faCircleXmark as Q, faArrowRight as te } from "@fortawesome/free-solid-svg-icons";
+import { K as U } from "../../../chunks/InputWrapper.D7QArlvo.js";
+import { u as Y } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as Z } from "../../../chunks/useGetPopupContainer.bCZKSUsz.js";
+import '../../../assets/index44.css';const y = {
+  "kit-datepicker": "_kit-datepicker_1upid_2",
+  "kit-rangepicker": "_kit-rangepicker_1upid_210"
+}, z = () => w("div", { className: "double-chevron", children: [e(o, { className: "chevron-icon double-chevron-left-icon", icon: D }), e(o, { className: "chevron-icon", icon: D })] }), L = () => w("div", { className: "double-chevron", children: [e(o, { className: "chevron-icon", icon: W }), e(o, { className: "chevron-icon double-chevron-right-icon", icon: W })] }), ce = $(({ label: A, helper: S, htmlFor: _, suffixIcon: x, className: G, wrapperClassName: C, prefix: s, required: h, actions: R, extra: b, disabled: p, placeholder: M, getPopupContainer: u, picker: f = "date", size: V = "large", allowClear: k = !0, readonlyLight: n = !1, readonly: t = !1, ...d }, a) => {
+  var v, I;
+  const { appId: j } = Y(), N = E(null), g = (v = a) !== null && v !== void 0 ? v : N, K = Z(g, u), r = F(j, y["kit-datepicker"], G, {
+    "kit-picker-readonly-light": n,
+    "kit-picker-readonly": t
+  }), B = s ?? (f === "time" ? e(o, { icon: H }) : e(o, { icon: J }));
+  return e(U, { label: A, helper: S, htmlFor: _, disabled: p, status: d.status, className: C, required: h, extra: b ?? R, children: e(q, { ...d, id: (I = d.id) !== null && I !== void 0 ? I : _, required: h, picker: f, disabled: n || t || p, variant: n ? "borderless" : void 0, ref: a ?? N, size: V, getPopupContainer: K, placeholder: !n && !t ? M : void 0, allowClear: !n && !t && k && { clearIcon: e(o, { "aria-label": "clear", icon: Q }) }, prefix: B, suffixIcon: k ? void 0 : x, className: r, prevIcon: e(o, { className: "chevron-icon", icon: D }), nextIcon: e(o, { className: "chevron-icon", icon: W }), superPrevIcon: e(z, {}), superNextIcon: e(L, {}) }) });
+}), ae = $(({ label: A, className: S, helper: _, htmlFor: x, suffixIcon: G, picker: C, prefix: s, allowClear: h = !0, required: R, actions: b, extra: p, placeholder: M, readonlyLight: u = !1, readonly: f = !1, getPopupContainer: V, size: k = "large", ...n }, t) => {
+  var d, a;
+  const [v, I] = re(["", ""]), { appId: j } = Y(), N = E(null), g = E(null), K = E(null), r = (d = t) !== null && d !== void 0 ? d : N, B = Z(r, V), ee = () => n.disabled === void 0 ? !1 : typeof n.disabled == "boolean" ? n.disabled : n.disabled[0] && n.disabled[1], ne = F(j, y["kit-rangepicker"], S, {
+    "kit-picker-readonly-light": u,
+    "kit-picker-readonly": f
+  }), oe = s ?? (C === "time" ? e(o, { icon: H }) : e(o, { icon: J })), O = (i) => {
+    I([
+      i[0].value || i[0].placeholder || "",
+      i[1].value || i[1].placeholder || ""
+    ]);
+  };
+  return X(() => {
+    var i;
+    const c = (i = r?.current) === null || i === void 0 ? void 0 : i.nativeElement.querySelectorAll(".ant-picker-input input");
+    if (!c || c.length < 2)
+      return;
+    const m = [];
+    return c.forEach((l) => {
+      const T = new MutationObserver(() => O(c));
+      T.observe(l, {
+        attributes: !0,
+        attributeFilter: ["value"]
+      }), m.push(T);
+    }), O(c), () => {
+      m.forEach((l) => l.disconnect());
+    };
+  }, [r]), X(() => {
+    var i, c, m;
+    const l = (i = r?.current) === null || i === void 0 ? void 0 : i.nativeElement.querySelectorAll(".ant-picker-input");
+    !l || l.length < 2 || (l[0].style.flexBasis = ((c = g.current) === null || c === void 0 ? void 0 : c.offsetWidth) + "px", l[1].style.flexBasis = ((m = K.current) === null || m === void 0 ? void 0 : m.offsetWidth) + "px");
+  }, [r, v]), w(ie, { children: [w("div", { className: F("range-mirror-wrapper", k, { "readonly-light": u }), "aria-hidden": "true", children: [e("span", { className: "range-mirror-input", ref: g, children: v[0] }), e("span", { className: "range-mirror-input", ref: K, children: v[1] })] }), e(U, { label: A, helper: _, htmlFor: x, disabled: ee(), status: n.status, required: R, extra: p ?? b, children: e(q.RangePicker, { ...n, id: (a = n.id) !== null && a !== void 0 ? a : x, picker: C, ref: t ?? N, getPopupContainer: B, required: R, size: k, disabled: u || f || n.disabled, variant: u ? "borderless" : void 0, placeholder: !u && !f ? M : void 0, suffixIcon: h ? void 0 : G, allowClear: h && { clearIcon: e(o, { "aria-label": "clear", icon: Q }) }, className: ne, prefix: oe, separator: e(o, { icon: te }), prevIcon: e(o, { className: "chevron-icon", icon: D }), nextIcon: e(o, { className: "chevron-icon", icon: W }), superPrevIcon: e(z, {}), superNextIcon: e(L, {}) }) })] });
+}), P = ce;
+P.displayName = "KitDatePicker";
+P.RangePicker = ae;
 export {
-  S as KitDatePicker
+  P as KitDatePicker
 };

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

@@ -1,34 +1,34 @@
 import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import { Input as x } from "antd";
-import { faCircleXmark as N, faEye as y, faEyeSlash as R } from "@fortawesome/free-solid-svg-icons";
+import { forwardRef as g } from "react";
+import { Input as h } from "antd";
+import { faCircleXmark as x, faEye as y, faEyeSlash as R } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as K } from "@fortawesome/react-fontawesome";
-import { K as T } from "../../../chunks/InputWrapper.D7QArlvo.js";
-import { u as b } from "../../../chunks/useKitTheme.BdeSOGoj.js";
-import g from "classnames";
+import { K as z } from "../../../chunks/InputWrapper.D7QArlvo.js";
+import { u as N } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import T from "classnames";
 import { KitTypography as S } from "../../General/Typography/index.js";
-import '../../../assets/index38.css';const z = {
-  "kit-input": "_kit-input_10dra_2",
-  "kit-password": "_kit-password_10dra_206",
-  "kit-textarea": "_kit-textarea_10dra_353"
-}, W = h(({ label: u, className: m, helper: f, htmlFor: o, wrapperClassName: s, allowClear: p = !0, required: c, actions: d, extra: i, disabled: r, placeholder: v, readonly: e = !1, readonlyLight: n = !1, size: k = "large", ...a }, I) => {
+import '../../../assets/index38.css';const b = {
+  "kit-input": "_kit-input_zwgm2_2",
+  "kit-password": "_kit-password_zwgm2_206",
+  "kit-textarea": "_kit-textarea_zwgm2_353"
+}, W = g(({ label: u, className: m, helper: f, htmlFor: o, wrapperClassName: s, allowClear: p = !0, required: c, actions: d, extra: i, disabled: r, placeholder: v, readonly: e = !1, readonlyLight: n = !1, size: w = "large", ...a }, k) => {
   var l;
-  const { appId: _ } = b(), w = g(_, z["kit-input"], m, {
+  const { appId: I } = N(), _ = T(I, b["kit-input"], m, {
     "kit-input-readonly": e
   });
-  return t(T, { label: u, helper: f, htmlFor: o, disabled: r, status: a.status, className: s, required: c, extra: i ?? d, children: n ? t(S.Text, { weight: "bold", size: "fontSize5", color: a.status === "error" ? "error" : void 0, children: a.value }) : t(x, { ...a, ref: I, id: (l = a.id) !== null && l !== void 0 ? l : o, className: w, disabled: r || e, required: c, size: k, placeholder: !e && !n ? v : void 0, allowClear: p ? { clearIcon: t(K, { "aria-label": "clear", icon: N }) } : void 0 }) });
-}), X = h(({ label: u, className: m, helper: f, htmlFor: o, wrapperClassName: s, allowClear: p = !0, required: c, actions: d, extra: i, disabled: r, placeholder: v, readonly: e = !1, readonlyLight: n = !1, size: k = "large", ...a }, I) => {
+  return t(z, { label: u, helper: f, htmlFor: o, disabled: r, status: a.status, className: s, required: c, extra: i ?? d, children: n ? t(S.Text, { weight: "bold", size: "fontSize5", color: a.status === "error" ? "error" : void 0, children: a.value }) : t(h, { ...a, ref: k, id: (l = a.id) !== null && l !== void 0 ? l : o, className: _, disabled: r || e, required: c, size: w, placeholder: !e && !n ? v : void 0, allowClear: p ? { clearIcon: t(K, { "aria-label": "clear", icon: x }) } : void 0 }) });
+}), X = g(({ label: u, className: m, helper: f, htmlFor: o, wrapperClassName: s, allowClear: p = !0, required: c, actions: d, extra: i, disabled: r, placeholder: v, readonly: e = !1, readonlyLight: n = !1, size: w = "large", ...a }, k) => {
   var l;
-  const { appId: _ } = b(), w = g(_, z["kit-textarea"], m, {
+  const { appId: I } = N(), _ = T(I, b["kit-textarea"], m, {
     "kit-textarea-readonly": e
   });
-  return t(T, { label: u, helper: f, htmlFor: o, disabled: r, status: a.status, className: s, required: c, extra: i ?? d, children: n ? t(S.Text, { weight: "bold", size: "fontSize5", color: a.status === "error" ? "error" : void 0, children: a.value }) : t(x.TextArea, { ...a, ref: I, id: (l = a.id) !== null && l !== void 0 ? l : o, className: w, disabled: r || e, required: c, size: k, placeholder: !e && !n ? v : void 0, allowClear: p ? { clearIcon: t(K, { "aria-label": "clear", icon: N }) } : void 0 }) });
-}), $ = h(({ label: u, className: m, helper: f, htmlFor: o, iconRender: s, wrapperClassName: p, allowClear: c = !0, disabled: d, readonly: i = !1, required: r, actions: v, extra: e, placeholder: n, size: k = "large", ...a }, I) => {
+  return t(z, { label: u, helper: f, htmlFor: o, disabled: r, status: a.status, className: s, required: c, extra: i ?? d, children: n ? t(S.Text, { weight: "bold", size: "fontSize5", color: a.status === "error" ? "error" : void 0, children: a.value }) : t(h.TextArea, { ...a, ref: k, id: (l = a.id) !== null && l !== void 0 ? l : o, className: _, disabled: r || e, required: c, size: w, placeholder: !e && !n ? v : void 0, allowClear: p ? { clearIcon: t(K, { "aria-label": "clear", icon: x }) } : void 0 }) });
+}), $ = g(({ label: u, className: m, helper: f, htmlFor: o, iconRender: s, wrapperClassName: p, allowClear: c = !0, disabled: d, readonly: i = !1, required: r, actions: v, extra: e, placeholder: n, size: w = "large", ...a }, k) => {
   var l;
-  const { appId: _ } = b(), w = g(_, z["kit-password"], m, {
+  const { appId: I } = N(), _ = T(I, b["kit-password"], m, {
     "kit-password-readonly": i
   }), E = (j) => j ? t(K, { icon: y }) : t(K, { icon: R });
-  return t(T, { label: u, helper: f, htmlFor: o, disabled: d, status: a.status, className: p, required: r, extra: e ?? v, children: t(x.Password, { ...a, className: w, placeholder: i ? void 0 : n, disabled: d || i, required: r, id: (l = a.id) !== null && l !== void 0 ? l : o, ref: I, size: k, allowClear: c ? { clearIcon: t(K, { "aria-label": "clear", icon: N }) } : void 0, iconRender: s ?? E }) });
+  return t(z, { label: u, helper: f, htmlFor: o, disabled: d, status: a.status, className: p, required: r, extra: e ?? v, children: t(h.Password, { ...a, className: _, placeholder: i ? void 0 : n, disabled: d || i, required: r, id: (l = a.id) !== null && l !== void 0 ? l : o, ref: k, size: w, allowClear: c ? { clearIcon: t(K, { "aria-label": "clear", icon: x }) } : void 0, iconRender: s ?? E }) });
 }), C = W;
 C.displayName = "KitInput";
 C.TextArea = X;

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

@@ -5,7 +5,7 @@ import { useState as S } from "react";
 import f from "classnames";
 import { FontAwesomeIcon as K } from "@fortawesome/react-fontawesome";
 import { faCaretDown as T } from "@fortawesome/free-solid-svg-icons";
-import { u as F } from "../../../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as F } from "../../../../../chunks/useKitLocale.DD7mnAZn.js";
 import '../../../../../assets/index21.css';const p = {
   "kit-rich-text-select-font-size": "_kit-rich-text-select-font-size_1jpnq_2",
   "kit-rich-text-select-font-size-dropdown": "_kit-rich-text-select-font-size-dropdown_1jpnq_28"

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

@@ -3,7 +3,7 @@ import { faBold as g, faItalic as x, faUnderline as _ } from "@fortawesome/free-
 import { FontAwesomeIcon as d } from "@fortawesome/react-fontawesome";
 import { g as s } from "../../../../../chunks/getButtonActiveClass.CdKy9gg4.js";
 import { KitButtonTooltip as u } from "../ButtonTooltip/index.js";
-import { u as p } from "../../../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as p } from "../../../../../chunks/useKitLocale.DD7mnAZn.js";
 const F = ({ editor: l }) => {
   var n, t, c, e, a, r;
   const { locale: o } = p(), m = () => {

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

@@ -2,7 +2,7 @@ import { jsxs as I, Fragment as f, jsx as t } from "react/jsx-runtime";
 import { faIndent as h, faOutdent as v } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as s } from "@fortawesome/react-fontawesome";
 import { KitButtonTooltip as d } from "../ButtonTooltip/index.js";
-import { u as L } from "../../../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as L } from "../../../../../chunks/useKitLocale.DD7mnAZn.js";
 const T = ({ editor: n }) => {
   var o, e, l, c;
   const { locale: i } = L(), a = n.can().sinkListItem("listItem"), r = n.can().liftListItem("listItem"), m = () => {

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

@@ -7,7 +7,7 @@ import { KitModal as A } from "../../../../Feedback/Modal/index.js";
 import { KitButton as F } from "../../../../General/Button/index.js";
 import { KitSpace as E } from "../../../../Layout/Space/index.js";
 import V from "classnames";
-import { u as g } from "../../../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as g } from "../../../../../chunks/useKitLocale.DD7mnAZn.js";
 import { Form as f } from "antd";
 import { useForm as W, useWatch as z } from "antd/es/form/Form";
 import { KitButtonTooltip as G } from "../ButtonTooltip/index.js";

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

@@ -3,7 +3,7 @@ import { faListUl as h, faListOl as f } from "@fortawesome/free-solid-svg-icons"
 import { FontAwesomeIcon as n } from "@fortawesome/react-fontawesome";
 import { g as c } from "../../../../../chunks/getButtonActiveClass.CdKy9gg4.js";
 import { KitButtonTooltip as a } from "../ButtonTooltip/index.js";
-import { u as v } from "../../../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as v } from "../../../../../chunks/useKitLocale.DD7mnAZn.js";
 const C = ({ editor: i }) => {
   var l, e, r, s;
   const { locale: o } = v(), d = () => {

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

@@ -3,7 +3,7 @@ import { faAlignLeft as C, faAlignCenter as R, faAlignRight as _, faAlignJustify
 import { FontAwesomeIcon as l } from "@fortawesome/react-fontawesome";
 import { g as e } from "../../../../../chunks/getButtonActiveClass.CdKy9gg4.js";
 import { KitButtonTooltip as o } from "../ButtonTooltip/index.js";
-import { u as k } from "../../../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as k } from "../../../../../chunks/useKitLocale.DD7mnAZn.js";
 const K = ({ editor: t }) => {
   var c, a, s, r, g, u, h, f;
   const { locale: n } = k(), x = () => {

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

@@ -2,7 +2,7 @@ import { jsxs as f, Fragment as m, jsx as o } from "react/jsx-runtime";
 import { faArrowRotateLeft as R, faArrowRotateRight as v } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as d } from "@fortawesome/react-fontawesome";
 import { KitButtonTooltip as l } from "../ButtonTooltip/index.js";
-import { u as b } from "../../../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as b } from "../../../../../chunks/useKitLocale.DD7mnAZn.js";
 const C = ({ editor: n }) => {
   var t, c, r, e;
   const { locale: i } = b(), a = n.can().chain().focus().undo().run(), u = n.can().chain().focus().redo().run(), s = () => {

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

@@ -6,7 +6,7 @@ import { KitUndoRedoButtons as l } from "./UndoRedoButtons/index.js";
 import { KitFontSizeSelect as u } from "./FontSizeSelect/index.js";
 import { faEllipsisVertical as h } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as v } from "@fortawesome/react-fontawesome";
-import { u as f } from "../../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as f } from "../../../../chunks/useKitLocale.DD7mnAZn.js";
 import { KitButtonTooltip as x } from "./ButtonTooltip/index.js";
 import { Popover as d } from "antd";
 import { KitMenuActionList as n } from "./MenuActionList/index.js";

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

@@ -6,7 +6,7 @@ import De from "short-unique-id";
 import { useDebouncedCallback as Ee } from "use-debounce";
 import { K as Pe } from "../../../chunks/InputWrapper.D7QArlvo.js";
 import { u as Ne } from "../../../chunks/useKitTheme.BdeSOGoj.js";
-import { s as Oe } from "../../../chunks/styles.module.CGK3Jyfa.js";
+import { s as Oe } from "../../../chunks/styles.module.uCPgpiKf.js";
 import { FontAwesomeIcon as k } from "@fortawesome/react-fontawesome";
 import { faCircleXmark as Ae, faCircleNotch as Le, faChevronDown as Re, faCheck as xe } from "@fortawesome/free-solid-svg-icons";
 import { KitIcon as y } from "../../General/Icon/index.js";

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

@@ -6,7 +6,7 @@ import ce from "short-unique-id";
 import { K as ie } from "../../../chunks/InputWrapper.D7QArlvo.js";
 import { u as ae } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { u as de } from "../../../chunks/useGetPopupContainer.bCZKSUsz.js";
-import { s as pe } from "../../../chunks/styles.module.CGK3Jyfa.js";
+import { s as pe } from "../../../chunks/styles.module.uCPgpiKf.js";
 import { KitTag as ue } from "../../DataDisplay/Tag/index.js";
 import { KitIdCard as fe } from "../../DataDisplay/IdCard/index.js";
 import { useDebouncedCallback as me } from "use-debounce";

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

@@ -5,7 +5,7 @@ import { KitButton as x } from "../../General/Button/index.js";
 import { u as y } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";
 import { faPaperclip as K, faDownload as F, faTrash as A, faArrowUpRightFromSquare as I, faInbox as O } from "@fortawesome/free-solid-svg-icons";
-import { u as w } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as w } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import N from "classnames";
 import { KitItemList as S } from "../../DataDisplay/ItemList/index.js";
 import { KitProgress as C } from "../../Feedback/Progress/index.js";

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

@@ -6,7 +6,7 @@ import { faCaretRight as S, faXmark as T, faCircleExclamation as j, faCircleXmar
 import { useState as X } from "react";
 import { u as $ } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import { KitTypography as f } from "../../General/Typography/index.js";
-import { u as g } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as g } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { uuid as E } from "../../../utils/functions/index.js";
 import '../../../assets/index31.css';const G = {
   "kit-alert": "_kit-alert_d4axw_2"

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

@@ -7,7 +7,7 @@ import { FontAwesomeIcon as f } from "@fortawesome/react-fontawesome";
 import { KitTooltip as X } from "../../DataDisplay/Tooltip/index.js";
 import { KitButton as I } from "../../General/Button/index.js";
 import { KitTypography as Y } from "../../General/Typography/index.js";
-import { u as J } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as J } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { T as Q } from "../../../chunks/constants.CctH0M4n.js";
 import { KitSpace as V } from "../../Layout/Space/index.js";
 import { createRoot as Z } from "react-dom/client";

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

@@ -11,7 +11,7 @@ import { KitTypography as b } from "../../General/Typography/index.js";
 import { KitButton as W } from "../../General/Button/index.js";
 import { KitTooltip as X } from "../../DataDisplay/Tooltip/index.js";
 import { T as Y } from "../../../chunks/constants.CctH0M4n.js";
-import { u as q } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as q } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import w from "react-hot-toast";
 import '../../../assets/index33.css';const H = () => ({
   color: `var(${t.colors.icon.neutral}, var(${r.neutral.dark}))`,

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

@@ -4,7 +4,7 @@ import { u as w } from "../../../chunks/useKitTheme.BdeSOGoj.js";
 import h from "classnames";
 import { FontAwesomeIcon as K } from "@fortawesome/react-fontawesome";
 import { faCircleXmark as _, faCircleCheck as b } from "@fortawesome/free-solid-svg-icons";
-import { u as x } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as x } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import y from "antd/locale/en_US";
 import { KitTooltip as T } from "../../DataDisplay/Tooltip/index.js";
 import '../../../assets/index46.css';const v = 0, N = 100, P = (r) => Math.min(Math.max(r, v), N), M = {

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

@@ -8,7 +8,7 @@ import q from "../../../hooks/useSecureClick/index.js";
 import g from "classnames";
 import { F as G } from "../../../chunks/constants.CctH0M4n.js";
 import { KitDropDown as H } from "../../Navigation/DropDown/index.js";
-import { u as J } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as J } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import '../../../assets/index41.css';const Q = {
   "kit-btn": "_kit-btn_n8epu_2"
 }, W = (t) => {

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

@@ -3,7 +3,7 @@ import { KitDropDown as y } from "../../Navigation/DropDown/index.js";
 import { faEllipsis as E } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as K } from "@fortawesome/react-fontawesome";
 import { KitButton as v } from "../Button/index.js";
-import { u as x } from "../../../chunks/useKitLocale.C5F-tmnC.js";
+import { u as x } from "../../../chunks/useKitLocale.DD7mnAZn.js";
 import { KitTooltip as N } from "../../DataDisplay/Tooltip/index.js";
 const d = ({ icon: r, ...l }) => {
   var n;

package/dist/Kit/index.js

@@ -1,7 +1,7 @@
 import { KitApp as o } from "./App/index.js";
 import { KitAvatar as a } from "./DataDisplay/Avatar/index.js";
 import { KitBadge as n } from "./DataDisplay/Badge/index.js";
-import { K as s, a as m } from "../chunks/Thread.DfvaoSxN.js";
+import { K as s, a as m } from "../chunks/Thread.BzM6JOAq.js";
 import { KitItemCard as f } from "./DataDisplay/ItemCard/index.js";
 import { KitCollapse as K } from "./DataDisplay/Collapse/index.js";
 import { KitEmpty as d } from "./DataDisplay/Empty/index.js";

package/dist/assets/index.css

@@ -1 +1 @@
-._kit-badge-indicator-hidden_1rs3m_2{visibility:hidden}._kit-badge_1rs3m_2{--kit-badge-size: 16px;--kit-badge-dot-size: 8px}._kit-badge_1rs3m_2.ant-badge{min-width:var(--kit-badge-size);line-height:var(--kit-badge-size);font-size:calc(var(--general-typography-fontSize7) * 1px)}._kit-badge_1rs3m_2.ant-badge .ant-badge-count{min-width:var(--kit-badge-size);height:var(--kit-badge-size);line-height:var(--kit-badge-size);background:var(--components-Badge-colors-background-default, var(--general-utilities-error-dark));color:var(--components-Badge-colors-typography-default, var(--general-utilities-light));z-index:50}._kit-badge_1rs3m_2.ant-badge .ant-scroll-number .ant-scroll-number-only{height:var(--kit-badge-size)}._kit-badge_1rs3m_2.ant-badge .ant-badge-multiple-words{padding:0 calc(var(--general-spacing-xxs) * 1px)}._kit-badge_1rs3m_2.ant-badge.ant-badge-status,._kit-badge_1rs3m_2.ant-badge .ant-badge-dot{min-width:var(--kit-badge-dot-size);width:var(--kit-badge-dot-size);height:var(--kit-badge-dot-size)}._kit-badge_1rs3m_2.ant-badge .ant-badge-status-processing.ant-scroll-number{position:absolute}._kit-badge_1rs3m_2.ant-badge .ant-badge-status-processing:after{animation-name:none;content:initial}._kit-badge_1rs3m_2.ant-badge .ant-badge-status-processing.ant-badge-status-dot:after{animation-name:none;content:initial}
+._kit-badge-indicator-hidden_1nzdw_2{visibility:hidden}._kit-badge_1nzdw_2{--kit-badge-size: 16px;--kit-badge-dot-size: 8px}._kit-badge_1nzdw_2.ant-badge{line-height:var(--kit-badge-size);font-size:calc(var(--general-typography-fontSize7) * 1px)}._kit-badge_1nzdw_2.ant-badge .ant-badge-count{min-width:var(--kit-badge-size);height:var(--kit-badge-size);line-height:var(--kit-badge-size);background:var(--components-Badge-colors-background-default, var(--general-utilities-error-dark));color:var(--components-Badge-colors-typography-default, var(--general-utilities-light));z-index:50}._kit-badge_1nzdw_2.ant-badge .ant-scroll-number .ant-scroll-number-only{height:var(--kit-badge-size)}._kit-badge_1nzdw_2.ant-badge .ant-badge-multiple-words{padding:0 calc(var(--general-spacing-xxs) * 1px)}._kit-badge_1nzdw_2.ant-badge.ant-badge-status .ant-badge-dot,._kit-badge_1nzdw_2.ant-badge .ant-badge-dot{min-width:var(--kit-badge-dot-size);width:var(--kit-badge-dot-size);height:var(--kit-badge-dot-size)}._kit-badge_1nzdw_2.ant-badge .ant-badge-status-processing.ant-scroll-number{position:absolute}._kit-badge_1nzdw_2.ant-badge .ant-badge-status-processing:after{animation-name:none;content:initial}._kit-badge_1nzdw_2.ant-badge .ant-badge-status-processing.ant-badge-status-dot:after{animation-name:none;content:initial}