visits-style 2.0.0 → 2.0.1

package/dist/index.cjs.js

@@ -1,1244 +1 @@
-'use strict';
-
-var clsx8 = require('clsx');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var react$1 = require('@floating-ui/react');
-var reactDom = require('react-dom');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx8__default = /*#__PURE__*/_interopDefault(clsx8);
-
-// src/index.ts
-
-// src/utils/merge.ts
-function merge(a, b) {
-  if (!b) return a;
-  return a + " " + b;
-}
-function FormLabel({ className, ...rest }) {
-  const name = react.useMemo(() => clsx8__default.default("leading-none peer-disabled:opacity-70", className), [className]);
-  return /* @__PURE__ */ jsxRuntime.jsx("label", { className: name, ...rest });
-}
-function Field({
-  label,
-  children,
-  required,
-  htmlFor,
-  error,
-  help,
-  helpBefore,
-  className,
-  innerClass,
-  ...rest
-}) {
-  const labelName = react.useMemo(() => clsx8__default.default(
-    "font-medium",
-    required ? 'after:content-["*"] after:text-danger after:text-sm after:pl-0.5' : ""
-  ), [required]);
-  const wrapperName = react.useMemo(() => merge("flex flex-col space-y-2", className), [className]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperName, ...rest, children: [
-    label ? /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { className: labelName, htmlFor, children: label }) : null,
-    help && helpBefore ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted pb-2", children: help }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: innerClass, children: cloneChildren(children, !!error) }),
-    help && !helpBefore && !error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted", children: help }) : null,
-    error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-danger", children: error }) : null
-  ] });
-}
-function cloneChildren(children, error) {
-  const len = react.Children.count(children);
-  if (!len) return null;
-  if (len === 1) {
-    return react.cloneElement(children, { error });
-  }
-  const arr = react.Children.toArray(children);
-  arr[0] = react.cloneElement(arr[0], { error });
-  return arr;
-}
-function InputField({ error, unstyled, className, ...rest }) {
-  const name = react.useMemo(() => unstyled ? className : merge(clsx8__default.default(
-    "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",
-    error ? "border-danger hover:border-danger-fore" : "border-input"
-  ), className), [className, error, unstyled]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: name, ...rest });
-}
-var Input = react.forwardRef(({
-  className,
-  type,
-  error,
-  unstyled,
-  ...rest
-}, ref) => {
-  const name = react.useMemo(() => unstyled ? className : merge(clsx8__default.default(
-    "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",
-    error ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore",
-    type === "file" ? "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground" : null
-  ), className), [className, type, error, unstyled]);
-  return /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type, className: name, ...rest });
-});
-Input.displayName = "Input";
-var Input_default = Input;
-var Textarea = react.forwardRef(({
-  className,
-  error,
-  unstyled,
-  ...rest
-}, ref) => {
-  const name = react.useMemo(() => unstyled ? className : merge(clsx8__default.default(
-    "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",
-    error ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore"
-  ), className), [className, error, unstyled]);
-  return /* @__PURE__ */ jsxRuntime.jsx("textarea", { ref, className: name, ...rest });
-});
-Textarea.displayName = "Textarea";
-var Textarea_default = Textarea;
-function Check(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 18.5l-3.9-4L6 16l5.6 5.6 11.6-11.5-1.7-1.6z", fill: "currentColor" }) });
-}
-function Indeterminate() {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "20", height: "3", y: "13.5", x: "4.5", fill: "currentColor", stroke: "none", rx: "2" }) });
-}
-function Checkbox({
-  checked,
-  indeterminate,
-  className,
-  id,
-  name,
-  onChange,
-  value,
-  ...rest
-}) {
-  const innerClass = react.useMemo(() => merge(clsx8__default.default(
-    "inline-flex justify-center items-center border w-4.5 h-4.5 rounded",
-    "cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
-    checked || indeterminate ? "bg-primary text-inverted disabled:text-text disabled:bg-input disabled:border-input" : "border-input not-disabled:hover:border-input-fore"
-  ), className), [checked, indeterminate, className]);
-  const handleChange = () => {
-    if (rest.disabled) return;
-    onChange?.(!checked);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      role: "checkbox",
-      id: id || name,
-      className: innerClass,
-      onClick: handleChange,
-      "aria-checked": checked,
-      ...rest,
-      children: [
-        checked ? /* @__PURE__ */ jsxRuntime.jsx(Check, {}) : null,
-        indeterminate && !checked ? /* @__PURE__ */ jsxRuntime.jsx(Indeterminate, {}) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "checkbox",
-            "aria-hidden": "true",
-            name,
-            checked,
-            value,
-            onChange: handleChange,
-            disabled: rest.disabled,
-            style: { position: "absolute", pointerEvents: "none", top: 0, left: 0, width: 1, height: 1, opacity: 0 }
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/utils/isClient.ts
-var isClient_default = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
-
-// src/hooks/useIsomorphicLayoutEffect.ts
-var useIsomorphicLayoutEffect_default = isClient_default ? react.useLayoutEffect : react.useEffect;
-
-// src/components/Portal/index.tsx
-function Portal({ children, container, disabled }) {
-  const [mountNode, setMountNode] = react.useState(null);
-  useIsomorphicLayoutEffect_default(() => {
-    if (!container) {
-      let dom = document.getElementById("visits-style-portals");
-      if (!dom) {
-        dom = document.createElement("div");
-        dom.id = "visits-style-portals";
-        document.body.appendChild(dom);
-      }
-      return setMountNode(dom);
-    }
-    setMountNode(container);
-  }, [container]);
-  if (disabled || !mountNode) return null;
-  return reactDom.createPortal(children, mountNode);
-}
-
-// src/utils/stopPropagation.ts
-function stopPropagation(e) {
-  if (!e) return;
-  e.stopPropagation();
-  e.preventDefault();
-}
-var defaultTimeout = { open: 150, close: 75 };
-var Popover = react.forwardRef(({
-  position,
-  label,
-  children,
-  color = "background",
-  disabled,
-  offset = { x: 0, y: 6 },
-  onOpen,
-  onClose,
-  onManualClose,
-  timeout = defaultTimeout,
-  unstyled,
-  zIndex = 9996,
-  role,
-  ...rest
-}, ref) => {
-  const [open, setOpen] = react.useState(false);
-  const nodeId = react$1.useId();
-  const openRef = react.useRef(onOpen);
-  const closeRef = react.useRef(onClose);
-  const { refs, floatingStyles, context } = react$1.useFloating({
-    nodeId,
-    placement: position,
-    middleware: [
-      react$1.shift(),
-      react$1.flip({ fallbackAxisSideDirection: "end" }),
-      react$1.offset({ mainAxis: offset.y, crossAxis: offset.x })
-    ],
-    open,
-    onOpenChange: (value) => {
-      if (value) {
-        openRef.current?.(refs.reference.current, refs.floating.current);
-      } else {
-        closeRef.current?.(refs.reference.current, refs.floating.current);
-      }
-      setOpen(value);
-    },
-    whileElementsMounted: react$1.autoUpdate
-  });
-  const { isMounted, styles } = react$1.useTransitionStyles(context, {
-    duration: timeout,
-    initial({ side }) {
-      let transform = "";
-      if (side === "top") {
-        transform = "translateY(5%) scale(0.95)";
-      } else if (side === "bottom") {
-        transform = "translateY(-5%) scale(0.95)";
-      } else if (side === "left") {
-        transform = "translateX(5%) scale(0.95)";
-      } else {
-        transform = "translateX(-5%) scale(0.95)";
-      }
-      return { opacity: 0, transform };
-    }
-  });
-  const handleBlur = react.useCallback((e) => {
-    stopPropagation(e);
-    if (onManualClose) return onManualClose();
-    setOpen(false);
-    closeRef.current?.(refs.reference.current, refs.floating.current);
-  }, [onManualClose]);
-  react.useEffect(() => {
-    if (disabled && open) return setOpen(false);
-  }, [disabled, open]);
-  react.useImperativeHandle(ref, () => ({
-    open: () => {
-      setOpen(true);
-      openRef.current?.(refs.reference.current, refs.floating.current);
-    },
-    close: () => {
-      setOpen(false);
-      closeRef.current?.(refs.reference.current, refs.floating.current);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }), []);
-  const { getFloatingProps, getReferenceProps } = react$1.useInteractions([
-    react$1.useClick(context, { enabled: !disabled })
-  ]);
-  openRef.current = onOpen;
-  closeRef.current = onClose;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    react.cloneElement(react.Children.only(label), getReferenceProps({
-      ref: refs.setReference,
-      tabIndex: 0,
-      role: "button",
-      "aria-expanded": open,
-      disabled,
-      onClick: stopPropagation
-    })),
-    /* @__PURE__ */ jsxRuntime.jsx(Portal, { disabled: disabled || !isMounted, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.FloatingOverlay, { "data-testid": "vs-popover-shadow", onClick: handleBlur, style: { zIndex }, autoFocus: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { role: role || "region", ref: refs.setFloating, style: floatingStyles, children: /* @__PURE__ */ jsxRuntime.jsx(
-      PopoverContent,
-      {
-        unstyled,
-        styles,
-        ...getFloatingProps({ ...rest, onClick: stopPropagation }),
-        children
-      }
-    ) }) }) })
-  ] });
-});
-Popover.displayName = "Popover";
-var Popover_default = Popover;
-var PopoverContent = react.forwardRef(({
-  className,
-  unstyled,
-  styles,
-  style = {},
-  ...rest
-}, ref) => {
-  const popoverName = react.useMemo(() => clsx8__default.default(
-    "z-20 w-auto h-auto outline-none transition-transform ease-in-out",
-    unstyled ? null : "border border-accent rounded-md shadow-lg p-1 bg-background",
-    className
-  ), [className, unstyled]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: popoverName, style: { ...styles, ...style }, ...rest });
-});
-PopoverContent.displayName = "PopoverContent";
-function ChevronDown(props) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx("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 Close(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M26 26l-12.5-12.5L26 1" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 26l12.5-12.5L1 1" })
-  ] }) });
-}
-function Select({
-  className,
-  placeholder = "",
-  options = [],
-  error,
-  unstyled,
-  disabled,
-  value,
-  maxHeight = 408,
-  arrow,
-  onChange,
-  onClear,
-  renderItem,
-  ...rest
-}) {
-  const ref = react.useRef(null);
-  const [width, setWidth] = react.useState(0);
-  const btnName = react.useMemo(() => unstyled ? className : merge(clsx8__default.default(
-    "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",
-    error ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore"
-  ), className), [className, error, unstyled]);
-  const isMultiple = react.useMemo(() => Array.isArray(value), []);
-  const handleChange = react.useCallback((val) => {
-    onChange?.(val);
-    if (!isMultiple) ref.current?.close();
-  }, [onChange, isMultiple]);
-  const isSelected = react.useCallback((item) => {
-    if (Array.isArray(value)) return value.indexOf(item) > -1;
-    return value === item;
-  }, [value]);
-  const optionMap = react.useMemo(() => {
-    const map = {};
-    const items = options.filter((item) => typeof item !== "string");
-    for (let i = 0, len = items.length; i < len; i += 1) {
-      const item = items[i];
-      map[`${item.value}`] = item.label;
-    }
-    return map;
-  }, [options]);
-  const selectedLabel = react.useMemo(() => {
-    if (!value) return placeholder;
-    if (Array.isArray(value)) {
-      if (!value.length) return placeholder;
-      const sorted = [...value].sort();
-      const arr = [];
-      for (let i = 0, len = sorted.length; i < len; i += 1) {
-        arr[i] = optionMap[`${sorted[i]}`] || "";
-      }
-      return arr.filter(Boolean).join(",") || placeholder;
-    }
-    return optionMap[`${value}`] || placeholder;
-  }, [placeholder, value, optionMap]);
-  const isEmpty = selectedLabel === placeholder;
-  const btnLabelClass = react.useMemo(() => clsx8__default.default(
-    "overflow-hidden overflow-ellipsis whitespace-nowrap",
-    isEmpty ? "text-muted" : "text-text"
-  ), [isEmpty]);
-  const Arrow = react.useMemo(() => {
-    if (arrow) return arrow;
-    return /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { className: "absolute right-0 text-muted size-5" });
-  }, [arrow]);
-  const handleRender = react.useCallback((item, index) => {
-    if (renderItem) {
-      if (typeof item === "string") {
-        return renderItem(item, { index, selected: false, onChange: () => {
-        } });
-      }
-      return renderItem(item, {
-        index,
-        selected: isSelected(item.value),
-        onChange: () => handleChange(item.value)
-      });
-    }
-    if (typeof item === "string") {
-      return /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "font-medium py-1 px-2 text-muted", children: item }, `optionheader-${index}`);
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      SelectItem,
-      {
-        selected: isSelected(item.value),
-        onChange: handleChange,
-        ...item
-      },
-      item.label
-    );
-  }, [renderItem, handleChange, isSelected]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Popover_default,
-    {
-      label: /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: btnName, disabled, ...rest, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: btnLabelClass, children: selectedLabel }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center pl-8 pr-3 space-x-2", children: [
-          onClear && !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              tabIndex: -1,
-              role: "button",
-              className: "size-6 p-1.5 rounded hover:bg-accent",
-              "aria-label": "clear selected values",
-              onKeyDown: (e) => {
-                if (e.key !== "Enter" && e.key !== "Space") return;
-                onClear();
-              },
-              onClick: (e) => {
-                e.stopPropagation();
-                onClear();
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(Close, {})
-            }
-          ) : null,
-          Arrow
-        ] })
-      ] }),
-      ref,
-      onOpen: (elem) => setWidth(elem?.getBoundingClientRect().width || 0),
-      disabled,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "ul",
-        {
-          className: "overflow-y-auto flex flex-col",
-          role: "listbox",
-          style: { minWidth: width, maxWidth: "calc(100vw - 3rem)", maxHeight },
-          children: options.map(handleRender)
-        }
-      )
-    }
-  );
-}
-function SelectItem({ className, value, label, selected, onChange }) {
-  const name = react.useMemo(() => clsx8__default.default(
-    "flex items-center w-full hover:bg-accent rounded p-1",
-    className
-  ), [className]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      role: "option",
-      className: name,
-      "aria-selected": selected,
-      onClick: () => onChange?.(value),
-      children: [
-        selected ? /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "w-5 h-5 mr-1" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-5 h-1 mr-1" }),
-        label
-      ]
-    }
-  );
-}
-function Radio({ checked, className, id, name, onChange, value, ...rest }) {
-  const innerClass = react.useMemo(() => clsx8__default.default(
-    "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",
-    checked ? "[&_i]:bg-primary disabled:[&_i]:bg-text disabled:border-input" : "",
-    className
-  ), [className, checked]);
-  const handleChange = () => {
-    if (rest.disabled) return;
-    onChange?.(!checked);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      role: "radio",
-      id: id || name,
-      className: innerClass,
-      onClick: handleChange,
-      "aria-checked": checked,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "i",
-          {
-            className: "block w-2.5 h-2.5 rounded-full transition-transform",
-            style: { transform: checked ? "" : "scale(0.8)", opacity: checked ? 1 : 0 }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "radio",
-            "aria-hidden": "true",
-            name,
-            checked,
-            value,
-            onChange: handleChange,
-            disabled: rest.disabled,
-            style: { position: "absolute", pointerEvents: "none", top: 0, left: 0, width: 1, height: 1, opacity: 0 }
-          }
-        )
-      ]
-    }
-  );
-}
-var Switch = react.forwardRef(({
-  className,
-  checked,
-  onChange,
-  value,
-  id,
-  name,
-  ...rest
-}, ref) => {
-  const buttonName = react.useMemo(() => merge(clsx8__default.default(
-    "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",
-    checked ? "bg-primary" : "bg-input"
-  ), className), [className, checked]);
-  const pointerName = react.useMemo(() => merge(
-    "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
-    className
-  ), [className]);
-  const handleChange = () => {
-    if (rest.disabled) return;
-    onChange?.(!checked);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      role: "switch",
-      id: id || name,
-      className: buttonName,
-      onClick: handleChange,
-      "aria-checked": checked,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: pointerName, style: { transform: checked ? "translateX(100%)" : "" } }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            ref,
-            type: "checkbox",
-            "aria-hidden": "true",
-            name,
-            checked,
-            value,
-            onChange: handleChange,
-            disabled: rest.disabled,
-            style: { position: "absolute", pointerEvents: "none", top: 0, left: 0, width: 1, height: 1, opacity: 0 }
-          }
-        )
-      ]
-    }
-  );
-});
-Switch.displayName = "Switch";
-var Switch_default = Switch;
-function Accordion({ header, show, children, timeout = 300, ...rest }) {
-  const ref = react.useRef(null);
-  const prevHeight = react.useRef(0);
-  const timeoutRef = react.useRef(0);
-  const init = react.useRef(true);
-  react.useEffect(() => {
-    timeoutRef.current = timeout;
-  }, [timeout]);
-  useIsomorphicLayoutEffect_default(() => {
-    if (!ref.current) return;
-    ref.current.style.overflow = "hidden";
-    ref.current.style.opacity = "1";
-    if (init.current) {
-      init.current = false;
-      ref.current.style.height = show ? "auto" : "0px";
-      if (show) {
-        window.requestAnimationFrame(() => {
-          if (!ref.current) return;
-          prevHeight.current = ref.current.offsetHeight;
-        });
-      } else {
-        window.requestAnimationFrame(() => {
-          if (!ref.current) return;
-          ref.current.style.height = "auto";
-          prevHeight.current = ref.current.offsetHeight;
-          ref.current.style.height = "0px";
-        });
-        ref.current.style.opacity = "0";
-      }
-      return;
-    }
-    if (!show) {
-      ref.current.style.height = `${prevHeight.current}px`;
-    }
-    const frameIds = [];
-    frameIds[0] = window.requestAnimationFrame(() => {
-      frameIds[1] = window.requestAnimationFrame(() => {
-        if (!ref.current) return;
-        ref.current.style.height = `${show ? prevHeight.current : 0}px`;
-        ref.current.style.opacity = show ? "1" : "0";
-      });
-    });
-    let timeoutId;
-    const timeoutCallback = () => {
-      if (!ref.current) return;
-      if (show) {
-        ref.current.style.height = "auto";
-        ref.current.style.overflow = "";
-        ref.current.style.opacity = "";
-        window.requestAnimationFrame(() => {
-          if (ref.current) {
-            prevHeight.current = ref.current.offsetHeight;
-          }
-        });
-      } else {
-        ref.current.style.height = "0px";
-      }
-    };
-    if (timeoutRef.current === 0) {
-      timeoutCallback();
-    } else {
-      timeoutId = window.setTimeout(timeoutCallback, timeoutRef.current);
-    }
-    return () => {
-      frameIds.forEach(window.cancelAnimationFrame);
-      if (timeoutId) window.clearTimeout(timeoutId);
-    };
-  }, [show]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rest, children: [
-    header,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "transition-all ease-in-out overflow-hidden",
-        role: "region",
-        "aria-hidden": !show,
-        ref,
-        style: { transitionDuration: `${timeout}ms` },
-        children
-      }
-    )
-  ] });
-}
-var Tooltip = react.forwardRef(({
-  children,
-  position = "bottom",
-  label,
-  className,
-  timeout = 150,
-  offset = { x: 0, y: 6 },
-  clientPoint = false,
-  disabled
-}, ref) => {
-  const [open, setOpen] = react.useState(false);
-  const nodeId = react$1.useId();
-  const { refs, floatingStyles, context } = react$1.useFloating({
-    nodeId,
-    open,
-    placement: position,
-    middleware: [
-      react$1.shift(),
-      react$1.flip(),
-      react$1.offset({ mainAxis: offset.y, crossAxis: offset.x })
-    ],
-    whileElementsMounted: disabled ? undefined : react$1.autoUpdate,
-    onOpenChange: setOpen
-  });
-  const { getReferenceProps, getFloatingProps } = react$1.useInteractions([
-    react$1.useHover(context, { enabled: !disabled }),
-    react$1.useClientPoint(context, { enabled: clientPoint })
-  ]);
-  const { isMounted, styles } = react$1.useTransitionStyles(context, {
-    duration: timeout,
-    initial: { opacity: 0, transform: "scale(0.8)" }
-  });
-  react.useImperativeHandle(ref, () => ({
-    floating: refs.floating,
-    reference: refs.reference,
-    open: () => setOpen(true),
-    close: () => setOpen(false)
-  }));
-  const child = typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children }) : children;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    react.cloneElement(react.Children.only(child), {
-      ref: refs.setReference,
-      ...getReferenceProps()
-    }),
-    /* @__PURE__ */ jsxRuntime.jsx(Portal, { disabled: disabled || !isMounted, children: /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tooltip", className: "z-[9999]", ref: refs.setFloating, ...getFloatingProps({ style: floatingStyles }), children: /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { className, style: styles, children: label }) }) })
-  ] });
-});
-var Tooltip_default = Tooltip;
-var TooltipContent = react.forwardRef(({
-  className,
-  custom,
-  ...rest
-}, ref) => {
-  const tooltipName = react.useMemo(() => clsx8__default.default(
-    "relative w-auto h-auto outline-none transition-transform ease-in-out whitespace-pre",
-    custom ? null : "border border-accent rounded shadow-md px-3 py-1 bg-background",
-    className
-  ), [className, custom]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: tooltipName, ...rest });
-});
-function varientButton({ variant, size }) {
-  return clsx8__default.default(
-    "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": !variant || variant === "primary",
-      "bg-info text-inverted hover:bg-info-fore": variant === "info",
-      "bg-warn text-inverted hover:bg-warn-fore": variant === "warn",
-      "bg-danger text-inverted hover:bg-danger-fore": variant === "danger",
-      "hover:bg-accent": variant === "ghost",
-      "hover:underline": variant === "link",
-      "border border-input hover:bg-accent": variant === "outline"
-    },
-    {
-      "px-2 py-1": !size,
-      "p-1.5": size === "icon"
-    }
-  );
-}
-function Button({ size, variant, className, ...rest }) {
-  const buttonClass = react.useMemo(() => clsx8__default.default(varientButton({ size, variant }), className), [size, variant, className]);
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { className: buttonClass, type: "button", ...rest });
-}
-function Dialog({
-  open,
-  children,
-  timeout = 150,
-  padding = "0.85rem",
-  verticalAlign = "center",
-  closeOnOverlay,
-  closeOnEsc,
-  onExited,
-  className,
-  onOpenChange,
-  size,
-  ...rest
-}) {
-  const exitRef = react.useRef(onExited);
-  const isTransMountedRef = react.useRef(false);
-  const nodeId = react$1.useId();
-  const { refs, context } = react$1.useFloating({ open, onOpenChange, nodeId });
-  const { getFloatingProps } = react$1.useInteractions([
-    react$1.useDismiss(context, {
-      enabled: closeOnEsc,
-      escapeKey: closeOnEsc,
-      outsidePress: false
-    })
-  ]);
-  const { isMounted, styles } = react$1.useTransitionStyles(context, {
-    duration: timeout,
-    initial: { opacity: 0, transform: "scale(0.8)" }
-  });
-  react.useEffect(() => {
-    if (isTransMountedRef.current === isMounted) return;
-    isTransMountedRef.current = isMounted;
-    if (isMounted) return;
-    exitRef.current?.();
-  }, [isMounted]);
-  const handleOverlayClose = react.useCallback(() => {
-    if (!closeOnOverlay) return;
-    onOpenChange?.(false);
-  }, [onOpenChange, closeOnOverlay]);
-  exitRef.current = onExited;
-  const overlayClass = react.useMemo(() => clsx8__default.default("grid bg-backdrop z-40 justify-items-center", {
-    "place-items-start items-start": verticalAlign === "start",
-    "place-items-end": verticalAlign === "end",
-    "place-items-center": verticalAlign === "center" || !verticalAlign
-  }), [verticalAlign]);
-  const dialogClass = react.useMemo(() => merge("transition ease-in-out", className), [className]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Portal, { disabled: !isMounted, children: /* @__PURE__ */ jsxRuntime.jsx(
-    react$1.FloatingOverlay,
-    {
-      className: overlayClass,
-      "data-testid": "vs-dialog-overlay",
-      onClick: handleOverlayClose,
-      style: { padding, opacity: styles.opacity },
-      lockScroll: true,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        DialogContent,
-        {
-          ref: refs.setFloating,
-          className: dialogClass,
-          role: "dialog",
-          size,
-          ...getFloatingProps({ ...rest, style: styles, onClick: stopPropagation }),
-          children
-        }
-      )
-    }
-  ) });
-}
-var DialogContent = react.forwardRef(({
-  size,
-  className,
-  ...rest
-}, ref) => {
-  const dialogClass = react.useMemo(() => clsx8__default.default(
-    size ? "flex flex-col bg-background shadow-lg p-5 rounded" : null,
-    {
-      "w-full max-w-sm": size === "small",
-      "w-full max-w-lg": size === "medium",
-      "w-full max-w-2xl": size === "large"
-    },
-    className
-  ), [size, className]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: dialogClass, ...rest });
-});
-DialogContent.displayName = "DialogContent";
-var defaultTimeout2 = { open: 300, close: 150 };
-function Sheet({ open, timeout = defaultTimeout2, onOpenChange, position = "right", overlay, ...rest }) {
-  const nodeId = react$1.useId();
-  const { refs, context } = react$1.useFloating({ open, onOpenChange, nodeId });
-  const { isMounted, styles } = react$1.useTransitionStyles(context, {
-    duration: timeout,
-    initial() {
-      let transform = "translateX(75%)";
-      if (position === "left") {
-        transform = "translateX(-75%)";
-      } else if (position === "top") {
-        transform = "translateY(-75%)";
-      } else if (position === "bottom") {
-        transform = "translateY(75%)";
-      }
-      return { opacity: 0, transform };
-    }
-  });
-  const name = react.useMemo(() => clsx8__default.default(
-    "fixed transition-transform z-30",
-    {
-      "top-0 right-0 h-full max-h-screen": position === "right",
-      "top-0 left-0 h-full max-h-screen": position === "left",
-      "top-0 left-0 right-0 w-full max-w-screen": position === "top",
-      "bottom-0 left-0 right-0 w-full max-w-screen": position === "bottom"
-    }
-  ), [position]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Portal, { disabled: !isMounted, children: [
-    overlay ? /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.FloatingOverlay,
-      {
-        className: "bg-backdrop",
-        style: { opacity: styles.opacity },
-        onClick: () => onOpenChange?.(false)
-      }
-    ) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: refs.setFloating,
-        className: name,
-        role: "dialog",
-        style: styles,
-        children: /* @__PURE__ */ jsxRuntime.jsx(SheetContent, { ...rest })
-      }
-    )
-  ] });
-}
-function SheetContent({ className, unstyled, ...rest }) {
-  const name = react.useMemo(() => unstyled ? className : merge(clsx8__default.default(
-    "relative bg-background min-w-full min-h-full border border-input shadow-lg"
-  ), className), [unstyled, className]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: name, ...rest });
-}
-function Approved(props) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx("path", { d: "m11.5 18.5-3.9-4L6 16l5.6 5.6L23.2 10l-1.7-1.6z", fill: "currentColor" })
-  ] });
-}
-function Alert(props) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 32 32", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx("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 Caution(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 52 45", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("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 Spinner({ size = 20, label = "Loading...", ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "status", ...rest, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("svg", { "aria-hidden": "true", className: "text-accent animate-spin fill-primary", width: size, height: size, viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label })
-  ] });
-}
-function ToastItem({ type, label, message }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("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: [
-    type ? /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: "mr-2", children: [
-      type === "success" ? /* @__PURE__ */ jsxRuntime.jsx(Approved, { className: "text-primary size-5" }) : null,
-      type === "info" ? /* @__PURE__ */ jsxRuntime.jsx(Alert, { className: "text-info size-5" }) : null,
-      type === "error" ? /* @__PURE__ */ jsxRuntime.jsx(Alert, { className: "text-danger size-5" }) : null,
-      type === "warn" ? /* @__PURE__ */ jsxRuntime.jsx(Caution, { className: "text-warn size-5" }) : null,
-      type === "loading" ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 20 }) : null
-    ] }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium leading-none", children: label }),
-      message ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: message }) : null
-    ] })
-  ] });
-}
-
-// src/components/Toast/observer.ts
-function noop() {
-}
-var ToastObserver = class {
-  /** システムで１つしか存在しない前提とする */
-  notify = noop;
-  lastId = 0;
-  /** internal use only */
-  subscribe = (callback) => {
-    this.notify = callback;
-    return () => {
-      this.notify = noop;
-    };
-  };
-  add = (label, config = {}) => {
-    this.lastId += 1;
-    const id = `${this.lastId}`;
-    this.notify({ id, type: "add", config: { id, label, ...config } });
-    return id;
-  };
-  /** 表示中のtoastを修正します。promiseのロード状態を表示することなどに使います */
-  update = (id, config) => {
-    this.notify({ id, type: "update", config });
-  };
-  remove = (id) => {
-    this.notify({ id, type: "remove" });
-  };
-  clear = () => {
-    this.lastId = 0;
-  };
-};
-var observer = new ToastObserver();
-var observer_default = observer;
-function ToastContainer({
-  id,
-  type,
-  index,
-  duration,
-  className,
-  children,
-  inverted,
-  timeout = 250,
-  max = 3
-}) {
-  const isPrevMountedRef = react.useRef(false);
-  const [open, setOpen] = react.useState(false);
-  const { context, refs } = react$1.useFloating({ open, onOpenChange: setOpen, nodeId: id });
-  const { isMounted, styles } = react$1.useTransitionStyles(context, {
-    duration: timeout,
-    initial: { opacity: 0, transform: `translateY(${inverted ? "" : "-"}50%)` }
-  });
-  react.useLayoutEffect(() => {
-    setOpen(index <= max);
-  }, [index, max]);
-  react.useEffect(() => {
-    if (isPrevMountedRef.current === isMounted) return;
-    if (!isMounted) {
-      observer_default.remove(id);
-    }
-    isPrevMountedRef.current = isMounted;
-  }, [isMounted, id]);
-  react.useEffect(() => {
-    if (!duration) return;
-    const tId = window.setTimeout(() => setOpen(false), duration);
-    return () => window.clearTimeout(tId);
-  }, [duration, id]);
-  const handleClose = react.useCallback(() => {
-    if (type === "loading") return;
-    setOpen(false);
-  }, [type]);
-  const name = react.useMemo(() => clsx8__default.default(
-    "relative flex w-fit transition-transform ease-in-out cursor-pointer",
-    className
-  ), [className]);
-  if (!isMounted) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "li",
-    {
-      role: "log",
-      tabIndex: -1,
-      ref: refs.setFloating,
-      className: name,
-      style: styles,
-      onClick: handleClose,
-      children
-    }
-  );
-}
-function Toast({
-  className,
-  margin = 16,
-  position = "top-left",
-  max,
-  ListItem = ToastItem
-}) {
-  const style = react.useMemo(() => {
-    const base = { position: "fixed" };
-    if (position.indexOf("top") > -1) {
-      base.top = margin;
-    } else if (position.indexOf("bottom") > -1) {
-      base.bottom = margin;
-    }
-    if (position.indexOf("left") > -1) {
-      base.left = margin;
-      base.alignItems = "flex-start";
-    } else if (position.indexOf("right") > -1) {
-      base.right = margin;
-      base.alignItems = "flex-end";
-    } else {
-      base.left = "50%";
-      base.alignItems = "center";
-      base.transform = "translateX(-50%)";
-    }
-    return base;
-  }, [margin, position]);
-  const name = react.useMemo(() => clsx8__default.default(
-    "flex flex-col z-40 overflow-hidden",
-    className
-  ), [className]);
-  const isInvertedOrder = react.useMemo(() => position?.startsWith("bottom") || false, [position]);
-  const data = react.useRef(/* @__PURE__ */ new Map());
-  const [order, setOrder] = react.useState([]);
-  const update = react.useState(0)[1];
-  useIsomorphicLayoutEffect_default(() => observer_default.subscribe((payload) => {
-    react.startTransition(() => {
-      if (payload.type === "add") {
-        data.current.set(payload.id, payload.config);
-        setOrder((prev) => [...prev, payload.id]);
-      } else if (payload.type === "remove") {
-        const isDeleted = data.current.delete(payload.id);
-        if (!isDeleted) return;
-        setOrder((prev) => {
-          const next = new Set(prev);
-          if (!next.has(payload.id)) return prev;
-          next.delete(payload.id);
-          return Array.from(next);
-        });
-      } else if (payload.type === "update") {
-        const d = data.current.get(payload.id);
-        if (!d) return;
-        data.current.set(payload.id, { ...d, ...payload.config });
-        update((prev) => prev + 1);
-      }
-    });
-  }), []);
-  const size = order.length;
-  return /* @__PURE__ */ jsxRuntime.jsx(Portal, { children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: name, style, "aria-live": "polite", children: order.map((id, i) => {
-    const item = data.current.get(id);
-    if (!item) return null;
-    const { className: innerClass, duration, ...props } = item;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ToastContainer,
-      {
-        id,
-        index: size - i,
-        className: innerClass,
-        duration,
-        inverted: isInvertedOrder,
-        max,
-        children: react.createElement(ListItem, props)
-      },
-      id
-    );
-  }) }) });
-}
-function Skeleton({ className, ...props }) {
-  const name = react.useMemo(() => merge(
-    "inline-block animate-pulse rounded-md bg-accent",
-    className
-  ), [className]);
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: name, ...props });
-}
-function ButtonGroup({ className, ...rest }) {
-  const name = react.useMemo(() => clsx8__default.default(
-    "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",
-    className
-  ), [className]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "group", className: name, ...rest });
-}
-function Progress({ value, max, className, ...rest }) {
-  const percent = react.useMemo(() => value ? Math.round(value / max * 100) : 0, [value, max]);
-  const name = react.useMemo(() => merge("relative overflow-hidden rounded-full bg-primary", className), [className]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "progressbar", className: name, "aria-valuemax": max, "aria-valuemin": 0, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "h-full w-full flex-1 bg-input transition-all origin-right",
-      style: { transform: `translateX(${percent > 100 ? 100 : percent}%)` }
-    }
-  ) });
-}
-function Divider({ className, orientation = "horizontal", ...props }) {
-  const name = react.useMemo(() => merge(clsx8__default.default(
-    "border-0 p-0 shrink-0 bg-input",
-    orientation === "horizontal" ? "h-[1px] w-full" : "w-[1px] h-full"
-  ), className), [className, orientation]);
-  return /* @__PURE__ */ jsxRuntime.jsx("hr", { className: name, role: "none", ...props });
-}
-function IconChevronRound(props) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx(
-        "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__ */ jsxRuntime.jsx(
-      "path",
-      {
-        d: "M18.066 8.5l-7.567 6.731 7.567 6.2",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2"
-      }
-    )
-  ] });
-}
-function FileRound(props) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("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__ */ jsxRuntime.jsx(
-        "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__ */ jsxRuntime.jsxs("g", { transform: "translate(9 7)", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "12", height: "16", rx: "1", stroke: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 1h10v14H1z" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M13 11h4v1.3h-4zM13 14h4v1.3h-4zM13 17h4v1.3h-4z"
-      }
-    )
-  ] });
-}
-function Pencil(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17.796", height: "17.908", viewBox: "0 0 17.796 17.908", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "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 User(props) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "15", cy: "15", r: "15", stroke: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "15", cy: "15", r: "14" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "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 Refresh(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "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 Plus(props) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "30", height: "30", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "16.5", y: "9", width: "14", height: "1", rx: ".5", transform: "rotate(90 16.5 9)", fill: "currentColor" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "15.5", width: "14", height: "1", rx: ".5", fill: "currentColor" })
-  ] });
-}
-
-Object.defineProperty(exports, "clsx", {
-  enumerable: true,
-  get: function () { return clsx8__default.default; }
-});
-exports.Accordion = Accordion;
-exports.Button = Button;
-exports.ButtonGroup = ButtonGroup;
-exports.Checkbox = Checkbox;
-exports.Dialog = Dialog;
-exports.Divider = Divider;
-exports.FormField = Field;
-exports.FormLabel = FormLabel;
-exports.IconAlert = Alert;
-exports.IconApproved = Approved;
-exports.IconArrowDown = ChevronDown;
-exports.IconCaution = Caution;
-exports.IconCheck = Check;
-exports.IconChevronRound = IconChevronRound;
-exports.IconClose = Close;
-exports.IconFileRound = FileRound;
-exports.IconPencil = Pencil;
-exports.IconPlus = Plus;
-exports.IconRefresh = Refresh;
-exports.IconUser = User;
-exports.Input = Input_default;
-exports.InputField = InputField;
-exports.Placeholder = Skeleton;
-exports.Popover = Popover_default;
-exports.Portal = Portal;
-exports.Progress = Progress;
-exports.Radio = Radio;
-exports.Select = Select;
-exports.Sheet = Sheet;
-exports.Spinner = Spinner;
-exports.Switch = Switch_default;
-exports.Textarea = Textarea_default;
-exports.Toast = Toast;
-exports.ToastItem = ToastItem;
-exports.Tooltip = Tooltip_default;
-exports.merge = merge;
-exports.toast = observer_default;
-//# sourceMappingURL=index.cjs.js.map
-//# sourceMappingURL=index.cjs.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("clsx"),t=require("react/jsx-runtime"),r=require("react"),f=require("@floating-ui/react"),ne=require("react-dom");function k(e,n){return n?e+" "+n:e}function H({className:e,...n}){const o=r.useMemo(()=>m("leading-none peer-disabled:opacity-70",e),[e]);return t.jsx("label",{className:o,...n})}function re({label:e,children:n,required:o,htmlFor:s,error:l,help:i,helpBefore:a,className:d,innerClass:u,...x}){const p=r.useMemo(()=>m("font-medium",o?'after:content-["*"] after:text-danger after:text-sm after:pl-0.5':""),[o]),g=r.useMemo(()=>k("flex flex-col space-y-2",d),[d]);return t.jsxs("div",{className:g,...x,children:[e?t.jsx(H,{className:p,htmlFor:s,children:e}):null,i&&a?t.jsx("p",{className:"text-xs text-muted pb-2",children:i}):null,t.jsx("div",{className:u,children:oe(n,!!l)}),i&&!a&&!l?t.jsx("p",{className:"text-xs text-muted",children:i}):null,l?t.jsx("p",{className:"text-xs text-danger",children:l}):null]})}function oe(e,n){const o=r.Children.count(e);if(!o)return null;if(o===1)return r.cloneElement(e,{error:n});const s=r.Children.toArray(e);return s[0]=r.cloneElement(s[0],{error:n}),s}function se({error:e,unstyled:n,className:o,...s}){const l=r.useMemo(()=>n?o:k(m("flex rounded-md border bg-background px-3 py-2 w-full [&_input]:placeholder:text-muted","[&_input]:disabled:opacity-50 [&_input]:focus-visible:outline-none",e?"border-danger hover:border-danger-fore":"border-input"),o),[o,e,n]);return t.jsx("div",{className:l,...s})}const W=r.forwardRef(({className:e,type:n,error:o,unstyled:s,...l},i)=>{const a=r.useMemo(()=>s?e:k(m("flex rounded-md border bg-background px-3 py-2 w-full placeholder:text-muted","disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring",o?"border-danger hover:border-danger-fore":"border-input not-disabled:hover:border-input-fore",n==="file"?"file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground":null),e),[e,n,o,s]);return t.jsx("input",{ref:i,type:n,className:a,...l})});W.displayName="Input";const X=r.forwardRef(({className:e,error:n,unstyled:o,...s},l)=>{const i=r.useMemo(()=>o?e:k(m("flex rounded-md border bg-background px-3 py-2 w-full","disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring",n?"border-danger hover:border-danger-fore":"border-input not-disabled:hover:border-input-fore"),e),[e,n,o]);return t.jsx("textarea",{ref:l,className:i,...s})});X.displayName="Textarea";function D(e){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 30 30",...e,children:t.jsx("path",{d:"M11.5 18.5l-3.9-4L6 16l5.6 5.6 11.6-11.5-1.7-1.6z",fill:"currentColor"})})}function ie(){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 30 30",children:t.jsx("rect",{width:"20",height:"3",y:"13.5",x:"4.5",fill:"currentColor",stroke:"none",rx:"2"})})}function le({checked:e,indeterminate:n,className:o,id:s,name:l,onChange:i,value:a,...d}){const u=r.useMemo(()=>k(m("inline-flex justify-center items-center border w-4.5 h-4.5 rounded","cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",e||n?"bg-primary text-inverted disabled:text-text disabled:bg-input disabled:border-input":"border-input not-disabled:hover:border-input-fore"),o),[e,n,o]),x=()=>{d.disabled||i?.(!e)};return t.jsxs("button",{type:"button",role:"checkbox",id:s||l,className:u,onClick:x,"aria-checked":e,...d,children:[e?t.jsx(D,{}):null,n&&!e?t.jsx(ie,{}):null,t.jsx("input",{type:"checkbox","aria-hidden":"true",name:l,checked:e,value:a,onChange:x,disabled:d.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",_=ae?r.useLayoutEffect:r.useEffect;function z({children:e,container:n,disabled:o}){const[s,l]=r.useState(null);return _(()=>{if(!n){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(n)},[n]),o||!s?null:ne.createPortal(e,s)}function P(e){e&&(e.stopPropagation(),e.preventDefault())}const ce={open:150,close:75},O=r.forwardRef(({position:e,label:n,children:o,color:s="background",disabled:l,offset:i={x:0,y:6},onOpen:a,onClose:d,onManualClose:u,timeout:x=ce,unstyled:p,zIndex:g=9996,role:w,...c},b)=>{const[v,y]=r.useState(!1),I=f.useId(),j=r.useRef(a),A=r.useRef(d),{refs:M,floatingStyles:S,context:F}=f.useFloating({nodeId:I,placement:e,middleware:[f.shift(),f.flip({fallbackAxisSideDirection:"end"}),f.offset({mainAxis:i.y,crossAxis:i.x})],open:v,onOpenChange:C=>{C?j.current?.(M.reference.current,M.floating.current):A.current?.(M.reference.current,M.floating.current),y(C)},whileElementsMounted:f.autoUpdate}),{isMounted:T,styles:E}=f.useTransitionStyles(F,{duration:x,initial({side:C}){let R="";return C==="top"?R="translateY(5%) scale(0.95)":C==="bottom"?R="translateY(-5%) scale(0.95)":C==="left"?R="translateX(5%) scale(0.95)":R="translateX(-5%) scale(0.95)",{opacity:0,transform:R}}}),B=r.useCallback(C=>{if(P(C),u)return u();y(!1),A.current?.(M.reference.current,M.floating.current)},[u]);r.useEffect(()=>{if(l&&v)return y(!1)},[l,v]),r.useImperativeHandle(b,()=>({open:()=>{y(!0),j.current?.(M.reference.current,M.floating.current)},close:()=>{y(!1),A.current?.(M.reference.current,M.floating.current)}}),[]);const{getFloatingProps:h,getReferenceProps:N}=f.useInteractions([f.useClick(F,{enabled:!l})]);return j.current=a,A.current=d,t.jsxs(t.Fragment,{children:[r.cloneElement(r.Children.only(n),N({ref:M.setReference,tabIndex:0,role:"button","aria-expanded":v,disabled:l,onClick:P})),t.jsx(z,{disabled:l||!T,children:t.jsx(f.FloatingOverlay,{"data-testid":"vs-popover-shadow",onClick:B,style:{zIndex:g},autoFocus:!0,children:t.jsx("div",{role:w||"region",ref:M.setFloating,style:S,children:t.jsx(Y,{unstyled:p,styles:E,...h({...c,onClick:P}),children:o})})})})]})});O.displayName="Popover";const Y=r.forwardRef(({className:e,unstyled:n,styles:o,style:s={},...l},i)=>{const a=r.useMemo(()=>m("z-20 w-auto h-auto outline-none transition-transform ease-in-out",n?null:"border border-accent rounded-md shadow-lg p-1 bg-background",e),[e,n]);return t.jsx("div",{ref:i,className:a,style:{...o,...s},...l})});Y.displayName="PopoverContent";function U(e){return t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[t.jsx("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"}),t.jsx("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 V(e){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 30 30",...e,children:t.jsxs("g",{fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[t.jsx("path",{d:"M26 26l-12.5-12.5L26 1"}),t.jsx("path",{d:"M1 26l12.5-12.5L1 1"})]})})}function ue({className:e,placeholder:n="",options:o=[],error:s,unstyled:l,disabled:i,value:a,maxHeight:d=408,arrow:u,onChange:x,onClear:p,renderItem:g,...w}){const c=r.useRef(null),[b,v]=r.useState(0),y=r.useMemo(()=>l?e:k(m("flex items-center justify-between rounded-md border bg-background px-3 py-2 w-full overflow-hidden cursor-pointer","disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring",s?"border-danger hover:border-danger-fore":"border-input not-disabled:hover:border-input-fore"),e),[e,s,l]),I=r.useMemo(()=>Array.isArray(a),[]),j=r.useCallback(h=>{x?.(h),I||c.current?.close()},[x,I]),A=r.useCallback(h=>Array.isArray(a)?a.indexOf(h)>-1:a===h,[a]),M=r.useMemo(()=>{const h={},N=o.filter(C=>typeof C!="string");for(let C=0,R=N.length;C<R;C+=1){const $=N[C];h[`${$.value}`]=$.label}return h},[o]),S=r.useMemo(()=>{if(!a)return n;if(Array.isArray(a)){if(!a.length)return n;const h=[...a].sort(),N=[];for(let C=0,R=h.length;C<R;C+=1)N[C]=M[`${h[C]}`]||"";return N.filter(Boolean).join(",")||n}return M[`${a}`]||n},[n,a,M]),F=S===n,T=r.useMemo(()=>m("overflow-hidden overflow-ellipsis whitespace-nowrap",F?"text-muted":"text-text"),[F]),E=r.useMemo(()=>u||t.jsx(U,{className:"absolute right-0 text-muted size-5"}),[u]),B=r.useCallback((h,N)=>g?typeof h=="string"?g(h,{index:N,selected:!1,onChange:()=>{}}):g(h,{index:N,selected:A(h.value),onChange:()=>j(h.value)}):typeof h=="string"?t.jsx("h5",{className:"font-medium py-1 px-2 text-muted",children:h},`optionheader-${N}`):t.jsx(de,{selected:A(h.value),onChange:j,...h},h.label),[g,j,A]);return t.jsx(O,{label:t.jsxs("button",{type:"button",className:y,disabled:i,...w,children:[t.jsx("span",{className:T,children:S}),t.jsxs("div",{className:"relative flex items-center pl-8 pr-3 space-x-2",children:[p&&!F?t.jsx("div",{tabIndex:-1,role:"button",className:"size-6 p-1.5 rounded hover:bg-accent","aria-label":"clear selected values",onKeyDown:h=>{h.key!=="Enter"&&h.key!=="Space"||p()},onClick:h=>{h.stopPropagation(),p()},children:t.jsx(V,{})}):null,E]})]}),ref:c,onOpen:h=>v(h?.getBoundingClientRect().width||0),disabled:i,children:t.jsx("ul",{className:"overflow-y-auto flex flex-col",role:"listbox",style:{minWidth:b,maxWidth:"calc(100vw - 3rem)",maxHeight:d},children:o.map(B)})})}function de({className:e,value:n,label:o,selected:s,onChange:l}){const i=r.useMemo(()=>m("flex items-center w-full hover:bg-accent rounded p-1",e),[e]);return t.jsxs("button",{type:"button",role:"option",className:i,"aria-selected":s,onClick:()=>l?.(n),children:[s?t.jsx(D,{className:"w-5 h-5 mr-1"}):t.jsx("div",{className:"w-5 h-1 mr-1"}),o]})}function fe({checked:e,className:n,id:o,name:s,onChange:l,value:i,...a}){const d=r.useMemo(()=>m("relative inline-flex justify-center items-center border border-input w-4.5 h-4.5 rounded-full","cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed not-disabled:hover:border-input-fore",e?"[&_i]:bg-primary disabled:[&_i]:bg-text disabled:border-input":"",n),[n,e]),u=()=>{a.disabled||l?.(!e)};return t.jsxs("button",{type:"button",role:"radio",id:o||s,className:d,onClick:u,"aria-checked":e,...a,children:[t.jsx("i",{className:"block w-2.5 h-2.5 rounded-full transition-transform",style:{transform:e?"":"scale(0.8)",opacity:e?1:0}}),t.jsx("input",{type:"radio","aria-hidden":"true",name:s,checked:e,value:i,onChange:u,disabled:a.disabled,style:{position:"absolute",pointerEvents:"none",top:0,left:0,width:1,height:1,opacity:0}})]})}const G=r.forwardRef(({className:e,checked:n,onChange:o,value:s,id:l,name:i,...a},d)=>{const u=r.useMemo(()=>k(m("inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50","w-11",n?"bg-primary":"bg-input"),e),[e,n]),x=r.useMemo(()=>k("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",e),[e]),p=()=>{a.disabled||o?.(!n)};return t.jsxs("button",{type:"button",role:"switch",id:l||i,className:u,onClick:p,"aria-checked":n,...a,children:[t.jsx("span",{className:x,style:{transform:n?"translateX(100%)":""}}),t.jsx("input",{ref:d,type:"checkbox","aria-hidden":"true",name:i,checked:n,value:s,onChange:p,disabled:a.disabled,style:{position:"absolute",pointerEvents:"none",top:0,left:0,width:1,height:1,opacity:0}})]})});G.displayName="Switch";function he({header:e,show:n,children:o,timeout:s=300,...l}){const i=r.useRef(null),a=r.useRef(0),d=r.useRef(0),u=r.useRef(!0);return r.useEffect(()=>{d.current=s},[s]),_(()=>{if(!i.current)return;if(i.current.style.overflow="hidden",i.current.style.opacity="1",u.current){u.current=!1,i.current.style.height=n?"auto":"0px",n?window.requestAnimationFrame(()=>{i.current&&(a.current=i.current.offsetHeight)}):(window.requestAnimationFrame(()=>{i.current&&(i.current.style.height="auto",a.current=i.current.offsetHeight,i.current.style.height="0px")}),i.current.style.opacity="0");return}n||(i.current.style.height=`${a.current}px`);const x=[];x[0]=window.requestAnimationFrame(()=>{x[1]=window.requestAnimationFrame(()=>{i.current&&(i.current.style.height=`${n?a.current:0}px`,i.current.style.opacity=n?"1":"0")})});let p;const g=()=>{i.current&&(n?(i.current.style.height="auto",i.current.style.overflow="",i.current.style.opacity="",window.requestAnimationFrame(()=>{i.current&&(a.current=i.current.offsetHeight)})):i.current.style.height="0px")};return d.current===0?g():p=window.setTimeout(g,d.current),()=>{x.forEach(window.cancelAnimationFrame),p&&window.clearTimeout(p)}},[n]),t.jsxs("div",{...l,children:[e,t.jsx("div",{className:"transition-all ease-in-out overflow-hidden",role:"region","aria-hidden":!n,ref:i,style:{transitionDuration:`${s}ms`},children:o})]})}const xe=r.forwardRef(({children:e,position:n="bottom",label:o,className:s,timeout:l=150,offset:i={x:0,y:6},clientPoint:a=!1,disabled:d},u)=>{const[x,p]=r.useState(!1),g=f.useId(),{refs:w,floatingStyles:c,context:b}=f.useFloating({nodeId:g,open:x,placement:n,middleware:[f.shift(),f.flip(),f.offset({mainAxis:i.y,crossAxis:i.x})],whileElementsMounted:d?void 0:f.autoUpdate,onOpenChange:p}),{getReferenceProps:v,getFloatingProps:y}=f.useInteractions([f.useHover(b,{enabled:!d}),f.useClientPoint(b,{enabled:a})]),{isMounted:I,styles:j}=f.useTransitionStyles(b,{duration:l,initial:{opacity:0,transform:"scale(0.8)"}});r.useImperativeHandle(u,()=>({floating:w.floating,reference:w.reference,open:()=>p(!0),close:()=>p(!1)}));const A=typeof e=="string"?t.jsx("span",{children:e}):e;return t.jsxs(t.Fragment,{children:[r.cloneElement(r.Children.only(A),{ref:w.setReference,...v()}),t.jsx(z,{disabled:d||!I,children:t.jsx("div",{role:"tooltip",className:"z-[9999]",ref:w.setFloating,...y({style:c}),children:t.jsx(pe,{className:s,style:j,children:o})})})]})}),pe=r.forwardRef(({className:e,custom:n,...o},s)=>{const l=r.useMemo(()=>m("relative w-auto h-auto outline-none transition-transform ease-in-out whitespace-pre",n?null:"border border-accent rounded shadow-md px-3 py-1 bg-background",e),[e,n]);return t.jsx("div",{ref:s,className:l,...o})});function ge({variant:e,size:n}){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":!n,"p-1.5":n==="icon"})}function me({size:e,variant:n,className:o,...s}){const l=r.useMemo(()=>m(ge({size:e,variant:n}),o),[e,n,o]);return t.jsx("button",{className:l,type:"button",...s})}function be({open:e,children:n,timeout:o=150,padding:s="0.85rem",verticalAlign:l="center",closeOnOverlay:i,closeOnEsc:a,onExited:d,className:u,onOpenChange:x,size:p,...g}){const w=r.useRef(d),c=r.useRef(!1),b=f.useId(),{refs:v,context:y}=f.useFloating({open:e,onOpenChange:x,nodeId:b}),{getFloatingProps:I}=f.useInteractions([f.useDismiss(y,{enabled:a,escapeKey:a,outsidePress:!1})]),{isMounted:j,styles:A}=f.useTransitionStyles(y,{duration:o,initial:{opacity:0,transform:"scale(0.8)"}});r.useEffect(()=>{c.current!==j&&(c.current=j,!j&&w.current?.())},[j]);const M=r.useCallback(()=>{i&&x?.(!1)},[x,i]);w.current=d;const S=r.useMemo(()=>m("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]),F=r.useMemo(()=>k("transition ease-in-out",u),[u]);return t.jsx(z,{disabled:!j,children:t.jsx(f.FloatingOverlay,{className:S,"data-testid":"vs-dialog-overlay",onClick:M,style:{padding:s,opacity:A.opacity},lockScroll:!0,children:t.jsx(K,{ref:v.setFloating,className:F,role:"dialog",size:p,...I({...g,style:A,onClick:P}),children:n})})})}const K=r.forwardRef(({size:e,className:n,...o},s)=>{const l=r.useMemo(()=>m(e?"flex flex-col bg-background shadow-lg p-5 rounded":null,{"w-full max-w-sm":e==="small","w-full max-w-lg":e==="medium","w-full max-w-2xl":e==="large"},n),[e,n]);return t.jsx("div",{ref:s,className:l,...o})});K.displayName="DialogContent";const we={open:300,close:150};function ve({open:e,timeout:n=we,onOpenChange:o,position:s="right",overlay:l,...i}){const a=f.useId(),{refs:d,context:u}=f.useFloating({open:e,onOpenChange:o,nodeId:a}),{isMounted:x,styles:p}=f.useTransitionStyles(u,{duration:n,initial(){let w="translateX(75%)";return s==="left"?w="translateX(-75%)":s==="top"?w="translateY(-75%)":s==="bottom"&&(w="translateY(75%)"),{opacity:0,transform:w}}}),g=r.useMemo(()=>m("fixed transition-transform z-30",{"top-0 right-0 h-full max-h-screen":s==="right","top-0 left-0 h-full max-h-screen":s==="left","top-0 left-0 right-0 w-full max-w-screen":s==="top","bottom-0 left-0 right-0 w-full max-w-screen":s==="bottom"}),[s]);return t.jsxs(z,{disabled:!x,children:[l?t.jsx(f.FloatingOverlay,{className:"bg-backdrop",style:{opacity:p.opacity},onClick:()=>o?.(!1)}):null,t.jsx("div",{ref:d.setFloating,className:g,role:"dialog",style:p,children:t.jsx(ye,{...i})})]})}function ye({className:e,unstyled:n,...o}){const s=r.useMemo(()=>n?e:k(m("relative bg-background min-w-full min-h-full border border-input shadow-lg"),e),[n,e]);return t.jsx("div",{className:s,...o})}function J(e){return t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 30 30",...e,children:[t.jsx("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"}),t.jsx("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"}),t.jsx("path",{d:"m11.5 18.5-3.9-4L6 16l5.6 5.6L23.2 10l-1.7-1.6z",fill:"currentColor"})]})}function L(e){return t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 32 32",...e,children:[t.jsx("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"}),t.jsx("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"}),t.jsx("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 Q(e){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 52 45",...e,children:t.jsx("path",{d:"M50.6 37.8 29.3 2c-1.5-2.6-5.1-2.8-6.7-.3l-21.2 36c-1.7 2.6.2 6.6 3.4 6.6h42.4c3.1 0 5-4 3.4-6.6Zm-24.7.6a2.7 2.7 0 1 1 0-5.5 2.7 2.7 0 0 1 0 5.5Zm2.9-10.1c0 1.5-1.3 2.7-2.8 2.7a2.8 2.8 0 0 1-2.8-2.7V13.9c0-1.5 1.3-2.7 2.8-2.7 1.5 0 2.8 1.2 2.8 2.7v14.4Z",fill:"currentColor"})})}function ee({size:e=20,label:n="Loading...",...o}){return t.jsxs("div",{role:"status",...o,children:[t.jsxs("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:[t.jsx("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"}),t.jsx("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"})]}),t.jsx("span",{className:"sr-only",children:n})]})}function te({type:e,label:n,message:o}){return t.jsxs("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?t.jsxs("figure",{className:"mr-2",children:[e==="success"?t.jsx(J,{className:"text-primary size-5"}):null,e==="info"?t.jsx(L,{className:"text-info size-5"}):null,e==="error"?t.jsx(L,{className:"text-danger size-5"}):null,e==="warn"?t.jsx(Q,{className:"text-warn size-5"}):null,e==="loading"?t.jsx(ee,{size:20}):null]}):null,t.jsxs("div",{className:"space-y-2",children:[t.jsx("p",{className:"font-medium leading-none",children:n}),o?t.jsx("p",{children:o}):null]})]})}function q(){}class je{notify=q;lastId=0;subscribe=n=>(this.notify=n,()=>{this.notify=q});add=(n,o={})=>{this.lastId+=1;const s=`${this.lastId}`;return this.notify({id:s,type:"add",config:{id:s,label:n,...o}}),s};update=(n,o)=>{this.notify({id:n,type:"update",config:o})};remove=n=>{this.notify({id:n,type:"remove"})};clear=()=>{this.lastId=0}}const Z=new je;function Ce({id:e,type:n,index:o,duration:s,className:l,children:i,inverted:a,timeout:d=250,max:u=3}){const x=r.useRef(!1),[p,g]=r.useState(!1),{context:w,refs:c}=f.useFloating({open:p,onOpenChange:g,nodeId:e}),{isMounted:b,styles:v}=f.useTransitionStyles(w,{duration:d,initial:{opacity:0,transform:`translateY(${a?"":"-"}50%)`}});r.useLayoutEffect(()=>{g(o<=u)},[o,u]),r.useEffect(()=>{x.current!==b&&(b||Z.remove(e),x.current=b)},[b,e]),r.useEffect(()=>{if(!s)return;const j=window.setTimeout(()=>g(!1),s);return()=>window.clearTimeout(j)},[s,e]);const y=r.useCallback(()=>{n!=="loading"&&g(!1)},[n]),I=r.useMemo(()=>m("relative flex w-fit transition-transform ease-in-out cursor-pointer",l),[l]);return b?t.jsx("li",{role:"log",tabIndex:-1,ref:c.setFloating,className:I,style:v,onClick:y,children:i}):null}function Me({className:e,margin:n=16,position:o="top-left",max:s,ListItem:l=te}){const i=r.useMemo(()=>{const c={position:"fixed"};return o.indexOf("top")>-1?c.top=n:o.indexOf("bottom")>-1&&(c.bottom=n),o.indexOf("left")>-1?(c.left=n,c.alignItems="flex-start"):o.indexOf("right")>-1?(c.right=n,c.alignItems="flex-end"):(c.left="50%",c.alignItems="center",c.transform="translateX(-50%)"),c},[n,o]),a=r.useMemo(()=>m("flex flex-col z-40 overflow-hidden",e),[e]),d=r.useMemo(()=>o?.startsWith("bottom")||!1,[o]),u=r.useRef(new Map),[x,p]=r.useState([]),g=r.useState(0)[1];_(()=>Z.subscribe(c=>{r.startTransition(()=>{if(c.type==="add")u.current.set(c.id,c.config),p(b=>[...b,c.id]);else if(c.type==="remove"){if(!u.current.delete(c.id))return;p(v=>{const y=new Set(v);return y.has(c.id)?(y.delete(c.id),Array.from(y)):v})}else if(c.type==="update"){const b=u.current.get(c.id);if(!b)return;u.current.set(c.id,{...b,...c.config}),g(v=>v+1)}})}),[]);const w=x.length;return t.jsx(z,{children:t.jsx("ol",{className:a,style:i,"aria-live":"polite",children:x.map((c,b)=>{const v=u.current.get(c);if(!v)return null;const{className:y,duration:I,...j}=v;return t.jsx(Ce,{id:c,index:w-b,className:y,duration:I,inverted:d,max:s,children:r.createElement(l,j)},c)})})})}function ke({className:e,...n}){const o=r.useMemo(()=>k("inline-block animate-pulse rounded-md bg-accent",e),[e]);return t.jsx("span",{className:o,...n})}function Ae({className:e,...n}){const o=r.useMemo(()=>m("flex items-center justify-center","[&_button]:rounded-none [&_:first-child]:rounded-bl [&_:first-child]:rounded-tl [&_:last-child]:rounded-br [&_:last-child]:rounded-tr","[&_:first-child]:border-r-0 [&_:last-child]:border-l-0",e),[e]);return t.jsx("div",{role:"group",className:o,...n})}function Ie({value:e,max:n,className:o,...s}){const l=r.useMemo(()=>e?Math.round(e/n*100):0,[e,n]),i=r.useMemo(()=>k("relative overflow-hidden rounded-full bg-primary",o),[o]);return t.jsx("div",{role:"progressbar",className:i,"aria-valuemax":n,"aria-valuemin":0,...s,children:t.jsx("div",{className:"h-full w-full flex-1 bg-input transition-all origin-right",style:{transform:`translateX(${l>100?100:l}%)`}})})}function Ne({className:e,orientation:n="horizontal",...o}){const s=r.useMemo(()=>k(m("border-0 p-0 shrink-0 bg-input",n==="horizontal"?"h-[1px] w-full":"w-[1px] h-full"),e),[e,n]);return t.jsx("hr",{className:s,role:"none",...o})}function Re(e){return t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 30 30",...e,children:[t.jsxs("g",{fill:"none",children:[t.jsx("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"}),t.jsx("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"})]}),t.jsx("path",{d:"M18.066 8.5l-7.567 6.731 7.567 6.2",fill:"none",stroke:"currentColor",strokeWidth:"2"})]})}function Fe(e){return t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 30 30",...e,children:[t.jsxs("g",{fill:"none",children:[t.jsx("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"}),t.jsx("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"})]}),t.jsxs("g",{transform:"translate(9 7)",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("rect",{width:"12",height:"16",rx:"1",stroke:"none"}),t.jsx("path",{d:"M1 1h10v14H1z"})]}),t.jsx("path",{fill:"currentColor",d:"M13 11h4v1.3h-4zM13 14h4v1.3h-4zM13 17h4v1.3h-4z"})]})}function Se(e){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17.796",height:"17.908",viewBox:"0 0 17.796 17.908",...e,children:t.jsx("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 ze(e){return t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 30 30",...e,children:[t.jsxs("g",{fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("circle",{cx:"15",cy:"15",r:"15",stroke:"none"}),t.jsx("circle",{cx:"15",cy:"15",r:"14"})]}),t.jsx("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 Pe(e){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 30 30",...e,children:t.jsx("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 Te(e){return t.jsxs("svg",{width:"30",height:"30",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[t.jsx("rect",{x:"16.5",y:"9",width:"14",height:"1",rx:".5",transform:"rotate(90 16.5 9)",fill:"currentColor"}),t.jsx("rect",{x:"9",y:"15.5",width:"14",height:"1",rx:".5",fill:"currentColor"})]})}exports.clsx=m;exports.Accordion=he;exports.Button=me;exports.ButtonGroup=Ae;exports.Checkbox=le;exports.Dialog=be;exports.Divider=Ne;exports.FormField=re;exports.FormLabel=H;exports.IconAlert=L;exports.IconApproved=J;exports.IconArrowDown=U;exports.IconCaution=Q;exports.IconCheck=D;exports.IconChevronRound=Re;exports.IconClose=V;exports.IconFileRound=Fe;exports.IconPencil=Se;exports.IconPlus=Te;exports.IconRefresh=Pe;exports.IconUser=ze;exports.Input=W;exports.InputField=se;exports.Placeholder=ke;exports.Popover=O;exports.Portal=z;exports.Progress=Ie;exports.Radio=fe;exports.Select=ue;exports.Sheet=ve;exports.Spinner=ee;exports.Switch=G;exports.Textarea=X;exports.Toast=Me;exports.ToastItem=te;exports.Tooltip=xe;exports.merge=k;exports.toast=Z;