@teja-app/ui 0.0.11 → 0.0.13

package/dist/index.js

@@ -1,4869 +1,6 @@
 import { u, a, b, c, d, e } from "./useSidebar-BWe09WbE.js";
 import { cn } from "./utils/index.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import React__default, { forwardRef, useState, useRef, useCallback, useEffect, createContext, useContext, useId, useReducer, createRef, useMemo, Fragment as Fragment$1 } from "react";
-import { I as I$1, E as E$1, o, n, f as f$2, s as s$1, l, t, a as o$1, b as s$2, Y, y, c as l$1, u as u$1, d as n$1, e as u$2, v, T, p, K, m, g as c$1, w as w$2, h as f$3, i, j as n$2, k as t$1, q as d$1, A, M, r as u$3, x as Ke$2, z as i$1, B as ee$1, C as y$1, D as x$2, S as S$1, F as k, G as f$4, H as p$1, J as H, L as n$3, N as s$3, O as l$2, P as te$1, X, Q as A$1, R as Oe$1, V as V$1, U as a$3, W as l$3, Z as f$5, _ as W$1, $ as Z, a0 as m$1, a1 as u$4, a2 as l$4, a3 as b$1, a4 as N, a5 as w$3, a6 as $f7dceffc5ad7768b$export$4e328f61c538687f, a7 as $6179b936705e76d3$export$ae780daf29e6d456, a8 as w$4, a9 as V$2, aa as e$1, ab as j$1, ac as g, ad as s$4, ae as e$2, af as s$5, ag as G$1, ah as Mo, ai as Mt, aj as Bt, ak as It, al as Ht, am as ko, an as Bo, ao as Uo, ap as Ho, aq as getDefaultClassNames, ar as DayPicker } from "./style-DyXPy-7b.js";
-import { createPortal } from "react-dom";
-const variantStyles$5 = {
-  primary: [
-    // Light mode
-    "bg-primary-800 text-white border border-gold-500/40",
-    "hover:bg-primary-900 hover:border-gold-500/60",
-    "focus:ring-gold-500/20",
-    // Dark mode
-    "dark:bg-gold-500 dark:text-primary-900 dark:border-gold-400",
-    "dark:hover:bg-gold-400 dark:hover:border-gold-300",
-    "dark:focus:ring-gold-400/30"
-  ].join(" "),
-  secondary: [
-    // Light mode
-    "bg-white text-primary-800 border border-primary-300",
-    "hover:bg-primary-50 hover:border-primary-400",
-    "focus:ring-primary-500/20",
-    // Dark mode
-    "dark:bg-primary-800 dark:text-primary-100 dark:border-primary-600",
-    "dark:hover:bg-primary-700 dark:hover:border-primary-500",
-    "dark:focus:ring-primary-400/30"
-  ].join(" "),
-  ghost: [
-    // Light mode
-    "text-primary-600 hover:text-primary-800 hover:bg-primary-50",
-    "focus:ring-primary-500/20",
-    // Dark mode
-    "dark:text-primary-300 dark:hover:text-primary-100 dark:hover:bg-primary-800",
-    "dark:focus:ring-primary-400/30"
-  ].join(" "),
-  danger: [
-    // Light mode
-    "bg-error text-white border border-error",
-    "hover:bg-error/90",
-    "focus:ring-error/20",
-    // Dark mode (stays similar, just adjust opacity)
-    "dark:bg-error dark:border-error/80",
-    "dark:hover:bg-error/80",
-    "dark:focus:ring-error/30"
-  ].join(" ")
-};
-const sizeStyles$d = {
-  sm: "px-3 py-1.5 text-sm h-8",
-  md: "px-4 py-2 text-base h-10",
-  lg: "px-6 py-3 text-lg h-12"
-};
-const Button = forwardRef(
-  ({
-    variant = "primary",
-    size = "md",
-    loading = false,
-    disabled = false,
-    icon,
-    iconPosition = "left",
-    fullWidth = false,
-    children,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        className: cn(
-          // Base styles
-          "inline-flex items-center justify-center gap-2 font-medium rounded-md",
-          "transition-colors duration-normal",
-          "focus:outline-none focus:ring-2 focus:ring-offset-2",
-          "dark:focus:ring-offset-primary-900",
-          "disabled:opacity-50 disabled:cursor-not-allowed",
-          // Variant styles
-          variantStyles$5[variant],
-          // Size styles
-          sizeStyles$d[size],
-          // Width styles
-          fullWidth && "w-full",
-          // Custom className (allows override)
-          className
-        ),
-        disabled: disabled || loading,
-        ...props,
-        children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
-            "svg",
-            {
-              className: "animate-spin h-5 w-5",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              xmlns: "http://www.w3.org/2000/svg",
-              "aria-hidden": "true",
-              children: [
-                /* @__PURE__ */ jsx(
-                  "circle",
-                  {
-                    className: "opacity-25",
-                    cx: "12",
-                    cy: "12",
-                    r: "10",
-                    stroke: "currentColor",
-                    strokeWidth: "4"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    className: "opacity-75",
-                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
-                    fill: "currentColor"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { children: "Loading..." })
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          icon && iconPosition === "left" && icon,
-          children,
-          icon && iconPosition === "right" && icon
-        ] })
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-const sizeStyles$c = {
-  xs: "h-3 w-3",
-  // 12px
-  sm: "h-4 w-4",
-  // 16px
-  md: "h-5 w-5",
-  // 20px
-  lg: "h-6 w-6"
-  // 24px
-};
-const colorStyles = {
-  current: "text-current",
-  primary: "text-primary-600 dark:text-primary-400",
-  white: "text-white",
-  gold: "text-gold-500 dark:text-gold-400"
-};
-const Spinner = forwardRef(
-  ({
-    size = "md",
-    color = "current",
-    label = "Loading",
-    className,
-    testId,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        ref,
-        className: cn(
-          "animate-spin",
-          sizeStyles$c[size],
-          colorStyles[color],
-          className
-        ),
-        fill: "none",
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg",
-        role: "status",
-        "aria-label": label,
-        "data-testid": testId,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              className: "opacity-25",
-              cx: "12",
-              cy: "12",
-              r: "10",
-              stroke: "currentColor",
-              strokeWidth: "4"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              className: "opacity-75",
-              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
-              fill: "currentColor"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Spinner.displayName = "Spinner";
-const Input = forwardRef(
-  ({
-    label,
-    error,
-    helperText,
-    leftIcon,
-    rightIcon,
-    fullWidth = false,
-    className,
-    id,
-    required,
-    disabled,
-    isLoading = false,
-    testId,
-    ...props
-  }, ref) => {
-    const inputId = id || label?.toLowerCase().replace(/\s+/g, "-");
-    const hasError = !!error;
-    const errorId = hasError ? `${inputId}-error` : void 0;
-    const showRightIcon = rightIcon || isLoading;
-    return /* @__PURE__ */ jsxs("div", { className: cn(fullWidth ? "w-full" : "w-auto"), "data-testid": testId, children: [
-      label && /* @__PURE__ */ jsxs(
-        "label",
-        {
-          htmlFor: inputId,
-          className: "mb-2 block text-sm font-medium text-primary-700 dark:text-white",
-          "data-testid": testId ? `${testId}-label` : void 0,
-          children: [
-            label,
-            required && /* @__PURE__ */ jsx("span", { className: "ml-1 text-error", children: "*" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        leftIcon && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-primary-400 dark:text-primary-500",
-            "data-testid": testId ? `${testId}-left-icon` : void 0,
-            children: leftIcon
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref,
-            id: inputId,
-            required,
-            disabled,
-            "aria-label": !label ? props.placeholder || "Input" : void 0,
-            "aria-invalid": hasError ? "true" : void 0,
-            "aria-describedby": errorId,
-            "data-testid": testId ? `${testId}-input` : void 0,
-            className: cn(
-              // Base styles - Light mode
-              "block w-full rounded-md border bg-white px-4 py-2.5 text-sm text-primary-900",
-              "transition-colors duration-normal",
-              "placeholder:text-primary-400",
-              "focus:outline-none focus:ring-2",
-              "disabled:cursor-not-allowed disabled:bg-primary-50 disabled:text-primary-500",
-              // Base styles - Dark mode
-              "dark:bg-primary-800 dark:text-primary-100",
-              "dark:placeholder:text-primary-500",
-              "dark:disabled:bg-primary-900 dark:disabled:text-primary-600",
-              // Border and focus styles
-              hasError ? "border-error focus:border-error focus:ring-error/20 dark:border-error/70 dark:focus:ring-error/30" : "border-primary-300 focus:border-gold-500 focus:ring-gold-500/20 dark:border-primary-600 dark:focus:border-gold-400 dark:focus:ring-gold-400/30",
-              // Icon padding
-              leftIcon && "pl-11",
-              showRightIcon && "pr-11",
-              // Custom className
-              className
-            ),
-            ...props
-          }
-        ),
-        showRightIcon && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-primary-400 dark:text-primary-500",
-            "data-testid": testId ? `${testId}-right-icon` : void 0,
-            children: isLoading ? /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "primary" }) : rightIcon
-          }
-        )
-      ] }),
-      (error || helperText) && /* @__PURE__ */ jsx(
-        "p",
-        {
-          id: errorId,
-          role: hasError ? "alert" : void 0,
-          "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-          className: cn(
-            "mt-1.5 text-sm",
-            hasError ? "text-error" : "text-primary-500 dark:text-primary-400"
-          ),
-          children: error || helperText
-        }
-      )
-    ] });
-  }
-);
-Input.displayName = "Input";
-const EyeIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    className: "h-5 w-5",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 1.5,
-          d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 1.5,
-          d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-        }
-      )
-    ]
-  }
-);
-const EyeSlashIcon = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: "h-5 w-5",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.5,
-        d: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"
-      }
-    )
-  }
-);
-function getPasswordStrength(password) {
-  if (!password) {
-    return { strength: 0, label: "", color: "" };
-  }
-  let score = 0;
-  if (password.length >= 8) score++;
-  if (password.length >= 12) score++;
-  if (/[a-z]/.test(password) && /[A-Z]/.test(password)) score++;
-  if (/\d/.test(password)) score++;
-  if (/[^a-zA-Z0-9]/.test(password)) score++;
-  if (score <= 2) {
-    return { strength: 33, label: "Weak", color: "bg-error" };
-  } else if (score <= 3) {
-    return { strength: 66, label: "Medium", color: "bg-warning" };
-  } else {
-    return { strength: 100, label: "Strong", color: "bg-success" };
-  }
-}
-const PasswordInput = forwardRef(
-  ({ showStrengthIndicator = false, value, className, testId, ...props }, ref) => {
-    const [showPassword, setShowPassword] = useState(false);
-    const togglePasswordVisibility = () => {
-      setShowPassword((prev) => !prev);
-    };
-    const passwordValue = typeof value === "string" ? value : "";
-    const strength = showStrengthIndicator ? getPasswordStrength(passwordValue) : null;
-    const toggleButton = /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        tabIndex: -1,
-        onClick: togglePasswordVisibility,
-        className: cn(
-          "pointer-events-auto cursor-pointer",
-          "text-primary-400 hover:text-primary-600",
-          "dark:text-primary-500 dark:hover:text-primary-300"
-        ),
-        "aria-label": showPassword ? "Hide password" : "Show password",
-        "data-testid": testId ? `${testId}-toggle-button` : void 0,
-        children: showPassword ? /* @__PURE__ */ jsx(EyeSlashIcon, {}) : /* @__PURE__ */ jsx(EyeIcon, {})
-      }
-    );
-    return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), "data-testid": testId, children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          ...props,
-          ref,
-          type: showPassword ? "text" : "password",
-          value,
-          rightIcon: toggleButton,
-          testId: testId ? `${testId}-input` : void 0
-        }
-      ),
-      showStrengthIndicator && passwordValue && strength && strength.label && /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-primary-500 dark:text-primary-400", children: "Password strength:" }),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "text-xs font-medium",
-                strength.label === "Weak" && "text-error",
-                strength.label === "Medium" && "text-warning",
-                strength.label === "Strong" && "text-success"
-              ),
-              children: strength.label
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "h-2 w-full bg-primary-200 dark:bg-primary-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn("h-full transition-all duration-300", strength.color),
-            style: { width: `${strength.strength}%` }
-          }
-        ) })
-      ] })
-    ] });
-  }
-);
-PasswordInput.displayName = "PasswordInput";
-const Textarea = forwardRef(
-  ({
-    label,
-    error,
-    helperText,
-    fullWidth = false,
-    rows = 4,
-    showCharCount = false,
-    autoResize = false,
-    className,
-    id,
-    required,
-    disabled,
-    maxLength,
-    value,
-    defaultValue,
-    onChange,
-    isLoading = false,
-    testId,
-    ...props
-  }, ref) => {
-    const textareaId = id || label?.toLowerCase().replace(/\s+/g, "-");
-    const hasError = !!error;
-    const errorId = hasError ? `${textareaId}-error` : void 0;
-    const internalRef = useRef(null);
-    const combinedRef = useCallback(
-      (node) => {
-        internalRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    const currentValue = value !== void 0 ? String(value) : "";
-    const charCount = currentValue.length;
-    const adjustHeight = useCallback(() => {
-      const textarea = internalRef.current;
-      if (textarea && autoResize) {
-        textarea.style.height = "auto";
-        textarea.style.height = `${textarea.scrollHeight}px`;
-      }
-    }, [autoResize]);
-    const handleChange = useCallback(
-      (e3) => {
-        onChange?.(e3);
-        if (autoResize) {
-          adjustHeight();
-        }
-      },
-      [onChange, autoResize, adjustHeight]
-    );
-    useEffect(() => {
-      if (autoResize) {
-        adjustHeight();
-      }
-    }, [autoResize, adjustHeight, value, defaultValue]);
-    return /* @__PURE__ */ jsxs("div", { className: cn(fullWidth ? "w-full" : "w-auto"), "data-testid": testId, children: [
-      label && /* @__PURE__ */ jsxs(
-        "label",
-        {
-          htmlFor: textareaId,
-          className: "mb-2 block text-sm font-medium text-primary-700 dark:text-white",
-          "data-testid": testId ? `${testId}-label` : void 0,
-          children: [
-            label,
-            required && /* @__PURE__ */ jsx("span", { className: "ml-1 text-error", children: "*" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx(
-          "textarea",
-          {
-            ref: combinedRef,
-            id: textareaId,
-            rows: autoResize ? 1 : rows,
-            required,
-            disabled,
-            maxLength,
-            value,
-            defaultValue,
-            "aria-label": !label ? props.placeholder || "Text area" : void 0,
-            "aria-invalid": hasError ? "true" : void 0,
-            "aria-describedby": errorId,
-            onChange: handleChange,
-            "data-testid": testId ? `${testId}-textarea` : void 0,
-            className: cn(
-              // Base styles - Light mode
-              "block w-full rounded-md border bg-white px-4 py-2.5 text-sm text-primary-900",
-              "transition-colors duration-normal",
-              "placeholder:text-primary-400",
-              "focus:outline-none focus:ring-2",
-              "disabled:cursor-not-allowed disabled:bg-primary-50 disabled:text-primary-500",
-              "resize-none",
-              // Base styles - Dark mode
-              "dark:bg-primary-800 dark:text-primary-100",
-              "dark:placeholder:text-primary-500",
-              "dark:disabled:bg-primary-900 dark:disabled:text-primary-600",
-              // Auto-resize specific
-              autoResize && "overflow-hidden",
-              // Border and focus styles
-              hasError ? "border-error focus:border-error focus:ring-error/20 dark:border-error/70 dark:focus:ring-error/30" : "border-primary-300 focus:border-gold-500 focus:ring-gold-500/20 dark:border-primary-600 dark:focus:border-gold-400 dark:focus:ring-gold-400/30",
-              // Custom className
-              className
-            ),
-            ...props
-          }
-        ),
-        isLoading && /* @__PURE__ */ jsx("div", { className: "absolute top-2.5 right-2.5", children: /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "primary", label: "Saving..." }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex justify-between", children: [
-        (error || helperText) && /* @__PURE__ */ jsx(
-          "p",
-          {
-            id: errorId,
-            role: hasError ? "alert" : void 0,
-            "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-            className: cn(
-              "text-sm",
-              hasError ? "text-error" : "text-primary-500 dark:text-primary-400"
-            ),
-            children: error || helperText
-          }
-        ),
-        !error && !helperText && /* @__PURE__ */ jsx("span", {}),
-        showCharCount && maxLength && /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: cn(
-              "text-sm",
-              charCount >= maxLength ? "text-error" : "text-primary-400 dark:text-primary-500"
-            ),
-            children: [
-              charCount,
-              "/",
-              maxLength
-            ]
-          }
-        )
-      ] })
-    ] });
-  }
-);
-Textarea.displayName = "Textarea";
-let e2 = createContext(() => {
-});
-function C$1({ value: t2, children: o2 }) {
-  return React__default.createElement(e2.Provider, { value: t2 }, o2);
-}
-function a$2(o$12, r = typeof document != "undefined" ? document.defaultView : null, t2) {
-  let n2 = I$1(o$12, "escape");
-  E$1(r, "keydown", (e3) => {
-    n2 && (e3.defaultPrevented || e3.key === o.Escape && t2(e3));
-  });
-}
-function f$1() {
-  var t2;
-  let [e3] = useState(() => typeof window != "undefined" && typeof window.matchMedia == "function" ? window.matchMedia("(pointer: coarse)") : null), [o2, c3] = useState((t2 = e3 == null ? void 0 : e3.matches) != null ? t2 : false);
-  return n(() => {
-    if (!e3) return;
-    function n2(r) {
-      c3(r.matches);
-    }
-    return e3.addEventListener("change", n2), () => e3.removeEventListener("change", n2);
-  }, [e3]), o2;
-}
-function S({ defaultContainers: l$12 = [], portals: n2, mainTreeNode: o2 } = {}) {
-  let c3 = o$1(() => {
-    var r, u3;
-    let i2 = l(o2), t$12 = [];
-    for (let e3 of l$12) e3 !== null && (t(e3) ? t$12.push(e3) : "current" in e3 && t(e3.current) && t$12.push(e3.current));
-    if (n2 != null && n2.current) for (let e3 of n2.current) t$12.push(e3);
-    for (let e3 of (r = i2 == null ? void 0 : i2.querySelectorAll("html > *, body > *")) != null ? r : []) e3 !== document.body && e3 !== document.head && t(e3) && e3.id !== "headlessui-portal-root" && (o2 && (e3.contains(o2) || e3.contains((u3 = o2 == null ? void 0 : o2.getRootNode()) == null ? void 0 : u3.host)) || t$12.some((E2) => e3.contains(E2)) || t$12.push(e3));
-    return t$12;
-  });
-  return { resolveContainers: c3, contains: o$1((i2) => c3().some((t2) => t2.contains(i2))) };
-}
-let d2 = createContext(null);
-function j({ children: l$12, node: n2 }) {
-  let [o2, c3] = useState(null), i2 = x$1(n2 != null ? n2 : o2);
-  return React__default.createElement(d2.Provider, { value: i2 }, l$12, i2 === null && React__default.createElement(f$2, { features: s$1.Hidden, ref: (t$12) => {
-    var r, u3;
-    if (t$12) {
-      for (let e3 of (u3 = (r = l(t$12)) == null ? void 0 : r.querySelectorAll("html > *, body > *")) != null ? u3 : []) if (e3 !== document.body && e3 !== document.head && t(e3) && e3 != null && e3.contains(t$12)) {
-        c3(e3);
-        break;
-      }
-    }
-  } }));
-}
-function x$1(l2 = null) {
-  var n2;
-  return (n2 = useContext(d2)) != null ? n2 : l2;
-}
-var a$1 = ((r) => (r[r.Forwards = 0] = "Forwards", r[r.Backwards = 1] = "Backwards", r))(a$1 || {});
-function u2() {
-  let e3 = useRef(0);
-  return s$2(true, "keydown", (r) => {
-    r.key === "Tab" && (e3.current = r.shiftKey ? 1 : 0);
-  }, true), e3;
-}
-function x(o2) {
-  if (!o2) return /* @__PURE__ */ new Set();
-  if (typeof o2 == "function") return new Set(o2());
-  let t$12 = /* @__PURE__ */ new Set();
-  for (let e3 of o2.current) t(e3.current) && t$12.add(e3.current);
-  return t$12;
-}
-let $ = "div";
-var G = ((n2) => (n2[n2.None = 0] = "None", n2[n2.InitialFocus = 1] = "InitialFocus", n2[n2.TabLock = 2] = "TabLock", n2[n2.FocusLock = 4] = "FocusLock", n2[n2.RestoreFocus = 8] = "RestoreFocus", n2[n2.AutoFocus = 16] = "AutoFocus", n2))(G || {});
-function w$1(o2, t2) {
-  let e3 = useRef(null), r = y(e3, t2), { initialFocus: u$32, initialFocusFallback: a3, containers: n2, features: s2 = 15, ...f2 } = o2;
-  l$1() || (s2 = 0);
-  let l2 = u$1(e3.current);
-  re(s2, { ownerDocument: l2 });
-  let T$1 = ne(s2, { ownerDocument: l2, container: e3, initialFocus: u$32, initialFocusFallback: a3 });
-  oe(s2, { ownerDocument: l2, container: e3, containers: n2, previousActiveElement: T$1 });
-  let g2 = u2(), A2 = o$1((c3) => {
-    if (!n$1(e3.current)) return;
-    let E2 = e3.current;
-    ((V2) => V2())(() => {
-      u$2(g2.current, { [a$1.Forwards]: () => {
-        v(E2, T.First, { skipElements: [c3.relatedTarget, a3] });
-      }, [a$1.Backwards]: () => {
-        v(E2, T.Last, { skipElements: [c3.relatedTarget, a3] });
-      } });
-    });
-  }), v$1 = I$1(!!(s2 & 2), "focus-trap#tab-lock"), N2 = p(), b3 = useRef(false), k2 = { ref: r, onKeyDown(c3) {
-    c3.key == "Tab" && (b3.current = true, N2.requestAnimationFrame(() => {
-      b3.current = false;
-    }));
-  }, onBlur(c3) {
-    if (!(s2 & 4)) return;
-    let E2 = x(n2);
-    n$1(e3.current) && E2.add(e3.current);
-    let L = c3.relatedTarget;
-    i(L) && L.dataset.headlessuiFocusGuard !== "true" && (I(E2, L) || (b3.current ? v(e3.current, u$2(g2.current, { [a$1.Forwards]: () => T.Next, [a$1.Backwards]: () => T.Previous }) | T.WrapAround, { relativeTo: c3.target }) : i(c3.target) && w$2(c3.target)));
-  } }, B = K();
-  return React__default.createElement(React__default.Fragment, null, v$1 && React__default.createElement(f$2, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: A2, features: s$1.Focusable }), B({ ourProps: k2, theirProps: f2, defaultTag: $, name: "FocusTrap" }), v$1 && React__default.createElement(f$2, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: A2, features: s$1.Focusable }));
-}
-let ee = Y(w$1), ge = Object.assign(ee, { features: G });
-function te(o2 = true) {
-  let t2 = useRef(n$2.slice());
-  return m(([e3], [r]) => {
-    r === true && e3 === false && t$1(() => {
-      t2.current.splice(0);
-    }), r === false && e3 === true && (t2.current = n$2.slice());
-  }, [o2, n$2, t2]), o$1(() => {
-    var e3;
-    return (e3 = t2.current.find((r) => r != null && r.isConnected)) != null ? e3 : null;
-  });
-}
-function re(o2, { ownerDocument: t2 }) {
-  let e3 = !!(o2 & 8), r = te(e3);
-  m(() => {
-    e3 || d$1(t2 == null ? void 0 : t2.body) && w$2(r());
-  }, [e3]), c$1(() => {
-    e3 && w$2(r());
-  });
-}
-function ne(o2, { ownerDocument: t2, container: e3, initialFocus: r, initialFocusFallback: u3 }) {
-  let a3 = useRef(null), n2 = I$1(!!(o2 & 1), "focus-trap#initial-focus"), s2 = f$3();
-  return m(() => {
-    if (o2 === 0) return;
-    if (!n2) {
-      u3 != null && u3.current && w$2(u3.current);
-      return;
-    }
-    let f2 = e3.current;
-    f2 && t$1(() => {
-      if (!s2.current) return;
-      let l2 = t2 == null ? void 0 : t2.activeElement;
-      if (r != null && r.current) {
-        if ((r == null ? void 0 : r.current) === l2) {
-          a3.current = l2;
-          return;
-        }
-      } else if (f2.contains(l2)) {
-        a3.current = l2;
-        return;
-      }
-      if (r != null && r.current) w$2(r.current);
-      else {
-        if (o2 & 16) {
-          if (v(f2, T.First | T.AutoFocus) !== A.Error) return;
-        } else if (v(f2, T.First) !== A.Error) return;
-        if (u3 != null && u3.current && (w$2(u3.current), (t2 == null ? void 0 : t2.activeElement) === u3.current)) return;
-        console.warn("There are no focusable elements inside the <FocusTrap />");
-      }
-      a3.current = t2 == null ? void 0 : t2.activeElement;
-    });
-  }, [u3, n2, o2]), a3;
-}
-function oe(o2, { ownerDocument: t2, container: e3, containers: r, previousActiveElement: u3 }) {
-  let a3 = f$3(), n2 = !!(o2 & 4);
-  E$1(t2 == null ? void 0 : t2.defaultView, "focus", (s2) => {
-    if (!n2 || !a3.current) return;
-    let f2 = x(r);
-    n$1(e3.current) && f2.add(e3.current);
-    let l2 = u3.current;
-    if (!l2) return;
-    let T2 = s2.target;
-    n$1(T2) ? I(f2, T2) ? (u3.current = T2, w$2(T2)) : (s2.preventDefault(), s2.stopPropagation(), w$2(l2)) : w$2(u3.current);
-  }, true);
-}
-function I(o2, t2) {
-  for (let e3 of o2) if (e3.contains(t2)) return true;
-  return false;
-}
-var we$1 = ((o2) => (o2[o2.Open = 0] = "Open", o2[o2.Closed = 1] = "Closed", o2))(we$1 || {}), Be$1 = ((t2) => (t2[t2.SetTitleId = 0] = "SetTitleId", t2))(Be$1 || {});
-let Ue$1 = { [0](e3, t2) {
-  return e3.titleId === t2.id ? e3 : { ...e3, titleId: t2.id };
-} }, w = createContext(null);
-w.displayName = "DialogContext";
-function O(e3) {
-  let t2 = useContext(w);
-  if (t2 === null) {
-    let o2 = new Error(`<${e3} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(o2, O), o2;
-  }
-  return t2;
-}
-function He$1(e3, t2) {
-  return u$2(t2.type, Ue$1, e3, t2);
-}
-let z$1 = Y(function(t2, o2) {
-  let a3 = useId(), { id: n$12 = `headlessui-dialog-${a3}`, open: i2, onClose: p2, initialFocus: d3, role: s2 = "dialog", autoFocus: f2 = true, __demoMode: u3 = false, unmount: y$2 = false, ...S$2 } = t2, R = useRef(false);
-  s2 = (function() {
-    return s2 === "dialog" || s2 === "alertdialog" ? s2 : (R.current || (R.current = true, console.warn(`Invalid role [${s2}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog");
-  })();
-  let g2 = u$3();
-  i2 === void 0 && g2 !== null && (i2 = (g2 & i$1.Open) === i$1.Open);
-  let T2 = useRef(null), I2 = y(T2, o2), F = u$1(T2.current), c3 = i2 ? 0 : 1, [b3, Q2] = useReducer(He$1, { titleId: null, descriptionId: null, panelRef: createRef() }), m2 = o$1(() => p2(false)), B = o$1((r) => Q2({ type: 0, id: r })), D = l$1() ? c3 === 0 : false, [Z2, ee2] = ee$1(), te2 = { get current() {
-    var r;
-    return (r = b3.panelRef.current) != null ? r : T2.current;
-  } }, v2 = x$1(), { resolveContainers: M2 } = S({ mainTreeNode: v2, portals: Z2, defaultContainers: [te2] }), U = g2 !== null ? (g2 & i$1.Closing) === i$1.Closing : false;
-  y$1(u3 || U ? false : D, { allowed: o$1(() => {
-    var r, W2;
-    return [(W2 = (r = T2.current) == null ? void 0 : r.closest("[data-headlessui-portal]")) != null ? W2 : null];
-  }), disallowed: o$1(() => {
-    var r;
-    return [(r = v2 == null ? void 0 : v2.closest("body > *:not(#headlessui-portal-root)")) != null ? r : null];
-  }) });
-  let P = x$2.get(null);
-  n(() => {
-    if (D) return P.actions.push(n$12), () => P.actions.pop(n$12);
-  }, [P, n$12, D]);
-  let H$1 = S$1(P, useCallback((r) => P.selectors.isTop(r, n$12), [P, n$12]));
-  k(H$1, M2, (r) => {
-    r.preventDefault(), m2();
-  }), a$2(H$1, F == null ? void 0 : F.defaultView, (r) => {
-    r.preventDefault(), r.stopPropagation(), document.activeElement && "blur" in document.activeElement && typeof document.activeElement.blur == "function" && document.activeElement.blur(), m2();
-  }), f$4(u3 || U ? false : D, F, M2), p$1(D, T2, m2);
-  let [oe2, ne2] = H(), re2 = useMemo(() => [{ dialogState: c3, close: m2, setTitleId: B, unmount: y$2 }, b3], [c3, m2, B, y$2, b3]), N2 = n$3({ open: c3 === 0 }), le = { ref: I2, id: n$12, role: s2, tabIndex: -1, "aria-modal": u3 ? void 0 : c3 === 0 ? true : void 0, "aria-labelledby": b3.titleId, "aria-describedby": oe2, unmount: y$2 }, ae = !f$1(), E2 = G.None;
-  D && !u3 && (E2 |= G.RestoreFocus, E2 |= G.TabLock, f2 && (E2 |= G.AutoFocus), ae && (E2 |= G.InitialFocus));
-  let ie = K();
-  return React__default.createElement(s$3, null, React__default.createElement(l$2, { force: true }, React__default.createElement(te$1, null, React__default.createElement(w.Provider, { value: re2 }, React__default.createElement(X, { target: T2 }, React__default.createElement(l$2, { force: false }, React__default.createElement(ne2, { slot: N2 }, React__default.createElement(ee2, null, React__default.createElement(ge, { initialFocus: d3, initialFocusFallback: T2, containers: M2, features: E2 }, React__default.createElement(C$1, { value: m2 }, ie({ ourProps: le, theirProps: S$2, slot: N2, defaultTag: Ne$1, features: We$1, visible: c3 === 0, name: "Dialog" })))))))))));
-}), Ne$1 = "div", We$1 = A$1.RenderStrategy | A$1.Static;
-function $e(e3, t2) {
-  let { transition: o2 = false, open: a3, ...n2 } = e3, i2 = u$3(), p2 = e3.hasOwnProperty("open") || i2 !== null, d3 = e3.hasOwnProperty("onClose");
-  if (!p2 && !d3) throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");
-  if (!p2) throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");
-  if (!d3) throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");
-  if (!i2 && typeof e3.open != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${e3.open}`);
-  if (typeof e3.onClose != "function") throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${e3.onClose}`);
-  return (a3 !== void 0 || o2) && !n2.static ? React__default.createElement(j, null, React__default.createElement(Ke$2, { show: a3, transition: o2, unmount: n2.unmount }, React__default.createElement(z$1, { ref: t2, ...n2 }))) : React__default.createElement(j, null, React__default.createElement(z$1, { ref: t2, open: a3, ...n2 }));
-}
-let je$1 = "div";
-function Ye(e3, t2) {
-  let o2 = useId(), { id: a3 = `headlessui-dialog-panel-${o2}`, transition: n2 = false, ...i2 } = e3, [{ dialogState: p2, unmount: d3 }, s2] = O("Dialog.Panel"), f2 = y(t2, s2.panelRef), u3 = n$3({ open: p2 === 0 }), y$12 = o$1((I2) => {
-    I2.stopPropagation();
-  }), S2 = { ref: f2, id: a3, onClick: y$12 }, R = n2 ? Oe$1 : Fragment$1, g2 = n2 ? { unmount: d3 } : {}, T2 = K();
-  return React__default.createElement(R, { ...g2 }, T2({ ourProps: S2, theirProps: i2, slot: u3, defaultTag: je$1, name: "Dialog.Panel" }));
-}
-let Je = "div";
-function Ke$1(e3, t2) {
-  let { transition: o2 = false, ...a3 } = e3, [{ dialogState: n2, unmount: i2 }] = O("Dialog.Backdrop"), p2 = n$3({ open: n2 === 0 }), d3 = { ref: t2, "aria-hidden": true }, s2 = o2 ? Oe$1 : Fragment$1, f2 = o2 ? { unmount: i2 } : {}, u3 = K();
-  return React__default.createElement(s2, { ...f2 }, u3({ ourProps: d3, theirProps: a3, slot: p2, defaultTag: Je, name: "Dialog.Backdrop" }));
-}
-let Xe = "h2";
-function Ve(e3, t2) {
-  let o2 = useId(), { id: a3 = `headlessui-dialog-title-${o2}`, ...n2 } = e3, [{ dialogState: i2, setTitleId: p2 }] = O("Dialog.Title"), d3 = y(t2);
-  useEffect(() => (p2(a3), () => p2(null)), [a3, p2]);
-  let s2 = n$3({ open: i2 === 0 }), f2 = { ref: d3, id: a3 };
-  return K()({ ourProps: f2, theirProps: n2, slot: s2, defaultTag: Xe, name: "Dialog.Title" });
-}
-let qe = Y($e), ze = Y(Ye);
-Y(Ke$1);
-let Qe = Y(Ve), ht = Object.assign(qe, { Panel: ze, Title: Qe, Description: M });
-let _ = "div";
-function c2(d3, l2) {
-  let t2 = `headlessui-control-${useId()}`, [p2, s2] = V$1(), [n2, a3] = H(), m2 = a$3(), { disabled: r = m2 || false, ...o2 } = d3, i2 = n$3({ disabled: r }), F = { ref: l2, disabled: r || void 0, "aria-disabled": r || void 0 }, T2 = K();
-  return React__default.createElement(l$3, { value: r }, React__default.createElement(s2, { value: p2 }, React__default.createElement(a3, { value: n2 }, React__default.createElement(f$5, { id: t2 }, T2({ ourProps: F, theirProps: { ...o2, children: React__default.createElement(W$1, null, typeof o2.children == "function" ? o2.children(i2) : o2.children) }, slot: i2, defaultTag: _, name: "Field" })))));
-}
-let W = Y(c2);
-let E = createContext(null);
-E.displayName = "GroupContext";
-let ve$1 = Fragment$1;
-function xe(n2) {
-  var c3;
-  let [t2, a3] = useState(null), [f2, h2] = V$1(), [b3, o2] = H(), s2 = useMemo(() => ({ switch: t2, setSwitch: a3 }), [t2, a3]), T2 = {}, y2 = n2, p2 = K();
-  return React__default.createElement(o2, { name: "Switch.Description", value: b3 }, React__default.createElement(h2, { name: "Switch.Label", value: f2, props: { htmlFor: (c3 = s2.switch) == null ? void 0 : c3.id, onClick(u3) {
-    t2 && (m$1(u3.currentTarget) && u3.preventDefault(), t2.click(), t2.focus({ preventScroll: true }));
-  } } }, React__default.createElement(E.Provider, { value: s2 }, p2({ ourProps: T2, theirProps: y2, slot: {}, defaultTag: ve$1, name: "Switch.Group" }))));
-}
-let Ce$1 = "button";
-function Le$1(n2, t2) {
-  var g$1;
-  let a3 = useId(), f2 = u$4(), h2 = a$3(), { id: b3 = f2 || `headlessui-switch-${a3}`, disabled: o$2 = h2 || false, checked: s2, defaultChecked: T2, onChange: y$12, name: p$12, value: c3, form: u3, autoFocus: S2 = false, ...C2 } = n2, _2 = useContext(E), [L, R] = useState(null), G2 = useRef(null), A2 = y(G2, t2, _2 === null ? null : _2.setSwitch, R), l2 = l$4(T2), [d3, r] = b$1(s2, y$12, l2 != null ? l2 : false), F = p(), [H2, P] = useState(false), D = o$1(() => {
-    P(true), r == null || r(!d3), F.nextFrame(() => {
-      P(false);
-    });
-  }), k2 = o$1((e3) => {
-    if (s$4(e3.currentTarget)) return e3.preventDefault();
-    e3.preventDefault(), D();
-  }), M2 = o$1((e3) => {
-    e3.key === o.Space ? (e3.preventDefault(), D()) : e3.key === o.Enter && g(e3.currentTarget);
-  }), U = o$1((e3) => e3.preventDefault()), I2 = N(), B = w$3(), { isFocusVisible: K$1, focusProps: O2 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: S2 }), { isHovered: W2, hoverProps: N$1 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: o$2 }), { pressed: J, pressProps: V2 } = w$4({ disabled: o$2 }), X2 = n$3({ checked: d3, disabled: o$2, hover: W2, focus: K$1, active: J, autofocus: S2, changing: H2 }), j2 = V$2({ id: b3, ref: A2, role: "switch", type: e$1(n2, L), tabIndex: n2.tabIndex === -1 ? 0 : (g$1 = n2.tabIndex) != null ? g$1 : 0, "aria-checked": d3, "aria-labelledby": I2, "aria-describedby": B, disabled: o$2 || void 0, autoFocus: S2, onClick: k2, onKeyUp: M2, onKeyPress: U }, O2, N$1, V2), $2 = useCallback(() => {
-    if (l2 !== void 0) return r == null ? void 0 : r(l2);
-  }, [r, l2]), q = K();
-  return React__default.createElement(React__default.Fragment, null, p$12 != null && React__default.createElement(j$1, { disabled: o$2, data: { [p$12]: c3 || "on" }, overrides: { type: "checkbox", checked: d3 }, form: u3, onReset: $2 }), q({ ourProps: j2, theirProps: C2, slot: X2, defaultTag: Ce$1, name: "Switch" }));
-}
-let Re = Y(Le$1), Ge$1 = xe, Ae = Z, Fe$1 = M, tt = Object.assign(Re, { Group: Ge$1, Label: Ae, Description: Fe$1 });
-function b2({ onFocus: n2 }) {
-  let [r, o2] = useState(true), u3 = f$3();
-  return r ? React__default.createElement(f$2, { as: "button", type: "button", features: s$1.Focusable, onFocus: (a3) => {
-    a3.preventDefault();
-    let e3, i2 = 50;
-    function t2() {
-      if (i2-- <= 0) {
-        e3 && cancelAnimationFrame(e3);
-        return;
-      }
-      if (n2()) {
-        if (cancelAnimationFrame(e3), !u3.current) return;
-        o2(false);
-        return;
-      }
-      e3 = requestAnimationFrame(t2);
-    }
-    e3 = requestAnimationFrame(t2);
-  } }) : null;
-}
-const s = React.createContext(null);
-function a2() {
-  return { groups: /* @__PURE__ */ new Map(), get(o2, e3) {
-    var i2;
-    let t2 = this.groups.get(o2);
-    t2 || (t2 = /* @__PURE__ */ new Map(), this.groups.set(o2, t2));
-    let n2 = (i2 = t2.get(e3)) != null ? i2 : 0;
-    t2.set(e3, n2 + 1);
-    let r = Array.from(t2.keys()).indexOf(e3);
-    function u3() {
-      let c3 = t2.get(e3);
-      c3 > 1 ? t2.set(e3, c3 - 1) : t2.delete(e3);
-    }
-    return [r, u3];
-  } };
-}
-function f({ children: o2 }) {
-  let e3 = React.useRef(a2());
-  return React.createElement(s.Provider, { value: e3 }, o2);
-}
-function C(o2) {
-  let e3 = React.useContext(s);
-  if (!e3) throw new Error("You must wrap your component in a <StableCollection>");
-  let t2 = React.useId(), [n2, r] = e3.current.get(o2, t2);
-  return React.useEffect(() => r, []), n2;
-}
-var Le = ((t2) => (t2[t2.Forwards = 0] = "Forwards", t2[t2.Backwards = 1] = "Backwards", t2))(Le || {}), _e = ((l2) => (l2[l2.Less = -1] = "Less", l2[l2.Equal = 0] = "Equal", l2[l2.Greater = 1] = "Greater", l2))(_e || {}), Se = ((n2) => (n2[n2.SetSelectedIndex = 0] = "SetSelectedIndex", n2[n2.RegisterTab = 1] = "RegisterTab", n2[n2.UnregisterTab = 2] = "UnregisterTab", n2[n2.RegisterPanel = 3] = "RegisterPanel", n2[n2.UnregisterPanel = 4] = "UnregisterPanel", n2))(Se || {});
-let De = { [0](e3, r) {
-  var d3;
-  let t2 = G$1(e3.tabs, (u3) => u3.current), l2 = G$1(e3.panels, (u3) => u3.current), a3 = t2.filter((u3) => {
-    var T2;
-    return !((T2 = u3.current) != null && T2.hasAttribute("disabled"));
-  }), n2 = { ...e3, tabs: t2, panels: l2 };
-  if (r.index < 0 || r.index > t2.length - 1) {
-    let u3 = u$2(Math.sign(r.index - e3.selectedIndex), { [-1]: () => 1, [0]: () => u$2(Math.sign(r.index), { [-1]: () => 0, [0]: () => 0, [1]: () => 1 }), [1]: () => 0 });
-    if (a3.length === 0) return n2;
-    let T2 = u$2(u3, { [0]: () => t2.indexOf(a3[0]), [1]: () => t2.indexOf(a3[a3.length - 1]) });
-    return { ...n2, selectedIndex: T2 === -1 ? e3.selectedIndex : T2 };
-  }
-  let s2 = t2.slice(0, r.index), f2 = [...t2.slice(r.index), ...s2].find((u3) => a3.includes(u3));
-  if (!f2) return n2;
-  let b3 = (d3 = t2.indexOf(f2)) != null ? d3 : e3.selectedIndex;
-  return b3 === -1 && (b3 = e3.selectedIndex), { ...n2, selectedIndex: b3 };
-}, [1](e3, r) {
-  if (e3.tabs.includes(r.tab)) return e3;
-  let t2 = e3.tabs[e3.selectedIndex], l2 = G$1([...e3.tabs, r.tab], (n2) => n2.current), a3 = e3.selectedIndex;
-  return e3.info.current.isControlled || (a3 = l2.indexOf(t2), a3 === -1 && (a3 = e3.selectedIndex)), { ...e3, tabs: l2, selectedIndex: a3 };
-}, [2](e3, r) {
-  return { ...e3, tabs: e3.tabs.filter((t2) => t2 !== r.tab) };
-}, [3](e3, r) {
-  return e3.panels.includes(r.panel) ? e3 : { ...e3, panels: G$1([...e3.panels, r.panel], (t2) => t2.current) };
-}, [4](e3, r) {
-  return { ...e3, panels: e3.panels.filter((t2) => t2 !== r.panel) };
-} }, z = createContext(null);
-z.displayName = "TabsDataContext";
-function h(e3) {
-  let r = useContext(z);
-  if (r === null) {
-    let t2 = new Error(`<${e3} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t2, h), t2;
-  }
-  return r;
-}
-let V = createContext(null);
-V.displayName = "TabsActionsContext";
-function Q(e3) {
-  let r = useContext(V);
-  if (r === null) {
-    let t2 = new Error(`<${e3} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t2, Q), t2;
-  }
-  return r;
-}
-function Fe(e3, r) {
-  return u$2(r.type, De, e3, r);
-}
-let Ie = "div";
-function he(e3, r) {
-  let { defaultIndex: t2 = 0, vertical: l2 = false, manual: a3 = false, onChange: n$12, selectedIndex: s2 = null, ...g2 } = e3;
-  const f$12 = l2 ? "vertical" : "horizontal", b$12 = a3 ? "manual" : "auto";
-  let d3 = s2 !== null, u3 = s$5({ isControlled: d3 }), T2 = y(r), [p2, c3] = useReducer(Fe, { info: u3, selectedIndex: s2 != null ? s2 : t2, tabs: [], panels: [] }), v2 = n$3({ selectedIndex: p2.selectedIndex }), m2 = s$5(n$12 || (() => {
-  })), C2 = s$5(p2.tabs), D = useMemo(() => ({ orientation: f$12, activation: b$12, ...p2 }), [f$12, b$12, p2]), P = o$1((i2) => (c3({ type: 1, tab: i2 }), () => c3({ type: 2, tab: i2 }))), R = o$1((i2) => (c3({ type: 3, panel: i2 }), () => c3({ type: 4, panel: i2 }))), A2 = o$1((i2) => {
-    L.current !== i2 && m2.current(i2), d3 || c3({ type: 0, index: i2 });
-  }), L = s$5(d3 ? e3.selectedIndex : p2.selectedIndex), _2 = useMemo(() => ({ registerTab: P, registerPanel: R, change: A2 }), []);
-  n(() => {
-    c3({ type: 0, index: s2 != null ? s2 : t2 });
-  }, [s2]), n(() => {
-    if (L.current === void 0 || p2.tabs.length <= 0) return;
-    let i2 = G$1(p2.tabs, (S2) => S2.current);
-    i2.some((S2, $2) => p2.tabs[$2] !== S2) && A2(i2.indexOf(p2.tabs[L.current]));
-  });
-  let J = { ref: T2 }, X2 = K();
-  return React__default.createElement(f, null, React__default.createElement(V.Provider, { value: _2 }, React__default.createElement(z.Provider, { value: D }, D.tabs.length <= 0 && React__default.createElement(b2, { onFocus: () => {
-    var i2, M2;
-    for (let S2 of C2.current) if (((i2 = S2.current) == null ? void 0 : i2.tabIndex) === 0) return (M2 = S2.current) == null || M2.focus(), true;
-    return false;
-  } }), X2({ ourProps: J, theirProps: g2, slot: v2, defaultTag: Ie, name: "Tabs" }))));
-}
-let ve = "div";
-function Ce(e3, r) {
-  let { orientation: t2, selectedIndex: l2 } = h("Tab.List"), a3 = y(r), n2 = n$3({ selectedIndex: l2 }), s2 = e3, g2 = { ref: a3, role: "tablist", "aria-orientation": t2 };
-  return K()({ ourProps: g2, theirProps: s2, slot: n2, defaultTag: ve, name: "Tabs.List" });
-}
-let Me = "button";
-function Ge(e3, r) {
-  var Y2, Z2;
-  let t2 = useId(), { id: l2 = `headlessui-tabs-tab-${t2}`, disabled: a3 = false, autoFocus: n$12 = false, ...s2 } = e3, { orientation: g2, activation: f2, selectedIndex: b3, tabs: d3, panels: u3 } = h("Tab"), T$1 = Q("Tab"), p2 = h("Tab"), [c3, v$1] = useState(null), m2 = useRef(null), C$12 = y(m2, r, v$1);
-  n(() => T$1.registerTab(m2), [T$1, m2]);
-  let D = C("tabs"), P = d3.indexOf(m2);
-  P === -1 && (P = D);
-  let R = P === b3, A$12 = o$1((o2) => {
-    let E2 = o2();
-    if (E2 === A.Success && f2 === "auto") {
-      let ee2 = e$2(m2.current), B = p2.tabs.findIndex((ce) => ce.current === ee2);
-      B !== -1 && T$1.change(B);
-    }
-    return E2;
-  }), L = o$1((o$12) => {
-    let E2 = d3.map((B) => B.current).filter(Boolean);
-    if (o$12.key === o.Space || o$12.key === o.Enter) {
-      o$12.preventDefault(), o$12.stopPropagation(), T$1.change(P);
-      return;
-    }
-    switch (o$12.key) {
-      case o.Home:
-      case o.PageUp:
-        return o$12.preventDefault(), o$12.stopPropagation(), A$12(() => v(E2, T.First));
-      case o.End:
-      case o.PageDown:
-        return o$12.preventDefault(), o$12.stopPropagation(), A$12(() => v(E2, T.Last));
-    }
-    if (A$12(() => u$2(g2, { vertical() {
-      return o$12.key === o.ArrowUp ? v(E2, T.Previous | T.WrapAround) : o$12.key === o.ArrowDown ? v(E2, T.Next | T.WrapAround) : A.Error;
-    }, horizontal() {
-      return o$12.key === o.ArrowLeft ? v(E2, T.Previous | T.WrapAround) : o$12.key === o.ArrowRight ? v(E2, T.Next | T.WrapAround) : A.Error;
-    } })) === A.Success) return o$12.preventDefault();
-  }), _2 = useRef(false), J = o$1(() => {
-    var o2;
-    _2.current || (_2.current = true, (o2 = m2.current) == null || o2.focus({ preventScroll: true }), T$1.change(P), t$1(() => {
-      _2.current = false;
-    }));
-  }), X2 = o$1((o2) => {
-    o2.preventDefault();
-  }), { isFocusVisible: i2, focusProps: M2 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: n$12 }), { isHovered: S2, hoverProps: $2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: a3 }), { pressed: pe, pressProps: ue } = w$4({ disabled: a3 }), Te = n$3({ selected: R, hover: S2, active: pe, focus: i2, autofocus: n$12, disabled: a3 }), de = V$2({ ref: C$12, onKeyDown: L, onMouseDown: X2, onClick: J, id: l2, role: "tab", type: e$1(e3, c3), "aria-controls": (Z2 = (Y2 = u3[P]) == null ? void 0 : Y2.current) == null ? void 0 : Z2.id, "aria-selected": R, tabIndex: R ? 0 : -1, disabled: a3 || void 0, autoFocus: n$12 }, M2, $2, ue);
-  return K()({ ourProps: de, theirProps: s2, slot: Te, defaultTag: Me, name: "Tabs.Tab" });
-}
-let Ue = "div";
-function He(e3, r) {
-  let { selectedIndex: t2 } = h("Tab.Panels"), l2 = y(r), a3 = n$3({ selectedIndex: t2 }), n2 = e3, s2 = { ref: l2 };
-  return K()({ ourProps: s2, theirProps: n2, slot: a3, defaultTag: Ue, name: "Tabs.Panels" });
-}
-let we = "div", Oe = A$1.RenderStrategy | A$1.Static;
-function Ne(e3, r) {
-  var R, A2, L, _2;
-  let t2 = useId(), { id: l2 = `headlessui-tabs-panel-${t2}`, tabIndex: a3 = 0, ...n$12 } = e3, { selectedIndex: s2, tabs: g2, panels: f2 } = h("Tab.Panel"), b3 = Q("Tab.Panel"), d3 = useRef(null), u3 = y(d3, r);
-  n(() => b3.registerPanel(d3), [b3, d3]);
-  let T2 = C("panels"), p2 = f2.indexOf(d3);
-  p2 === -1 && (p2 = T2);
-  let c3 = p2 === s2, { isFocusVisible: v2, focusProps: m2 } = $f7dceffc5ad7768b$export$4e328f61c538687f(), C$12 = n$3({ selected: c3, focus: v2 }), D = V$2({ ref: u3, id: l2, role: "tabpanel", "aria-labelledby": (A2 = (R = g2[p2]) == null ? void 0 : R.current) == null ? void 0 : A2.id, tabIndex: c3 ? a3 : -1 }, m2), P = K();
-  return !c3 && ((L = n$12.unmount) == null || L) && !((_2 = n$12.static) != null && _2) ? React__default.createElement(f$2, { "aria-hidden": "true", ...D }) : P({ ourProps: D, theirProps: n$12, slot: C$12, defaultTag: we, features: Oe, visible: c3, name: "Tabs.Panel" });
-}
-let ke = Y(Ge), Be = Y(he), We = Y(Ce), je = Y(He), Ke = Y(Ne), dt = Object.assign(ke, { Group: Be, List: We, Panels: je, Panel: Ke });
-function Select({
-  options,
-  value,
-  onChange,
-  placeholder = "Select...",
-  label,
-  error,
-  helperText,
-  disabled = false,
-  required = false,
-  fullWidth = false,
-  className,
-  isLoading = false,
-  loadingText = "Loading...",
-  placement = "bottom",
-  testId
-}) {
-  const selectedOption = options.find((opt) => opt.value === value);
-  const hasError = !!error;
-  const isDisabled = disabled || isLoading;
-  const labelId = useId();
-  return /* @__PURE__ */ jsxs("div", { className: cn(fullWidth ? "w-full" : "w-auto", className), "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxs(
-      "label",
-      {
-        id: labelId,
-        className: "mb-2 block text-sm font-medium text-primary-700 dark:text-white",
-        "data-testid": testId ? `${testId}-label` : void 0,
-        children: [
-          label,
-          required && /* @__PURE__ */ jsx("span", { className: "ml-1 text-error", children: "*" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Mo, { disabled: isDisabled, value: value ?? void 0, onChange, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxs(
-        Mt,
-        {
-          "aria-label": !label ? placeholder : void 0,
-          "aria-labelledby": label ? labelId : void 0,
-          "data-testid": testId ? `${testId}-button` : void 0,
-          className: cn(
-            // Base styles - Light mode
-            "relative w-full rounded-md border bg-white px-4 py-2.5 text-left text-sm",
-            "transition-colors duration-normal",
-            "focus:outline-none focus:ring-2",
-            "disabled:cursor-not-allowed disabled:bg-primary-50 disabled:text-primary-500",
-            // Base styles - Dark mode
-            "dark:bg-primary-800",
-            "dark:disabled:bg-primary-900 dark:disabled:text-primary-600",
-            // Border and focus styles
-            hasError ? "border-error focus:border-error focus:ring-error/20 dark:border-error/70 dark:focus:ring-error/30" : "border-primary-300 focus:border-gold-500 focus:ring-gold-500/20 dark:border-primary-600 dark:focus:border-gold-400 dark:focus:ring-gold-400/30"
-          ),
-          children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "block truncate",
-                  selectedOption ? "text-primary-900 dark:text-primary-100" : "text-primary-400 dark:text-primary-500"
-                ),
-                children: selectedOption?.label || placeholder
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", children: isLoading ? /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "primary", label: loadingText }) : /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: "h-5 w-5 text-primary-400 dark:text-primary-500",
-                fill: "currentColor",
-                viewBox: "0 0 20 20",
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    clipRule: "evenodd",
-                    d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
-                    fillRule: "evenodd"
-                  }
-                )
-              }
-            ) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Ke$2,
-        {
-          as: Fragment$1,
-          leave: "transition ease-in duration-100",
-          leaveFrom: "opacity-100",
-          leaveTo: "opacity-0",
-          children: /* @__PURE__ */ jsx(
-            Bt,
-            {
-              className: cn(
-                "absolute z-dropdown max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-primary-800 dark:ring-primary-700",
-                placement === "top" ? "bottom-full mb-1" : "top-full mt-1"
-              ),
-              "data-testid": testId ? `${testId}-options` : void 0,
-              children: options.map((option, index) => /* @__PURE__ */ jsx(
-                It,
-                {
-                  disabled: option.disabled,
-                  value: option.value,
-                  "data-testid": testId ? `${testId}-option-${index}` : void 0,
-                  className: ({ active, selected }) => cn(
-                    "relative cursor-pointer select-none py-2.5 pl-10 pr-4",
-                    // Light mode
-                    active ? "bg-gold-50 text-primary-900" : "text-primary-900",
-                    // Dark mode
-                    active ? "dark:bg-primary-700 dark:text-primary-100" : "dark:text-primary-200",
-                    option.disabled && "cursor-not-allowed opacity-50",
-                    selected && "font-medium"
-                  ),
-                  children: ({ selected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx("span", { className: "block truncate", children: option.label }),
-                    selected && /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-gold-600 dark:text-gold-400", children: /* @__PURE__ */ jsx(
-                      "svg",
-                      {
-                        className: "h-5 w-5",
-                        fill: "currentColor",
-                        viewBox: "0 0 20 20",
-                        "aria-hidden": "true",
-                        children: /* @__PURE__ */ jsx(
-                          "path",
-                          {
-                            clipRule: "evenodd",
-                            d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",
-                            fillRule: "evenodd"
-                          }
-                        )
-                      }
-                    ) })
-                  ] })
-                },
-                option.value
-              ))
-            }
-          )
-        }
-      )
-    ] }) }),
-    (error || helperText) && /* @__PURE__ */ jsx(
-      "p",
-      {
-        role: hasError ? "alert" : void 0,
-        "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-        className: cn(
-          "mt-1.5 text-sm",
-          hasError ? "text-error" : "text-primary-500 dark:text-primary-400"
-        ),
-        children: error || helperText
-      }
-    )
-  ] });
-}
-Select.displayName = "Select";
-const CloseIcon$2 = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: "h-5 w-5",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 2,
-        d: "M6 18L18 6M6 6l12 12"
-      }
-    )
-  }
-);
-const sizeStyles$b = {
-  sm: "max-w-[400px]",
-  md: "max-w-[560px]",
-  lg: "max-w-[720px]"
-};
-function Modal({
-  isOpen,
-  onClose,
-  title,
-  description,
-  children,
-  size = "md",
-  showCloseButton = true,
-  footer,
-  closeOnOverlay = true,
-  className,
-  isLoading = false,
-  testId
-}) {
-  const handleClose = closeOnOverlay ? onClose : () => {
-  };
-  return /* @__PURE__ */ jsx(Ke$2, { show: isOpen, as: Fragment$1, children: /* @__PURE__ */ jsxs(ht, { className: "relative z-50", onClose: handleClose, children: [
-    /* @__PURE__ */ jsx(
-      Oe$1,
-      {
-        as: Fragment$1,
-        enter: "ease-out duration-150",
-        enterFrom: "opacity-0",
-        enterTo: "opacity-100",
-        leave: "ease-in duration-100",
-        leaveFrom: "opacity-100",
-        leaveTo: "opacity-0",
-        children: /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black/40 backdrop-blur-sm", "data-testid": testId ? `${testId}-overlay` : void 0 })
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ jsx(
-      Oe$1,
-      {
-        as: Fragment$1,
-        enter: "ease-out duration-150",
-        enterFrom: "opacity-0 scale-95",
-        enterTo: "opacity-100 scale-100",
-        leave: "ease-in duration-100",
-        leaveFrom: "opacity-100 scale-100",
-        leaveTo: "opacity-0 scale-95",
-        children: /* @__PURE__ */ jsxs(
-          ze,
-          {
-            className: cn(
-              "w-full rounded-lg shadow-xl",
-              // Light mode
-              "bg-white border border-primary-200",
-              // Dark mode
-              "dark:bg-primary-800 dark:border-primary-700",
-              sizeStyles$b[size],
-              className
-            ),
-            "data-testid": testId,
-            children: [
-              (title || showCloseButton) && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: cn(
-                    "flex items-start justify-between px-6 py-4",
-                    (children || footer) && "border-b border-primary-200 dark:border-primary-700"
-                  ),
-                  "data-testid": testId ? `${testId}-header` : void 0,
-                  children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                      title && /* @__PURE__ */ jsx(Qe, { className: "text-lg font-semibold text-primary-900 dark:text-white", children: title }),
-                      description && /* @__PURE__ */ jsx(M, { className: "mt-1 text-sm text-primary-500 dark:text-primary-400", children: description })
-                    ] }),
-                    showCloseButton && /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        "aria-label": "Close modal",
-                        onClick: onClose,
-                        className: cn(
-                          "ml-4 flex-shrink-0 rounded-md p-1",
-                          "text-primary-400 hover:text-primary-600",
-                          "dark:text-primary-500 dark:hover:text-primary-300",
-                          "focus:outline-none focus:ring-2 focus:ring-gold-500/20",
-                          "transition-colors"
-                        ),
-                        "data-testid": testId ? `${testId}-close-button` : void 0,
-                        children: /* @__PURE__ */ jsx(CloseIcon$2, {})
-                      }
-                    )
-                  ]
-                }
-              ),
-              children && /* @__PURE__ */ jsxs("div", { className: "relative px-6 py-4 text-primary-700 dark:text-primary-300", "data-testid": testId ? `${testId}-body` : void 0, children: [
-                children,
-                isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-white/60 dark:bg-primary-800/60", children: /* @__PURE__ */ jsx(Spinner, { size: "md", color: "primary" }) })
-              ] }),
-              footer && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "px-6 py-4 border-t",
-                    "border-primary-200 dark:border-primary-700",
-                    "bg-primary-50 dark:bg-primary-900/50",
-                    "rounded-b-lg"
-                  ),
-                  "data-testid": testId ? `${testId}-footer` : void 0,
-                  children: footer
-                }
-              )
-            ]
-          }
-        )
-      }
-    ) })
-  ] }) });
-}
-Modal.displayName = "Modal";
-const CloseIcon$1 = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: "h-5 w-5",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 2,
-        d: "M6 18L18 6M6 6l12 12"
-      }
-    )
-  }
-);
-const sizeStyles$a = {
-  sm: "max-w-[400px]",
-  md: "max-w-[560px]",
-  lg: "max-w-[720px]"
-};
-function Drawer({
-  isOpen,
-  onClose,
-  title,
-  children,
-  size = "md",
-  showCloseButton = true,
-  footer,
-  className,
-  isLoading = false,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(Ke$2, { show: isOpen, as: Fragment$1, children: /* @__PURE__ */ jsxs(ht, { className: "relative z-50", onClose, children: [
-    /* @__PURE__ */ jsx(
-      Oe$1,
-      {
-        as: Fragment$1,
-        enter: "ease-out duration-300",
-        enterFrom: "opacity-0",
-        enterTo: "opacity-100",
-        leave: "ease-in duration-200",
-        leaveFrom: "opacity-100",
-        leaveTo: "opacity-0",
-        children: /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black/40 backdrop-blur-sm", "data-testid": testId ? `${testId}-overlay` : void 0 })
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex justify-end", children: /* @__PURE__ */ jsx(
-      Oe$1,
-      {
-        as: Fragment$1,
-        enter: "transform transition ease-out duration-300",
-        enterFrom: "translate-x-full",
-        enterTo: "translate-x-0",
-        leave: "transform transition ease-in duration-200",
-        leaveFrom: "translate-x-0",
-        leaveTo: "translate-x-full",
-        children: /* @__PURE__ */ jsxs(
-          ze,
-          {
-            className: cn(
-              "w-full h-full flex flex-col shadow-xl",
-              // Light mode
-              "bg-white border-l border-primary-200",
-              // Dark mode
-              "dark:bg-primary-800 dark:border-primary-700",
-              sizeStyles$a[size],
-              className
-            ),
-            "data-testid": testId,
-            children: [
-              (title || showCloseButton) && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: cn(
-                    "flex items-center justify-between px-6 py-4 flex-shrink-0",
-                    "border-b border-primary-200 dark:border-primary-700"
-                  ),
-                  children: [
-                    title && /* @__PURE__ */ jsx(Qe, { className: "text-lg font-semibold text-primary-900 dark:text-white", children: title }),
-                    showCloseButton && /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        "aria-label": "Close drawer",
-                        onClick: onClose,
-                        className: cn(
-                          "ml-auto flex-shrink-0 rounded-md p-1",
-                          "text-primary-400 hover:text-primary-600",
-                          "dark:text-primary-500 dark:hover:text-primary-300",
-                          "focus:outline-none focus:ring-2 focus:ring-gold-500/20",
-                          "transition-colors"
-                        ),
-                        "data-testid": testId ? `${testId}-close-button` : void 0,
-                        children: /* @__PURE__ */ jsx(CloseIcon$1, {})
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "relative flex-1 overflow-y-auto px-6 py-4 text-primary-700 dark:text-primary-300", "data-testid": testId ? `${testId}-content` : void 0, children: [
-                children,
-                isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-white/60 dark:bg-primary-800/60", children: /* @__PURE__ */ jsx(Spinner, { size: "md", color: "primary" }) })
-              ] }),
-              footer && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "flex-shrink-0 px-6 py-4 border-t",
-                    "border-primary-200 dark:border-primary-700",
-                    "bg-primary-50 dark:bg-primary-900/50"
-                  ),
-                  children: footer
-                }
-              )
-            ]
-          }
-        )
-      }
-    ) })
-  ] }) });
-}
-Drawer.displayName = "Drawer";
-const variantToButton = {
-  destructive: "danger",
-  neutral: "primary",
-  caution: "primary"
-  // Using primary with warning styling could be added later
-};
-function ConfirmDialog({
-  isOpen,
-  onClose,
-  onConfirm,
-  title,
-  description,
-  variant = "neutral",
-  cancelText = "Cancel",
-  confirmText = "Confirm",
-  loading = false,
-  testId
-}) {
-  const buttonVariant = variantToButton[variant];
-  const handleConfirm = () => {
-    onConfirm();
-  };
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      isOpen,
-      onClose,
-      title,
-      description,
-      size: "sm",
-      showCloseButton: false,
-      closeOnOverlay: !loading,
-      testId,
-      footer: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-3", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "secondary",
-            onClick: onClose,
-            disabled: loading,
-            "data-testid": testId ? `${testId}-cancel-button` : void 0,
-            children: cancelText
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: buttonVariant,
-            onClick: handleConfirm,
-            disabled: loading,
-            "data-testid": testId ? `${testId}-confirm-button` : void 0,
-            children: loading ? "Loading..." : confirmText
-          }
-        )
-      ] })
-    }
-  );
-}
-ConfirmDialog.displayName = "ConfirmDialog";
-const paddingStyles = {
-  none: "",
-  sm: "p-4",
-  md: "p-6",
-  lg: "p-8"
-};
-const variantStyles$4 = {
-  default: [
-    "shadow-sm border border-primary-200",
-    "dark:border-primary-700"
-  ].join(" "),
-  bordered: [
-    "border-2 border-primary-300",
-    "dark:border-primary-600"
-  ].join(" "),
-  elevated: [
-    "shadow-md border border-primary-100",
-    "dark:shadow-lg dark:shadow-black/20 dark:border-primary-700"
-  ].join(" "),
-  "gold-accent": [
-    "shadow border border-gold-500/20",
-    "dark:border-gold-500/30"
-  ].join(" ")
-};
-const Card = forwardRef(
-  ({
-    padding = "md",
-    variant = "default",
-    hoverable = false,
-    children,
-    className,
-    testId,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          // Base styles
-          "rounded-lg transition-all",
-          // Light mode
-          "bg-white",
-          // Dark mode
-          "dark:bg-primary-800",
-          // Padding
-          paddingStyles[padding],
-          // Variant
-          variantStyles$4[variant],
-          // Hover effect
-          hoverable && [
-            "cursor-pointer",
-            "hover:shadow-md hover:border-gold-500/40",
-            "dark:hover:shadow-lg dark:hover:shadow-black/30 dark:hover:border-gold-500/50"
-          ],
-          className
-        ),
-        "data-testid": testId,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Card.displayName = "Card";
-const sizeStyles$9 = {
-  sm: "h-4 w-4",
-  md: "h-5 w-5",
-  lg: "h-6 w-6"
-};
-const labelSizeStyles$1 = {
-  sm: "text-xs",
-  md: "text-sm",
-  lg: "text-base"
-};
-const Checkbox = forwardRef(
-  ({
-    label,
-    checked,
-    onChange,
-    size = "md",
-    disabled = false,
-    error,
-    helperText,
-    indeterminate = false,
-    className,
-    id,
-    testId,
-    ...props
-  }, forwardedRef) => {
-    const checkboxId = id || label?.toLowerCase().replace(/\s+/g, "-");
-    const hasError = !!error;
-    const errorId = hasError ? `${checkboxId}-error` : void 0;
-    const internalRef = useRef(null);
-    useEffect(() => {
-      const checkbox = internalRef.current;
-      if (checkbox) {
-        checkbox.indeterminate = indeterminate;
-      }
-    }, [indeterminate]);
-    const setRefs = useCallback(
-      (element) => {
-        internalRef.current = element;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(element);
-        } else if (forwardedRef) {
-          forwardedRef.current = element;
-        }
-      },
-      [forwardedRef]
-    );
-    const handleChange = (e3) => {
-      onChange?.(e3.target.checked);
-    };
-    return /* @__PURE__ */ jsxs("div", { className, "data-testid": testId, children: [
-      /* @__PURE__ */ jsxs(
-        "label",
-        {
-          htmlFor: checkboxId,
-          className: cn(
-            "inline-flex items-center gap-2",
-            disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
-          ),
-          "data-testid": testId ? `${testId}-label` : void 0,
-          children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: setRefs,
-                type: "checkbox",
-                id: checkboxId,
-                checked,
-                disabled,
-                "aria-invalid": hasError ? "true" : void 0,
-                "aria-describedby": errorId,
-                onChange: handleChange,
-                "data-testid": testId ? `${testId}-checkbox` : void 0,
-                className: cn(
-                  sizeStyles$9[size],
-                  "rounded border transition-colors",
-                  "focus:ring-2 focus:ring-offset-0",
-                  "disabled:cursor-not-allowed",
-                  // Light mode
-                  "border-primary-300 bg-white",
-                  "checked:bg-gold-500 checked:border-gold-500",
-                  "checked:hover:bg-gold-600 checked:hover:border-gold-600",
-                  "indeterminate:bg-gold-500 indeterminate:border-gold-500",
-                  "focus:ring-gold-500/20",
-                  "disabled:bg-primary-100",
-                  // Dark mode
-                  "dark:border-primary-600 dark:bg-primary-800",
-                  "dark:checked:bg-gold-500 dark:checked:border-gold-500",
-                  "dark:checked:hover:bg-gold-400 dark:checked:hover:border-gold-400",
-                  "dark:indeterminate:bg-gold-500 dark:indeterminate:border-gold-500",
-                  "dark:focus:ring-gold-400/30",
-                  "dark:disabled:bg-primary-700",
-                  // Error state
-                  hasError && "border-error dark:border-error/70"
-                ),
-                ...props
-              }
-            ),
-            label && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  labelSizeStyles$1[size],
-                  "text-primary-700 dark:text-primary-200",
-                  hasError && "text-error"
-                ),
-                children: label
-              }
-            )
-          ]
-        }
-      ),
-      (error || helperText) && /* @__PURE__ */ jsx(
-        "p",
-        {
-          id: errorId,
-          role: hasError ? "alert" : void 0,
-          "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-          className: cn(
-            "mt-1 text-sm",
-            hasError ? "text-error" : "text-primary-500 dark:text-primary-400"
-          ),
-          children: error || helperText
-        }
-      )
-    ] });
-  }
-);
-Checkbox.displayName = "Checkbox";
-const sizeStyles$8 = {
-  sm: "h-4 w-4",
-  md: "h-5 w-5",
-  lg: "h-6 w-6"
-};
-const labelSizeStyles = {
-  sm: "text-xs",
-  md: "text-sm",
-  lg: "text-base"
-};
-const Radio = forwardRef(
-  ({
-    label,
-    size = "md",
-    disabled = false,
-    error = false,
-    className,
-    id,
-    testId,
-    ...props
-  }, ref) => {
-    const radioId = id || (label ? `${props.name}-${label.toLowerCase().replace(/\s+/g, "-")}` : void 0);
-    return /* @__PURE__ */ jsxs(
-      "label",
-      {
-        htmlFor: radioId,
-        className: cn(
-          "inline-flex items-center gap-2",
-          disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-          className
-        ),
-        "data-testid": testId,
-        children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref,
-              type: "radio",
-              id: radioId,
-              disabled,
-              "data-testid": testId ? `${testId}-radio` : void 0,
-              className: cn(
-                sizeStyles$8[size],
-                "border transition-colors",
-                "focus:ring-2 focus:ring-offset-0",
-                "disabled:cursor-not-allowed",
-                // Light mode
-                "border-primary-300 bg-white",
-                "checked:border-gold-500 checked:bg-gold-500",
-                "checked:hover:border-gold-600 checked:hover:bg-gold-600",
-                "focus:ring-gold-500/20",
-                "disabled:bg-primary-100",
-                // Dark mode
-                "dark:border-primary-600 dark:bg-primary-800",
-                "dark:checked:border-gold-500 dark:checked:bg-gold-500",
-                "dark:checked:hover:border-gold-400 dark:checked:hover:bg-gold-400",
-                "dark:focus:ring-gold-400/30",
-                "dark:disabled:bg-primary-700",
-                // Error state
-                error && "border-error dark:border-error/70"
-              ),
-              ...props
-            }
-          ),
-          label && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                labelSizeStyles[size],
-                "text-primary-700 dark:text-primary-200",
-                error && "text-error"
-              ),
-              "data-testid": testId ? `${testId}-label` : void 0,
-              children: label
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Radio.displayName = "Radio";
-function RadioGroup({
-  name,
-  options,
-  value,
-  onChange,
-  label,
-  size = "md",
-  error,
-  helperText,
-  disabled = false,
-  orientation = "vertical",
-  className,
-  isLoading = false,
-  testId
-}) {
-  const hasError = !!error;
-  const groupId = `${name}-group`;
-  const isDisabled = disabled || isLoading;
-  const handleChange = (e3) => {
-    onChange?.(e3.target.value);
-  };
-  return /* @__PURE__ */ jsxs("fieldset", { className, role: "radiogroup", "aria-labelledby": label ? groupId : void 0, "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxs(
-      "legend",
-      {
-        id: groupId,
-        className: "mb-3 flex items-center gap-2 text-sm font-medium text-primary-700 dark:text-white",
-        children: [
-          label,
-          isLoading && /* @__PURE__ */ jsx(Spinner, { size: "xs", color: "primary" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          orientation === "vertical" ? "space-y-2" : "flex flex-wrap gap-4"
-        ),
-        children: options.map((option, index) => /* @__PURE__ */ jsx(
-          Radio,
-          {
-            name,
-            value: option.value,
-            label: option.label,
-            size,
-            disabled: isDisabled || option.disabled,
-            error: hasError,
-            checked: value === option.value,
-            onChange: handleChange,
-            testId: testId ? `${testId}-option-${index}` : void 0
-          },
-          option.value
-        ))
-      }
-    ),
-    (error || helperText) && /* @__PURE__ */ jsx(
-      "p",
-      {
-        role: hasError ? "alert" : void 0,
-        "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-        className: cn(
-          "mt-2 text-sm",
-          hasError ? "text-error" : "text-primary-500 dark:text-primary-400"
-        ),
-        children: error || helperText
-      }
-    )
-  ] });
-}
-RadioGroup.displayName = "RadioGroup";
-const sizeStyles$7 = {
-  sm: {
-    switch: "h-5 w-9",
-    dot: "h-3 w-3",
-    translate: "translate-x-4"
-  },
-  md: {
-    switch: "h-6 w-11",
-    dot: "h-4 w-4",
-    translate: "translate-x-5"
-  },
-  lg: {
-    switch: "h-7 w-14",
-    dot: "h-5 w-5",
-    translate: "translate-x-7"
-  }
-};
-function Toggle({
-  enabled,
-  onChange,
-  label,
-  description,
-  disabled = false,
-  size = "md",
-  className,
-  isLoading = false,
-  testId
-}) {
-  const currentSize = sizeStyles$7[size];
-  const isDisabled = disabled || isLoading;
-  return /* @__PURE__ */ jsx(W, { className, "data-testid": testId, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-    (label || description) && /* @__PURE__ */ jsxs("div", { className: "flex-1 mr-4", children: [
-      label && /* @__PURE__ */ jsx(
-        Z,
-        {
-          className: cn(
-            "text-sm font-medium",
-            "text-primary-700 dark:text-white",
-            isDisabled ? "opacity-50" : "cursor-pointer"
-          ),
-          children: label
-        }
-      ),
-      description && /* @__PURE__ */ jsx(M, { className: "text-sm text-primary-500 dark:text-primary-400", children: description })
-    ] }),
-    /* @__PURE__ */ jsx(
-      tt,
-      {
-        checked: enabled,
-        disabled: isDisabled,
-        onChange,
-        "aria-label": !label ? "Toggle" : void 0,
-        "data-testid": testId ? `${testId}-toggle` : void 0,
-        className: cn(
-          currentSize.switch,
-          "relative inline-flex shrink-0 cursor-pointer rounded-full",
-          "border-2 border-transparent",
-          "transition-colors duration-200 ease-in-out",
-          "focus:outline-none focus:ring-2 focus:ring-offset-2",
-          "disabled:cursor-not-allowed disabled:opacity-50",
-          // Light mode
-          enabled ? "bg-gold-500" : "bg-primary-200",
-          "focus:ring-gold-500/20",
-          // Dark mode
-          enabled ? "dark:bg-gold-500" : "dark:bg-primary-600",
-          "dark:focus:ring-gold-400/30",
-          "dark:focus:ring-offset-primary-900"
-        ),
-        children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: cn(
-              currentSize.dot,
-              "pointer-events-none inline-flex items-center justify-center transform rounded-full shadow ring-0",
-              "transition duration-200 ease-in-out",
-              // Light mode
-              "bg-white",
-              // Position
-              enabled ? currentSize.translate : "translate-x-0"
-            ),
-            children: isLoading && /* @__PURE__ */ jsx(Spinner, { size: "xs", color: "primary" })
-          }
-        )
-      }
-    )
-  ] }) });
-}
-Toggle.displayName = "Toggle";
-const ChevronIcon$2 = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: "h-5 w-5 text-primary-400 dark:text-primary-500",
-    fill: "currentColor",
-    viewBox: "0 0 20 20",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
-      }
-    )
-  }
-);
-const CheckIcon = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: "h-5 w-5",
-    fill: "currentColor",
-    viewBox: "0 0 20 20",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
-      }
-    )
-  }
-);
-function Combobox({
-  options,
-  value,
-  onChange,
-  placeholder = "Search...",
-  label,
-  error,
-  helperText,
-  disabled = false,
-  required = false,
-  fullWidth = false,
-  className,
-  isLoading = false,
-  loadingText = "Loading...",
-  emptyText = "No results found",
-  onSearch,
-  testId
-}) {
-  const [query, setQuery] = useState("");
-  const hasError = !!error;
-  const isDisabled = disabled || isLoading;
-  const labelId = useId();
-  const selectedOption = useMemo(
-    () => options.find((opt) => opt.value === value),
-    [options, value]
-  );
-  const filteredOptions = useMemo(
-    () => query === "" ? options : options.filter(
-      (option) => option.label.toLowerCase().includes(query.toLowerCase())
-    ),
-    [options, query]
-  );
-  const handleChange = (newValue) => {
-    onChange?.(newValue);
-    setQuery("");
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn(fullWidth ? "w-full" : "w-auto", className), "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxs(
-      "label",
-      {
-        id: labelId,
-        className: "mb-2 block text-sm font-medium text-primary-700 dark:text-white",
-        "data-testid": testId ? `${testId}-label` : void 0,
-        children: [
-          label,
-          required && /* @__PURE__ */ jsx("span", { className: "ml-1 text-error", children: "*" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Ht,
-      {
-        value: value ?? null,
-        onChange: handleChange,
-        disabled: isDisabled,
-        children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx(
-              ko,
-              {
-                "aria-label": !label ? placeholder : void 0,
-                "aria-labelledby": label ? labelId : void 0,
-                displayValue: () => selectedOption?.label || "",
-                onChange: (e3) => {
-                  const newQuery = e3.target.value;
-                  setQuery(newQuery);
-                  onSearch?.(newQuery);
-                },
-                placeholder,
-                "data-testid": testId ? `${testId}-input` : void 0,
-                className: cn(
-                  // Base styles - Light mode
-                  "w-full rounded-md border bg-white px-4 py-2.5 pr-10 text-sm text-primary-900",
-                  "transition-colors duration-normal",
-                  "placeholder:text-primary-400",
-                  "focus:outline-none focus:ring-2",
-                  "disabled:cursor-not-allowed disabled:bg-primary-50 disabled:text-primary-500",
-                  // Base styles - Dark mode
-                  "dark:bg-primary-800 dark:text-primary-100",
-                  "dark:placeholder:text-primary-500",
-                  "dark:disabled:bg-primary-900 dark:disabled:text-primary-600",
-                  // Border and focus styles
-                  hasError ? "border-error focus:border-error focus:ring-error/20 dark:border-error/70 dark:focus:ring-error/30" : "border-primary-300 focus:border-gold-500 focus:ring-gold-500/20 dark:border-primary-600 dark:focus:border-gold-400 dark:focus:ring-gold-400/30"
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Bo,
-              {
-                "aria-label": "Toggle options",
-                className: "absolute inset-y-0 right-0 flex items-center pr-3",
-                children: isLoading ? /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "primary", label: loadingText }) : /* @__PURE__ */ jsx(ChevronIcon$2, {})
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            Ke$2,
-            {
-              as: Fragment$1,
-              leave: "transition ease-in duration-100",
-              leaveFrom: "opacity-100",
-              leaveTo: "opacity-0",
-              afterLeave: () => setQuery(""),
-              children: /* @__PURE__ */ jsx(
-                Uo,
-                {
-                  anchor: "bottom start",
-                  className: "z-dropdown max-h-60 w-[var(--input-width)] overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-primary-800 dark:ring-primary-700 [--anchor-gap:4px]",
-                  "data-testid": testId ? `${testId}-options` : void 0,
-                  children: isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-2.5 text-primary-500 dark:text-primary-400", children: [
-                    /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "primary" }),
-                    /* @__PURE__ */ jsx("span", { children: loadingText })
-                  ] }) : filteredOptions.length === 0 && query !== "" ? /* @__PURE__ */ jsx("div", { className: "relative cursor-default select-none px-4 py-2.5 text-primary-500 dark:text-primary-400", children: emptyText }) : filteredOptions.map((option, index) => /* @__PURE__ */ jsx(
-                    Ho,
-                    {
-                      value: option.value,
-                      disabled: option.disabled,
-                      "data-testid": testId ? `${testId}-option-${index}` : void 0,
-                      className: ({ active, selected }) => cn(
-                        "relative cursor-pointer select-none py-2.5 pl-10 pr-4",
-                        // Light mode
-                        active ? "bg-gold-50 text-primary-900" : "text-primary-900",
-                        // Dark mode
-                        active ? "dark:bg-primary-700 dark:text-primary-100" : "dark:text-primary-200",
-                        option.disabled && "cursor-not-allowed opacity-50",
-                        selected && "font-medium"
-                      ),
-                      children: ({ selected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx("span", { className: "block truncate", children: option.label }),
-                        selected && /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-gold-600 dark:text-gold-400", children: /* @__PURE__ */ jsx(CheckIcon, {}) })
-                      ] })
-                    },
-                    option.value
-                  ))
-                }
-              )
-            }
-          )
-        ] })
-      }
-    ),
-    (error || helperText) && /* @__PURE__ */ jsx(
-      "p",
-      {
-        role: hasError ? "alert" : void 0,
-        "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-        className: cn(
-          "mt-1.5 text-sm",
-          hasError ? "text-error" : "text-primary-500 dark:text-primary-400"
-        ),
-        children: error || helperText
-      }
-    )
-  ] });
-}
-Combobox.displayName = "Combobox";
-const variantStyles$3 = {
-  default: cn(
-    "bg-primary-100 text-primary-700 border-primary-200",
-    "dark:bg-primary-800 dark:text-primary-200 dark:border-primary-700"
-  ),
-  success: cn(
-    "bg-success-light text-[#166534] border-success/20",
-    "dark:bg-success/20 dark:text-[#86efac] dark:border-success/30"
-  ),
-  warning: cn(
-    "bg-warning-light text-[#854d0e] border-warning/20",
-    "dark:bg-warning/20 dark:text-[#fde047] dark:border-warning/30"
-  ),
-  error: cn(
-    "bg-error-light text-[#991b1b] border-error/20",
-    "dark:bg-error/20 dark:text-[#fca5a5] dark:border-error/30"
-  ),
-  info: cn(
-    "bg-info-light text-[#1e40af] border-info/20",
-    "dark:bg-info/20 dark:text-[#93c5fd] dark:border-info/30"
-  ),
-  gold: cn(
-    "bg-gold-100 text-gold-800 border-gold-200",
-    "dark:bg-gold-900/50 dark:text-gold-300 dark:border-gold-700"
-  )
-};
-const sizeStyles$6 = {
-  sm: "px-2 py-0.5 text-xs",
-  md: "px-2.5 py-1 text-sm",
-  lg: "px-3 py-1.5 text-base"
-};
-const Badge = forwardRef(
-  ({ variant = "default", size = "md", children, className, testId, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        ref,
-        className: cn(
-          "inline-flex items-center justify-center font-medium rounded-full border",
-          variantStyles$3[variant],
-          sizeStyles$6[size],
-          className
-        ),
-        "data-testid": testId,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Badge.displayName = "Badge";
-const SortIcon = ({ direction }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: cn(
-      "ml-1 h-4 w-4 inline-block",
-      direction ? "text-gold-500" : "text-primary-400 dark:text-primary-500"
-    ),
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    children: direction === "asc" ? /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 15l7-7 7 7" }) : direction === "desc" ? /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) : /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 9l4-4 4 4M16 15l-4 4-4-4" })
-  }
-);
-const Table = forwardRef(
-  ({ fullWidth = true, striped = false, hoverable = false, compact = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ jsx(
-      "table",
-      {
-        ref,
-        className: cn(
-          "border-collapse text-sm",
-          fullWidth && "w-full",
-          className
-        ),
-        "data-striped": striped || void 0,
-        "data-hoverable": hoverable || void 0,
-        "data-compact": compact || void 0,
-        ...props,
-        children
-      }
-    ) });
-  }
-);
-Table.displayName = "Table";
-const TableHeader = forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "thead",
-      {
-        ref,
-        className: cn(
-          "bg-primary-50 dark:bg-primary-800",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-TableHeader.displayName = "TableHeader";
-const TableBody = forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "tbody",
-      {
-        ref,
-        className: cn(
-          "divide-y divide-primary-200 dark:divide-primary-700",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-TableBody.displayName = "TableBody";
-const TableRow = forwardRef(
-  ({ selected = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "tr",
-      {
-        ref,
-        className: cn(
-          "border-b border-primary-200 dark:border-primary-700",
-          "transition-colors duration-normal",
-          // Striped rows (controlled by parent table data attribute)
-          "[table[data-striped]_&:nth-child(even)]:bg-primary-50 [table[data-striped]_&:nth-child(even)]:dark:bg-primary-800/50",
-          // Hoverable rows (controlled by parent table data attribute)
-          "[table[data-hoverable]_&]:hover:bg-primary-100 [table[data-hoverable]_&]:dark:hover:bg-primary-700/50",
-          selected && "bg-gold-50 dark:bg-gold-900/20",
-          className
-        ),
-        "data-selected": selected || void 0,
-        ...props,
-        children
-      }
-    );
-  }
-);
-TableRow.displayName = "TableRow";
-const TableHead = forwardRef(
-  ({ sortable = false, sortDirection = null, onSort, align = "left", className, children, ...props }, ref) => {
-    const alignmentClass = {
-      left: "text-left",
-      center: "text-center",
-      right: "text-right"
-    }[align];
-    return /* @__PURE__ */ jsx(
-      "th",
-      {
-        ref,
-        scope: "col",
-        className: cn(
-          "px-4 py-3 font-semibold text-primary-700 dark:text-primary-200",
-          "[table[data-compact]_&]:px-3 [table[data-compact]_&]:py-2",
-          alignmentClass,
-          sortable && "cursor-pointer select-none hover:text-primary-900 dark:hover:text-white",
-          className
-        ),
-        onClick: sortable ? onSort : void 0,
-        "aria-sort": sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : void 0,
-        ...props,
-        children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center", children: [
-          children,
-          sortable && /* @__PURE__ */ jsx(SortIcon, { direction: sortDirection })
-        ] })
-      }
-    );
-  }
-);
-TableHead.displayName = "TableHead";
-const TableCell = forwardRef(
-  ({ align = "left", className, children, ...props }, ref) => {
-    const alignmentClass = {
-      left: "text-left",
-      center: "text-center",
-      right: "text-right"
-    }[align];
-    return /* @__PURE__ */ jsx(
-      "td",
-      {
-        ref,
-        className: cn(
-          "px-4 py-3 text-primary-900 dark:text-primary-100",
-          "[table[data-compact]_&]:px-3 [table[data-compact]_&]:py-2",
-          alignmentClass,
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-TableCell.displayName = "TableCell";
-const sizeStyles$5 = {
-  sm: "px-3 py-1.5 text-sm",
-  md: "px-4 py-2 text-sm",
-  lg: "px-5 py-2.5 text-base"
-};
-function Tabs({
-  tabs,
-  activeTab,
-  onChange,
-  fullWidth = false,
-  variant = "default",
-  size = "md",
-  className,
-  "aria-label": ariaLabel = "Navigation tabs",
-  testId,
-  ...props
-}) {
-  const selectedIndex = useMemo(
-    () => tabs.findIndex((tab) => tab.key === activeTab),
-    [tabs, activeTab]
-  );
-  const handleChange = (index) => {
-    if (onChange && tabs[index]) {
-      onChange(tabs[index].key);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Be,
-    {
-      selectedIndex: selectedIndex >= 0 ? selectedIndex : 0,
-      onChange: handleChange,
-      children: /* @__PURE__ */ jsx(
-        We,
-        {
-          "aria-label": ariaLabel,
-          className: cn(
-            "flex",
-            variant === "default" && "border-b border-primary-200 dark:border-primary-700",
-            variant === "pills" && "gap-1 p-1 rounded-lg bg-primary-100 dark:bg-primary-800",
-            fullWidth && "w-full",
-            className
-          ),
-          "data-testid": testId,
-          ...props,
-          children: tabs.map((tab, index) => /* @__PURE__ */ jsx(
-            dt,
-            {
-              disabled: tab.disabled,
-              "data-testid": testId ? `${testId}-tab-${index}` : void 0,
-              className: ({ selected }) => cn(
-                "relative outline-none transition-colors duration-normal",
-                "focus-visible:ring-2 focus-visible:ring-gold-500/50",
-                sizeStyles$5[size],
-                fullWidth && "flex-1",
-                // Default variant styles
-                variant === "default" && [
-                  "border-b-2 -mb-px",
-                  selected ? "border-gold-500 text-gold-600 dark:text-gold-400 font-medium" : "border-transparent text-primary-500 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-200 hover:border-primary-300 dark:hover:border-primary-600",
-                  tab.disabled && "cursor-not-allowed opacity-50 hover:border-transparent hover:text-primary-500"
-                ],
-                // Pills variant styles
-                variant === "pills" && [
-                  "rounded-md",
-                  selected ? "bg-white dark:bg-primary-700 text-primary-900 dark:text-white shadow-sm font-medium" : "text-primary-600 dark:text-primary-300 hover:text-primary-900 dark:hover:text-white",
-                  tab.disabled && "cursor-not-allowed opacity-50"
-                ]
-              ),
-              children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-                tab.label,
-                tab.count !== void 0 && /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "inline-flex items-center justify-center min-w-[1.25rem] h-5 px-1.5 rounded-full text-xs font-medium",
-                      "bg-primary-200 text-primary-600 dark:bg-primary-700 dark:text-primary-300"
-                    ),
-                    children: tab.count
-                  }
-                )
-              ] })
-            },
-            tab.key
-          ))
-        }
-      )
-    }
-  );
-}
-Tabs.displayName = "Tabs";
-function TabContentPanels({
-  tabs: _tabs,
-  activeTab,
-  children,
-  className,
-  isLoading = false,
-  testId,
-  ...props
-}) {
-  const activeContent = activeTab && children[activeTab];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "tabpanel",
-      className: cn("relative mt-4", className),
-      "data-testid": testId,
-      ...props,
-      children: [
-        activeContent,
-        isLoading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-white/60 dark:bg-primary-800/60", children: /* @__PURE__ */ jsx(Spinner, { size: "md", color: "primary" }) })
-      ]
-    }
-  );
-}
-TabContentPanels.displayName = "TabContentPanels";
-const ChevronIcon$1 = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: "h-4 w-4 text-primary-400 dark:text-primary-500 flex-shrink-0",
-    fill: "currentColor",
-    viewBox: "0 0 20 20",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
-      }
-    )
-  }
-);
-const HomeIcon = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: "h-4 w-4 flex-shrink-0",
-    fill: "currentColor",
-    viewBox: "0 0 20 20",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M9.293 2.293a1 1 0 011.414 0l7 7A1 1 0 0117 11h-1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-3a1 1 0 00-1-1H9a1 1 0 00-1 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-6H3a1 1 0 01-.707-1.707l7-7z"
-      }
-    )
-  }
-);
-const EllipsisButton = ({ onClick }) => /* @__PURE__ */ jsx(
-  "button",
-  {
-    type: "button",
-    onClick,
-    className: cn(
-      "px-1.5 py-0.5 rounded text-primary-500 dark:text-primary-400",
-      "hover:bg-primary-100 dark:hover:bg-primary-800",
-      "focus:outline-none focus:ring-2 focus:ring-gold-500/50"
-    ),
-    "aria-label": "Show more breadcrumbs",
-    children: "..."
-  }
-);
-const Breadcrumbs = forwardRef(
-  ({
-    items,
-    separator,
-    maxItems = 0,
-    renderLink,
-    className,
-    testId,
-    ...props
-  }, ref) => {
-    const [isExpanded, setIsExpanded] = useState(false);
-    const defaultRenderLink = (item, children) => /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: item.href,
-        className: cn(
-          "text-primary-500 dark:text-primary-400",
-          "hover:text-primary-700 dark:hover:text-primary-200",
-          "transition-colors duration-normal"
-        ),
-        children
-      }
-    );
-    const linkRenderer = renderLink || defaultRenderLink;
-    let displayItems = items;
-    const shouldCollapse = maxItems > 0 && items.length > maxItems && !isExpanded;
-    if (shouldCollapse) {
-      const firstItem = items[0];
-      const lastItems = items.slice(-(maxItems - 1));
-      displayItems = [firstItem, ...lastItems];
-    }
-    const renderItem = (item, index, isLast) => {
-      const content = /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-        index === 0 && !item.icon && /* @__PURE__ */ jsx(HomeIcon, {}),
-        item.icon,
-        /* @__PURE__ */ jsx("span", { className: isLast ? "font-medium" : "", children: item.label })
-      ] });
-      if (isLast || !item.href) {
-        return /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "text-primary-900 dark:text-white",
-              isLast && "font-medium"
-            ),
-            "aria-current": isLast ? "page" : void 0,
-            children: content
-          }
-        );
-      }
-      return linkRenderer(item, content);
-    };
-    const separatorElement = separator || /* @__PURE__ */ jsx(ChevronIcon$1, {});
-    return /* @__PURE__ */ jsx(
-      "nav",
-      {
-        ref,
-        "aria-label": "Breadcrumb",
-        className: cn("text-sm", className),
-        "data-testid": testId,
-        ...props,
-        children: /* @__PURE__ */ jsx("ol", { className: "flex items-center flex-wrap gap-1", children: displayItems.map((item, index) => {
-          const isLast = index === displayItems.length - 1;
-          const showEllipsis = shouldCollapse && index === 0;
-          return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            /* @__PURE__ */ jsx(
-              "li",
-              {
-                className: "inline-flex items-center",
-                "data-testid": testId ? `${testId}-item-${index}` : void 0,
-                children: renderItem(item, index, isLast)
-              }
-            ),
-            showEllipsis && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("li", { className: "inline-flex items-center", "aria-hidden": "true", children: separatorElement }),
-              /* @__PURE__ */ jsx("li", { className: "inline-flex items-center", children: /* @__PURE__ */ jsx(EllipsisButton, { onClick: () => setIsExpanded(true) }) })
-            ] }),
-            !isLast && /* @__PURE__ */ jsx("li", { className: "inline-flex items-center", "aria-hidden": "true", children: separatorElement })
-          ] }, item.label + index);
-        }) })
-      }
-    );
-  }
-);
-Breadcrumbs.displayName = "Breadcrumbs";
-const variantStyles$2 = {
-  text: "rounded",
-  circular: "rounded-full",
-  rectangular: "rounded-md"
-};
-const Skeleton = forwardRef(
-  ({
-    variant = "text",
-    width,
-    height,
-    animate = true,
-    lines = 1,
-    label = "Loading...",
-    className,
-    style,
-    testId,
-    ...props
-  }, ref) => {
-    const widthValue = typeof width === "number" ? `${width}px` : width;
-    const heightValue = typeof height === "number" ? `${height}px` : height;
-    const finalHeight = heightValue || (variant === "text" ? "1em" : void 0);
-    if (variant === "text" && lines > 1) {
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref,
-          className: cn("flex flex-col gap-2", className),
-          role: "status",
-          "aria-label": label,
-          "aria-busy": "true",
-          "data-testid": testId,
-          ...props,
-          children: [
-            Array.from({ length: lines }).map((_2, index) => /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "bg-primary-200 dark:bg-primary-700",
-                  variantStyles$2[variant],
-                  animate && "animate-pulse"
-                ),
-                style: {
-                  width: index === lines - 1 ? "60%" : widthValue || "100%",
-                  height: finalHeight,
-                  ...style
-                }
-              },
-              index
-            )),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "bg-primary-200 dark:bg-primary-700",
-          variantStyles$2[variant],
-          animate && "animate-pulse",
-          className
-        ),
-        style: {
-          width: widthValue || (variant === "circular" ? heightValue : "100%"),
-          height: finalHeight,
-          ...style
-        },
-        role: "status",
-        "aria-label": label,
-        "aria-busy": "true",
-        "data-testid": testId,
-        ...props,
-        children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
-      }
-    );
-  }
-);
-Skeleton.displayName = "Skeleton";
-const defaultIcons$1 = {
-  "no-data": /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      strokeWidth: 1.5,
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
-        }
-      )
-    }
-  ),
-  "no-results": /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      strokeWidth: 1.5,
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-        }
-      )
-    }
-  ),
-  "error": /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      strokeWidth: 1.5,
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
-        }
-      )
-    }
-  )
-};
-const sizeStyles$4 = {
-  sm: {
-    container: "py-6 px-4",
-    icon: "w-10 h-10",
-    title: "text-sm font-medium",
-    description: "text-xs"
-  },
-  md: {
-    container: "py-10 px-6",
-    icon: "w-12 h-12",
-    title: "text-base font-medium",
-    description: "text-sm"
-  },
-  lg: {
-    container: "py-16 px-8",
-    icon: "w-16 h-16",
-    title: "text-lg font-semibold",
-    description: "text-base"
-  }
-};
-const typeColors = {
-  "no-data": "text-primary-400 dark:text-primary-500",
-  "no-results": "text-primary-400 dark:text-primary-500",
-  "error": "text-error dark:text-error"
-};
-const EmptyState = forwardRef(
-  ({
-    type = "no-data",
-    title,
-    description,
-    icon,
-    action,
-    size = "md",
-    className,
-    testId,
-    ...props
-  }, ref) => {
-    const styles = sizeStyles$4[size];
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex flex-col items-center justify-center text-center",
-          styles.container,
-          className
-        ),
-        "data-testid": testId,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(styles.icon, typeColors[type], "mb-4"),
-              "data-testid": testId ? `${testId}-icon` : void 0,
-              children: icon || defaultIcons$1[type]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "h3",
-            {
-              className: cn(
-                styles.title,
-                "text-primary-900 dark:text-primary-100",
-                "mb-1"
-              ),
-              "data-testid": testId ? `${testId}-title` : void 0,
-              children: title
-            }
-          ),
-          description && /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: cn(
-                styles.description,
-                "text-primary-500 dark:text-primary-400",
-                "max-w-sm mb-4"
-              ),
-              "data-testid": testId ? `${testId}-description` : void 0,
-              children: description
-            }
-          ),
-          action && /* @__PURE__ */ jsx("div", { className: "mt-2", "data-testid": testId ? `${testId}-action` : void 0, children: action })
-        ]
-      }
-    );
-  }
-);
-EmptyState.displayName = "EmptyState";
-const ChevronLeftIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) });
-const ChevronRightIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) });
-const sizeStyles$3 = {
-  sm: { button: "h-8 min-w-8 px-2 text-sm", text: "text-sm" },
-  md: { button: "h-10 min-w-10 px-3 text-sm", text: "text-sm" }
-};
-function getPageNumbers(currentPage, totalPages) {
-  const pages = [];
-  const showPages = 5;
-  if (totalPages <= showPages + 2) {
-    for (let i2 = 1; i2 <= totalPages; i2++) {
-      pages.push(i2);
-    }
-  } else {
-    pages.push(1);
-    if (currentPage <= 3) {
-      for (let i2 = 2; i2 <= 4; i2++) {
-        pages.push(i2);
-      }
-      pages.push("ellipsis");
-      pages.push(totalPages);
-    } else if (currentPage >= totalPages - 2) {
-      pages.push("ellipsis");
-      for (let i2 = totalPages - 3; i2 <= totalPages; i2++) {
-        pages.push(i2);
-      }
-    } else {
-      pages.push("ellipsis");
-      pages.push(currentPage - 1);
-      pages.push(currentPage);
-      pages.push(currentPage + 1);
-      pages.push("ellipsis");
-      pages.push(totalPages);
-    }
-  }
-  return pages;
-}
-function Pagination({
-  currentPage,
-  totalPages,
-  onPageChange,
-  variant = "numbered",
-  showPageSize = false,
-  pageSizeOptions = [10, 25, 50, 100],
-  pageSize = 10,
-  onPageSizeChange,
-  totalItems,
-  disabled = false,
-  size = "md",
-  className,
-  testId
-}) {
-  const pageSizeId = useId();
-  const currentSize = sizeStyles$3[size];
-  const canGoPrevious = currentPage > 1;
-  const canGoNext = currentPage < totalPages;
-  const pageNumbers = useMemo(
-    () => getPageNumbers(currentPage, totalPages),
-    [currentPage, totalPages]
-  );
-  const itemsRange = useMemo(() => {
-    if (!totalItems) return null;
-    const start = (currentPage - 1) * pageSize + 1;
-    const end = Math.min(currentPage * pageSize, totalItems);
-    return { start, end };
-  }, [currentPage, pageSize, totalItems]);
-  const handlePrevious = () => {
-    if (canGoPrevious && !disabled) {
-      onPageChange(currentPage - 1);
-    }
-  };
-  const handleNext = () => {
-    if (canGoNext && !disabled) {
-      onPageChange(currentPage + 1);
-    }
-  };
-  const handlePageClick = (page) => {
-    if (!disabled && page !== currentPage) {
-      onPageChange(page);
-    }
-  };
-  if (variant === "load-more") {
-    if (!canGoNext) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("flex justify-center", className), "data-testid": testId, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "secondary",
-        size: size === "sm" ? "sm" : "md",
-        onClick: handleNext,
-        disabled,
-        "data-testid": testId ? `${testId}-load-more` : void 0,
-        children: "Load more"
-      }
-    ) });
-  }
-  if (variant === "simple") {
-    return /* @__PURE__ */ jsxs(
-      "nav",
-      {
-        "aria-label": "Pagination",
-        className: cn("flex items-center justify-between gap-4", className),
-        "data-testid": testId,
-        children: [
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "secondary",
-              size: size === "sm" ? "sm" : "md",
-              onClick: handlePrevious,
-              disabled: disabled || !canGoPrevious,
-              "aria-label": "Previous page",
-              "data-testid": testId ? `${testId}-prev` : void 0,
-              children: [
-                /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: "ml-1", children: "Previous" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: cn("text-primary-600 dark:text-primary-400", currentSize.text), children: [
-            "Page ",
-            currentPage,
-            " of ",
-            totalPages
-          ] }),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "secondary",
-              size: size === "sm" ? "sm" : "md",
-              onClick: handleNext,
-              disabled: disabled || !canGoNext,
-              "aria-label": "Next page",
-              "data-testid": testId ? `${testId}-next` : void 0,
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "mr-1", children: "Next" }),
-                /* @__PURE__ */ jsx(ChevronRightIcon, {})
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "nav",
-    {
-      "aria-label": "Pagination",
-      className: cn("flex items-center justify-between gap-4", className),
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          itemsRange && /* @__PURE__ */ jsxs("span", { className: cn("text-primary-600 dark:text-primary-400", currentSize.text), children: [
-            itemsRange.start,
-            "-",
-            itemsRange.end,
-            " of ",
-            totalItems
-          ] }),
-          showPageSize && onPageSizeChange && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(
-              "label",
-              {
-                htmlFor: pageSizeId,
-                className: cn("text-primary-600 dark:text-primary-400", currentSize.text),
-                children: "Show:"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "select",
-              {
-                id: pageSizeId,
-                value: pageSize,
-                onChange: (e3) => onPageSizeChange(Number(e3.target.value)),
-                disabled,
-                className: cn(
-                  "rounded-md border bg-white px-2 py-1",
-                  "border-primary-300 dark:border-primary-600",
-                  "dark:bg-primary-800 dark:text-white",
-                  "focus:outline-none focus:ring-2 focus:ring-gold-500/20",
-                  "disabled:cursor-not-allowed disabled:opacity-50",
-                  currentSize.text
-                ),
-                children: pageSizeOptions.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handlePrevious,
-              disabled: disabled || !canGoPrevious,
-              "aria-label": "Previous page",
-              "data-testid": testId ? `${testId}-prev` : void 0,
-              className: cn(
-                "inline-flex items-center justify-center rounded-md",
-                "border border-primary-300 dark:border-primary-600",
-                "bg-white dark:bg-primary-800",
-                "text-primary-700 dark:text-primary-300",
-                "hover:bg-primary-50 dark:hover:bg-primary-700",
-                "focus:outline-none focus:ring-2 focus:ring-gold-500/20",
-                "disabled:cursor-not-allowed disabled:opacity-50",
-                "transition-colors",
-                currentSize.button
-              ),
-              children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-            }
-          ),
-          pageNumbers.map(
-            (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "inline-flex items-center justify-center",
-                  "text-primary-500 dark:text-primary-400",
-                  currentSize.button
-                ),
-                children: "..."
-              },
-              `ellipsis-${index}`
-            ) : /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => handlePageClick(page),
-                disabled,
-                "aria-label": `Page ${page}`,
-                "aria-current": page === currentPage ? "page" : void 0,
-                "data-testid": testId ? `${testId}-page-${page}` : void 0,
-                className: cn(
-                  "inline-flex items-center justify-center rounded-md",
-                  "border transition-colors",
-                  "focus:outline-none focus:ring-2 focus:ring-gold-500/20",
-                  "disabled:cursor-not-allowed disabled:opacity-50",
-                  page === currentPage ? [
-                    "border-gold-500 bg-gold-500 text-white",
-                    "dark:border-gold-400 dark:bg-gold-500"
-                  ] : [
-                    "border-primary-300 dark:border-primary-600",
-                    "bg-white dark:bg-primary-800",
-                    "text-primary-700 dark:text-primary-300",
-                    "hover:bg-primary-50 dark:hover:bg-primary-700"
-                  ],
-                  currentSize.button
-                ),
-                children: page
-              },
-              page
-            )
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleNext,
-              disabled: disabled || !canGoNext,
-              "aria-label": "Next page",
-              "data-testid": testId ? `${testId}-next` : void 0,
-              className: cn(
-                "inline-flex items-center justify-center rounded-md",
-                "border border-primary-300 dark:border-primary-600",
-                "bg-white dark:bg-primary-800",
-                "text-primary-700 dark:text-primary-300",
-                "hover:bg-primary-50 dark:hover:bg-primary-700",
-                "focus:outline-none focus:ring-2 focus:ring-gold-500/20",
-                "disabled:cursor-not-allowed disabled:opacity-50",
-                "transition-colors",
-                currentSize.button
-              ),
-              children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-Pagination.displayName = "Pagination";
-const ChevronIcon = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: "h-5 w-5 text-primary-400 dark:text-primary-500",
-    fill: "currentColor",
-    viewBox: "0 0 20 20",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
-const CloseIcon = ({ className }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: cn("h-3 w-3", className),
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })
-  }
-);
-function MultiSelect({
-  options,
-  value,
-  onChange,
-  searchable = false,
-  onSearch,
-  showSelectAll = false,
-  selectAllLabel = "Select all",
-  placeholder = "Select...",
-  maxDisplayedItems = 3,
-  isLoading = false,
-  loadingText = "Loading...",
-  emptyText = "No results found",
-  label,
-  error,
-  helperText,
-  required = false,
-  disabled = false,
-  fullWidth = false,
-  className,
-  testId
-}) {
-  const [query, setQuery] = useState("");
-  const searchInputRef = useRef(null);
-  const hasError = !!error;
-  const isDisabled = disabled || isLoading;
-  const labelId = useId();
-  const searchId = useId();
-  const filteredOptions = useMemo(() => {
-    if (!query) return options;
-    return options.filter(
-      (opt) => opt.label.toLowerCase().includes(query.toLowerCase())
-    );
-  }, [options, query]);
-  const selectedOptions = useMemo(
-    () => options.filter((opt) => value.includes(opt.value)),
-    [options, value]
-  );
-  const selectableOptions = useMemo(
-    () => filteredOptions.filter((opt) => !opt.disabled),
-    [filteredOptions]
-  );
-  const allSelected = selectableOptions.length > 0 && selectableOptions.every((opt) => value.includes(opt.value));
-  const someSelected = selectableOptions.some((opt) => value.includes(opt.value));
-  const handleSelectAll = (e3) => {
-    e3.preventDefault();
-    e3.stopPropagation();
-    if (allSelected) {
-      const selectableValues = selectableOptions.map((opt) => opt.value);
-      onChange(value.filter((v2) => !selectableValues.includes(v2)));
-    } else {
-      const newValues = new Set(value);
-      selectableOptions.forEach((opt) => newValues.add(opt.value));
-      onChange(Array.from(newValues));
-    }
-  };
-  const handleRemove = (optionValue, e3) => {
-    e3.preventDefault();
-    e3.stopPropagation();
-    onChange(value.filter((v2) => v2 !== optionValue));
-  };
-  const handleClearAll = (e3) => {
-    e3.preventDefault();
-    e3.stopPropagation();
-    onChange([]);
-  };
-  const handleSearchChange = (e3) => {
-    const newQuery = e3.target.value;
-    setQuery(newQuery);
-    onSearch?.(newQuery);
-  };
-  const handleDropdownClose = () => {
-    setQuery("");
-  };
-  const displayedChips = selectedOptions.slice(0, maxDisplayedItems);
-  const hiddenCount = selectedOptions.length - maxDisplayedItems;
-  return /* @__PURE__ */ jsxs("div", { className: cn(fullWidth ? "w-full" : "w-auto", className), "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxs(
-      "label",
-      {
-        id: labelId,
-        className: "mb-2 block text-sm font-medium text-primary-700 dark:text-white",
-        "data-testid": testId ? `${testId}-label` : void 0,
-        children: [
-          label,
-          required && /* @__PURE__ */ jsx("span", { className: "ml-1 text-error", children: "*" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Mo,
-      {
-        value,
-        onChange: (newValue) => {
-          onChange(newValue);
-        },
-        disabled: isDisabled,
-        multiple: true,
-        children: ({ open }) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "relative flex min-h-[42px] w-full flex-wrap items-center gap-1.5 rounded-md border px-3 py-1.5",
-                "bg-white dark:bg-primary-800",
-                "transition-colors duration-normal",
-                isDisabled && "cursor-not-allowed opacity-50",
-                hasError ? "border-error focus-within:border-error focus-within:ring-2 focus-within:ring-error/20" : "border-primary-300 dark:border-primary-600 focus-within:border-gold-500 focus-within:ring-2 focus-within:ring-gold-500/20"
-              ),
-              children: [
-                displayedChips.map((option, index) => /* @__PURE__ */ jsxs(
-                  "span",
-                  {
-                    className: cn(
-                      "inline-flex items-center gap-1 rounded-md px-2 py-0.5",
-                      "bg-primary-100 dark:bg-primary-700",
-                      "text-sm text-primary-700 dark:text-primary-200"
-                    ),
-                    "data-testid": testId ? `${testId}-chip-${index}` : void 0,
-                    children: [
-                      option.label,
-                      /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: (e3) => handleRemove(option.value, e3),
-                          className: "rounded hover:bg-primary-200 dark:hover:bg-primary-600",
-                          "aria-label": `Remove ${option.label}`,
-                          disabled: isDisabled,
-                          children: /* @__PURE__ */ jsx(CloseIcon, {})
-                        }
-                      )
-                    ]
-                  },
-                  option.value
-                )),
-                hiddenCount > 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center rounded-md bg-gold-100 px-2 py-0.5 text-sm text-gold-700 dark:bg-gold-900/30 dark:text-gold-400", children: [
-                  "+",
-                  hiddenCount,
-                  " more"
-                ] }),
-                selectedOptions.length === 0 && /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm text-primary-400 dark:text-primary-500", children: placeholder }),
-                selectedOptions.length > 0 && /* @__PURE__ */ jsx("span", { className: "flex-1" }),
-                /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
-                  selectedOptions.length > 0 && !isDisabled && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: handleClearAll,
-                      className: "rounded p-0.5 text-primary-400 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-300",
-                      "aria-label": "Clear all",
-                      children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-4 w-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Mt,
-                    {
-                      "aria-label": "Toggle options",
-                      className: "flex items-center rounded focus:outline-none focus:ring-2 focus:ring-gold-500/20",
-                      children: isLoading ? /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "primary", label: loadingText }) : /* @__PURE__ */ jsx(ChevronIcon, {})
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Ke$2,
-            {
-              show: open,
-              leave: "transition ease-in duration-100",
-              leaveFrom: "opacity-100",
-              leaveTo: "opacity-0",
-              afterLeave: handleDropdownClose,
-              children: /* @__PURE__ */ jsx(
-                Bt,
-                {
-                  anchor: "bottom start",
-                  static: true,
-                  className: "z-dropdown max-h-60 w-[var(--button-width)] overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-primary-800 dark:ring-primary-700 [--anchor-gap:4px]",
-                  "data-testid": testId ? `${testId}-options` : void 0,
-                  children: isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-2.5 text-primary-500 dark:text-primary-400", children: [
-                    /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "primary" }),
-                    /* @__PURE__ */ jsx("span", { children: loadingText })
-                  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                    searchable && /* @__PURE__ */ jsxs("div", { className: "border-b border-primary-200 px-3 py-2 dark:border-primary-700", children: [
-                      /* @__PURE__ */ jsx("label", { htmlFor: searchId, className: "sr-only", children: "Search options" }),
-                      /* @__PURE__ */ jsx(
-                        "input",
-                        {
-                          ref: searchInputRef,
-                          id: searchId,
-                          type: "text",
-                          value: query,
-                          onChange: handleSearchChange,
-                          placeholder: "Search...",
-                          "data-testid": testId ? `${testId}-input` : void 0,
-                          className: cn(
-                            "w-full rounded border border-primary-300 px-2 py-1 text-sm",
-                            "bg-white dark:bg-primary-900",
-                            "text-primary-900 dark:text-primary-100",
-                            "placeholder:text-primary-400 dark:placeholder:text-primary-500",
-                            "focus:border-gold-500 focus:outline-none focus:ring-1 focus:ring-gold-500",
-                            "dark:border-primary-600"
-                          ),
-                          onClick: (e3) => e3.stopPropagation()
-                        }
-                      )
-                    ] }),
-                    showSelectAll && selectableOptions.length > 0 && /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        className: cn(
-                          "flex cursor-pointer items-center gap-2 px-4 py-2.5",
-                          "border-b border-primary-200 dark:border-primary-700",
-                          "hover:bg-primary-50 dark:hover:bg-primary-700"
-                        ),
-                        onClick: handleSelectAll,
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            Checkbox,
-                            {
-                              checked: allSelected,
-                              indeterminate: someSelected && !allSelected,
-                              onChange: () => {
-                              },
-                              "aria-label": selectAllLabel
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs("span", { className: "text-primary-900 dark:text-primary-100", children: [
-                            selectAllLabel,
-                            " (",
-                            selectableOptions.length,
-                            ")"
-                          ] })
-                        ]
-                      }
-                    ),
-                    filteredOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-4 py-2.5 text-primary-500 dark:text-primary-400", children: emptyText }) : filteredOptions.map((option, index) => /* @__PURE__ */ jsxs(
-                      It,
-                      {
-                        value: option.value,
-                        disabled: option.disabled,
-                        "data-testid": testId ? `${testId}-option-${index}` : void 0,
-                        className: ({ active }) => cn(
-                          "flex cursor-pointer items-center gap-2 px-4 py-2.5",
-                          active && "bg-primary-50 dark:bg-primary-700",
-                          option.disabled && "cursor-not-allowed opacity-50"
-                        ),
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            Checkbox,
-                            {
-                              checked: value.includes(option.value),
-                              disabled: option.disabled,
-                              onChange: () => {
-                              },
-                              "aria-label": option.label
-                            }
-                          ),
-                          /* @__PURE__ */ jsx("span", { className: "text-primary-900 dark:text-primary-100", children: option.label })
-                        ]
-                      },
-                      option.value
-                    ))
-                  ] })
-                }
-              )
-            }
-          )
-        ] })
-      }
-    ),
-    (error || helperText) && /* @__PURE__ */ jsx(
-      "p",
-      {
-        role: hasError ? "alert" : void 0,
-        "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-        className: cn(
-          "mt-1.5 text-sm",
-          hasError ? "text-error" : "text-primary-500 dark:text-primary-400"
-        ),
-        children: error || helperText
-      }
-    )
-  ] });
-}
-MultiSelect.displayName = "MultiSelect";
-function shouldShowItem(item) {
-  if (item.visible === void 0) return true;
-  if (typeof item.visible === "boolean") return item.visible;
-  if (typeof item.visible === "function") return item.visible();
-  return true;
-}
-function isItemActive(currentPath, href, matcher = "exact") {
-  if (!currentPath) return false;
-  if (typeof matcher === "function") {
-    return matcher(currentPath, href);
-  }
-  switch (matcher) {
-    case "exact":
-      return currentPath === href;
-    case "startsWith":
-      return currentPath === href || currentPath.startsWith(`${href}/`);
-    default:
-      return false;
-  }
-}
-const sizeStyles$2 = {
-  sm: "px-2 py-1.5 text-xs gap-2",
-  md: "px-3 py-2.5 text-sm gap-3",
-  lg: "px-4 py-3 text-base gap-3"
-};
-const iconSizeStyles = {
-  sm: "h-4 w-4",
-  md: "h-5 w-5",
-  lg: "h-6 w-6"
-};
-const DefaultLink = ({
-  to,
-  children,
-  className,
-  onClick,
-  title,
-  "aria-current": ariaCurrent,
-  "aria-label": ariaLabel
-}) => /* @__PURE__ */ jsx(
-  "a",
-  {
-    href: to,
-    className,
-    onClick,
-    title,
-    "aria-current": ariaCurrent,
-    "aria-label": ariaLabel,
-    children
-  }
-);
-function SidebarItem({
-  item,
-  currentPath,
-  size = "md",
-  collapsed = false,
-  onNavigate,
-  LinkComponent,
-  className,
-  testId,
-  ...props
-}) {
-  if (!shouldShowItem(item)) {
-    return null;
-  }
-  const isActive = isItemActive(currentPath, item.href, item.activeMatch);
-  const LinkElement = LinkComponent || DefaultLink;
-  const handleClick = () => {
-    if (item.disabled) return;
-    item.onClick?.();
-    onNavigate?.(item.href);
-  };
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    item.icon && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          "flex-shrink-0",
-          iconSizeStyles[size],
-          "[&>svg]:h-full [&>svg]:w-full"
-        ),
-        "aria-hidden": "true",
-        children: item.icon
-      }
-    ),
-    !collapsed && /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: item.label }),
-    !collapsed && item.badge !== void 0 && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          "flex-shrink-0 rounded-full px-2 py-0.5 text-xs font-medium",
-          isActive ? "bg-primary-200 text-primary-800 dark:bg-primary-700 dark:text-primary-200" : "bg-primary-100 text-primary-600 dark:bg-primary-800 dark:text-primary-300"
-        ),
-        children: item.badge
-      }
-    )
-  ] });
-  if (item.onClick && !item.href) {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: handleClick,
-        disabled: item.disabled,
-        "aria-label": item["aria-label"] || item.label,
-        title: collapsed ? item.label : void 0,
-        "data-testid": testId,
-        className: cn(
-          // Base styles
-          "flex w-full items-center rounded-lg font-medium",
-          "transition-colors duration-150",
-          "focus:outline-none focus:ring-2 focus:ring-primary-500/20 focus:ring-offset-2",
-          "dark:focus:ring-offset-primary-900",
-          // Size styles
-          sizeStyles$2[size],
-          // State styles
-          item.disabled && "opacity-50 cursor-not-allowed",
-          !item.disabled && !isActive && [
-            "text-primary-600 hover:bg-primary-50 hover:text-primary-900",
-            "dark:text-primary-400 dark:hover:bg-primary-800 dark:hover:text-primary-100"
-          ],
-          isActive && [
-            "bg-primary-100 text-primary-900",
-            "dark:bg-primary-800 dark:text-primary-100"
-          ],
-          // Collapsed mode
-          collapsed && "justify-center",
-          className
-        ),
-        ...props,
-        children: content
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    LinkElement,
-    {
-      to: item.href,
-      onClick: handleClick,
-      "data-testid": testId,
-      className: cn(
-        // Base styles
-        "flex items-center rounded-lg font-medium",
-        "transition-colors duration-150",
-        "focus:outline-none focus:ring-2 focus:ring-primary-500/20 focus:ring-offset-2",
-        "dark:focus:ring-offset-primary-900",
-        // Size styles
-        sizeStyles$2[size],
-        // State styles
-        item.disabled && "opacity-50 cursor-not-allowed pointer-events-none",
-        !item.disabled && !isActive && [
-          "text-primary-600 hover:bg-primary-50 hover:text-primary-900",
-          "dark:text-primary-400 dark:hover:bg-primary-800 dark:hover:text-primary-100"
-        ],
-        isActive && [
-          "bg-primary-100 text-primary-900",
-          "dark:bg-primary-800 dark:text-primary-100"
-        ],
-        // Collapsed mode
-        collapsed && "justify-center",
-        className
-      ),
-      "aria-current": isActive ? "page" : void 0,
-      "aria-label": item["aria-label"] || (collapsed ? item.label : void 0),
-      title: collapsed ? item.label : void 0,
-      children: content
-    }
-  );
-}
-function shouldShowGroup(group) {
-  if (group.visible === void 0) return true;
-  if (typeof group.visible === "boolean") return group.visible;
-  if (typeof group.visible === "function") return group.visible();
-  return true;
-}
-const SidebarGroup = forwardRef(
-  ({
-    group,
-    currentPath,
-    size = "md",
-    collapsed = false,
-    LinkComponent,
-    onNavigate,
-    className,
-    ...props
-  }, ref) => {
-    if (!shouldShowGroup(group)) {
-      return null;
-    }
-    const visibleItems = group.items.filter(shouldShowItem);
-    if (visibleItems.length === 0) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxs("div", { ref, role: "group", className: cn("space-y-1", className), ...props, children: [
-      group.label && !collapsed && /* @__PURE__ */ jsx(
-        "h3",
-        {
-          className: cn(
-            "px-3 py-2 text-xs font-semibold uppercase tracking-wider",
-            "text-primary-500 dark:text-primary-400"
-          ),
-          children: group.label
-        }
-      ),
-      /* @__PURE__ */ jsx("nav", { "aria-label": group.label || `Navigation group ${group.key}`, children: /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: visibleItems.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-        SidebarItem,
-        {
-          item,
-          currentPath,
-          size,
-          collapsed,
-          LinkComponent,
-          onNavigate
-        }
-      ) }, item.key)) }) })
-    ] });
-  }
-);
-SidebarGroup.displayName = "SidebarGroup";
-const SidebarDivider = forwardRef(
-  ({ label, className, ...props }, ref) => {
-    if (label) {
-      return /* @__PURE__ */ jsxs("div", { className: cn("relative my-4", className), children: [
-        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-          "hr",
-          {
-            ref,
-            className: "w-full border-t border-primary-200 dark:border-primary-700",
-            ...props
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: "relative flex justify-center", children: /* @__PURE__ */ jsx("span", { className: "bg-white px-2 text-xs text-primary-500 dark:bg-primary-900 dark:text-primary-400", children: label }) })
-      ] });
-    }
-    return /* @__PURE__ */ jsx(
-      "hr",
-      {
-        ref,
-        className: cn(
-          "my-4 border-t border-primary-200 dark:border-primary-700",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-SidebarDivider.displayName = "SidebarDivider";
-const variantStyles$1 = {
-  default: [
-    "bg-white border-r border-gold-500/40",
-    "dark:bg-primary-900 dark:border-gold-500/20"
-  ].join(" "),
-  minimal: [
-    "bg-white border-r border-primary-200",
-    "dark:bg-primary-900 dark:border-primary-700"
-  ].join(" ")
-};
-const Sidebar = forwardRef(
-  ({
-    navigation,
-    currentPath,
-    isOpen = false,
-    onClose,
-    collapsed = false,
-    onCollapsedChange,
-    variant = "default",
-    size = "md",
-    header,
-    footer,
-    LinkComponent,
-    onNavigate,
-    showMobileOverlay = true,
-    width = "16rem",
-    collapsedWidth = "4rem",
-    className,
-    "aria-label": ariaLabel = "Main navigation",
-    testId,
-    ...props
-  }, ref) => {
-    useEffect(() => {
-      const handleEscape = (event) => {
-        if (event.key === "Escape" && isOpen) {
-          onClose?.();
-        }
-      };
-      document.addEventListener("keydown", handleEscape);
-      return () => document.removeEventListener("keydown", handleEscape);
-    }, [isOpen, onClose]);
-    useEffect(() => {
-      if (isOpen) {
-        document.body.style.overflow = "hidden";
-      } else {
-        document.body.style.overflow = "";
-      }
-      return () => {
-        document.body.style.overflow = "";
-      };
-    }, [isOpen]);
-    const handleNavigate = useCallback(
-      (href) => {
-        onNavigate?.(href);
-        onClose?.();
-      },
-      [onNavigate, onClose]
-    );
-    const handleOverlayClick = useCallback(() => {
-      onClose?.();
-    }, [onClose]);
-    const handleCollapseToggle = useCallback(() => {
-      onCollapsedChange?.(!collapsed);
-    }, [collapsed, onCollapsedChange]);
-    const hasVisibleGroups = (groups) => groups?.some(shouldShowGroup) ?? false;
-    const hasFeatured = hasVisibleGroups(navigation.featured);
-    const hasPrimary = hasVisibleGroups(navigation.primary);
-    const hasSecondary = hasVisibleGroups(navigation.secondary);
-    const hasBottom = hasVisibleGroups(navigation.bottom);
-    const sidebarWidth = collapsed ? collapsedWidth : width;
-    const sidebarContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-      header && /* @__PURE__ */ jsx("div", { className: cn("flex-shrink-0", collapsed && "px-2"), children: header }),
-      hasFeatured && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 px-3 py-3", children: /* @__PURE__ */ jsx("div", { className: "space-y-2", children: navigation.featured?.map((group) => /* @__PURE__ */ jsx(
-        SidebarGroup,
-        {
-          group,
-          currentPath,
-          size,
-          collapsed,
-          LinkComponent,
-          onNavigate: handleNavigate
-        },
-        group.key
-      )) }) }),
-      hasPrimary && /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-3 py-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: navigation.primary?.map((group) => /* @__PURE__ */ jsx(
-        SidebarGroup,
-        {
-          group,
-          currentPath,
-          size,
-          collapsed,
-          LinkComponent,
-          onNavigate: handleNavigate
-        },
-        group.key
-      )) }) }),
-      hasPrimary && hasSecondary && /* @__PURE__ */ jsx("div", { className: "px-3", children: /* @__PURE__ */ jsx(SidebarDivider, {}) }),
-      hasSecondary && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 px-3 py-2", children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: navigation.secondary?.map((group) => /* @__PURE__ */ jsx(
-        SidebarGroup,
-        {
-          group,
-          currentPath,
-          size,
-          collapsed,
-          LinkComponent,
-          onNavigate: handleNavigate
-        },
-        group.key
-      )) }) }),
-      !hasPrimary && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-      (hasPrimary || hasSecondary) && hasBottom && /* @__PURE__ */ jsx("div", { className: "px-3", children: /* @__PURE__ */ jsx(SidebarDivider, {}) }),
-      hasBottom && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 px-3 py-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: navigation.bottom?.map((group) => /* @__PURE__ */ jsx(
-        SidebarGroup,
-        {
-          group,
-          currentPath,
-          size,
-          collapsed,
-          LinkComponent,
-          onNavigate: handleNavigate
-        },
-        group.key
-      )) }) }),
-      footer && /* @__PURE__ */ jsx("div", { className: cn("flex-shrink-0", collapsed && "px-2"), children: footer }),
-      onCollapsedChange && /* @__PURE__ */ jsx("div", { className: "hidden lg:block flex-shrink-0 border-t border-primary-200 dark:border-primary-700 p-2", children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleCollapseToggle,
-          className: cn(
-            "flex w-full items-center justify-center rounded-lg p-2",
-            "text-primary-500 hover:bg-primary-50 hover:text-primary-700",
-            "dark:text-primary-400 dark:hover:bg-primary-800 dark:hover:text-primary-200",
-            "transition-colors duration-150",
-            "focus:outline-none focus:ring-2 focus:ring-primary-500/20"
-          ),
-          "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-          "data-testid": testId ? `${testId}-toggle` : void 0,
-          children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: cn(
-                "h-5 w-5 transition-transform duration-200",
-                collapsed && "rotate-180"
-              ),
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M11 19l-7-7 7-7m8 14l-7-7 7-7"
-                }
-              )
-            }
-          )
-        }
-      ) })
-    ] });
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      showMobileOverlay && isOpen && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "fixed inset-0 z-40 bg-black/20 lg:hidden",
-          onClick: handleOverlayClick,
-          "aria-hidden": "true",
-          "data-testid": testId ? `${testId}-overlay` : void 0
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "aside",
-        {
-          ref,
-          className: cn(
-            // Base styles
-            "fixed top-0 left-0 z-50 flex h-full flex-col",
-            "transform transition-all duration-300 ease-in-out",
-            // Desktop styles
-            "lg:static lg:z-auto lg:translate-x-0",
-            // Mobile styles
-            isOpen ? "translate-x-0" : "-translate-x-full",
-            // Variant styles
-            variantStyles$1[variant],
-            className
-          ),
-          style: { width: sidebarWidth },
-          "aria-label": ariaLabel,
-          "data-testid": testId,
-          ...props,
-          children: sidebarContent
-        }
-      )
-    ] });
-  }
-);
-Sidebar.displayName = "Sidebar";
-const CheckCircleIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) });
-const XCircleIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) });
-const ExclamationCircleIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" }) });
-const InformationCircleIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" }) });
-const XMarkIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) });
-const defaultIcons = {
-  success: /* @__PURE__ */ jsx(CheckCircleIcon, {}),
-  error: /* @__PURE__ */ jsx(XCircleIcon, {}),
-  warning: /* @__PURE__ */ jsx(ExclamationCircleIcon, {}),
-  info: /* @__PURE__ */ jsx(InformationCircleIcon, {})
-};
-const variantStyles = {
-  success: {
-    container: cn(
-      "bg-success-light border-success/20 text-[#166534]",
-      "dark:bg-success/10 dark:border-success/30 dark:text-[#86efac]"
-    ),
-    icon: "text-success dark:text-[#4ade80]",
-    title: "text-[#14532d] dark:text-[#bbf7d0]"
-  },
-  error: {
-    container: cn(
-      "bg-error-light border-error/20 text-[#991b1b]",
-      "dark:bg-error/10 dark:border-error/30 dark:text-[#fca5a5]"
-    ),
-    icon: "text-error dark:text-[#f87171]",
-    title: "text-[#7f1d1d] dark:text-[#fecaca]"
-  },
-  warning: {
-    container: cn(
-      "bg-warning-light border-warning/20 text-[#854d0e]",
-      "dark:bg-warning/10 dark:border-warning/30 dark:text-[#fde047]"
-    ),
-    icon: "text-warning dark:text-[#facc15]",
-    title: "text-[#713f12] dark:text-[#fef08a]"
-  },
-  info: {
-    container: cn(
-      "bg-info-light border-info/20 text-[#1e40af]",
-      "dark:bg-info/10 dark:border-info/30 dark:text-[#93c5fd]"
-    ),
-    icon: "text-info dark:text-[#60a5fa]",
-    title: "text-[#1e3a8a] dark:text-[#bfdbfe]"
-  }
-};
-const Alert = forwardRef(
-  ({ variant = "info", title, message, icon, onClose, className, testId, ...props }, ref) => {
-    const styles = variantStyles[variant];
-    const displayIcon = icon === null ? null : icon ?? defaultIcons[variant];
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        role: "alert",
-        className: cn(
-          "rounded-lg border p-4",
-          styles.container,
-          className
-        ),
-        "data-testid": testId,
-        ...props,
-        children: /* @__PURE__ */ jsxs("div", { className: "flex items-start", children: [
-          displayIcon !== null && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn("flex-shrink-0", styles.icon),
-              "aria-hidden": "true",
-              "data-testid": testId ? `${testId}-icon` : void 0,
-              children: displayIcon
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: cn("flex-1", displayIcon !== null && "ml-3"), children: [
-            title && /* @__PURE__ */ jsx("h3", { className: cn("text-sm font-medium", styles.title), children: title }),
-            /* @__PURE__ */ jsx("div", { className: cn("text-sm", title && "mt-1"), children: message })
-          ] }),
-          onClose && /* @__PURE__ */ jsx("div", { className: "ml-3 flex-shrink-0", children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: onClose,
-              className: cn(
-                "inline-flex rounded-md p-1.5",
-                "hover:opacity-75 focus:outline-none focus:ring-2 focus:ring-offset-2",
-                "focus:ring-current/20",
-                "dark:focus:ring-offset-primary-900"
-              ),
-              "data-testid": testId ? `${testId}-close-button` : void 0,
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Dismiss" }),
-                /* @__PURE__ */ jsx(XMarkIcon, {})
-              ]
-            }
-          ) })
-        ] })
-      }
-    );
-  }
-);
-Alert.displayName = "Alert";
-const sizeStyles$1 = {
-  xs: { container: "w-6 h-6", text: "text-xs", status: "w-2 h-2 border" },
-  sm: { container: "w-8 h-8", text: "text-sm", status: "w-2.5 h-2.5 border" },
-  md: { container: "w-10 h-10", text: "text-base", status: "w-3 h-3 border-2" },
-  lg: { container: "w-12 h-12", text: "text-lg", status: "w-3.5 h-3.5 border-2" },
-  xl: { container: "w-16 h-16", text: "text-2xl", status: "w-4 h-4 border-2" }
-};
-const statusStyles = {
-  online: "bg-success",
-  offline: "bg-primary-400 dark:bg-primary-500",
-  away: "bg-warning",
-  busy: "bg-error"
-};
-const Avatar = forwardRef(
-  ({ name, src, size = "md", alt, status, className, testId, ...props }, ref) => {
-    const getInitials = (fullName) => {
-      const names = fullName.trim().split(" ");
-      if (names.length === 1) {
-        return names[0]?.charAt(0).toUpperCase() || "";
-      }
-      const firstName = names[0];
-      const lastName = names[names.length - 1];
-      return ((firstName?.charAt(0) || "") + (lastName?.charAt(0) || "")).toUpperCase();
-    };
-    const initials = getInitials(name);
-    const styles = sizeStyles$1[size];
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "relative inline-flex items-center justify-center",
-          "rounded-full font-medium",
-          // Light mode
-          "bg-gold-500 text-white",
-          // Dark mode
-          "dark:bg-gold-600 dark:text-white",
-          styles.container,
-          className
-        ),
-        "data-testid": testId,
-        ...props,
-        children: [
-          src ? /* @__PURE__ */ jsx(
-            "img",
-            {
-              src,
-              alt: alt || `${name}'s avatar`,
-              className: "w-full h-full rounded-full object-cover",
-              "data-testid": testId ? `${testId}-image` : void 0
-            }
-          ) : /* @__PURE__ */ jsx("span", { className: styles.text, children: initials }),
-          status && /* @__PURE__ */ jsx(
-            "span",
-            {
-              role: "status",
-              className: cn(
-                "absolute bottom-0 right-0 rounded-full",
-                "border-white dark:border-primary-900",
-                styles.status,
-                statusStyles[status]
-              ),
-              "aria-label": `Status: ${status}`,
-              "data-testid": testId ? `${testId}-status` : void 0
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Avatar.displayName = "Avatar";
-const OTPInput = ({
-  length = 6,
-  value,
-  onChange,
-  error,
-  disabled = false,
-  autoFocus = false,
-  label = "One-time password",
-  className
-}) => {
-  const inputRefs = useRef([]);
-  const digits = value.split("").slice(0, length);
-  while (digits.length < length) {
-    digits.push("");
-  }
-  const focusInput = useCallback((index) => {
-    const input = inputRefs.current[index];
-    if (input) {
-      input.focus();
-      input.select();
-    }
-  }, []);
-  const handleChange = useCallback(
-    (index, event_) => {
-      const newValue = event_.target.value;
-      if (!/^\d*$/.test(newValue)) return;
-      const digit = newValue.slice(-1);
-      const newDigits = [...digits];
-      newDigits[index] = digit;
-      const newOtp = newDigits.join("");
-      onChange(newOtp);
-      if (digit && index < length - 1) {
-        focusInput(index + 1);
-      }
-    },
-    [digits, length, onChange, focusInput]
-  );
-  const handleKeyDown = useCallback(
-    (index, event_) => {
-      switch (event_.key) {
-        case "Backspace":
-          if (!digits[index] && index > 0) {
-            event_.preventDefault();
-            const newDigits = [...digits];
-            newDigits[index - 1] = "";
-            onChange(newDigits.join(""));
-            focusInput(index - 1);
-          } else if (digits[index]) {
-            const newDigits = [...digits];
-            newDigits[index] = "";
-            onChange(newDigits.join(""));
-          }
-          break;
-        case "ArrowLeft":
-          event_.preventDefault();
-          if (index > 0) {
-            focusInput(index - 1);
-          }
-          break;
-        case "ArrowRight":
-          event_.preventDefault();
-          if (index < length - 1) {
-            focusInput(index + 1);
-          }
-          break;
-        case "Delete": {
-          event_.preventDefault();
-          const newDigits = [...digits];
-          newDigits[index] = "";
-          onChange(newDigits.join(""));
-          break;
-        }
-      }
-    },
-    [digits, length, onChange, focusInput]
-  );
-  const handlePaste = useCallback(
-    (event_) => {
-      event_.preventDefault();
-      const pastedData = event_.clipboardData.getData("text");
-      const pastedDigits = pastedData.replace(/\D/g, "").slice(0, length);
-      if (pastedDigits) {
-        onChange(pastedDigits);
-        const focusIndex = Math.min(pastedDigits.length, length - 1);
-        focusInput(focusIndex);
-      }
-    },
-    [length, onChange, focusInput]
-  );
-  const errorId = error ? "otp-input-error" : void 0;
-  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), "data-testid": "otp-input", children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "group",
-        "aria-label": label,
-        "aria-describedby": errorId,
-        className: "flex justify-center gap-2 sm:gap-3",
-        children: digits.map((digit, index) => /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref: (element) => {
-              inputRefs.current[index] = element;
-            },
-            type: "text",
-            inputMode: "numeric",
-            pattern: "\\d*",
-            maxLength: 1,
-            value: digit,
-            disabled,
-            autoFocus: autoFocus && index === 0,
-            "aria-label": `Digit ${index + 1} of ${length}`,
-            "aria-invalid": !!error,
-            "data-testid": `otp-input-digit-${index}`,
-            className: cn(
-              "w-10 h-12 sm:w-12 sm:h-14",
-              "text-center text-xl sm:text-2xl font-semibold",
-              "border-2 rounded-lg",
-              "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500",
-              "transition-colors duration-200",
-              // Light mode
-              error ? "border-error bg-error-light" : "border-primary-300 bg-white",
-              // Dark mode
-              error ? "dark:border-error dark:bg-error/10" : "dark:border-primary-600 dark:bg-primary-900 dark:text-white",
-              "dark:focus:ring-primary-400 dark:focus:border-primary-400",
-              disabled && "bg-primary-100 cursor-not-allowed opacity-50 dark:bg-primary-800"
-            ),
-            onChange: (event_) => handleChange(index, event_),
-            onKeyDown: (event_) => handleKeyDown(index, event_),
-            onPaste: handlePaste,
-            onFocus: (event_) => event_.target.select()
-          },
-          index
-        ))
-      }
-    ),
-    error && /* @__PURE__ */ jsx(
-      "p",
-      {
-        id: errorId,
-        role: "alert",
-        "aria-live": "assertive",
-        "data-testid": "otp-input-error",
-        className: cn(
-          "mt-2 text-sm text-center",
-          "text-error dark:text-[#fca5a5]"
-        ),
-        children: error
-      }
-    )
-  ] });
-};
-function parseDate(value) {
-  if (!value) return void 0;
-  const [y2, m2, d3] = value.split("-").map(Number);
-  if (!y2 || !m2 || !d3) return void 0;
-  const date = new Date(y2, m2 - 1, d3);
-  if (date.getFullYear() !== y2 || date.getMonth() !== m2 - 1 || date.getDate() !== d3) {
-    return void 0;
-  }
-  return date;
-}
-function formatDate(date) {
-  const y2 = date.getFullYear();
-  const m2 = String(date.getMonth() + 1).padStart(2, "0");
-  const d3 = String(date.getDate()).padStart(2, "0");
-  return `${y2}-${m2}-${d3}`;
-}
-function isValidDateString(value) {
-  return /^\d{4}-\d{2}-\d{2}$/.test(value) && parseDate(value) !== void 0;
-}
-function CalendarDropdown(props) {
-  const { options, value, onChange, className, "aria-label": ariaLabel, ...rest } = props;
-  const [open, setOpen] = useState(false);
-  const containerRef = useRef(null);
-  const listRef = useRef(null);
-  const selectedOption = options?.find((o2) => o2.value === Number(value));
-  useEffect(() => {
-    if (!open) return;
-    const handleMouseDown = (e3) => {
-      if (!containerRef.current?.contains(e3.target)) {
-        setOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleMouseDown);
-    return () => document.removeEventListener("mousedown", handleMouseDown);
-  }, [open]);
-  useEffect(() => {
-    if (open && listRef.current) {
-      const active = listRef.current.querySelector('[data-active="true"]');
-      if (active) {
-        active.scrollIntoView({ block: "nearest" });
-      }
-    }
-  }, [open]);
-  const handleSelect = (optionValue) => {
-    if (onChange) {
-      const syntheticEvent = {
-        target: { value: String(optionValue) }
-      };
-      onChange(syntheticEvent);
-    }
-    setOpen(false);
-  };
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx("select", { ...rest, value, onChange, className: "sr-only", tabIndex: -1, children: options?.map((o2) => /* @__PURE__ */ jsx("option", { value: o2.value, children: o2.label }, o2.value)) }),
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen(!open),
-        "aria-label": ariaLabel,
-        "aria-expanded": open,
-        "aria-haspopup": "listbox",
-        className: cn(
-          "inline-flex items-center gap-1 rounded-md px-2 py-1 text-sm font-semibold",
-          "text-primary-800 dark:text-primary-200",
-          "hover:bg-primary-100 dark:hover:bg-primary-700",
-          "transition-colors"
-        ),
-        children: [
-          selectedOption?.label,
-          /* @__PURE__ */ jsx(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 20 20",
-              fill: "currentColor",
-              className: cn("h-4 w-4 text-primary-500 transition-transform", open && "rotate-180"),
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  fillRule: "evenodd",
-                  d: "M5.22 8.22a.75.75 0 011.06 0L10 11.94l3.72-3.72a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.22 9.28a.75.75 0 010-1.06z",
-                  clipRule: "evenodd"
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: listRef,
-        role: "listbox",
-        "aria-label": ariaLabel,
-        className: cn(
-          "absolute left-0 top-full z-10 mt-1",
-          "max-h-48 min-w-[8rem] overflow-auto",
-          "rounded-md border border-primary-200 bg-white py-1 shadow-lg",
-          "dark:border-primary-600 dark:bg-primary-800"
-        ),
-        children: options?.map((o2) => {
-          const isSelected = o2.value === Number(value);
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              role: "option",
-              "aria-selected": isSelected,
-              "data-active": isSelected ? "true" : void 0,
-              disabled: o2.disabled,
-              onClick: () => handleSelect(o2.value),
-              className: cn(
-                "flex w-full items-center px-3 py-1.5 text-left text-sm",
-                "transition-colors",
-                isSelected ? "bg-gold-50 font-semibold text-gold-700 dark:bg-gold-900/30 dark:text-gold-400" : "text-primary-700 dark:text-primary-300",
-                !o2.disabled && !isSelected && "hover:bg-primary-50 dark:hover:bg-primary-700",
-                o2.disabled && "cursor-not-allowed opacity-40"
-              ),
-              children: o2.label
-            },
-            o2.value
-          );
-        })
-      }
-    )
-  ] });
-}
-const DateInput = forwardRef(
-  ({
-    value,
-    onChange,
-    label,
-    error,
-    helperText,
-    fullWidth = false,
-    disabled = false,
-    className,
-    id,
-    required,
-    min,
-    max,
-    testId,
-    placeholder = "Select date",
-    disabledDate,
-    allowClear = true,
-    locale,
-    formatDisplayValue
-  }, ref) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const [inputValue, setInputValue] = useState(value || "");
-    const [isEditing, setIsEditing] = useState(false);
-    const [month, setMonth] = useState(() => parseDate(value) || /* @__PURE__ */ new Date());
-    const containerRef = useRef(null);
-    const inputRef = useRef(null);
-    const panelRef = useRef(null);
-    const [panelPosition, setPanelPosition] = useState({
-      top: 0,
-      left: 0
-    });
-    const inputId = id || label?.toLowerCase().replace(/\s+/g, "-");
-    const hasError = !!error;
-    const errorId = hasError ? `${inputId}-error` : void 0;
-    const selectedDate = parseDate(value);
-    const minDate = parseDate(min ?? null);
-    const maxDate = parseDate(max ?? null);
-    const getDisplayValue = useCallback(
-      (val) => {
-        if (!val) return "";
-        const d3 = parseDate(val);
-        if (!d3) return val;
-        if (formatDisplayValue) return formatDisplayValue(d3, locale);
-        if (locale) {
-          return d3.toLocaleDateString(locale.code, {
-            year: "numeric",
-            month: "short",
-            day: "numeric"
-          });
-        }
-        return val;
-      },
-      [formatDisplayValue, locale]
-    );
-    useEffect(() => {
-      if (!isEditing) {
-        setInputValue(getDisplayValue(value));
-      }
-    }, [value, isEditing, getDisplayValue]);
-    useEffect(() => {
-      const d3 = parseDate(value);
-      if (d3) setMonth(d3);
-    }, [value]);
-    const disabledMatcher = useCallback(
-      (date) => {
-        if (minDate && date < new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate())) {
-          return true;
-        }
-        if (maxDate && date > new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate())) {
-          return true;
-        }
-        if (disabledDate?.(date)) return true;
-        return false;
-      },
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [min, max, disabledDate]
-    );
-    const updatePosition = useCallback(() => {
-      if (!containerRef.current) return;
-      const rect = containerRef.current.getBoundingClientRect();
-      const spaceBelow = window.innerHeight - rect.bottom;
-      const panelHeight = 340;
-      const top = spaceBelow >= panelHeight ? rect.bottom + window.scrollY + 4 : rect.top + window.scrollY - panelHeight - 4;
-      const left = rect.left + window.scrollX;
-      setPanelPosition({ top, left });
-    }, []);
-    const openCalendar = useCallback(() => {
-      if (disabled) return;
-      updatePosition();
-      setIsOpen(true);
-    }, [disabled, updatePosition]);
-    const closeCalendar = useCallback(() => {
-      setIsOpen(false);
-    }, []);
-    const toggleCalendar = useCallback(() => {
-      if (isOpen) {
-        closeCalendar();
-      } else {
-        openCalendar();
-      }
-    }, [isOpen, openCalendar, closeCalendar]);
-    useEffect(() => {
-      if (!isOpen) return;
-      const handleMouseDown = (e3) => {
-        const target = e3.target;
-        if (containerRef.current?.contains(target) || panelRef.current?.contains(target)) {
-          return;
-        }
-        closeCalendar();
-      };
-      document.addEventListener("mousedown", handleMouseDown);
-      return () => document.removeEventListener("mousedown", handleMouseDown);
-    }, [isOpen, closeCalendar]);
-    useEffect(() => {
-      if (!isOpen) return;
-      const handleKeyDown = (e3) => {
-        if (e3.key === "Escape") {
-          closeCalendar();
-          inputRef.current?.focus();
-        }
-      };
-      document.addEventListener("keydown", handleKeyDown);
-      return () => document.removeEventListener("keydown", handleKeyDown);
-    }, [isOpen, closeCalendar]);
-    const handleDaySelect = useCallback(
-      (date) => {
-        if (date) {
-          const formatted = formatDate(date);
-          onChange(formatted);
-          setInputValue(getDisplayValue(formatted));
-          setIsEditing(false);
-        }
-        closeCalendar();
-        inputRef.current?.focus();
-      },
-      [onChange, closeCalendar, getDisplayValue]
-    );
-    const handleInputChange = (e3) => {
-      const val = e3.target.value;
-      setIsEditing(true);
-      setInputValue(val);
-      if (val === "") {
-        onChange(null);
-      } else if (isValidDateString(val)) {
-        const d3 = parseDate(val);
-        if (!disabledMatcher(d3)) {
-          onChange(val);
-          setMonth(d3);
-        }
-      }
-    };
-    const handleInputBlur = () => {
-      setIsEditing(false);
-      setInputValue(getDisplayValue(value));
-    };
-    const handleInputKeyDown = (e3) => {
-      if (e3.key === "ArrowDown" && !isOpen) {
-        e3.preventDefault();
-        openCalendar();
-      }
-      if (e3.key === "Enter" && !isOpen) {
-        e3.preventDefault();
-        openCalendar();
-      }
-    };
-    const handleInputClick = () => {
-      if (!isOpen) {
-        openCalendar();
-      }
-    };
-    const handleClear = (e3) => {
-      e3.stopPropagation();
-      onChange(null);
-      setInputValue("");
-      setIsEditing(false);
-      inputRef.current?.focus();
-    };
-    const handleTodayClick = () => {
-      const today = /* @__PURE__ */ new Date();
-      today.setHours(0, 0, 0, 0);
-      if (!disabledMatcher(today)) {
-        handleDaySelect(today);
-      }
-    };
-    const setRefs = useCallback(
-      (node) => {
-        inputRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    const defaultClassNames = getDefaultClassNames();
-    const tejaClassNames = {
-      root: `${defaultClassNames.root} text-primary-900 dark:text-primary-100`,
-      months: defaultClassNames.months,
-      month: defaultClassNames.month,
-      month_caption: `${defaultClassNames.month_caption} text-sm font-semibold text-primary-800 dark:text-primary-200`,
-      nav: defaultClassNames.nav,
-      button_previous: `${defaultClassNames.button_previous} text-primary-600 hover:text-primary-900 dark:text-primary-400 dark:hover:text-primary-100`,
-      button_next: `${defaultClassNames.button_next} text-primary-600 hover:text-primary-900 dark:text-primary-400 dark:hover:text-primary-100`,
-      weekday: `${defaultClassNames.weekday} text-xs font-medium text-primary-500 dark:text-primary-400`,
-      day: `${defaultClassNames.day} text-sm`,
-      day_button: `${defaultClassNames.day_button} !rounded-md hover:bg-gold-100 dark:hover:bg-gold-900/30`,
-      selected: `${defaultClassNames.selected} !bg-gold-500 !text-white dark:!bg-gold-600 !font-semibold !text-base`,
-      today: `${defaultClassNames.today} !font-semibold !text-gold-600 dark:!text-gold-400`,
-      outside: `${defaultClassNames.outside} !opacity-50 text-primary-400 dark:text-primary-500`,
-      disabled: `${defaultClassNames.disabled} text-primary-300 dark:text-primary-600 cursor-not-allowed`,
-      chevron: `${defaultClassNames.chevron} !fill-primary-600 dark:!fill-primary-400`,
-      dropdowns: `${defaultClassNames.dropdowns} flex items-center gap-0`,
-      dropdown_root: `${defaultClassNames.dropdown_root}`,
-      caption_label: `${defaultClassNames.caption_label} text-sm font-semibold text-primary-800 dark:text-primary-200`
-    };
-    const rdpCssOverrides = {
-      "--rdp-accent-color": "#f59e0b",
-      "--rdp-accent-background-color": "#fefce8",
-      "--rdp-today-color": "#d97706",
-      "--rdp-selected-border": "0",
-      "--rdp-day-height": "36px",
-      "--rdp-day-width": "36px",
-      "--rdp-day_button-height": "32px",
-      "--rdp-day_button-width": "32px",
-      "--rdp-day_button-border-radius": "6px",
-      "--rdp-day_button-border": "2px solid transparent"
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: containerRef,
-        className: cn(fullWidth ? "w-full" : "w-auto"),
-        "data-testid": testId,
-        children: [
-          label && /* @__PURE__ */ jsxs(
-            "label",
-            {
-              htmlFor: inputId,
-              className: "mb-2 block text-sm font-medium text-primary-700 dark:text-white",
-              "data-testid": testId ? `${testId}-label` : void 0,
-              children: [
-                label,
-                required && /* @__PURE__ */ jsx("span", { className: "ml-1 text-error", children: "*" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: setRefs,
-                type: "text",
-                id: inputId,
-                value: inputValue,
-                placeholder,
-                onChange: handleInputChange,
-                onBlur: handleInputBlur,
-                onKeyDown: handleInputKeyDown,
-                onClick: handleInputClick,
-                disabled,
-                required,
-                role: "combobox",
-                "aria-label": label ? void 0 : "Select date",
-                "aria-invalid": hasError ? "true" : void 0,
-                "aria-describedby": errorId,
-                "aria-haspopup": "dialog",
-                "aria-expanded": isOpen,
-                "data-testid": testId ? `${testId}-input` : "date-input",
-                className: cn(
-                  "block w-full rounded-md border bg-white px-4 py-2.5 pr-20 text-sm text-primary-900",
-                  "transition-colors duration-normal",
-                  "placeholder:text-primary-400",
-                  "focus:outline-none focus:ring-2",
-                  "disabled:cursor-not-allowed disabled:bg-primary-50 disabled:text-primary-500",
-                  "dark:bg-primary-800 dark:text-primary-100",
-                  "dark:placeholder:text-primary-500",
-                  "dark:disabled:bg-primary-900 dark:disabled:text-primary-600",
-                  !disabled && "cursor-pointer",
-                  hasError ? "border-error focus:border-error focus:ring-error/20 dark:border-error/70 dark:focus:ring-error/30" : "border-primary-300 focus:border-gold-500 focus:ring-gold-500/20 dark:border-primary-600 dark:focus:border-gold-400 dark:focus:ring-gold-400/30",
-                  className
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "absolute inset-y-0 right-0 flex items-center gap-1 pr-3", children: [
-              allowClear && value && !disabled && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleClear,
-                  tabIndex: -1,
-                  "aria-label": "Clear date",
-                  "data-testid": testId ? `${testId}-clear` : void 0,
-                  className: "rounded p-0.5 text-primary-400 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-300",
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      viewBox: "0 0 20 20",
-                      fill: "currentColor",
-                      className: "h-4 w-4",
-                      children: /* @__PURE__ */ jsx("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" })
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: toggleCalendar,
-                  tabIndex: -1,
-                  disabled,
-                  "aria-label": "Open calendar",
-                  "data-testid": testId ? `${testId}-toggle` : void 0,
-                  className: cn(
-                    "rounded p-0.5 text-primary-400 dark:text-primary-500",
-                    disabled ? "cursor-not-allowed opacity-50" : "hover:text-primary-600 dark:hover:text-primary-300"
-                  ),
-                  children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      viewBox: "0 0 20 20",
-                      fill: "currentColor",
-                      className: "h-5 w-5",
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          fillRule: "evenodd",
-                          d: "M5.75 2a.75.75 0 01.75.75V4h7V2.75a.75.75 0 011.5 0V4h.25A2.75 2.75 0 0118 6.75v8.5A2.75 2.75 0 0115.25 18H4.75A2.75 2.75 0 012 15.25v-8.5A2.75 2.75 0 014.75 4H5V2.75A.75.75 0 015.75 2zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75z",
-                          clipRule: "evenodd"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ] })
-          ] }),
-          (error || helperText) && /* @__PURE__ */ jsx(
-            "p",
-            {
-              id: errorId,
-              role: hasError ? "alert" : void 0,
-              "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-              className: cn(
-                "mt-1.5 text-sm",
-                hasError ? "text-error" : "text-primary-500 dark:text-primary-400"
-              ),
-              children: error || helperText
-            }
-          ),
-          isOpen && createPortal(
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                ref: panelRef,
-                role: "dialog",
-                "aria-label": "Date picker",
-                "data-testid": testId ? `${testId}-calendar` : void 0,
-                className: "z-dropdown rounded-lg border border-primary-200 bg-white p-3 shadow-lg dark:border-primary-700 dark:bg-primary-800",
-                style: {
-                  position: "absolute",
-                  top: panelPosition.top,
-                  left: panelPosition.left
-                },
-                children: /* @__PURE__ */ jsx(
-                  DayPicker,
-                  {
-                    mode: "single",
-                    selected: selectedDate,
-                    onSelect: handleDaySelect,
-                    disabled: disabledMatcher,
-                    month,
-                    onMonthChange: setMonth,
-                    locale,
-                    captionLayout: "dropdown",
-                    startMonth: minDate || new Date((/* @__PURE__ */ new Date()).getFullYear() - 100, 0),
-                    endMonth: maxDate || new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11),
-                    classNames: tejaClassNames,
-                    components: { Dropdown: CalendarDropdown },
-                    style: rdpCssOverrides,
-                    showOutsideDays: true,
-                    fixedWeeks: true,
-                    footer: /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: handleTodayClick,
-                        "data-testid": testId ? `${testId}-today` : void 0,
-                        className: "mt-2 w-full rounded-md border border-primary-200 px-3 py-1.5 text-xs font-medium text-primary-700 hover:bg-primary-50 dark:border-primary-600 dark:text-primary-300 dark:hover:bg-primary-700",
-                        children: "Today"
-                      }
-                    )
-                  }
-                )
-              }
-            ),
-            document.body
-          )
-        ]
-      }
-    );
-  }
-);
-DateInput.displayName = "DateInput";
-const sizeStyles = {
-  sm: "px-2.5 py-1 text-xs gap-1",
-  md: "px-3 py-1.5 text-sm gap-1.5",
-  lg: "px-4 py-2 text-base gap-2"
-};
-const checkmarkSize = {
-  sm: "w-3 h-3",
-  md: "w-4 h-4",
-  lg: "w-5 h-5"
-};
-const PillSelector = forwardRef(
-  ({
-    options,
-    selected,
-    onChange,
-    multiple = true,
-    size = "md",
-    label,
-    fullWidth = false,
-    disabled = false,
-    className,
-    ...props
-  }, ref) => {
-    const handleClick = (value) => {
-      if (disabled) return;
-      if (multiple) {
-        if (selected.includes(value)) {
-          onChange(selected.filter((v2) => v2 !== value));
-        } else {
-          onChange([...selected, value]);
-        }
-      } else {
-        onChange([value]);
-      }
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(fullWidth ? "w-full" : "w-auto", className),
-        ...props,
-        children: [
-          label && /* @__PURE__ */ jsx("label", { className: "mb-2 block text-sm font-medium text-primary-700 dark:text-white", children: label }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", role: "group", "aria-label": label, children: options.map((option) => {
-            const isSelected = selected.includes(option.value);
-            return /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                disabled,
-                "aria-pressed": isSelected,
-                onClick: () => handleClick(option.value),
-                className: cn(
-                  "inline-flex items-center justify-center rounded-full border font-medium",
-                  "transition-colors duration-normal",
-                  "focus:outline-none focus:ring-2 focus:ring-offset-1",
-                  "disabled:cursor-not-allowed disabled:opacity-50",
-                  sizeStyles[size],
-                  isSelected ? cn(
-                    // Light mode - selected
-                    "border-primary-700 bg-primary-700 text-white",
-                    "hover:bg-primary-800 hover:border-primary-800",
-                    "focus:ring-primary-500/30",
-                    // Dark mode - selected
-                    "dark:border-gold-500 dark:bg-gold-500 dark:text-primary-900",
-                    "dark:hover:bg-gold-400 dark:hover:border-gold-400",
-                    "dark:focus:ring-gold-400/30"
-                  ) : cn(
-                    // Light mode - unselected
-                    "border-primary-300 bg-white text-primary-700",
-                    "hover:border-primary-400 hover:bg-primary-50",
-                    "focus:ring-primary-500/20",
-                    // Dark mode - unselected
-                    "dark:border-primary-600 dark:bg-primary-800 dark:text-primary-200",
-                    "dark:hover:border-primary-500 dark:hover:bg-primary-700",
-                    "dark:focus:ring-primary-400/20"
-                  )
-                ),
-                children: [
-                  isSelected && /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      className: checkmarkSize[size],
-                      fill: "currentColor",
-                      viewBox: "0 0 20 20",
-                      "aria-hidden": "true",
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          fillRule: "evenodd",
-                          clipRule: "evenodd",
-                          d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
-                        }
-                      )
-                    }
-                  ),
-                  option.icon,
-                  /* @__PURE__ */ jsx("span", { children: option.label })
-                ]
-              },
-              option.value
-            );
-          }) })
-        ]
-      }
-    );
-  }
-);
-PillSelector.displayName = "PillSelector";
 export {
-  Alert,
-  Avatar,
-  Badge,
-  Breadcrumbs,
-  Button,
-  Card,
-  Checkbox,
-  Combobox,
-  ConfirmDialog,
-  DateInput,
-  Drawer,
-  EmptyState,
-  Input,
-  Modal,
-  MultiSelect,
-  OTPInput,
-  Pagination,
-  PasswordInput,
-  PillSelector,
-  Radio,
-  RadioGroup,
-  Select,
-  Sidebar,
-  SidebarDivider,
-  SidebarGroup,
-  SidebarItem,
-  Skeleton,
-  Spinner,
-  TabContentPanels,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-  Tabs,
-  Textarea,
-  Toggle,
   cn,
   u as useDebounce,
   a as useDebouncedCallback,