visits-style 2.0.6 → 2.1.0

package/dist/index.es.js

@@ -1,133 +1,131 @@
-import w from "clsx";
-import { default as gt } from "clsx";
-import { twMerge as ue } from "tailwind-merge";
-import { jsx as n, jsxs as g, Fragment as Q } from "react/jsx-runtime";
-import { useMemo as d, Children as j, cloneElement as $, forwardRef as R, useLayoutEffect as ee, useEffect as E, useState as S, useRef as F, useCallback as L, useImperativeHandle as te, startTransition as fe, createElement as he } from "react";
-import { useId as W, useFloating as _, shift as ne, flip as re, offset as oe, autoUpdate as ie, useTransitionStyles as D, useInteractions as q, useClick as pe, FloatingOverlay as U, useHover as ge, useClientPoint as me, useDismiss as be } from "@floating-ui/react";
-import { createPortal as we } from "react-dom";
-function N(e, t) {
-  return t ? ue(e, t) : e;
-}
-function xe({ className: e, ...t }) {
-  const r = d(() => w("leading-none peer-disabled:opacity-70", e), [e]);
-  return /* @__PURE__ */ n("label", { className: r, ...t });
-}
-function Ye({
+import m from "clsx";
+import { default as pt } from "clsx";
+import { twMerge as he } from "tailwind-merge";
+import { jsx as i, jsxs as k, Fragment as te } from "react/jsx-runtime";
+import { useMemo as c, Children as z, cloneElement as Z, forwardRef as S, useLayoutEffect as ne, useEffect as R, useState as E, useRef as I, useCallback as O, useImperativeHandle as re, startTransition as ye, createContext as xe, createElement as we, useContext as ve } from "react";
+import { useId as K, useFloating as H, autoUpdate as oe, shift as ie, flip as se, offset as le, useTransitionStyles as L, useInteractions as U, useClick as Ce, FloatingOverlay as J, useHover as Ne, useClientPoint as ke, useDismiss as Ie } from "@floating-ui/react";
+import { createPortal as Fe } from "react-dom";
+function F(e, t) {
+  return t ? he(e, t) : e;
+}
+function Te({ className: e, ...t }) {
+  const r = c(() => m("leading-none peer-disabled:opacity-70", e), [e]);
+  return /* @__PURE__ */ i("label", { className: r, ...t });
+}
+function Je({
   label: e,
   children: t,
   required: r,
-  htmlFor: o,
-  error: l,
-  help: i,
-  helpBefore: s,
+  htmlFor: n,
+  error: s,
+  help: o,
+  helpBefore: l,
   className: u,
-  innerClass: c,
-  ...h
+  innerClass: f,
+  ...d
 }) {
-  const p = d(() => w(
+  const p = c(() => m(
     "font-medium",
     r ? 'after:content-["*"] after:text-danger after:text-sm after:pl-0.5' : ""
-  ), [r]), m = d(() => N("flex flex-col space-y-2", u), [u]);
-  return /* @__PURE__ */ g("div", { className: m, ...h, children: [
-    e ? /* @__PURE__ */ n(xe, { className: p, htmlFor: o, children: e }) : null,
-    i && s ? /* @__PURE__ */ n("p", { className: "text-xs text-muted pb-2", children: i }) : null,
-    /* @__PURE__ */ n("div", { className: c, children: ve(t, !!l) }),
-    i && !s && !l ? /* @__PURE__ */ n("p", { className: "text-xs text-muted", children: i }) : null,
-    l ? /* @__PURE__ */ n("p", { className: "text-xs text-danger", children: l }) : null
+  ), [r]), g = c(() => F("flex flex-col space-y-2", u), [u]);
+  return /* @__PURE__ */ k("div", { className: g, ...d, children: [
+    e ? /* @__PURE__ */ i(Te, { className: p, htmlFor: n, children: e }) : null,
+    o && l ? /* @__PURE__ */ i("p", { className: "text-xs text-muted pb-2", children: o }) : null,
+    /* @__PURE__ */ i("div", { className: f, children: Pe(t, !!s) }),
+    o && !l && !s ? /* @__PURE__ */ i("p", { className: "text-xs text-muted", children: o }) : null,
+    s ? /* @__PURE__ */ i("p", { className: "text-xs text-danger", children: s }) : null
   ] });
 }
-function ve(e, t) {
-  const r = j.count(e);
+function Pe(e, t) {
+  const r = z.count(e);
   if (!r) return null;
   if (r === 1)
-    return $(e, { error: t });
-  const o = j.toArray(e);
-  return o[0] = $(o[0], { error: t }), o;
+    return Z(e, { error: t });
+  const n = z.toArray(e);
+  return n[0] = Z(n[0], { error: t }), n;
 }
-function qe({ error: e, unstyled: t, className: r, ...o }) {
-  const l = d(() => t ? r : N(w(
+function Qe({ error: e, unstyled: t, className: r, ...n }) {
+  const s = c(() => t ? r : F(m(
     "flex rounded-md border bg-background px-3 py-2 w-full [&_input]:placeholder:text-muted",
     "[&_input]:disabled:opacity-50 [&_input]:focus-visible:outline-none",
     e ? "border-danger hover:border-danger-fore" : "border-input"
   ), r), [r, e, t]);
-  return /* @__PURE__ */ n("div", { className: l, ...o });
+  return /* @__PURE__ */ i("div", { className: s, ...n });
 }
-const ye = R(({
+const Ae = S(({
   className: e,
   type: t,
   error: r,
-  unstyled: o,
-  ...l
-}, i) => {
-  const s = d(() => o ? e : N(w(
+  unstyled: n,
+  ...s
+}, o) => {
+  const l = c(() => n ? e : F(m(
     "flex rounded-md border bg-background px-3 py-2 w-full placeholder:text-muted",
     "disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring",
     r ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore",
     t === "file" ? "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground" : null
-  ), e), [e, t, r, o]);
-  return /* @__PURE__ */ n("input", { ref: i, type: t, className: s, ...l });
+  ), e), [e, t, r, n]);
+  return /* @__PURE__ */ i("input", { ref: o, type: t, className: l, ...s });
 });
-ye.displayName = "Input";
-const Ce = R(({
+Ae.displayName = "Input";
+const Me = S(({
   className: e,
   error: t,
   unstyled: r,
-  ...o
-}, l) => {
-  const i = d(() => r ? e : N(w(
+  ...n
+}, s) => {
+  const o = c(() => r ? e : F(m(
     "flex rounded-md border bg-background px-3 py-2 w-full",
     "disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring",
     t ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore"
   ), e), [e, t, r]);
-  return /* @__PURE__ */ n("textarea", { ref: l, className: i, ...o });
+  return /* @__PURE__ */ i("textarea", { ref: s, className: o, ...n });
 });
-Ce.displayName = "Textarea";
-function le(e) {
-  return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...e, children: /* @__PURE__ */ n("path", { d: "M11.5 18.5l-3.9-4L6 16l5.6 5.6 11.6-11.5-1.7-1.6z", fill: "currentColor" }) });
+Me.displayName = "Textarea";
+function Re() {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", children: /* @__PURE__ */ i("rect", { width: "20", height: "3", y: "13.5", x: "4.5", fill: "currentColor", stroke: "none", rx: "2" }) });
 }
-function Ae() {
-  return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", children: /* @__PURE__ */ n("rect", { width: "20", height: "3", y: "13.5", x: "4.5", fill: "currentColor", stroke: "none", rx: "2" }) });
-}
-function Ue({
+function Ve({
   checked: e,
   indeterminate: t,
   className: r,
-  id: o,
-  name: l,
-  onChange: i,
-  value: s,
-  ...u
+  id: n,
+  name: s,
+  onChange: o,
+  value: l,
+  checkIcon: u,
+  ...f
 }) {
-  const c = d(() => N(w(
+  const d = c(() => F(m(
     "inline-flex justify-center items-center border w-4.5 h-4.5 rounded",
     "cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
     e || t ? "bg-primary text-inverted disabled:text-text disabled:bg-input disabled:border-input" : "border-input not-disabled:hover:border-input-fore"
-  ), r), [e, t, r]), h = () => {
-    u.disabled || i?.(!e);
+  ), r), [e, t, r]), p = () => {
+    f.disabled || o?.(!e);
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ k(
     "button",
     {
       type: "button",
       role: "checkbox",
-      id: o || l,
-      className: c,
-      onClick: h,
+      id: n || s,
+      className: d,
+      onClick: p,
       "aria-checked": e,
-      ...u,
+      ...f,
       children: [
-        e ? /* @__PURE__ */ n(le, {}) : null,
-        t && !e ? /* @__PURE__ */ n(Ae, {}) : null,
-        /* @__PURE__ */ n(
+        e ? u : null,
+        t && !e ? /* @__PURE__ */ i(Re, {}) : null,
+        /* @__PURE__ */ i(
           "input",
           {
             type: "checkbox",
             "aria-hidden": "true",
-            name: l,
+            name: s,
             checked: e,
-            value: s,
-            onChange: h,
-            disabled: u.disabled,
+            value: l,
+            onChange: p,
+            disabled: f.disabled,
             style: { position: "absolute", pointerEvents: "none", top: 0, left: 0, width: 1, height: 1, opacity: 0 }
           }
         )
@@ -135,273 +133,294 @@ function Ue({
     }
   );
 }
-const ke = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", V = ke ? ee : E;
-function Z({ children: e, container: t, disabled: r }) {
-  const [o, l] = S(null);
-  return V(() => {
+const Se = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Q = Se ? ne : R;
+function W({ children: e, container: t, disabled: r }) {
+  const [n, s] = E(null);
+  return Q(() => {
     if (!t) {
-      let i = document.getElementById("visits-style-portals");
-      return i || (i = document.createElement("div"), i.id = "visits-style-portals", document.body.appendChild(i)), l(i);
+      let o = document.getElementById("visits-style-portals");
+      return o || (o = document.createElement("div"), o.id = "visits-style-portals", document.body.appendChild(o)), s(o);
     }
-    l(t);
-  }, [t]), r || !o ? null : we(e, o);
+    s(t);
+  }, [t]), r || !n ? null : Fe(e, n);
 }
-function O(e) {
+function q(e) {
   e && (e.stopPropagation(), e.preventDefault());
 }
-const Me = { open: 150, close: 75 }, se = R(({
+const _e = { open: 150, close: 75 }, ae = S(({
   position: e,
   label: t,
   children: r,
-  color: o = "background",
-  disabled: l,
-  offset: i = { x: 0, y: 6 },
-  onOpen: s,
-  onClose: u,
-  onManualClose: c,
-  timeout: h = Me,
-  unstyled: p,
-  zIndex: m = 9996,
-  role: x,
-  ...a
-}, b) => {
-  const [v, y] = S(!1), I = W(), C = F(s), M = F(u), { refs: k, floatingStyles: T, context: B } = _({
-    nodeId: I,
+  disabled: n,
+  offset: s = { x: 0, y: 6 },
+  onOpen: o,
+  onClose: l,
+  onManualClose: u,
+  timeout: f = _e,
+  unstyled: d,
+  zIndex: p = 9996,
+  role: g,
+  ...h
+}, C) => {
+  const [y, a] = E(!1), N = K(), v = I(o), x = I(l), { refs: w, floatingStyles: _, context: D } = H({
+    nodeId: N,
     placement: e,
     middleware: [
-      ne(),
-      re({ fallbackAxisSideDirection: "end" }),
-      oe({ mainAxis: i.y, crossAxis: i.x })
+      ie(),
+      se({ fallbackAxisSideDirection: "end" }),
+      le({ mainAxis: s.y, crossAxis: s.x })
     ],
-    open: v,
-    onOpenChange: (A) => {
-      A ? C.current?.(k.reference.current, k.floating.current) : M.current?.(k.reference.current, k.floating.current), y(A);
+    open: y,
+    onOpenChange: (T) => {
+      T ? v.current?.(w.reference.current, w.floating.current) : x.current?.(w.reference.current, w.floating.current), a(T);
     },
-    whileElementsMounted: ie
-  }), { isMounted: H, styles: X } = D(B, {
-    duration: h,
-    initial({ side: A }) {
-      let P = "";
-      return A === "top" ? P = "translateY(5%) scale(0.95)" : A === "bottom" ? P = "translateY(-5%) scale(0.95)" : A === "left" ? P = "translateX(5%) scale(0.95)" : P = "translateX(-5%) scale(0.95)", { opacity: 0, transform: P };
+    whileElementsMounted: oe
+  }), { isMounted: j, styles: Y } = L(D, {
+    duration: f,
+    initial({ side: T }) {
+      let A = "";
+      return T === "top" ? A = "translateY(5%) scale(0.95)" : T === "bottom" ? A = "translateY(-5%) scale(0.95)" : T === "left" ? A = "translateX(5%) scale(0.95)" : A = "translateX(-5%) scale(0.95)", { opacity: 0, transform: A };
     }
-  }), Y = L((A) => {
-    if (O(A), c) return c();
-    y(!1), M.current?.(k.reference.current, k.floating.current);
-  }, [c]);
-  E(() => {
-    if (l && v) return y(!1);
-  }, [l, v]), te(b, () => ({
+  }), $ = O((T) => {
+    if (q(T), u) return u();
+    a(!1), x.current?.(w.reference.current, w.floating.current);
+  }, [u]);
+  R(() => {
+    if (n && y) return a(!1);
+  }, [n, y]), re(C, () => ({
     open: () => {
-      y(!0), C.current?.(k.reference.current, k.floating.current);
+      a(!0), v.current?.(w.reference.current, w.floating.current);
     },
     close: () => {
-      y(!1), M.current?.(k.reference.current, k.floating.current);
+      a(!1), x.current?.(w.reference.current, w.floating.current);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }), []);
-  const { getFloatingProps: f, getReferenceProps: z } = q([
-    pe(B, { enabled: !l })
+  const { getFloatingProps: B, getReferenceProps: X } = U([
+    Ce(D, { enabled: !n })
   ]);
-  return C.current = s, M.current = u, /* @__PURE__ */ g(Q, { children: [
-    $(j.only(t), z({
-      ref: k.setReference,
+  return v.current = o, x.current = l, /* @__PURE__ */ k(te, { children: [
+    Z(z.only(t), X({
+      ref: w.setReference,
       tabIndex: 0,
       role: "button",
-      "aria-expanded": v,
-      disabled: l,
-      onClick: O
+      "aria-expanded": y,
+      disabled: n,
+      onClick: q
     })),
-    /* @__PURE__ */ n(Z, { disabled: l || !H, children: /* @__PURE__ */ n(U, { "data-testid": "vs-popover-shadow", onClick: Y, style: { zIndex: m }, autoFocus: !0, children: /* @__PURE__ */ n("div", { role: x || "region", ref: k.setFloating, style: T, children: /* @__PURE__ */ n(
-      ae,
+    /* @__PURE__ */ i(W, { disabled: n || !j, children: /* @__PURE__ */ i(
+      J,
       {
-        unstyled: p,
-        styles: X,
-        ...f({ ...a, onClick: O }),
-        children: r
+        "data-testid": "vs-popover-shadow",
+        onClick: $,
+        style: { zIndex: p },
+        autoFocus: !0,
+        children: /* @__PURE__ */ i("div", { role: g || "region", ref: w.setFloating, style: _, children: /* @__PURE__ */ i(
+          ce,
+          {
+            unstyled: d,
+            styles: Y,
+            ...B({ ...h, onClick: q }),
+            children: r
+          }
+        ) })
       }
-    ) }) }) })
+    ) })
   ] });
 });
-se.displayName = "Popover";
-const ae = R(({
+ae.displayName = "Popover";
+const ce = S(({
   className: e,
   unstyled: t,
   styles: r,
-  style: o = {},
-  ...l
-}, i) => {
-  const s = d(() => w(
+  style: n = {},
+  ...s
+}, o) => {
+  const l = c(() => m(
     "z-20 w-auto h-auto outline-none transition-transform ease-in-out",
     t ? null : "border border-accent rounded-md shadow-lg p-1 bg-background",
     e
   ), [e, t]);
-  return /* @__PURE__ */ n("div", { ref: i, className: s, style: { ...r, ...o }, ...l });
+  return /* @__PURE__ */ i("div", { ref: o, className: l, style: { ...r, ...n }, ...s });
 });
-ae.displayName = "PopoverContent";
-function Ne(e) {
-  return /* @__PURE__ */ g("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
-    /* @__PURE__ */ n("path", { d: "M11.7 14.8 7 9.8a.5.5 0 0 1 0-.7c.2-.2.5-.2.7 0l4.5 5c.2.2.2.6 0 .8-.1.2-.4.2-.6 0Z", fill: "currentColor" }),
-    /* @__PURE__ */ n("path", { d: "m16.9 9.9-4.6 5c-.2.2-.4.2-.6 0a.5.5 0 0 1 0-.8l4.5-5c.2-.2.5-.2.7 0 .1.2.1.6 0 .8Z", fill: "currentColor" })
-  ] });
-}
-function Ie(e) {
-  return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30", ...e, children: /* @__PURE__ */ g("g", { fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [
-    /* @__PURE__ */ n("path", { d: "M26 26l-12.5-12.5L26 1" }),
-    /* @__PURE__ */ n("path", { d: "M1 26l12.5-12.5L1 1" })
-  ] }) });
-}
-function Ve({
+ce.displayName = "PopoverContent";
+function et({
   className: e,
   placeholder: t = "",
   options: r = [],
-  error: o,
-  unstyled: l,
-  disabled: i,
-  value: s,
+  error: n,
+  unstyled: s,
+  disabled: o,
+  value: l,
   maxHeight: u = 408,
-  arrow: c,
-  onChange: h,
-  onClear: p,
-  renderItem: m,
+  arrowIcon: f,
+  closeIcon: d,
+  checkIcon: p,
+  onChange: g,
+  onClear: h,
+  renderItem: C,
+  sectionLabelStyle: y,
+  buttonAreaStyle: a,
+  clearLabelText: N,
+  optionStyle: v,
   ...x
 }) {
-  const a = F(null), [b, v] = S(0), y = d(() => l ? e : N(w(
+  const w = I(null), [_, D] = E(0), j = c(() => s ? e : F(m(
     "flex items-center justify-between rounded-md border bg-background px-3 py-2 w-full overflow-hidden cursor-pointer",
     "disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring",
-    o ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore"
-  ), e), [e, o, l]), I = d(() => Array.isArray(s), []), C = L((f) => {
-    h?.(f), I || a.current?.close();
-  }, [h, I]), M = L((f) => Array.isArray(s) ? s.indexOf(f) > -1 : s === f, [s]), k = d(() => {
-    const f = {}, z = r.filter((A) => typeof A != "string");
-    for (let A = 0, P = z.length; A < P; A += 1) {
-      const K = z[A];
-      f[`${K.value}`] = K.label;
+    n ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore"
+  ), e), [e, n, s]), Y = c(() => Array.isArray(l), []), $ = O((b) => {
+    g?.(b), Y || w.current?.close();
+  }, [g, Y]), B = O((b) => Array.isArray(l) ? l.indexOf(b) > -1 : l === b, [l]), X = c(() => {
+    const b = {}, M = r.filter((P) => typeof P != "string");
+    for (let P = 0, G = M.length; P < G; P += 1) {
+      const V = M[P];
+      b[`${V.value}`] = V.label;
     }
-    return f;
-  }, [r]), T = d(() => {
-    if (!s) return t;
-    if (Array.isArray(s)) {
-      if (!s.length) return t;
-      const f = [...s].sort(), z = [];
-      for (let A = 0, P = f.length; A < P; A += 1)
-        z[A] = k[`${f[A]}`] || "";
-      return z.filter(Boolean).join(",") || t;
+    return b;
+  }, [r]), T = c(() => {
+    if (!l) return t;
+    if (Array.isArray(l)) {
+      if (!l.length) return t;
+      const b = [...l].sort(), M = [];
+      for (let P = 0, G = b.length; P < G; P += 1)
+        M[P] = X[`${b[P]}`] || "";
+      return M.filter(Boolean).join(",") || t;
     }
-    return k[`${s}`] || t;
-  }, [t, s, k]), B = T === t, H = d(() => w(
+    return X[`${l}`] || t;
+  }, [t, l, X]), A = T === t, be = c(() => m(
     "overflow-hidden overflow-ellipsis whitespace-nowrap",
-    B ? "text-muted" : "text-text"
-  ), [B]), X = d(() => c || /* @__PURE__ */ n(Ne, { className: "absolute right-0 text-muted size-5" }), [c]), Y = L((f, z) => m ? typeof f == "string" ? m(f, { index: z, selected: !1, onChange: () => {
-  } }) : m(f, {
-    index: z,
-    selected: M(f.value),
-    onChange: () => C(f.value)
-  }) : typeof f == "string" ? /* @__PURE__ */ n("h5", { className: "font-medium py-1 px-2 text-muted", children: f }, `optionheader-${z}`) : /* @__PURE__ */ n(
-    ze,
+    A ? "text-muted" : "text-text"
+  ), [A]), me = O((b, M) => C ? typeof b == "string" ? C(b, { index: M, selected: !1, onChange: () => {
+  } }) : C(b, {
+    index: M,
+    selected: B(b.value),
+    onChange: () => $(b.value)
+  }) : typeof b == "string" ? /* @__PURE__ */ i(
+    "h5",
+    {
+      className: m("font-normal py-1 px-2 text-muted", y),
+      children: b
+    },
+    `optionheader-${M}`
+  ) : /* @__PURE__ */ i(
+    Ee,
     {
-      selected: M(f.value),
-      onChange: C,
-      ...f
+      selected: B(b.value),
+      onChange: $,
+      checkIcon: p,
+      className: v,
+      ...b
     },
-    f.label
-  ), [m, C, M]);
-  return /* @__PURE__ */ n(
-    se,
+    b.label
+  ), [C, $, B, y, v, p]), ge = c(() => m(
+    "relative flex items-center pr-4 space-x-2",
+    a
+  ), [a]);
+  return /* @__PURE__ */ i(
+    ae,
     {
-      label: /* @__PURE__ */ g("button", { type: "button", className: y, disabled: i, ...x, children: [
-        /* @__PURE__ */ n("span", { className: H, children: T }),
-        /* @__PURE__ */ g("div", { className: "relative flex items-center pl-8 pr-3 space-x-2", children: [
-          p && !B ? /* @__PURE__ */ n(
+      label: /* @__PURE__ */ k("button", { type: "button", className: j, disabled: o, ...x, children: [
+        /* @__PURE__ */ i("span", { className: be, children: T }),
+        /* @__PURE__ */ k("div", { className: ge, children: [
+          h && !A ? /* @__PURE__ */ i(
             "div",
             {
               tabIndex: -1,
               role: "button",
-              className: "size-6 p-1.5 rounded hover:bg-accent",
-              "aria-label": "clear selected values",
-              onKeyDown: (f) => {
-                f.key !== "Enter" && f.key !== "Space" || p();
+              className: "size-6 p-1.5 rounded hover:bg-accent cursor-pointer",
+              "aria-label": N,
+              onKeyDown: (b) => {
+                b.key !== "Enter" && b.key !== "Space" || h();
               },
-              onClick: (f) => {
-                f.stopPropagation(), p();
+              onClick: (b) => {
+                b.stopPropagation(), h();
               },
-              children: /* @__PURE__ */ n(Ie, {})
+              children: d
             }
           ) : null,
-          X
+          f
         ] })
       ] }),
-      ref: a,
-      onOpen: (f) => v(f?.getBoundingClientRect().width || 0),
-      disabled: i,
-      children: /* @__PURE__ */ n(
+      ref: w,
+      onOpen: (b) => D(b?.getBoundingClientRect().width || 0),
+      disabled: o,
+      children: /* @__PURE__ */ i(
         "ul",
         {
           className: "overflow-y-auto flex flex-col",
           role: "listbox",
-          style: { minWidth: b, maxWidth: "calc(100vw - 3rem)", maxHeight: u },
-          children: r.map(Y)
+          style: { minWidth: _, maxWidth: "calc(100vw - 3rem)", maxHeight: u },
+          children: r.map(me)
         }
       )
     }
   );
 }
-function ze({ className: e, value: t, label: r, selected: o, onChange: l }) {
-  const i = d(() => w(
-    "flex items-center w-full hover:bg-accent rounded p-1",
+function Ee({
+  className: e,
+  value: t,
+  label: r,
+  selected: n,
+  checkIcon: s,
+  onChange: o
+}) {
+  const l = c(() => m(
+    "flex items-center w-full hover:bg-accent rounded p-1 cursor-pointer",
     e
   ), [e]);
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ k(
     "button",
     {
       type: "button",
       role: "option",
-      className: i,
-      "aria-selected": o,
-      onClick: () => l?.(t),
+      className: l,
+      "aria-selected": n,
+      onClick: () => o?.(t),
       children: [
-        o ? /* @__PURE__ */ n(le, { className: "w-5 h-5 mr-1" }) : /* @__PURE__ */ n("div", { className: "w-5 h-1 mr-1" }),
+        n && s ? s : /* @__PURE__ */ i("div", { className: "w-5 h-1 mr-1" }),
         r
       ]
     }
   );
 }
-function Ke({ checked: e, className: t, id: r, name: o, onChange: l, value: i, ...s }) {
-  const u = d(() => w(
+function tt({ checked: e, className: t, id: r, name: n, onChange: s, value: o, ...l }) {
+  const u = c(() => m(
     "relative inline-flex justify-center items-center border border-input w-4.5 h-4.5 rounded-full",
     "cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed not-disabled:hover:border-input-fore",
     e ? "[&_i]:bg-primary disabled:[&_i]:bg-text disabled:border-input" : "",
     t
-  ), [t, e]), c = () => {
-    s.disabled || l?.(!e);
+  ), [t, e]), f = () => {
+    l.disabled || s?.(!e);
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ k(
     "button",
     {
       type: "button",
       role: "radio",
-      id: r || o,
+      id: r || n,
       className: u,
-      onClick: c,
+      onClick: f,
       "aria-checked": e,
-      ...s,
+      ...l,
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ i(
           "i",
           {
             className: "block w-2.5 h-2.5 rounded-full transition-transform",
             style: { transform: e ? "" : "scale(0.8)", opacity: e ? 1 : 0 }
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ i(
           "input",
           {
             type: "radio",
             "aria-hidden": "true",
-            name: o,
+            name: n,
             checked: e,
-            value: i,
-            onChange: c,
-            disabled: s.disabled,
+            value: o,
+            onChange: f,
+            disabled: l.disabled,
             style: { position: "absolute", pointerEvents: "none", top: 0, left: 0, width: 1, height: 1, opacity: 0 }
           }
         )
@@ -409,49 +428,49 @@ function Ke({ checked: e, className: t, id: r, name: o, onChange: l, value: i, .
     }
   );
 }
-const Fe = R(({
+const De = S(({
   className: e,
   checked: t,
   onChange: r,
-  value: o,
-  id: l,
-  name: i,
-  ...s
+  value: n,
+  id: s,
+  name: o,
+  ...l
 }, u) => {
-  const c = d(() => N(w(
+  const f = c(() => F(m(
     "inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
     "w-11",
     t ? "bg-primary" : "bg-input"
-  ), e), [e, t]), h = d(() => N(
+  ), e), [e, t]), d = c(() => F(
     "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
     e
   ), [e]), p = () => {
-    s.disabled || r?.(!t);
+    l.disabled || r?.(!t);
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ k(
     "button",
     {
       type: "button",
       role: "switch",
-      id: l || i,
-      className: c,
+      id: s || o,
+      className: f,
       onClick: p,
       "aria-checked": t,
-      ...s,
+      ...l,
       children: [
-        /* @__PURE__ */ n("span", { className: h, style: { transform: t ? "translateX(100%)" : "" } }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ i("span", { className: d, style: { transform: t ? "translateX(100%)" : "" } }),
+        /* @__PURE__ */ i(
           "input",
           {
             ref: u,
             type: "checkbox",
             "aria-hidden": "true",
-            name: i,
+            name: o,
             checked: t,
-            value: o,
+            value: n,
             onChange: p,
-            disabled: s.disabled,
+            disabled: l.disabled,
             style: { position: "absolute", pointerEvents: "none", top: 0, left: 0, width: 1, height: 1, opacity: 0 }
           }
         )
@@ -459,108 +478,113 @@ const Fe = R(({
     }
   );
 });
-Fe.displayName = "Switch";
-function Ge({ header: e, show: t, children: r, timeout: o = 300, ...l }) {
-  const i = F(null), s = F(0), u = F(0), c = F(!0);
-  return E(() => {
-    u.current = o;
-  }, [o]), V(() => {
-    if (!i.current) return;
-    if (i.current.style.overflow = "hidden", i.current.style.opacity = "1", c.current) {
-      c.current = !1, i.current.style.height = t ? "auto" : "0px", t ? window.requestAnimationFrame(() => {
-        i.current && (s.current = i.current.offsetHeight);
+De.displayName = "Switch";
+function nt({ header: e, show: t, children: r, timeout: n = 300, ...s }) {
+  const o = I(null), l = I(0), u = I(0), f = I(!0);
+  return R(() => {
+    u.current = n;
+  }, [n]), Q(() => {
+    if (!o.current) return;
+    if (o.current.style.overflow = "hidden", o.current.style.opacity = "1", f.current) {
+      f.current = !1, o.current.style.height = t ? "auto" : "0px", t ? window.requestAnimationFrame(() => {
+        o.current && (l.current = o.current.offsetHeight);
       }) : (window.requestAnimationFrame(() => {
-        i.current && (i.current.style.height = "auto", s.current = i.current.offsetHeight, i.current.style.height = "0px");
-      }), i.current.style.opacity = "0");
+        o.current && (o.current.style.height = "auto", l.current = o.current.offsetHeight, o.current.style.height = "0px");
+      }), o.current.style.opacity = "0");
       return;
     }
-    t || (i.current.style.height = `${s.current}px`);
-    const h = [];
-    h[0] = window.requestAnimationFrame(() => {
-      h[1] = window.requestAnimationFrame(() => {
-        i.current && (i.current.style.height = `${t ? s.current : 0}px`, i.current.style.opacity = t ? "1" : "0");
+    t || (o.current.style.height = `${l.current}px`);
+    const d = [];
+    d[0] = window.requestAnimationFrame(() => {
+      d[1] = window.requestAnimationFrame(() => {
+        o.current && (o.current.style.height = `${t ? l.current : 0}px`, o.current.style.opacity = t ? "1" : "0");
       });
     });
     let p;
-    const m = () => {
-      i.current && (t ? (i.current.style.height = "auto", i.current.style.overflow = "", i.current.style.opacity = "", window.requestAnimationFrame(() => {
-        i.current && (s.current = i.current.offsetHeight);
-      })) : i.current.style.height = "0px");
+    const g = () => {
+      o.current && (t ? (o.current.style.height = "auto", o.current.style.overflow = "", o.current.style.opacity = "", window.requestAnimationFrame(() => {
+        o.current && (l.current = o.current.offsetHeight);
+      })) : o.current.style.height = "0px");
     };
-    return u.current === 0 ? m() : p = window.setTimeout(m, u.current), () => {
-      h.forEach(window.cancelAnimationFrame), p && window.clearTimeout(p);
+    return u.current === 0 ? g() : p = window.setTimeout(g, u.current), () => {
+      d.forEach(window.cancelAnimationFrame), p && window.clearTimeout(p);
     };
-  }, [t]), /* @__PURE__ */ g("div", { ...l, children: [
+  }, [t]), /* @__PURE__ */ k("div", { ...s, children: [
     e,
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ i(
       "div",
       {
         className: "transition-all ease-in-out overflow-hidden",
         role: "region",
         "aria-hidden": !t,
-        ref: i,
-        style: { transitionDuration: `${o}ms` },
+        ref: o,
+        style: { transitionDuration: `${n}ms` },
         children: r
       }
     )
   ] });
 }
-const Je = R(({
+const Oe = S(({
   children: e,
   position: t = "bottom",
   label: r,
-  className: o,
-  timeout: l = 150,
-  offset: i = { x: 0, y: 6 },
-  clientPoint: s = !1,
+  className: n,
+  timeout: s = 150,
+  offset: o = { x: 0, y: 6 },
+  clientPoint: l = !1,
   disabled: u
-}, c) => {
-  const [h, p] = S(!1), m = W(), { refs: x, floatingStyles: a, context: b } = _({
-    nodeId: m,
-    open: h,
+}, f) => {
+  const [d, p] = E(!1), g = K(), { refs: h, floatingStyles: C, context: y } = H({
+    nodeId: g,
+    open: d,
     placement: t,
     middleware: [
-      ne(),
-      re(),
-      oe({ mainAxis: i.y, crossAxis: i.x })
+      ie(),
+      se(),
+      le({ mainAxis: o.y, crossAxis: o.x })
     ],
-    whileElementsMounted: u ? void 0 : ie,
+    whileElementsMounted: u ? void 0 : oe,
     onOpenChange: p
-  }), { getReferenceProps: v, getFloatingProps: y } = q([
-    ge(b, { enabled: !u }),
-    me(b, { enabled: s })
-  ]), { isMounted: I, styles: C } = D(b, {
-    duration: l,
+  }), { getReferenceProps: a, getFloatingProps: N } = U([
+    Ne(y, { enabled: !u }),
+    ke(y, { enabled: l })
+  ]), { isMounted: v, styles: x } = L(y, {
+    duration: s,
     initial: { opacity: 0, transform: "scale(0.8)" }
   });
-  te(c, () => ({
-    floating: x.floating,
-    reference: x.reference,
+  re(f, () => ({
+    floating: h.floating,
+    reference: h.reference,
     open: () => p(!0),
     close: () => p(!1)
-  }));
-  const M = typeof e == "string" ? /* @__PURE__ */ n("span", { children: e }) : e;
-  return /* @__PURE__ */ g(Q, { children: [
-    $(j.only(M), {
-      ref: x.setReference,
-      ...v()
+  })), R(() => {
+    u && p(!1);
+  }, [u]);
+  const w = typeof e == "string" ? /* @__PURE__ */ i("span", { children: e }) : e;
+  return /* @__PURE__ */ k(te, { children: [
+    Z(z.only(w), {
+      ref: h.setReference,
+      ...a()
     }),
-    /* @__PURE__ */ n(Z, { disabled: u || !I, children: /* @__PURE__ */ n("div", { role: "tooltip", className: "z-[9999]", ref: x.setFloating, ...y({ style: a }), children: /* @__PURE__ */ n(Pe, { className: o, style: C, children: r }) }) })
+    /* @__PURE__ */ i(W, { disabled: u || !v, children: /* @__PURE__ */ i("div", { role: "tooltip", className: "z-[9999]", ref: h.setFloating, ...N({ style: C }), children: /* @__PURE__ */ i(ue, { className: n, style: x, children: r }) }) })
   ] });
-}), Pe = R(({
+});
+Oe.displayName = "Tooltip";
+const ue = S(({
   className: e,
   custom: t,
   ...r
-}, o) => {
-  const l = d(() => w(
+}, n) => {
+  const s = c(() => m(
     "relative w-auto h-auto outline-none transition-transform ease-in-out whitespace-pre",
     t ? null : "border border-accent rounded shadow-md px-3 py-1 bg-background",
     e
   ), [e, t]);
-  return /* @__PURE__ */ n("div", { ref: o, className: l, ...r });
+  return /* @__PURE__ */ i("div", { ref: n, className: s, ...r });
 });
-function Be({ variant: e, size: t }) {
-  return w(
+ue.displayName = "TooltipContent";
+function je({ variant: e, size: t }) {
+  return m(
     "inline-flex items-center justify-center whitespace-nowrap transition-colors rounded-md cursor-pointer",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
     "disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-auto",
@@ -579,184 +603,182 @@ function Be({ variant: e, size: t }) {
     }
   );
 }
-function Qe({ size: e, variant: t, className: r, ...o }) {
-  const l = d(() => w(Be({ size: e, variant: t }), r), [e, t, r]);
-  return /* @__PURE__ */ n("button", { className: l, type: "button", ...o });
+function rt({ size: e, variant: t, className: r, ...n }) {
+  const s = c(() => m(je({ size: e, variant: t }), r), [e, t, r]);
+  return /* @__PURE__ */ i("button", { className: s, type: "button", ...n });
 }
-function et({
+function ot({
   open: e,
   children: t,
   timeout: r = 150,
-  padding: o = "0.85rem",
-  verticalAlign: l = "center",
-  closeOnOverlay: i,
-  closeOnEsc: s,
+  padding: n = "0.85rem",
+  verticalAlign: s = "center",
+  closeOnOverlay: o,
+  closeOnEsc: l,
   onExited: u,
-  className: c,
-  onOpenChange: h,
+  className: f,
+  onOpenChange: d,
   size: p,
-  ...m
+  ...g
 }) {
-  const x = F(u), a = F(!1), b = W(), { refs: v, context: y } = _({ open: e, onOpenChange: h, nodeId: b }), { getFloatingProps: I } = q([
-    be(y, {
-      enabled: s,
-      escapeKey: s,
+  const h = I(u), C = I(!1), y = K(), { refs: a, context: N } = H({ open: e, onOpenChange: d, nodeId: y }), { getFloatingProps: v } = U([
+    Ie(N, {
+      enabled: l,
+      escapeKey: l,
       outsidePress: !1
     })
-  ]), { isMounted: C, styles: M } = D(y, {
+  ]), { isMounted: x, styles: w } = L(N, {
     duration: r,
     initial: { opacity: 0, transform: "scale(0.8)" }
   });
-  E(() => {
-    a.current !== C && (a.current = C, !C && x.current?.());
-  }, [C]);
-  const k = L(() => {
-    i && h?.(!1);
-  }, [h, i]);
-  x.current = u;
-  const T = d(() => w("grid bg-backdrop z-40 justify-items-center", {
-    "place-items-start items-start": l === "start",
-    "place-items-end": l === "end",
-    "place-items-center": l === "center" || !l
-  }), [l]), B = d(() => N("transition ease-in-out", c), [c]);
-  return /* @__PURE__ */ n(Z, { disabled: !C, children: /* @__PURE__ */ n(
-    U,
+  R(() => {
+    C.current !== x && (C.current = x, !x && h.current?.());
+  }, [x]);
+  const _ = O(() => {
+    o && d?.(!1);
+  }, [d, o]);
+  h.current = u;
+  const D = c(() => m("grid bg-backdrop z-40 justify-items-center", {
+    "place-items-start items-start": s === "start",
+    "place-items-end": s === "end",
+    "place-items-center": s === "center" || !s
+  }), [s]), j = c(() => F("transition ease-in-out", f), [f]);
+  return /* @__PURE__ */ i(W, { disabled: !x, children: /* @__PURE__ */ i(
+    J,
     {
-      className: T,
+      className: D,
       "data-testid": "vs-dialog-overlay",
-      onClick: k,
-      style: { padding: o, opacity: M.opacity },
+      onClick: _,
+      style: { padding: n, opacity: w.opacity },
       lockScroll: !0,
-      children: /* @__PURE__ */ n(
-        ce,
+      children: /* @__PURE__ */ i(
+        de,
         {
-          ref: v.setFloating,
-          className: B,
+          ref: a.setFloating,
+          className: j,
           role: "dialog",
           size: p,
-          ...I({ ...m, style: M, onClick: O }),
+          style: w,
+          onClick: q,
+          ...v({ ...g }),
           children: t
         }
       )
     }
   ) });
 }
-const ce = R(({
+const de = S(({
   size: e,
   className: t,
   ...r
-}, o) => {
-  const l = d(() => w(
+}, n) => {
+  const s = c(() => m(
     e ? "flex flex-col bg-background shadow-lg p-5 rounded" : null,
     {
-      "w-full max-w-sm": e === "small",
-      "w-full max-w-lg": e === "medium",
-      "w-full max-w-2xl": e === "large"
+      "w-full max-w-dialog-sm": e === "small",
+      "w-full max-w-dialog-md": e === "medium",
+      "w-full max-w-dialog-lg": e === "large"
     },
     t
   ), [e, t]);
-  return /* @__PURE__ */ n("div", { ref: o, className: l, ...r });
+  return /* @__PURE__ */ i("div", { ref: n, className: s, ...r });
 });
-ce.displayName = "DialogContent";
-const Re = { open: 300, close: 150 };
-function tt({ open: e, timeout: t = Re, onOpenChange: r, position: o = "right", overlay: l, ...i }) {
-  const s = W(), { refs: u, context: c } = _({ open: e, onOpenChange: r, nodeId: s }), { isMounted: h, styles: p } = D(c, {
+de.displayName = "DialogContent";
+const $e = { open: 250, close: 150 };
+function it({
+  open: e,
+  timeout: t = $e,
+  onOpenChange: r,
+  position: n = "right",
+  overlay: s,
+  onExited: o,
+  ...l
+}) {
+  const u = K(), f = I(!1), d = I(o), { refs: p, context: g } = H({ open: e, onOpenChange: r, nodeId: u }), { isMounted: h, styles: C } = L(g, {
     duration: t,
     initial() {
-      let x = "translateX(75%)";
-      return o === "left" ? x = "translateX(-75%)" : o === "top" ? x = "translateY(-75%)" : o === "bottom" && (x = "translateY(75%)"), { opacity: 0, transform: x };
+      let a = "translateX(75%)";
+      return n === "left" ? a = "translateX(-75%)" : n === "top" ? a = "translateY(-75%)" : n === "bottom" && (a = "translateY(75%)"), { opacity: 0, transform: a };
     }
-  }), m = d(() => w(
+  });
+  R(() => {
+    f.current !== h && (f.current = h, !h && d.current?.());
+  }, [h]);
+  const y = c(() => m(
     "fixed transition-transform z-30",
     {
-      "top-0 right-0 h-full max-h-screen": o === "right",
-      "top-0 left-0 h-full max-h-screen": o === "left",
-      "top-0 left-0 right-0 w-full max-w-screen": o === "top",
-      "bottom-0 left-0 right-0 w-full max-w-screen": o === "bottom"
+      "top-0 right-0 h-full max-h-screen": n === "right",
+      "top-0 left-0 h-full max-h-screen": n === "left",
+      "top-0 left-0 right-0 w-full max-w-screen": n === "top",
+      "bottom-0 left-0 right-0 w-full max-w-screen": n === "bottom"
     }
-  ), [o]);
-  return /* @__PURE__ */ g(Z, { disabled: !h, children: [
-    l ? /* @__PURE__ */ n(
-      U,
+  ), [n]);
+  return d.current = o, /* @__PURE__ */ k(W, { disabled: !h, children: [
+    s ? /* @__PURE__ */ i(
+      J,
       {
         className: "bg-backdrop",
-        style: { opacity: p.opacity },
+        style: { opacity: C.opacity },
         onClick: () => r?.(!1)
       }
     ) : null,
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ i(
       "div",
       {
-        ref: u.setFloating,
-        className: m,
+        ref: p.setFloating,
+        className: y,
         role: "dialog",
-        style: p,
-        children: /* @__PURE__ */ n(Se, { ...i })
+        style: C,
+        children: /* @__PURE__ */ i(Be, { ...l })
       }
     )
   ] });
 }
-function Se({ className: e, unstyled: t, ...r }) {
-  const o = d(() => t ? e : N(w(
+function Be({ className: e, unstyled: t, ...r }) {
+  const n = c(() => t ? e : F(m(
     "relative bg-background min-w-full min-h-full border border-input shadow-lg"
   ), e), [t, e]);
-  return /* @__PURE__ */ n("div", { className: o, ...r });
+  return /* @__PURE__ */ i("div", { className: n, ...r });
 }
-function Te(e) {
-  return /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...e, children: [
-    /* @__PURE__ */ n("path", { d: "M15 29a14 14 0 0 1-9.9-4.1A14 14 0 0 1 1 15a14 14 0 0 1 4.1-9.9A14 14 0 0 1 15 1a14 14 0 0 1 9.9 4.1A14 14 0 0 1 29 15a14 14 0 0 1-4.1 9.9A14 14 0 0 1 15 29z", fill: "none" }),
-    /* @__PURE__ */ n("path", { d: "M15 2a13 13 0 0 0-9.2 3.8A13 13 0 0 0 2 15a13 13 0 0 0 3.8 9.2A13 13 0 0 0 15 28a13 13 0 0 0 9.2-3.8A13 13 0 0 0 28 15a13 13 0 0 0-3.8-9.2A13 13 0 0 0 15 2m0-2a15 15 0 1 1 0 30 15 15 0 0 1 0-30z", fill: "currentColor" }),
-    /* @__PURE__ */ n("path", { d: "m11.5 18.5-3.9-4L6 16l5.6 5.6L23.2 10l-1.7-1.6z", fill: "currentColor" })
-  ] });
-}
-function G(e) {
-  return /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 32 32", ...e, children: [
-    /* @__PURE__ */ n("path", { d: "M16 0C7.16 0 0 7.16 0 16C0 24.84 7.16 32 16 32C24.84 32 32 24.84 32 16C32 7.16 24.84 0 16 0ZM16 31C7.73 31 1 24.27 1 16C1 7.73 7.73 1 16 1C24.27 1 31 7.73 31 16C31 24.27 24.27 31 16 31Z", fill: "currentColor" }),
-    /* @__PURE__ */ n("path", { d: "M15.5 19.55V8.54999C15.5 8.26999 15.72 8.04999 16 8.04999C16.28 8.04999 16.5 8.26999 16.5 8.54999V19.55C16.5 19.83 16.28 20.05 16 20.05C15.72 20.05 15.5 19.83 15.5 19.55Z", fill: "currentColor" }),
-    /* @__PURE__ */ n("path", { d: "M16 23.95C16.5523 23.95 17 23.5023 17 22.95C17 22.3977 16.5523 21.95 16 21.95C15.4477 21.95 15 22.3977 15 22.95C15 23.5023 15.4477 23.95 16 23.95Z", fill: "currentColor" })
-  ] });
-}
-function Le(e) {
-  return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 52 45", ...e, children: /* @__PURE__ */ n("path", { d: "M50.6 37.8 29.3 2c-1.5-2.6-5.1-2.8-6.7-.3l-21.2 36c-1.7 2.6.2 6.6 3.4 6.6h42.4c3.1 0 5-4 3.4-6.6Zm-24.7.6a2.7 2.7 0 1 1 0-5.5 2.7 2.7 0 0 1 0 5.5Zm2.9-10.1c0 1.5-1.3 2.7-2.8 2.7a2.8 2.8 0 0 1-2.8-2.7V13.9c0-1.5 1.3-2.7 2.8-2.7 1.5 0 2.8 1.2 2.8 2.7v14.4Z", fill: "currentColor" }) });
-}
-function Ee({ size: e = 20, label: t = "Loading...", ...r }) {
-  return /* @__PURE__ */ g("div", { role: "status", ...r, children: [
-    /* @__PURE__ */ g("svg", { "aria-hidden": "true", className: "text-accent animate-spin fill-primary", width: e, height: e, viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ n("path", { d: "M100 50.6a50 50 0 1 1-100 0 50 50 0 0 1 100 0Zm-91 0a41 41 0 1 0 82 0 41 41 0 0 0-82 0Z", fill: "currentColor" }),
-      /* @__PURE__ */ n("path", { d: "M94 39a4.2 4.2 0 0 0 3-5.4A50 50 0 0 0 41.7 1.3c-2.4.4-3.9 2.9-3.2 5.3a5 5 0 0 0 5.6 3.5A41 41 0 0 1 88 36 5 5 0 0 0 94 39Z", fill: "currentFill" })
+function Xe({ size: e = 20, label: t = "Loading...", ...r }) {
+  return /* @__PURE__ */ k("div", { role: "status", ...r, children: [
+    /* @__PURE__ */ k("svg", { "aria-hidden": "true", className: "text-accent animate-spin fill-primary", width: e, height: e, viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ i("path", { d: "M100 50.6a50 50 0 1 1-100 0 50 50 0 0 1 100 0Zm-91 0a41 41 0 1 0 82 0 41 41 0 0 0-82 0Z", fill: "currentColor" }),
+      /* @__PURE__ */ i("path", { d: "M94 39a4.2 4.2 0 0 0 3-5.4A50 50 0 0 0 41.7 1.3c-2.4.4-3.9 2.9-3.2 5.3a5 5 0 0 0 5.6 3.5A41 41 0 0 1 88 36 5 5 0 0 0 94 39Z", fill: "currentFill" })
     ] }),
-    /* @__PURE__ */ n("span", { className: "sr-only", children: t })
+    /* @__PURE__ */ i("span", { className: "sr-only", children: t })
   ] });
 }
-function _e({ type: e, label: t, message: r }) {
-  return /* @__PURE__ */ g("div", { className: "flex items-center px-4 py-3 w-80 text-sm bg-background border border-input rounded-lg shadow-md m-2", children: [
-    e ? /* @__PURE__ */ g("figure", { className: "mr-2", children: [
-      e === "success" ? /* @__PURE__ */ n(Te, { className: "text-primary size-5" }) : null,
-      e === "info" ? /* @__PURE__ */ n(G, { className: "text-info size-5" }) : null,
-      e === "error" ? /* @__PURE__ */ n(G, { className: "text-danger size-5" }) : null,
-      e === "warn" ? /* @__PURE__ */ n(Le, { className: "text-warn size-5" }) : null,
-      e === "loading" ? /* @__PURE__ */ n(Ee, { size: 20 }) : null
+function He({ type: e, label: t, message: r }) {
+  const { icons: n } = Ye();
+  return /* @__PURE__ */ k("div", { className: "flex items-center px-4 py-3 w-80 text-sm bg-background border border-input rounded-lg shadow-md m-2", children: [
+    e ? /* @__PURE__ */ k("figure", { className: "mr-2", children: [
+      e === "success" && n?.success ? n.success : null,
+      e === "info" && n?.info ? n.info : null,
+      e === "error" && n?.error ? n.error : null,
+      e === "warn" && n?.warn ? n.warn : null,
+      e === "loading" ? /* @__PURE__ */ i(Xe, { size: 20 }) : null
     ] }) : null,
-    /* @__PURE__ */ g("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ n("p", { className: "font-medium leading-none", children: t }),
-      r ? /* @__PURE__ */ n("p", { children: r }) : null
+    /* @__PURE__ */ k("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ i("p", { className: "font-medium leading-none", children: t }),
+      r ? /* @__PURE__ */ i("p", { children: r }) : null
     ] })
   ] });
 }
-function J() {
+function ee() {
 }
-class De {
+class Le {
   /** システムで１つしか存在しない前提とする */
-  notify = J;
+  notify = ee;
   lastId = 0;
   /** internal use only */
   subscribe = (t) => (this.notify = t, () => {
-    this.notify = J;
+    this.notify = ee;
   });
   add = (t, r = {}) => {
     this.lastId += 1;
-    const o = `${this.lastId}`;
-    return this.notify({ id: o, type: "add", config: { id: o, label: t, ...r } }), o;
+    const n = `${this.lastId}`;
+    return this.notify({ id: n, type: "add", config: { id: n, label: t, ...r } }), n;
   };
   /** 表示中のtoastを修正します。promiseのロード状態を表示することなどに使います */
   update = (t, r) => {
@@ -769,260 +791,165 @@ class De {
     this.lastId = 0;
   };
 }
-const de = new De();
-function Ze({
+const fe = new Le();
+function We({
   id: e,
   type: t,
   index: r,
-  duration: o,
-  className: l,
-  children: i,
-  inverted: s,
+  duration: n,
+  className: s,
+  children: o,
+  inverted: l,
   timeout: u = 250,
-  max: c = 3
+  max: f = 3
 }) {
-  const h = F(!1), [p, m] = S(!1), { context: x, refs: a } = _({ open: p, onOpenChange: m, nodeId: e }), { isMounted: b, styles: v } = D(x, {
+  const d = I(!1), [p, g] = E(!1), { context: h, refs: C } = H({ open: p, onOpenChange: g, nodeId: e }), { isMounted: y, styles: a } = L(h, {
     duration: u,
-    initial: { opacity: 0, transform: `translateY(${s ? "" : "-"}50%)` }
+    initial: { opacity: 0, transform: `translateY(${l ? "" : "-"}50%)` }
   });
-  ee(() => {
-    m(r <= c);
-  }, [r, c]), E(() => {
-    h.current !== b && (b || de.remove(e), h.current = b);
-  }, [b, e]), E(() => {
-    if (!o) return;
-    const C = window.setTimeout(() => m(!1), o);
-    return () => window.clearTimeout(C);
-  }, [o, e]);
-  const y = L(() => {
-    t !== "loading" && m(!1);
-  }, [t]), I = d(() => w(
+  ne(() => {
+    g(r <= f);
+  }, [r, f]), R(() => {
+    d.current !== y && (y || fe.remove(e), d.current = y);
+  }, [y, e]), R(() => {
+    if (!n) return;
+    const x = window.setTimeout(() => g(!1), n);
+    return () => window.clearTimeout(x);
+  }, [n, e]);
+  const N = O(() => {
+    t !== "loading" && g(!1);
+  }, [t]), v = c(() => m(
     "relative flex w-fit transition-transform ease-in-out cursor-pointer",
-    l
-  ), [l]);
-  return b ? /* @__PURE__ */ n(
+    s
+  ), [s]);
+  return y ? /* @__PURE__ */ i(
     "li",
     {
       role: "log",
       tabIndex: -1,
-      ref: a.setFloating,
-      className: I,
-      style: v,
-      onClick: y,
-      children: i
+      ref: C.setFloating,
+      className: v,
+      style: a,
+      onClick: N,
+      children: o
     }
   ) : null;
 }
-function nt({
+const pe = xe({});
+function Ye() {
+  return ve(pe);
+}
+function st({
   className: e,
   margin: t = 16,
   position: r = "top-left",
-  max: o,
-  ListItem: l = _e
+  max: n,
+  ListItem: s = He,
+  icons: o
 }) {
-  const i = d(() => {
+  const l = c(() => {
     const a = { position: "fixed" };
     return r.indexOf("top") > -1 ? a.top = t : r.indexOf("bottom") > -1 && (a.bottom = t), r.indexOf("left") > -1 ? (a.left = t, a.alignItems = "flex-start") : r.indexOf("right") > -1 ? (a.right = t, a.alignItems = "flex-end") : (a.left = "50%", a.alignItems = "center", a.transform = "translateX(-50%)"), a;
-  }, [t, r]), s = d(() => w(
+  }, [t, r]), u = c(() => m(
     "flex flex-col z-40 overflow-hidden",
     e
-  ), [e]), u = d(() => r?.startsWith("bottom") || !1, [r]), c = F(/* @__PURE__ */ new Map()), [h, p] = S([]), m = S(0)[1];
-  V(() => de.subscribe((a) => {
-    fe(() => {
+  ), [e]), f = c(() => r?.startsWith("bottom") || !1, [r]), d = I(/* @__PURE__ */ new Map()), [p, g] = E([]), h = E(0)[1];
+  Q(() => fe.subscribe((a) => {
+    ye(() => {
       if (a.type === "add")
-        c.current.set(a.id, a.config), p((b) => [...b, a.id]);
+        d.current.set(a.id, a.config), g((N) => [...N, a.id]);
       else if (a.type === "remove") {
-        if (!c.current.delete(a.id)) return;
-        p((v) => {
-          const y = new Set(v);
-          return y.has(a.id) ? (y.delete(a.id), Array.from(y)) : v;
+        if (!d.current.delete(a.id)) return;
+        g((v) => {
+          const x = new Set(v);
+          return x.has(a.id) ? (x.delete(a.id), Array.from(x)) : v;
         });
       } else if (a.type === "update") {
-        const b = c.current.get(a.id);
-        if (!b) return;
-        c.current.set(a.id, { ...b, ...a.config }), m((v) => v + 1);
+        const N = d.current.get(a.id);
+        if (!N) return;
+        d.current.set(a.id, { ...N, ...a.config }), h((v) => v + 1);
       }
     });
   }), []);
-  const x = h.length;
-  return /* @__PURE__ */ n(Z, { children: /* @__PURE__ */ n("ol", { className: s, style: i, "aria-live": "polite", children: h.map((a, b) => {
-    const v = c.current.get(a);
+  const C = c(() => ({ icons: o }), [o]), y = p.length;
+  return /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i("ol", { className: u, style: l, "aria-live": "polite", children: /* @__PURE__ */ i(pe.Provider, { value: C, children: p.map((a, N) => {
+    const v = d.current.get(a);
     if (!v) return null;
-    const { className: y, duration: I, ...C } = v;
-    return /* @__PURE__ */ n(
-      Ze,
+    const { className: x, duration: w, ..._ } = v;
+    return /* @__PURE__ */ i(
+      We,
       {
         id: a,
-        index: x - b,
-        className: y,
-        duration: I,
-        inverted: u,
-        max: o,
-        children: he(l, C)
+        index: y - N,
+        className: x,
+        duration: w,
+        inverted: f,
+        max: n,
+        children: we(s, _)
       },
       a
     );
-  }) }) });
+  }) }) }) });
 }
-function rt({ className: e, ...t }) {
-  const r = d(() => N(
+function lt({ className: e, ...t }) {
+  const r = c(() => F(
     "inline-block animate-pulse rounded-md bg-accent",
     e
   ), [e]);
-  return /* @__PURE__ */ n("span", { className: r, ...t });
+  return /* @__PURE__ */ i("span", { className: r, ...t });
 }
-function ot({ className: e, ...t }) {
-  const r = d(() => w(
+function at({ className: e, ...t }) {
+  const r = c(() => m(
     "flex items-center justify-center",
     "[&_button]:rounded-none [&_:first-child]:rounded-bl [&_:first-child]:rounded-tl [&_:last-child]:rounded-br [&_:last-child]:rounded-tr",
     "[&_:first-child]:border-r-0 [&_:last-child]:border-l-0",
     e
   ), [e]);
-  return /* @__PURE__ */ n("div", { role: "group", className: r, ...t });
+  return /* @__PURE__ */ i("div", { role: "group", className: r, ...t });
 }
-function it({ value: e, max: t, className: r, ...o }) {
-  const l = d(() => e ? Math.round(e / t * 100) : 0, [e, t]), i = d(() => N("relative overflow-hidden rounded-full bg-primary", r), [r]);
-  return /* @__PURE__ */ n("div", { role: "progressbar", className: i, "aria-valuemax": t, "aria-valuemin": 0, ...o, children: /* @__PURE__ */ n(
+function ct({ value: e, max: t, className: r, ...n }) {
+  const s = c(() => e ? Math.round(e / t * 100) : 0, [e, t]), o = c(() => F("relative overflow-hidden rounded-full bg-primary", r), [r]);
+  return /* @__PURE__ */ i("div", { role: "progressbar", className: o, "aria-valuemax": t, "aria-valuemin": 0, ...n, children: /* @__PURE__ */ i(
     "div",
     {
       className: "h-full w-full flex-1 bg-input transition-all origin-right",
-      style: { transform: `translateX(${l > 100 ? 100 : l}%)` }
+      style: { transform: `translateX(${s > 100 ? 100 : s}%)` }
     }
   ) });
 }
-function lt({ className: e, orientation: t = "horizontal", ...r }) {
-  const o = d(() => N(w(
+function ut({ className: e, orientation: t = "horizontal", ...r }) {
+  const n = c(() => F(m(
     "border-0 p-0 shrink-0 bg-input",
     t === "horizontal" ? "h-[1px] w-full" : "w-[1px] h-full"
   ), e), [e, t]);
-  return /* @__PURE__ */ n("hr", { className: o, role: "none", ...r });
-}
-function st(e) {
-  return /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...e, children: [
-    /* @__PURE__ */ g("g", { fill: "none", children: [
-      /* @__PURE__ */ n("path", { d: "M15 29c-3.74 0-7.255-1.456-9.9-4.1A13.908 13.908 0 011 15c0-3.74 1.456-7.255 4.1-9.9A13.908 13.908 0 0115 1c3.74 0 7.255 1.456 9.9 4.1A13.908 13.908 0 0129 15c0 3.74-1.456 7.255-4.1 9.9A13.908 13.908 0 0115 29z" }),
-      /* @__PURE__ */ n(
-        "path",
-        {
-          d: "M15 2a12.915 12.915 0 00-9.192 3.808A12.915 12.915 0 002 15c0 3.472 1.352 6.737 3.808 9.192A12.915 12.915 0 0015 28c3.472 0 6.737-1.352 9.192-3.808A12.915 12.915 0 0028 15c0-3.472-1.352-6.737-3.808-9.192A12.915 12.915 0 0015 2m0-2c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C0 6.716 6.716 0 15 0z",
-          fill: "currentColor"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ n(
-      "path",
-      {
-        d: "M18.066 8.5l-7.567 6.731 7.567 6.2",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2"
-      }
-    )
-  ] });
-}
-function at(e) {
-  return /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...e, children: [
-    /* @__PURE__ */ g("g", { fill: "none", children: [
-      /* @__PURE__ */ n("path", { d: "M15 29c-3.74 0-7.255-1.456-9.9-4.1A13.908 13.908 0 011 15c0-3.74 1.456-7.255 4.1-9.9A13.908 13.908 0 0115 1c3.74 0 7.255 1.456 9.9 4.1A13.908 13.908 0 0129 15c0 3.74-1.456 7.255-4.1 9.9A13.908 13.908 0 0115 29z" }),
-      /* @__PURE__ */ n(
-        "path",
-        {
-          d: "M15 2a12.915 12.915 0 00-9.192 3.808A12.915 12.915 0 002 15c0 3.472 1.352 6.737 3.808 9.192A12.915 12.915 0 0015 28c3.472 0 6.737-1.352 9.192-3.808A12.915 12.915 0 0028 15c0-3.472-1.352-6.737-3.808-9.192A12.915 12.915 0 0015 2m0-2c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C0 6.716 6.716 0 15 0z",
-          fill: "currentColor"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ g("g", { transform: "translate(9 7)", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-      /* @__PURE__ */ n("rect", { width: "12", height: "16", rx: "1", stroke: "none" }),
-      /* @__PURE__ */ n("path", { d: "M1 1h10v14H1z" })
-    ] }),
-    /* @__PURE__ */ n(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M13 11h4v1.3h-4zM13 14h4v1.3h-4zM13 17h4v1.3h-4z"
-      }
-    )
-  ] });
-}
-function ct(e) {
-  return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17.796", height: "17.908", viewBox: "0 0 17.796 17.908", ...e, children: /* @__PURE__ */ n(
-    "path",
-    {
-      d: "M1.254 12.674L.5 17.408l4.726-.8L17.3 4.472 13.281.5zM1.375 12.766l3.851 3.838M10.949 2.959l3.836 3.801",
-      fill: "none",
-      stroke: "currentColor"
-    }
-  ) });
-}
-function dt(e) {
-  return /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...e, children: [
-    /* @__PURE__ */ g("g", { fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-      /* @__PURE__ */ n("circle", { cx: "15", cy: "15", r: "15", stroke: "none" }),
-      /* @__PURE__ */ n("circle", { cx: "15", cy: "15", r: "14" })
-    ] }),
-    /* @__PURE__ */ n(
-      "path",
-      {
-        d: "M8 23a6.018 6.018 0 016-6h2a6.018 6.018 0 016 6zm2.6-2h8.9a4.033 4.033 0 00-3.5-2h-1.9a4.035 4.035 0 00-3.5 2zm.4-9v-1a4.012 4.012 0 014-4 4.012 4.012 0 014 4v1a4.012 4.012 0 01-4 4 4.012 4.012 0 01-4-4zm2-1v1a2.006 2.006 0 002 2 2.006 2.006 0 002-2v-1a2.006 2.006 0 00-2-2 2.006 2.006 0 00-2 2z",
-        fill: "currentColor"
-      }
-    )
-  ] });
-}
-function ut(e) {
-  return /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...e, children: /* @__PURE__ */ n(
-    "path",
-    {
-      d: "M15.065 0A15.069 15.069 0 00.142 13.105a1.256 1.256 0 102.478.406c0-.027.008-.055.01-.082a12.52 12.52 0 0121.3-7.226l-2.584 2.584 7.532 1.255-1.255-7.532-1.92 1.92A15 15 0 0015.065 0zm13.7 15.589A1.255 1.255 0 0027.5 16.7a12.512 12.512 0 01-21.893 6.569l1.927-1.927L0 20.086l1.255 7.532 2.572-2.572a15.02 15.02 0 0026.16-8.023 1.256 1.256 0 00-1.064-1.423 1.273 1.273 0 00-.16-.011z",
-      fill: "currentColor"
-    }
-  ) });
-}
-function ft(e) {
-  return /* @__PURE__ */ g("svg", { width: "30", height: "30", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
-    /* @__PURE__ */ n("rect", { x: "16.5", y: "9", width: "14", height: "1", rx: ".5", transform: "rotate(90 16.5 9)", fill: "currentColor" }),
-    /* @__PURE__ */ n("rect", { x: "9", y: "15.5", width: "14", height: "1", rx: ".5", fill: "currentColor" })
-  ] });
+  return /* @__PURE__ */ i("hr", { className: n, role: "none", ...r });
 }
 export {
-  Ge as Accordion,
-  Qe as Button,
-  ot as ButtonGroup,
-  Ue as Checkbox,
-  et as Dialog,
-  lt as Divider,
-  Ye as FormField,
-  xe as FormLabel,
-  G as IconAlert,
-  Te as IconApproved,
-  Ne as IconArrowDown,
-  Le as IconCaution,
-  le as IconCheck,
-  st as IconChevronRound,
-  Ie as IconClose,
-  at as IconFileRound,
-  ct as IconPencil,
-  ft as IconPlus,
-  ut as IconRefresh,
-  dt as IconUser,
-  ye as Input,
-  qe as InputField,
-  rt as Placeholder,
-  se as Popover,
-  Z as Portal,
-  it as Progress,
-  Ke as Radio,
-  Ve as Select,
-  tt as Sheet,
-  Ee as Spinner,
-  Fe as Switch,
-  Ce as Textarea,
-  nt as Toast,
-  _e as ToastItem,
-  Je as Tooltip,
-  gt as clsx,
-  N as merge,
-  de as toast,
-  Be as varientButton
+  nt as Accordion,
+  rt as Button,
+  at as ButtonGroup,
+  Ve as Checkbox,
+  ot as Dialog,
+  ut as Divider,
+  Je as FormField,
+  Te as FormLabel,
+  Ae as Input,
+  Qe as InputField,
+  lt as Placeholder,
+  ae as Popover,
+  W as Portal,
+  ct as Progress,
+  tt as Radio,
+  et as Select,
+  it as Sheet,
+  Xe as Spinner,
+  De as Switch,
+  Me as Textarea,
+  st as Toast,
+  He as ToastItem,
+  Oe as Tooltip,
+  pt as clsx,
+  F as merge,
+  fe as toast,
+  je as varientButton
 };