@teja-app/ui 0.0.11 → 0.0.12

package/dist/index.cjs

@@ -2,4847 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useSidebar = require("./useSidebar-d1VZFhxd.cjs");
 const utils_index = require("./utils/index.cjs");
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const style = require("./style-D6av97Pw.cjs");
-const ReactDOM = require("react-dom");
-function _interopNamespaceDefault(e2) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e2) {
-    for (const k in e2) {
-      if (k !== "default") {
-        const d2 = Object.getOwnPropertyDescriptor(e2, k);
-        Object.defineProperty(n, k, d2.get ? d2 : {
-          enumerable: true,
-          get: () => e2[k]
-        });
-      }
-    }
-  }
-  n.default = e2;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-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 = React.forwardRef(
-  ({
-    variant = "primary",
-    size = "md",
-    loading = false,
-    disabled = false,
-    icon,
-    iconPosition = "left",
-    fullWidth = false,
-    children,
-    className,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        ref,
-        className: utils_index.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                  "circle",
-                  {
-                    className: "opacity-25",
-                    cx: "12",
-                    cy: "12",
-                    r: "10",
-                    stroke: "currentColor",
-                    strokeWidth: "4"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { children: "Loading..." })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.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 = React.forwardRef(
-  ({
-    size = "md",
-    color = "current",
-    label = "Loading",
-    className,
-    testId,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "svg",
-      {
-        ref,
-        className: utils_index.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__ */ jsxRuntime.jsx(
-            "circle",
-            {
-              className: "opacity-25",
-              cx: "12",
-              cy: "12",
-              r: "10",
-              stroke: "currentColor",
-              strokeWidth: "4"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.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 = React.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__ */ jsxRuntime.jsxs("div", { className: utils_index.cn(fullWidth ? "w-full" : "w-auto"), "data-testid": testId, children: [
-      label && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "ml-1 text-error", children: "*" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        leftIcon && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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: utils_index.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Spinner, { size: "sm", color: "primary" }) : rightIcon
-          }
-        )
-      ] }),
-      (error || helperText) && /* @__PURE__ */ jsxRuntime.jsx(
-        "p",
-        {
-          id: errorId,
-          role: hasError ? "alert" : void 0,
-          "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-          className: utils_index.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__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    className: "h-5 w-5",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: "h-5 w-5",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxRuntime.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 = React.forwardRef(
-  ({ showStrengthIndicator = false, value, className, testId, ...props }, ref) => {
-    const [showPassword, setShowPassword] = React.useState(false);
-    const togglePasswordVisibility = () => {
-      setShowPassword((prev) => !prev);
-    };
-    const passwordValue = typeof value === "string" ? value : "";
-    const strength = showStrengthIndicator ? getPasswordStrength(passwordValue) : null;
-    const toggleButton = /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        tabIndex: -1,
-        onClick: togglePasswordVisibility,
-        className: utils_index.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__ */ jsxRuntime.jsx(EyeSlashIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(EyeIcon, {})
-      }
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_index.cn("w-full", className), "data-testid": testId, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Input,
-        {
-          ...props,
-          ref,
-          type: showPassword ? "text" : "password",
-          value,
-          rightIcon: toggleButton,
-          testId: testId ? `${testId}-input` : void 0
-        }
-      ),
-      showStrengthIndicator && passwordValue && strength && strength.label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-primary-500 dark:text-primary-400", children: "Password strength:" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: utils_index.cn(
-                "text-xs font-medium",
-                strength.label === "Weak" && "text-error",
-                strength.label === "Medium" && "text-warning",
-                strength.label === "Strong" && "text-success"
-              ),
-              children: strength.label
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 w-full bg-primary-200 dark:bg-primary-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: utils_index.cn("h-full transition-all duration-300", strength.color),
-            style: { width: `${strength.strength}%` }
-          }
-        ) })
-      ] })
-    ] });
-  }
-);
-PasswordInput.displayName = "PasswordInput";
-const Textarea = React.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 = React.useRef(null);
-    const combinedRef = React.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 = React.useCallback(() => {
-      const textarea = internalRef.current;
-      if (textarea && autoResize) {
-        textarea.style.height = "auto";
-        textarea.style.height = `${textarea.scrollHeight}px`;
-      }
-    }, [autoResize]);
-    const handleChange = React.useCallback(
-      (e2) => {
-        onChange?.(e2);
-        if (autoResize) {
-          adjustHeight();
-        }
-      },
-      [onChange, autoResize, adjustHeight]
-    );
-    React.useEffect(() => {
-      if (autoResize) {
-        adjustHeight();
-      }
-    }, [autoResize, adjustHeight, value, defaultValue]);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_index.cn(fullWidth ? "w-full" : "w-auto"), "data-testid": testId, children: [
-      label && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "ml-1 text-error", children: "*" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.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: utils_index.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__ */ jsxRuntime.jsx("div", { className: "absolute top-2.5 right-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm", color: "primary", label: "Saving..." }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 flex justify-between", children: [
-        (error || helperText) && /* @__PURE__ */ jsxRuntime.jsx(
-          "p",
-          {
-            id: errorId,
-            role: hasError ? "alert" : void 0,
-            "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-            className: utils_index.cn(
-              "text-sm",
-              hasError ? "text-error" : "text-primary-500 dark:text-primary-400"
-            ),
-            children: error || helperText
-          }
-        ),
-        !error && !helperText && /* @__PURE__ */ jsxRuntime.jsx("span", {}),
-        showCharCount && maxLength && /* @__PURE__ */ jsxRuntime.jsxs(
-          "span",
-          {
-            className: utils_index.cn(
-              "text-sm",
-              charCount >= maxLength ? "text-error" : "text-primary-400 dark:text-primary-500"
-            ),
-            children: [
-              charCount,
-              "/",
-              maxLength
-            ]
-          }
-        )
-      ] })
-    ] });
-  }
-);
-Textarea.displayName = "Textarea";
-let e = React.createContext(() => {
-});
-function C$1({ value: t, children: o }) {
-  return React.createElement(e.Provider, { value: t }, o);
-}
-function a$2(o, r = typeof document != "undefined" ? document.defaultView : null, t) {
-  let n = style.I(o, "escape");
-  style.E(r, "keydown", (e2) => {
-    n && (e2.defaultPrevented || e2.key === style.o.Escape && t(e2));
-  });
-}
-function f$1() {
-  var t;
-  let [e2] = React.useState(() => typeof window != "undefined" && typeof window.matchMedia == "function" ? window.matchMedia("(pointer: coarse)") : null), [o, c2] = React.useState((t = e2 == null ? void 0 : e2.matches) != null ? t : false);
-  return style.n(() => {
-    if (!e2) return;
-    function n(r) {
-      c2(r.matches);
-    }
-    return e2.addEventListener("change", n), () => e2.removeEventListener("change", n);
-  }, [e2]), o;
-}
-function S({ defaultContainers: l = [], portals: n, mainTreeNode: o } = {}) {
-  let c2 = style.o$1(() => {
-    var r, u2;
-    let i = style.l(o), t = [];
-    for (let e2 of l) e2 !== null && (style.t(e2) ? t.push(e2) : "current" in e2 && style.t(e2.current) && t.push(e2.current));
-    if (n != null && n.current) for (let e2 of n.current) t.push(e2);
-    for (let e2 of (r = i == null ? void 0 : i.querySelectorAll("html > *, body > *")) != null ? r : []) e2 !== document.body && e2 !== document.head && style.t(e2) && e2.id !== "headlessui-portal-root" && (o && (e2.contains(o) || e2.contains((u2 = o == null ? void 0 : o.getRootNode()) == null ? void 0 : u2.host)) || t.some((E2) => e2.contains(E2)) || t.push(e2));
-    return t;
-  });
-  return { resolveContainers: c2, contains: style.o$1((i) => c2().some((t) => t.contains(i))) };
-}
-let d = React.createContext(null);
-function j({ children: l, node: n }) {
-  let [o, c2] = React.useState(null), i = x$1(n != null ? n : o);
-  return React.createElement(d.Provider, { value: i }, l, i === null && React.createElement(style.f, { features: style.s.Hidden, ref: (t) => {
-    var r, u2;
-    if (t) {
-      for (let e2 of (u2 = (r = style.l(t)) == null ? void 0 : r.querySelectorAll("html > *, body > *")) != null ? u2 : []) if (e2 !== document.body && e2 !== document.head && style.t(e2) && e2 != null && e2.contains(t)) {
-        c2(e2);
-        break;
-      }
-    }
-  } }));
-}
-function x$1(l = null) {
-  var n;
-  return (n = React.useContext(d)) != null ? n : l;
-}
-var a$1 = ((r) => (r[r.Forwards = 0] = "Forwards", r[r.Backwards = 1] = "Backwards", r))(a$1 || {});
-function u() {
-  let e2 = React.useRef(0);
-  return style.s$1(true, "keydown", (r) => {
-    r.key === "Tab" && (e2.current = r.shiftKey ? 1 : 0);
-  }, true), e2;
-}
-function x(o) {
-  if (!o) return /* @__PURE__ */ new Set();
-  if (typeof o == "function") return new Set(o());
-  let t = /* @__PURE__ */ new Set();
-  for (let e2 of o.current) style.t(e2.current) && t.add(e2.current);
-  return t;
-}
-let $ = "div";
-var G = ((n) => (n[n.None = 0] = "None", n[n.InitialFocus = 1] = "InitialFocus", n[n.TabLock = 2] = "TabLock", n[n.FocusLock = 4] = "FocusLock", n[n.RestoreFocus = 8] = "RestoreFocus", n[n.AutoFocus = 16] = "AutoFocus", n))(G || {});
-function w$1(o, t) {
-  let e2 = React.useRef(null), r = style.y(e2, t), { initialFocus: u$1, initialFocusFallback: a2, containers: n, features: s2 = 15, ...f2 } = o;
-  style.l$1() || (s2 = 0);
-  let l = style.u(e2.current);
-  re(s2, { ownerDocument: l });
-  let T = ne(s2, { ownerDocument: l, container: e2, initialFocus: u$1, initialFocusFallback: a2 });
-  oe(s2, { ownerDocument: l, container: e2, containers: n, previousActiveElement: T });
-  let g = u(), A = style.o$1((c2) => {
-    if (!style.n$1(e2.current)) return;
-    let E2 = e2.current;
-    ((V2) => V2())(() => {
-      style.u$1(g.current, { [a$1.Forwards]: () => {
-        style.v(E2, style.T.First, { skipElements: [c2.relatedTarget, a2] });
-      }, [a$1.Backwards]: () => {
-        style.v(E2, style.T.Last, { skipElements: [c2.relatedTarget, a2] });
-      } });
-    });
-  }), v = style.I(!!(s2 & 2), "focus-trap#tab-lock"), N = style.p(), b2 = React.useRef(false), k = { ref: r, onKeyDown(c2) {
-    c2.key == "Tab" && (b2.current = true, N.requestAnimationFrame(() => {
-      b2.current = false;
-    }));
-  }, onBlur(c2) {
-    if (!(s2 & 4)) return;
-    let E2 = x(n);
-    style.n$1(e2.current) && E2.add(e2.current);
-    let L = c2.relatedTarget;
-    style.i(L) && L.dataset.headlessuiFocusGuard !== "true" && (I(E2, L) || (b2.current ? style.v(e2.current, style.u$1(g.current, { [a$1.Forwards]: () => style.T.Next, [a$1.Backwards]: () => style.T.Previous }) | style.T.WrapAround, { relativeTo: c2.target }) : style.i(c2.target) && style.w(c2.target)));
-  } }, B = style.K();
-  return React.createElement(React.Fragment, null, v && React.createElement(style.f, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: A, features: style.s.Focusable }), B({ ourProps: k, theirProps: f2, defaultTag: $, name: "FocusTrap" }), v && React.createElement(style.f, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: A, features: style.s.Focusable }));
-}
-let ee = style.Y(w$1), ge = Object.assign(ee, { features: G });
-function te(o = true) {
-  let t = React.useRef(style.n$2.slice());
-  return style.m(([e2], [r]) => {
-    r === true && e2 === false && style.t$1(() => {
-      t.current.splice(0);
-    }), r === false && e2 === true && (t.current = style.n$2.slice());
-  }, [o, style.n$2, t]), style.o$1(() => {
-    var e2;
-    return (e2 = t.current.find((r) => r != null && r.isConnected)) != null ? e2 : null;
-  });
-}
-function re(o, { ownerDocument: t }) {
-  let e2 = !!(o & 8), r = te(e2);
-  style.m(() => {
-    e2 || style.d(t == null ? void 0 : t.body) && style.w(r());
-  }, [e2]), style.c(() => {
-    e2 && style.w(r());
-  });
-}
-function ne(o, { ownerDocument: t, container: e2, initialFocus: r, initialFocusFallback: u2 }) {
-  let a2 = React.useRef(null), n = style.I(!!(o & 1), "focus-trap#initial-focus"), s2 = style.f$1();
-  return style.m(() => {
-    if (o === 0) return;
-    if (!n) {
-      u2 != null && u2.current && style.w(u2.current);
-      return;
-    }
-    let f2 = e2.current;
-    f2 && style.t$1(() => {
-      if (!s2.current) return;
-      let l = t == null ? void 0 : t.activeElement;
-      if (r != null && r.current) {
-        if ((r == null ? void 0 : r.current) === l) {
-          a2.current = l;
-          return;
-        }
-      } else if (f2.contains(l)) {
-        a2.current = l;
-        return;
-      }
-      if (r != null && r.current) style.w(r.current);
-      else {
-        if (o & 16) {
-          if (style.v(f2, style.T.First | style.T.AutoFocus) !== style.A.Error) return;
-        } else if (style.v(f2, style.T.First) !== style.A.Error) return;
-        if (u2 != null && u2.current && (style.w(u2.current), (t == null ? void 0 : t.activeElement) === u2.current)) return;
-        console.warn("There are no focusable elements inside the <FocusTrap />");
-      }
-      a2.current = t == null ? void 0 : t.activeElement;
-    });
-  }, [u2, n, o]), a2;
-}
-function oe(o, { ownerDocument: t, container: e2, containers: r, previousActiveElement: u2 }) {
-  let a2 = style.f$1(), n = !!(o & 4);
-  style.E(t == null ? void 0 : t.defaultView, "focus", (s2) => {
-    if (!n || !a2.current) return;
-    let f2 = x(r);
-    style.n$1(e2.current) && f2.add(e2.current);
-    let l = u2.current;
-    if (!l) return;
-    let T = s2.target;
-    style.n$1(T) ? I(f2, T) ? (u2.current = T, style.w(T)) : (s2.preventDefault(), s2.stopPropagation(), style.w(l)) : style.w(u2.current);
-  }, true);
-}
-function I(o, t) {
-  for (let e2 of o) if (e2.contains(t)) return true;
-  return false;
-}
-var we$1 = ((o) => (o[o.Open = 0] = "Open", o[o.Closed = 1] = "Closed", o))(we$1 || {}), Be$1 = ((t) => (t[t.SetTitleId = 0] = "SetTitleId", t))(Be$1 || {});
-let Ue$1 = { [0](e2, t) {
-  return e2.titleId === t.id ? e2 : { ...e2, titleId: t.id };
-} }, w = React.createContext(null);
-w.displayName = "DialogContext";
-function O(e2) {
-  let t = React.useContext(w);
-  if (t === null) {
-    let o = new Error(`<${e2} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(o, O), o;
-  }
-  return t;
-}
-function He$1(e2, t) {
-  return style.u$1(t.type, Ue$1, e2, t);
-}
-let z$1 = style.Y(function(t, o) {
-  let a2 = React.useId(), { id: n = `headlessui-dialog-${a2}`, open: i, onClose: p, initialFocus: d2, role: s2 = "dialog", autoFocus: f2 = true, __demoMode: u2 = false, unmount: y = false, ...S$1 } = t, R = React.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 g = style.u$2();
-  i === void 0 && g !== null && (i = (g & style.i$1.Open) === style.i$1.Open);
-  let T = React.useRef(null), I2 = style.y(T, o), F = style.u(T.current), c2 = i ? 0 : 1, [b2, Q2] = React.useReducer(He$1, { titleId: null, descriptionId: null, panelRef: React.createRef() }), m = style.o$1(() => p(false)), B = style.o$1((r) => Q2({ type: 0, id: r })), D = style.l$1() ? c2 === 0 : false, [Z, ee2] = style.ee(), te2 = { get current() {
-    var r;
-    return (r = b2.panelRef.current) != null ? r : T.current;
-  } }, v = x$1(), { resolveContainers: M } = S({ mainTreeNode: v, portals: Z, defaultContainers: [te2] }), U = g !== null ? (g & style.i$1.Closing) === style.i$1.Closing : false;
-  style.y$1(u2 || U ? false : D, { allowed: style.o$1(() => {
-    var r, W2;
-    return [(W2 = (r = T.current) == null ? void 0 : r.closest("[data-headlessui-portal]")) != null ? W2 : null];
-  }), disallowed: style.o$1(() => {
-    var r;
-    return [(r = v == null ? void 0 : v.closest("body > *:not(#headlessui-portal-root)")) != null ? r : null];
-  }) });
-  let P = style.x.get(null);
-  style.n(() => {
-    if (D) return P.actions.push(n), () => P.actions.pop(n);
-  }, [P, n, D]);
-  let H = style.S(P, React.useCallback((r) => P.selectors.isTop(r, n), [P, n]));
-  style.k(H, M, (r) => {
-    r.preventDefault(), m();
-  }), a$2(H, 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(), m();
-  }), style.f$2(u2 || U ? false : D, F, M), style.p$1(D, T, m);
-  let [oe2, ne2] = style.H(), re2 = React.useMemo(() => [{ dialogState: c2, close: m, setTitleId: B, unmount: y }, b2], [c2, m, B, y, b2]), N = style.n$3({ open: c2 === 0 }), le = { ref: I2, id: n, role: s2, tabIndex: -1, "aria-modal": u2 ? void 0 : c2 === 0 ? true : void 0, "aria-labelledby": b2.titleId, "aria-describedby": oe2, unmount: y }, ae = !f$1(), E2 = G.None;
-  D && !u2 && (E2 |= G.RestoreFocus, E2 |= G.TabLock, f2 && (E2 |= G.AutoFocus), ae && (E2 |= G.InitialFocus));
-  let ie = style.K();
-  return React.createElement(style.s$2, null, React.createElement(style.l$2, { force: true }, React.createElement(style.te, null, React.createElement(w.Provider, { value: re2 }, React.createElement(style.X, { target: T }, React.createElement(style.l$2, { force: false }, React.createElement(ne2, { slot: N }, React.createElement(ee2, null, React.createElement(ge, { initialFocus: d2, initialFocusFallback: T, containers: M, features: E2 }, React.createElement(C$1, { value: m }, ie({ ourProps: le, theirProps: S$1, slot: N, defaultTag: Ne$1, features: We$1, visible: c2 === 0, name: "Dialog" })))))))))));
-}), Ne$1 = "div", We$1 = style.A$1.RenderStrategy | style.A$1.Static;
-function $e(e2, t) {
-  let { transition: o = false, open: a2, ...n } = e2, i = style.u$2(), p = e2.hasOwnProperty("open") || i !== null, d2 = e2.hasOwnProperty("onClose");
-  if (!p && !d2) throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");
-  if (!p) throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");
-  if (!d2) throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");
-  if (!i && typeof e2.open != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${e2.open}`);
-  if (typeof e2.onClose != "function") throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${e2.onClose}`);
-  return (a2 !== void 0 || o) && !n.static ? React.createElement(j, null, React.createElement(style.Ke, { show: a2, transition: o, unmount: n.unmount }, React.createElement(z$1, { ref: t, ...n }))) : React.createElement(j, null, React.createElement(z$1, { ref: t, open: a2, ...n }));
-}
-let je$1 = "div";
-function Ye(e2, t) {
-  let o = React.useId(), { id: a2 = `headlessui-dialog-panel-${o}`, transition: n = false, ...i } = e2, [{ dialogState: p, unmount: d2 }, s2] = O("Dialog.Panel"), f2 = style.y(t, s2.panelRef), u2 = style.n$3({ open: p === 0 }), y = style.o$1((I2) => {
-    I2.stopPropagation();
-  }), S2 = { ref: f2, id: a2, onClick: y }, R = n ? style.Oe : React.Fragment, g = n ? { unmount: d2 } : {}, T = style.K();
-  return React.createElement(R, { ...g }, T({ ourProps: S2, theirProps: i, slot: u2, defaultTag: je$1, name: "Dialog.Panel" }));
-}
-let Je = "div";
-function Ke$1(e2, t) {
-  let { transition: o = false, ...a2 } = e2, [{ dialogState: n, unmount: i }] = O("Dialog.Backdrop"), p = style.n$3({ open: n === 0 }), d2 = { ref: t, "aria-hidden": true }, s2 = o ? style.Oe : React.Fragment, f2 = o ? { unmount: i } : {}, u2 = style.K();
-  return React.createElement(s2, { ...f2 }, u2({ ourProps: d2, theirProps: a2, slot: p, defaultTag: Je, name: "Dialog.Backdrop" }));
-}
-let Xe = "h2";
-function Ve(e2, t) {
-  let o = React.useId(), { id: a2 = `headlessui-dialog-title-${o}`, ...n } = e2, [{ dialogState: i, setTitleId: p }] = O("Dialog.Title"), d2 = style.y(t);
-  React.useEffect(() => (p(a2), () => p(null)), [a2, p]);
-  let s2 = style.n$3({ open: i === 0 }), f2 = { ref: d2, id: a2 };
-  return style.K()({ ourProps: f2, theirProps: n, slot: s2, defaultTag: Xe, name: "Dialog.Title" });
-}
-let qe = style.Y($e), ze = style.Y(Ye);
-style.Y(Ke$1);
-let Qe = style.Y(Ve), ht = Object.assign(qe, { Panel: ze, Title: Qe, Description: style.M });
-let _ = "div";
-function c(d2, l) {
-  let t = `headlessui-control-${React.useId()}`, [p, s2] = style.V(), [n, a2] = style.H(), m = style.a(), { disabled: r = m || false, ...o } = d2, i = style.n$3({ disabled: r }), F = { ref: l, disabled: r || void 0, "aria-disabled": r || void 0 }, T = style.K();
-  return React.createElement(style.l$3, { value: r }, React.createElement(s2, { value: p }, React.createElement(a2, { value: n }, React.createElement(style.f$3, { id: t }, T({ ourProps: F, theirProps: { ...o, children: React.createElement(style.W, null, typeof o.children == "function" ? o.children(i) : o.children) }, slot: i, defaultTag: _, name: "Field" })))));
-}
-let W = style.Y(c);
-let E = React.createContext(null);
-E.displayName = "GroupContext";
-let ve$1 = React.Fragment;
-function xe(n) {
-  var c2;
-  let [t, a2] = React.useState(null), [f2, h2] = style.V(), [b2, o] = style.H(), s2 = React.useMemo(() => ({ switch: t, setSwitch: a2 }), [t, a2]), T = {}, y = n, p = style.K();
-  return React.createElement(o, { name: "Switch.Description", value: b2 }, React.createElement(h2, { name: "Switch.Label", value: f2, props: { htmlFor: (c2 = s2.switch) == null ? void 0 : c2.id, onClick(u2) {
-    t && (style.m$1(u2.currentTarget) && u2.preventDefault(), t.click(), t.focus({ preventScroll: true }));
-  } } }, React.createElement(E.Provider, { value: s2 }, p({ ourProps: T, theirProps: y, slot: {}, defaultTag: ve$1, name: "Switch.Group" }))));
-}
-let Ce$1 = "button";
-function Le$1(n, t) {
-  var g;
-  let a2 = React.useId(), f2 = style.u$3(), h2 = style.a(), { id: b2 = f2 || `headlessui-switch-${a2}`, disabled: o = h2 || false, checked: s2, defaultChecked: T, onChange: y, name: p, value: c2, form: u2, autoFocus: S2 = false, ...C2 } = n, _2 = React.useContext(E), [L, R] = React.useState(null), G2 = React.useRef(null), A = style.y(G2, t, _2 === null ? null : _2.setSwitch, R), l = style.l$4(T), [d2, r] = style.b(s2, y, l != null ? l : false), F = style.p(), [H, P] = React.useState(false), D = style.o$1(() => {
-    P(true), r == null || r(!d2), F.nextFrame(() => {
-      P(false);
-    });
-  }), k = style.o$1((e2) => {
-    if (style.s$3(e2.currentTarget)) return e2.preventDefault();
-    e2.preventDefault(), D();
-  }), M = style.o$1((e2) => {
-    e2.key === style.o.Space ? (e2.preventDefault(), D()) : e2.key === style.o.Enter && style.g(e2.currentTarget);
-  }), U = style.o$1((e2) => e2.preventDefault()), I2 = style.N(), B = style.w$1(), { isFocusVisible: K, focusProps: O2 } = style.$f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: S2 }), { isHovered: W2, hoverProps: N } = style.$6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: o }), { pressed: J, pressProps: V2 } = style.w$2({ disabled: o }), X = style.n$3({ checked: d2, disabled: o, hover: W2, focus: K, active: J, autofocus: S2, changing: H }), j2 = style.V$1({ id: b2, ref: A, role: "switch", type: style.e(n, L), tabIndex: n.tabIndex === -1 ? 0 : (g = n.tabIndex) != null ? g : 0, "aria-checked": d2, "aria-labelledby": I2, "aria-describedby": B, disabled: o || void 0, autoFocus: S2, onClick: k, onKeyUp: M, onKeyPress: U }, O2, N, V2), $2 = React.useCallback(() => {
-    if (l !== void 0) return r == null ? void 0 : r(l);
-  }, [r, l]), q = style.K();
-  return React.createElement(React.Fragment, null, p != null && React.createElement(style.j, { disabled: o, data: { [p]: c2 || "on" }, overrides: { type: "checkbox", checked: d2 }, form: u2, onReset: $2 }), q({ ourProps: j2, theirProps: C2, slot: X, defaultTag: Ce$1, name: "Switch" }));
-}
-let Re = style.Y(Le$1), Ge$1 = xe, Ae = style.Z, Fe$1 = style.M, tt = Object.assign(Re, { Group: Ge$1, Label: Ae, Description: Fe$1 });
-function b({ onFocus: n }) {
-  let [r, o] = React.useState(true), u2 = style.f$1();
-  return r ? React.createElement(style.f, { as: "button", type: "button", features: style.s.Focusable, onFocus: (a2) => {
-    a2.preventDefault();
-    let e2, i = 50;
-    function t() {
-      if (i-- <= 0) {
-        e2 && cancelAnimationFrame(e2);
-        return;
-      }
-      if (n()) {
-        if (cancelAnimationFrame(e2), !u2.current) return;
-        o(false);
-        return;
-      }
-      e2 = requestAnimationFrame(t);
-    }
-    e2 = requestAnimationFrame(t);
-  } }) : null;
-}
-const s = React__namespace.createContext(null);
-function a() {
-  return { groups: /* @__PURE__ */ new Map(), get(o, e2) {
-    var i;
-    let t = this.groups.get(o);
-    t || (t = /* @__PURE__ */ new Map(), this.groups.set(o, t));
-    let n = (i = t.get(e2)) != null ? i : 0;
-    t.set(e2, n + 1);
-    let r = Array.from(t.keys()).indexOf(e2);
-    function u2() {
-      let c2 = t.get(e2);
-      c2 > 1 ? t.set(e2, c2 - 1) : t.delete(e2);
-    }
-    return [r, u2];
-  } };
-}
-function f({ children: o }) {
-  let e2 = React__namespace.useRef(a());
-  return React__namespace.createElement(s.Provider, { value: e2 }, o);
-}
-function C(o) {
-  let e2 = React__namespace.useContext(s);
-  if (!e2) throw new Error("You must wrap your component in a <StableCollection>");
-  let t = React__namespace.useId(), [n, r] = e2.current.get(o, t);
-  return React__namespace.useEffect(() => r, []), n;
-}
-var Le = ((t) => (t[t.Forwards = 0] = "Forwards", t[t.Backwards = 1] = "Backwards", t))(Le || {}), _e = ((l) => (l[l.Less = -1] = "Less", l[l.Equal = 0] = "Equal", l[l.Greater = 1] = "Greater", l))(_e || {}), Se = ((n) => (n[n.SetSelectedIndex = 0] = "SetSelectedIndex", n[n.RegisterTab = 1] = "RegisterTab", n[n.UnregisterTab = 2] = "UnregisterTab", n[n.RegisterPanel = 3] = "RegisterPanel", n[n.UnregisterPanel = 4] = "UnregisterPanel", n))(Se || {});
-let De = { [0](e2, r) {
-  var d2;
-  let t = style.G(e2.tabs, (u2) => u2.current), l = style.G(e2.panels, (u2) => u2.current), a2 = t.filter((u2) => {
-    var T;
-    return !((T = u2.current) != null && T.hasAttribute("disabled"));
-  }), n = { ...e2, tabs: t, panels: l };
-  if (r.index < 0 || r.index > t.length - 1) {
-    let u2 = style.u$1(Math.sign(r.index - e2.selectedIndex), { [-1]: () => 1, [0]: () => style.u$1(Math.sign(r.index), { [-1]: () => 0, [0]: () => 0, [1]: () => 1 }), [1]: () => 0 });
-    if (a2.length === 0) return n;
-    let T = style.u$1(u2, { [0]: () => t.indexOf(a2[0]), [1]: () => t.indexOf(a2[a2.length - 1]) });
-    return { ...n, selectedIndex: T === -1 ? e2.selectedIndex : T };
-  }
-  let s2 = t.slice(0, r.index), f2 = [...t.slice(r.index), ...s2].find((u2) => a2.includes(u2));
-  if (!f2) return n;
-  let b2 = (d2 = t.indexOf(f2)) != null ? d2 : e2.selectedIndex;
-  return b2 === -1 && (b2 = e2.selectedIndex), { ...n, selectedIndex: b2 };
-}, [1](e2, r) {
-  if (e2.tabs.includes(r.tab)) return e2;
-  let t = e2.tabs[e2.selectedIndex], l = style.G([...e2.tabs, r.tab], (n) => n.current), a2 = e2.selectedIndex;
-  return e2.info.current.isControlled || (a2 = l.indexOf(t), a2 === -1 && (a2 = e2.selectedIndex)), { ...e2, tabs: l, selectedIndex: a2 };
-}, [2](e2, r) {
-  return { ...e2, tabs: e2.tabs.filter((t) => t !== r.tab) };
-}, [3](e2, r) {
-  return e2.panels.includes(r.panel) ? e2 : { ...e2, panels: style.G([...e2.panels, r.panel], (t) => t.current) };
-}, [4](e2, r) {
-  return { ...e2, panels: e2.panels.filter((t) => t !== r.panel) };
-} }, z = React.createContext(null);
-z.displayName = "TabsDataContext";
-function h(e2) {
-  let r = React.useContext(z);
-  if (r === null) {
-    let t = new Error(`<${e2} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t, h), t;
-  }
-  return r;
-}
-let V = React.createContext(null);
-V.displayName = "TabsActionsContext";
-function Q(e2) {
-  let r = React.useContext(V);
-  if (r === null) {
-    let t = new Error(`<${e2} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t, Q), t;
-  }
-  return r;
-}
-function Fe(e2, r) {
-  return style.u$1(r.type, De, e2, r);
-}
-let Ie = "div";
-function he(e2, r) {
-  let { defaultIndex: t = 0, vertical: l = false, manual: a2 = false, onChange: n, selectedIndex: s2 = null, ...g } = e2;
-  const f$12 = l ? "vertical" : "horizontal", b$1 = a2 ? "manual" : "auto";
-  let d2 = s2 !== null, u2 = style.s$4({ isControlled: d2 }), T = style.y(r), [p, c2] = React.useReducer(Fe, { info: u2, selectedIndex: s2 != null ? s2 : t, tabs: [], panels: [] }), v = style.n$3({ selectedIndex: p.selectedIndex }), m = style.s$4(n || (() => {
-  })), C2 = style.s$4(p.tabs), D = React.useMemo(() => ({ orientation: f$12, activation: b$1, ...p }), [f$12, b$1, p]), P = style.o$1((i) => (c2({ type: 1, tab: i }), () => c2({ type: 2, tab: i }))), R = style.o$1((i) => (c2({ type: 3, panel: i }), () => c2({ type: 4, panel: i }))), A = style.o$1((i) => {
-    L.current !== i && m.current(i), d2 || c2({ type: 0, index: i });
-  }), L = style.s$4(d2 ? e2.selectedIndex : p.selectedIndex), _2 = React.useMemo(() => ({ registerTab: P, registerPanel: R, change: A }), []);
-  style.n(() => {
-    c2({ type: 0, index: s2 != null ? s2 : t });
-  }, [s2]), style.n(() => {
-    if (L.current === void 0 || p.tabs.length <= 0) return;
-    let i = style.G(p.tabs, (S2) => S2.current);
-    i.some((S2, $2) => p.tabs[$2] !== S2) && A(i.indexOf(p.tabs[L.current]));
-  });
-  let J = { ref: T }, X = style.K();
-  return React.createElement(f, null, React.createElement(V.Provider, { value: _2 }, React.createElement(z.Provider, { value: D }, D.tabs.length <= 0 && React.createElement(b, { onFocus: () => {
-    var i, M;
-    for (let S2 of C2.current) if (((i = S2.current) == null ? void 0 : i.tabIndex) === 0) return (M = S2.current) == null || M.focus(), true;
-    return false;
-  } }), X({ ourProps: J, theirProps: g, slot: v, defaultTag: Ie, name: "Tabs" }))));
-}
-let ve = "div";
-function Ce(e2, r) {
-  let { orientation: t, selectedIndex: l } = h("Tab.List"), a2 = style.y(r), n = style.n$3({ selectedIndex: l }), s2 = e2, g = { ref: a2, role: "tablist", "aria-orientation": t };
-  return style.K()({ ourProps: g, theirProps: s2, slot: n, defaultTag: ve, name: "Tabs.List" });
-}
-let Me = "button";
-function Ge(e2, r) {
-  var Y, Z;
-  let t = React.useId(), { id: l = `headlessui-tabs-tab-${t}`, disabled: a2 = false, autoFocus: n = false, ...s2 } = e2, { orientation: g, activation: f2, selectedIndex: b2, tabs: d2, panels: u2 } = h("Tab"), T = Q("Tab"), p = h("Tab"), [c2, v] = React.useState(null), m = React.useRef(null), C$12 = style.y(m, r, v);
-  style.n(() => T.registerTab(m), [T, m]);
-  let D = C("tabs"), P = d2.indexOf(m);
-  P === -1 && (P = D);
-  let R = P === b2, A = style.o$1((o) => {
-    let E2 = o();
-    if (E2 === style.A.Success && f2 === "auto") {
-      let ee2 = style.e$1(m.current), B = p.tabs.findIndex((ce) => ce.current === ee2);
-      B !== -1 && T.change(B);
-    }
-    return E2;
-  }), L = style.o$1((o) => {
-    let E2 = d2.map((B) => B.current).filter(Boolean);
-    if (o.key === style.o.Space || o.key === style.o.Enter) {
-      o.preventDefault(), o.stopPropagation(), T.change(P);
-      return;
-    }
-    switch (o.key) {
-      case style.o.Home:
-      case style.o.PageUp:
-        return o.preventDefault(), o.stopPropagation(), A(() => style.v(E2, style.T.First));
-      case style.o.End:
-      case style.o.PageDown:
-        return o.preventDefault(), o.stopPropagation(), A(() => style.v(E2, style.T.Last));
-    }
-    if (A(() => style.u$1(g, { vertical() {
-      return o.key === style.o.ArrowUp ? style.v(E2, style.T.Previous | style.T.WrapAround) : o.key === style.o.ArrowDown ? style.v(E2, style.T.Next | style.T.WrapAround) : style.A.Error;
-    }, horizontal() {
-      return o.key === style.o.ArrowLeft ? style.v(E2, style.T.Previous | style.T.WrapAround) : o.key === style.o.ArrowRight ? style.v(E2, style.T.Next | style.T.WrapAround) : style.A.Error;
-    } })) === style.A.Success) return o.preventDefault();
-  }), _2 = React.useRef(false), J = style.o$1(() => {
-    var o;
-    _2.current || (_2.current = true, (o = m.current) == null || o.focus({ preventScroll: true }), T.change(P), style.t$1(() => {
-      _2.current = false;
-    }));
-  }), X = style.o$1((o) => {
-    o.preventDefault();
-  }), { isFocusVisible: i, focusProps: M } = style.$f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: n }), { isHovered: S2, hoverProps: $2 } = style.$6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: a2 }), { pressed: pe, pressProps: ue } = style.w$2({ disabled: a2 }), Te = style.n$3({ selected: R, hover: S2, active: pe, focus: i, autofocus: n, disabled: a2 }), de = style.V$1({ ref: C$12, onKeyDown: L, onMouseDown: X, onClick: J, id: l, role: "tab", type: style.e(e2, c2), "aria-controls": (Z = (Y = u2[P]) == null ? void 0 : Y.current) == null ? void 0 : Z.id, "aria-selected": R, tabIndex: R ? 0 : -1, disabled: a2 || void 0, autoFocus: n }, M, $2, ue);
-  return style.K()({ ourProps: de, theirProps: s2, slot: Te, defaultTag: Me, name: "Tabs.Tab" });
-}
-let Ue = "div";
-function He(e2, r) {
-  let { selectedIndex: t } = h("Tab.Panels"), l = style.y(r), a2 = style.n$3({ selectedIndex: t }), n = e2, s2 = { ref: l };
-  return style.K()({ ourProps: s2, theirProps: n, slot: a2, defaultTag: Ue, name: "Tabs.Panels" });
-}
-let we = "div", Oe = style.A$1.RenderStrategy | style.A$1.Static;
-function Ne(e2, r) {
-  var R, A, L, _2;
-  let t = React.useId(), { id: l = `headlessui-tabs-panel-${t}`, tabIndex: a2 = 0, ...n } = e2, { selectedIndex: s2, tabs: g, panels: f2 } = h("Tab.Panel"), b2 = Q("Tab.Panel"), d2 = React.useRef(null), u2 = style.y(d2, r);
-  style.n(() => b2.registerPanel(d2), [b2, d2]);
-  let T = C("panels"), p = f2.indexOf(d2);
-  p === -1 && (p = T);
-  let c2 = p === s2, { isFocusVisible: v, focusProps: m } = style.$f7dceffc5ad7768b$export$4e328f61c538687f(), C$12 = style.n$3({ selected: c2, focus: v }), D = style.V$1({ ref: u2, id: l, role: "tabpanel", "aria-labelledby": (A = (R = g[p]) == null ? void 0 : R.current) == null ? void 0 : A.id, tabIndex: c2 ? a2 : -1 }, m), P = style.K();
-  return !c2 && ((L = n.unmount) == null || L) && !((_2 = n.static) != null && _2) ? React.createElement(style.f, { "aria-hidden": "true", ...D }) : P({ ourProps: D, theirProps: n, slot: C$12, defaultTag: we, features: Oe, visible: c2, name: "Tabs.Panel" });
-}
-let ke = style.Y(Ge), Be = style.Y(he), We = style.Y(Ce), je = style.Y(He), Ke = style.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 = React.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_index.cn(fullWidth ? "w-full" : "w-auto", className), "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "ml-1 text-error", children: "*" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(style.Mo, { disabled: isDisabled, value: value ?? void 0, onChange, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        style.Mt,
-        {
-          "aria-label": !label ? placeholder : void 0,
-          "aria-labelledby": label ? labelId : void 0,
-          "data-testid": testId ? `${testId}-button` : void 0,
-          className: utils_index.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__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: utils_index.cn(
-                  "block truncate",
-                  selectedOption ? "text-primary-900 dark:text-primary-100" : "text-primary-400 dark:text-primary-500"
-                ),
-                children: selectedOption?.label || placeholder
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm", color: "primary", label: loadingText }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-        style.Ke,
-        {
-          as: React.Fragment,
-          leave: "transition ease-in duration-100",
-          leaveFrom: "opacity-100",
-          leaveTo: "opacity-0",
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            style.Bt,
-            {
-              className: utils_index.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__ */ jsxRuntime.jsx(
-                style.It,
-                {
-                  disabled: option.disabled,
-                  value: option.value,
-                  "data-testid": testId ? `${testId}-option-${index}` : void 0,
-                  className: ({ active, selected }) => utils_index.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate", children: option.label }),
-                    selected && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-gold-600 dark:text-gold-400", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "svg",
-                      {
-                        className: "h-5 w-5",
-                        fill: "currentColor",
-                        viewBox: "0 0 20 20",
-                        "aria-hidden": "true",
-                        children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-      "p",
-      {
-        role: hasError ? "alert" : void 0,
-        "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-        className: utils_index.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__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: "h-5 w-5",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(style.Ke, { show: isOpen, as: React.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(ht, { className: "relative z-50", onClose: handleClose, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      style.Oe,
-      {
-        as: React.Fragment,
-        enter: "ease-out duration-150",
-        enterFrom: "opacity-0",
-        enterTo: "opacity-100",
-        leave: "ease-in duration-100",
-        leaveFrom: "opacity-100",
-        leaveTo: "opacity-0",
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 bg-black/40 backdrop-blur-sm", "data-testid": testId ? `${testId}-overlay` : void 0 })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      style.Oe,
-      {
-        as: React.Fragment,
-        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__ */ jsxRuntime.jsxs(
-          ze,
-          {
-            className: utils_index.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__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: utils_index.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__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-                      title && /* @__PURE__ */ jsxRuntime.jsx(Qe, { className: "text-lg font-semibold text-primary-900 dark:text-white", children: title }),
-                      description && /* @__PURE__ */ jsxRuntime.jsx(style.M, { className: "mt-1 text-sm text-primary-500 dark:text-primary-400", children: description })
-                    ] }),
-                    showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(
-                      "button",
-                      {
-                        type: "button",
-                        "aria-label": "Close modal",
-                        onClick: onClose,
-                        className: utils_index.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__ */ jsxRuntime.jsx(CloseIcon$2, {})
-                      }
-                    )
-                  ]
-                }
-              ),
-              children && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-white/60 dark:bg-primary-800/60", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "md", color: "primary" }) })
-              ] }),
-              footer && /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: utils_index.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__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: "h-5 w-5",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(style.Ke, { show: isOpen, as: React.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(ht, { className: "relative z-50", onClose, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      style.Oe,
-      {
-        as: React.Fragment,
-        enter: "ease-out duration-300",
-        enterFrom: "opacity-0",
-        enterTo: "opacity-100",
-        leave: "ease-in duration-200",
-        leaveFrom: "opacity-100",
-        leaveTo: "opacity-0",
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 bg-black/40 backdrop-blur-sm", "data-testid": testId ? `${testId}-overlay` : void 0 })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
-      style.Oe,
-      {
-        as: React.Fragment,
-        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__ */ jsxRuntime.jsxs(
-          ze,
-          {
-            className: utils_index.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__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: utils_index.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__ */ jsxRuntime.jsx(Qe, { className: "text-lg font-semibold text-primary-900 dark:text-white", children: title }),
-                    showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(
-                      "button",
-                      {
-                        type: "button",
-                        "aria-label": "Close drawer",
-                        onClick: onClose,
-                        className: utils_index.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__ */ jsxRuntime.jsx(CloseIcon$1, {})
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-white/60 dark:bg-primary-800/60", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "md", color: "primary" }) })
-              ] }),
-              footer && /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: utils_index.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__ */ jsxRuntime.jsx(
-    Modal,
-    {
-      isOpen,
-      onClose,
-      title,
-      description,
-      size: "sm",
-      showCloseButton: false,
-      closeOnOverlay: !loading,
-      testId,
-      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: "secondary",
-            onClick: onClose,
-            disabled: loading,
-            "data-testid": testId ? `${testId}-cancel-button` : void 0,
-            children: cancelText
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.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 = React.forwardRef(
-  ({
-    padding = "md",
-    variant = "default",
-    hoverable = false,
-    children,
-    className,
-    testId,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: utils_index.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 = React.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 = React.useRef(null);
-    React.useEffect(() => {
-      const checkbox = internalRef.current;
-      if (checkbox) {
-        checkbox.indeterminate = indeterminate;
-      }
-    }, [indeterminate]);
-    const setRefs = React.useCallback(
-      (element) => {
-        internalRef.current = element;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(element);
-        } else if (forwardedRef) {
-          forwardedRef.current = element;
-        }
-      },
-      [forwardedRef]
-    );
-    const handleChange = (e2) => {
-      onChange?.(e2.target.checked);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, "data-testid": testId, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "label",
-        {
-          htmlFor: checkboxId,
-          className: utils_index.cn(
-            "inline-flex items-center gap-2",
-            disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
-          ),
-          "data-testid": testId ? `${testId}-label` : void 0,
-          children: [
-            /* @__PURE__ */ jsxRuntime.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: utils_index.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__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: utils_index.cn(
-                  labelSizeStyles$1[size],
-                  "text-primary-700 dark:text-primary-200",
-                  hasError && "text-error"
-                ),
-                children: label
-              }
-            )
-          ]
-        }
-      ),
-      (error || helperText) && /* @__PURE__ */ jsxRuntime.jsx(
-        "p",
-        {
-          id: errorId,
-          role: hasError ? "alert" : void 0,
-          "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-          className: utils_index.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 = React.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__ */ jsxRuntime.jsxs(
-      "label",
-      {
-        htmlFor: radioId,
-        className: utils_index.cn(
-          "inline-flex items-center gap-2",
-          disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-          className
-        ),
-        "data-testid": testId,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              ref,
-              type: "radio",
-              id: radioId,
-              disabled,
-              "data-testid": testId ? `${testId}-radio` : void 0,
-              className: utils_index.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__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: utils_index.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 = (e2) => {
-    onChange?.(e2.target.value);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { className, role: "radiogroup", "aria-labelledby": label ? groupId : void 0, "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Spinner, { size: "xs", color: "primary" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: utils_index.cn(
-          orientation === "vertical" ? "space-y-2" : "flex flex-wrap gap-4"
-        ),
-        children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-      "p",
-      {
-        role: hasError ? "alert" : void 0,
-        "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-        className: utils_index.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__ */ jsxRuntime.jsx(W, { className, "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-    (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 mr-4", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx(
-        style.Z,
-        {
-          className: utils_index.cn(
-            "text-sm font-medium",
-            "text-primary-700 dark:text-white",
-            isDisabled ? "opacity-50" : "cursor-pointer"
-          ),
-          children: label
-        }
-      ),
-      description && /* @__PURE__ */ jsxRuntime.jsx(style.M, { className: "text-sm text-primary-500 dark:text-primary-400", children: description })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      tt,
-      {
-        checked: enabled,
-        disabled: isDisabled,
-        onChange,
-        "aria-label": !label ? "Toggle" : void 0,
-        "data-testid": testId ? `${testId}-toggle` : void 0,
-        className: utils_index.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__ */ jsxRuntime.jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: utils_index.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__ */ jsxRuntime.jsx(Spinner, { size: "xs", color: "primary" })
-          }
-        )
-      }
-    )
-  ] }) });
-}
-Toggle.displayName = "Toggle";
-const ChevronIcon$2 = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: "h-5 w-5",
-    fill: "currentColor",
-    viewBox: "0 0 20 20",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxRuntime.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] = React.useState("");
-  const hasError = !!error;
-  const isDisabled = disabled || isLoading;
-  const labelId = React.useId();
-  const selectedOption = React.useMemo(
-    () => options.find((opt) => opt.value === value),
-    [options, value]
-  );
-  const filteredOptions = React.useMemo(
-    () => query === "" ? options : options.filter(
-      (option) => option.label.toLowerCase().includes(query.toLowerCase())
-    ),
-    [options, query]
-  );
-  const handleChange = (newValue) => {
-    onChange?.(newValue);
-    setQuery("");
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_index.cn(fullWidth ? "w-full" : "w-auto", className), "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "ml-1 text-error", children: "*" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      style.Ht,
-      {
-        value: value ?? null,
-        onChange: handleChange,
-        disabled: isDisabled,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              style.ko,
-              {
-                "aria-label": !label ? placeholder : void 0,
-                "aria-labelledby": label ? labelId : void 0,
-                displayValue: () => selectedOption?.label || "",
-                onChange: (e2) => {
-                  const newQuery = e2.target.value;
-                  setQuery(newQuery);
-                  onSearch?.(newQuery);
-                },
-                placeholder,
-                "data-testid": testId ? `${testId}-input` : void 0,
-                className: utils_index.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__ */ jsxRuntime.jsx(
-              style.Bo,
-              {
-                "aria-label": "Toggle options",
-                className: "absolute inset-y-0 right-0 flex items-center pr-3",
-                children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm", color: "primary", label: loadingText }) : /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon$2, {})
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            style.Ke,
-            {
-              as: React.Fragment,
-              leave: "transition ease-in duration-100",
-              leaveFrom: "opacity-100",
-              leaveTo: "opacity-0",
-              afterLeave: () => setQuery(""),
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                style.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-2.5 text-primary-500 dark:text-primary-400", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm", color: "primary" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: loadingText })
-                  ] }) : filteredOptions.length === 0 && query !== "" ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                    style.Ho,
-                    {
-                      value: option.value,
-                      disabled: option.disabled,
-                      "data-testid": testId ? `${testId}-option-${index}` : void 0,
-                      className: ({ active, selected }) => utils_index.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate", children: option.label }),
-                        selected && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-gold-600 dark:text-gold-400", children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
-                      ] })
-                    },
-                    option.value
-                  ))
-                }
-              )
-            }
-          )
-        ] })
-      }
-    ),
-    (error || helperText) && /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        role: hasError ? "alert" : void 0,
-        "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-        className: utils_index.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: utils_index.cn(
-    "bg-primary-100 text-primary-700 border-primary-200",
-    "dark:bg-primary-800 dark:text-primary-200 dark:border-primary-700"
-  ),
-  success: utils_index.cn(
-    "bg-success-light text-[#166534] border-success/20",
-    "dark:bg-success/20 dark:text-[#86efac] dark:border-success/30"
-  ),
-  warning: utils_index.cn(
-    "bg-warning-light text-[#854d0e] border-warning/20",
-    "dark:bg-warning/20 dark:text-[#fde047] dark:border-warning/30"
-  ),
-  error: utils_index.cn(
-    "bg-error-light text-[#991b1b] border-error/20",
-    "dark:bg-error/20 dark:text-[#fca5a5] dark:border-error/30"
-  ),
-  info: utils_index.cn(
-    "bg-info-light text-[#1e40af] border-info/20",
-    "dark:bg-info/20 dark:text-[#93c5fd] dark:border-info/30"
-  ),
-  gold: utils_index.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 = React.forwardRef(
-  ({ variant = "default", size = "md", children, className, testId, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        ref,
-        className: utils_index.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__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: utils_index.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__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 15l7-7 7 7" }) : direction === "desc" ? /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) : /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 9l4-4 4 4M16 15l-4 4-4-4" })
-  }
-);
-const Table = React.forwardRef(
-  ({ fullWidth = true, striped = false, hoverable = false, compact = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "table",
-      {
-        ref,
-        className: utils_index.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 = React.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "thead",
-      {
-        ref,
-        className: utils_index.cn(
-          "bg-primary-50 dark:bg-primary-800",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-TableHeader.displayName = "TableHeader";
-const TableBody = React.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "tbody",
-      {
-        ref,
-        className: utils_index.cn(
-          "divide-y divide-primary-200 dark:divide-primary-700",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-TableBody.displayName = "TableBody";
-const TableRow = React.forwardRef(
-  ({ selected = false, className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "tr",
-      {
-        ref,
-        className: utils_index.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 = React.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__ */ jsxRuntime.jsx(
-      "th",
-      {
-        ref,
-        scope: "col",
-        className: utils_index.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__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center", children: [
-          children,
-          sortable && /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { direction: sortDirection })
-        ] })
-      }
-    );
-  }
-);
-TableHead.displayName = "TableHead";
-const TableCell = React.forwardRef(
-  ({ align = "left", className, children, ...props }, ref) => {
-    const alignmentClass = {
-      left: "text-left",
-      center: "text-center",
-      right: "text-right"
-    }[align];
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "td",
-      {
-        ref,
-        className: utils_index.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 = React.useMemo(
-    () => tabs.findIndex((tab) => tab.key === activeTab),
-    [tabs, activeTab]
-  );
-  const handleChange = (index) => {
-    if (onChange && tabs[index]) {
-      onChange(tabs[index].key);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Be,
-    {
-      selectedIndex: selectedIndex >= 0 ? selectedIndex : 0,
-      onChange: handleChange,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        We,
-        {
-          "aria-label": ariaLabel,
-          className: utils_index.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__ */ jsxRuntime.jsx(
-            dt,
-            {
-              disabled: tab.disabled,
-              "data-testid": testId ? `${testId}-tab-${index}` : void 0,
-              className: ({ selected }) => utils_index.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__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-                tab.label,
-                tab.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: utils_index.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__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      role: "tabpanel",
-      className: utils_index.cn("relative mt-4", className),
-      "data-testid": testId,
-      ...props,
-      children: [
-        activeContent,
-        isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-white/60 dark:bg-primary-800/60", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "md", color: "primary" }) })
-      ]
-    }
-  );
-}
-TabContentPanels.displayName = "TabContentPanels";
-const ChevronIcon$1 = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: "h-4 w-4 flex-shrink-0",
-    fill: "currentColor",
-    viewBox: "0 0 20 20",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-  "button",
-  {
-    type: "button",
-    onClick,
-    className: utils_index.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 = React.forwardRef(
-  ({
-    items,
-    separator,
-    maxItems = 0,
-    renderLink,
-    className,
-    testId,
-    ...props
-  }, ref) => {
-    const [isExpanded, setIsExpanded] = React.useState(false);
-    const defaultRenderLink = (item, children) => /* @__PURE__ */ jsxRuntime.jsx(
-      "a",
-      {
-        href: item.href,
-        className: utils_index.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__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-        index === 0 && !item.icon && /* @__PURE__ */ jsxRuntime.jsx(HomeIcon, {}),
-        item.icon,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: isLast ? "font-medium" : "", children: item.label })
-      ] });
-      if (isLast || !item.href) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: utils_index.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__ */ jsxRuntime.jsx(ChevronIcon$1, {});
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "nav",
-      {
-        ref,
-        "aria-label": "Breadcrumb",
-        className: utils_index.cn("text-sm", className),
-        "data-testid": testId,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "li",
-              {
-                className: "inline-flex items-center",
-                "data-testid": testId ? `${testId}-item-${index}` : void 0,
-                children: renderItem(item, index, isLast)
-              }
-            ),
-            showEllipsis && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("li", { className: "inline-flex items-center", "aria-hidden": "true", children: separatorElement }),
-              /* @__PURE__ */ jsxRuntime.jsx("li", { className: "inline-flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(EllipsisButton, { onClick: () => setIsExpanded(true) }) })
-            ] }),
-            !isLast && /* @__PURE__ */ jsxRuntime.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 = React.forwardRef(
-  ({
-    variant = "text",
-    width,
-    height,
-    animate = true,
-    lines = 1,
-    label = "Loading...",
-    className,
-    style: style2,
-    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__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          ref,
-          className: utils_index.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__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: utils_index.cn(
-                  "bg-primary-200 dark:bg-primary-700",
-                  variantStyles$2[variant],
-                  animate && "animate-pulse"
-                ),
-                style: {
-                  width: index === lines - 1 ? "60%" : widthValue || "100%",
-                  height: finalHeight,
-                  ...style2
-                }
-              },
-              index
-            )),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label })
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: utils_index.cn(
-          "bg-primary-200 dark:bg-primary-700",
-          variantStyles$2[variant],
-          animate && "animate-pulse",
-          className
-        ),
-        style: {
-          width: widthValue || (variant === "circular" ? heightValue : "100%"),
-          height: finalHeight,
-          ...style2
-        },
-        role: "status",
-        "aria-label": label,
-        "aria-busy": "true",
-        "data-testid": testId,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label })
-      }
-    );
-  }
-);
-Skeleton.displayName = "Skeleton";
-const defaultIcons$1 = {
-  "no-data": /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "w-full h-full",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      strokeWidth: 1.5,
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "w-full h-full",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      strokeWidth: 1.5,
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-        }
-      )
-    }
-  ),
-  "error": /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "w-full h-full",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor",
-      strokeWidth: 1.5,
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.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 = React.forwardRef(
-  ({
-    type = "no-data",
-    title,
-    description,
-    icon,
-    action,
-    size = "md",
-    className,
-    testId,
-    ...props
-  }, ref) => {
-    const styles = sizeStyles$4[size];
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: utils_index.cn(
-          "flex flex-col items-center justify-center text-center",
-          styles.container,
-          className
-        ),
-        "data-testid": testId,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: utils_index.cn(styles.icon, typeColors[type], "mb-4"),
-              "data-testid": testId ? `${testId}-icon` : void 0,
-              children: icon || defaultIcons$1[type]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "h3",
-            {
-              className: utils_index.cn(
-                styles.title,
-                "text-primary-900 dark:text-primary-100",
-                "mb-1"
-              ),
-              "data-testid": testId ? `${testId}-title` : void 0,
-              children: title
-            }
-          ),
-          description && /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: utils_index.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__ */ jsxRuntime.jsx("div", { className: "mt-2", "data-testid": testId ? `${testId}-action` : void 0, children: action })
-        ]
-      }
-    );
-  }
-);
-EmptyState.displayName = "EmptyState";
-const ChevronLeftIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) });
-const ChevronRightIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.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 i = 1; i <= totalPages; i++) {
-      pages.push(i);
-    }
-  } else {
-    pages.push(1);
-    if (currentPage <= 3) {
-      for (let i = 2; i <= 4; i++) {
-        pages.push(i);
-      }
-      pages.push("ellipsis");
-      pages.push(totalPages);
-    } else if (currentPage >= totalPages - 2) {
-      pages.push("ellipsis");
-      for (let i = totalPages - 3; i <= totalPages; i++) {
-        pages.push(i);
-      }
-    } 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 = React.useId();
-  const currentSize = sizeStyles$3[size];
-  const canGoPrevious = currentPage > 1;
-  const canGoNext = currentPage < totalPages;
-  const pageNumbers = React.useMemo(
-    () => getPageNumbers(currentPage, totalPages),
-    [currentPage, totalPages]
-  );
-  const itemsRange = React.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__ */ jsxRuntime.jsx("div", { className: utils_index.cn("flex justify-center", className), "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-      "nav",
-      {
-        "aria-label": "Pagination",
-        className: utils_index.cn("flex items-center justify-between gap-4", className),
-        "data-testid": testId,
-        children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ChevronLeftIcon, {}),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1", children: "Previous" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils_index.cn("text-primary-600 dark:text-primary-400", currentSize.text), children: [
-            "Page ",
-            currentPage,
-            " of ",
-            totalPages
-          ] }),
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "mr-1", children: "Next" }),
-                /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {})
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "nav",
-    {
-      "aria-label": "Pagination",
-      className: utils_index.cn("flex items-center justify-between gap-4", className),
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
-          itemsRange && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils_index.cn("text-primary-600 dark:text-primary-400", currentSize.text), children: [
-            itemsRange.start,
-            "-",
-            itemsRange.end,
-            " of ",
-            totalItems
-          ] }),
-          showPageSize && onPageSizeChange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "label",
-              {
-                htmlFor: pageSizeId,
-                className: utils_index.cn("text-primary-600 dark:text-primary-400", currentSize.text),
-                children: "Show:"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "select",
-              {
-                id: pageSizeId,
-                value: pageSize,
-                onChange: (e2) => onPageSizeChange(Number(e2.target.value)),
-                disabled,
-                className: utils_index.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__ */ jsxRuntime.jsx("option", { value: option, children: option }, option))
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handlePrevious,
-              disabled: disabled || !canGoPrevious,
-              "aria-label": "Previous page",
-              "data-testid": testId ? `${testId}-prev` : void 0,
-              className: utils_index.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__ */ jsxRuntime.jsx(ChevronLeftIcon, {})
-            }
-          ),
-          pageNumbers.map(
-            (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: utils_index.cn(
-                  "inline-flex items-center justify-center",
-                  "text-primary-500 dark:text-primary-400",
-                  currentSize.button
-                ),
-                children: "..."
-              },
-              `ellipsis-${index}`
-            ) : /* @__PURE__ */ jsxRuntime.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: utils_index.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__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleNext,
-              disabled: disabled || !canGoNext,
-              "aria-label": "Next page",
-              "data-testid": testId ? `${testId}-next` : void 0,
-              className: utils_index.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__ */ jsxRuntime.jsx(ChevronRightIcon, {})
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-Pagination.displayName = "Pagination";
-const ChevronIcon = () => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: utils_index.cn("h-3 w-3", className),
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxRuntime.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] = React.useState("");
-  const searchInputRef = React.useRef(null);
-  const hasError = !!error;
-  const isDisabled = disabled || isLoading;
-  const labelId = React.useId();
-  const searchId = React.useId();
-  const filteredOptions = React.useMemo(() => {
-    if (!query) return options;
-    return options.filter(
-      (opt) => opt.label.toLowerCase().includes(query.toLowerCase())
-    );
-  }, [options, query]);
-  const selectedOptions = React.useMemo(
-    () => options.filter((opt) => value.includes(opt.value)),
-    [options, value]
-  );
-  const selectableOptions = React.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 = (e2) => {
-    e2.preventDefault();
-    e2.stopPropagation();
-    if (allSelected) {
-      const selectableValues = selectableOptions.map((opt) => opt.value);
-      onChange(value.filter((v) => !selectableValues.includes(v)));
-    } else {
-      const newValues = new Set(value);
-      selectableOptions.forEach((opt) => newValues.add(opt.value));
-      onChange(Array.from(newValues));
-    }
-  };
-  const handleRemove = (optionValue, e2) => {
-    e2.preventDefault();
-    e2.stopPropagation();
-    onChange(value.filter((v) => v !== optionValue));
-  };
-  const handleClearAll = (e2) => {
-    e2.preventDefault();
-    e2.stopPropagation();
-    onChange([]);
-  };
-  const handleSearchChange = (e2) => {
-    const newQuery = e2.target.value;
-    setQuery(newQuery);
-    onSearch?.(newQuery);
-  };
-  const handleDropdownClose = () => {
-    setQuery("");
-  };
-  const displayedChips = selectedOptions.slice(0, maxDisplayedItems);
-  const hiddenCount = selectedOptions.length - maxDisplayedItems;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_index.cn(fullWidth ? "w-full" : "w-auto", className), "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "ml-1 text-error", children: "*" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      style.Mo,
-      {
-        value,
-        onChange: (newValue) => {
-          onChange(newValue);
-        },
-        disabled: isDisabled,
-        multiple: true,
-        children: ({ open }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: utils_index.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__ */ jsxRuntime.jsxs(
-                  "span",
-                  {
-                    className: utils_index.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__ */ jsxRuntime.jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: (e2) => handleRemove(option.value, e2),
-                          className: "rounded hover:bg-primary-200 dark:hover:bg-primary-600",
-                          "aria-label": `Remove ${option.label}`,
-                          disabled: isDisabled,
-                          children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
-                        }
-                      )
-                    ]
-                  },
-                  option.value
-                )),
-                hiddenCount > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm text-primary-400 dark:text-primary-500", children: placeholder }),
-                selectedOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
-                  selectedOptions.length > 0 && !isDisabled && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(CloseIcon, { className: "h-4 w-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    style.Mt,
-                    {
-                      "aria-label": "Toggle options",
-                      className: "flex items-center rounded focus:outline-none focus:ring-2 focus:ring-gold-500/20",
-                      children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm", color: "primary", label: loadingText }) : /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, {})
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            style.Ke,
-            {
-              show: open,
-              leave: "transition ease-in duration-100",
-              leaveFrom: "opacity-100",
-              leaveTo: "opacity-0",
-              afterLeave: handleDropdownClose,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                style.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-2.5 text-primary-500 dark:text-primary-400", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm", color: "primary" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: loadingText })
-                  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    searchable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-primary-200 px-3 py-2 dark:border-primary-700", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: searchId, className: "sr-only", children: "Search options" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "input",
-                        {
-                          ref: searchInputRef,
-                          id: searchId,
-                          type: "text",
-                          value: query,
-                          onChange: handleSearchChange,
-                          placeholder: "Search...",
-                          "data-testid": testId ? `${testId}-input` : void 0,
-                          className: utils_index.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: (e2) => e2.stopPropagation()
-                        }
-                      )
-                    ] }),
-                    showSelectAll && selectableOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
-                      "div",
-                      {
-                        className: utils_index.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__ */ jsxRuntime.jsx(
-                            Checkbox,
-                            {
-                              checked: allSelected,
-                              indeterminate: someSelected && !allSelected,
-                              onChange: () => {
-                              },
-                              "aria-label": selectAllLabel
-                            }
-                          ),
-                          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-primary-900 dark:text-primary-100", children: [
-                            selectAllLabel,
-                            " (",
-                            selectableOptions.length,
-                            ")"
-                          ] })
-                        ]
-                      }
-                    ),
-                    filteredOptions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-2.5 text-primary-500 dark:text-primary-400", children: emptyText }) : filteredOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                      style.It,
-                      {
-                        value: option.value,
-                        disabled: option.disabled,
-                        "data-testid": testId ? `${testId}-option-${index}` : void 0,
-                        className: ({ active }) => utils_index.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__ */ jsxRuntime.jsx(
-                            Checkbox,
-                            {
-                              checked: value.includes(option.value),
-                              disabled: option.disabled,
-                              onChange: () => {
-                              },
-                              "aria-label": option.label
-                            }
-                          ),
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-900 dark:text-primary-100", children: option.label })
-                        ]
-                      },
-                      option.value
-                    ))
-                  ] })
-                }
-              )
-            }
-          )
-        ] })
-      }
-    ),
-    (error || helperText) && /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        role: hasError ? "alert" : void 0,
-        "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-        className: utils_index.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    item.icon && /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: utils_index.cn(
-          "flex-shrink-0",
-          iconSizeStyles[size],
-          "[&>svg]:h-full [&>svg]:w-full"
-        ),
-        "aria-hidden": "true",
-        children: item.icon
-      }
-    ),
-    !collapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: item.label }),
-    !collapsed && item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: utils_index.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__ */ jsxRuntime.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: utils_index.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__ */ jsxRuntime.jsx(
-    LinkElement,
-    {
-      to: item.href,
-      onClick: handleClick,
-      "data-testid": testId,
-      className: utils_index.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 = React.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__ */ jsxRuntime.jsxs("div", { ref, role: "group", className: utils_index.cn("space-y-1", className), ...props, children: [
-      group.label && !collapsed && /* @__PURE__ */ jsxRuntime.jsx(
-        "h3",
-        {
-          className: utils_index.cn(
-            "px-3 py-2 text-xs font-semibold uppercase tracking-wider",
-            "text-primary-500 dark:text-primary-400"
-          ),
-          children: group.label
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": group.label || `Navigation group ${group.key}`, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: visibleItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-        SidebarItem,
-        {
-          item,
-          currentPath,
-          size,
-          collapsed,
-          LinkComponent,
-          onNavigate
-        }
-      ) }, item.key)) }) })
-    ] });
-  }
-);
-SidebarGroup.displayName = "SidebarGroup";
-const SidebarDivider = React.forwardRef(
-  ({ label, className, ...props }, ref) => {
-    if (label) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_index.cn("relative my-4", className), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "hr",
-          {
-            ref,
-            className: "w-full border-t border-primary-200 dark:border-primary-700",
-            ...props
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-white px-2 text-xs text-primary-500 dark:bg-primary-900 dark:text-primary-400", children: label }) })
-      ] });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "hr",
-      {
-        ref,
-        className: utils_index.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 = React.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) => {
-    React.useEffect(() => {
-      const handleEscape = (event) => {
-        if (event.key === "Escape" && isOpen) {
-          onClose?.();
-        }
-      };
-      document.addEventListener("keydown", handleEscape);
-      return () => document.removeEventListener("keydown", handleEscape);
-    }, [isOpen, onClose]);
-    React.useEffect(() => {
-      if (isOpen) {
-        document.body.style.overflow = "hidden";
-      } else {
-        document.body.style.overflow = "";
-      }
-      return () => {
-        document.body.style.overflow = "";
-      };
-    }, [isOpen]);
-    const handleNavigate = React.useCallback(
-      (href) => {
-        onNavigate?.(href);
-        onClose?.();
-      },
-      [onNavigate, onClose]
-    );
-    const handleOverlayClick = React.useCallback(() => {
-      onClose?.();
-    }, [onClose]);
-    const handleCollapseToggle = React.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      header && /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_index.cn("flex-shrink-0", collapsed && "px-2"), children: header }),
-      hasFeatured && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: navigation.featured?.map((group) => /* @__PURE__ */ jsxRuntime.jsx(
-        SidebarGroup,
-        {
-          group,
-          currentPath,
-          size,
-          collapsed,
-          LinkComponent,
-          onNavigate: handleNavigate
-        },
-        group.key
-      )) }) }),
-      hasPrimary && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto px-3 py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: navigation.primary?.map((group) => /* @__PURE__ */ jsxRuntime.jsx(
-        SidebarGroup,
-        {
-          group,
-          currentPath,
-          size,
-          collapsed,
-          LinkComponent,
-          onNavigate: handleNavigate
-        },
-        group.key
-      )) }) }),
-      hasPrimary && hasSecondary && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3", children: /* @__PURE__ */ jsxRuntime.jsx(SidebarDivider, {}) }),
-      hasSecondary && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: navigation.secondary?.map((group) => /* @__PURE__ */ jsxRuntime.jsx(
-        SidebarGroup,
-        {
-          group,
-          currentPath,
-          size,
-          collapsed,
-          LinkComponent,
-          onNavigate: handleNavigate
-        },
-        group.key
-      )) }) }),
-      !hasPrimary && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
-      (hasPrimary || hasSecondary) && hasBottom && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3", children: /* @__PURE__ */ jsxRuntime.jsx(SidebarDivider, {}) }),
-      hasBottom && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 px-3 py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: navigation.bottom?.map((group) => /* @__PURE__ */ jsxRuntime.jsx(
-        SidebarGroup,
-        {
-          group,
-          currentPath,
-          size,
-          collapsed,
-          LinkComponent,
-          onNavigate: handleNavigate
-        },
-        group.key
-      )) }) }),
-      footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_index.cn("flex-shrink-0", collapsed && "px-2"), children: footer }),
-      onCollapsedChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:block flex-shrink-0 border-t border-primary-200 dark:border-primary-700 p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleCollapseToggle,
-          className: utils_index.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__ */ jsxRuntime.jsx(
-            "svg",
-            {
-              className: utils_index.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__ */ jsxRuntime.jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M11 19l-7-7 7-7m8 14l-7-7 7-7"
-                }
-              )
-            }
-          )
-        }
-      ) })
-    ] });
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      showMobileOverlay && isOpen && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-        "aside",
-        {
-          ref,
-          className: utils_index.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__ */ jsxRuntime.jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) });
-const defaultIcons = {
-  success: /* @__PURE__ */ jsxRuntime.jsx(CheckCircleIcon, {}),
-  error: /* @__PURE__ */ jsxRuntime.jsx(XCircleIcon, {}),
-  warning: /* @__PURE__ */ jsxRuntime.jsx(ExclamationCircleIcon, {}),
-  info: /* @__PURE__ */ jsxRuntime.jsx(InformationCircleIcon, {})
-};
-const variantStyles = {
-  success: {
-    container: utils_index.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: utils_index.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: utils_index.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: utils_index.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 = React.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__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        role: "alert",
-        className: utils_index.cn(
-          "rounded-lg border p-4",
-          styles.container,
-          className
-        ),
-        "data-testid": testId,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start", children: [
-          displayIcon !== null && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: utils_index.cn("flex-shrink-0", styles.icon),
-              "aria-hidden": "true",
-              "data-testid": testId ? `${testId}-icon` : void 0,
-              children: displayIcon
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_index.cn("flex-1", displayIcon !== null && "ml-3"), children: [
-            title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: utils_index.cn("text-sm font-medium", styles.title), children: title }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_index.cn("text-sm", title && "mt-1"), children: message })
-          ] }),
-          onClose && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-3 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: onClose,
-              className: utils_index.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__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Dismiss" }),
-                /* @__PURE__ */ jsxRuntime.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 = React.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__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: utils_index.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: styles.text, children: initials }),
-          status && /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              role: "status",
-              className: utils_index.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 = React.useRef([]);
-  const digits = value.split("").slice(0, length);
-  while (digits.length < length) {
-    digits.push("");
-  }
-  const focusInput = React.useCallback((index) => {
-    const input = inputRefs.current[index];
-    if (input) {
-      input.focus();
-      input.select();
-    }
-  }, []);
-  const handleChange = React.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 = React.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 = React.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__ */ jsxRuntime.jsxs("div", { className: utils_index.cn("w-full", className), "data-testid": "otp-input", children: [
-    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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: utils_index.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__ */ jsxRuntime.jsx(
-      "p",
-      {
-        id: errorId,
-        role: "alert",
-        "aria-live": "assertive",
-        "data-testid": "otp-input-error",
-        className: utils_index.cn(
-          "mt-2 text-sm text-center",
-          "text-error dark:text-[#fca5a5]"
-        ),
-        children: error
-      }
-    )
-  ] });
-};
-function parseDate(value) {
-  if (!value) return void 0;
-  const [y, m, d2] = value.split("-").map(Number);
-  if (!y || !m || !d2) return void 0;
-  const date = new Date(y, m - 1, d2);
-  if (date.getFullYear() !== y || date.getMonth() !== m - 1 || date.getDate() !== d2) {
-    return void 0;
-  }
-  return date;
-}
-function formatDate(date) {
-  const y = date.getFullYear();
-  const m = String(date.getMonth() + 1).padStart(2, "0");
-  const d2 = String(date.getDate()).padStart(2, "0");
-  return `${y}-${m}-${d2}`;
-}
-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] = React.useState(false);
-  const containerRef = React.useRef(null);
-  const listRef = React.useRef(null);
-  const selectedOption = options?.find((o) => o.value === Number(value));
-  React.useEffect(() => {
-    if (!open) return;
-    const handleMouseDown = (e2) => {
-      if (!containerRef.current?.contains(e2.target)) {
-        setOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleMouseDown);
-    return () => document.removeEventListener("mousedown", handleMouseDown);
-  }, [open]);
-  React.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__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: utils_index.cn("relative", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("select", { ...rest, value, onChange, className: "sr-only", tabIndex: -1, children: options?.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value)) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen(!open),
-        "aria-label": ariaLabel,
-        "aria-expanded": open,
-        "aria-haspopup": "listbox",
-        className: utils_index.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__ */ jsxRuntime.jsx(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 20 20",
-              fill: "currentColor",
-              className: utils_index.cn("h-4 w-4 text-primary-500 transition-transform", open && "rotate-180"),
-              children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: listRef,
-        role: "listbox",
-        "aria-label": ariaLabel,
-        className: utils_index.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((o) => {
-          const isSelected = o.value === Number(value);
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              role: "option",
-              "aria-selected": isSelected,
-              "data-active": isSelected ? "true" : void 0,
-              disabled: o.disabled,
-              onClick: () => handleSelect(o.value),
-              className: utils_index.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",
-                !o.disabled && !isSelected && "hover:bg-primary-50 dark:hover:bg-primary-700",
-                o.disabled && "cursor-not-allowed opacity-40"
-              ),
-              children: o.label
-            },
-            o.value
-          );
-        })
-      }
-    )
-  ] });
-}
-const DateInput = React.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] = React.useState(false);
-    const [inputValue, setInputValue] = React.useState(value || "");
-    const [isEditing, setIsEditing] = React.useState(false);
-    const [month, setMonth] = React.useState(() => parseDate(value) || /* @__PURE__ */ new Date());
-    const containerRef = React.useRef(null);
-    const inputRef = React.useRef(null);
-    const panelRef = React.useRef(null);
-    const [panelPosition, setPanelPosition] = React.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 = React.useCallback(
-      (val) => {
-        if (!val) return "";
-        const d2 = parseDate(val);
-        if (!d2) return val;
-        if (formatDisplayValue) return formatDisplayValue(d2, locale);
-        if (locale) {
-          return d2.toLocaleDateString(locale.code, {
-            year: "numeric",
-            month: "short",
-            day: "numeric"
-          });
-        }
-        return val;
-      },
-      [formatDisplayValue, locale]
-    );
-    React.useEffect(() => {
-      if (!isEditing) {
-        setInputValue(getDisplayValue(value));
-      }
-    }, [value, isEditing, getDisplayValue]);
-    React.useEffect(() => {
-      const d2 = parseDate(value);
-      if (d2) setMonth(d2);
-    }, [value]);
-    const disabledMatcher = React.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 = React.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 = React.useCallback(() => {
-      if (disabled) return;
-      updatePosition();
-      setIsOpen(true);
-    }, [disabled, updatePosition]);
-    const closeCalendar = React.useCallback(() => {
-      setIsOpen(false);
-    }, []);
-    const toggleCalendar = React.useCallback(() => {
-      if (isOpen) {
-        closeCalendar();
-      } else {
-        openCalendar();
-      }
-    }, [isOpen, openCalendar, closeCalendar]);
-    React.useEffect(() => {
-      if (!isOpen) return;
-      const handleMouseDown = (e2) => {
-        const target = e2.target;
-        if (containerRef.current?.contains(target) || panelRef.current?.contains(target)) {
-          return;
-        }
-        closeCalendar();
-      };
-      document.addEventListener("mousedown", handleMouseDown);
-      return () => document.removeEventListener("mousedown", handleMouseDown);
-    }, [isOpen, closeCalendar]);
-    React.useEffect(() => {
-      if (!isOpen) return;
-      const handleKeyDown = (e2) => {
-        if (e2.key === "Escape") {
-          closeCalendar();
-          inputRef.current?.focus();
-        }
-      };
-      document.addEventListener("keydown", handleKeyDown);
-      return () => document.removeEventListener("keydown", handleKeyDown);
-    }, [isOpen, closeCalendar]);
-    const handleDaySelect = React.useCallback(
-      (date) => {
-        if (date) {
-          const formatted = formatDate(date);
-          onChange(formatted);
-          setInputValue(getDisplayValue(formatted));
-          setIsEditing(false);
-        }
-        closeCalendar();
-        inputRef.current?.focus();
-      },
-      [onChange, closeCalendar, getDisplayValue]
-    );
-    const handleInputChange = (e2) => {
-      const val = e2.target.value;
-      setIsEditing(true);
-      setInputValue(val);
-      if (val === "") {
-        onChange(null);
-      } else if (isValidDateString(val)) {
-        const d2 = parseDate(val);
-        if (!disabledMatcher(d2)) {
-          onChange(val);
-          setMonth(d2);
-        }
-      }
-    };
-    const handleInputBlur = () => {
-      setIsEditing(false);
-      setInputValue(getDisplayValue(value));
-    };
-    const handleInputKeyDown = (e2) => {
-      if (e2.key === "ArrowDown" && !isOpen) {
-        e2.preventDefault();
-        openCalendar();
-      }
-      if (e2.key === "Enter" && !isOpen) {
-        e2.preventDefault();
-        openCalendar();
-      }
-    };
-    const handleInputClick = () => {
-      if (!isOpen) {
-        openCalendar();
-      }
-    };
-    const handleClear = (e2) => {
-      e2.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 = React.useCallback(
-      (node) => {
-        inputRef.current = node;
-        if (typeof ref === "function") {
-          ref(node);
-        } else if (ref) {
-          ref.current = node;
-        }
-      },
-      [ref]
-    );
-    const defaultClassNames = style.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__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: containerRef,
-        className: utils_index.cn(fullWidth ? "w-full" : "w-auto"),
-        "data-testid": testId,
-        children: [
-          label && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "ml-1 text-error", children: "*" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxRuntime.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: utils_index.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__ */ jsxRuntime.jsxs("div", { className: "absolute inset-y-0 right-0 flex items-center gap-1 pr-3", children: [
-              allowClear && value && !disabled && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      viewBox: "0 0 20 20",
-                      fill: "currentColor",
-                      className: "h-4 w-4",
-                      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: toggleCalendar,
-                  tabIndex: -1,
-                  disabled,
-                  "aria-label": "Open calendar",
-                  "data-testid": testId ? `${testId}-toggle` : void 0,
-                  className: utils_index.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__ */ jsxRuntime.jsx(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      viewBox: "0 0 20 20",
-                      fill: "currentColor",
-                      className: "h-5 w-5",
-                      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-            "p",
-            {
-              id: errorId,
-              role: hasError ? "alert" : void 0,
-              "data-testid": testId ? hasError ? `${testId}-error` : `${testId}-helper-text` : void 0,
-              className: utils_index.cn(
-                "mt-1.5 text-sm",
-                hasError ? "text-error" : "text-primary-500 dark:text-primary-400"
-              ),
-              children: error || helperText
-            }
-          ),
-          isOpen && ReactDOM.createPortal(
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                  style.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__ */ jsxRuntime.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 = React.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((v) => v !== value));
-        } else {
-          onChange([...selected, value]);
-        }
-      } else {
-        onChange([value]);
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: utils_index.cn(fullWidth ? "w-full" : "w-auto", className),
-        ...props,
-        children: [
-          label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-2 block text-sm font-medium text-primary-700 dark:text-white", children: label }),
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                type: "button",
-                disabled,
-                "aria-pressed": isSelected,
-                onClick: () => handleClick(option.value),
-                className: utils_index.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 ? utils_index.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"
-                  ) : utils_index.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__ */ jsxRuntime.jsx(
-                    "svg",
-                    {
-                      className: checkmarkSize[size],
-                      fill: "currentColor",
-                      viewBox: "0 0 20 20",
-                      "aria-hidden": "true",
-                      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { children: option.label })
-                ]
-              },
-              option.value
-            );
-          }) })
-        ]
-      }
-    );
-  }
-);
-PillSelector.displayName = "PillSelector";
 exports.useDebounce = useSidebar.useDebounce;
 exports.useDebouncedCallback = useSidebar.useDebouncedCallback;
 exports.useDebouncedCallbackWithControl = useSidebar.useDebouncedCallbackWithControl;
@@ -4850,42 +9,4 @@ exports.useSelection = useSidebar.useSelection;
 exports.useSidebar = useSidebar.useSidebar;
 exports.useTable = useSidebar.useTable;
 exports.cn = utils_index.cn;
-exports.Alert = Alert;
-exports.Avatar = Avatar;
-exports.Badge = Badge;
-exports.Breadcrumbs = Breadcrumbs;
-exports.Button = Button;
-exports.Card = Card;
-exports.Checkbox = Checkbox;
-exports.Combobox = Combobox;
-exports.ConfirmDialog = ConfirmDialog;
-exports.DateInput = DateInput;
-exports.Drawer = Drawer;
-exports.EmptyState = EmptyState;
-exports.Input = Input;
-exports.Modal = Modal;
-exports.MultiSelect = MultiSelect;
-exports.OTPInput = OTPInput;
-exports.Pagination = Pagination;
-exports.PasswordInput = PasswordInput;
-exports.PillSelector = PillSelector;
-exports.Radio = Radio;
-exports.RadioGroup = RadioGroup;
-exports.Select = Select;
-exports.Sidebar = Sidebar;
-exports.SidebarDivider = SidebarDivider;
-exports.SidebarGroup = SidebarGroup;
-exports.SidebarItem = SidebarItem;
-exports.Skeleton = Skeleton;
-exports.Spinner = Spinner;
-exports.TabContentPanels = TabContentPanels;
-exports.Table = Table;
-exports.TableBody = TableBody;
-exports.TableCell = TableCell;
-exports.TableHead = TableHead;
-exports.TableHeader = TableHeader;
-exports.TableRow = TableRow;
-exports.Tabs = Tabs;
-exports.Textarea = Textarea;
-exports.Toggle = Toggle;
 //# sourceMappingURL=index.cjs.map