@konstructio/ui 0.1.2-alpha.101 → 0.1.2-alpha.104

package/dist/Toast-CS-igZor.js

@@ -1,467 +0,0 @@
-import { t as ge } from "./x-CESTrenk.js";
-import { a as ae, t as Y } from "./dist-DqKFpce5.js";
-import { n as be, t as D } from "./dist-CVy-ulDZ.js";
-import { n as ie, t as Se } from "./dist-C6Cif8-U.js";
-import { t as W } from "./utils-Cx-WzRZF.js";
-import { CheckCircleFilledIcon as Ne } from "./assets/icons/components/CheckCircleFilled.js";
-import { ErrorIcon as Ae } from "./assets/icons/components/Error.js";
-import { InformationOutlineIcon as _e } from "./assets/icons/components/InformationOutline.js";
-import { WarningTriangleIcon as De } from "./assets/icons/components/WarningTriangle.js";
-import { a as Ie, i as g, r as Fe, t as Le } from "./dist-CfYOvauX.js";
-import { t as H } from "./dist-ppXKUlVt.js";
-import { i as Me, n as ke, t as Oe } from "./dist-DGqWMRtc.js";
-import { t as Ve } from "./dist-eAwtFCCA.js";
-import { t as Ke } from "./dist-C8NWUTUh.js";
-import { closeToastVariants as We, toastVariants as $e, viewportToastVariants as He } from "./components/Toast/Toast.variants.js";
-import * as n from "react";
-import { isValidElement as z, useCallback as Xe, useEffect as Ue, useMemo as oe, useRef as Ye } from "react";
-import * as ze from "react-dom";
-import { Fragment as ce, jsx as s, jsxs as A } from "react/jsx-runtime";
-var J = "ToastProvider", [Q, Be, je] = Ke("Toast"), [ue, It] = Ie("Toast", [je]), [qe, X] = ue(J), le = (t) => {
-  const { __scopeToast: r, label: e = "Notification", duration: o = 5e3, swipeDirection: a = "right", swipeThreshold: d = 50, announcerContainer: p, children: T } = t, [v, i] = n.useState(null), [C, m] = n.useState(0), x = n.useRef(!1), S = n.useRef(!1);
-  return e.trim() || console.error(`Invalid prop \`label\` supplied to \`${J}\`. Expected non-empty \`string\`.`), /* @__PURE__ */ s(Q.Provider, {
-    scope: r,
-    children: /* @__PURE__ */ s(qe, {
-      scope: r,
-      label: e,
-      duration: o,
-      swipeDirection: a,
-      swipeThreshold: d,
-      toastCount: C,
-      viewport: v,
-      onViewportChange: i,
-      onToastAdd: n.useCallback(() => m((h) => h + 1), []),
-      onToastRemove: n.useCallback(() => m((h) => h - 1), []),
-      isFocusedToastEscapeKeyDownRef: x,
-      isClosePausedRef: S,
-      announcerContainer: p,
-      children: T
-    })
-  });
-};
-le.displayName = J;
-var de = "ToastViewport", Ge = ["F8"], j = "toast.viewportPause", q = "toast.viewportResume", fe = n.forwardRef((t, r) => {
-  const { __scopeToast: e, hotkey: o = Ge, label: a = "Notifications ({hotkey})", ...d } = t, p = X(de, e), T = Be(e), v = n.useRef(null), i = n.useRef(null), C = n.useRef(null), m = n.useRef(null), x = ae(r, m, p.onViewportChange), S = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), h = p.toastCount > 0;
-  n.useEffect(() => {
-    const l = (E) => {
-      o.length !== 0 && o.every((f) => E[f] || E.code === f) && m.current?.focus();
-    };
-    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
-  }, [o]), n.useEffect(() => {
-    const l = v.current, E = m.current;
-    if (h && l && E) {
-      const f = () => {
-        if (!p.isClosePausedRef.current) {
-          const R = new CustomEvent(j);
-          E.dispatchEvent(R), p.isClosePausedRef.current = !0;
-        }
-      }, w = () => {
-        if (p.isClosePausedRef.current) {
-          const R = new CustomEvent(q);
-          E.dispatchEvent(R), p.isClosePausedRef.current = !1;
-        }
-      }, y = (R) => {
-        l.contains(R.relatedTarget) || w();
-      }, P = () => {
-        l.contains(document.activeElement) || w();
-      };
-      return l.addEventListener("focusin", f), l.addEventListener("focusout", y), l.addEventListener("pointermove", f), l.addEventListener("pointerleave", P), window.addEventListener("blur", f), window.addEventListener("focus", w), () => {
-        l.removeEventListener("focusin", f), l.removeEventListener("focusout", y), l.removeEventListener("pointermove", f), l.removeEventListener("pointerleave", P), window.removeEventListener("blur", f), window.removeEventListener("focus", w);
-      };
-    }
-  }, [h, p.isClosePausedRef]);
-  const u = n.useCallback(({ tabbingDirection: l }) => {
-    const E = T().map((f) => {
-      const w = f.ref.current, y = [w, ...ut(w)];
-      return l === "forwards" ? y : y.reverse();
-    });
-    return (l === "forwards" ? E.reverse() : E).flat();
-  }, [T]);
-  return n.useEffect(() => {
-    const l = m.current;
-    if (l) {
-      const E = (f) => {
-        const w = f.altKey || f.ctrlKey || f.metaKey;
-        if (f.key === "Tab" && !w) {
-          const y = document.activeElement, P = f.shiftKey;
-          if (f.target === l && P) {
-            i.current?.focus();
-            return;
-          }
-          const R = u({ tabbingDirection: P ? "backwards" : "forwards" }), I = R.findIndex((_) => _ === y);
-          B(R.slice(I + 1)) ? f.preventDefault() : P ? i.current?.focus() : C.current?.focus();
-        }
-      };
-      return l.addEventListener("keydown", E), () => l.removeEventListener("keydown", E);
-    }
-  }, [T, u]), /* @__PURE__ */ A(ke, {
-    ref: v,
-    role: "region",
-    "aria-label": a.replace("{hotkey}", S),
-    tabIndex: -1,
-    style: { pointerEvents: h ? void 0 : "none" },
-    children: [
-      h && /* @__PURE__ */ s(G, {
-        ref: i,
-        onFocusFromOutsideViewport: () => {
-          B(u({ tabbingDirection: "forwards" }));
-        }
-      }),
-      /* @__PURE__ */ s(Q.Slot, {
-        scope: e,
-        children: /* @__PURE__ */ s(D.ol, {
-          tabIndex: -1,
-          ...d,
-          ref: x
-        })
-      }),
-      h && /* @__PURE__ */ s(G, {
-        ref: C,
-        onFocusFromOutsideViewport: () => {
-          B(u({ tabbingDirection: "backwards" }));
-        }
-      })
-    ]
-  });
-});
-fe.displayName = de;
-var pe = "ToastFocusProxy", G = n.forwardRef((t, r) => {
-  const { __scopeToast: e, onFocusFromOutsideViewport: o, ...a } = t, d = X(pe, e);
-  return /* @__PURE__ */ s(ie, {
-    tabIndex: 0,
-    ...a,
-    ref: r,
-    style: { position: "fixed" },
-    onFocus: (p) => {
-      const T = p.relatedTarget;
-      d.viewport?.contains(T) || o();
-    }
-  });
-});
-G.displayName = pe;
-var k = "Toast", Je = "toast.swipeStart", Qe = "toast.swipeMove", Ze = "toast.swipeCancel", et = "toast.swipeEnd", me = n.forwardRef((t, r) => {
-  const { forceMount: e, open: o, defaultOpen: a, onOpenChange: d, ...p } = t, [T, v] = Le({
-    prop: o,
-    defaultProp: a ?? !0,
-    onChange: d,
-    caller: k
-  });
-  return /* @__PURE__ */ s(Ve, {
-    present: e || T,
-    children: /* @__PURE__ */ s(ot, {
-      open: T,
-      ...p,
-      ref: r,
-      onClose: () => v(!1),
-      onPause: H(t.onPause),
-      onResume: H(t.onResume),
-      onSwipeStart: g(t.onSwipeStart, (i) => {
-        i.currentTarget.setAttribute("data-swipe", "start");
-      }),
-      onSwipeMove: g(t.onSwipeMove, (i) => {
-        const { x: C, y: m } = i.detail.delta;
-        i.currentTarget.setAttribute("data-swipe", "move"), i.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${C}px`), i.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${m}px`);
-      }),
-      onSwipeCancel: g(t.onSwipeCancel, (i) => {
-        i.currentTarget.setAttribute("data-swipe", "cancel"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), i.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
-      }),
-      onSwipeEnd: g(t.onSwipeEnd, (i) => {
-        const { x: C, y: m } = i.detail.delta;
-        i.currentTarget.setAttribute("data-swipe", "end"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), i.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${C}px`), i.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${m}px`), v(!1);
-      })
-    })
-  });
-});
-me.displayName = k;
-var [tt, rt] = ue(k, { onClose() {
-} }), ot = n.forwardRef((t, r) => {
-  const { __scopeToast: e, type: o = "foreground", duration: a, open: d, onClose: p, onEscapeKeyDown: T, onPause: v, onResume: i, onSwipeStart: C, onSwipeMove: m, onSwipeCancel: x, onSwipeEnd: S, ...h } = t, u = X(k, e), [l, E] = n.useState(null), f = ae(r, E), w = n.useRef(null), y = n.useRef(null), P = a || u.duration, R = n.useRef(0), I = n.useRef(P), _ = n.useRef(0), { onToastAdd: Z, onToastRemove: ee } = u, F = H(() => {
-    l?.contains(document.activeElement) && u.viewport?.focus(), p();
-  }), O = n.useCallback((c) => {
-    !c || c === 1 / 0 || (window.clearTimeout(_.current), R.current = (/* @__PURE__ */ new Date()).getTime(), _.current = window.setTimeout(F, c));
-  }, [F]);
-  n.useEffect(() => {
-    const c = u.viewport;
-    if (c) {
-      const b = () => {
-        O(I.current), i?.();
-      }, N = () => {
-        const L = (/* @__PURE__ */ new Date()).getTime() - R.current;
-        I.current = I.current - L, window.clearTimeout(_.current), v?.();
-      };
-      return c.addEventListener(j, N), c.addEventListener(q, b), () => {
-        c.removeEventListener(j, N), c.removeEventListener(q, b);
-      };
-    }
-  }, [
-    u.viewport,
-    P,
-    v,
-    i,
-    O
-  ]), n.useEffect(() => {
-    d && !u.isClosePausedRef.current && O(P);
-  }, [
-    d,
-    P,
-    u.isClosePausedRef,
-    O
-  ]), n.useEffect(() => () => {
-    window.clearTimeout(_.current);
-  }, []), n.useEffect(() => (Z(), () => ee()), [Z, ee]);
-  const te = n.useMemo(() => l ? xe(l) : null, [l]);
-  return u.viewport ? /* @__PURE__ */ A(ce, { children: [te && /* @__PURE__ */ s(nt, {
-    __scopeToast: e,
-    role: "status",
-    "aria-live": o === "foreground" ? "assertive" : "polite",
-    children: te
-  }), /* @__PURE__ */ s(tt, {
-    scope: e,
-    onClose: F,
-    children: ze.createPortal(/* @__PURE__ */ s(Q.ItemSlot, {
-      scope: e,
-      children: /* @__PURE__ */ s(Me, {
-        asChild: !0,
-        onEscapeKeyDown: g(T, () => {
-          u.isFocusedToastEscapeKeyDownRef.current || F(), u.isFocusedToastEscapeKeyDownRef.current = !1;
-        }),
-        children: /* @__PURE__ */ s(D.li, {
-          tabIndex: 0,
-          "data-state": d ? "open" : "closed",
-          "data-swipe-direction": u.swipeDirection,
-          ...h,
-          ref: f,
-          style: {
-            userSelect: "none",
-            touchAction: "none",
-            ...t.style
-          },
-          onKeyDown: g(t.onKeyDown, (c) => {
-            c.key === "Escape" && (T?.(c.nativeEvent), c.nativeEvent.defaultPrevented || (u.isFocusedToastEscapeKeyDownRef.current = !0, F()));
-          }),
-          onPointerDown: g(t.onPointerDown, (c) => {
-            c.button === 0 && (w.current = {
-              x: c.clientX,
-              y: c.clientY
-            });
-          }),
-          onPointerMove: g(t.onPointerMove, (c) => {
-            if (!w.current) return;
-            const b = c.clientX - w.current.x, N = c.clientY - w.current.y, L = !!y.current, M = ["left", "right"].includes(u.swipeDirection), V = ["left", "up"].includes(u.swipeDirection) ? Math.min : Math.max, Pe = M ? V(0, b) : 0, Re = M ? 0 : V(0, N), U = c.pointerType === "touch" ? 10 : 2, K = {
-              x: Pe,
-              y: Re
-            }, re = {
-              originalEvent: c,
-              delta: K
-            };
-            L ? (y.current = K, $(Qe, m, re, { discrete: !1 })) : ne(K, u.swipeDirection, U) ? (y.current = K, $(Je, C, re, { discrete: !1 }), c.target.setPointerCapture(c.pointerId)) : (Math.abs(b) > U || Math.abs(N) > U) && (w.current = null);
-          }),
-          onPointerUp: g(t.onPointerUp, (c) => {
-            const b = y.current, N = c.target;
-            if (N.hasPointerCapture(c.pointerId) && N.releasePointerCapture(c.pointerId), y.current = null, w.current = null, b) {
-              const L = c.currentTarget, M = {
-                originalEvent: c,
-                delta: b
-              };
-              ne(b, u.swipeDirection, u.swipeThreshold) ? $(et, S, M, { discrete: !0 }) : $(Ze, x, M, { discrete: !0 }), L.addEventListener("click", (V) => V.preventDefault(), { once: !0 });
-            }
-          })
-        })
-      })
-    }), u.viewport)
-  })] }) : null;
-}), nt = (t) => {
-  const { __scopeToast: r, children: e, ...o } = t, a = X(k, r), [d, p] = n.useState(!1), [T, v] = n.useState(!1);
-  return it(() => p(!0)), n.useEffect(() => {
-    const i = window.setTimeout(() => v(!0), 1e3);
-    return () => window.clearTimeout(i);
-  }, []), T ? null : /* @__PURE__ */ s(Oe, {
-    asChild: !0,
-    container: a.announcerContainer || void 0,
-    children: /* @__PURE__ */ s(ie, {
-      ...o,
-      children: d && /* @__PURE__ */ A(ce, { children: [
-        a.label,
-        " ",
-        e
-      ] })
-    })
-  });
-}, st = "ToastTitle", Te = n.forwardRef((t, r) => {
-  const { __scopeToast: e, ...o } = t;
-  return /* @__PURE__ */ s(D.div, {
-    ...o,
-    ref: r
-  });
-});
-Te.displayName = st;
-var at = "ToastDescription", we = n.forwardRef((t, r) => {
-  const { __scopeToast: e, ...o } = t;
-  return /* @__PURE__ */ s(D.div, {
-    ...o,
-    ref: r
-  });
-});
-we.displayName = at;
-var ve = "ToastAction", Ee = n.forwardRef((t, r) => {
-  const { altText: e, ...o } = t;
-  return e.trim() ? /* @__PURE__ */ s(Ce, {
-    altText: e,
-    asChild: !0,
-    children: /* @__PURE__ */ s(ye, {
-      ...o,
-      ref: r
-    })
-  }) : (console.error(`Invalid prop \`altText\` supplied to \`${ve}\`. Expected non-empty \`string\`.`), null);
-});
-Ee.displayName = ve;
-var he = "ToastClose", ye = n.forwardRef((t, r) => {
-  const { __scopeToast: e, ...o } = t, a = rt(he, e);
-  return /* @__PURE__ */ s(Ce, {
-    asChild: !0,
-    children: /* @__PURE__ */ s(D.button, {
-      type: "button",
-      ...o,
-      ref: r,
-      onClick: g(t.onClick, a.onClose)
-    })
-  });
-});
-ye.displayName = he;
-var Ce = n.forwardRef((t, r) => {
-  const { __scopeToast: e, altText: o, ...a } = t;
-  return /* @__PURE__ */ s(D.div, {
-    "data-radix-toast-announce-exclude": "",
-    "data-radix-toast-announce-alt": o || void 0,
-    ...a,
-    ref: r
-  });
-});
-function xe(t) {
-  const r = [];
-  return Array.from(t.childNodes).forEach((e) => {
-    if (e.nodeType === e.TEXT_NODE && e.textContent && r.push(e.textContent), ct(e)) {
-      const o = e.ariaHidden || e.hidden || e.style.display === "none", a = e.dataset.radixToastAnnounceExclude === "";
-      if (!o) if (a) {
-        const d = e.dataset.radixToastAnnounceAlt;
-        d && r.push(d);
-      } else r.push(...xe(e));
-    }
-  }), r;
-}
-function $(t, r, e, { discrete: o }) {
-  const a = e.originalEvent.currentTarget, d = new CustomEvent(t, {
-    bubbles: !0,
-    cancelable: !0,
-    detail: e
-  });
-  r && a.addEventListener(t, r, { once: !0 }), o ? be(a, d) : a.dispatchEvent(d);
-}
-var ne = (t, r, e = 0) => {
-  const o = Math.abs(t.x), a = Math.abs(t.y), d = o > a;
-  return r === "left" || r === "right" ? d && o > e : !d && a > e;
-};
-function it(t = () => {
-}) {
-  const r = H(t);
-  Fe(() => {
-    let e = 0, o = 0;
-    return e = window.requestAnimationFrame(() => o = window.requestAnimationFrame(r)), () => {
-      window.cancelAnimationFrame(e), window.cancelAnimationFrame(o);
-    };
-  }, [r]);
-}
-function ct(t) {
-  return t.nodeType === t.ELEMENT_NODE;
-}
-function ut(t) {
-  const r = [], e = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, { acceptNode: (o) => {
-    const a = o.tagName === "INPUT" && o.type === "hidden";
-    return o.disabled || o.hidden || a ? NodeFilter.FILTER_SKIP : o.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-  } });
-  for (; e.nextNode(); ) r.push(e.currentNode);
-  return r;
-}
-function B(t) {
-  const r = document.activeElement;
-  return t.some((e) => e === r ? !0 : (e.focus(), document.activeElement !== r));
-}
-var lt = le, dt = fe, ft = me, pt = Te, se = we, mt = Ee, Ft = ({ title: t, duration: r = 5e3, titleClassName: e, descriptionClassName: o, description: a, children: d, theme: p, showCloseButton: T = !0, closeButtonClassName: v, className: i, open: C = !1, setOpen: m, variant: x }) => {
-  const S = Ye(0);
-  Ue(() => () => clearTimeout(S.current), []);
-  const h = oe(() => z(t) ? /* @__PURE__ */ s(Y, {
-    className: e,
-    children: t
-  }) : t, [t, e]), u = oe(() => z(a) ? /* @__PURE__ */ s(Y, {
-    className: o,
-    children: a
-  }) : a, [a, o]);
-  return /* @__PURE__ */ A(lt, {
-    swipeDirection: "right",
-    duration: r,
-    children: [
-      /* @__PURE__ */ s(Y, {
-        onClick: Xe(() => {
-          m(!1), S.current = window.setTimeout(() => m(!0), 100);
-        }, [m]),
-        children: d
-      }),
-      /* @__PURE__ */ A(ft, {
-        className: W($e({
-          variant: x,
-          className: i
-        })),
-        "data-theme": p,
-        open: C,
-        onOpenChange: m,
-        children: [/* @__PURE__ */ A("div", {
-          className: "flex gap-2 items-center flex-1",
-          children: [
-            x === "success" && /* @__PURE__ */ s(Ne, {
-              size: 20,
-              className: "shrink-0"
-            }),
-            x === "error" && /* @__PURE__ */ s(Ae, {
-              size: 20,
-              className: "shrink-0"
-            }),
-            x === "warning" && /* @__PURE__ */ s(De, {
-              size: 20,
-              className: "shrink-0"
-            }),
-            x === "info" && /* @__PURE__ */ s(_e, {
-              size: 20,
-              className: "shrink-0"
-            }),
-            /* @__PURE__ */ A("div", {
-              className: "flex flex-col gap-1",
-              children: [/* @__PURE__ */ s(pt, {
-                asChild: !0,
-                className: e,
-                children: h
-              }), u && (z(u) ? /* @__PURE__ */ s(se, {
-                asChild: !0,
-                children: u
-              }) : /* @__PURE__ */ s(se, {
-                className: W("text-sm", o),
-                children: u
-              }))]
-            })
-          ]
-        }), T && /* @__PURE__ */ s(mt, {
-          asChild: !0,
-          altText: "Close the toast",
-          children: /* @__PURE__ */ A("button", {
-            type: "button",
-            className: "cursor-pointer",
-            children: [/* @__PURE__ */ s(ge, { className: W(We({ className: v })) }), /* @__PURE__ */ s(Se, { children: "Close toast" })]
-          })
-        })]
-      }),
-      /* @__PURE__ */ s(dt, { className: W(He()) })
-    ]
-  });
-};
-export {
-  Ft as t
-};

package/dist/Wrapper-DNEn4fef.js

@@ -1,161 +0,0 @@
-import { t as r } from "./utils-Cx-WzRZF.js";
-import { LoaderIcon as re } from "./assets/icons/components/Loader.js";
-import { t as le } from "./createLucideIcon-MbzNWCaI.js";
-import { t as ne } from "./chevron-up-Bjpvg6ui.js";
-import { Typography as se } from "./components/Typography/Typography.js";
-import { useSelectContext as oe } from "./components/Select/contexts/select.hook.js";
-import { List as ie } from "./components/Select/components/List/List.js";
-import { inputVariants as ce, labelVariants as me, selectVariants as pe } from "./components/Select/Select.variants.js";
-import { useSelect as ue } from "./components/Select/hooks/useSelect.js";
-import { forwardRef as fe, useEffect as de, useId as xe, useImperativeHandle as he, useMemo as ve, useRef as w } from "react";
-import { jsx as l, jsxs as o } from "react/jsx-runtime";
-var Ne = [["path", {
-  d: "m21 21-4.34-4.34",
-  key: "14j7rj"
-}], ["circle", {
-  cx: "11",
-  cy: "11",
-  r: "8",
-  key: "4ej97u"
-}]], Ce = le("search", Ne), Re = fe(({ additionalOptions: z, className: O, defaultValue: x, disabled: t = !1, error: f, groupedOptions: R, iconClassName: F, inputClassName: S, isInfiniteScrollEnabled: T = !1, isLoading: g, isRequired: h, label: v, labelAction: E, labelClassName: M, labelWrapperClassName: W, listClassName: _, listItemClassName: $, listItemSecondRowClassName: H, name: d, noOptionsText: P, placeholder: N, searchable: k = !1, showSearchIcon: C, theme: U, visibleItems: q, wrapperClassName: A, onFetchMoreOptions: B, onBlur: D, onSearchChange: G, ...y }, J) => {
-  const I = xe(), i = w(null), j = w(null), K = w(0), { isOpen: c, options: n, searchTerm: Q, value: s, setCanFilter: X, setSearchTerm: Y, setValue: m, toggleOpen: Z } = oe(), e = ve(() => n.find(({ value: a }) => a === s), [n, s]), { wrapperRef: ee, wrapperInputRef: L, handleOpen: V } = ue({
-    ulRef: j,
-    inputRef: i,
-    disabled: t,
-    internalValue: e,
-    onBlur: D
-  }), p = d ? `${I}-${d}` : I;
-  he(J, () => i.current, [i]), de(() => {
-    if (x && !s) {
-      const a = n && n.find((u) => u.value === x);
-      a && m(a.value);
-    }
-  }, [
-    x,
-    n,
-    m,
-    s
-  ]);
-  const te = (a) => {
-    const u = a.target.value;
-    X(!0), m(""), Y(u ?? ""), G?.(u);
-    const b = n.find((ae) => ae.value.toLocaleLowerCase() === u.toLocaleLowerCase());
-    m(b ? b.value : e?.value ?? "");
-  };
-  return /* @__PURE__ */ o("div", {
-    ref: ee,
-    className: r("flex flex-col gap-2 w-full relative", A),
-    "data-theme": U,
-    children: [
-      v ? /* @__PURE__ */ o("div", {
-        className: r("flex items-center justify-between", W),
-        children: [/* @__PURE__ */ o("label", {
-          id: p,
-          className: r(me({ className: M })),
-          htmlFor: p,
-          onClick: () => !t && V(),
-          children: [v, h && /* @__PURE__ */ l("span", {
-            className: "text-red-600 dark:text-red-500 ml-1",
-            children: "*"
-          })]
-        }), E]
-      }) : null,
-      /* @__PURE__ */ o("div", {
-        ref: L,
-        id: p,
-        className: r(pe({
-          className: O,
-          hasError: !!f,
-          disabled: t
-        })),
-        role: "combobox",
-        onClick: () => !t && Z(!c),
-        "aria-expanded": c,
-        tabIndex: K.current,
-        "aria-labelledby": p,
-        children: [/* @__PURE__ */ o("div", {
-          className: "flex gap-2.5 items-center flex-1",
-          children: [
-            e?.leftIcon && !C && /* @__PURE__ */ l("span", {
-              className: "w-4 h-4 flex justify-center items-center dark:text-metal-50",
-              children: e.leftIcon
-            }),
-            C && /* @__PURE__ */ l(Ce, { className: r("w-4", "h-4", "text-zinc-500", "select-none", "transition-colors", "duration-300", "dark:text-metal-300", "dark:group-focus-within:text-metal-50") }),
-            k ? /* @__PURE__ */ l("input", {
-              type: "text",
-              value: c ? Q : e?.label ?? s ?? "",
-              onChange: te,
-              placeholder: N,
-              className: r(ce({ className: S }), { "text-red-700 placeholder:text-red-700": !!f }),
-              onClick: (a) => {
-                a.stopPropagation(), t || V();
-              },
-              "aria-label": v || N,
-              "aria-labelledby": p,
-              required: h,
-              autoComplete: "off",
-              autoCapitalize: "words",
-              disabled: t,
-              tabIndex: -1,
-              ...y
-            }) : /* @__PURE__ */ o(se, {
-              variant: "body2",
-              className: r("flex-1 text-zinc-400 text-sm dark:text-metal-400 flex gap-2 items-center", {
-                "text-red-700": !!f,
-                "select-none": !e,
-                "text-metal-800 dark:text-metal-50": e,
-                "text-metal-400/50 dark:text-metal-50/50": t
-              }, e?.wrapperClassNameOnSelectedValue),
-              children: [
-                e?.label || N,
-                " ",
-                e?.showRightComponentOnselectedValue ? e?.rightComponent : null
-              ]
-            })
-          ]
-        }), g ? /* @__PURE__ */ l(re, {
-          size: 16,
-          className: "text-metal-400 animate-spin select-none"
-        }) : !C && /* @__PURE__ */ l(ne, {
-          "data-state": c ? "open" : "closed",
-          className: r("w-4 h-4 text-zinc-500 transition-all duration-100 data-[state=open]:rotate-0 data-[state=closed]:rotate-180 select-none dark:group-focus-within:text-metal-50", F, {
-            "text-red-700": !!f,
-            "text-metal-400/50 dark:group-focus-within:text-zinc-500": t
-          })
-        })]
-      }),
-      /* @__PURE__ */ l("input", {
-        ref: i,
-        type: "text",
-        name: d,
-        className: "hidden",
-        "aria-hidden": "true",
-        required: h,
-        inert: !0,
-        defaultValue: e?.value ?? s ?? void 0,
-        ...y
-      }),
-      c && /* @__PURE__ */ l(ie, {
-        ref: j,
-        additionalOptions: z,
-        className: _,
-        groupedOptions: R,
-        itemClassName: $,
-        name: d,
-        wrapperInputRef: L,
-        inputRef: i,
-        options: n,
-        isLoading: !!g,
-        searchable: k,
-        listItemSecondRowClassName: H,
-        isInfiniteScrollEnabled: T,
-        onFetchMoreOptions: B,
-        noOptionsText: P,
-        visibleItems: q
-      })
-    ]
-  });
-});
-export {
-  Re as t
-};