aristid-ds 14.0.0-de91d79 → 14.0.0-e09fce2

package/CHANGELOG.md

@@ -38,6 +38,8 @@
 -   **InputNumber**:
     -   Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
     -   Add `readonly` property whith a render similar to disabled state (@philippechevieux)
+-   **SearchInput**:
+    -   Add component SearchInput  (@baloche)
 -   **SidePanel**:
     -   Add opening and closing animations (@philippechevieux)
     -   Add `l` size (@7Remy)
@@ -52,6 +54,8 @@
     -   Add support for ReactNode in `title` and `descriptions` props to allow custom rendering (@philippechevieux)
 -   **Tabs:**
     -   Add `xsmall` size (@florianSimonAristid)
+-   **Tag:**
+    -   Add `small` size (@florianSimonAristid)
 -   **All components with a DropDown:**
     -   All components using a dropdown inside a `SidePanel` component, will render the dropdown inside the `SidePanel`, to avoid issues with the `closeOnOutsideClick` property of `SidePanel` (@evoiron)
 -   **Snackbar**
@@ -82,10 +86,6 @@
 -   **Filter**:
     -   Update `With custom Action` exemple implementation (@philippechevieux)
 
-### 🔐 Security
-
--   Update `color-string` to `2.1.2`(@philippechevieux)
-
 ## [14.0.0](https://www.npmjs.com/package/aristid-ds/v/14.0.0) (2025-05-20)
 
 ### ✨ Features

package/dist/Kit/App/index.js

@@ -1,21 +1,21 @@
-import "../../assets/index29.css";
+import "../../assets/index30.css";
 import { jsx as n, jsxs as f, Fragment as h } from "react/jsx-runtime";
 import { useState as u, useLayoutEffect as L, useRef as S, useEffect as P } from "react";
 import { ConfigProvider as C } from "antd";
-import { I as b } from "../../chunks/SnackBarProvider.hc5vyNRJ.js";
+import { K as b } from "../../chunks/SnackBarProvider.wBpPNyLk.js";
 import { toCssVariables as g, uuid as y } from "../../utils/functions/index.js";
 import a from "lodash/merge";
 import { Style as m } from "react-style-tag";
 import { K as E } from "../../chunks/useKitTheme.KSAU-Pdv.js";
 import { KitAristidThemeGeneral as l } from "../../theme/aristid/general/index.js";
-import { antdThemeConfig as I } from "../../theme/utils/tokens-mapper/index.js";
+import { antdThemeConfig as T } from "../../theme/utils/tokens-mapper/index.js";
 import { frFR as d } from "../../translation/fr-FR/index.js";
-import { enUS as T } from "../../translation/en-US/index.js";
-import { K as $, u as j } from "../../chunks/useKitLocale.96CdK3og.js";
-import { mapKitLocaleToAntdLocale as k } from "../../translation/utils/index.js";
-import { d as x } from "../../chunks/notification-provider.9msrEKBe.js";
+import { enUS as $ } from "../../translation/en-US/index.js";
+import { K as j, u as k } from "../../chunks/useKitLocale.96CdK3og.js";
+import { mapKitLocaleToAntdLocale as x } from "../../translation/utils/index.js";
+import { d as A } from "../../chunks/notification-provider.9msrEKBe.js";
 import { KitEmpty as p } from "../DataDisplay/Empty/index.js";
-const A = "aristid-ds-global", F = (t, e) => {
+const F = "aristid-ds-global", I = (t, e) => {
   const o = g(t);
   return `
         .${e} {
@@ -27,11 +27,11 @@ const A = "aristid-ds-global", F = (t, e) => {
   return L(() => {
     const s = g(l, "--general");
     i(s);
-  }, []), n(E.Provider, { value: { theme: v, appId: c, spacing: K }, children: r !== null && f(h, { children: [n(m, { id: A, hasSourceMap: !1, children: `
+  }, []), n(E.Provider, { value: { theme: v, appId: c, spacing: K }, children: r !== null && f(h, { children: [n(m, { id: F, hasSourceMap: !1, children: `
                             :root {
                                 ${Object.keys(r).map((s) => `${s}: ${r[s]}`).join(";")}
                             }
-                        ` }), e && n(m, { hasSourceMap: !1, children: F(a({ general: { utilities: l.utilities } }, e), c) }), t] }) });
+                        ` }), e && n(m, { hasSourceMap: !1, children: I(a({ general: { utilities: l.utilities } }, e), c) }), t] }) });
 }, _ = (t, e) => {
   var o;
   const r = S(t || "ds-" + y().substring(0, 8)), i = a(l.spacing, (o = e == null ? void 0 : e.general) === null || o === void 0 ? void 0 : o.spacing);
@@ -42,7 +42,7 @@ const A = "aristid-ds-global", F = (t, e) => {
   };
 }, M = ({ children: t }) => {
   const e = N();
-  return n($.Provider, { value: e, children: t });
+  return n(j.Provider, { value: e, children: t });
 }, N = () => {
   const [t, e] = u(d);
   return { locale: t, setKitLocale: (r) => {
@@ -50,18 +50,18 @@ const A = "aristid-ds-global", F = (t, e) => {
       const i = a(d, r);
       e(i);
     } else {
-      const i = a(T, r);
+      const i = a($, r);
       e(i);
     }
   } };
 }, te = ({ children: t, locale: e, customTheme: o, id: r }) => n(R, { customTheme: o, id: r, children: n(M, { children: n(O, { locale: e, children: t }) }) }), O = ({ children: t, locale: e }) => {
-  const { locale: o, setKitLocale: r } = j();
+  const { locale: o, setKitLocale: r } = k();
   return P(() => {
     e !== void 0 && r(e);
-  }, [e, r]), n(C, { theme: I, locale: k(e), renderEmpty: () => {
+  }, [e, r]), n(C, { theme: T, locale: x(e), renderEmpty: () => {
     var i;
     return n(p, { className: "default-render", image: p.ASSET_LIST, description: (i = o.Empty) === null || i === void 0 ? void 0 : i.noData });
-  }, children: f(x, { children: [n(b, {}), t] }) });
+  }, children: f(A, { children: [n(b, {}), t] }) });
 };
 export {
   te as KitApp

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

@@ -1,4 +1,4 @@
-import "../../../assets/index37.css";
+import "../../../assets/index38.css";
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { cloneElement as C, useState as N } from "react";
 import { Collapse as E } from "antd";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index49.css";
+import "../../../assets/index50.css";
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { Empty as p } from "antd";
 import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index48.css";
+import "../../../assets/index49.css";
 import { jsxs as r, jsx as c } from "react/jsx-runtime";
 import { Suspense as v } from "react";
 import { Empty as d } from "antd";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index30.css";
+import "../../../assets/index31.css";
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { useState as b, useEffect as Q, forwardRef as V } from "react";
 import Y from "classnames";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index25.css";
+import "../../../assets/index26.css";
 import { jsx as r, jsxs as d, Fragment as D } from "react/jsx-runtime";
 import T from "classnames";
 import { forwardRef as x } from "react";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index43.css";
+import "../../../assets/index44.css";
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as z, useMemo as k } from "react";
 import { Table as y } from "antd";

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

@@ -1,74 +1,75 @@
-import "../../../assets/index38.css";
-import { jsx as t, Fragment as A, jsxs as W } from "react/jsx-runtime";
-import { forwardRef as D, useState as G, useRef as O, useLayoutEffect as L } from "react";
+import "../../../assets/index39.css";
+import { jsx as t, Fragment as A, jsxs as I } from "react/jsx-runtime";
+import { forwardRef as L, useState as C, useRef as W, useLayoutEffect as z } from "react";
 import E from "classnames";
-import { Tag as z } from "antd";
+import { Tag as P } from "antd";
 import { u as $ } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { FontAwesomeIcon as P } from "@fortawesome/react-fontawesome";
-import { faXmark as X } from "@fortawesome/free-solid-svg-icons";
-import { KitIdCard as j } from "../IdCard/index.js";
-import { N as M, F as R } from "../../../chunks/constants.DINGxt3I.js";
-import { KitModal as U } from "../../Feedback/Modal/index.js";
-import { KitTooltip as V } from "../Tooltip/index.js";
+import { FontAwesomeIcon as X } from "@fortawesome/react-fontawesome";
+import { faXmark as j } from "@fortawesome/free-solid-svg-icons";
+import { KitIdCard as M } from "../IdCard/index.js";
+import { N as R, F as U } from "../../../chunks/constants.DINGxt3I.js";
+import { KitModal as V } from "../../Feedback/Modal/index.js";
+import { KitTooltip as H } from "../Tooltip/index.js";
 import { u as F } from "../../../chunks/useKitLocale.96CdK3og.js";
-const I = {
-  "kit-tag": "_kit-tag_6ocqb_2",
-  "kit-tag-group": "_kit-tag-group_6ocqb_111",
-  "kit-tag-group-measure": "_kit-tag-group-measure_6ocqb_117",
-  "kit-tag-group-container": "_kit-tag-group-container_6ocqb_124"
-}, h = D(({ className: r, closeIcon: s, type: c = "neutral", disabled: i, disableTooltip: a = !1, onClick: p, idCardProps: o, ...d }, u) => {
-  const { appId: b } = $(), _ = E(b, I["kit-tag"], r, {
-    [`kit-tag-${c}`]: c,
-    "kit-tag-disabled": i,
-    "kit-tag-clickable": p
+const G = {
+  "kit-tag": "_kit-tag_7uxgn_2",
+  "kit-tag-group": "_kit-tag-group_7uxgn_120",
+  "kit-tag-group-measure": "_kit-tag-group-measure_7uxgn_126",
+  "kit-tag-group-container": "_kit-tag-group-container_7uxgn_133"
+}, h = L(({ className: r, closeIcon: s, type: u = "neutral", disabled: o, disableTooltip: p = !1, onClick: v, idCardProps: i, size: d = "medium", ...a }, _) => {
+  const { appId: b } = $(), c = E(b, G["kit-tag"], r, {
+    [`kit-tag-${u}`]: u,
+    "kit-tag-disabled": o,
+    "kit-tag-clickable": v,
+    "kit-tag-small": d === "small"
   });
-  return t(z, { tabIndex: i ? M : R, ref: u, ...d, className: _, closeIcon: s ?? t(P, { icon: X }), onClick: p, closable: !!d.onClose, children: t(j, { disabled: i, disableTooltip: a, avatarProps: o != null && o.avatarProps ? { ...o == null ? void 0 : o.avatarProps, size: "xs" } : void 0, description: o == null ? void 0 : o.description }) });
-}), H = ({ tags: r, containerRef: s, measureRef: c, handleCloseTag: i }) => {
-  var a;
-  const [p, o] = G([]), [d, u] = G(0), [b, _] = G(t(A, {})), v = O(null), { locale: T } = F();
-  return L(() => {
-    const K = () => {
-      var k, g, e;
-      const l = s.current, f = c.current;
+  return t(P, { tabIndex: o ? R : U, ref: _, ...a, className: c, closeIcon: s ?? t(X, { icon: j }), onClick: v, closable: !!a.onClose, children: t(M, { disabled: o, disableTooltip: p, avatarProps: i != null && i.avatarProps ? { ...i == null ? void 0 : i.avatarProps, size: "xs" } : void 0, description: i == null ? void 0 : i.description }) });
+}), q = ({ tags: r, containerRef: s, measureRef: u, handleCloseTag: o }) => {
+  var p;
+  const [v, i] = C([]), [d, a] = C(0), [_, b] = C(t(A, {})), c = W(null), { locale: g } = F();
+  return z(() => {
+    const x = () => {
+      var k, T, e;
+      const l = s.current, f = u.current;
       if (!l || !f)
         return;
-      _(W(A, { children: [r.map((n, y) => t(h, { type: n == null ? void 0 : n.type, disabled: n == null ? void 0 : n.disabled, idCardProps: n.idCardProps, onClose: () => {
-        i == null || i(y);
-      } }, y)), t(h, { idCardProps: { description: `+${d} ${(k = T.General) === null || k === void 0 ? void 0 : k.others}` } })] }));
-      const q = l == null ? void 0 : l.clientWidth, w = Array.from(f.children), B = (g = w[w.length - 1]) === null || g === void 0 ? void 0 : g.clientWidth;
-      let x = 0, C = 0;
-      for (let n = 0; n < w.length - 1; n++) {
-        const y = ((e = w[n]) === null || e === void 0 ? void 0 : e.clientWidth) + 8;
-        if (x + y + 8 + (n < r.length - 1 ? B : 0) <= q)
-          x += y, C++;
+      b(I(A, { children: [r.map((n, y) => t(h, { type: n == null ? void 0 : n.type, disabled: n == null ? void 0 : n.disabled, idCardProps: n.idCardProps, onClose: () => {
+        o == null || o(y);
+      } }, y)), t(h, { idCardProps: { description: `+${d} ${(k = g.General) === null || k === void 0 ? void 0 : k.others}` } })] }));
+      const B = l == null ? void 0 : l.clientWidth, N = Array.from(f.children), D = (T = N[N.length - 1]) === null || T === void 0 ? void 0 : T.clientWidth;
+      let O = 0, w = 0;
+      for (let n = 0; n < N.length - 1; n++) {
+        const y = ((e = N[n]) === null || e === void 0 ? void 0 : e.clientWidth) + 8;
+        if (O + y + 8 + (n < r.length - 1 ? D : 0) <= B)
+          O += y, w++;
         else
           break;
       }
-      C < r.length ? (o(r.slice(0, C)), u(r.length - C)) : (o(r), u(0));
+      w < r.length ? (i(r.slice(0, w)), a(r.length - w)) : (i(r), a(0));
     };
     let m;
-    const N = () => {
-      clearTimeout(m), m = setTimeout(K, 100);
+    const K = () => {
+      clearTimeout(m), m = setTimeout(x, 100);
     };
-    return K(), v.current = new ResizeObserver(N), s.current && v.current.observe(s.current), () => {
-      v.current && v.current.disconnect(), clearTimeout(m);
+    return x(), c.current = new ResizeObserver(K), s.current && c.current.observe(s.current), () => {
+      c.current && c.current.disconnect(), clearTimeout(m);
     };
-  }, [s, i, d, (a = T.General) === null || a === void 0 ? void 0 : a.others, c, r]), {
-    measureTags: b,
-    visibleTags: p,
+  }, [s, o, d, (p = g.General) === null || p === void 0 ? void 0 : p.others, u, r]), {
+    measureTags: _,
+    visibleTags: v,
     hiddenCount: d
   };
-}, J = ({ tags: r, style: s, className: c, handleCloseTag: i, othersTagType: a = "neutral", othersTagDisabled: p }) => {
-  var o;
-  const d = O(null), u = O(null), { locale: b } = F(), { appId: _ } = $(), [v, T] = G(!1), { measureTags: K, visibleTags: m, hiddenCount: N } = H({ tags: r, containerRef: d, measureRef: u, handleCloseTag: i }), k = () => r.slice(m.length).map((e, l) => {
+}, J = ({ tags: r, style: s, className: u, handleCloseTag: o, othersTagType: p = "neutral", othersTagDisabled: v }) => {
+  var i;
+  const d = W(null), a = W(null), { locale: _ } = F(), { appId: b } = $(), [c, g] = C(!1), { measureTags: x, visibleTags: m, hiddenCount: K } = q({ tags: r, containerRef: d, measureRef: a, handleCloseTag: o }), k = () => r.slice(m.length).map((e, l) => {
     var f;
     return t("div", { children: (f = e.idCardProps) === null || f === void 0 ? void 0 : f.description }, l);
-  }), g = E(_, I["kit-tag-group"], c);
-  return W("div", { className: I["kit-tag-group-container"], children: [W("div", { ref: d, style: s, className: g, children: [m.map((e, l) => t(h, { type: e == null ? void 0 : e.type, disabled: e == null ? void 0 : e.disabled, idCardProps: e.idCardProps, onClose: i ? () => {
-    i(l);
-  } : void 0 }, l)), N > 0 && t(V, { overlay: k(), children: t(h, { type: a, disabled: p, disableTooltip: !0, idCardProps: { description: `+${N} ${(o = b.General) === null || o === void 0 ? void 0 : o.others}` }, onClick: () => T(!0) }) }), t(U, { isOpen: v, close: () => T(!1), showCloseIcon: !0, title: "Tags", appElement: document.body, children: t("div", { style: { display: "flex", flexWrap: "wrap", rowGap: "8px" }, children: r.map((e, l) => t(h, { id: `tag-${l}`, type: e == null ? void 0 : e.type, disabled: e == null ? void 0 : e.disabled, idCardProps: e.idCardProps, onClose: i ? () => {
-    i(l);
-  } : void 0 }, l)) }) })] }), t("div", { ref: u, className: I["kit-tag-group-measure"], "aria-hidden": "true", children: K })] });
+  }), T = E(b, G["kit-tag-group"], u);
+  return I("div", { className: G["kit-tag-group-container"], children: [I("div", { ref: d, style: s, className: T, children: [m.map((e, l) => t(h, { type: e == null ? void 0 : e.type, disabled: e == null ? void 0 : e.disabled, idCardProps: e.idCardProps, onClose: o ? () => {
+    o(l);
+  } : void 0 }, l)), K > 0 && t(H, { overlay: k(), children: t(h, { type: p, disabled: v, disableTooltip: !0, idCardProps: { description: `+${K} ${(i = _.General) === null || i === void 0 ? void 0 : i.others}` }, onClick: () => g(!0) }) }), t(V, { isOpen: c, close: () => g(!1), showCloseIcon: !0, title: "Tags", appElement: document.body, children: t("div", { style: { display: "flex", flexWrap: "wrap", rowGap: "8px" }, children: r.map((e, l) => t(h, { id: `tag-${l}`, type: e == null ? void 0 : e.type, disabled: e == null ? void 0 : e.disabled, idCardProps: e.idCardProps, onClose: o ? () => {
+    o(l);
+  } : void 0 }, l)) }) })] }), t("div", { ref: a, className: G["kit-tag-group-measure"], "aria-hidden": "true", children: x })] });
 }, Q = J, S = h;
 S.displayName = "KitTag";
 S.Group = Q;

package/dist/Kit/DataDisplay/Tag/types.d.ts

@@ -19,6 +19,7 @@ export interface IKitTag
         avatarProps?: Omit<IKitAvatar, 'size'>;
     };
     type?: KitTagType;
+    size?: 'small' | 'medium';
     disabled?: boolean;
     disableTooltip?: boolean;
     onClose?: TagProps['onClose'];

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

@@ -1,4 +1,4 @@
-import "../../../assets/index11.css";
+import "../../../assets/index12.css";
 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";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index31.css";
+import "../../../assets/index32.css";
 import { jsx as s } from "react/jsx-runtime";
 import { createContext as P, memo as p, forwardRef as O, useContext as R, useState as w, useEffect as I, useRef as ee } from "react";
 import $ from "classnames";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index26.css";
+import "../../../assets/index27.css";
 import { forwardRef as Z, useRef as V, useState as d, useEffect as T, useImperativeHandle as oo, createElement as to } from "react";
 import { jsxs as ro, jsx as l } from "react/jsx-runtime";
 import { K as eo } from "../../../chunks/InputWrapper.hIFFr5AB.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index44.css";
+import "../../../assets/index45.css";
 import { jsxs as A, jsx as e } from "react/jsx-runtime";
 import { forwardRef as W, useRef as T } from "react";
 import { DatePicker as X } from "antd";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index13.css";
+import "../../../assets/index14.css";
 import { jsxs as h, jsx as t } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import N from "classnames";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index39.css";
+import "../../../assets/index40.css";
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as x } from "react";
 import { Input as T } from "antd";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index40.css";
+import "../../../assets/index41.css";
 import { jsx as i } from "react/jsx-runtime";
 import k from "classnames";
 import J from "rc-util/es/hooks/useMergedState";

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

@@ -1,4 +1,4 @@
-import "../../../../assets/index23.css";
+import "../../../../assets/index24.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/FontSizeSelect/index.js

@@ -1,4 +1,4 @@
-import "../../../../../assets/index24.css";
+import "../../../../../assets/index25.css";
 import { jsx as i, Fragment as z, jsxs as _ } from "react/jsx-runtime";
 import { KitTypography as m } from "../../../../General/Typography/index.js";
 import { KitDropDown as w } from "../../../../Navigation/DropDown/index.js";

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

@@ -1,4 +1,4 @@
-import "../../../../../assets/index36.css";
+import "../../../../../assets/index37.css";
 import { jsx as t, jsxs as y, Fragment as S } from "react/jsx-runtime";
 import { faClose as q, faCheck as w, faLink as N } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as _ } from "@fortawesome/react-fontawesome";

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

@@ -1,4 +1,4 @@
-import "../../../../assets/index28.css";
+import "../../../../assets/index29.css";
 import { jsxs as f, Fragment as _, jsx as t } from "react/jsx-runtime";
 import a from "classnames";
 import { u as b } from "../../../../chunks/useKitTheme.KSAU-Pdv.js";

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { KitSearchInputProps } from './types';
+export declare const KitSearchInput: import("react").ForwardRefExoticComponent<KitSearchInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,18 @@
+import "../../../assets/index10.css";
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import s from "classnames";
+import { KitInput as a } from "../Input/index.js";
+import { FontAwesomeIcon as n } from "@fortawesome/react-fontawesome";
+import { faSearch as c } from "@fortawesome/free-solid-svg-icons";
+import { u as f } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+const u = {
+  "kit-search-input": "_kit-search-input_10zl9_2"
+}, h = p(({ className: t, expandable: o, ...i }, e) => {
+  const { appId: m } = f();
+  return r(a, { className: s(m, u["kit-search-input"], t, { expandable: o }), prefix: r(n, { icon: c }), ref: () => e, ...i });
+});
+h.displayName = "SearchInput";
+export {
+  h as KitSearchInput
+};

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

@@ -0,0 +1,5 @@
+import {IKitInput} from '../Input/types';
+
+export interface KitSearchInputProps extends IKitInput {
+    expandable?: boolean;
+}

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

@@ -1,4 +1,4 @@
-import "../../../assets/index12.css";
+import "../../../assets/index13.css";
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import { Slider as d } from "antd";
 import f from "classnames";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index10.css";
+import "../../../assets/index11.css";
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { Switch as m } from "antd";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index45.css";
+import "../../../assets/index46.css";
 import { Upload as f } from "antd";
 import { jsx as e, jsxs as U } from "react/jsx-runtime";
 import { useState as D, useEffect as P, forwardRef as j } from "react";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index32.css";
+import "../../../assets/index33.css";
 import { jsxs as n, Fragment as K, jsx as s } from "react/jsx-runtime";
 import N from "react-hot-toast";
 import b from "classnames";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index14.css";
+import "../../../assets/index15.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 "../../../assets/index41.css";
+import "../../../assets/index42.css";
 import { jsx as o, jsxs as g, Fragment as z } from "react/jsx-runtime";
 import S from "react-modal";
 import { KitSpace as B } from "../../Layout/Space/index.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index46.css";
+import "../../../assets/index47.css";
 import { jsxs as f, jsx as t } from "react/jsx-runtime";
 import { KitTypography as k } from "../../General/Typography/index.js";
 import { u as w } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index47.css";
+import "../../../assets/index48.css";
 import { jsx as a } from "react/jsx-runtime";
 import l from "classnames";
 const t = {

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

@@ -1,5 +1,5 @@
-import "../../../assets/index33.css";
-import { I as _ } from "../../../chunks/SnackBarProvider.hc5vyNRJ.js";
+import "../../../assets/index34.css";
+import { K as _ } from "../../../chunks/SnackBarProvider.wBpPNyLk.js";
 import { jsxs as m, jsx as n, Fragment as x } from "react/jsx-runtime";
 import { toast as v } from "react-hot-toast";
 import { u as A } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
@@ -31,9 +31,9 @@ const j = {
   id: s ?? void 0
 })), c = (i, a) => {
   v.dismiss(a, i ?? "default");
-}, Q = R, W = c, Y = _;
+}, W = R, Y = c, Z = _;
 export {
-  Y as KitSnackBarProvider,
-  W as closeKitSnackBar,
-  Q as openKitSnackBar
+  Z as KitSnackBarProvider,
+  Y as closeKitSnackBar,
+  W as openKitSnackBar
 };

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

@@ -1,4 +1,4 @@
-import "../../../assets/index42.css";
+import "../../../assets/index43.css";
 import { jsxs as K, jsx as r } from "react/jsx-runtime";
 import { forwardRef as C, useState as $, useMemo as S, useEffect as P, cloneElement as U } from "react";
 import X from "@ant-design/icons/LoadingOutlined";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index15.css";
+import "../../../assets/index16.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/index17.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 "../../../assets/index27.css";
+import "../../../assets/index28.css";
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { KitHeader as l } from "../../Navigation/Header/index.js";
 import { KitSideMenu as s } from "../../Navigation/SideMenu/index.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index17.css";
+import "../../../assets/index18.css";
 import { jsx as n } from "react/jsx-runtime";
 import { isValidColor as c, getColor as s } from "../../../utils/functions/index.js";
 import l from "classnames";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index18.css";
+import "../../../assets/index19.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/DropDown/index.js

@@ -1,4 +1,4 @@
-import "../../../assets/index19.css";
+import "../../../assets/index20.css";
 import { jsxs as I, Fragment as w, jsx as c } from "react/jsx-runtime";
 import { useState as m, useRef as h, useEffect as M } from "react";
 import { Dropdown as E } from "antd";

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

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

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

@@ -1,4 +1,4 @@
-import "../../../assets/index20.css";
+import "../../../assets/index21.css";
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { cloneElement as s, useMemo as f } from "react";
 import { KitTypography as g } from "../../General/Typography/index.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index22.css";
+import "../../../assets/index23.css";
 import { jsx as s } from "react/jsx-runtime";
 import { Pagination as p } from "antd";
 import { u as c } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index35.css";
+import "../../../assets/index36.css";
 import { useState as y, useRef as T, useEffect as b, createElement as q } from "react";
 import { jsx as e, jsxs as p, Fragment as G } from "react/jsx-runtime";
 import { u as $ } from "../../../chunks/useKitTheme.KSAU-Pdv.js";

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

@@ -1,4 +1,4 @@
-import "../../../assets/index21.css";
+import "../../../assets/index22.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/index.d.ts

@@ -22,6 +22,7 @@ export { KitInputWrapper } from './DataEntry/InputWrapper';
 export { KitRadio } from './DataEntry/Radio';
 export { KitRate } from './DataEntry/Rate';
 export { KitRichText } from './DataEntry/RichText';
+export { KitSearchInput } from './DataEntry/SearchInput';
 export { KitSelect } from './DataEntry/Select';
 export { KitSwitch } from './DataEntry/Switch';
 export { KitDatePicker } from './DataEntry/DatePicker';