mada-design-system 0.9.1 → 1.0.0

package/index.es145.js

@@ -1,9 +1,193 @@
-import { isValid as e } from "./index.es248.js";
-import { parse as i } from "./index.es146.js";
-function m(r, t, a) {
-  return e(i(r, t, /* @__PURE__ */ new Date(), a));
+import * as t from "react";
+var Me = Object.defineProperty, xe = Object.defineProperties, ke = Object.getOwnPropertyDescriptors, J = Object.getOwnPropertySymbols, fe = Object.prototype.hasOwnProperty, me = Object.prototype.propertyIsEnumerable, de = (r, a, l) => a in r ? Me(r, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : r[a] = l, Re = (r, a) => {
+  for (var l in a || (a = {})) fe.call(a, l) && de(r, l, a[l]);
+  if (J) for (var l of J(a)) me.call(a, l) && de(r, l, a[l]);
+  return r;
+}, Te = (r, a) => xe(r, ke(a)), De = (r, a) => {
+  var l = {};
+  for (var c in r) fe.call(r, c) && a.indexOf(c) < 0 && (l[c] = r[c]);
+  if (r != null && J) for (var c of J(r)) a.indexOf(c) < 0 && me.call(r, c) && (l[c] = r[c]);
+  return l;
+};
+function Oe(r) {
+  let a = setTimeout(r, 0), l = setTimeout(r, 10), c = setTimeout(r, 50);
+  return [a, l, c];
+}
+function We(r) {
+  let a = t.useRef();
+  return t.useEffect(() => {
+    a.current = r;
+  }), a.current;
+}
+var Ae = 18, ve = 40, Be = `${ve}px`, je = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
+function Ie({ containerRef: r, inputRef: a, pushPasswordManagerStrategy: l, isFocused: c }) {
+  let [M, p] = t.useState(!1), [_, x] = t.useState(!1), [W, F] = t.useState(!1), H = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && M && _, [M, _, l]), A = t.useCallback(() => {
+    let m = r.current, y = a.current;
+    if (!m || !y || W || l === "none") return;
+    let g = m, E = g.getBoundingClientRect().left + g.offsetWidth, B = g.getBoundingClientRect().top + g.offsetHeight / 2, i = E - Ae, L = B;
+    document.querySelectorAll(je).length === 0 && document.elementFromPoint(i, L) === m || (p(!0), F(!0));
+  }, [r, a, W, l]);
+  return t.useEffect(() => {
+    let m = r.current;
+    if (!m || l === "none") return;
+    function y() {
+      let E = window.innerWidth - m.getBoundingClientRect().right;
+      x(E >= ve);
+    }
+    y();
+    let g = setInterval(y, 1e3);
+    return () => {
+      clearInterval(g);
+    };
+  }, [r, l]), t.useEffect(() => {
+    let m = c || document.activeElement === a.current;
+    if (l === "none" || !m) return;
+    let y = setTimeout(A, 0), g = setTimeout(A, 2e3), E = setTimeout(A, 5e3), B = setTimeout(() => {
+      F(!0);
+    }, 6e3);
+    return () => {
+      clearTimeout(y), clearTimeout(g), clearTimeout(E), clearTimeout(B);
+    };
+  }, [a, c, l, A]), { hasPWMBadge: M, willPushPWMBadge: H, PWM_BADGE_SPACE_WIDTH: Be };
+}
+var _e = t.createContext({}), Fe = t.forwardRef((r, a) => {
+  var l = r, { value: c, onChange: M, maxLength: p, textAlign: _ = "left", pattern: x, placeholder: W, inputMode: F = "numeric", onComplete: H, pushPasswordManagerStrategy: A = "increase-width", pasteTransformer: m, containerClassName: y, noScriptCSSFallback: g = He, render: E, children: B } = l, i = De(l, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, ee, te, ne, re;
+  let [he, ge] = t.useState(typeof i.defaultValue == "string" ? i.defaultValue : ""), u = c ?? he, k = We(u), $ = t.useCallback((e) => {
+    M == null || M(e), ge(e);
+  }, [M]), w = t.useMemo(() => x ? typeof x == "string" ? new RegExp(x) : x : null, [x]), s = t.useRef(null), K = t.useRef(null), Q = t.useRef({ value: u, onChange: $, isIOS: typeof window < "u" && ((ee = (L = window == null ? void 0 : window.CSS) == null ? void 0 : L.supports) == null ? void 0 : ee.call(L, "-webkit-touch-callout", "none")) }), q = t.useRef({ prev: [(te = s.current) == null ? void 0 : te.selectionStart, (ne = s.current) == null ? void 0 : ne.selectionEnd, (re = s.current) == null ? void 0 : re.selectionDirection] });
+  t.useImperativeHandle(a, () => s.current, []), t.useEffect(() => {
+    let e = s.current, n = K.current;
+    if (!e || !n) return;
+    Q.current.value !== e.value && Q.current.onChange(e.value), q.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
+    function d() {
+      if (document.activeElement !== e) {
+        N(null), z(null);
+        return;
+      }
+      let o = e.selectionStart, f = e.selectionEnd, Z = e.selectionDirection, b = e.maxLength, T = e.value, S = q.current.prev, P = -1, C = -1, D;
+      if (T.length !== 0 && o !== null && f !== null) {
+        let ye = o === f, Pe = o === T.length && T.length < b;
+        if (ye && !Pe) {
+          let O = o;
+          if (O === 0) P = 0, C = 1, D = "forward";
+          else if (O === b) P = O - 1, C = O, D = "backward";
+          else if (b > 1 && T.length > 1) {
+            let Y = 0;
+            if (S[0] !== null && S[1] !== null) {
+              D = O < S[1] ? "backward" : "forward";
+              let Ce = S[0] === S[1] && S[0] < b;
+              D === "backward" && !Ce && (Y = -1);
+            }
+            P = Y + O, C = Y + O + 1;
+          }
+        }
+        P !== -1 && C !== -1 && P !== C && s.current.setSelectionRange(P, C, D);
+      }
+      let ce = P !== -1 ? P : o, pe = C !== -1 ? C : f, Se = D ?? Z;
+      N(ce), z(pe), q.current.prev = [ce, pe, Se];
+    }
+    if (document.addEventListener("selectionchange", d, { capture: !0 }), d(), document.activeElement === e && U(!0), !document.getElementById("input-otp-style")) {
+      let o = document.createElement("style");
+      if (o.id = "input-otp-style", document.head.appendChild(o), o.sheet) {
+        let f = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
+        V(o.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), V(o.sheet, `[data-input-otp]:autofill { ${f} }`), V(o.sheet, `[data-input-otp]:-webkit-autofill { ${f} }`), V(o.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), V(o.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
+      }
+    }
+    let v = () => {
+      n && n.style.setProperty("--root-height", `${e.clientHeight}px`);
+    };
+    v();
+    let h = new ResizeObserver(v);
+    return h.observe(e), () => {
+      document.removeEventListener("selectionchange", d, { capture: !0 }), h.disconnect();
+    };
+  }, []);
+  let [le, ae] = t.useState(!1), [G, U] = t.useState(!1), [R, N] = t.useState(null), [j, z] = t.useState(null);
+  t.useEffect(() => {
+    Oe(() => {
+      var e, n, d, v;
+      (e = s.current) == null || e.dispatchEvent(new Event("input"));
+      let h = (n = s.current) == null ? void 0 : n.selectionStart, o = (d = s.current) == null ? void 0 : d.selectionEnd, f = (v = s.current) == null ? void 0 : v.selectionDirection;
+      h !== null && o !== null && (N(h), z(o), q.current.prev = [h, o, f]);
+    });
+  }, [u, G]), t.useEffect(() => {
+    k !== void 0 && u !== k && k.length < p && u.length === p && (H == null || H(u));
+  }, [p, H, k, u]);
+  let I = Ie({ containerRef: K, inputRef: s, pushPasswordManagerStrategy: A, isFocused: G }), oe = t.useCallback((e) => {
+    let n = e.currentTarget.value.slice(0, p);
+    if (n.length > 0 && w && !w.test(n)) {
+      e.preventDefault();
+      return;
+    }
+    typeof k == "string" && n.length < k.length && document.dispatchEvent(new Event("selectionchange")), $(n);
+  }, [p, $, k, w]), ie = t.useCallback(() => {
+    var e;
+    if (s.current) {
+      let n = Math.min(s.current.value.length, p - 1), d = s.current.value.length;
+      (e = s.current) == null || e.setSelectionRange(n, d), N(n), z(d);
+    }
+    U(!0);
+  }, [p]), ue = t.useCallback((e) => {
+    var n, d;
+    let v = s.current;
+    if (!m && (!Q.current.isIOS || !e.clipboardData || !v)) return;
+    let h = e.clipboardData.getData("text/plain"), o = m ? m(h) : h;
+    e.preventDefault();
+    let f = (n = s.current) == null ? void 0 : n.selectionStart, Z = (d = s.current) == null ? void 0 : d.selectionEnd, b = (f !== Z ? u.slice(0, f) + o + u.slice(Z) : u.slice(0, f) + o + u.slice(f)).slice(0, p);
+    if (b.length > 0 && w && !w.test(b)) return;
+    v.value = b, $(b);
+    let T = Math.min(b.length, p - 1), S = b.length;
+    v.setSelectionRange(T, S), N(T), z(S);
+  }, [p, $, w, u]), be = t.useMemo(() => ({ position: "relative", cursor: i.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [i.disabled]), se = t.useMemo(() => ({ position: "absolute", inset: 0, width: I.willPushPWMBadge ? `calc(100% + ${I.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: I.willPushPWMBadge ? `inset(0 ${I.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: _, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [I.PWM_BADGE_SPACE_WIDTH, I.willPushPWMBadge, _]), we = t.useMemo(() => t.createElement("input", Te(Re({ autoComplete: i.autoComplete || "one-time-code" }, i), { "data-input-otp": !0, "data-input-otp-placeholder-shown": u.length === 0 || void 0, "data-input-otp-mss": R, "data-input-otp-mse": j, inputMode: F, pattern: w == null ? void 0 : w.source, "aria-placeholder": W, style: se, maxLength: p, value: u, ref: s, onPaste: (e) => {
+    var n;
+    ue(e), (n = i.onPaste) == null || n.call(i, e);
+  }, onChange: oe, onMouseOver: (e) => {
+    var n;
+    ae(!0), (n = i.onMouseOver) == null || n.call(i, e);
+  }, onMouseLeave: (e) => {
+    var n;
+    ae(!1), (n = i.onMouseLeave) == null || n.call(i, e);
+  }, onFocus: (e) => {
+    var n;
+    ie(), (n = i.onFocus) == null || n.call(i, e);
+  }, onBlur: (e) => {
+    var n;
+    U(!1), (n = i.onBlur) == null || n.call(i, e);
+  } })), [oe, ie, ue, F, se, p, j, R, i, w == null ? void 0 : w.source, u]), X = t.useMemo(() => ({ slots: Array.from({ length: p }).map((e, n) => {
+    var d;
+    let v = G && R !== null && j !== null && (R === j && n === R || n >= R && n < j), h = u[n] !== void 0 ? u[n] : null, o = u[0] !== void 0 ? null : (d = W == null ? void 0 : W[n]) != null ? d : null;
+    return { char: h, placeholderChar: o, isActive: v, hasFakeCaret: v && h === null };
+  }), isFocused: G, isHovering: !i.disabled && le }), [G, le, p, j, R, i.disabled, u]), Ee = t.useMemo(() => E ? E(X) : t.createElement(_e.Provider, { value: X }, B), [B, X, E]);
+  return t.createElement(t.Fragment, null, g !== null && t.createElement("noscript", null, t.createElement("style", null, g)), t.createElement("div", { ref: K, "data-input-otp-container": !0, style: be, className: y }, Ee, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, we)));
+});
+Fe.displayName = "Input";
+function V(r, a) {
+  try {
+    r.insertRule(a);
+  } catch {
+  }
+}
+var He = `
+[data-input-otp] {
+  --nojs-bg: white !important;
+  --nojs-fg: black !important;
+
+  background-color: var(--nojs-bg) !important;
+  color: var(--nojs-fg) !important;
+  caret-color: var(--nojs-fg) !important;
+  letter-spacing: .25em !important;
+  text-align: center !important;
+  border: 1px solid var(--nojs-fg) !important;
+  border-radius: 4px !important;
+  width: 100% !important;
 }
+@media (prefers-color-scheme: dark) {
+  [data-input-otp] {
+    --nojs-bg: black !important;
+    --nojs-fg: white !important;
+  }
+}`;
 export {
-  m as default,
-  m as isMatch
+  Fe as OTPInput,
+  _e as OTPInputContext
 };

package/index.es146.js

@@ -1,90 +1,7 @@
-import { longFormatters as W } from "./index.es246.js";
-import { isProtectedWeekYearToken as L, warnOrThrowProtectedError as b, isProtectedDayOfYearToken as j } from "./index.es247.js";
-import { constructFrom as q } from "./index.es237.js";
-import { getDefaultOptions as v } from "./index.es251.js";
-import { toDate as A } from "./index.es238.js";
-import { DateTimezoneSetter as z } from "./index.es262.js";
-import { parsers as Q } from "./index.es263.js";
-import { enUS as H } from "./index.es144.js";
-const I = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, K = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, M = /^'([^]*?)'?$/, U = /''/g, Z = /\S/, B = /[a-zA-Z]/;
-function te(a, i, f, e) {
-  var w, d, T, O, y, E, R, x;
-  const c = () => q((e == null ? void 0 : e.in) || f, NaN), l = v(), m = (e == null ? void 0 : e.locale) ?? l.locale ?? H, F = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((d = (w = e == null ? void 0 : e.locale) == null ? void 0 : w.options) == null ? void 0 : d.firstWeekContainsDate) ?? l.firstWeekContainsDate ?? ((O = (T = l.locale) == null ? void 0 : T.options) == null ? void 0 : O.firstWeekContainsDate) ?? 1, $ = (e == null ? void 0 : e.weekStartsOn) ?? ((E = (y = e == null ? void 0 : e.locale) == null ? void 0 : y.options) == null ? void 0 : E.weekStartsOn) ?? l.weekStartsOn ?? ((x = (R = l.locale) == null ? void 0 : R.options) == null ? void 0 : x.weekStartsOn) ?? 0;
-  if (!i)
-    return a ? c() : A(f, e == null ? void 0 : e.in);
-  const u = {
-    firstWeekContainsDate: F,
-    weekStartsOn: $,
-    locale: m
-  }, k = [new z(e == null ? void 0 : e.in, f)], Y = i.match(K).map((r) => {
-    const t = r[0];
-    if (t in W) {
-      const n = W[t];
-      return n(r, m.formatLong);
-    }
-    return r;
-  }).join("").match(I), g = [];
-  for (let r of Y) {
-    !(e != null && e.useAdditionalWeekYearTokens) && L(r) && b(r, i, a), !(e != null && e.useAdditionalDayOfYearTokens) && j(r) && b(r, i, a);
-    const t = r[0], n = Q[t];
-    if (n) {
-      const { incompatibleTokens: D } = n;
-      if (Array.isArray(D)) {
-        const C = g.find(
-          (P) => D.includes(P.token) || P.token === t
-        );
-        if (C)
-          throw new RangeError(
-            `The format string mustn't contain \`${C.fullToken}\` and \`${r}\` at the same time`
-          );
-      } else if (n.incompatibleTokens === "*" && g.length > 0)
-        throw new RangeError(
-          `The format string mustn't contain \`${r}\` and any other token at the same time`
-        );
-      g.push({ token: t, fullToken: r });
-      const h = n.run(
-        a,
-        r,
-        m.match,
-        u
-      );
-      if (!h)
-        return c();
-      k.push(h.setter), a = h.rest;
-    } else {
-      if (t.match(B))
-        throw new RangeError(
-          "Format string contains an unescaped latin alphabet character `" + t + "`"
-        );
-      if (r === "''" ? r = "'" : t === "'" && (r = G(r)), a.indexOf(r) === 0)
-        a = a.slice(r.length);
-      else
-        return c();
-    }
-  }
-  if (a.length > 0 && Z.test(a))
-    return c();
-  const N = k.map((r) => r.priority).sort((r, t) => t - r).filter((r, t, n) => n.indexOf(r) === t).map(
-    (r) => k.filter((t) => t.priority === r).sort((t, n) => n.subPriority - t.subPriority)
-  ).map((r) => r[0]);
-  let s = A(f, e == null ? void 0 : e.in);
-  if (isNaN(+s))
-    return c();
-  const o = {};
-  for (const r of N) {
-    if (!r.validate(s, u))
-      return c();
-    const t = r.set(s, o, u);
-    Array.isArray(t) ? (s = t[0], Object.assign(o, t[1])) : s = t;
-  }
-  return s;
-}
-function G(a) {
-  return a.match(M)[1].replace(U, "'");
-}
+import e from "./index.es208.js";
+const H = e("Menu", [
+  ["path", { d: "M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z", key: "b3k1b" }]
+]);
 export {
-  te as default,
-  W as longFormatters,
-  te as parse,
-  Q as parsers
+  H as default
 };

package/index.es147.js

@@ -1,21 +1,13 @@
-import { formatDistance as o } from "./index.es269.js";
-import { formatLong as t } from "./index.es270.js";
-import { formatRelative as a } from "./index.es271.js";
-import { localize as r } from "./index.es272.js";
-import { match as m } from "./index.es273.js";
-const s = {
-  code: "ar-SA",
-  formatDistance: o,
-  formatLong: t,
-  formatRelative: a,
-  localize: r,
-  match: m,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
-  }
-};
+import o from "./index.es208.js";
+const e = o("KeyboardArrowDown", [
+  [
+    "path",
+    {
+      d: "M7.41 8.29492L12 12.8749L16.59 8.29492L18 9.70492L12 15.7049L6 9.70492L7.41 8.29492Z",
+      key: "1q2iou"
+    }
+  ]
+]);
 export {
-  s as arSA,
-  s as default
+  e as default
 };

package/index.es148.js

@@ -1,13 +1,13 @@
-import L from "./index.es194.js";
-const o = L("UploadFile", [
+import C from "./index.es208.js";
+const M = C("Language", [
   [
     "path",
     {
-      d: "M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8L14 2ZM18 20H6V4H13V9H18V20ZM8 15.01L9.41 16.42L11 14.84V19H13V14.84L14.59 16.43L16 15.01L12.01 11L8 15.01Z",
-      key: "nx6z3b"
+      d: "M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44C16.43 5.07 17.96 6.35 18.92 8ZM12 4.04C12.83 5.24 13.48 6.57 13.91 8H10.09C10.52 6.57 11.17 5.24 12 4.04ZM4.26 14C4.1 13.36 4 12.69 4 12C4 11.31 4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12C7.5 12.68 7.56 13.34 7.64 14H4.26ZM5.08 16H8.03C8.35 17.25 8.81 18.45 9.41 19.56C7.57 18.93 6.04 17.66 5.08 16ZM8.03 8H5.08C6.04 6.34 7.57 5.07 9.41 4.44C8.81 5.55 8.35 6.75 8.03 8ZM12 19.96C11.17 18.76 10.52 17.43 10.09 16H13.91C13.48 17.43 12.83 18.76 12 19.96ZM14.34 14H9.66C9.57 13.34 9.5 12.68 9.5 12C9.5 11.32 9.57 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12C14.5 12.68 14.43 13.34 14.34 14ZM14.59 19.56C15.19 18.45 15.65 17.25 15.97 16H18.92C17.96 17.65 16.43 18.93 14.59 19.56ZM16.36 14C16.44 13.34 16.5 12.68 16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.69 19.9 13.36 19.74 14H16.36Z",
+      key: "jipxan"
     }
   ]
 ]);
 export {
-  o as default
+  M as default
 };

package/index.es149.js

@@ -1,10 +1,10 @@
-import e from "./index.es194.js";
-const c = e("CheckCircle", [
+import e from "./index.es208.js";
+const c = e("AccessTime", [
   [
     "path",
     {
-      d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z",
-      key: "9n2e8g"
+      d: "M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM12.5 7H11V13L16.25 16.15L17 14.92L12.5 12.25V7Z",
+      key: "1m56z5"
     }
   ]
 ]);

package/index.es15.js

@@ -1,5 +1,162 @@
-const r = ({ other: e, children: l, shouldRender: n }) => n ? l : e ?? null;
+import { jsxs as o, jsx as e, Fragment as T } from "react/jsx-runtime";
+import { useVirtualizer as _ } from "./index.es125.js";
+import h, { useMemo as L, useEffect as $ } from "react";
+import { useToggle as A } from "./index.es113.js";
+import { strings as k } from "./index.es95.js";
+import D from "./index.es3.js";
+import { ShouldRender as y } from "./index.es19.js";
+import { Badge as G } from "./index.es25.js";
+import { Button as j } from "./index.es27.js";
+import { Checkbox as q } from "./index.es31.js";
+import { Command as H, CommandInput as J, CommandList as K, CommandEmpty as Q, CommandGroup as U, CommandItem as W } from "./index.es33.js";
+import { Popover as X, PopoverTrigger as Y, PopoverContent as Z } from "./index.es65.js";
+import { selectVariants as B } from "./index.es71.js";
+import { debounce as V, cn as ee } from "./index.es94.js";
+import re from "./index.es111.js";
+function ve({
+  placeholder: l,
+  options: r,
+  selectedValues: a,
+  onChange: c,
+  disabled: g,
+  size: s = "default",
+  dataTestId: d = "",
+  rounded: u = "default",
+  variant: x = "outline",
+  colors: v = "default",
+  isLoading: n = !1,
+  className: f,
+  checkboxSize: b = "default",
+  threshold: N = 1,
+  showSelectButton: i,
+  selectButtonTitle: F
+}) {
+  var I;
+  const [C, S] = A(!1), [R, w] = h.useState(""), [M, E] = h.useState(""), [z, p] = h.useState(a), P = L(() => V((t) => w(t), 300), []), O = L(() => r.filter((t) => t.label.toLowerCase().includes(R.toLowerCase())), [r, R]), m = C && i ? z : a;
+  return $(() => {
+    p(a);
+  }, [a]), /* @__PURE__ */ o(
+    X,
+    {
+      open: C,
+      onOpenChange: () => {
+        S(), C || (E(""), w(""), i && p(a));
+      },
+      children: [
+        /* @__PURE__ */ e(Y, { asChild: !0, disabled: g, "data-testid": d, children: /* @__PURE__ */ o("button", { className: ee(B({ variant: x, colors: v, size: s, rounded: u }), f), children: [
+          /* @__PURE__ */ e("span", { className: "shrink-0 text-body-01 text-form-field-text-placeholder ", children: l }),
+          (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ e(T, { children: m.length > N ? /* @__PURE__ */ e("label", { className: "ms-auto flex size-space-05 shrink-0 items-center justify-center rounded-full  bg-inverted text-caption-01 text-inverted-foreground", children: m.length }) : (I = r == null ? void 0 : r.filter((t) => m.includes(t.value))) == null ? void 0 : I.map((t) => /* @__PURE__ */ e(G, { colors: "gray", variant: "ghost", size: "sm", className: "ms-auto", children: t.label }, t.value)) }),
+          n ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(
+            re,
+            {
+              className: "size-[20px]  shrink-0  transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180",
+              "aria-hidden": !0
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ e(
+          Z,
+          {
+            className: "min-h-space-07 min-w-[var(--radix-popover-trigger-width)] p-space-00   max-md:max-w-[var(--radix-popper-available-width)]",
+            align: "start",
+            children: /* @__PURE__ */ o(H, { className: "w-full", shouldFilter: !1, children: [
+              /* @__PURE__ */ o("div", { className: "p-space-02", children: [
+                /* @__PURE__ */ e(y, { shouldRender: (r == null ? void 0 : r.length) > 7, children: /* @__PURE__ */ e(
+                  J,
+                  {
+                    placeholder: l,
+                    value: M,
+                    onValueChange: (t) => {
+                      E(t), P(t);
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ o(K, { children: [
+                  /* @__PURE__ */ e(Q, { className: "my-auto text-center", children: k.Shared.NoDataFound }),
+                  /* @__PURE__ */ e(
+                    ae,
+                    {
+                      options: O,
+                      dataTestId: d,
+                      selectedValues: i ? z : a,
+                      onChange: i ? p : c,
+                      checkboxSize: b
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ e(y, { shouldRender: !!(a != null && a.length) || i, children: /* @__PURE__ */ o("div", { className: "flex items-center gap-space-04 border-t border-t-border bg-background px-space-04 py-space-02", children: [
+                /* @__PURE__ */ e(
+                  j,
+                  {
+                    colors: "neutral",
+                    variant: "text",
+                    size: "sm",
+                    onClick: () => {
+                      c([]), p([]), i || S();
+                    },
+                    className: "flex-1",
+                    children: k.Shared.reset
+                  }
+                ),
+                /* @__PURE__ */ e(y, { shouldRender: i, children: /* @__PURE__ */ e(
+                  j,
+                  {
+                    type: "button",
+                    colors: "primary",
+                    size: "sm",
+                    onClick: () => {
+                      c(z), S();
+                    },
+                    className: "flex-1",
+                    children: F ?? k.Shared.Select
+                  }
+                ) })
+              ] }) })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+function ae({
+  options: l,
+  selectedValues: r,
+  dataTestId: a,
+  onChange: c,
+  checkboxSize: g
+}) {
+  var u;
+  const s = h.useRef(null), d = _({
+    count: l.length,
+    getScrollElement: () => s.current,
+    estimateSize: () => 36,
+    // Adjust based on your row height
+    overscan: 10
+    // Improves scroll performance
+  });
+  return /* @__PURE__ */ e(U, { ref: s, className: "overflow-auto", children: (u = d.getVirtualItems()) == null ? void 0 : u.map((x, v) => {
+    const n = l[x.index], f = r == null ? void 0 : r.includes(n.value);
+    return /* @__PURE__ */ o(
+      W,
+      {
+        "data-testid": `${a}-${v}`,
+        className: "flex gap-space-02",
+        onSelect: () => {
+          const b = f ? r.filter((N) => N !== n.value) : [...r, n.value];
+          c(b);
+        },
+        children: [
+          n.icon && /* @__PURE__ */ e(n.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ e("span", { children: n.label }),
+          /* @__PURE__ */ e(q, { className: "ms-auto", checked: f, size: g })
+        ]
+      },
+      n.value
+    );
+  }) });
+}
 export {
-  r as ShouldRender,
-  r as default
+  ve as MultiSelect
 };

package/index.es150.js

@@ -1,13 +1,13 @@
-import o from "./index.es194.js";
-const e = o("Info", [
+import e from "./index.es208.js";
+const c = e("Check", [
   [
     "path",
     {
-      d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z",
-      key: "qo25px"
+      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
+      key: "5stcsf"
     }
   ]
 ]);
 export {
-  e as default
+  c as default
 };

package/index.es151.js

@@ -1,13 +1,21 @@
-import L from "./index.es194.js";
-const a = L("ExpandLess", [
-  [
-    "path",
-    {
-      d: "M12 8.29492L6 14.2949L7.41 15.7049L12 11.1249L16.59 15.7049L18 14.2949L12 8.29492Z",
-      key: "1r3bdh"
-    }
-  ]
-]);
+import { formatDistance as o } from "./index.es351.js";
+import { formatLong as t } from "./index.es352.js";
+import { formatRelative as a } from "./index.es353.js";
+import { localize as r } from "./index.es354.js";
+import { match as m } from "./index.es355.js";
+const s = {
+  code: "ar-SA",
+  formatDistance: o,
+  formatLong: t,
+  formatRelative: a,
+  localize: r,
+  match: m,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
 export {
-  a as default
+  s as arSA,
+  s as default
 };

package/index.es152.js

@@ -1,13 +1,9 @@
-import L from "./index.es194.js";
-const C = L("HighlightOff", [
-  [
-    "path",
-    {
-      d: "M14.59 8L12 10.59L9.41 8L8 9.41L10.59 12L8 14.59L9.41 16L12 13.41L14.59 16L16 14.59L13.41 12L16 9.41L14.59 8ZM12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z",
-      key: "pd71to"
-    }
-  ]
-]);
+import { isValid as e } from "./index.es247.js";
+import { parse as i } from "./index.es153.js";
+function m(r, t, a) {
+  return e(i(r, t, /* @__PURE__ */ new Date(), a));
+}
 export {
-  C as default
+  m as default,
+  m as isMatch
 };