aristid-ds 15.3.0 → 15.3.1-69920ec

package/CHANGELOG.md

@@ -1,9 +1,44 @@
 # Changelog
 
+## [X.Y.Z](https://www.npmjs.com/package/aristid-ds/v/X.Y.Z) (2026-MM-DD)
+
+### ✨ Features
+
+-   **⚠️ Breaking change - Section**
+    -   Redefine `Section` component (only 3 types) (@evoiron)
+
+### 🐛 Bug Fixes
+
+-   **ItemCard**
+    -   fix title and description ellipsis bug (@evoiron)
+-   **Typography**
+    -   fix multiline ellipsis not working (@evoiron)
+-   **TreeSelect:**
+    -   Fix `KitTreeSelect` dropdown coling conditions (on click, outside, out of dropdown, or on node execpt when expanding it) (@evoiron)
+
+### 📝 Documentation
+
+-   **Design Tokens:**
+    -   fix a bug causing the storybook `Design tokens` page to crash (@evoiron)
+
+## [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
 
+-   **InputWrapper:**
+    -   Fix ``KitInputWrapper ` warning status text style (@evoiron)
 -   **Tokens:**
     -   Add `IA/purple` color palette (@evoiron)
 -   **Modal:**

package/dist/Kit/App/index.js

@@ -5,10 +5,10 @@ import { K as P } from "../../chunks/SnackBarProvider.D44OffUd.js";
 import { toCssVariables as L, uuid as T } from "../../utils/functions/index.js";
 import p from "lodash/merge";
 import { Style as u } from "react-style-tag";
-import { K as $ } from "../../chunks/useKitTheme.BdeSOGoj.js";
+import { K as $ } from "../../chunks/useKitTheme.C7yw6CDw.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/Avatar/index.js

@@ -1,7 +1,7 @@
-import { s as t, K as u } from "../../../chunks/Avatar.B2Q0k3WU.js";
+import { s as t, K as u } from "../../../chunks/Avatar.D0il2_w4.js";
 import { jsx as n } from "react/jsx-runtime";
 import { Avatar as d } from "antd";
-import { u as c } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as c } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import K from "classnames";
 const f = ({ className: a, disabled: s, max: o, ...v }) => {
   var r;

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.C7yw6CDw.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

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { cloneElement as C, useState as y } from "react";
 import { Collapse as E } from "antd";
-import { u as H } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as H } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { FontAwesomeIcon as k } from "@fortawesome/react-fontawesome";
 import { faChevronDown as _, faEye as A, faEllipsisVertical as D } from "@fortawesome/free-solid-svg-icons";
 import T from "classnames";
@@ -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.D5B5-g9M.js";
 export {
   e as KitComment,
   m as KitThread

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

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Empty as p } from "antd";
-import { u as m } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as m } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { KitTypography as C } from "../../General/Typography/index.js";
 import { KitSpace as u } from "../../Layout/Space/index.js";
 import x from "classnames";

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

@@ -1,8 +1,8 @@
 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 p } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as w } from "../../../chunks/useKitLocale.DD7mnAZn.js";
+import { u as p } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { KitTypography as M } from "../../General/Typography/index.js";
 import { KitSpace as g } from "../../Layout/Space/index.js";
 import f from "classnames";

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

@@ -1,8 +1,8 @@
 import { jsxs as u, jsx as o } from "react/jsx-runtime";
 import d from "classnames";
-import { t as D, u as m } from "../../../chunks/useEllipsisTooltip.B54ayHK8.js";
-import { u as E } from "../../../chunks/useKitTheme.BdeSOGoj.js";
-import { K as N } from "../../../chunks/Avatar.B2Q0k3WU.js";
+import { t as D, u as m } from "../../../chunks/useEllipsisTooltip.L5G7alX3.js";
+import { u as E } from "../../../chunks/useKitTheme.C7yw6CDw.js";
+import { K as N } from "../../../chunks/Avatar.D0il2_w4.js";
 import { KitTooltip as h } from "../Tooltip/index.js";
 import { T as g } from "../../../chunks/constants.CctH0M4n.js";
 import '../../../assets/index2.css';const C = {

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

@@ -3,8 +3,8 @@ 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 j } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as _ } from "../../../chunks/useKitLocale.DD7mnAZn.js";
+import { u as j } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import '../../../assets/index3.css';const m = {
   "kit-image": "_kit-image_t5juo_2",
   "mask-container": "_mask-container_t5juo_23"

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

@@ -5,14 +5,14 @@ import { KitTypography as w } from "../../General/Typography/index.js";
 import { KitCheckbox as Z } from "../../DataEntry/Checkbox/index.js";
 import { KitSwitch as G } from "../../DataEntry/Switch/index.js";
 import { KitBreadcrumb as ii } from "../../Navigation/Breadcrumb/index.js";
-import { u as ti } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as ti } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { KitTag as ei } from "../Tag/index.js";
 import { KitButton as B } from "../../General/Button/index.js";
 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

@@ -4,11 +4,11 @@ import { KitCheckbox as J } from "../../DataEntry/Checkbox/index.js";
 import { KitIdCard as M } from "../IdCard/index.js";
 import { KitButton as d } from "../../General/Button/index.js";
 import { KitDropDown as N } from "../../Navigation/DropDown/index.js";
-import { u as Q } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as Q } from "../../../chunks/useKitTheme.C7yw6CDw.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

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as d, Fragment as D } from "react/jsx-runtime";
 import T from "classnames";
 import { forwardRef as x } from "react";
-import { u as F } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as F } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { FontAwesomeIcon as f } from "@fortawesome/react-fontawesome";
 import { faEllipsis as A, faArrowRight as E } from "@fortawesome/free-solid-svg-icons";
 import { KitIcon as C } from "../../General/Icon/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/Table/index.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as O, useMemo as y } from "react";
 import { Table as N } from "antd";
 import I from "classnames";
-import { u as U } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as U } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { F as g } from "../../../chunks/constants.CctH0M4n.js";
 import { KitIcon as j } from "../../General/Icon/index.js";
 import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";

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

@@ -1,13 +1,13 @@
 import { jsxs as _, Fragment as A, jsx as l } from "react/jsx-runtime";
 import { useRef as F, useState as R, useLayoutEffect as G } from "react";
-import { u as H } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as H } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import O from "classnames";
 import { KitButton as B } from "../../General/Button/index.js";
 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

@@ -2,13 +2,13 @@ import { jsx as t, Fragment as C, jsxs as K } from "react/jsx-runtime";
 import { forwardRef as B, useState as G, useRef as W, useLayoutEffect as U } from "react";
 import D from "classnames";
 import { Tag as z } from "antd";
-import { u as S } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as S } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { FontAwesomeIcon as M } from "@fortawesome/react-fontawesome";
 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/Tour/index.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { Tour as p } from "antd";
-import { u as e } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as e } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import i from "classnames";
 const f = ({ rootClassName: o, ...r }) => {
   const { appId: t } = e(), m = i(t, o);

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

@@ -1,10 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Tree as c } from "antd";
-import { u as p } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as p } from "../../../chunks/useKitTheme.C7yw6CDw.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/AutoComplete/index.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as O, useState as b, useRef as j } from "react";
 import { AutoComplete as B } from "antd";
 import { KitInput as M } from "../Input/index.js";
-import { K as S } from "../../../chunks/InputWrapper.D7QArlvo.js";
+import { K as S } from "../../../chunks/InputWrapper.Ckc5loyB.js";
 import { FontAwesomeIcon as W } from "@fortawesome/react-fontawesome";
 import { faMagnifyingGlass as q } from "@fortawesome/free-solid-svg-icons";
 import z from "classnames";

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

@@ -2,11 +2,11 @@ import { jsx as o } from "react/jsx-runtime";
 import { memo as P, createContext as p, forwardRef as O, useContext as R, useState as w, useEffect as I, useRef as ee } from "react";
 import $ from "classnames";
 import { Checkbox as le } from "antd";
-import { u as ae } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as ae } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import ne from "rc-util/es/omit";
 import { ConfigContext as ce } from "antd/es/config-provider/";
 import te from "antd/es/checkbox/style";
-import { K as ue } from "../../../chunks/InputWrapper.D7QArlvo.js";
+import { K as ue } from "../../../chunks/InputWrapper.Ckc5loyB.js";
 import '../../../assets/index30.css';const j = p(null), ie = ({ defaultValue: f, children: v, options: l = [], prefixCls: b, className: a, wrapperClassName: x, status: g, rootClassName: i, style: c, onChange: d, label: h, helper: r, required: s, actions: D, extra: k, ...n }, E) => {
   const { getPrefixCls: T, direction: W } = R(ce), [m, K] = w(n.value || f || []), [q, S] = w([]);
   I(() => {

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

@@ -1,12 +1,12 @@
 import { forwardRef as Z, useRef as V, useState as h, useEffect as K, useImperativeHandle as oo, createElement as to } from "react";
 import { jsxs as ro, jsx as s } from "react/jsx-runtime";
-import { K as eo } from "../../../chunks/InputWrapper.D7QArlvo.js";
-import { u as io } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { K as eo } from "../../../chunks/InputWrapper.Ckc5loyB.js";
+import { u as io } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 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.Ckc5loyB.js";
+import { u as Y } from "../../../chunks/useKitTheme.C7yw6CDw.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/Filter/index.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as N, createElement as K, useRef as _, useState as T, useEffect as B } from "react";
 import { KitDropDown as C } from "../../Navigation/DropDown/index.js";
 import D from "classnames";
-import { u as x } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as x } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { FontAwesomeIcon as F } from "@fortawesome/react-fontawesome";
 import { faCaretDown as I } from "@fortawesome/free-solid-svg-icons";
 import { KitBadge as L } from "../../DataDisplay/Badge/index.js";

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.Ckc5loyB.js";
+import { u as N } from "../../../chunks/useKitTheme.C7yw6CDw.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/InputNumber/index.js

@@ -1,8 +1,8 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as x, useState as w } from "react";
 import { InputNumber as g } from "antd";
-import { K as j } from "../../../chunks/InputWrapper.D7QArlvo.js";
-import { u as y } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { K as j } from "../../../chunks/InputWrapper.Ckc5loyB.js";
+import { u as y } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import H from "classnames";
 import '../../../assets/index6.css';const R = {
   "kit-input-number": "_kit-input-number_1e65d_2"

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

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

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

@@ -6,8 +6,8 @@ import { ConfigContext as U } from "antd/es/config-provider/";
 import X from "antd/es/config-provider/SizeContext";
 import Y from "rc-util/es/pickAttrs";
 import { Radio as Z } from "antd";
-import { u as ee } from "../../../chunks/useKitTheme.BdeSOGoj.js";
-import { K as ae } from "../../../chunks/InputWrapper.D7QArlvo.js";
+import { u as ee } from "../../../chunks/useKitTheme.C7yw6CDw.js";
+import { K as ae } from "../../../chunks/InputWrapper.Ckc5loyB.js";
 import te from "antd/es/radio/style";
 import '../../../assets/index39.css';const K = O(null), re = K.Provider, oe = {
   "kit-radio": "_kit-radio_agroh_12"

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

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as k, useMemo as v } from "react";
 import { Rate as x } from "antd";
-import { u as C } from "../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as C } from "../../../chunks/useKitTheme.C7yw6CDw.js";
 import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
 import { faStar as S } from "@fortawesome/free-solid-svg-icons";
 import { faStarHalfStroke as R, faStar as p } from "@fortawesome/free-regular-svg-icons";

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

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import h from "classnames";
-import { u as s } from "../../../../chunks/useKitTheme.BdeSOGoj.js";
+import { u as s } from "../../../../chunks/useKitTheme.C7yw6CDw.js";
 import '../../../../assets/index20.css';const d = {
   "kit-rich-text-editor-content-character-count": "_kit-rich-text-editor-content-character-count_6w3ub_2"
 }, p = ({ editor: c, status: t, maxLength: r }) => {