visits-style 2.0.0 → 2.0.2

package/dist/index.es.js

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