mimir-ui-kit 1.37.18 → 1.38.0

package/dist/components/Dropdown/Dropdown.js

@@ -0,0 +1,333 @@
+import { jsx as le, jsxs as Ae, Fragment as Le } from "react/jsx-runtime";
+import { c as ae } from "../../index-DIxK0V-G.js";
+import S, { createContext as te, useState as ne, useContext as oe, useRef as Q, useReducer as Ge, createRef as Pe, useMemo as R, useEffect as se, useId as ie, memo as Ke } from "react";
+import { o as E, u as we, M as ce, W as z, y as V, T as Ue, s as Te, a as q, H as re, $ as je, b as qe, D as ye, I as Je, n as We, c as U } from "../../keyboard-B0lm_zyn.js";
+import { w as Xe } from "../../use-active-press-86hajhdd.js";
+import { n as fe, s as Ze, e as Qe, E as Ve, R as Ye, v as ze, y as et, x as tt, a as nt, b as ot, m as rt, f as lt, d as at, t as ut } from "../../portal-WDFNoIMz.js";
+import { e as st } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { T as pe, s as de } from "../../hidden-DbgtYPOH.js";
+import { c as it, i as Y, u as _e, R as Be, H as Fe, s as ct } from "../../open-closed-CdldUPoq.js";
+import { C as pt } from "../../close-provider-CEutdhG8.js";
+import { r as ke } from "../../bugs-diTMAGNw.js";
+import { b as Se, P as j, F as H, A as dt, h as ft, T as $e } from "../../focus-management-DE4t_lW3.js";
+import '../../assets/Dropdown.css';function vt({ defaultContainers: e = [], portals: n, mainTreeNode: s } = {}) {
+  let P = fe(s), i = E(() => {
+    var c, d;
+    let r = [];
+    for (let o of e) o !== null && (o instanceof HTMLElement ? r.push(o) : "current" in o && o.current instanceof HTMLElement && r.push(o.current));
+    if (n != null && n.current) for (let o of n.current) r.push(o);
+    for (let o of (c = P == null ? void 0 : P.querySelectorAll("html > *, body > *")) != null ? c : []) o !== document.body && o !== document.head && o instanceof HTMLElement && o.id !== "headlessui-portal-root" && (s && (o.contains(s) || o.contains((d = s == null ? void 0 : s.getRootNode()) == null ? void 0 : d.host)) || r.some((y) => o.contains(y)) || r.push(o));
+    return r;
+  });
+  return { resolveContainers: i, contains: E((c) => i().some((d) => d.contains(c))) };
+}
+let Ce = te(null);
+function xe({ children: e, node: n }) {
+  let [s, P] = ne(null), i = Oe(n ?? s);
+  return S.createElement(Ce.Provider, { value: i }, e, i === null && S.createElement(pe, { features: de.Hidden, ref: (c) => {
+    var d, r;
+    if (c) {
+      for (let o of (r = (d = we(c)) == null ? void 0 : d.querySelectorAll("html > *, body > *")) != null ? r : []) if (o !== document.body && o !== document.head && o instanceof HTMLElement && o != null && o.contains(c)) {
+        P(o);
+        break;
+      }
+    }
+  } }));
+}
+function Oe(e = null) {
+  var n;
+  return (n = oe(Ce)) != null ? n : e;
+}
+var D = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(D || {});
+function Me() {
+  let e = Q(0);
+  return Ze(!0, "keydown", (n) => {
+    n.key === "Tab" && (e.current = n.shiftKey ? 1 : 0);
+  }, !0), e;
+}
+var mt = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(mt || {}), bt = ((e) => (e[e.TogglePopover = 0] = "TogglePopover", e[e.ClosePopover = 1] = "ClosePopover", e[e.SetButton = 2] = "SetButton", e[e.SetButtonId = 3] = "SetButtonId", e[e.SetPanel = 4] = "SetPanel", e[e.SetPanelId = 5] = "SetPanelId", e))(bt || {});
+let Pt = { 0: (e) => ({ ...e, popoverState: q(e.popoverState, { 0: 1, 1: 0 }), __demoMode: !1 }), 1(e) {
+  return e.popoverState === 1 ? e : { ...e, popoverState: 1, __demoMode: !1 };
+}, 2(e, n) {
+  return e.button === n.button ? e : { ...e, button: n.button };
+}, 3(e, n) {
+  return e.buttonId === n.buttonId ? e : { ...e, buttonId: n.buttonId };
+}, 4(e, n) {
+  return e.panel === n.panel ? e : { ...e, panel: n.panel };
+}, 5(e, n) {
+  return e.panelId === n.panelId ? e : { ...e, panelId: n.panelId };
+} }, he = te(null);
+he.displayName = "PopoverContext";
+function ve(e) {
+  let n = oe(he);
+  if (n === null) {
+    let s = new Error(`<${e} /> is missing a parent <Popover /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(s, ve), s;
+  }
+  return n;
+}
+let me = te(null);
+me.displayName = "PopoverAPIContext";
+function Ee(e) {
+  let n = oe(me);
+  if (n === null) {
+    let s = new Error(`<${e} /> is missing a parent <Popover /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(s, Ee), s;
+  }
+  return n;
+}
+let ge = te(null);
+ge.displayName = "PopoverGroupContext";
+function Ne() {
+  return oe(ge);
+}
+let be = te(null);
+be.displayName = "PopoverPanelContext";
+function yt() {
+  return oe(be);
+}
+function $t(e, n) {
+  return q(n.type, Pt, e, n);
+}
+let St = "div";
+function ht(e, n) {
+  var s;
+  let { __demoMode: P = !1, ...i } = e, c = Q(null), d = V(n, Ue((u) => {
+    c.current = u;
+  })), r = Q([]), o = Ge($t, { __demoMode: P, popoverState: P ? 0 : 1, buttons: r, button: null, buttonId: null, panel: null, panelId: null, beforePanelSentinel: Pe(), afterPanelSentinel: Pe(), afterButtonSentinel: Pe() }), [{ popoverState: y, button: t, buttonId: g, panel: h, panelId: I, beforePanelSentinel: f, afterPanelSentinel: b, afterButtonSentinel: p }, $] = o, T = fe((s = c.current) != null ? s : t), k = R(() => {
+    if (!t || !h) return !1;
+    for (let _ of document.querySelectorAll("body > *")) if (Number(_ == null ? void 0 : _.contains(t)) ^ Number(_ == null ? void 0 : _.contains(h))) return !0;
+    let u = Se(), l = u.indexOf(t), a = (l + u.length - 1) % u.length, m = (l + 1) % u.length, v = u[a], F = u[m];
+    return !h.contains(v) && !h.contains(F);
+  }, [t, h]), J = Te(g), C = Te(I), W = R(() => ({ buttonId: J, panelId: C, close: () => $({ type: 1 }) }), [J, C, $]), x = Ne(), w = x == null ? void 0 : x.registerPopover, X = E(() => {
+    var u;
+    return (u = x == null ? void 0 : x.isFocusWithinPopoverGroup()) != null ? u : (T == null ? void 0 : T.activeElement) && ((t == null ? void 0 : t.contains(T.activeElement)) || (h == null ? void 0 : h.contains(T.activeElement)));
+  });
+  se(() => w == null ? void 0 : w(W), [w, W]);
+  let [A, B] = Qe(), L = Oe(t), O = vt({ mainTreeNode: L, portals: A, defaultContainers: [t, h] });
+  Ve(T == null ? void 0 : T.defaultView, "focus", (u) => {
+    var l, a, m, v, F, _;
+    u.target !== window && u.target instanceof HTMLElement && y === 0 && (X() || t && h && (O.contains(u.target) || (a = (l = f.current) == null ? void 0 : l.contains) != null && a.call(l, u.target) || (v = (m = b.current) == null ? void 0 : m.contains) != null && v.call(m, u.target) || (_ = (F = p.current) == null ? void 0 : F.contains) != null && _.call(F, u.target) || $({ type: 1 })));
+  }, !0), Ye(y === 0, O.resolveContainers, (u, l) => {
+    $({ type: 1 }), dt(l, ft.Loose) || (u.preventDefault(), t == null || t.focus());
+  });
+  let M = E((u) => {
+    $({ type: 1 });
+    let l = u ? u instanceof HTMLElement ? u : "current" in u && u.current instanceof HTMLElement ? u.current : t : t;
+    l == null || l.focus();
+  }), Z = R(() => ({ close: M, isPortalled: k }), [M, k]), ee = R(() => ({ open: y === 0, close: M }), [y, M]), G = { ref: d };
+  return S.createElement(xe, { node: L }, S.createElement(ze, null, S.createElement(be.Provider, { value: null }, S.createElement(he.Provider, { value: o }, S.createElement(me.Provider, { value: Z }, S.createElement(pt, { value: M }, S.createElement(it, { value: q(y, { 0: Y.Open, 1: Y.Closed }) }, S.createElement(B, null, re({ ourProps: G, theirProps: i, slot: ee, defaultTag: St, name: "Popover" })))))))));
+}
+let Et = "button";
+function gt(e, n) {
+  let s = ie(), { id: P = `headlessui-popover-button-${s}`, disabled: i = !1, autoFocus: c = !1, ...d } = e, [r, o] = ve("Popover.Button"), { isPortalled: y } = Ee("Popover.Button"), t = Q(null), g = `headlessui-focus-sentinel-${ie()}`, h = Ne(), I = h == null ? void 0 : h.closeOthers, f = yt() !== null;
+  se(() => {
+    if (!f) return o({ type: 3, buttonId: P }), () => {
+      o({ type: 3, buttonId: null });
+    };
+  }, [f, P, o]);
+  let [b] = ne(() => Symbol()), p = V(t, n, et(), E((l) => {
+    if (!f) {
+      if (l) r.buttons.current.push(b);
+      else {
+        let a = r.buttons.current.indexOf(b);
+        a !== -1 && r.buttons.current.splice(a, 1);
+      }
+      r.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), l && o({ type: 2, button: l });
+    }
+  })), $ = V(t, n), T = fe(t), k = E((l) => {
+    var a, m, v;
+    if (f) {
+      if (r.popoverState === 1) return;
+      switch (l.key) {
+        case U.Space:
+        case U.Enter:
+          l.preventDefault(), (m = (a = l.target).click) == null || m.call(a), o({ type: 1 }), (v = r.button) == null || v.focus();
+          break;
+      }
+    } else switch (l.key) {
+      case U.Space:
+      case U.Enter:
+        l.preventDefault(), l.stopPropagation(), r.popoverState === 1 && (I == null || I(r.buttonId)), o({ type: 0 });
+        break;
+      case U.Escape:
+        if (r.popoverState !== 0) return I == null ? void 0 : I(r.buttonId);
+        if (!t.current || T != null && T.activeElement && !t.current.contains(T.activeElement)) return;
+        l.preventDefault(), l.stopPropagation(), o({ type: 1 });
+        break;
+    }
+  }), J = E((l) => {
+    f || l.key === U.Space && l.preventDefault();
+  }), C = E((l) => {
+    var a, m;
+    ke(l.currentTarget) || i || (f ? (o({ type: 1 }), (a = r.button) == null || a.focus()) : (l.preventDefault(), l.stopPropagation(), r.popoverState === 1 && (I == null || I(r.buttonId)), o({ type: 0 }), (m = r.button) == null || m.focus()));
+  }), W = E((l) => {
+    l.preventDefault(), l.stopPropagation();
+  }), { isFocusVisible: x, focusProps: w } = je({ autoFocus: c }), { isHovered: X, hoverProps: A } = qe({ isDisabled: i }), { pressed: B, pressProps: L } = Xe({ disabled: i }), O = r.popoverState === 0, M = R(() => ({ open: O, active: B || O, disabled: i, hover: X, focus: x, autofocus: c }), [O, X, x, B, i, c]), Z = st(e, r.button), ee = f ? ye({ ref: $, type: Z, onKeyDown: k, onClick: C, disabled: i || void 0, autoFocus: c }, w, A, L) : ye({ ref: p, id: r.buttonId, type: Z, "aria-expanded": r.popoverState === 0, "aria-controls": r.panel ? r.panelId : void 0, disabled: i || void 0, autoFocus: c, onKeyDown: k, onKeyUp: J, onClick: C, onMouseDown: W }, w, A, L), G = Me(), u = E(() => {
+    let l = r.panel;
+    if (!l) return;
+    function a() {
+      q(G.current, { [D.Forwards]: () => j(l, H.First), [D.Backwards]: () => j(l, H.Last) }) === $e.Error && j(Se().filter((m) => m.dataset.headlessuiFocusGuard !== "true"), q(G.current, { [D.Forwards]: H.Next, [D.Backwards]: H.Previous }), { relativeTo: r.button });
+    }
+    a();
+  });
+  return S.createElement(S.Fragment, null, re({ ourProps: ee, theirProps: d, slot: M, defaultTag: Et, name: "Popover.Button" }), O && !f && y && S.createElement(pe, { id: g, ref: r.afterButtonSentinel, features: de.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: u }));
+}
+let It = "div", Tt = ce.RenderStrategy | ce.Static;
+function Re(e, n) {
+  let s = ie(), { id: P = `headlessui-popover-backdrop-${s}`, transition: i = !1, ...c } = e, [{ popoverState: d }, r] = ve("Popover.Backdrop"), [o, y] = ne(null), t = V(n, y), g = _e(), [h, I] = Be(i, o, g !== null ? (g & Y.Open) === Y.Open : d === 0), f = E(($) => {
+    if (ke($.currentTarget)) return $.preventDefault();
+    r({ type: 1 });
+  }), b = R(() => ({ open: d === 0 }), [d]), p = { ref: t, id: P, "aria-hidden": !0, onClick: f, ...Fe(I) };
+  return re({ ourProps: p, theirProps: c, slot: b, defaultTag: It, features: Tt, visible: h, name: "Popover.Backdrop" });
+}
+let wt = "div", _t = ce.RenderStrategy | ce.Static;
+function Bt(e, n) {
+  let s = ie(), { id: P = `headlessui-popover-panel-${s}`, focus: i = !1, anchor: c, portal: d = !1, modal: r = !1, transition: o = !1, ...y } = e, [t, g] = ve("Popover.Panel"), { close: h, isPortalled: I } = Ee("Popover.Panel"), f = `headlessui-focus-sentinel-before-${s}`, b = `headlessui-focus-sentinel-after-${s}`, p = Q(null), $ = tt(c), [T, k] = nt($), J = ot();
+  $ && (d = !0);
+  let [C, W] = ne(null), x = V(p, n, $ ? T : null, E((a) => g({ type: 4, panel: a })), W), w = fe(p), X = Je();
+  We(() => (g({ type: 5, panelId: P }), () => {
+    g({ type: 5, panelId: null });
+  }), [P, g]);
+  let A = _e(), [B, L] = Be(o, C, A !== null ? (A & Y.Open) === Y.Open : t.popoverState === 0);
+  rt(B, t.button, () => {
+    g({ type: 1 });
+  });
+  let O = t.__demoMode ? !1 : r && B;
+  lt(O, w);
+  let M = E((a) => {
+    var m;
+    switch (a.key) {
+      case U.Escape:
+        if (t.popoverState !== 0 || !p.current || w != null && w.activeElement && !p.current.contains(w.activeElement)) return;
+        a.preventDefault(), a.stopPropagation(), g({ type: 1 }), (m = t.button) == null || m.focus();
+        break;
+    }
+  });
+  se(() => {
+    var a;
+    e.static || t.popoverState === 1 && ((a = e.unmount) == null || a) && g({ type: 4, panel: null });
+  }, [t.popoverState, e.unmount, e.static, g]), se(() => {
+    if (t.__demoMode || !i || t.popoverState !== 0 || !p.current) return;
+    let a = w == null ? void 0 : w.activeElement;
+    p.current.contains(a) || j(p.current, H.First);
+  }, [t.__demoMode, i, p.current, t.popoverState]);
+  let Z = R(() => ({ open: t.popoverState === 0, close: h }), [t.popoverState, h]), ee = ye($ ? J() : {}, { ref: x, id: P, onKeyDown: M, onBlur: i && t.popoverState === 0 ? (a) => {
+    var m, v, F, _, K;
+    let N = a.relatedTarget;
+    N && p.current && ((m = p.current) != null && m.contains(N) || (g({ type: 1 }), ((F = (v = t.beforePanelSentinel.current) == null ? void 0 : v.contains) != null && F.call(v, N) || (K = (_ = t.afterPanelSentinel.current) == null ? void 0 : _.contains) != null && K.call(_, N)) && N.focus({ preventScroll: !0 })));
+  } : void 0, tabIndex: -1, style: { ...y.style, ...k, "--button-width": at(t.button, !0).width }, ...Fe(L) }), G = Me(), u = E(() => {
+    let a = p.current;
+    if (!a) return;
+    function m() {
+      q(G.current, { [D.Forwards]: () => {
+        var v;
+        j(a, H.First) === $e.Error && ((v = t.afterPanelSentinel.current) == null || v.focus());
+      }, [D.Backwards]: () => {
+        var v;
+        (v = t.button) == null || v.focus({ preventScroll: !0 });
+      } });
+    }
+    m();
+  }), l = E(() => {
+    let a = p.current;
+    if (!a) return;
+    function m() {
+      q(G.current, { [D.Forwards]: () => {
+        if (!t.button) return;
+        let v = Se(), F = v.indexOf(t.button), _ = v.slice(0, F + 1), K = [...v.slice(F + 1), ..._];
+        for (let N of K.slice()) if (N.dataset.headlessuiFocusGuard === "true" || C != null && C.contains(N)) {
+          let Ie = K.indexOf(N);
+          Ie !== -1 && K.splice(Ie, 1);
+        }
+        j(K, H.First, { sorted: !1 });
+      }, [D.Backwards]: () => {
+        var v;
+        j(a, H.Previous) === $e.Error && ((v = t.button) == null || v.focus());
+      } });
+    }
+    m();
+  });
+  return S.createElement(ct, null, S.createElement(be.Provider, { value: P }, S.createElement(me.Provider, { value: { close: h, isPortalled: I } }, S.createElement(ut, { enabled: d ? e.static || B : !1 }, B && I && S.createElement(pe, { id: f, ref: t.beforePanelSentinel, features: de.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: u }), re({ mergeRefs: X, ourProps: ee, theirProps: y, slot: Z, defaultTag: wt, features: _t, visible: B, name: "Popover.Panel" }), B && I && S.createElement(pe, { id: b, ref: t.afterPanelSentinel, features: de.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: l })))));
+}
+let Ft = "div";
+function kt(e, n) {
+  let s = Q(null), P = V(s, n), [i, c] = ne([]), d = E((f) => {
+    c((b) => {
+      let p = b.indexOf(f);
+      if (p !== -1) {
+        let $ = b.slice();
+        return $.splice(p, 1), $;
+      }
+      return b;
+    });
+  }), r = E((f) => (c((b) => [...b, f]), () => d(f))), o = E(() => {
+    var f;
+    let b = we(s);
+    if (!b) return !1;
+    let p = b.activeElement;
+    return (f = s.current) != null && f.contains(p) ? !0 : i.some(($) => {
+      var T, k;
+      return ((T = b.getElementById($.buttonId.current)) == null ? void 0 : T.contains(p)) || ((k = b.getElementById($.panelId.current)) == null ? void 0 : k.contains(p));
+    });
+  }), y = E((f) => {
+    for (let b of i) b.buttonId.current !== f && b.close();
+  }), t = R(() => ({ registerPopover: r, unregisterPopover: d, isFocusWithinPopoverGroup: o, closeOthers: y }), [r, d, o, y]), g = R(() => ({}), []), h = e, I = { ref: P };
+  return S.createElement(xe, null, S.createElement(ge.Provider, { value: t }, re({ ourProps: I, theirProps: h, slot: g, defaultTag: Ft, name: "Popover.Group" })));
+}
+let Ct = z(ht), De = z(gt), xt = z(Re), Ot = z(Re), He = z(Bt), Mt = z(kt), Nt = Object.assign(Ct, { Button: De, Backdrop: Ot, Overlay: xt, Panel: He, Group: Mt });
+const Rt = "_menu_1tfih_3", ue = {
+  menu: Rt,
+  "menu-button": "_menu-button_1tfih_6",
+  "menu-items": "_menu-items_1tfih_11",
+  "menu-items-container": "_menu-items-container_1tfih_22"
+}, Zt = 300, Qt = Ke(
+  ({
+    children: e,
+    position: n = "bottom end",
+    popoverProps: s,
+    className: P,
+    buttonClassName: i,
+    panelClassName: c,
+    menuItemsClassName: d,
+    buttonContent: r
+  }) => /* @__PURE__ */ le(
+    Nt,
+    {
+      as: "div",
+      className: ae(ue.menu, P),
+      ...s,
+      children: ({ close: o }) => /* @__PURE__ */ Ae(Le, { children: [
+        /* @__PURE__ */ le(
+          De,
+          {
+            onClick: (y) => y == null ? void 0 : y.stopPropagation(),
+            className: ae(ue["menu-button"], i),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ le(
+          He,
+          {
+            anchor: n,
+            className: ae(ue["menu-items"], c),
+            children: /* @__PURE__ */ le(
+              "div",
+              {
+                className: ae(
+                  ue["menu-items-container"],
+                  d
+                ),
+                children: typeof e == "function" ? e({ close: o }) : e
+              }
+            )
+          }
+        )
+      ] })
+    }
+  )
+);
+export {
+  Zt as ANIMATION_DELAY,
+  Qt as Dropdown
+};

package/dist/components/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export { Dropdown } from './Dropdown';

package/dist/components/Dropdown/index.js

@@ -0,0 +1,4 @@
+import { Dropdown as p } from "./Dropdown.js";
+export {
+  p as Dropdown
+};

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -1,15 +1,15 @@
-import { jsxs as b, jsx as o, Fragment as j } from "react/jsx-runtime";
+import { jsxs as b, jsx as o, Fragment as P } from "react/jsx-runtime";
 import { c as r } from "../../index-DIxK0V-G.js";
-import { forwardRef as ce, useRef as P, useState as E, useEffect as L, useMemo as ae } from "react";
+import { forwardRef as ce, useRef as F, useState as E, useEffect as L, useMemo as ae } from "react";
 import { EMultiSelectSearchSize as O } from "./constants.js";
-import { getInitialInputValue as F, MULTISELECT_OPEN_EVENT as G, mapSizeToInputSize as U, getDropdownArrowIcon as ue, dispatchMultiselectOpen as I, joinSelectedItems as H } from "./utils.js";
+import { getInitialInputValue as j, MULTISELECT_OPEN_EVENT as G, mapSizeToInputSize as U, getDropdownArrowIcon as ue, dispatchMultiselectOpen as I, joinSelectedItems as W } from "./utils.js";
 import { Icon as de } from "../../icons/Icon.js";
 import { Button as pe } from "../Button/Button.js";
 import { CheckboxMimir as me } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as _e } from "../Chip/Chip.js";
-import { I as J } from "../../Input-BYrIS5GU.js";
+import { I as H } from "../../Input-BYrIS5GU.js";
 import { EInputVariant as he } from "../Input/constants.js";
-import { H as fe, U as K, G as W, K as ke, j as qe } from "../../combobox-BpYucpxz.js";
+import { H as fe, U as J, G as K, K as ke, W as qe } from "../../combobox-CVtJDVoZ.js";
 import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve = "_container_17kql_9", be = "_full_17kql_27", Ie = "_button_17kql_39", we = "_options_17kql_53", Ne = "_top_17kql_64", Ce = "_bottom_17kql_69", Se = "_m_17kql_2", Me = "_l_17kql_111", Ee = "_focused_17kql_129", Le = "_option_17kql_53", Oe = "_chip_17kql_158", Te = "_clear_17kql_183", t = {
   "multi-select-search": "_multi-select-search_17kql_2",
   disabled: ge,
@@ -64,13 +64,13 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
       disableInput: f = !1,
       autocomplete: z = "on",
       id: m = `multiselect-${Math.random().toString(36).slice(2, 11)}`
-    } = $, S = P(null), _ = P(null), [k, h] = E(!1), [q, g] = E(
-      () => F(u, p)
+    } = $, S = F(null), _ = F(null), [k, h] = E(!1), [q, g] = E(
+      () => j(u, p)
     ), [l, v] = E(
       u || []
     );
     L(() => {
-      u && (v(u), JSON.stringify(u) !== JSON.stringify(l) && g(F(u, p)));
+      u && (v(u), JSON.stringify(u) !== JSON.stringify(l) && g(j(u, p)));
     }, [u, p, l]);
     const V = ae(() => {
       var n;
@@ -81,7 +81,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
       );
     }, [x, d, q, l]), ne = (e) => {
       v(e), s == null || s(e);
-      const n = H(e, p);
+      const n = W(e, p);
       g(n), h(!0), I(m), setTimeout(() => {
         if (_.current) {
           _.current.focus(), _.current.scrollLeft = _.current.scrollWidth;
@@ -101,7 +101,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
       const n = l.filter(
         (a) => a.id !== e.id
       );
-      v(n), s == null || s(n), g(H(n, p));
+      v(n), s == null || s(n), g(W(n, p));
     }, B = () => {
       const e = !k;
       h(e), e && I(m);
@@ -160,15 +160,15 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
               children: [
                 f && /* @__PURE__ */ b("div", { className: t["input-container"], children: [
                   /* @__PURE__ */ o(
-                    K,
+                    J,
                     {
                       disabled: c,
                       style: { width: "100%" },
                       onClick: B,
                       children: /* @__PURE__ */ o(
-                        W,
+                        K,
                         {
-                          as: J,
+                          as: H,
                           label: T,
                           size: U(i),
                           className: r(t["multi-select-input"], {
@@ -212,9 +212,9 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
                   )
                 ] }),
                 !f && /* @__PURE__ */ o(
-                  W,
+                  K,
                   {
-                    as: J,
+                    as: H,
                     label: T,
                     size: U(i),
                     className: t["multi-select-input"],
@@ -233,7 +233,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
                     rightAddon: {
                       addonType: "react-node",
                       addonContent: Y && /* @__PURE__ */ o(
-                        K,
+                        J,
                         {
                           className: r(t.button, {
                             [t.disabled]: c
@@ -257,7 +257,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
                     ...D
                   }
                 ),
-                k && /* @__PURE__ */ o(j, { children: d.length ? V.length ? /* @__PURE__ */ o(
+                k && /* @__PURE__ */ o(P, { children: d.length ? V.length ? /* @__PURE__ */ o(
                   ke,
                   {
                     className: r(
@@ -279,7 +279,7 @@ import '../../assets/MultiSelectSearch.css';const ge = "_disabled_17kql_5", ve =
                             [t["option-active"]]: n
                           }
                         ),
-                        children: /* @__PURE__ */ b(j, { children: [
+                        children: /* @__PURE__ */ b(P, { children: [
                           /* @__PURE__ */ b("div", { className: t["option-inner"], children: [
                             e.name,
                             e.bottom && /* @__PURE__ */ o("div", { children: e.bottom })

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,10 +1,10 @@
 import { jsxs as ee, jsx as L, Fragment as _e } from "react/jsx-runtime";
-import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-D4GFpe5F.js";
-import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-mgWkd2Vh.js";
+import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-y3ANLTNC.js";
+import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-B0lm_zyn.js";
 import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as Fe, useContext as pe, forwardRef as Ne } from "react";
 import { u as Ae } from "../../use-by-comparator-CVuf9KBq.js";
 import { r as fe } from "../../bugs-diTMAGNw.js";
-import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-DOYCPyGg.js";
+import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-DE4t_lW3.js";
 import { c as M } from "../../index-DIxK0V-G.js";
 import '../../assets/RadioGroup.css';var Se = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Se || {});
 let Le = { 0(e, r) {

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,13 +1,13 @@
 import { jsx as a, jsxs as u, Fragment as z } from "react/jsx-runtime";
 import { c } from "../../index-DIxK0V-G.js";
-import { forwardRef as U, useState as D, useMemo as R, useCallback as $, useEffect as J } from "react";
+import { forwardRef as U, useState as D, useMemo as W, useCallback as R, useEffect as $ } from "react";
 import { ESelectSearchSize as v } from "./constants.js";
-import { mapSizeToInputSize as j, getDropdownArrowIcon as Q } from "./utils.js";
-import { Icon as A } from "../../icons/Icon.js";
-import { Button as W } from "../Button/Button.js";
-import { I as O } from "../../Input-BYrIS5GU.js";
+import { mapSizeToInputSize as A, getDropdownArrowIcon as J } from "./utils.js";
+import { Icon as O } from "../../icons/Icon.js";
+import { Button as Q } from "../Button/Button.js";
+import { I as B } from "../../Input-BYrIS5GU.js";
 import { EInputVariant as X } from "../Input/constants.js";
-import { H as Y, U as B, G as M, K as Z, j as ee } from "../../combobox-BpYucpxz.js";
+import { H as Y, U as M, G as j, K as Z, W as ee } from "../../combobox-CVtJDVoZ.js";
 import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_container_5nqc2_13", ne = "_full_5nqc2_28", se = "_button_5nqc2_40", ae = "_options_5nqc2_54", ie = "_top_5nqc2_65", ce = "_bottom_5nqc2_71", le = "_m_5nqc2_98", re = "_l_5nqc2_113", de = "_option_5nqc2_54", pe = "_clear_5nqc2_167", e = {
   "select-search": "_select-search_5nqc2_2",
   disabled: te,
@@ -55,11 +55,11 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
       disableInput: r = !1,
       autocomplete: y = "on",
       immediate: P = !1
-    } = E, q = String((n == null ? void 0 : n[G]) || ""), [d, m] = D(q), [N, h] = D(n), k = R(() => !C || n && (n.id || n.name) ? p : d.trim().toLowerCase() ? p.filter(
+    } = E, q = String((n == null ? void 0 : n[G]) || ""), [d, m] = D(q), [N, h] = D(n), k = W(() => !C || n && (n.id || n.name) ? p : d.trim().toLowerCase() ? p.filter(
       (o) => o.name.toLowerCase().includes(d.toLowerCase())
     ) : p, [d, p, n, C]), T = (o) => {
       o ? (m(o.name), h(o), s == null || s(o)) : (m(""), h(null), s == null || s({ id: "", name: "" }));
-    }, x = $(
+    }, x = R(
       (o) => {
         if (r) return;
         const t = o.target.value;
@@ -69,7 +69,7 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
     ), H = () => {
       m(""), h(null), s == null || s({ id: "", name: "" });
     };
-    return J(() => {
+    return $(() => {
       const o = !n || typeof n == "object" && !Object.keys(n).length;
       m(o ? "" : q), h(o ? null : n);
     }, [n, q]), /* @__PURE__ */ a(
@@ -95,12 +95,12 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
               }),
               children: [
                 r && /* @__PURE__ */ u("div", { style: { position: "relative", width: "100%" }, children: [
-                  /* @__PURE__ */ a(B, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ a(
-                    M,
+                  /* @__PURE__ */ a(M, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ a(
+                    j,
                     {
-                      as: O,
+                      as: B,
                       label: g,
-                      size: j(i),
+                      size: A(i),
                       className: c(e["select-input"], {
                         [e["select-input-disabled"]]: r && b
                       }),
@@ -116,14 +116,14 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
                       },
                       rightAddon: {
                         addonType: "icon",
-                        addonContent: Q(o, i)
+                        addonContent: J(o, i)
                       },
                       autocomplete: y,
                       ...S
                     }
                   ) }),
                   b && d && /* @__PURE__ */ a(
-                    W,
+                    Q,
                     {
                       tabIndex: -1,
                       className: c(e.clear, {
@@ -144,11 +144,11 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
                   )
                 ] }),
                 !r && /* @__PURE__ */ a(
-                  M,
+                  j,
                   {
-                    as: O,
+                    as: B,
                     label: g,
-                    size: j(i),
+                    size: A(i),
                     className: e["select-input"],
                     onChange: x,
                     value: d,
@@ -161,14 +161,14 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
                     rightAddon: w ? {
                       addonType: "react-node",
                       addonContent: w && /* @__PURE__ */ a(
-                        B,
+                        M,
                         {
                           className: c(e.button, {
                             [e.disabled]: l
                           }),
                           disabled: l,
                           children: /* @__PURE__ */ a(
-                            A,
+                            O,
                             {
                               iconName: i == v.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
                               className: c(e["selector-icon"], {
@@ -217,7 +217,7 @@ import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_co
                       t.bottom && /* @__PURE__ */ a("div", { children: t.bottom })
                     ] }),
                     N && N.id === t.id && /* @__PURE__ */ a(
-                      A,
+                      O,
                       {
                         iconName: i === v.M ? "Done16px" : "Done24px",
                         className: e["selected-icon"]

package/dist/components/Switcher/Switcher.js

@@ -1,9 +1,9 @@
 import { jsxs as L, jsx as N } from "react/jsx-runtime";
-import { H as te } from "../../field-C1kt7aNM.js";
-import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-D4GFpe5F.js";
-import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-mgWkd2Vh.js";
+import { H as te } from "../../field-FJ34aSs4.js";
+import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-y3ANLTNC.js";
+import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-B0lm_zyn.js";
 import u, { createContext as $e, useState as x, useMemo as G, useId as ge, useContext as ve, useRef as ke, useCallback as xe, Fragment as ye, forwardRef as Pe } from "react";
-import { w as Ce } from "../../use-active-press-CqLGIFz7.js";
+import { w as Ce } from "../../use-active-press-86hajhdd.js";
 import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
 import { r as Fe } from "../../bugs-diTMAGNw.js";
 import { c as g } from "../../index-DIxK0V-G.js";

package/dist/components/TabTrail/TabTrail.js

@@ -6,11 +6,11 @@ import { ETabTrailSize as Ae } from "./constants.js";
 import { TabButtons as Se } from "./TabButtons/TabButtons.js";
 import { ETabTrailButtonVariant as Fe } from "./TabButtons/constants.js";
 import { NotificationBadge as De } from "../NotificationBadge/NotificationBadge.js";
-import { n as W, M as se, W as V, s as j, y as q, o as A, H as z, $ as ce, b as Ne, D as de, a as G, u as Re, c as T, t as Me } from "../../keyboard-mgWkd2Vh.js";
-import { w as Ce } from "../../use-active-press-CqLGIFz7.js";
+import { n as W, M as se, W as V, s as j, y as q, o as A, H as z, $ as ce, b as Ne, D as de, a as G, u as Re, c as T, t as Me } from "../../keyboard-B0lm_zyn.js";
+import { w as Ce } from "../../use-active-press-86hajhdd.js";
 import { e as Le } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { T as pe, s as Oe } from "../../hidden-PvGXrYUY.js";
-import { _ as B, T as J, P as N, F as I } from "../../focus-management-DOYCPyGg.js";
+import { T as pe, s as Oe } from "../../hidden-DbgtYPOH.js";
+import { _ as B, T as J, P as N, F as I } from "../../focus-management-DE4t_lW3.js";
 import '../../assets/TabTrail.css';function Be() {
   let e = U(!1);
   return W(() => (e.current = !0, () => {

package/dist/components/index.d.ts

@@ -19,6 +19,7 @@ export { Loader } from './Loader';
 export { Slider, EProgressBarPosition } from './Slider';
 export { Drawer } from './Drawer';
 export { EDrawerPosition } from './Drawer';
+export { Dropdown } from './Dropdown';
 export { Steps, EStepsSize, EStepColor, type TCommonStepsProps } from './Steps';
 export { Vote, EVoteSize, type TCommonVoteProps, type TProps } from './Vote';
 export { SelectSearch, ESelectSearchSize } from './SelectSearch';