@konstructio/ui 0.1.2-alpha.10 → 0.1.2-alpha.103

package/dist/Toast-ByH-l4XK.js

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

package/dist/Wrapper-ClJ_Mham.js

@@ -0,0 +1,110 @@
+import { o as k } from "./rolldown-runtime-Ck3dxwZt.js";
+import { t as _ } from "./prop-types-CfEYxTbR.js";
+import { t as T } from "./x-BI9jmc7e.js";
+import { t as s } from "./utils-Cx-WzRZF.js";
+import { Tag as S } from "./components/Tag/Tag.js";
+import { useTagSelect as C } from "./components/TagSelect/contexts/TagSelect.hook.js";
+import { List as z } from "./components/TagSelect/components/List/List.js";
+import { useTagSelect as P } from "./components/TagSelect/hooks/useTagSelect.js";
+import { labelVariants as R, tagSelectVariants as E, wrapperVariants as I } from "./components/TagSelect/TagSelect.variants.js";
+import g, { forwardRef as y, useId as L, useImperativeHandle as W } from "react";
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+var p = /* @__PURE__ */ k(_());
+function u() {
+  return u = Object.assign || function(e) {
+    for (var a = 1; a < arguments.length; a++) {
+      var r = arguments[a];
+      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, u.apply(this, arguments);
+}
+function V(e, a) {
+  if (e == null) return {};
+  var r = $(e, a), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < o.length; n++)
+      t = o[n], !(a.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function $(e, a) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), n, o;
+  for (o = 0; o < t.length; o++)
+    n = t[o], !(a.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var d = y(function(e, a) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, o = n === void 0 ? 24 : n, c = V(e, ["color", "size"]);
+  return /* @__PURE__ */ g.createElement("svg", u({
+    ref: a,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, c), /* @__PURE__ */ g.createElement("polyline", { points: "18 15 12 9 6 15" }));
+});
+d.propTypes = {
+  color: p.default.string,
+  size: p.default.oneOfType([p.default.string, p.default.number])
+};
+d.displayName = "ChevronUp";
+var K = y(({ label: e, labelClassName: a, labelWrapperClassName: r, name: t, placeholder: n = "Select a value...", theme: o, wrapperClassName: c }, w) => {
+  const h = L(), { selectedTags: v, isOpen: m, onOpen: x, onRemoveTag: O, inputRef: f } = C(), { wrapperRef: N, handleOpen: j } = P();
+  return W(w, () => f.current, [f]), /* @__PURE__ */ b("div", {
+    ref: N,
+    className: s(I({ className: c })),
+    "data-theme": o,
+    children: [
+      e ? /* @__PURE__ */ i("div", {
+        className: s(r),
+        children: /* @__PURE__ */ i("label", {
+          htmlFor: t ?? h,
+          className: s(R({ className: a })),
+          onClick: () => x(!0),
+          children: e
+        })
+      }) : null,
+      /* @__PURE__ */ b("div", {
+        id: t ?? h,
+        className: s(E()),
+        role: "combobox",
+        onClick: j,
+        "aria-expanded": m,
+        children: [v.length === 0 ? /* @__PURE__ */ i("span", {
+          className: "text-base text-inherit select-none",
+          children: n
+        }) : /* @__PURE__ */ i("div", {
+          className: "flex flex-wrap gap-1.5",
+          children: v.map((l) => /* @__PURE__ */ i(S, {
+            ...l,
+            className: "select-none",
+            rightIcon: /* @__PURE__ */ i(T, {
+              className: "w-3 h-3",
+              onClick: () => O(l)
+            }),
+            "data-value": l.label
+          }, l.id))
+        }), /* @__PURE__ */ i(d, { className: s("w-4 h-4 text-inherit transition-all duration-50 shrink-0", m ? "rotate-0" : "rotate-180") })]
+      }),
+      /* @__PURE__ */ i("input", {
+        ref: f,
+        type: "text",
+        name: t,
+        className: "hidden"
+      }),
+      m ? /* @__PURE__ */ i(z, {}) : null
+    ]
+  });
+});
+export {
+  d as n,
+  K as t
+};