visits-style 2.2.0 → 2.2.2

package/dist/index.es.js

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