welcome-ui 0.0.0-dev.1761579486298 → 0.0.0-dev.1761661363660

package/dist/SBSPVDDI-CW8jwL0u.js

@@ -0,0 +1,301 @@
+"use client";
+import { e as Y, h as $, g as Ce, c as q, U as xe, _ as G, w as J, d as S, p as Q, a as P, r as X, f as Z, b as ee, A as Se, u as R, ao as Pe, ap as O, j as A, aj as we, l as V, aq as he, ar as Ee, x as ye, O as Te, as as De, v as Re } from "./OE2EFRVA-C3721cM3.js";
+import { createContext as te, useRef as F, useEffect as Oe, useContext as Ae, useCallback as Fe, useMemo as _e } from "react";
+import { u as ke } from "./2W3RN7C5-bkX-rIa3.js";
+import { g as ze } from "./RTNCFSKZ-P4icqVD0.js";
+import { jsx as Ke } from "react/jsx-runtime";
+var w = Y(), Le = w.useContext;
+w.useScopedContext;
+w.useProviderContext;
+var Ne = w.ContextProvider, Be = w.ScopedContextProvider, h = Y(
+  [Ne],
+  [Be]
+), Me = h.useContext;
+h.useScopedContext;
+var at = h.useProviderContext, ut = h.ContextProvider, lt = h.ScopedContextProvider, He = te(
+  void 0
+), Ue = te(
+  void 0
+), je = { id: null };
+function ct(r, n, o = !1) {
+  const t = r.findIndex((u) => u.id === n);
+  return [
+    ...r.slice(t + 1),
+    ...o ? [je] : [],
+    ...r.slice(0, t)
+  ];
+}
+function ft(r, n) {
+  return r.find((o) => !o.disabled);
+}
+function Ve(r, n) {
+  return n && r.item(n) || null;
+}
+function dt(r) {
+  const n = [];
+  for (const o of r) {
+    const t = n.find((u) => {
+      var d;
+      return ((d = u[0]) == null ? void 0 : d.rowId) === o.rowId;
+    });
+    t ? t.push(o) : n.push([o]);
+  }
+  return n;
+}
+function We(r, n = !1) {
+  if ($(r))
+    r.setSelectionRange(
+      n ? r.value.length : 0,
+      r.value.length
+    );
+  else if (r.isContentEditable) {
+    const o = Ce(r).getSelection();
+    o == null || o.selectAllChildren(r), n && (o == null || o.collapseToEnd());
+  }
+}
+var _ = Symbol("FOCUS_SILENTLY");
+function Ye(r) {
+  r[_] = !0, r.focus({ preventScroll: !0 });
+}
+function mt(r) {
+  const n = r[_];
+  return delete r[_], n;
+}
+function re(r, n, o) {
+  return !(!n || n === o || !r.item(n.id));
+}
+var $e = "div", ne = q(
+  function(n) {
+    var o = n, {
+      store: t,
+      shouldRegisterItem: u = !0,
+      getItem: d = xe,
+      element: g
+    } = o, v = G(o, [
+      "store",
+      "shouldRegisterItem",
+      "getItem",
+      // @ts-expect-error This prop may come from a collection renderer.
+      "element"
+    ]);
+    const c = Le();
+    t = t || c;
+    const m = J(v.id), p = F(g);
+    return Oe(() => {
+      const i = p.current;
+      if (!m || !i || !u) return;
+      const b = d({ id: m, element: i });
+      return t == null ? void 0 : t.renderItem(b);
+    }, [m, u, d, t]), v = S(P({}, v), {
+      ref: Q(p, v.ref)
+    }), X(v);
+  }
+);
+Z(function(n) {
+  const o = ne(n);
+  return ee($e, o);
+});
+var qe = "button";
+function Ge(r) {
+  return O(r) ? !0 : r.tagName === "INPUT" && !Te(r);
+}
+function Je(r, n = !1) {
+  const o = r.clientHeight, { top: t } = r.getBoundingClientRect(), u = Math.max(o * 0.875, o - 40) * 1.5, d = n ? o - u + t : u + t;
+  return r.tagName === "HTML" ? d + r.scrollTop : d;
+}
+function Qe(r, n = !1) {
+  const { top: o } = r.getBoundingClientRect();
+  return n ? o + r.clientHeight : o;
+}
+function W(r, n, o, t = !1) {
+  var u;
+  if (!n || !o) return;
+  const { renderedItems: d } = n.getState(), g = De(r);
+  if (!g) return;
+  const v = Je(g, t);
+  let c, m;
+  for (let p = 0; p < d.length; p += 1) {
+    const i = c;
+    if (c = o(p), !c) break;
+    if (c === i) continue;
+    const b = (u = Ve(n, c)) == null ? void 0 : u.element;
+    if (!b) continue;
+    const C = Qe(b, t) - v, l = Math.abs(C);
+    if (t && C <= 0 || !t && C >= 0) {
+      m !== void 0 && m < l && (c = i);
+      break;
+    }
+    m = l;
+  }
+  return c;
+}
+function Xe(r, n) {
+  return A(r) ? !1 : re(n, r.target);
+}
+var Ze = q(
+  function(n) {
+    var o = n, {
+      store: t,
+      rowId: u,
+      preventScrollOnKeyDown: d = !1,
+      moveOnKeyPress: g = !0,
+      tabbable: v = !1,
+      getItem: c,
+      "aria-setsize": m,
+      "aria-posinset": p
+    } = o, i = G(o, [
+      "store",
+      "rowId",
+      "preventScrollOnKeyDown",
+      "moveOnKeyPress",
+      "tabbable",
+      "getItem",
+      "aria-setsize",
+      "aria-posinset"
+    ]);
+    const b = Me();
+    t = t || b;
+    const f = J(i.id), C = F(null), l = Ae(Ue), k = Se(i) && !i.accessibleWhenDisabled, {
+      rowId: y,
+      baseElement: z,
+      isActiveItem: oe,
+      ariaSetSize: ie,
+      ariaPosInSet: se,
+      isTabbable: ae
+    } = ze(t, {
+      rowId(e) {
+        if (u) return u;
+        if (e && l != null && l.baseElement && l.baseElement === e.baseElement)
+          return l.id;
+      },
+      baseElement(e) {
+        return (e == null ? void 0 : e.baseElement) || void 0;
+      },
+      isActiveItem(e) {
+        return !!e && e.activeId === f;
+      },
+      ariaSetSize(e) {
+        if (m != null) return m;
+        if (e && l != null && l.ariaSetSize && l.baseElement === e.baseElement)
+          return l.ariaSetSize;
+      },
+      ariaPosInSet(e) {
+        if (p != null) return p;
+        if (!e || !(l != null && l.ariaPosInSet) || l.baseElement !== e.baseElement) return;
+        const s = e.renderedItems.filter(
+          (a) => a.rowId === y
+        );
+        return l.ariaPosInSet + s.findIndex((a) => a.id === f);
+      },
+      isTabbable(e) {
+        if (!(e != null && e.renderedItems.length)) return !0;
+        if (e.virtualFocus) return !1;
+        if (v) return !0;
+        if (e.activeId === null) return !1;
+        const s = t == null ? void 0 : t.item(e.activeId);
+        return s != null && s.disabled || !(s != null && s.element) ? !0 : e.activeId === f;
+      }
+    }), ue = Fe(
+      (e) => {
+        var s;
+        const a = S(P({}, e), {
+          id: f || e.id,
+          rowId: y,
+          disabled: !!k,
+          children: (s = e.element) == null ? void 0 : s.textContent
+        });
+        return c ? c(a) : a;
+      },
+      [f, y, k, c]
+    ), K = i.onFocus, T = F(!1), le = R((e) => {
+      if (K == null || K(e), e.defaultPrevented || Pe(e) || !f || !t || Xe(e, t)) return;
+      const { virtualFocus: s, baseElement: a } = t.getState();
+      if (t.setActiveId(f), O(e.currentTarget) && We(e.currentTarget), !s || !A(e) || Ge(e.currentTarget) || !(a != null && a.isConnected)) return;
+      we() && e.currentTarget.hasAttribute("data-autofocus") && e.currentTarget.scrollIntoView({
+        block: "nearest",
+        inline: "nearest"
+      }), T.current = !0, e.relatedTarget === a || re(t, e.relatedTarget) ? Ye(a) : a.focus();
+    }), L = i.onBlurCapture, ce = R((e) => {
+      if (L == null || L(e), e.defaultPrevented) return;
+      const s = t == null ? void 0 : t.getState();
+      s != null && s.virtualFocus && T.current && (T.current = !1, e.preventDefault(), e.stopPropagation());
+    }), N = i.onKeyDown, fe = V(d), de = V(g), me = R((e) => {
+      if (N == null || N(e), e.defaultPrevented || !A(e) || !t) return;
+      const { currentTarget: s } = e, a = t.getState(), D = t.item(f), I = !!(D != null && D.rowId), E = a.orientation !== "horizontal", x = a.orientation !== "vertical", M = () => !!(I || x || !a.baseElement || !$(a.baseElement)), H = {
+        ArrowUp: (I || E) && t.up,
+        ArrowRight: (I || x) && t.next,
+        ArrowDown: (I || E) && t.down,
+        ArrowLeft: (I || x) && t.previous,
+        Home: () => {
+          if (M())
+            return !I || e.ctrlKey ? t == null ? void 0 : t.first() : t == null ? void 0 : t.previous(-1);
+        },
+        End: () => {
+          if (M())
+            return !I || e.ctrlKey ? t == null ? void 0 : t.last() : t == null ? void 0 : t.next(-1);
+        },
+        PageUp: () => W(s, t, t == null ? void 0 : t.up, !0),
+        PageDown: () => W(s, t, t == null ? void 0 : t.down)
+      }[e.key];
+      if (H) {
+        if (O(s)) {
+          const j = he(s), ve = x && e.key === "ArrowLeft", pe = x && e.key === "ArrowRight", Ie = E && e.key === "ArrowUp", ge = E && e.key === "ArrowDown";
+          if (pe || ge) {
+            const { length: be } = Ee(s);
+            if (j.end !== be) return;
+          } else if ((ve || Ie) && j.start !== 0) return;
+        }
+        const U = H();
+        if (fe(e) || U !== void 0) {
+          if (!de(e)) return;
+          e.preventDefault(), t.move(U);
+        }
+      }
+    }), B = _e(
+      () => ({ id: f, baseElement: z }),
+      [f, z]
+    );
+    return i = ye(
+      i,
+      (e) => /* @__PURE__ */ Ke(He.Provider, { value: B, children: e }),
+      [B]
+    ), i = S(P({
+      id: f,
+      "data-active-item": oe || void 0
+    }, i), {
+      ref: Q(C, i.ref),
+      tabIndex: ae ? i.tabIndex : -1,
+      onFocus: le,
+      onBlurCapture: ce,
+      onKeyDown: me
+    }), i = ke(i), i = ne(S(P({
+      store: t
+    }, i), {
+      getItem: ue,
+      shouldRegisterItem: f ? i.shouldRegisterItem : !1
+    })), X(S(P({}, i), {
+      "aria-setsize": ie,
+      "aria-posinset": se
+    }));
+  }
+), vt = Re(
+  Z(function(n) {
+    const o = Ze(n);
+    return ee(qe, o);
+  })
+);
+export {
+  lt as C,
+  ut as a,
+  Ze as b,
+  at as c,
+  ft as d,
+  dt as e,
+  ct as f,
+  Ve as g,
+  vt as h,
+  re as i,
+  ne as j,
+  mt as s,
+  Me as u
+};

package/dist/SQZLCNLX-cijaITUa.js

@@ -0,0 +1,82 @@
+"use client";
+import { C as E, a as U, b as y } from "./SBSPVDDI-CW8jwL0u.js";
+import { e as T, v as w, f as $, c as j, b as D, _ as H, w as M, N as O, A as q, $ as z, u as v, d as B, p as G, a as p, r as J } from "./OE2EFRVA-C3721cM3.js";
+import { u as K } from "./RTNCFSKZ-P4icqVD0.js";
+import { useRef as L, useEffect as k } from "react";
+var Q = T(
+  [U],
+  [E]
+), V = Q.useContext, P = "input";
+function W(u, r) {
+  if (r !== void 0)
+    return u != null && r != null ? r === u : !!r;
+}
+function X(u, r) {
+  return u === "input" && (!r || r === "radio");
+}
+var Y = j(function(r) {
+  var d = r, {
+    store: t,
+    name: c,
+    value: i,
+    checked: m
+  } = d, o = H(d, [
+    "store",
+    "name",
+    "value",
+    "checked"
+  ]);
+  const R = V();
+  t = t || R;
+  const a = M(o.id), l = L(null), s = K(
+    t,
+    (e) => m ?? W(i, e == null ? void 0 : e.value)
+  );
+  k(() => {
+    !a || !s || (t == null ? void 0 : t.getState().activeId) === a || t == null || t.setActiveId(a);
+  }, [t, s, a]);
+  const C = o.onChange, x = O(l, P), n = X(x, o.type), I = q(o), [_, S] = z();
+  k(() => {
+    const e = l.current;
+    e && (n || (s !== void 0 && (e.checked = s), c !== void 0 && (e.name = c), i !== void 0 && (e.value = `${i}`)));
+  }, [_, n, s, c, i]);
+  const f = v((e) => {
+    if (I) {
+      e.preventDefault(), e.stopPropagation();
+      return;
+    }
+    (t == null ? void 0 : t.getState().value) !== i && (n || (e.currentTarget.checked = !0, S()), C == null || C(e), !e.defaultPrevented && (t == null || t.setValue(i)));
+  }), g = o.onClick, b = v((e) => {
+    g == null || g(e), !e.defaultPrevented && (n || f(e));
+  }), h = o.onFocus, F = v((e) => {
+    if (h == null || h(e), e.defaultPrevented || !n || !t) return;
+    const { moves: N, activeId: A } = t.getState();
+    N && (a && A !== a || f(e));
+  });
+  return o = B(p({
+    id: a,
+    role: n ? void 0 : "radio",
+    type: n ? "radio" : void 0,
+    "aria-checked": s
+  }, o), {
+    ref: G(l, o.ref),
+    onChange: f,
+    onClick: b,
+    onFocus: F
+  }), o = y(p({
+    store: t,
+    clickOnEnter: !n
+  }, o)), J(p({
+    name: n ? c : void 0,
+    value: n ? i : void 0,
+    checked: s
+  }, o));
+}), re = w(
+  $(function(r) {
+    const d = Y(r);
+    return D(P, d);
+  })
+);
+export {
+  re as R
+};

package/dist/Search.css

@@ -0,0 +1 @@
+@layer components{._wrapper_1pzk6_2{position:relative}._indicators_1pzk6_5{position:absolute;padding:0;top:0;bottom:0;right:var(--indicators-right, 0);display:flex;gap:var(--spacing-xs)}._dropdown-indicator_1pzk6_14{position:relative;height:100%;width:var(--search-clear-size);padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center}._input-wrapper_1pzk6_27{position:relative}._input-wrapper_1pzk6_27:has(>._icon-placement-right_1pzk6_30) ._indicators_1pzk6_5{--indicators-right: calc((var(--search-icon-size, 1rem) + var(--spacing-sm)))}._root_1pzk6_33{background-color:var(--search-background-color, var(--color-neutral-10));border-color:var(--search-border-color, var(--color-neutral-30));border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);color:var(--search-text-color, var(--color-neutral-90));font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:2px solid var(--search-outline-color, transparent);cursor:default;width:100%;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--search-height);padding-bottom:var(--search-padding-bottom);padding-left:var(--search-padding-left);padding-right:var(--search-padding-right);padding-top:var(--search-padding-top)}._root_1pzk6_33._icon-placement-left_1pzk6_63{padding-left:calc(var(--search-padding-left) + var(--search-icon-size, 1rem) + var(--spacing-sm))}._root_1pzk6_33._icon-placement-right_1pzk6_30{padding-right:calc(var(--search-padding-right) + (var(--search-icon-size, 1rem) + var(--spacing-sm)) * 2)}._root_1pzk6_33:disabled{--search-background-color: var(--search-color-beige-40);--search-text-color: var(--search-color-beige-70);cursor:not-allowed}._root_1pzk6_33:hover:not([class*=variant]){--search-border-color: var(--color-brand-40)}._root_1pzk6_33:focus:not([class*=variant]){--search-outline-color: var(--color-brand-20);--search-border-color: var(--color-brand-40)}._root_1pzk6_33._transparent_1pzk6_81{--search-border-color: transparent;--search-background-color: transparent}._root_1pzk6_33._transparent_1pzk6_81:hover{--search-border-color: var(--color-neutral-20)}._root_1pzk6_33::placeholder{color:var(--color-neutral-60)}._root_1pzk6_33 br{display:none}._variant-danger_1pzk6_94{--search-border-color: var(--color-red-70);--search-outline-color: var(--color-red-30)}._variant-success_1pzk6_98{--search-border-color: var(--color-green-60);--search-outline-color: var(--color-green-30)}._variant-warning_1pzk6_102{--search-border-color: var(--color-orange-60);--search-outline-color: var(--color-orange-20)}._size-lg_1pzk6_106{--search-height: var(--height-48);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-16);--search-padding-left: var(--spacing-12);--search-padding-right: var(--spacing-12);--search-padding-top: var(--spacing-16)}._size-md_1pzk6_114{--search-height: var(--height-40);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-12);--search-padding-left: var(--spacing-12);--search-padding-right: var(--spacing-12);--search-padding-top: var(--spacing-12)}._size-sm_1pzk6_122{--search-height: var(--height-32);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-8);--search-padding-left: var(--spacing-12);--search-padding-right: var(--spacing-12);--search-padding-top: var(--spacing-8)}._size-xs_1pzk6_130{--search-height: var(--height-24);--search-clear-size: var(--search-height);--search-padding-bottom: var(--spacing-4);--search-padding-left: var(--spacing-8);--search-padding-right: var(--spacing-8);--search-padding-top: var(--spacing-4);--search-icon-size: .75rem}._icon-wrapper_1pzk6_139{position:absolute;top:0;left:var(--icon-placement-left, auto);right:var(--icon-placement-right, auto);bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);color:var(--color-neutral-90)}._icon-wrapper_1pzk6_139._icon-placement-left_1pzk6_63{--icon-placement-left: var(--spacing-md)}._icon-wrapper_1pzk6_139._icon-placement-left_1pzk6_63._size-xs_1pzk6_130{--icon-placement-left: var(--spacing-sm)}._icon-wrapper_1pzk6_139._icon-placement-right_1pzk6_30{--icon-placement-right: var(--spacing-md)}._icon-wrapper_1pzk6_139._icon-placement-right_1pzk6_30._size-xs_1pzk6_130{--icon-placement-right: var(--spacing-sm)}._icon-wrapper_1pzk6_139>button{pointer-events:auto}._menu_1pzk6_170{max-height:9.6875rem;background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);color:var(--color-neutral-90);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:none;position:absolute;z-index:2;right:0;left:0;margin:0;margin-top:var(--spacing-md);padding:0;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:auto;-webkit-overflow-scrolling:touch}._menu_1pzk6_170:hover>*{cursor:pointer}._item_1pzk6_198{color:var(--item-text-color, var(--color-beige-70));cursor:var(--item-cursor, default);padding:var(--spacing-md);list-style:none;text-decoration:none;font-size:var(--font-size-sm);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_1pzk6_198._highlighted_1pzk6_212{background-color:var(--color-beige-20)}._item_1pzk6_198._selected_1pzk6_215{--item-text-color: var(--color-neutral-90);font-weight:var(--font-weight-bold)}._item_1pzk6_198._selected_1pzk6_215._highlighted_1pzk6_212{background-image:linear-gradient(0deg,#00000014,#00000014)}}

package/dist/Search.js

@@ -0,0 +1,214 @@
+"use client";
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { D as b, F as pe } from "./field-icon-size-Cj-yrCqM.js";
+import _e, { forwardRef as de, useState as me, useCallback as he, useMemo as ue, Fragment as ze } from "react";
+import { CloseButton as ke } from "./CloseButton.js";
+import { c as fe } from "./index-PAaZGbyz.js";
+import { c as we } from "./create-event-rXDe5aCQ.js";
+import { t as ge } from "./throttle-BDBzFeFj.js";
+const Ne = "_wrapper_1pzk6_2", Ie = "_indicators_1pzk6_5", Re = "_root_1pzk6_33", Se = "_transparent_1pzk6_81", xe = "_menu_1pzk6_170", ve = "_item_1pzk6_198", Ce = "_highlighted_1pzk6_212", Ee = "_selected_1pzk6_215", $e = {
+  wrapper: Ne,
+  indicators: Ie,
+  "dropdown-indicator": "_dropdown-indicator_1pzk6_14",
+  "input-wrapper": "_input-wrapper_1pzk6_27",
+  "icon-placement-right": "_icon-placement-right_1pzk6_30",
+  root: Re,
+  "icon-placement-left": "_icon-placement-left_1pzk6_63",
+  transparent: Se,
+  "variant-danger": "_variant-danger_1pzk6_94",
+  "variant-success": "_variant-success_1pzk6_98",
+  "variant-warning": "_variant-warning_1pzk6_102",
+  "size-lg": "_size-lg_1pzk6_106",
+  "size-md": "_size-md_1pzk6_114",
+  "size-sm": "_size-sm_1pzk6_122",
+  "size-xs": "_size-xs_1pzk6_130",
+  "icon-wrapper": "_icon-wrapper_1pzk6_139",
+  menu: xe,
+  item: ve,
+  highlighted: Ce,
+  selected: Ee
+}, j = "", n = fe($e), De = b.default || b, Fe = de(
+  ({
+    autoComplete: y = "off",
+    autoFocus: P,
+    className: V,
+    dataTestId: B,
+    disabled: F,
+    groupsEnabled: G,
+    icon: p,
+    iconPlacement: N = "left",
+    id: H,
+    itemToString: s,
+    minChars: m = 3,
+    name: I,
+    onBlur: L,
+    onChange: h,
+    onClick: Y,
+    onFocus: u,
+    placeholder: Z = "Search…",
+    renderGroupHeader: q,
+    renderItem: R,
+    search: S,
+    size: a = "md",
+    throttle: x = 500,
+    transparent: A,
+    value: _ = j,
+    variant: z,
+    ...k
+  }, J) => {
+    const K = _ ? s(_) : j, [v, c] = me([]), C = he(
+      async (e) => {
+        if (m === 0 || (e == null ? void 0 : e.length) >= m) {
+          const o = await S(e);
+          c(o || []);
+        } else
+          c([]);
+      },
+      [m, S]
+    ), E = ue(
+      () => ge(C, x, !1),
+      [C, x]
+    ), f = (e) => {
+      const o = we({ name: I, value: e });
+      h == null || h(e, o);
+    }, $ = (e) => {
+      e ? f(e) : (f(), c([]));
+    };
+    return /* @__PURE__ */ t(
+      De,
+      {
+        initialInputValue: K,
+        itemToString: (e) => s(e) || "",
+        onInputValueChange: E,
+        onOuterClick: () => {
+          _ || $(), c([]);
+        },
+        onSelect: $,
+        selectedItem: _,
+        ...k,
+        children: ({
+          clearSelection: e,
+          getInputProps: o,
+          getItemProps: D,
+          getMenuProps: Q,
+          getRootProps: U,
+          highlightedIndex: W,
+          inputValue: X,
+          isOpen: T,
+          selectedItem: d,
+          toggleMenu: ee
+        }) => {
+          const te = () => {
+            c([]), f(), e();
+          }, ne = T && v.length > 0, se = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(ke, { animatePresence: !0, onClick: te, title: "Clear" }) }), ie = (i) => {
+            u == null || u(i), E(""), ee();
+          }, re = U(k, { suppressRefError: !0 }), ae = o({
+            autoComplete: y,
+            autoFocus: P,
+            "data-testid": B,
+            disabled: F,
+            id: H,
+            name: I,
+            onBlur: L,
+            onClick: Y,
+            onFocus: ie,
+            placeholder: Z,
+            ref: J,
+            size: a,
+            tabIndex: 0,
+            variant: T ? "focused" : z,
+            ...k
+          }), ce = pe[a];
+          return /* @__PURE__ */ g("div", { ...re, className: n("wrapper"), children: [
+            /* @__PURE__ */ g("div", { className: n("input-wrapper"), children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  className: n(
+                    "root",
+                    `size-${a}`,
+                    z && `variant-${z}`,
+                    A && "transparent",
+                    p && `icon-placement-${N}`,
+                    V
+                  ),
+                  ...ae
+                }
+              ),
+              p ? /* @__PURE__ */ t(
+                "div",
+                {
+                  className: n(
+                    "icon-wrapper",
+                    `icon-placement-${N}`,
+                    `size-${a}`
+                  ),
+                  children: _e.cloneElement(p, { ...p.props, size: ce })
+                }
+              ) : null,
+              /* @__PURE__ */ t("div", { className: n("indicators", `size-${a}`), children: X ? se : null })
+            ] }),
+            ne ? /* @__PURE__ */ t("ul", { className: n("menu"), ...Q(), children: v.reduce(
+              (i, r, w) => {
+                const M = i.itemIndex++, O = W === M;
+                if (G)
+                  i.itemsToRender.push(
+                    /* @__PURE__ */ g(ze, { children: [
+                      q(r),
+                      r.options ? r.options.map(
+                        (l, oe) => {
+                          const le = d && s(d) === s(l);
+                          return /* @__PURE__ */ t(
+                            "li",
+                            {
+                              className: n(
+                                "item",
+                                O && "highlighted",
+                                le && "selected"
+                              ),
+                              ...D({
+                                index: M,
+                                item: l
+                              }),
+                              children: R(l)
+                            },
+                            oe
+                          );
+                        }
+                      ) : null
+                    ] }, w)
+                  );
+                else {
+                  const l = d && s(d) === s(r);
+                  i.itemsToRender.push(
+                    /* @__PURE__ */ t(
+                      "li",
+                      {
+                        className: n(
+                          "item",
+                          O && "highlighted",
+                          l && "selected"
+                        ),
+                        ...D({
+                          index: w,
+                          item: r
+                        }),
+                        children: R(r)
+                      },
+                      w
+                    )
+                  );
+                }
+                return i;
+              },
+              { itemIndex: 0, itemsToRender: [] }
+            ).itemsToRender }) : null
+          ] });
+        }
+      }
+    );
+  }
+);
+export {
+  Fe as Search
+};

package/dist/Select.css

@@ -0,0 +1 @@
+@layer components{._indicators_1fbxv_2{position:absolute;padding:0;top:0;bottom:0;right:var(--indicators-right, var(--spacing-md));display:flex;gap:var(--spacing-xs)}._indicators_1fbxv_2._size-xs_1fbxv_11{--indicators-right: var(--spacing-sm)}._dropdown-indicator_1fbxv_14{position:relative;height:100%;padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:transparent;display:flex;align-items:center;justify-content:center}._dropdown-indicator_1fbxv_14 ._styled-icon_1fbxv_27{transform:none;transition-property:transform;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary)}._dropdown-indicator_1fbxv_14._open_1fbxv_33 ._styled-icon_1fbxv_27{transform:rotate3d(0,0,1,180deg)}._dropdown-indicator_1fbxv_14:not(:last-child){width:auto}._dropdown-indicator_1fbxv_14:disabled{color:var(--color-beige-60)}._input-wrapper_1fbxv_42{position:relative}._input-wrapper_1fbxv_42:has(>._icon-placement-right_1fbxv_45) ._indicators_1fbxv_2{--indicators-right: calc(var(--spacing-lg) + var(--spacing-md) * 2)}._root_1fbxv_49{--select-placeholder-color: var(--color-neutral-60);background-color:var(--select-background-color, var(--color-neutral-10));border-color:var(--select-border-color, var(--color-neutral-30));border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);color:var(--select-text-color, var(--color-neutral-90));font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:2px solid var(--select-outline-color, transparent);cursor:default;width:100%;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);height:var(--select-height);padding-bottom:var(--select-padding-bottom);padding-left:var(--select-padding-left);padding-right:var(--select-padding-right);padding-top:var(--select-padding-top);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._root_1fbxv_49._icon-placement-left_1fbxv_80,._root_1fbxv_49._icon-placement-both_1fbxv_80{padding-left:calc(var(--select-padding-left) + var(--select-icon-size, 1rem) + var(--spacing-sm))}._root_1fbxv_49._clearable_1fbxv_83,._root_1fbxv_49._icon-placement-right_1fbxv_45,._root_1fbxv_49._icon-placement-both_1fbxv_80{padding-right:calc(var(--select-padding-right) + var(--select-icon-size, 1rem) + var(--spacing-sm))}._root_1fbxv_49._clearable_1fbxv_83._icon-placement-right_1fbxv_45,._root_1fbxv_49._clearable_1fbxv_83._icon-placement-both_1fbxv_80{padding-right:calc(var(--select-padding-right) + (var(--select-icon-size, 1rem) + var(--spacing-sm)) * 2)}._root_1fbxv_49:disabled{--select-background-color: var(--select-color-beige-40);--select-text-color: var(--select-color-beige-70);cursor:not-allowed}._root_1fbxv_49:hover:not([class*=variant]){--select-border-color: var(--color-brand-40)}._root_1fbxv_49:focus:not([class*=variant]){--select-outline-color: var(--color-brand-20);--select-border-color: var(--color-brand-40)}._root_1fbxv_49._transparent_1fbxv_101{--select-border-color: transparent;--select-background-color: transparent}._root_1fbxv_49._transparent_1fbxv_101:hover{--select-border-color: var(--color-neutral-20)}._root_1fbxv_49::placeholder{color:var(--select-placeholder-color)}._root_1fbxv_49 br{display:none}._root_1fbxv_49:before{content:attr(data-spacer);visibility:hidden;display:block;height:0}._root_1fbxv_49:empty:after{content:attr(placeholder);position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit;color:var(--select-placeholder-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._root_1fbxv_49:empty:before{height:auto}._variant-danger_1fbxv_136{--select-border-color: var(--color-red-70);--select-outline-color: var(--color-red-30)}._variant-success_1fbxv_140{--select-border-color: var(--color-green-60);--select-outline-color: var(--color-green-30)}._variant-warning_1fbxv_144{--select-border-color: var(--color-orange-60);--select-outline-color: var(--color-orange-20)}._size-lg_1fbxv_148{--select-height: var(--height-48);--select-padding-bottom: var(--spacing-16);--select-padding-left: var(--spacing-12);--select-padding-right: var(--spacing-12);--select-padding-top: var(--spacing-16)}._size-md_1fbxv_155{--select-height: var(--height-40);--select-padding-bottom: var(--spacing-12);--select-padding-left: var(--spacing-12);--select-padding-right: var(--spacing-12);--select-padding-top: var(--spacing-12)}._size-sm_1fbxv_162{--select-height: var(--height-32);--select-padding-bottom: var(--spacing-8);--select-padding-left: var(--spacing-12);--select-padding-right: var(--spacing-12);--select-padding-top: var(--spacing-8)}._size-xs_1fbxv_11{--select-height: var(--height-24);--select-padding-bottom: var(--spacing-4);--select-padding-left: var(--spacing-8);--select-padding-right: var(--spacing-8);--select-padding-top: var(--spacing-4);--select-icon-size: .75rem}._icon-wrapper_1fbxv_177{position:absolute;top:0;left:var(--icon-placement-left, auto);right:var(--icon-placement-right, auto);bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);color:var(--color-neutral-90)}._icon-wrapper_1fbxv_177._icon-placement-left_1fbxv_80{--icon-placement-left: var(--spacing-md)}._icon-wrapper_1fbxv_177._icon-placement-left_1fbxv_80._size-xs_1fbxv_11{--icon-placement-left: var(--spacing-sm)}._icon-wrapper_1fbxv_177._icon-placement-right_1fbxv_45{--icon-placement-right: var(--spacing-md)}._icon-wrapper_1fbxv_177._icon-placement-right_1fbxv_45._size-xs_1fbxv_11{--icon-placement-right: var(--spacing-sm)}._icon-wrapper_1fbxv_177>button{pointer-events:auto}._wrapper_1fbxv_208{position:relative;width:100%}._wrapper_1fbxv_208._disabled_1fbxv_212 ._icon-wrapper_1fbxv_177{color:var(--color-beige-60)}._menu_1fbxv_215{max-height:9.6875rem;background-color:var(--color-neutral-10);border-color:var(--color-neutral-30);border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);color:var(--color-neutral-90);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:none;position:absolute;z-index:2;right:0;left:0;margin:0;margin-top:var(--spacing-md);padding:0;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:auto;-webkit-overflow-scrolling:touch}._menu_1fbxv_215:hover>*{cursor:pointer}._item_1fbxv_243{color:var(--item-text-color, var(--color-beige-70));cursor:var(--item-cursor, default);padding:var(--spacing-md);list-style:none;text-decoration:none;font-size:var(--font-size-sm);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_1fbxv_243._highlighted_1fbxv_257{background-color:var(--color-beige-20)}._item_1fbxv_243._selected_1fbxv_260:not(._multiple_1fbxv_260){--item-text-color: var(--color-neutral-90);font-weight:var(--font-weight-bold)}._item_1fbxv_243._selected_1fbxv_260._multiple_1fbxv_260:not(._allowUnselectFromList_1fbxv_264){--item-text-color: var(--color-beige-40);--item-cursor: not-allowed}._item_1fbxv_243._disabled_1fbxv_212{--item-text-color: var(--color-beige-60);--item-cursor: not-allowed}._tags_1fbxv_272{margin-top:var(--spacing-lg)}._tags_1fbxv_272 ._styled-tag_1fbxv_275:not(:last-child){margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._tags_1fbxv_272:empty{display:none}}