visits-style 2.1.4 → 2.2.1

package/dist/index.es.js

@@ -1,960 +1,988 @@
-import h 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 M, useState as E, useRef as F, useCallback as j, 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 I(e, t) {
-  return t ? he(e, t) : e;
-}
-function Te({ className: e, ...t }) {
-  const r = c(() => h("leading-none peer-disabled:opacity-70", e), [e]);
-  return /* @__PURE__ */ i("label", { className: r, ...t });
-}
-function Je({
-  label: e,
-  children: t,
-  required: r,
-  htmlFor: n,
-  error: s,
-  help: o,
-  helpBefore: l,
-  className: u,
-  innerClass: p,
-  ...d
-}) {
-  const f = c(() => h(
-    "font-medium",
-    r ? 'after:content-["*"] after:text-danger after:text-sm after:pl-0.5' : ""
-  ), [r]), y = c(() => I("flex flex-col space-y-2", u), [u]);
-  return /* @__PURE__ */ k("div", { className: y, ...d, children: [
-    e ? /* @__PURE__ */ i(Te, { className: f, htmlFor: n, children: e }) : null,
-    o && l ? /* @__PURE__ */ i("p", { className: "text-xs text-muted pb-2", children: o }) : null,
-    /* @__PURE__ */ i("div", { className: p, 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 Pe(e, t) {
-  const r = z.count(e);
-  if (!r) return null;
-  if (r === 1)
-    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, ...n }) {
-  const s = c(() => t ? r : I(h(
-    "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__ */ i("div", { className: s, ...n });
-}
-const Re = S(({
-  className: e,
-  type: t,
-  error: r,
-  unstyled: n,
-  ...s
-}, o) => {
-  const l = c(() => n ? e : I(h(
-    "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, n]);
-  return /* @__PURE__ */ i("input", { ref: o, type: t, className: l, ...s });
-});
-Re.displayName = "Input";
-const Ae = S(({
-  className: e,
-  error: t,
-  unstyled: r,
-  ...n
-}, s) => {
-  const o = c(() => r ? e : I(h(
-    "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__ */ i("textarea", { ref: s, className: o, ...n });
-});
-Ae.displayName = "Textarea";
-function Me() {
-  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 Ve({
-  checked: e,
-  indeterminate: t,
-  className: r,
-  id: n,
-  name: s,
-  onChange: o,
-  value: l,
-  checkIcon: u,
-  ...p
-}) {
-  const d = c(() => I(h(
-    "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]), f = () => {
-    p.disabled || o?.(!e);
-  };
-  return /* @__PURE__ */ k(
-    "button",
-    {
-      type: "button",
-      role: "checkbox",
-      id: n || s,
-      className: d,
-      onClick: f,
-      "aria-checked": e,
-      ...p,
-      children: [
-        e ? u : null,
-        t && !e ? /* @__PURE__ */ i(Me, {}) : null,
-        /* @__PURE__ */ i(
-          "input",
-          {
-            type: "checkbox",
-            "aria-hidden": "true",
-            name: s,
-            checked: e,
-            value: l,
-            onChange: f,
-            disabled: p.disabled,
-            style: { position: "absolute", pointerEvents: "none", top: 0, left: 0, width: 1, height: 1, opacity: 0 }
-          }
-        )
-      ]
-    }
-  );
-}
-const Se = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Q = Se ? ne : M;
-function W({ children: e, container: t, disabled: r }) {
-  const [n, s] = E(null);
-  return Q(() => {
-    if (!t) {
-      let o = document.getElementById("visits-style-portals");
-      return o || (o = document.createElement("div"), o.id = "visits-style-portals", document.body.appendChild(o)), s(o);
-    }
-    s(t);
-  }, [t]), r || !n ? null : Fe(e, n);
-}
-function q(e) {
-  e && (e.stopPropagation(), e.preventDefault());
-}
-const _e = { open: 150, close: 75 }, ae = S(({
-  position: e,
-  label: t,
-  children: r,
-  disabled: n,
-  offset: s = { x: 0, y: 6 },
-  onOpen: o,
-  onClose: l,
-  onManualClose: u,
-  timeout: p = _e,
-  unstyled: d,
-  zIndex: f = 9996,
-  role: y,
-  ...C
-}, N) => {
-  const [m, a] = E(!1), v = K(), g = F(o), x = F(l), { refs: w, floatingStyles: _, context: D } = H({
-    nodeId: v,
-    placement: e,
-    middleware: [
-      ie(),
-      se({ fallbackAxisSideDirection: "end" }),
-      le({ mainAxis: s.y, crossAxis: s.x })
-    ],
-    open: m,
-    onOpenChange: (T) => {
-      T ? g.current?.(w.reference.current, w.floating.current) : x.current?.(w.reference.current, w.floating.current), a(T);
-    },
-    whileElementsMounted: oe
-  }), { isMounted: O, styles: Y } = L(D, {
-    duration: p,
-    initial({ side: T }) {
-      let R = "";
-      return T === "top" ? R = "translateY(5%) scale(0.95)" : T === "bottom" ? R = "translateY(-5%) scale(0.95)" : T === "left" ? R = "translateX(5%) scale(0.95)" : R = "translateX(-5%) scale(0.95)", { opacity: 0, transform: R };
-    }
-  }), $ = j((T) => {
-    if (q(T), u) return u();
-    a(!1), x.current?.(w.reference.current, w.floating.current);
-  }, [u]);
-  M(() => {
-    if (n && m) return a(!1);
-  }, [n, m]), re(N, () => ({
-    open: () => {
-      a(!0), g.current?.(w.reference.current, w.floating.current);
-    },
-    close: () => {
-      a(!1), x.current?.(w.reference.current, w.floating.current);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }), []);
-  const { getFloatingProps: B, getReferenceProps: X } = U([
-    Ce(D, { enabled: !n })
-  ]);
-  return g.current = o, x.current = l, /* @__PURE__ */ k(te, { children: [
-    Z(z.only(t), X({
-      ref: w.setReference,
-      tabIndex: 0,
-      role: "button",
-      "aria-expanded": m,
-      disabled: n,
-      onClick: q
-    })),
-    /* @__PURE__ */ i(W, { disabled: n || !O, children: /* @__PURE__ */ i(
-      J,
-      {
-        "data-testid": "vs-popover-shadow",
-        onClick: $,
-        style: { zIndex: f },
-        autoFocus: !0,
-        children: /* @__PURE__ */ i("div", { role: y || "region", ref: w.setFloating, style: _, children: /* @__PURE__ */ i(
-          ce,
-          {
-            unstyled: d,
-            styles: Y,
-            ...B({ ...C, onClick: q }),
-            children: r
-          }
-        ) })
-      }
-    ) })
-  ] });
-});
-ae.displayName = "Popover";
-const ce = S(({
-  className: e,
-  unstyled: t,
-  styles: r,
-  style: n = {},
-  ...s
-}, o) => {
-  const l = c(() => I(h(
-    "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__ */ i("div", { ref: o, className: l, style: { ...r, ...n }, ...s });
-});
-ce.displayName = "PopoverContent";
-function et({
-  className: e,
-  placeholder: t = "",
-  options: r = [],
-  error: n,
-  unstyled: s,
-  disabled: o,
-  value: l,
-  maxHeight: u = 408,
-  arrowIcon: p,
-  closeIcon: d,
-  checkIcon: f,
-  onChange: y,
-  onClear: C,
-  renderItem: N,
-  sectionLabelStyle: m,
-  buttonAreaStyle: a,
-  clearLabelText: v,
-  optionStyle: g,
-  ...x
-}) {
-  const w = F(null), [_, D] = E(0), O = c(() => s ? e : I(h(
-    "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",
-    n ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore"
-  ), e), [e, n, s]), Y = c(() => Array.isArray(l), []), $ = j((b) => {
-    y?.(b), Y || w.current?.close();
-  }, [y, Y]), B = j((b) => Array.isArray(l) ? l.indexOf(b) > -1 : l === b, [l]), X = c(() => {
-    const b = {}, A = r.filter((P) => typeof P != "string");
-    for (let P = 0, G = A.length; P < G; P += 1) {
-      const V = A[P];
-      b[`${V.value}`] = V.label;
-    }
-    return b;
-  }, [r]), T = c(() => {
-    if (!l) return t;
-    if (Array.isArray(l)) {
-      if (!l.length) return t;
-      const b = [...l].sort(), A = [];
-      for (let P = 0, G = b.length; P < G; P += 1)
-        A[P] = X[`${b[P]}`] || "";
-      return A.filter(Boolean).join(",") || t;
-    }
-    return X[`${l}`] || t;
-  }, [t, l, X]), R = T === t, be = c(() => h(
-    "overflow-hidden overflow-ellipsis whitespace-nowrap",
-    R ? "text-muted" : "text-text"
-  ), [R]), me = j((b, A) => N ? typeof b == "string" ? N(b, { index: A, selected: !1, onChange: () => {
-  } }) : N(b, {
-    index: A,
-    selected: B(b.value),
-    onChange: () => $(b.value)
-  }) : typeof b == "string" ? /* @__PURE__ */ i(
-    "h5",
-    {
-      className: h("font-normal py-1 px-2 text-muted", m),
-      children: b
-    },
-    `optionheader-${A}`
-  ) : /* @__PURE__ */ i(
-    Ee,
-    {
-      selected: B(b.value),
-      onChange: $,
-      checkIcon: f,
-      className: g,
-      ...b
-    },
-    b.label
-  ), [N, $, B, m, g, f]), ge = c(() => h(
-    "relative flex items-center pr-4 space-x-2",
-    a
-  ), [a]);
-  return /* @__PURE__ */ i(
-    ae,
-    {
-      label: /* @__PURE__ */ k("button", { type: "button", className: O, disabled: o, ...x, children: [
-        /* @__PURE__ */ i("span", { className: be, children: T }),
-        /* @__PURE__ */ k("div", { className: ge, children: [
-          C && !R ? /* @__PURE__ */ i(
-            "div",
-            {
-              tabIndex: -1,
-              role: "button",
-              className: "size-6 p-1.5 rounded hover:bg-accent cursor-pointer",
-              "aria-label": v,
-              onKeyDown: (b) => {
-                b.key !== "Enter" && b.key !== "Space" || C();
-              },
-              onClick: (b) => {
-                b.stopPropagation(), C();
-              },
-              children: d
-            }
-          ) : null,
-          p
-        ] })
-      ] }),
-      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: _, maxWidth: "calc(100vw - 3rem)", maxHeight: u },
-          children: r.map(me)
-        }
-      )
-    }
-  );
-}
-function Ee({
-  className: e,
-  value: t,
-  label: r,
-  selected: n,
-  checkIcon: s,
-  onChange: o
-}) {
-  const l = c(() => h(
-    "flex items-center w-full hover:bg-accent rounded p-1 cursor-pointer",
-    e
-  ), [e]);
-  return /* @__PURE__ */ k(
-    "button",
-    {
-      type: "button",
-      role: "option",
-      className: l,
-      "aria-selected": n,
-      onClick: () => o?.(t),
-      children: [
-        n && s ? s : /* @__PURE__ */ i("div", { className: "w-5 h-1 mr-1" }),
-        r
-      ]
-    }
-  );
-}
-function tt({ checked: e, className: t, id: r, name: n, onChange: s, value: o, ...l }) {
-  const u = c(() => h(
-    "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]), p = () => {
-    l.disabled || s?.(!e);
-  };
-  return /* @__PURE__ */ k(
-    "button",
-    {
-      type: "button",
-      role: "radio",
-      id: r || n,
-      className: u,
-      onClick: p,
-      "aria-checked": e,
-      ...l,
-      children: [
-        /* @__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__ */ i(
-          "input",
-          {
-            type: "radio",
-            "aria-hidden": "true",
-            name: n,
-            checked: e,
-            value: o,
-            onChange: p,
-            disabled: l.disabled,
-            style: { position: "absolute", pointerEvents: "none", top: 0, left: 0, width: 1, height: 1, opacity: 0 }
-          }
-        )
-      ]
-    }
-  );
-}
-const De = S(({
-  className: e,
-  checked: t,
-  onChange: r,
-  value: n,
-  id: s,
-  name: o,
-  ...l
-}, u) => {
-  const p = c(() => I(h(
-    "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]), d = c(() => I(
-    "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
-    e
-  ), [e]), f = () => {
-    l.disabled || r?.(!t);
-  };
-  return /* @__PURE__ */ k(
-    "button",
-    {
-      type: "button",
-      role: "switch",
-      id: s || o,
-      className: p,
-      onClick: f,
-      "aria-checked": t,
-      ...l,
-      children: [
-        /* @__PURE__ */ i("span", { className: d, style: { transform: t ? "translateX(100%)" : "" } }),
-        /* @__PURE__ */ i(
-          "input",
-          {
-            ref: u,
-            type: "checkbox",
-            "aria-hidden": "true",
-            name: o,
-            checked: t,
-            value: n,
-            onChange: f,
-            disabled: l.disabled,
-            style: { position: "absolute", pointerEvents: "none", top: 0, left: 0, width: 1, height: 1, opacity: 0 }
-          }
-        )
-      ]
-    }
-  );
-});
-De.displayName = "Switch";
-function nt({ header: e, show: t, children: r, timeout: n = 300, ...s }) {
-  const o = F(null), l = F(0), u = F(0), p = F(!0);
-  return M(() => {
-    u.current = n;
-  }, [n]), Q(() => {
-    if (!o.current) return;
-    if (o.current.style.overflow = "hidden", o.current.style.opacity = "1", p.current) {
-      p.current = !1, o.current.style.height = t ? "auto" : "0px", t ? window.requestAnimationFrame(() => {
-        o.current && (l.current = o.current.offsetHeight);
-      }) : (window.requestAnimationFrame(() => {
-        o.current && (o.current.style.height = "auto", l.current = o.current.offsetHeight, o.current.style.height = "0px");
-      }), o.current.style.opacity = "0");
-      return;
-    }
-    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 f;
-    const y = () => {
-      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 ? y() : f = window.setTimeout(y, u.current), () => {
-      d.forEach(window.cancelAnimationFrame), f && window.clearTimeout(f);
-    };
-  }, [t]), /* @__PURE__ */ k("div", { ...s, children: [
-    e,
-    /* @__PURE__ */ i(
-      "div",
-      {
-        className: "transition-all ease-in-out overflow-hidden",
-        role: "region",
-        "aria-hidden": !t,
-        ref: o,
-        style: { transitionDuration: `${n}ms` },
-        children: r
-      }
-    )
-  ] });
-}
-const je = S(({
-  children: e,
-  position: t = "bottom",
-  label: r,
-  className: n,
-  timeout: s = 150,
-  offset: o = { x: 0, y: 6 },
-  clientPoint: l = !1,
-  disabled: u
-}, p) => {
-  const [d, f] = E(!1), y = K(), { refs: C, floatingStyles: N, context: m } = H({
-    nodeId: y,
-    open: d,
-    placement: t,
-    middleware: [
-      ie(),
-      se(),
-      le({ mainAxis: o.y, crossAxis: o.x })
-    ],
-    whileElementsMounted: u ? void 0 : oe,
-    onOpenChange: f
-  }), { getReferenceProps: a, getFloatingProps: v } = U([
-    Ne(m, { enabled: !u }),
-    ke(m, { enabled: l })
-  ]), { isMounted: g, styles: x } = L(m, {
-    duration: s,
-    initial: { opacity: 0, transform: "scale(0.8)" }
-  });
-  re(p, () => ({
-    floating: C.floating,
-    reference: C.reference,
-    open: () => f(!0),
-    close: () => f(!1)
-  })), M(() => {
-    u && f(!1);
-  }, [u]);
-  const w = typeof e == "string" ? /* @__PURE__ */ i("span", { children: e }) : e;
-  return /* @__PURE__ */ k(te, { children: [
-    Z(z.only(w), {
-      ref: C.setReference,
-      ...a()
-    }),
-    /* @__PURE__ */ i(W, { disabled: u || !g, children: /* @__PURE__ */ i("div", { role: "tooltip", className: "z-[9999]", ref: C.setFloating, ...v({ style: N }), children: /* @__PURE__ */ i(ue, { className: n, style: x, children: r }) }) })
-  ] });
-});
-je.displayName = "Tooltip";
-const ue = S(({
-  className: e,
-  custom: t,
-  ...r
-}, n) => {
-  const s = c(() => I(h(
-    "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__ */ i("div", { ref: n, className: s, ...r });
+import e from "clsx";
+import { twMerge as t } from "tailwind-merge";
+import { Children as n, cloneElement as r, createContext as i, createElement as a, forwardRef as o, startTransition as s, useCallback as c, useContext as l, useEffect as u, useImperativeHandle as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { FloatingOverlay as y, autoUpdate as b, flip as x, offset as S, shift as C, useClick as w, useClientPoint as T, useDismiss as E, useFloating as D, useHover as O, useId as k, useInteractions as A, useTransitionStyles as j } from "@floating-ui/react";
+import { createPortal as M } from "react-dom";
+//#region src/utils/merge.ts
+var N = e;
+function P(e, n) {
+	return n ? t(e, n) : e;
+}
+//#endregion
+//#region src/elements/Base.tsx
+function F({ as: e, classList: t = [], className: n, override: r, ...i }) {
+	let o = p(() => r ? n : P(N(t), n), [
+		t,
+		n,
+		r
+	]);
+	return a(e || "div", {
+		className: o,
+		...i
+	});
+}
+//#endregion
+//#region src/forms/Field/FormLabel.tsx
+function I(e) {
+	return /* @__PURE__ */ _(F, {
+		as: "label",
+		classList: ["leading-none peer-disabled:opacity-70"],
+		...e
+	});
+}
+//#endregion
+//#region src/forms/Field/FormField.tsx
+function L({ label: e, children: t, required: n, htmlFor: r, error: i, help: a, helpBefore: o, innerClass: s, ...c }) {
+	let l = p(() => N("font-medium", n ? "after:content-[\"*\"] after:text-danger after:text-sm after:pl-0.5" : ""), [n]);
+	return /* @__PURE__ */ v(F, {
+		classList: "flex flex-col space-y-2",
+		...c,
+		children: [
+			e ? /* @__PURE__ */ _(I, {
+				className: l,
+				htmlFor: r,
+				children: e
+			}) : null,
+			a && o ? /* @__PURE__ */ _("p", {
+				className: "text-xs text-muted pb-2",
+				children: a
+			}) : null,
+			/* @__PURE__ */ _("div", {
+				className: s,
+				children: R(t, !!i)
+			}),
+			a && !o && !i ? /* @__PURE__ */ _("p", {
+				className: "text-xs text-muted",
+				children: a
+			}) : null,
+			i ? /* @__PURE__ */ _("p", {
+				className: "text-xs text-danger",
+				children: i
+			}) : null
+		]
+	});
+}
+function R(e, t) {
+	let i = n.count(e);
+	if (!i) return null;
+	if (i === 1) return r(e, { error: t });
+	let a = n.toArray(e);
+	return a[0] = r(a[0], { error: t }), a;
+}
+//#endregion
+//#region src/forms/Field/InputField.tsx
+function z({ error: e, ...t }) {
+	return /* @__PURE__ */ _(F, {
+		as: "fieldset",
+		classList: [
+			"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"
+		],
+		...t
+	});
+}
+//#endregion
+//#region src/forms/Input/index.tsx
+function B({ type: e, error: t, ...n }) {
+	return /* @__PURE__ */ _(F, {
+		as: "input",
+		type: e,
+		classList: [
+			"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",
+			t ? "border-danger hover:border-danger-fore focus-visible:ring-danger" : "border-input not-disabled:hover:border-input-fore focus-visible:ring-ring",
+			e === "file" ? "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground" : null
+		],
+		...n
+	});
+}
+//#endregion
+//#region src/forms/Textarea/index.tsx
+function V({ error: e, ...t }) {
+	return /* @__PURE__ */ _(F, {
+		as: "textarea",
+		classList: [
+			"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",
+			e ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore"
+		],
+		...t
+	});
+}
+//#endregion
+//#region src/forms/Checkbox/index.tsx
+function ee() {
+	return /* @__PURE__ */ _("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "30",
+		height: "30",
+		viewBox: "0 0 30 30",
+		children: /* @__PURE__ */ _("rect", {
+			width: "20",
+			height: "3",
+			y: "13.5",
+			x: "4.5",
+			fill: "currentColor",
+			stroke: "none",
+			rx: "2"
+		})
+	});
+}
+function H({ checked: e, indeterminate: t, id: n, name: r, onChange: i, value: a, checkIcon: o, error: s, ...c }) {
+	let l = () => {
+		c.disabled || i?.(!e);
+	};
+	return /* @__PURE__ */ v(F, {
+		as: "button",
+		type: "button",
+		role: "checkbox",
+		id: n || r,
+		classList: [
+			"inline-flex justify-center items-center border w-4.5 h-4.5 rounded",
+			"cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
+			{
+				"border-danger hover:border-danger-fore": s,
+				"bg-primary text-inverted disabled:text-text disabled:bg-input disabled:border-input": !s && e,
+				"border-input not-disabled:hover:border-input-fore": !s && !e
+			}
+		],
+		onClick: l,
+		"aria-checked": e,
+		...c,
+		children: [
+			e ? o : null,
+			t && !e ? /* @__PURE__ */ _(ee, {}) : null,
+			/* @__PURE__ */ _("input", {
+				type: "checkbox",
+				"aria-hidden": "true",
+				name: r,
+				checked: e,
+				value: a,
+				onChange: l,
+				disabled: c.disabled,
+				style: {
+					position: "absolute",
+					pointerEvents: "none",
+					top: 0,
+					left: 0,
+					width: 1,
+					height: 1,
+					opacity: 0
+				}
+			})
+		]
+	});
+}
+//#endregion
+//#region src/hooks/useIsomorphicLayoutEffect.ts
+var U = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? f : u;
+//#endregion
+//#region src/components/Portal/index.tsx
+function W({ children: e, container: t, disabled: n }) {
+	let [r, i] = h(null);
+	return U(() => {
+		if (!t) {
+			let e = document.getElementById("visits-style-portals");
+			return e || (e = document.createElement("div"), e.id = "visits-style-portals", document.body.appendChild(e)), i(e);
+		}
+		i(t);
+	}, [t]), n || !r ? null : M(e, r);
+}
+//#endregion
+//#region src/utils/stopPropagation.ts
+function G(e) {
+	e && (e.stopPropagation(), e.preventDefault());
+}
+//#endregion
+//#region src/components/Popover/index.tsx
+var te = {
+	open: 150,
+	close: 75
+};
+function K({ ref: e, position: t, label: i, children: a, disabled: o, offset: s = {
+	x: 0,
+	y: 6
+}, onOpen: l, onClose: f, onManualClose: p, timeout: T = te, override: E, zIndex: O = 9996, role: M, ...N }) {
+	let [P, F] = h(!1), I = k(), L = m(l), R = m(f), { refs: z, floatingStyles: B, context: V } = D({
+		nodeId: I,
+		placement: t,
+		middleware: [
+			C(),
+			x({ fallbackAxisSideDirection: "end" }),
+			S({
+				mainAxis: s.y,
+				crossAxis: s.x
+			})
+		],
+		open: P,
+		onOpenChange: (e) => {
+			e ? L.current?.(z.reference.current, z.floating.current) : R.current?.(z.reference.current, z.floating.current), F(e);
+		},
+		whileElementsMounted: b
+	}), { isMounted: ee, styles: H } = j(V, {
+		duration: T,
+		initial({ side: e }) {
+			let t = "";
+			return t = e === "top" ? "translateY(5%) scale(0.95)" : e === "bottom" ? "translateY(-5%) scale(0.95)" : e === "left" ? "translateX(5%) scale(0.95)" : "translateX(-5%) scale(0.95)", {
+				opacity: 0,
+				transform: t
+			};
+		}
+	}), U = c((e) => {
+		if (G(e), p) return p();
+		F(!1), R.current?.(z.reference.current, z.floating.current);
+	}, [p]);
+	u(() => {
+		if (o && P) return F(!1);
+	}, [o, P]), d(e, () => ({
+		open: () => {
+			F(!0), L.current?.(z.reference.current, z.floating.current);
+		},
+		close: () => {
+			F(!1), R.current?.(z.reference.current, z.floating.current);
+		}
+	}), []);
+	let { getFloatingProps: K, getReferenceProps: q } = A([w(V, { enabled: !o })]);
+	return L.current = l, R.current = f, /* @__PURE__ */ v(g, { children: [r(n.only(i), q({
+		ref: z.setReference,
+		tabIndex: 0,
+		role: "button",
+		"aria-expanded": P,
+		disabled: o,
+		onClick: G
+	})), /* @__PURE__ */ _(W, {
+		disabled: o || !ee,
+		children: /* @__PURE__ */ _(y, {
+			"data-testid": "vs-popover-shadow",
+			onClick: U,
+			style: { zIndex: O },
+			autoFocus: !0,
+			children: /* @__PURE__ */ _("div", {
+				role: M || "region",
+				ref: z.setFloating,
+				style: B,
+				children: /* @__PURE__ */ _(ne, {
+					override: E,
+					styles: H,
+					...K({
+						...N,
+						onClick: G
+					}),
+					children: a
+				})
+			})
+		})
+	})] });
+}
+function ne({ override: e, styles: t, style: n = {}, ...r }) {
+	return /* @__PURE__ */ _(F, {
+		classList: ["z-20 w-auto h-auto outline-none transition-transform ease-in-out", e ? null : "border border-accent rounded-md shadow-lg p-1 bg-background"],
+		style: {
+			...t,
+			...n
+		},
+		...r
+	});
+}
+//#endregion
+//#region src/forms/Select/index.tsx
+function q({ className: e, placeholder: t = "", options: n = [], error: r, disabled: i, value: a, maxHeight: o = 408, arrowIcon: s, closeIcon: l, checkIcon: u, onChange: d, onClear: f, renderItem: g, sectionLabelStyle: y, buttonAreaStyle: b, clearLabelText: x, optionStyle: S, ...C }) {
+	let w = m(null), [T, E] = h(0), D = p(() => Array.isArray(a), []), O = c((e) => {
+		d?.(e), D || w.current?.close();
+	}, [d, D]), k = c((e) => Array.isArray(a) ? a.indexOf(e) > -1 : a === e, [a]), A = p(() => {
+		let e = {}, t = n.filter((e) => typeof e != "string");
+		for (let n = 0, r = t.length; n < r; n += 1) {
+			let r = t[n];
+			e[`${r.value}`] = r.label;
+		}
+		return e;
+	}, [n]), j = p(() => {
+		if (!a) return t;
+		if (Array.isArray(a)) {
+			if (!a.length) return t;
+			let e = [...a].sort(), n = [];
+			for (let t = 0, r = e.length; t < r; t += 1) n[t] = A[`${e[t]}`] || "";
+			return n.filter(Boolean).join(",") || t;
+		}
+		return A[`${a}`] || t;
+	}, [
+		t,
+		a,
+		A
+	]), M = p(() => a == null ? !0 : Array.isArray(a) ? !a.length : !1, [a]), N = c((e, t) => g ? typeof e == "string" ? g(e, {
+		index: t,
+		selected: !1,
+		onChange: () => {}
+	}) : g(e, {
+		index: t,
+		selected: k(e.value),
+		onChange: () => O(e.value)
+	}) : typeof e == "string" ? /* @__PURE__ */ _(F, {
+		as: "h5",
+		classList: ["font-normal py-1 px-2 text-muted"],
+		className: y,
+		children: e
+	}, `optionheader-${t}`) : /* @__PURE__ */ _(re, {
+		selected: k(e.value),
+		onChange: O,
+		checkIcon: u,
+		className: S,
+		...e
+	}, e.label), [
+		g,
+		O,
+		k,
+		y,
+		S,
+		u
+	]);
+	return /* @__PURE__ */ _(K, {
+		label: /* @__PURE__ */ v(F, {
+			as: "button",
+			type: "button",
+			classList: [
+				"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",
+				r ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore"
+			],
+			className: e,
+			disabled: i,
+			...C,
+			children: [/* @__PURE__ */ _(F, {
+				as: "span",
+				classList: ["overflow-hidden text-ellipsis whitespace-nowrap", M ? "text-muted" : "text-text"],
+				children: j
+			}), /* @__PURE__ */ v(F, {
+				classList: "relative flex items-center space-x-2",
+				className: b,
+				children: [f && !M ? /* @__PURE__ */ _("div", {
+					tabIndex: -1,
+					role: "button",
+					className: "size-6 p-1.5 rounded hover:bg-accent cursor-pointer",
+					"aria-label": x,
+					onKeyDown: (e) => {
+						(e.key === "Enter" || e.key === "Space") && f();
+					},
+					onClick: (e) => {
+						e.stopPropagation(), f();
+					},
+					children: l
+				}) : null, s]
+			})]
+		}),
+		ref: w,
+		onOpen: (e) => E(e?.getBoundingClientRect().width || 0),
+		disabled: i,
+		children: /* @__PURE__ */ _("ul", {
+			className: "overflow-y-auto flex flex-col",
+			role: "listbox",
+			style: {
+				minWidth: T,
+				maxWidth: "calc(100vw - 3rem)",
+				maxHeight: o
+			},
+			children: n.map(N)
+		})
+	});
+}
+function re({ className: e, value: t, label: n, selected: r, checkIcon: i, onChange: a }) {
+	return /* @__PURE__ */ v(F, {
+		as: "button",
+		type: "button",
+		role: "option",
+		classList: "flex items-center w-full hover:bg-accent rounded p-1 cursor-pointer",
+		className: e,
+		"aria-selected": r,
+		onClick: () => a?.(t),
+		children: [r && i ? i : /* @__PURE__ */ _("div", { className: "w-5 h-1 mr-1" }), n]
+	});
+}
+//#endregion
+//#region src/forms/Radio/index.tsx
+function ie({ checked: e, className: t, id: n, name: r, onChange: i, value: a, error: o, ...s }) {
+	let c = () => {
+		s.disabled || i?.(!e);
+	};
+	return /* @__PURE__ */ v(F, {
+		as: "button",
+		type: "button",
+		role: "radio",
+		id: n || r,
+		classList: [
+			"relative inline-flex justify-center items-center border w-4.5 h-4.5 rounded-full",
+			"cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed not-disabled:hover:border-input-fore",
+			o ? "border-danger" : "border-input",
+			e ? "[&_i]:bg-primary disabled:[&_i]:bg-text disabled:border-input" : ""
+		],
+		className: t,
+		onClick: c,
+		"aria-checked": e,
+		...s,
+		children: [/* @__PURE__ */ _("i", {
+			className: "block w-2.5 h-2.5 rounded-full transition-transform",
+			style: {
+				transform: e ? "" : "scale(0.8)",
+				opacity: +!!e
+			}
+		}), /* @__PURE__ */ _("input", {
+			type: "radio",
+			"aria-hidden": "true",
+			name: r,
+			checked: e,
+			value: a,
+			onChange: c,
+			disabled: s.disabled,
+			style: {
+				position: "absolute",
+				pointerEvents: "none",
+				top: 0,
+				left: 0,
+				width: 1,
+				height: 1,
+				opacity: 0
+			}
+		})]
+	});
+}
+//#endregion
+//#region src/forms/Switch/index.tsx
+function ae({ checked: e, onChange: t, value: n, id: r, name: i, error: a, ref: o, ...s }) {
+	let c = () => {
+		s.disabled || t?.(!e);
+	};
+	return /* @__PURE__ */ v(F, {
+		as: "button",
+		type: "button",
+		role: "switch",
+		id: r || i,
+		classList: [
+			"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",
+			e ? "bg-primary disabled:bg-text" : "bg-input"
+		],
+		onClick: c,
+		"aria-checked": e,
+		"aria-invalid": a,
+		...s,
+		children: [/* @__PURE__ */ _("span", {
+			className: "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
+			style: { transform: e ? "translateX(100%)" : "" }
+		}), /* @__PURE__ */ _("input", {
+			ref: o,
+			type: "checkbox",
+			"aria-hidden": "true",
+			name: i,
+			checked: e,
+			value: n,
+			onChange: c,
+			disabled: s.disabled,
+			style: {
+				position: "absolute",
+				pointerEvents: "none",
+				top: 0,
+				left: 0,
+				width: 1,
+				height: 1,
+				opacity: 0
+			}
+		})]
+	});
+}
+//#endregion
+//#region src/components/Accordion/index.tsx
+function oe({ header: e, show: t, children: n, timeout: r = 300, ...i }) {
+	let a = m(null), o = m(0), s = m(0), c = m(!0);
+	return u(() => {
+		s.current = r;
+	}, [r]), U(() => {
+		if (!a.current) return;
+		if (a.current.style.overflow = "hidden", a.current.style.opacity = "1", c.current) {
+			c.current = !1, a.current.style.height = t ? "auto" : "0px", t ? window.requestAnimationFrame(() => {
+				a.current && (o.current = a.current.offsetHeight);
+			}) : (window.requestAnimationFrame(() => {
+				a.current && (a.current.style.height = "auto", o.current = a.current.offsetHeight, a.current.style.height = "0px");
+			}), a.current.style.opacity = "0");
+			return;
+		}
+		t || (a.current.style.height = `${o.current}px`);
+		let e = [];
+		e[0] = window.requestAnimationFrame(() => {
+			e[1] = window.requestAnimationFrame(() => {
+				a.current && (a.current.style.height = `${t ? o.current : 0}px`, a.current.style.opacity = t ? "1" : "0");
+			});
+		});
+		let n, r = () => {
+			a.current && (t ? (a.current.style.height = "auto", a.current.style.overflow = "", a.current.style.opacity = "", window.requestAnimationFrame(() => {
+				a.current && (o.current = a.current.offsetHeight);
+			})) : a.current.style.height = "0px");
+		};
+		return s.current === 0 ? r() : n = window.setTimeout(r, s.current), () => {
+			e.forEach(window.cancelAnimationFrame), n && window.clearTimeout(n);
+		};
+	}, [t]), /* @__PURE__ */ v("div", {
+		...i,
+		children: [e, /* @__PURE__ */ _("div", {
+			className: "transition-all ease-in-out overflow-hidden",
+			role: "region",
+			"aria-hidden": !t,
+			ref: a,
+			style: { transitionDuration: `${r}ms` },
+			children: n
+		})]
+	});
+}
+//#endregion
+//#region src/components/Tooltip/index.tsx
+var J = o(({ children: e, position: t = "bottom", label: i, className: a, timeout: o = 150, offset: s = {
+	x: 0,
+	y: 6
+}, clientPoint: c = !1, disabled: l }, f) => {
+	let [p, m] = h(!1), y = k(), { refs: w, floatingStyles: E, context: M } = D({
+		nodeId: y,
+		open: p,
+		placement: t,
+		middleware: [
+			C(),
+			x(),
+			S({
+				mainAxis: s.y,
+				crossAxis: s.x
+			})
+		],
+		whileElementsMounted: l ? void 0 : b,
+		onOpenChange: m
+	}), { getReferenceProps: N, getFloatingProps: P } = A([O(M, { enabled: !l }), T(M, { enabled: c })]), { isMounted: F, styles: I } = j(M, {
+		duration: o,
+		initial: {
+			opacity: 0,
+			transform: "scale(0.8)"
+		}
+	});
+	d(f, () => ({
+		floating: w.floating,
+		reference: w.reference,
+		open: () => m(!0),
+		close: () => m(!1)
+	})), u(() => {
+		l && m(!1);
+	}, [l]);
+	let L = typeof e == "string" ? /* @__PURE__ */ _("span", { children: e }) : e;
+	return /* @__PURE__ */ v(g, { children: [r(n.only(L), {
+		ref: w.setReference,
+		...N()
+	}), /* @__PURE__ */ _(W, {
+		disabled: l || !F,
+		children: /* @__PURE__ */ _("div", {
+			role: "tooltip",
+			className: "z-9999",
+			ref: w.setFloating,
+			...P({ style: E }),
+			children: /* @__PURE__ */ _(Y, {
+				className: a,
+				style: I,
+				children: i
+			})
+		})
+	})] });
 });
-ue.displayName = "TooltipContent";
-function Oe({ variant: e, size: t }) {
-  return h(
-    "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",
-    {
-      "bg-primary text-inverted hover:bg-primary-fore": !e || e === "primary",
-      "bg-info text-inverted hover:bg-info-fore": e === "info",
-      "bg-warn text-inverted hover:bg-warn-fore": e === "warn",
-      "bg-danger text-inverted hover:bg-danger-fore": e === "danger",
-      "hover:bg-accent": e === "ghost",
-      "hover:underline": e === "link",
-      "border border-input hover:bg-accent": e === "outline"
-    },
-    {
-      "px-2 py-1": !t,
-      "p-1.5": t === "icon"
-    }
-  );
-}
-function rt({ size: e, variant: t, className: r, ...n }) {
-  const s = c(() => h(Oe({ size: e, variant: t }), r), [e, t, r]);
-  return /* @__PURE__ */ i("button", { className: s, type: "button", ...n });
-}
-function ot({
-  open: e,
-  children: t,
-  timeout: r = 150,
-  padding: n = "0.85rem",
-  verticalAlign: s = "center",
-  closeOnOverlay: o,
-  closeOnEsc: l,
-  onExited: u,
-  className: p,
-  onOpenChange: d,
-  size: f,
-  ...y
-}) {
-  const C = F(u), N = F(!1), m = K(), { refs: a, context: v } = H({ open: e, onOpenChange: d, nodeId: m }), { getFloatingProps: g } = U([
-    Ie(v, {
-      enabled: l,
-      escapeKey: l,
-      outsidePress: !1
-    })
-  ]), { isMounted: x, styles: w } = L(v, {
-    duration: r,
-    initial: { opacity: 0, transform: "scale(0.8)" }
-  });
-  M(() => {
-    N.current !== x && (N.current = x, !x && C.current?.());
-  }, [x]);
-  const _ = j(() => {
-    o && d?.(!1);
-  }, [d, o]);
-  C.current = u;
-  const D = c(() => h("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]), O = c(() => I("transition ease-in-out", p), [p]);
-  return /* @__PURE__ */ i(W, { disabled: !x, children: /* @__PURE__ */ i(
-    J,
-    {
-      className: D,
-      "data-testid": "vs-dialog-overlay",
-      onClick: _,
-      style: { padding: n, opacity: w.opacity },
-      lockScroll: !0,
-      children: /* @__PURE__ */ i(
-        de,
-        {
-          ref: a.setFloating,
-          className: O,
-          role: "dialog",
-          size: f,
-          style: w,
-          onClick: q,
-          ...g({ ...y }),
-          children: t
-        }
-      )
-    }
-  ) });
-}
-const de = S(({
-  size: e,
-  className: t,
-  ...r
-}, n) => {
-  const s = c(() => h(
-    e ? "flex flex-col bg-background shadow-lg p-5 rounded" : null,
-    {
-      "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__ */ i("div", { ref: n, className: s, ...r });
+J.displayName = "Tooltip";
+var Y = o(({ className: e, custom: t, ...n }, r) => {
+	let i = p(() => P(N("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__ */ _("div", {
+		ref: r,
+		className: i,
+		...n
+	});
 });
-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,
-  onOpen: l,
-  ...u
-}) {
-  const p = K(), d = F(!1), f = F(l), y = F(o), { refs: C, context: N } = H({ open: e, onOpenChange: r, nodeId: p }), { isMounted: m, styles: a } = L(N, {
-    duration: t,
-    initial() {
-      let g = "translateX(75%)";
-      return n === "left" ? g = "translateX(-75%)" : n === "top" ? g = "translateY(-75%)" : n === "bottom" && (g = "translateY(75%)"), { opacity: 0, transform: g };
-    }
-  });
-  M(() => {
-    if (d.current !== m) {
-      if (d.current = m, m) {
-        f.current?.();
-        return;
-      }
-      y.current?.();
-    }
-  }, [m]);
-  const v = c(() => h(
-    "fixed transition-transform z-30",
-    {
-      "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"
-    }
-  ), [n]);
-  return y.current = o, f.current = l, /* @__PURE__ */ k(W, { disabled: !m, children: [
-    s ? /* @__PURE__ */ i(
-      J,
-      {
-        className: "bg-backdrop",
-        style: { opacity: a.opacity },
-        onClick: () => r?.(!1)
-      }
-    ) : null,
-    /* @__PURE__ */ i(
-      "div",
-      {
-        ref: C.setFloating,
-        className: v,
-        role: "dialog",
-        style: a,
-        children: /* @__PURE__ */ i(Be, { ...u })
-      }
-    )
-  ] });
-}
-function Be({ className: e, unstyled: t, ...r }) {
-  const n = c(() => t ? e : I(h(
-    "relative bg-background min-w-full min-h-full border border-input shadow-lg"
-  ), e), [t, e]);
-  return /* @__PURE__ */ i("div", { className: n, ...r });
-}
-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__ */ i("span", { className: "sr-only", children: t })
-  ] });
-}
-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__ */ k("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ i("p", { className: "font-medium leading-none", children: t }),
-      r ? /* @__PURE__ */ i("p", { children: r }) : null
-    ] })
-  ] });
+Y.displayName = "TooltipContent";
+//#endregion
+//#region src/elements/Button/index.tsx
+function X({ variant: e, size: t }) {
+	return N("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", {
+		"bg-primary text-inverted hover:bg-primary-fore": !e || e === "primary",
+		"bg-info text-inverted hover:bg-info-fore": e === "info",
+		"bg-warn text-inverted hover:bg-warn-fore": e === "warn",
+		"bg-danger text-inverted hover:bg-danger-fore": e === "danger",
+		"hover:bg-accent": e === "ghost",
+		"hover:underline": e === "link",
+		"border border-input hover:bg-accent": e === "outline"
+	}, {
+		"px-2 py-1": !t,
+		"p-1.5": t === "icon"
+	});
 }
-function ee() {
+function se({ size: e, variant: t, className: n, ...r }) {
+	let i = p(() => P(X({
+		size: e,
+		variant: t
+	}), n), [
+		e,
+		t,
+		n
+	]);
+	return /* @__PURE__ */ _("button", {
+		className: i,
+		type: "button",
+		...r
+	});
 }
-class Le {
-  /** システムで１つしか存在しない前提とする */
-  notify = ee;
-  lastId = 0;
-  /** internal use only */
-  subscribe = (t) => (this.notify = t, () => {
-    this.notify = ee;
-  });
-  add = (t, r = {}) => {
-    this.lastId += 1;
-    const n = `${this.lastId}`;
-    return this.notify({ id: n, type: "add", config: { id: n, label: t, ...r } }), n;
-  };
-  /** 表示中のtoastを修正します。promiseのロード状態を表示することなどに使います */
-  update = (t, r) => {
-    this.notify({ id: t, type: "update", config: r });
-  };
-  remove = (t) => {
-    this.notify({ id: t, type: "remove" });
-  };
-  clear = () => {
-    this.lastId = 0;
-  };
-}
-const fe = new Le();
-function We({
-  id: e,
-  type: t,
-  index: r,
-  duration: n = 5e3,
-  className: s,
-  children: o,
-  inverted: l,
-  timeout: u = 250,
-  max: p = 3
-}) {
-  const d = F(!1), [f, y] = E(!1), { context: C, refs: N } = H({ open: f, onOpenChange: y, nodeId: e }), { isMounted: m, styles: a } = L(C, {
-    duration: u,
-    initial: { opacity: 0, transform: `translateY(${l ? "" : "-"}50%)` }
-  });
-  ne(() => {
-    y(r <= p);
-  }, [r, p]), M(() => {
-    d.current !== m && (m || fe.remove(e), d.current = m);
-  }, [m, e]), M(() => {
-    if (!n) return;
-    const x = window.setTimeout(() => y(!1), n);
-    return () => window.clearTimeout(x);
-  }, [n, e]);
-  const v = j(() => {
-    t !== "loading" && y(!1);
-  }, [t]), g = c(() => h(
-    "relative flex w-fit transition-transform ease-in-out cursor-pointer",
-    s
-  ), [s]);
-  return m ? /* @__PURE__ */ i(
-    "li",
-    {
-      role: "log",
-      tabIndex: -1,
-      ref: N.setFloating,
-      className: g,
-      style: a,
-      onClick: v,
-      children: o
-    }
-  ) : null;
-}
-const pe = xe({});
-function Ye() {
-  return ve(pe);
-}
-function st({
-  className: e,
-  margin: t = 16,
-  position: r = "top-left",
-  max: n,
-  ListItem: s = He,
-  icons: o
-}) {
-  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]), u = c(() => h(
-    "flex flex-col z-40 overflow-hidden",
-    e
-  ), [e]), p = c(() => r?.startsWith("bottom") || !1, [r]), d = F(/* @__PURE__ */ new Map()), [f, y] = E([]), C = E(0)[1];
-  Q(() => fe.subscribe((a) => {
-    ye(() => {
-      if (a.type === "add")
-        d.current.set(a.id, a.config), y((v) => [...v, a.id]);
-      else if (a.type === "remove") {
-        if (!d.current.delete(a.id)) return;
-        y((g) => {
-          const x = new Set(g);
-          return x.has(a.id) ? (x.delete(a.id), Array.from(x)) : g;
-        });
-      } else if (a.type === "update") {
-        const v = d.current.get(a.id);
-        if (!v) return;
-        d.current.set(a.id, { ...v, ...a.config }), C((g) => g + 1);
-      }
-    });
-  }), []);
-  const N = c(() => ({ icons: o }), [o]), m = f.length;
-  return /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i("ol", { className: u, style: l, "aria-live": "polite", children: /* @__PURE__ */ i(pe.Provider, { value: N, children: f.map((a, v) => {
-    const g = d.current.get(a);
-    if (!g) return null;
-    const { className: x, duration: w, ..._ } = g;
-    return /* @__PURE__ */ i(
-      We,
-      {
-        id: a,
-        index: m - v,
-        className: x,
-        duration: w,
-        inverted: p,
-        max: n,
-        children: we(s, _)
-      },
-      a
-    );
-  }) }) }) });
-}
-function lt({ className: e, ...t }) {
-  const r = c(() => I(
-    "inline-block animate-pulse rounded-md bg-accent",
-    e
-  ), [e]);
-  return /* @__PURE__ */ i("div", { className: r, ...t });
-}
-function at({ className: e, ...t }) {
-  const r = c(() => h(
-    "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__ */ i("div", { role: "group", className: r, ...t });
-}
-function ct({ value: e, max: t, className: r, ...n }) {
-  const s = c(() => e ? Math.round(e / t * 100) : 0, [e, t]), o = c(() => I("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(${s > 100 ? 100 : s}%)` }
-    }
-  ) });
-}
-function ut({ className: e, orientation: t = "horizontal", ...r }) {
-  const n = c(() => I(h(
-    "border-0 p-0 shrink-0 bg-input",
-    t === "horizontal" ? "h-[1px] w-full" : "w-[1px] h-full"
-  ), e), [e, t]);
-  return /* @__PURE__ */ i("hr", { className: n, role: "none", ...r });
-}
-export {
-  nt as Accordion,
-  rt as Button,
-  at as ButtonGroup,
-  Ve as Checkbox,
-  ot as Dialog,
-  ut as Divider,
-  Je as FormField,
-  Te as FormLabel,
-  Re as Input,
-  Qe as InputField,
-  ae as Popover,
-  W as Portal,
-  ct as Progress,
-  tt as Radio,
-  et as Select,
-  it as Sheet,
-  lt as Skeleton,
-  Xe as Spinner,
-  De as Switch,
-  Ae as Textarea,
-  st as Toast,
-  He as ToastItem,
-  je as Tooltip,
-  pt as clsx,
-  I as merge,
-  fe as toast,
-  Oe as varientButton
+//#endregion
+//#region src/components/Dialog/index.tsx
+var ce = {
+	open: 150,
+	close: 75
 };
+function le({ open: e, children: t, timeout: n = ce, padding: r = "0.85rem", verticalAlign: i = "center", closeOnOverlay: a, closeOnEsc: o, onExited: s, className: l, onOpenChange: d, size: f, ...h }) {
+	let g = m(s), v = m(!1), b = k(), { refs: x, context: S } = D({
+		open: e,
+		onOpenChange: d,
+		nodeId: b
+	}), { getFloatingProps: C } = A([E(S, {
+		enabled: o,
+		escapeKey: o,
+		outsidePress: !1
+	})]), { isMounted: w, styles: T } = j(S, {
+		duration: n,
+		initial: {
+			opacity: 0,
+			transform: "scale(0.8)"
+		}
+	});
+	u(() => {
+		v.current !== w && (v.current = w, !w && g.current?.());
+	}, [w]);
+	let O = c(() => {
+		a && d?.(!1);
+	}, [d, a]);
+	g.current = s;
+	let M = p(() => N("grid bg-backdrop z-40 justify-items-center transition ease-in-out", {
+		"place-items-start items-start": i === "start",
+		"place-items-end": i === "end",
+		"place-items-center": i === "center" || !i
+	}), [i]);
+	return /* @__PURE__ */ _(W, {
+		disabled: !w,
+		children: /* @__PURE__ */ _(y, {
+			className: M,
+			"data-testid": "vs-dialog-overlay",
+			onClick: O,
+			style: {
+				padding: r,
+				opacity: T.opacity
+			},
+			lockScroll: !0,
+			children: /* @__PURE__ */ _(ue, {
+				ref: x.setFloating,
+				className: l,
+				role: "dialog",
+				size: f,
+				onClick: G,
+				...C({
+					...h,
+					style: T
+				}),
+				children: t
+			})
+		})
+	});
+}
+function ue({ size: e, ...t }) {
+	return /* @__PURE__ */ _(F, {
+		classList: [e ? "flex flex-col bg-background shadow-lg p-5 rounded" : null, {
+			"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
+	});
+}
+//#endregion
+//#region src/elements/Skeleton/index.tsx
+function de(e) {
+	return /* @__PURE__ */ _(F, {
+		classList: "inline-block animate-pulse rounded-md bg-accent",
+		...e
+	});
+}
+//#endregion
+//#region src/elements/Button/ButtonGroup.tsx
+function fe(e) {
+	return /* @__PURE__ */ _(F, {
+		role: "group",
+		classList: [
+			"flex items-center justify-center",
+			"[&_button]:rounded-none **:first:rounded-bl **:first:rounded-tl **:last:rounded-br **:last:rounded-tr",
+			"**:first:border-r-0 **:last:border-l-0"
+		],
+		...e
+	});
+}
+//#endregion
+//#region src/elements/Spinner/index.tsx
+function Z({ size: e = 20, label: t = "Loading...", ...n }) {
+	return /* @__PURE__ */ v("div", {
+		role: "status",
+		...n,
+		children: [/* @__PURE__ */ v("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__ */ _("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__ */ _("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__ */ _("span", {
+			className: "sr-only",
+			children: t
+		})]
+	});
+}
+//#endregion
+//#region src/elements/Progress/index.tsx
+function pe({ value: e, max: t, ...n }) {
+	let r = p(() => e ? Math.min(100, Math.round(e / t * 100)) : 0, [e, t]);
+	return /* @__PURE__ */ _(F, {
+		role: "progressbar",
+		classList: "relative overflow-hidden rounded-full bg-primary",
+		"aria-valuemax": t,
+		"aria-valuemin": 0,
+		...n,
+		children: /* @__PURE__ */ _(F, {
+			className: "h-full w-full flex-1 bg-input transition-all origin-right",
+			style: { transform: `translateX(${r}%)` }
+		})
+	});
+}
+//#endregion
+//#region src/elements/Divider/index.tsx
+function me({ orientation: e = "horizontal", ...t }) {
+	return /* @__PURE__ */ _(F, {
+		as: "hr",
+		role: "none",
+		classList: ["border-0 p-0 shrink-0 bg-input", e === "horizontal" ? "h-px w-full" : "w-px h-full"],
+		...t
+	});
+}
+//#endregion
+//#region src/components/Sheet/index.tsx
+var he = {
+	open: 250,
+	close: 150
+};
+function ge({ open: e, timeout: t = he, onOpenChange: n, position: r = "right", overlay: i, onExited: a, onOpen: o, ...s }) {
+	let c = k(), l = m(!1), d = m(o), f = m(a), { refs: p, context: h } = D({
+		open: e,
+		onOpenChange: n,
+		nodeId: c
+	}), { isMounted: g, styles: b } = j(h, {
+		duration: t,
+		initial() {
+			let e = "translateX(75%)";
+			return r === "left" ? e = "translateX(-75%)" : r === "top" ? e = "translateY(-75%)" : r === "bottom" && (e = "translateY(75%)"), {
+				opacity: 0,
+				transform: e
+			};
+		}
+	});
+	return u(() => {
+		if (l.current !== g) {
+			if (l.current = g, g) {
+				d.current?.();
+				return;
+			}
+			f.current?.();
+		}
+	}, [g]), f.current = a, d.current = o, /* @__PURE__ */ v(W, {
+		disabled: !g,
+		children: [i ? /* @__PURE__ */ _(y, {
+			className: "bg-backdrop",
+			style: { opacity: b.opacity },
+			onClick: () => n?.(!1)
+		}) : null, /* @__PURE__ */ _(F, {
+			ref: p.setFloating,
+			role: "dialog",
+			classList: ["fixed transition-transform z-30", {
+				"top-0 right-0 h-full max-h-screen": r === "right",
+				"top-0 left-0 h-full max-h-screen": r === "left",
+				"top-0 left-0 right-0 w-full max-w-screen": r === "top",
+				"bottom-0 left-0 right-0 w-full max-w-screen": r === "bottom"
+			}],
+			style: b,
+			children: /* @__PURE__ */ _(_e, { ...s })
+		})]
+	});
+}
+function _e(e) {
+	return /* @__PURE__ */ _(F, {
+		classList: "relative bg-background min-w-full min-h-full border border-input shadow-lg",
+		...e
+	});
+}
+//#endregion
+//#region src/components/Toast/ToastItem.tsx
+function Q({ type: e, label: t, message: n }) {
+	let { icons: r } = xe();
+	return /* @__PURE__ */ v("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__ */ v("figure", {
+			className: "mr-2",
+			children: [
+				e === "success" && r?.success ? r.success : null,
+				e === "info" && r?.info ? r.info : null,
+				e === "error" && r?.error ? r.error : null,
+				e === "warn" && r?.warn ? r.warn : null,
+				e === "loading" ? /* @__PURE__ */ _(Z, { size: 20 }) : null
+			]
+		}) : null, /* @__PURE__ */ v("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ _("p", {
+				className: "font-medium leading-none",
+				children: t
+			}), n ? /* @__PURE__ */ _("p", { children: n }) : null]
+		})]
+	});
+}
+//#endregion
+//#region src/components/Toast/observer.ts
+function ve() {}
+var $ = new class {
+	notify = ve;
+	lastId = 0;
+	subscribe = (e) => (this.notify = e, () => {
+		this.notify = ve;
+	});
+	add = (e, t = {}) => {
+		this.lastId += 1;
+		let n = `${this.lastId}`;
+		return this.notify({
+			id: n,
+			type: "add",
+			config: {
+				id: n,
+				label: e,
+				...t
+			}
+		}), n;
+	};
+	update = (e, t) => {
+		this.notify({
+			id: e,
+			type: "update",
+			config: t
+		});
+	};
+	remove = (e) => {
+		this.notify({
+			id: e,
+			type: "remove"
+		});
+	};
+	clear = () => {
+		this.lastId = 0;
+	};
+}();
+//#endregion
+//#region src/components/Toast/ToastFloat.tsx
+function ye({ id: t, type: n, index: r, duration: i = 5e3, className: a, children: o, inverted: s, timeout: l = 250, max: d = 3 }) {
+	let g = m(!1), [v, y] = h(!1), { context: b, refs: x } = D({
+		open: v,
+		onOpenChange: y,
+		nodeId: t
+	}), { isMounted: S, styles: C } = j(b, {
+		duration: l,
+		initial: {
+			opacity: 0,
+			transform: `translateY(${s ? "" : "-"}50%)`
+		}
+	});
+	f(() => {
+		y(r <= d);
+	}, [r, d]), u(() => {
+		g.current !== S && (S || $.remove(t), g.current = S);
+	}, [S, t]), u(() => {
+		if (!i) return;
+		let e = window.setTimeout(() => y(!1), i);
+		return () => window.clearTimeout(e);
+	}, [i, t]);
+	let w = c(() => {
+		n !== "loading" && y(!1);
+	}, [n]), T = p(() => e("relative flex w-fit transition-transform ease-in-out cursor-pointer", a), [a]);
+	return S ? /* @__PURE__ */ _("li", {
+		role: "log",
+		tabIndex: -1,
+		ref: x.setFloating,
+		className: T,
+		style: C,
+		onClick: w,
+		children: o
+	}) : null;
+}
+//#endregion
+//#region src/components/Toast/index.tsx
+var be = i({});
+function xe() {
+	return l(be);
+}
+function Se({ className: t, offset: n = {}, position: r = "top-left", max: i, ListItem: o = Q, icons: c }) {
+	let l = p(() => {
+		let e = {
+			position: "fixed",
+			...n
+		};
+		return Object.keys(n).length || (r.indexOf("top") > -1 ? e.top = "16px" : r.indexOf("bottom") > -1 && (e.bottom = "16px"), r.indexOf("left") > -1 ? e.left = "16px" : r.indexOf("right") > -1 && (e.right = "16px")), r.indexOf("left") > -1 ? e.alignItems = "flex-start" : r.indexOf("right") > -1 ? e.alignItems = "flex-end" : (e.left = "50%", e.alignItems = "center", e.transform = "translateX(-50%)"), e;
+	}, [n, r]), u = p(() => e("flex flex-col z-40 overflow-hidden", t), [t]), d = p(() => r?.startsWith("bottom") || !1, [r]), f = m(/* @__PURE__ */ new Map()), [g, v] = h([]), y = h(0)[1];
+	U(() => $.subscribe((e) => {
+		s(() => {
+			if (e.type === "add") f.current.set(e.id, e.config), v((t) => [...t, e.id]);
+			else if (e.type === "remove") {
+				if (!f.current.delete(e.id)) return;
+				v((t) => {
+					let n = new Set(t);
+					return n.has(e.id) ? (n.delete(e.id), Array.from(n)) : t;
+				});
+			} else if (e.type === "update") {
+				let t = f.current.get(e.id);
+				if (!t) return;
+				f.current.set(e.id, {
+					...t,
+					...e.config
+				}), y((e) => e + 1);
+			}
+		});
+	}), []);
+	let b = p(() => ({ icons: c }), [c]), x = g.length;
+	return /* @__PURE__ */ _(W, { children: /* @__PURE__ */ _("ol", {
+		className: u,
+		style: l,
+		"aria-live": "polite",
+		children: /* @__PURE__ */ _(be.Provider, {
+			value: b,
+			children: g.map((e, t) => {
+				let n = f.current.get(e);
+				if (!n) return null;
+				let { className: r, duration: s, ...c } = n;
+				return /* @__PURE__ */ _(ye, {
+					id: e,
+					index: x - t,
+					className: r,
+					duration: s,
+					inverted: d,
+					max: i,
+					children: a(o, c)
+				}, e);
+			})
+		})
+	}) });
+}
+//#endregion
+export { oe as Accordion, F as Base, se as Button, fe as ButtonGroup, H as Checkbox, le as Dialog, me as Divider, L as FormField, I as FormLabel, B as Input, z as InputField, K as Popover, W as Portal, pe as Progress, ie as Radio, q as Select, ge as Sheet, de as Skeleton, Z as Spinner, ae as Switch, V as Textarea, Se as Toast, Q as ToastItem, J as Tooltip, N as cn, P as merge, $ as toast, X as varientButton };