@andreagiugni/tailwind-dashboard-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,2816 @@
+"use client";
+export { BarChart } from './chunk-HZQZC5CK.js';
+export { LineChart } from './chunk-MEU4PMP5.js';
+export { Calendar, Modal } from './chunk-7OWZKV75.js';
+export { CountryMap } from './chunk-R66LONPQ.js';
+export { Editor } from './chunk-4OETC46A.js';
+import { cn } from './chunk-ZLIYUUA4.js';
+export { cn } from './chunk-ZLIYUUA4.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React5, { useRef, useEffect, useState, useMemo, useCallback, useId } from 'react';
+import flatpickr from 'flatpickr';
+import 'flatpickr/dist/flatpickr.css';
+
+// src/lib/styleOverride.ts
+function styleOverride({
+  bgColor,
+  textColor,
+  borderColor
+}) {
+  const style = {};
+  if (bgColor !== void 0) style.backgroundColor = bgColor;
+  if (textColor !== void 0) style.color = textColor;
+  if (borderColor !== void 0) style.borderColor = borderColor;
+  return style;
+}
+var sizeClasses = {
+  sm: "px-4 py-3 text-sm",
+  md: "px-5 py-3.5 text-sm"
+};
+var variantClasses = {
+  primary: "bg-brand-500 text-white shadow-theme-xs hover:bg-brand-600 disabled:bg-brand-300",
+  outline: "bg-white text-gray-700 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-400 dark:ring-gray-700 dark:hover:bg-white/[0.03] dark:hover:text-gray-300"
+};
+var Button = ({
+  children,
+  size = "md",
+  variant = "primary",
+  startIcon,
+  endIcon,
+  className,
+  disabled = false,
+  bgColor,
+  textColor,
+  borderColor,
+  style,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: cn(
+        "inline-flex items-center justify-center font-medium gap-2 rounded-lg transition",
+        sizeClasses[size],
+        variantClasses[variant],
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      disabled,
+      style: { ...styleOverride({ bgColor, textColor, borderColor }), ...style },
+      ...rest,
+      children: [
+        startIcon && /* @__PURE__ */ jsx("span", { className: "flex items-center", children: startIcon }),
+        children,
+        endIcon && /* @__PURE__ */ jsx("span", { className: "flex items-center", children: endIcon })
+      ]
+    }
+  );
+};
+var sizeStyles = {
+  sm: "text-theme-xs",
+  md: "text-sm"
+};
+var variants = {
+  light: {
+    primary: "bg-brand-50 text-brand-500 dark:bg-brand-500/15 dark:text-brand-400",
+    success: "bg-success-50 text-success-600 dark:bg-success-500/15 dark:text-success-500",
+    error: "bg-error-50 text-error-600 dark:bg-error-500/15 dark:text-error-500",
+    warning: "bg-warning-50 text-warning-600 dark:bg-warning-500/15 dark:text-orange-400",
+    info: "bg-blue-light-50 text-blue-light-500 dark:bg-blue-light-500/15 dark:text-blue-light-500",
+    light: "bg-gray-100 text-gray-700 dark:bg-white/5 dark:text-white/80",
+    dark: "bg-gray-500 text-white dark:bg-white/5 dark:text-white"
+  },
+  solid: {
+    primary: "bg-brand-500 text-white dark:text-white",
+    success: "bg-success-500 text-white dark:text-white",
+    error: "bg-error-500 text-white dark:text-white",
+    warning: "bg-warning-500 text-white dark:text-white",
+    info: "bg-blue-light-500 text-white dark:text-white",
+    light: "bg-gray-400 dark:bg-white/5 text-white dark:text-white/80",
+    dark: "bg-gray-700 text-white dark:text-white"
+  }
+};
+var Badge = ({
+  variant = "light",
+  color = "primary",
+  size = "md",
+  startIcon,
+  endIcon,
+  children,
+  className,
+  bgColor,
+  textColor,
+  borderColor,
+  style,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center px-2.5 py-0.5 justify-center gap-1 rounded-full font-medium",
+        sizeStyles[size],
+        variants[variant][color],
+        className
+      ),
+      style: { ...styleOverride({ bgColor, textColor, borderColor }), ...style },
+      ...rest,
+      children: [
+        startIcon && /* @__PURE__ */ jsx("span", { className: "flex items-center", children: startIcon }),
+        children,
+        endIcon && /* @__PURE__ */ jsx("span", { className: "flex items-center", children: endIcon })
+      ]
+    }
+  );
+};
+var colorClasses = {
+  primary: "bg-brand-500 text-white",
+  success: "bg-success-500 text-white",
+  error: "bg-error-500 text-white",
+  warning: "bg-warning-500 text-white",
+  info: "bg-blue-light-500 text-white",
+  dark: "bg-gray-800 text-white dark:bg-gray-700"
+};
+var cornerClasses = {
+  "top-left": "left-[-36px] top-[16px] w-[130px] -rotate-45",
+  "top-right": "right-[-36px] top-[16px] w-[130px] rotate-45",
+  "bottom-left": "bottom-[16px] left-[-36px] w-[130px] rotate-45",
+  "bottom-right": "bottom-[16px] right-[-36px] w-[130px] -rotate-45"
+};
+var roundedClasses = {
+  "top-left": "left-0 top-0 rounded-tl-xl rounded-br-lg",
+  "top-right": "right-0 top-0 rounded-tr-xl rounded-bl-lg",
+  "bottom-left": "bottom-0 left-0 rounded-bl-xl rounded-tr-lg",
+  "bottom-right": "bottom-0 right-0 rounded-br-xl rounded-tl-lg"
+};
+var flagClasses = {
+  "top-left": "left-0 top-4 rounded-r-sm pl-3 pr-5",
+  "bottom-left": "bottom-4 left-0 rounded-r-sm pl-3 pr-5",
+  "top-right": "right-0 top-4 rounded-l-sm pl-5 pr-3",
+  "bottom-right": "bottom-4 right-0 rounded-l-sm pl-5 pr-3"
+};
+var flagClipPath = {
+  "top-left": "polygon(0 0, 100% 0, calc(100% - 9px) 50%, 100% 100%, 0 100%)",
+  "bottom-left": "polygon(0 0, 100% 0, calc(100% - 9px) 50%, 100% 100%, 0 100%)",
+  "top-right": "polygon(0 0, 100% 0, 100% 100%, 0 100%, 9px 50%)",
+  "bottom-right": "polygon(0 0, 100% 0, 100% 100%, 0 100%, 9px 50%)"
+};
+var Ribbon = ({
+  variant = "corner",
+  color = "primary",
+  position = "top-right",
+  children,
+  className,
+  bgColor,
+  textColor,
+  borderColor,
+  style,
+  ...rest
+}) => {
+  const variantClass = variant === "corner" ? cornerClasses[position] : variant === "rounded" ? roundedClasses[position] : flagClasses[position];
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "absolute z-10 inline-flex items-center justify-center whitespace-nowrap py-1 text-center text-theme-xs font-semibold shadow-theme-xs",
+        variant === "corner" && "px-10",
+        variant === "rounded" && "px-3",
+        colorClasses[color],
+        variantClass,
+        className
+      ),
+      style: {
+        ...variant === "flag" ? { clipPath: flagClipPath[position] } : void 0,
+        ...styleOverride({ bgColor, textColor, borderColor }),
+        ...style
+      },
+      ...rest,
+      children
+    }
+  );
+};
+var alertIcons = {
+  success: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "fill-current",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M3.70186 12.0001C3.70186 7.41711 7.41711 3.70186 12.0001 3.70186C16.5831 3.70186 20.2984 7.41711 20.2984 12.0001C20.2984 16.5831 16.5831 20.2984 12.0001 20.2984C7.41711 20.2984 3.70186 16.5831 3.70186 12.0001ZM12.0001 1.90186C6.423 1.90186 1.90186 6.423 1.90186 12.0001C1.90186 17.5772 6.423 22.0984 12.0001 22.0984C17.5772 22.0984 22.0984 17.5772 22.0984 12.0001C22.0984 6.423 17.5772 1.90186 12.0001 1.90186ZM15.6197 10.7395C15.9712 10.388 15.9712 9.81819 15.6197 9.46672C15.2683 9.11525 14.6984 9.11525 14.347 9.46672L11.1894 12.6243L9.6533 11.0883C9.30183 10.7368 8.73198 10.7368 8.38051 11.0883C8.02904 11.4397 8.02904 12.0096 8.38051 12.3611L10.553 14.5335C10.7217 14.7023 10.9507 14.7971 11.1894 14.7971C11.428 14.7971 11.657 14.7023 11.8257 14.5335L15.6197 10.7395Z"
+        }
+      )
+    }
+  ),
+  error: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "fill-current",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M20.3499 12.0004C20.3499 16.612 16.6115 20.3504 11.9999 20.3504C7.38832 20.3504 3.6499 16.612 3.6499 12.0004C3.6499 7.38881 7.38833 3.65039 11.9999 3.65039C16.6115 3.65039 20.3499 7.38881 20.3499 12.0004ZM11.9999 22.1504C17.6056 22.1504 22.1499 17.6061 22.1499 12.0004C22.1499 6.3947 17.6056 1.85039 11.9999 1.85039C6.39421 1.85039 1.8499 6.3947 1.8499 12.0004C1.8499 17.6061 6.39421 22.1504 11.9999 22.1504ZM13.0008 16.4753C13.0008 15.923 12.5531 15.4753 12.0008 15.4753L11.9998 15.4753C11.4475 15.4753 10.9998 15.923 10.9998 16.4753C10.9998 17.0276 11.4475 17.4753 11.9998 17.4753L12.0008 17.4753C12.5531 17.4753 13.0008 17.0276 13.0008 16.4753ZM11.9998 6.62898C12.414 6.62898 12.7498 6.96476 12.7498 7.37898L12.7498 13.0555C12.7498 13.4697 12.414 13.8055 11.9998 13.8055C11.5856 13.8055 11.2498 13.4697 11.2498 13.0555L11.2498 7.37898C11.2498 6.96476 11.5856 6.62898 11.9998 6.62898Z",
+          fill: "#F04438"
+        }
+      )
+    }
+  ),
+  warning: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "fill-current",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M3.6501 12.0001C3.6501 7.38852 7.38852 3.6501 12.0001 3.6501C16.6117 3.6501 20.3501 7.38852 20.3501 12.0001C20.3501 16.6117 16.6117 20.3501 12.0001 20.3501C7.38852 20.3501 3.6501 16.6117 3.6501 12.0001ZM12.0001 1.8501C6.39441 1.8501 1.8501 6.39441 1.8501 12.0001C1.8501 17.6058 6.39441 22.1501 12.0001 22.1501C17.6058 22.1501 22.1501 17.6058 22.1501 12.0001C22.1501 6.39441 17.6058 1.8501 12.0001 1.8501ZM10.9992 7.52517C10.9992 8.07746 11.4469 8.52517 11.9992 8.52517H12.0002C12.5525 8.52517 13.0002 8.07746 13.0002 7.52517C13.0002 6.97289 12.5525 6.52517 12.0002 6.52517H11.9992C11.4469 6.52517 10.9992 6.97289 10.9992 7.52517ZM12.0002 17.3715C11.586 17.3715 11.2502 17.0357 11.2502 16.6215V10.945C11.2502 10.5308 11.586 10.195 12.0002 10.195C12.4144 10.195 12.7502 10.5308 12.7502 10.945V16.6215C12.7502 17.0357 12.4144 17.3715 12.0002 17.3715Z",
+          fill: ""
+        }
+      )
+    }
+  ),
+  info: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "fill-current",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M3.6501 11.9996C3.6501 7.38803 7.38852 3.64961 12.0001 3.64961C16.6117 3.64961 20.3501 7.38803 20.3501 11.9996C20.3501 16.6112 16.6117 20.3496 12.0001 20.3496C7.38852 20.3496 3.6501 16.6112 3.6501 11.9996ZM12.0001 1.84961C6.39441 1.84961 1.8501 6.39392 1.8501 11.9996C1.8501 17.6053 6.39441 22.1496 12.0001 22.1496C17.6058 22.1496 22.1501 17.6053 22.1501 11.9996C22.1501 6.39392 17.6058 1.84961 12.0001 1.84961ZM10.9992 7.52468C10.9992 8.07697 11.4469 8.52468 11.9992 8.52468H12.0002C12.5525 8.52468 13.0002 8.07697 13.0002 7.52468C13.0002 6.9724 12.5525 6.52468 12.0002 6.52468H11.9992C11.4469 6.52468 10.9992 6.9724 10.9992 7.52468ZM12.0002 17.371C11.586 17.371 11.2502 17.0352 11.2502 16.621V10.9445C11.2502 10.5303 11.586 10.1945 12.0002 10.1945C12.4144 10.1945 12.7502 10.5303 12.7502 10.9445V16.621C12.7502 17.0352 12.4144 17.371 12.0002 17.371Z",
+          fill: ""
+        }
+      )
+    }
+  )
+};
+var variantClasses2 = {
+  success: {
+    container: "border-success-500 bg-success-50 dark:border-success-500/30 dark:bg-success-500/15",
+    icon: "text-success-500"
+  },
+  error: {
+    container: "border-error-500 bg-error-50 dark:border-error-500/30 dark:bg-error-500/15",
+    icon: "text-error-500"
+  },
+  warning: {
+    container: "border-warning-500 bg-warning-50 dark:border-warning-500/30 dark:bg-warning-500/15",
+    icon: "text-warning-500"
+  },
+  info: {
+    container: "border-blue-light-500 bg-blue-light-50 dark:border-blue-light-500/30 dark:bg-blue-light-500/15",
+    icon: "text-blue-light-500"
+  }
+};
+var Alert = ({
+  variant,
+  title,
+  message,
+  showLink = false,
+  linkHref = "#",
+  linkText = "Learn more",
+  icon,
+  className,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("rounded-xl border p-4", variantClasses2[variant].container, className),
+      ...rest,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: cn("-mt-0.5", variantClasses2[variant].icon), children: icon ?? alertIcons[variant] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h4", { className: "mb-1 text-sm font-semibold text-gray-800 dark:text-white/90", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: message }),
+          showLink && /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: linkHref,
+              className: "inline-block mt-3 text-sm font-medium text-gray-500 underline dark:text-gray-400",
+              children: linkText
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+var sizeClasses2 = {
+  xsmall: "h-6 w-6 max-w-6",
+  small: "h-8 w-8 max-w-8",
+  medium: "h-10 w-10 max-w-10",
+  large: "h-12 w-12 max-w-12",
+  xlarge: "h-14 w-14 max-w-14",
+  xxlarge: "h-16 w-16 max-w-16"
+};
+var statusSizeClasses = {
+  xsmall: "h-1.5 w-1.5 max-w-1.5",
+  small: "h-2 w-2 max-w-2",
+  medium: "h-2.5 w-2.5 max-w-2.5",
+  large: "h-3 w-3 max-w-3",
+  xlarge: "h-3.5 w-3.5 max-w-3.5",
+  xxlarge: "h-4 w-4 max-w-4"
+};
+var statusColorClasses = {
+  online: "bg-success-500",
+  offline: "bg-error-400",
+  busy: "bg-warning-500"
+};
+var Avatar = ({
+  src,
+  alt = "User Avatar",
+  size = "medium",
+  status = "none",
+  statusColor,
+  className,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative rounded-full", sizeClasses2[size], className), children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt,
+        className: "object-cover w-full rounded-full",
+        ...rest
+      }
+    ),
+    status !== "none" && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "absolute bottom-0 right-0 rounded-full border-[1.5px] border-white dark:border-gray-900",
+          statusSizeClasses[size],
+          !statusColor && statusColorClasses[status]
+        ),
+        style: statusColor ? { backgroundColor: statusColor } : void 0
+      }
+    )
+  ] });
+};
+var AvatarText = ({
+  name,
+  className,
+  ...rest
+}) => {
+  const initials = name.split(" ").map((word) => word[0]).join("").toUpperCase().slice(0, 2);
+  const getColorClass = (name2) => {
+    const colors = [
+      "bg-brand-100 text-brand-600",
+      "bg-pink-100 text-pink-600",
+      "bg-cyan-100 text-cyan-600",
+      "bg-orange-100 text-orange-600",
+      "bg-green-100 text-green-600",
+      "bg-purple-100 text-purple-600",
+      "bg-yellow-100 text-yellow-600",
+      "bg-error-100 text-error-600"
+    ];
+    const index = name2.split("").reduce((acc, char) => acc + char.charCodeAt(0), 0);
+    return colors[index % colors.length];
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex h-10 w-10 items-center justify-center rounded-full",
+        getColorClass(name),
+        className
+      ),
+      ...rest,
+      children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: initials })
+    }
+  );
+};
+var Dropdown = ({
+  isOpen,
+  onClose,
+  children,
+  className,
+  ...rest
+}) => {
+  const dropdownRef = useRef(null);
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target) && !event.target.closest(".dropdown-toggle")) {
+        onClose();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [onClose]);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: dropdownRef,
+      className: cn(
+        "absolute z-40 right-0 mt-2 rounded-xl border border-gray-200 bg-white shadow-theme-lg dark:border-gray-800 dark:bg-gray-dark",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+var variantBase = "flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm font-medium transition";
+var variantClasses3 = {
+  default: "text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-white/5 dark:hover:text-white",
+  primary: "bg-brand-500 text-white shadow-theme-xs hover:bg-brand-600",
+  outline: "text-gray-700 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 dark:text-gray-400 dark:ring-gray-700 dark:hover:bg-white/[0.03] dark:hover:text-gray-300"
+};
+var DropdownItem = ({
+  tag = "button",
+  href,
+  onClick,
+  onItemClick,
+  variant = "default",
+  baseClassName,
+  className,
+  bgColor,
+  textColor,
+  borderColor,
+  children
+}) => {
+  const combinedClasses = baseClassName != null ? cn(baseClassName, className) : cn(variantBase, variantClasses3[variant], className);
+  const style = styleOverride({ bgColor, textColor, borderColor });
+  const handleClick = (event) => {
+    if (tag === "button") {
+      event.preventDefault();
+    }
+    if (onClick) onClick();
+    if (onItemClick) onItemClick();
+  };
+  if (tag === "a" && href) {
+    return /* @__PURE__ */ jsx("a", { href, className: combinedClasses, style, onClick: handleClick, children });
+  }
+  return /* @__PURE__ */ jsx("button", { onClick: handleClick, className: combinedClasses, style, children });
+};
+var Dropzone = ({
+  onDrop,
+  accept,
+  multiple = true,
+  title,
+  description = "Drag and drop your PNG, JPG, WebP, SVG images here or browse",
+  browseLabel = "Browse File",
+  className
+}) => {
+  const inputRef = useRef(null);
+  const [isDragActive, setIsDragActive] = useState(false);
+  const handleFiles = (list) => {
+    if (list && list.length) onDrop?.(Array.from(list));
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "cursor-pointer rounded-xl border border-dashed border-gray-300 transition hover:border-brand-500 dark:border-gray-700 dark:hover:border-brand-500",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          onClick: () => inputRef.current?.click(),
+          onDragOver: (e) => {
+            e.preventDefault();
+            setIsDragActive(true);
+          },
+          onDragLeave: (e) => {
+            e.preventDefault();
+            setIsDragActive(false);
+          },
+          onDrop: (e) => {
+            e.preventDefault();
+            setIsDragActive(false);
+            handleFiles(e.dataTransfer.files);
+          },
+          className: cn(
+            "rounded-xl border-dashed p-7 lg:p-10",
+            isDragActive ? "border-brand-500 bg-gray-100 dark:bg-gray-800" : "border-gray-300 bg-gray-50 dark:border-gray-700 dark:bg-gray-900"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: inputRef,
+                type: "file",
+                accept,
+                multiple,
+                className: "hidden",
+                onChange: (e) => handleFiles(e.target.files)
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ jsx("div", { className: "mb-[22px] flex justify-center", children: /* @__PURE__ */ jsx("div", { className: "flex h-[68px] w-[68px] items-center justify-center rounded-full bg-gray-200 text-gray-700 dark:bg-gray-800 dark:text-gray-400", children: /* @__PURE__ */ jsx("svg", { className: "fill-current", width: "29", height: "28", viewBox: "0 0 29 28", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  clipRule: "evenodd",
+                  d: "M14.5019 3.91699C14.2852 3.91699 14.0899 4.00891 13.953 4.15589L8.57363 9.53186C8.28065 9.82466 8.2805 10.2995 8.5733 10.5925C8.8661 10.8855 9.34097 10.8857 9.63396 10.5929L13.7519 6.47752V18.667C13.7519 19.0812 14.0877 19.417 14.5019 19.417C14.9161 19.417 15.2519 19.0812 15.2519 18.667V6.48234L19.3653 10.5929C19.6583 10.8857 20.1332 10.8855 20.426 10.5925C20.7188 10.2995 20.7186 9.82463 20.4256 9.53184L15.0838 4.19378C14.9463 4.02488 14.7367 3.91699 14.5019 3.91699ZM5.91626 18.667C5.91626 18.2528 5.58047 17.917 5.16626 17.917C4.75205 17.917 4.41626 18.2528 4.41626 18.667V21.8337C4.41626 23.0763 5.42362 24.0837 6.66626 24.0837H22.3339C23.5766 24.0837 24.5839 23.0763 24.5839 21.8337V18.667C24.5839 18.2528 24.2482 17.917 23.8339 17.917C23.4197 17.917 23.0839 18.2528 23.0839 18.667V21.8337C23.0839 22.2479 22.7482 22.5837 22.3339 22.5837H6.66626C6.25205 22.5837 5.91626 22.2479 5.91626 21.8337V18.667Z"
+                }
+              ) }) }) }),
+              /* @__PURE__ */ jsx("h4", { className: "mb-3 text-theme-xl font-semibold text-gray-800 dark:text-white/90", children: title ?? (isDragActive ? "Drop Files Here" : "Drag & Drop Files Here") }),
+              /* @__PURE__ */ jsx("span", { className: "mb-5 block w-full max-w-[290px] text-center text-sm text-gray-700 dark:text-gray-400", children: description }),
+              /* @__PURE__ */ jsx("span", { className: "text-theme-sm font-medium text-brand-500 underline", children: browseLabel })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+var Table = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("table", { className: cn("min-w-full", className), ...rest, children });
+var TableHeader = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("thead", { className, ...rest, children });
+var TableBody = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("tbody", { className, ...rest, children });
+var TableRow = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("tr", { className, ...rest, children });
+var TableCell = ({
+  children,
+  isHeader = false,
+  className,
+  ...rest
+}) => {
+  const Tag = isHeader ? "th" : "td";
+  return /* @__PURE__ */ jsx(Tag, { className, ...rest, children });
+};
+var Pagination = ({
+  currentPage,
+  totalPages,
+  onPageChange
+}) => {
+  const pagesAroundCurrent = Array.from(
+    { length: Math.min(3, totalPages) },
+    (_, i) => i + Math.max(currentPage - 1, 1)
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center ", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => onPageChange(currentPage - 1),
+        disabled: currentPage === 1,
+        "aria-label": "Previous",
+        className: cn(
+          "mr-2.5 flex items-center h-10 justify-center rounded-lg border border-gray-300 bg-white px-3.5 py-2.5 text-gray-700 shadow-theme-xs hover:bg-gray-50 disabled:opacity-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03] text-sm"
+        ),
+        children: "Previous"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      currentPage > 3 && /* @__PURE__ */ jsx("span", { className: "px-2", children: "..." }),
+      pagesAroundCurrent.map((page) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => onPageChange(page),
+          "aria-current": currentPage === page ? "page" : void 0,
+          className: cn(
+            "flex w-10 items-center justify-center h-10 rounded-lg text-sm font-medium",
+            currentPage === page ? (
+              // active page keeps its color on hover (no hover restyle)
+              "bg-brand-500 text-white"
+            ) : (
+              // hover effect applies only to non-active page indices
+              "text-gray-700 hover:bg-blue-500/[0.08] hover:text-brand-500 dark:text-gray-400 dark:hover:text-brand-500"
+            )
+          ),
+          children: page
+        },
+        page
+      )),
+      currentPage < totalPages - 2 && /* @__PURE__ */ jsx("span", { className: "px-2", children: "..." })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => onPageChange(currentPage + 1),
+        disabled: currentPage === totalPages,
+        "aria-label": "Next",
+        className: cn(
+          "ml-2.5 flex items-center justify-center rounded-lg border border-gray-300 bg-white px-3.5 py-2.5 text-gray-700 shadow-theme-xs text-sm hover:bg-gray-50 h-10 disabled:opacity-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03]"
+        ),
+        children: "Next"
+      }
+    )
+  ] });
+};
+var Input = ({
+  className,
+  disabled = false,
+  success = false,
+  error = false,
+  hint,
+  bgColor,
+  textColor,
+  borderColor,
+  style,
+  ...rest
+}) => {
+  const stateClass = disabled ? "text-gray-500 border-gray-300 cursor-not-allowed dark:bg-gray-800 dark:text-gray-400 dark:border-gray-700" : error ? "text-error-800 border-error-500 focus:ring-3 focus:ring-error-500/10 dark:text-error-400 dark:border-error-500" : success ? "text-success-500 border-success-400 focus:ring-success-500/10 focus:border-success-300 dark:text-success-400 dark:border-success-500" : "bg-transparent text-gray-800 border-gray-300 focus:border-brand-300 focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:focus:border-brand-800";
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        disabled,
+        className: cn(
+          "h-11 w-full rounded-lg border appearance-none px-4 py-2.5 text-sm shadow-theme-xs placeholder:text-gray-400 focus:outline-hidden focus:ring-3 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800",
+          stateClass,
+          className
+        ),
+        style: { ...styleOverride({ bgColor, textColor, borderColor }), ...style },
+        ...rest
+      }
+    ),
+    hint && /* @__PURE__ */ jsx("p", { className: cn("mt-1.5 text-xs", error ? "text-error-500" : success ? "text-success-500" : "text-gray-500"), children: hint })
+  ] });
+};
+var alignClass = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+};
+function SortIcon({
+  active,
+  direction
+}) {
+  const on = "text-brand-500";
+  const off = "text-gray-400 dark:text-gray-600";
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex flex-col leading-none", children: [
+    /* @__PURE__ */ jsx("svg", { width: "10", height: "6", viewBox: "0 0 10 6", fill: "currentColor", "aria-hidden": "true", className: active && direction === "asc" ? on : off, children: /* @__PURE__ */ jsx("path", { d: "M5 0 9 5H1z" }) }),
+    /* @__PURE__ */ jsx("svg", { width: "10", height: "6", viewBox: "0 0 10 6", fill: "currentColor", "aria-hidden": "true", className: active && direction === "desc" ? on : off, children: /* @__PURE__ */ jsx("path", { d: "M5 6 1 1h8z" }) })
+  ] });
+}
+function DataTable({
+  data,
+  columns,
+  rowsPerPage = 10,
+  rowsPerPageOptions = [5, 10, 25, 50],
+  pagination = true,
+  showSizeSelector = true,
+  searchable = true,
+  searchPlaceholder = "Search...",
+  searchKeys,
+  defaultSortKey,
+  defaultSortDirection = "asc",
+  getRowId,
+  onRowClick,
+  emptyContent = "No matching records",
+  className
+}) {
+  const [search, setSearch] = useState("");
+  const [pageSize, setPageSize] = useState(rowsPerPage);
+  const [sortKey, setSortKey] = useState(defaultSortKey);
+  const [sortDir, setSortDir] = useState(defaultSortDirection);
+  const [page, setPage] = useState(1);
+  const filtered = useMemo(() => {
+    const keys = searchKeys ?? columns.map((c) => c.key);
+    const q = search.trim().toLowerCase();
+    let rows = data;
+    if (searchable && q) {
+      rows = rows.filter(
+        (row) => keys.some((k) => String(row[k] ?? "").toLowerCase().includes(q))
+      );
+    }
+    if (sortKey) {
+      rows = [...rows].sort((a, b) => {
+        const av = a[sortKey];
+        const bv = b[sortKey];
+        const cmp = typeof av === "number" && typeof bv === "number" ? av - bv : String(av ?? "").localeCompare(String(bv ?? ""));
+        return sortDir === "asc" ? cmp : -cmp;
+      });
+    }
+    return rows;
+  }, [data, columns, search, searchable, searchKeys, sortKey, sortDir]);
+  const total = filtered.length;
+  const totalPages = pagination ? Math.max(1, Math.ceil(total / pageSize)) : 1;
+  const current = Math.min(page, totalPages);
+  const start = pagination ? (current - 1) * pageSize : 0;
+  const pageRows = pagination ? filtered.slice(start, start + pageSize) : filtered;
+  const toggleSort = (col) => {
+    if (!col.sortable) return;
+    if (sortKey === col.key) setSortDir((d) => d === "asc" ? "desc" : "asc");
+    else {
+      setSortKey(col.key);
+      setSortDir("asc");
+    }
+    setPage(1);
+  };
+  const sizeOptions = rowsPerPageOptions.length ? rowsPerPageOptions : [];
+  const showSelector = pagination && showSizeSelector && sizeOptions.length > 1;
+  const showControls = searchable || showSelector;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-xl border border-gray-200 bg-white dark:border-white/[0.05] dark:bg-white/[0.03]",
+        className
+      ),
+      children: [
+        showControls && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 p-4", children: [
+          showSelector ? /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400", children: [
+            "Show",
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                "aria-label": "Rows per page",
+                value: pageSize,
+                onChange: (e) => {
+                  setPageSize(Number(e.target.value));
+                  setPage(1);
+                },
+                className: "rounded-lg border border-gray-200 bg-transparent px-2 py-1.5 text-sm text-gray-700 dark:border-white/[0.08] dark:text-white/90",
+                children: sizeOptions.map((n) => /* @__PURE__ */ jsx("option", { value: n, children: n }, n))
+              }
+            ),
+            "entries"
+          ] }) : /* @__PURE__ */ jsx("span", {}),
+          searchable && /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "search",
+              "aria-label": "Search",
+              placeholder: searchPlaceholder,
+              value: search,
+              onChange: (e) => {
+                setSearch(e.target.value);
+                setPage(1);
+              },
+              className: "max-w-[220px]"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "overflow-x-auto border-y border-gray-100 dark:border-white/[0.05]", children: /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(TableHeader, { className: "border-b border-gray-100 bg-gray-50 dark:border-white/[0.05] dark:bg-white/[0.06]", children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => {
+            const isActive = sortKey === col.key;
+            return /* @__PURE__ */ jsx(
+              TableCell,
+              {
+                isHeader: true,
+                className: cn(
+                  "whitespace-nowrap px-5 py-3 text-xs font-semibold text-gray-700 dark:text-gray-300",
+                  alignClass[col.align ?? "left"],
+                  col.className
+                ),
+                children: col.sortable ? /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => toggleSort(col),
+                    "aria-label": `Sort by ${typeof col.header === "string" ? col.header : col.key}`,
+                    className: "inline-flex select-none items-center gap-1.5 hover:text-gray-900 dark:hover:text-white",
+                    children: [
+                      col.header,
+                      /* @__PURE__ */ jsx(SortIcon, { active: isActive, direction: isActive ? sortDir : "asc" })
+                    ]
+                  }
+                ) : col.header
+              },
+              col.key
+            );
+          }) }) }),
+          /* @__PURE__ */ jsxs(TableBody, { className: "divide-y divide-gray-100 dark:divide-white/[0.05]", children: [
+            pageRows.map((row, i) => {
+              const index = start + i;
+              const id = getRowId ? getRowId(row, index) : index;
+              return /* @__PURE__ */ jsx(
+                TableRow,
+                {
+                  onClick: onRowClick ? () => onRowClick(row, index) : void 0,
+                  className: cn(onRowClick && "cursor-pointer hover:bg-gray-50 dark:hover:bg-white/[0.03]"),
+                  children: columns.map((col) => /* @__PURE__ */ jsx(
+                    TableCell,
+                    {
+                      className: cn(
+                        "whitespace-nowrap px-5 py-3.5 text-sm text-gray-700 dark:text-gray-300",
+                        alignClass[col.align ?? "left"],
+                        col.className
+                      ),
+                      children: col.render ? col.render(row, index) : String(row[col.key] ?? "")
+                    },
+                    col.key
+                  ))
+                },
+                id
+              );
+            }),
+            pageRows.length === 0 && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: columns.length, className: "px-5 py-6 text-center text-sm text-gray-400", children: emptyContent }) })
+          ] })
+        ] }) }),
+        pagination && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 p-4", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: total === 0 ? "Showing 0 entries" : `Showing ${start + 1} to ${Math.min(start + pageSize, total)} of ${total} entries` }),
+          totalPages > 1 && /* @__PURE__ */ jsx(Pagination, { currentPage: current, totalPages, onPageChange: setPage })
+        ] })
+      ]
+    }
+  );
+}
+var ChevronIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className: "stroke-current",
+    width: "17",
+    height: "16",
+    viewBox: "0 0 17 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M6.0765 12.667L10.2432 8.50033L6.0765 4.33366",
+        stroke: "",
+        strokeWidth: "1.2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var Breadcrumb = ({ pageTitle, items }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 mb-6", children: [
+    /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "text-xl font-semibold text-gray-800 dark:text-white/90",
+        "x-text": "pageName",
+        children: pageTitle
+      }
+    ),
+    /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsxs("ol", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+        "a",
+        {
+          className: "inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400",
+          href: "/",
+          children: [
+            "Home",
+            /* @__PURE__ */ jsx(ChevronIcon, {})
+          ]
+        }
+      ) }),
+      items?.map((item, index) => /* @__PURE__ */ jsx("li", { children: item.href ? /* @__PURE__ */ jsxs(
+        "a",
+        {
+          className: "inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400",
+          href: item.href,
+          children: [
+            item.label,
+            /* @__PURE__ */ jsx(ChevronIcon, {})
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", children: [
+        item.label,
+        /* @__PURE__ */ jsx(ChevronIcon, {})
+      ] }) }, index)),
+      /* @__PURE__ */ jsx("li", { className: "text-sm text-gray-800 dark:text-white/90", children: pageTitle })
+    ] }) })
+  ] });
+};
+var ThemeToggleButton = ({
+  theme,
+  onToggle,
+  className,
+  onClick,
+  ...rest
+}) => {
+  const [internalTheme, setInternalTheme] = useState("light");
+  const isControlled = theme !== void 0;
+  const currentTheme = isControlled ? theme : internalTheme;
+  const handleClick = (e) => {
+    if (onToggle) {
+      onToggle();
+    } else if (!isControlled) {
+      setInternalTheme((prev) => prev === "light" ? "dark" : "light");
+    }
+    onClick?.(e);
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: handleClick,
+      "data-theme": currentTheme,
+      className: cn(
+        "relative flex items-center justify-center text-gray-500 transition-colors bg-white border border-gray-200 rounded-full hover:text-dark-900 h-11 w-11 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-800 dark:bg-gray-900 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-white",
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "hidden dark:block",
+            width: "20",
+            height: "20",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M9.99998 1.5415C10.4142 1.5415 10.75 1.87729 10.75 2.2915V3.5415C10.75 3.95572 10.4142 4.2915 9.99998 4.2915C9.58577 4.2915 9.24998 3.95572 9.24998 3.5415V2.2915C9.24998 1.87729 9.58577 1.5415 9.99998 1.5415ZM10.0009 6.79327C8.22978 6.79327 6.79402 8.22904 6.79402 10.0001C6.79402 11.7712 8.22978 13.207 10.0009 13.207C11.772 13.207 13.2078 11.7712 13.2078 10.0001C13.2078 8.22904 11.772 6.79327 10.0009 6.79327ZM5.29402 10.0001C5.29402 7.40061 7.40135 5.29327 10.0009 5.29327C12.6004 5.29327 14.7078 7.40061 14.7078 10.0001C14.7078 12.5997 12.6004 14.707 10.0009 14.707C7.40135 14.707 5.29402 12.5997 5.29402 10.0001ZM15.9813 5.08035C16.2742 4.78746 16.2742 4.31258 15.9813 4.01969C15.6884 3.7268 15.2135 3.7268 14.9207 4.01969L14.0368 4.90357C13.7439 5.19647 13.7439 5.67134 14.0368 5.96423C14.3297 6.25713 14.8045 6.25713 15.0974 5.96423L15.9813 5.08035ZM18.4577 10.0001C18.4577 10.4143 18.1219 10.7501 17.7077 10.7501H16.4577C16.0435 10.7501 15.7077 10.4143 15.7077 10.0001C15.7077 9.58592 16.0435 9.25013 16.4577 9.25013H17.7077C18.1219 9.25013 18.4577 9.58592 18.4577 10.0001ZM14.9207 15.9806C15.2135 16.2735 15.6884 16.2735 15.9813 15.9806C16.2742 15.6877 16.2742 15.2128 15.9813 14.9199L15.0974 14.036C14.8045 13.7431 14.3297 13.7431 14.0368 14.036C13.7439 14.3289 13.7439 14.8038 14.0368 15.0967L14.9207 15.9806ZM9.99998 15.7088C10.4142 15.7088 10.75 16.0445 10.75 16.4588V17.7088C10.75 18.123 10.4142 18.4588 9.99998 18.4588C9.58577 18.4588 9.24998 18.123 9.24998 17.7088V16.4588C9.24998 16.0445 9.58577 15.7088 9.99998 15.7088ZM5.96356 15.0972C6.25646 14.8043 6.25646 14.3295 5.96356 14.0366C5.67067 13.7437 5.1958 13.7437 4.9029 14.0366L4.01902 14.9204C3.72613 15.2133 3.72613 15.6882 4.01902 15.9811C4.31191 16.274 4.78679 16.274 5.07968 15.9811L5.96356 15.0972ZM4.29224 10.0001C4.29224 10.4143 3.95645 10.7501 3.54224 10.7501H2.29224C1.87802 10.7501 1.54224 10.4143 1.54224 10.0001C1.54224 9.58592 1.87802 9.25013 2.29224 9.25013H3.54224C3.95645 9.25013 4.29224 9.58592 4.29224 10.0001ZM4.9029 5.9637C5.1958 6.25659 5.67067 6.25659 5.96356 5.9637C6.25646 5.6708 6.25646 5.19593 5.96356 4.90303L5.07968 4.01915C4.78679 3.72626 4.31191 3.72626 4.01902 4.01915C3.72613 4.31204 3.72613 4.78692 4.01902 5.07981L4.9029 5.9637Z",
+                fill: "currentColor"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "dark:hidden",
+            width: "20",
+            height: "20",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M17.4547 11.97L18.1799 12.1611C18.265 11.8383 18.1265 11.4982 17.8401 11.3266C17.5538 11.1551 17.1885 11.1934 16.944 11.4207L17.4547 11.97ZM8.0306 2.5459L8.57989 3.05657C8.80718 2.81209 8.84554 2.44682 8.67398 2.16046C8.50243 1.8741 8.16227 1.73559 7.83948 1.82066L8.0306 2.5459ZM12.9154 13.0035C9.64678 13.0035 6.99707 10.3538 6.99707 7.08524H5.49707C5.49707 11.1823 8.81835 14.5035 12.9154 14.5035V13.0035ZM16.944 11.4207C15.8869 12.4035 14.4721 13.0035 12.9154 13.0035V14.5035C14.8657 14.5035 16.6418 13.7499 17.9654 12.5193L16.944 11.4207ZM16.7295 11.7789C15.9437 14.7607 13.2277 16.9586 10.0003 16.9586V18.4586C13.9257 18.4586 17.2249 15.7853 18.1799 12.1611L16.7295 11.7789ZM10.0003 16.9586C6.15734 16.9586 3.04199 13.8433 3.04199 10.0003H1.54199C1.54199 14.6717 5.32892 18.4586 10.0003 18.4586V16.9586ZM3.04199 10.0003C3.04199 6.77289 5.23988 4.05695 8.22173 3.27114L7.83948 1.82066C4.21532 2.77574 1.54199 6.07486 1.54199 10.0003H3.04199ZM6.99707 7.08524C6.99707 5.52854 7.5971 4.11366 8.57989 3.05657L7.48132 2.03522C6.25073 3.35885 5.49707 5.13487 5.49707 7.08524H6.99707Z",
+                fill: "currentColor"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var AccordionContext = React5.createContext(null);
+var ChevronIcon2 = ({ open }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className: cn(
+      "h-5 w-5 shrink-0 text-gray-500 transition-transform duration-200 dark:text-gray-400",
+      open && "rotate-180"
+    ),
+    viewBox: "0 0 20 20",
+    fill: "none",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M5 7.5L10 12.5L15 7.5",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var AccordionItem = ({
+  itemKey,
+  title,
+  startContent,
+  disabled = false,
+  children,
+  className,
+  ...rest
+}) => {
+  const ctx = React5.useContext(AccordionContext);
+  if (!ctx) {
+    throw new Error("AccordionItem must be used within an Accordion");
+  }
+  const open = ctx.expanded.includes(itemKey);
+  const panelId = `accordion-panel-${itemKey}`;
+  const buttonId = `accordion-button-${itemKey}`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "border-b border-gray-200 last:border-b-0 dark:border-gray-800",
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            id: buttonId,
+            "aria-expanded": open,
+            "aria-controls": panelId,
+            disabled,
+            onClick: () => !disabled && ctx.toggle(itemKey),
+            className: cn(
+              "flex w-full items-center gap-3 px-4 py-4 text-left text-sm font-medium text-gray-800 transition dark:text-white/90",
+              disabled ? "cursor-not-allowed opacity-50" : "hover:bg-gray-50 dark:hover:bg-white/[0.03]"
+            ),
+            children: [
+              startContent && /* @__PURE__ */ jsx("span", { className: "flex items-center", children: startContent }),
+              /* @__PURE__ */ jsx("span", { className: "flex-1", children: title }),
+              /* @__PURE__ */ jsx(ChevronIcon2, { open })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: panelId,
+            role: "region",
+            "aria-labelledby": buttonId,
+            hidden: !open,
+            className: cn(
+              "grid transition-all duration-200 ease-in-out",
+              open ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+            ),
+            children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-4 text-sm text-gray-500 dark:text-gray-400", children }) })
+          }
+        )
+      ]
+    }
+  );
+};
+var Accordion = ({
+  selectionMode = "single",
+  defaultExpandedKeys = [],
+  expandedKeys,
+  onExpandedChange,
+  children,
+  className,
+  ...rest
+}) => {
+  const isControlled = expandedKeys !== void 0;
+  const [internal, setInternal] = useState(defaultExpandedKeys);
+  const expanded = isControlled ? expandedKeys : internal;
+  const toggle = useCallback(
+    (key) => {
+      const isOpen = expanded.includes(key);
+      let next;
+      if (selectionMode === "single") {
+        next = isOpen ? [] : [key];
+      } else {
+        next = isOpen ? expanded.filter((k) => k !== key) : [...expanded, key];
+      }
+      if (!isControlled) setInternal(next);
+      onExpandedChange?.(next);
+    },
+    [expanded, selectionMode, isControlled, onExpandedChange]
+  );
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { expanded, toggle }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "divide-y divide-gray-200 overflow-hidden rounded-xl border border-gray-200 bg-white dark:divide-gray-800 dark:border-gray-800 dark:bg-white/[0.03]",
+        className
+      ),
+      ...rest,
+      children
+    }
+  ) });
+};
+var Tab = ({
+  children,
+  tabKey,
+  title,
+  disabled,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx("div", { ...rest, children });
+};
+var Tabs = ({
+  variant = "underline",
+  selectedKey,
+  defaultSelectedKey,
+  onSelectionChange,
+  color,
+  children,
+  className,
+  ...rest
+}) => {
+  const tabs = React5.Children.toArray(children).filter(
+    React5.isValidElement
+  );
+  const firstKey = tabs[0]?.props.tabKey;
+  const isControlled = selectedKey !== void 0;
+  const [internal, setInternal] = useState(
+    defaultSelectedKey ?? firstKey
+  );
+  const active = isControlled ? selectedKey : internal;
+  const tabRefs = useRef({});
+  const select = (key) => {
+    if (!isControlled) setInternal(key);
+    onSelectionChange?.(key);
+  };
+  const onKeyDown = (e, index) => {
+    if (e.key !== "ArrowRight" && e.key !== "ArrowLeft") return;
+    e.preventDefault();
+    const dir = e.key === "ArrowRight" ? 1 : -1;
+    const count = tabs.length;
+    let next = index;
+    for (let i = 0; i < count; i++) {
+      next = (next + dir + count) % count;
+      if (!tabs[next].props.disabled) break;
+    }
+    const nextKey = tabs[next].props.tabKey;
+    tabRefs.current[nextKey]?.focus();
+    select(nextKey);
+  };
+  const listClasses = {
+    underline: "flex gap-2 border-b border-gray-200 dark:border-gray-800",
+    solid: "inline-flex gap-1 rounded-lg bg-gray-100 p-1 dark:bg-white/[0.03]",
+    pill: "inline-flex gap-2"
+  };
+  const tabClasses = (isActive) => {
+    const base = "inline-flex items-center gap-2 text-sm font-medium transition focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50";
+    switch (variant) {
+      case "solid":
+        return cn(
+          base,
+          "rounded-md px-4 py-2",
+          isActive ? "bg-white text-gray-900 shadow-theme-xs dark:bg-gray-800 dark:text-white/90" : "text-gray-500 hover:text-gray-800 dark:text-gray-400 dark:hover:text-white/90"
+        );
+      case "pill":
+        return cn(
+          base,
+          "rounded-full px-4 py-2",
+          isActive ? "bg-brand-500 text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200 dark:bg-white/[0.03] dark:text-gray-400 dark:hover:bg-white/[0.06]"
+        );
+      case "underline":
+      default:
+        return cn(
+          base,
+          "border-b-2 px-4 py-3",
+          isActive ? "border-brand-500 text-brand-500" : "border-transparent text-gray-500 hover:text-gray-800 dark:text-gray-400 dark:hover:text-white/90"
+        );
+    }
+  };
+  const activeColorStyle = (isActive) => {
+    if (!color || !isActive) return {};
+    if (variant === "underline") return { borderColor: color, color };
+    if (variant === "pill") return { backgroundColor: color };
+    return { color };
+  };
+  const activePanel = tabs.find((t) => t.props.tabKey === active);
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), ...rest, children: [
+    /* @__PURE__ */ jsx("div", { role: "tablist", className: listClasses[variant], children: tabs.map((tab, index) => {
+      const { tabKey, title, disabled = false } = tab.props;
+      const isActive = tabKey === active;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: (el) => {
+            tabRefs.current[tabKey] = el;
+          },
+          role: "tab",
+          type: "button",
+          id: `tab-${tabKey}`,
+          "aria-selected": isActive,
+          "aria-controls": `tabpanel-${tabKey}`,
+          tabIndex: isActive ? 0 : -1,
+          disabled,
+          onClick: () => !disabled && select(tabKey),
+          onKeyDown: (e) => onKeyDown(e, index),
+          className: tabClasses(isActive),
+          style: activeColorStyle(isActive),
+          children: title
+        },
+        tabKey
+      );
+    }) }),
+    activePanel && /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "tabpanel",
+        id: `tabpanel-${active}`,
+        "aria-labelledby": `tab-${active}`,
+        className: "pt-4 text-sm text-gray-600 dark:text-gray-300",
+        children: activePanel.props.children
+      }
+    )
+  ] });
+};
+var placementClasses = {
+  top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+  right: "left-full top-1/2 -translate-y-1/2 ml-2",
+  bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+  left: "right-full top-1/2 -translate-y-1/2 mr-2"
+};
+var arrowClasses = {
+  top: "top-full left-1/2 -translate-x-1/2 -mt-1",
+  right: "right-full top-1/2 -translate-y-1/2 -mr-1",
+  bottom: "bottom-full left-1/2 -translate-x-1/2 -mb-1",
+  left: "left-full top-1/2 -translate-y-1/2 -ml-1"
+};
+var Tooltip = ({
+  content,
+  placement = "top",
+  delay = 0,
+  disabled = false,
+  children,
+  className,
+  bgColor,
+  textColor,
+  borderColor,
+  style,
+  ...rest
+}) => {
+  const [visible, setVisible] = useState(false);
+  const tooltipId = useId();
+  const timeoutRef = useRef(null);
+  const show = () => {
+    if (disabled) return;
+    if (delay > 0) {
+      timeoutRef.current = setTimeout(() => setVisible(true), delay);
+    } else {
+      setVisible(true);
+    }
+  };
+  const hide = () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    setVisible(false);
+  };
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn("relative inline-flex", className),
+      onMouseEnter: show,
+      onMouseLeave: hide,
+      onFocus: show,
+      onBlur: hide,
+      "aria-describedby": visible ? tooltipId : void 0,
+      ...rest,
+      children: [
+        children,
+        !disabled && visible && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            id: tooltipId,
+            role: "tooltip",
+            className: cn(
+              "pointer-events-none absolute z-50 whitespace-nowrap rounded-lg bg-gray-900 px-3 py-2 text-xs font-medium text-white shadow-theme-lg dark:bg-gray-700 dark:text-white/90",
+              placementClasses[placement]
+            ),
+            style: {
+              ...styleOverride({ bgColor, textColor, borderColor }),
+              ...style
+            },
+            children: [
+              content,
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "absolute h-2 w-2 rotate-45 bg-gray-900 dark:bg-gray-700",
+                    arrowClasses[placement]
+                  ),
+                  style: bgColor ? { backgroundColor: bgColor } : void 0,
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var placementClasses2 = {
+  top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+  right: "left-full top-1/2 -translate-y-1/2 ml-2",
+  bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+  left: "right-full top-1/2 -translate-y-1/2 mr-2"
+};
+var Popover = ({
+  trigger,
+  placement = "bottom",
+  isOpen: controlledOpen,
+  onOpenChange,
+  defaultOpen = false,
+  closeOnOutsideClick = true,
+  closeOnEsc = true,
+  children,
+  className,
+  ...rest
+}) => {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : uncontrolledOpen;
+  const wrapperRef = useRef(null);
+  const setOpen = (next) => {
+    if (!isControlled) setUncontrolledOpen(next);
+    onOpenChange?.(next);
+  };
+  useEffect(() => {
+    if (!open) return;
+    const handleClickOutside = (event) => {
+      if (closeOnOutsideClick && wrapperRef.current && !wrapperRef.current.contains(event.target)) {
+        setOpen(false);
+      }
+    };
+    const handleEscape = (event) => {
+      if (closeOnEsc && event.key === "Escape") {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [open, closeOnOutsideClick, closeOnEsc]);
+  return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: "relative inline-block", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "inline-flex cursor-pointer",
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        onClick: () => setOpen(!open),
+        children: trigger
+      }
+    ),
+    open && /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "dialog",
+        className: cn(
+          "absolute z-50 min-w-[12rem] rounded-xl border border-gray-200 bg-white p-4 shadow-theme-lg dark:border-gray-700 dark:bg-gray-900 dark:text-white/90",
+          placementClasses2[placement],
+          className
+        ),
+        ...rest,
+        children
+      }
+    )
+  ] });
+};
+var panelBaseByPlacement = {
+  left: "top-0 left-0 h-full",
+  right: "top-0 right-0 h-full",
+  top: "top-0 left-0 w-full",
+  bottom: "bottom-0 left-0 w-full"
+};
+var openTransform = {
+  left: "translate-x-0",
+  right: "translate-x-0",
+  top: "translate-y-0",
+  bottom: "translate-y-0"
+};
+var closedTransform = {
+  left: "-translate-x-full",
+  right: "translate-x-full",
+  top: "-translate-y-full",
+  bottom: "translate-y-full"
+};
+var defaultSize = {
+  left: "w-80 max-w-full",
+  right: "w-80 max-w-full",
+  top: "h-80 max-h-full",
+  bottom: "h-80 max-h-full"
+};
+var Drawer = ({
+  isOpen,
+  onClose,
+  children,
+  className,
+  placement = "right",
+  showCloseButton = true,
+  closeOnBackdrop = true,
+  closeOnEsc = true,
+  size,
+  ...rest
+}) => {
+  useEffect(() => {
+    const handleEscape = (event) => {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    };
+    if (isOpen && closeOnEsc) {
+      document.addEventListener("keydown", handleEscape);
+    }
+    return () => {
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [isOpen, onClose, closeOnEsc]);
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "unset";
+    }
+    return () => {
+      document.body.style.overflow = "unset";
+    };
+  }, [isOpen]);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-99999 drawer", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 h-full w-full bg-black/50 backdrop-blur-sm",
+        onClick: closeOnBackdrop ? onClose : void 0
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        className: cn(
+          "fixed flex flex-col overflow-y-auto bg-white shadow-theme-lg transition-transform duration-300 ease-in-out dark:bg-gray-900 dark:text-white/90",
+          panelBaseByPlacement[placement],
+          size ?? defaultSize[placement],
+          isOpen ? openTransform[placement] : closedTransform[placement],
+          className
+        ),
+        onClick: (e) => e.stopPropagation(),
+        ...rest,
+        children: [
+          showCloseButton && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onClose,
+              "aria-label": "Close drawer",
+              className: "absolute right-3 top-3 z-999 flex h-9.5 w-9.5 items-center justify-center rounded-full bg-gray-100 text-gray-400 transition-colors hover:bg-gray-200 hover:text-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "24",
+                  height: "24",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      fillRule: "evenodd",
+                      clipRule: "evenodd",
+                      d: "M6.04289 16.5413C5.65237 16.9318 5.65237 17.565 6.04289 17.9555C6.43342 18.346 7.06658 18.346 7.45711 17.9555L11.9987 13.4139L16.5408 17.956C16.9313 18.3466 17.5645 18.3466 17.955 17.956C18.3455 17.5655 18.3455 16.9323 17.955 16.5418L13.4129 11.9997L17.955 7.4576C18.3455 7.06707 18.3455 6.43391 17.955 6.04338C17.5645 5.65286 16.9313 5.65286 16.5408 6.04338L11.9987 10.5855L7.45711 6.0439C7.06658 5.65338 6.43342 5.65338 6.04289 6.0439C5.65237 6.43442 5.65237 7.06759 6.04289 7.45811L10.5845 11.9997L6.04289 16.5413Z",
+                      fill: "currentColor"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          children
+        ]
+      }
+    )
+  ] });
+};
+var sizeStyles2 = {
+  sm: "text-theme-xs",
+  md: "text-sm"
+};
+var variants2 = {
+  light: {
+    primary: "bg-brand-50 text-brand-500 dark:bg-brand-500/15 dark:text-brand-400",
+    success: "bg-success-50 text-success-600 dark:bg-success-500/15 dark:text-success-500",
+    error: "bg-error-50 text-error-600 dark:bg-error-500/15 dark:text-error-500",
+    warning: "bg-warning-50 text-warning-600 dark:bg-warning-500/15 dark:text-orange-400",
+    info: "bg-blue-light-50 text-blue-light-500 dark:bg-blue-light-500/15 dark:text-blue-light-500",
+    light: "bg-gray-100 text-gray-700 dark:bg-white/5 dark:text-white/80",
+    dark: "bg-gray-500 text-white dark:bg-white/5 dark:text-white"
+  },
+  solid: {
+    primary: "bg-brand-500 text-white dark:text-white",
+    success: "bg-success-500 text-white dark:text-white",
+    error: "bg-error-500 text-white dark:text-white",
+    warning: "bg-warning-500 text-white dark:text-white",
+    info: "bg-blue-light-500 text-white dark:text-white",
+    light: "bg-gray-400 dark:bg-white/5 text-white dark:text-white/80",
+    dark: "bg-gray-700 text-white dark:text-white"
+  }
+};
+var Chip = ({
+  variant = "light",
+  color = "primary",
+  size = "md",
+  startIcon,
+  endIcon,
+  avatar,
+  onClose,
+  children,
+  className,
+  bgColor,
+  textColor,
+  borderColor,
+  style,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center justify-center gap-1 rounded-full font-medium",
+        avatar ? "py-0.5 pl-0.5 pr-2.5" : "px-2.5 py-0.5",
+        sizeStyles2[size],
+        variants2[variant][color],
+        className
+      ),
+      style: { ...styleOverride({ bgColor, textColor, borderColor }), ...style },
+      ...rest,
+      children: [
+        avatar && /* @__PURE__ */ jsx("span", { className: "flex items-center", children: avatar }),
+        startIcon && /* @__PURE__ */ jsx("span", { className: "flex items-center", children: startIcon }),
+        children,
+        endIcon && /* @__PURE__ */ jsx("span", { className: "flex items-center", children: endIcon }),
+        onClose && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Remove",
+            onClick: onClose,
+            className: "ml-0.5 flex h-4 w-4 items-center justify-center rounded-full text-current opacity-70 transition hover:opacity-100 focus:outline-none",
+            children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "12",
+                height: "12",
+                viewBox: "0 0 12 12",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M9 3L3 9M3 3L9 9",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var sizeStyles3 = {
+  sm: "h-1.5",
+  md: "h-2.5",
+  lg: "h-4"
+};
+var fillColors = {
+  primary: "bg-brand-500",
+  success: "bg-success-500",
+  error: "bg-error-500",
+  warning: "bg-warning-500",
+  info: "bg-blue-light-500",
+  light: "bg-gray-400",
+  dark: "bg-gray-700 dark:bg-gray-300"
+};
+var indeterminateKeyframes = `@keyframes tdui-progress-indeterminate {
+  0% { left: -40%; width: 40%; }
+  50% { left: 30%; width: 60%; }
+  100% { left: 100%; width: 40%; }
+}`;
+var Progress = ({
+  value = 0,
+  maxValue = 100,
+  color = "primary",
+  size = "md",
+  label,
+  showValueLabel = false,
+  isIndeterminate = false,
+  className,
+  bgColor,
+  textColor,
+  borderColor,
+  style,
+  ...rest
+}) => {
+  const safeMax = maxValue <= 0 ? 100 : maxValue;
+  const clamped = Math.min(Math.max(value, 0), safeMax);
+  const percent = Math.round(clamped / safeMax * 100);
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), ...rest, children: [
+    (label || showValueLabel) && /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-center justify-between", children: [
+      label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-400", children: label }),
+      showValueLabel && !isIndeterminate && /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-400", children: [
+        percent,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": safeMax,
+        "aria-valuenow": isIndeterminate ? void 0 : clamped,
+        className: cn(
+          "relative w-full overflow-hidden rounded-full bg-gray-200 dark:bg-gray-800",
+          sizeStyles3[size]
+        ),
+        style: styleOverride({ bgColor, borderColor }),
+        children: isIndeterminate ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("style", { children: indeterminateKeyframes }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn("absolute top-0 h-full rounded-full", fillColors[color]),
+              style: {
+                animation: "tdui-progress-indeterminate 1.5s ease-in-out infinite",
+                ...textColor ? { backgroundColor: textColor } : {},
+                ...style
+              }
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "h-full rounded-full transition-all duration-300",
+              fillColors[color]
+            ),
+            style: {
+              width: `${percent}%`,
+              ...textColor ? { backgroundColor: textColor } : {},
+              ...style
+            }
+          }
+        )
+      }
+    )
+  ] });
+};
+var sizeStyles4 = {
+  sm: "h-4 w-4 border-2",
+  md: "h-6 w-6 border-2",
+  lg: "h-8 w-8 border-[3px]"
+};
+var colorStyles = {
+  primary: "text-brand-500",
+  success: "text-success-500",
+  error: "text-error-500",
+  warning: "text-warning-500",
+  info: "text-blue-light-500",
+  light: "text-gray-400",
+  dark: "text-gray-700 dark:text-gray-300"
+};
+var Spinner = ({
+  size = "md",
+  color = "primary",
+  label,
+  className,
+  bgColor,
+  textColor,
+  borderColor,
+  style,
+  ...rest
+}) => {
+  const accessibleLabel = typeof label === "string" ? label : "Loading";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "status",
+      "aria-label": accessibleLabel,
+      className: cn("inline-flex items-center gap-2", className),
+      style: { ...styleOverride({ bgColor, borderColor }), ...style },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "inline-block animate-spin rounded-full border-current border-t-transparent",
+              sizeStyles4[size],
+              !textColor && colorStyles[color]
+            ),
+            style: textColor ? { color: textColor } : void 0
+          }
+        ),
+        label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: label })
+      ]
+    }
+  );
+};
+var Skeleton = ({
+  isLoaded = false,
+  width,
+  height,
+  className,
+  children,
+  style,
+  ...rest
+}) => {
+  if (isLoaded) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "animate-pulse rounded-lg bg-gray-200 dark:bg-gray-800",
+        className
+      ),
+      style: { width, height, ...style },
+      ...rest,
+      children: /* @__PURE__ */ jsx("span", { className: "invisible", children })
+    }
+  );
+};
+var sizeClasses3 = {
+  sm: "text-xs px-1 py-0.5",
+  md: "text-sm px-1.5 py-0.5"
+};
+var colorClasses2 = {
+  primary: "bg-brand-50 text-brand-600 dark:bg-brand-500/15 dark:text-brand-400",
+  success: "bg-success-50 text-success-600 dark:bg-success-500/15 dark:text-success-500",
+  error: "bg-error-50 text-error-600 dark:bg-error-500/15 dark:text-error-500",
+  warning: "bg-warning-50 text-warning-600 dark:bg-warning-500/15 dark:text-orange-400",
+  info: "bg-blue-light-50 text-blue-light-500 dark:bg-blue-light-500/15 dark:text-blue-light-500",
+  default: "bg-gray-100 text-gray-700 dark:bg-white/5 dark:text-white/80"
+};
+var Code = ({
+  color = "default",
+  size = "md",
+  className,
+  children,
+  bgColor,
+  textColor,
+  borderColor,
+  style,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    "code",
+    {
+      className: cn(
+        "inline-flex items-center rounded-md font-mono font-normal",
+        sizeClasses3[size],
+        colorClasses2[color],
+        className
+      ),
+      style: { ...styleOverride({ bgColor, textColor, borderColor }), ...style },
+      ...rest,
+      children
+    }
+  );
+};
+var sizeClasses4 = {
+  sm: "text-xs p-3",
+  md: "text-sm p-4"
+};
+var CopyIcon = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+      /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+    ]
+  }
+);
+var CheckIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+  }
+);
+var Snippet = ({
+  code,
+  children,
+  symbol = "",
+  hideCopyButton = false,
+  hideSymbol = false,
+  size = "md",
+  className,
+  bgColor,
+  textColor,
+  borderColor,
+  style,
+  ...rest
+}) => {
+  const [copied, setCopied] = useState(false);
+  const raw = code ?? children ?? "";
+  const lines = Array.isArray(raw) ? raw : raw.split("\n");
+  const text = lines.join("\n");
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative rounded-xl border border-gray-200 bg-gray-50 font-mono text-gray-800 dark:border-gray-800 dark:bg-white/[0.03] dark:text-white/90",
+        sizeClasses4[size],
+        className
+      ),
+      style: { ...styleOverride({ bgColor, textColor, borderColor }), ...style },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("pre", { className: cn("overflow-x-auto", !hideCopyButton && "pr-8"), children: /* @__PURE__ */ jsx("code", { children: lines.map((line, i) => /* @__PURE__ */ jsxs("span", { className: "block whitespace-pre", children: [
+          !hideSymbol && symbol && /* @__PURE__ */ jsx("span", { className: "select-none text-gray-400 dark:text-gray-500", children: symbol }),
+          line
+        ] }, i)) }) }),
+        !hideCopyButton && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleCopy,
+            "aria-label": copied ? "Copied" : "Copy to clipboard",
+            className: cn(
+              "absolute right-2 top-2 inline-flex h-7 w-7 items-center justify-center rounded-lg text-gray-500 transition hover:bg-gray-200 hover:text-gray-700 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:text-gray-400 dark:hover:bg-white/10 dark:hover:text-white/90",
+              copied && "text-success-500 dark:text-success-500"
+            ),
+            children: copied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {})
+          }
+        )
+      ]
+    }
+  );
+};
+var Label = ({ children, className, ...rest }) => {
+  return /* @__PURE__ */ jsx(
+    "label",
+    {
+      className: cn(
+        "mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+var TextArea = ({
+  placeholder = "Enter your message",
+  rows = 3,
+  value = "",
+  onChange,
+  className,
+  disabled = false,
+  error = false,
+  hint = ""
+}) => {
+  const handleChange = (e) => {
+    if (onChange) {
+      onChange(e.target.value);
+    }
+  };
+  const stateClass = disabled ? "bg-gray-100 opacity-50 text-gray-500 border-gray-300 cursor-not-allowed dark:bg-gray-800 dark:text-gray-400 dark:border-gray-700" : error ? "bg-transparent text-gray-400 border-gray-300 focus:border-error-300 focus:ring-3 focus:ring-error-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:focus:border-error-800" : "bg-transparent text-gray-400 border-gray-300 focus:border-brand-300 focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:focus:border-brand-800";
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        placeholder,
+        rows,
+        value,
+        onChange: handleChange,
+        disabled,
+        className: cn(
+          "w-full rounded-lg border px-4 py-2.5 text-sm shadow-theme-xs focus:outline-hidden",
+          stateClass,
+          className
+        )
+      }
+    ),
+    hint && /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: cn(
+          "mt-2 text-sm",
+          error ? "text-error-500" : "text-gray-500 dark:text-gray-400"
+        ),
+        children: hint
+      }
+    )
+  ] });
+};
+var Checkbox = ({
+  label,
+  checked,
+  id,
+  onChange,
+  className,
+  disabled = false,
+  checkedColor
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: cn(
+        "flex items-center space-x-3 group cursor-pointer",
+        disabled && "cursor-not-allowed opacity-60"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative w-5 h-5", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id,
+              type: "checkbox",
+              className: cn(
+                "w-5 h-5 appearance-none cursor-pointer dark:border-gray-700 border border-gray-300 checked:border-transparent rounded-md checked:bg-brand-500 disabled:opacity-60",
+                className
+              ),
+              checked,
+              onChange: (e) => onChange(e.target.checked),
+              disabled,
+              style: checkedColor ? { accentColor: checkedColor } : void 0
+            }
+          ),
+          checked && /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none",
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "14",
+              height: "14",
+              viewBox: "0 0 14 14",
+              fill: "none",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M11.6666 3.5L5.24992 9.91667L2.33325 7",
+                  stroke: "white",
+                  strokeWidth: "1.94437",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          ),
+          disabled && /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none",
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "14",
+              height: "14",
+              viewBox: "0 0 14 14",
+              fill: "none",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M11.6666 3.5L5.24992 9.91667L2.33325 7",
+                  stroke: "#E4E7EC",
+                  strokeWidth: "2.33333",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        ] }),
+        label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-800 dark:text-gray-200", children: label })
+      ]
+    }
+  );
+};
+var Radio = ({
+  id,
+  name,
+  value,
+  checked,
+  label,
+  onChange,
+  className,
+  disabled = false
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      htmlFor: id,
+      className: cn(
+        "relative flex cursor-pointer select-none items-center gap-3 text-sm font-medium",
+        disabled ? "text-gray-300 dark:text-gray-600 cursor-not-allowed" : "text-gray-700 dark:text-gray-400",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id,
+            name,
+            type: "radio",
+            value,
+            checked,
+            onChange: () => !disabled && onChange(value),
+            className: "sr-only",
+            disabled
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "flex h-5 w-5 items-center justify-center rounded-full border-[1.25px]",
+              checked ? "border-brand-500 bg-brand-500" : "bg-transparent border-gray-300 dark:border-gray-700",
+              disabled && "bg-gray-100 dark:bg-gray-700 border-gray-200 dark:border-gray-700"
+            ),
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "h-2 w-2 rounded-full bg-white",
+                  checked ? "block" : "hidden"
+                )
+              }
+            )
+          }
+        ),
+        label
+      ]
+    }
+  );
+};
+var RadioSm = ({
+  id,
+  name,
+  value,
+  checked,
+  label,
+  onChange,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      htmlFor: id,
+      className: cn(
+        "flex cursor-pointer select-none items-center text-sm text-gray-500 dark:text-gray-400",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              id,
+              name,
+              value,
+              checked,
+              onChange: () => onChange(value),
+              className: "sr-only"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "mr-2 flex h-4 w-4 items-center justify-center rounded-full border",
+                checked ? "border-brand-500 bg-brand-500" : "bg-transparent border-gray-300 dark:border-gray-700"
+              ),
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "h-1.5 w-1.5 rounded-full",
+                    checked ? "bg-white" : "bg-white dark:bg-[#1e2636]"
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        label
+      ]
+    }
+  );
+};
+var Switch = ({
+  label,
+  checked,
+  defaultChecked = false,
+  disabled = false,
+  onChange,
+  color = "blue"
+}) => {
+  const isControlled = checked !== void 0;
+  const [internalChecked, setInternalChecked] = useState(defaultChecked);
+  const isChecked = isControlled ? checked : internalChecked;
+  const handleToggle = () => {
+    if (disabled) return;
+    const newCheckedState = !isChecked;
+    if (!isControlled) {
+      setInternalChecked(newCheckedState);
+    }
+    if (onChange) {
+      onChange(newCheckedState);
+    }
+  };
+  const switchColors = color === "blue" ? {
+    background: isChecked ? "bg-brand-500 " : "bg-gray-200 dark:bg-white/10",
+    // Blue version
+    knob: isChecked ? "translate-x-full bg-white" : "translate-x-0 bg-white"
+  } : {
+    background: isChecked ? "bg-gray-800 dark:bg-white/10" : "bg-gray-200 dark:bg-white/10",
+    // Gray version
+    knob: isChecked ? "translate-x-full bg-white" : "translate-x-0 bg-white"
+  };
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: cn(
+        "flex cursor-pointer select-none items-center gap-3 text-sm font-medium",
+        disabled ? "text-gray-400" : "text-gray-700 dark:text-gray-400"
+      ),
+      onClick: handleToggle,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "block transition duration-150 ease-linear h-6 w-11 rounded-full",
+                disabled ? "bg-gray-100 pointer-events-none dark:bg-gray-800" : switchColors.background
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute left-0.5 top-0.5 h-5 w-5 rounded-full shadow-theme-sm duration-150 ease-linear transform",
+                switchColors.knob
+              )
+            }
+          )
+        ] }),
+        label
+      ]
+    }
+  );
+};
+var Select = ({
+  options,
+  placeholder = "Select an option",
+  onChange,
+  className,
+  defaultValue = "",
+  disabled = false
+}) => {
+  const [selectedValue, setSelectedValue] = useState(defaultValue);
+  const [isOpen, setIsOpen] = useState(false);
+  const rootRef = useRef(null);
+  useEffect(() => {
+    if (!isOpen) return;
+    const onPointerDown = (e) => {
+      if (rootRef.current && !rootRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") setIsOpen(false);
+    };
+    document.addEventListener("mousedown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [isOpen]);
+  const toggleOpen = () => {
+    if (!disabled) setIsOpen((prev) => !prev);
+  };
+  const handleSelect = (value) => {
+    setSelectedValue(value);
+    onChange(value);
+    setIsOpen(false);
+  };
+  const selectedLabel = options.find((o) => o.value === selectedValue)?.label;
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative w-full", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: toggleOpen,
+        disabled,
+        "aria-haspopup": "listbox",
+        "aria-expanded": isOpen,
+        className: cn(
+          "flex h-11 w-full items-center justify-between rounded-lg border border-gray-300 px-4 py-2.5 text-left text-sm shadow-theme-xs transition focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:focus:border-brand-800",
+          disabled && "cursor-not-allowed opacity-50",
+          selectedLabel ? "text-gray-800 dark:text-white/90" : "text-gray-400 dark:text-gray-400"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedLabel ?? placeholder }),
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: cn(
+                "ml-2 h-5 w-5 shrink-0 stroke-current text-gray-500 transition-transform dark:text-gray-400",
+                isOpen && "rotate-180"
+              ),
+              width: "20",
+              height: "20",
+              viewBox: "0 0 20 20",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M4.79175 7.39551L10.0001 12.6038L15.2084 7.39551",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx(
+      "ul",
+      {
+        role: "listbox",
+        className: "absolute left-0 top-full z-40 mt-1.5 max-h-60 w-full overflow-y-auto rounded-lg border border-gray-200 bg-white py-1 shadow-theme-lg dark:border-gray-800 dark:bg-gray-900",
+        children: options.map((option) => {
+          const isSelected = option.value === selectedValue;
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              role: "option",
+              "aria-selected": isSelected,
+              onClick: () => handleSelect(option.value),
+              className: cn(
+                "flex cursor-pointer items-center justify-between px-4 py-2 text-sm transition hover:bg-gray-50 dark:hover:bg-white/5",
+                isSelected ? "bg-brand-50 font-medium text-brand-600 dark:bg-brand-500/15 dark:text-brand-400" : "text-gray-700 dark:text-gray-300"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: option.label }),
+                isSelected && /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "ml-2 h-4 w-4 shrink-0 stroke-current",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M13.3334 4L6.00008 11.3333L2.66675 8",
+                        stroke: "currentColor",
+                        strokeWidth: "1.6",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            option.value
+          );
+        })
+      }
+    )
+  ] });
+};
+var MultiSelect = ({
+  label,
+  options,
+  defaultSelected = [],
+  onChange,
+  disabled = false
+}) => {
+  const [selectedOptions, setSelectedOptions] = useState(defaultSelected);
+  const [isOpen, setIsOpen] = useState(false);
+  const toggleDropdown = () => {
+    if (disabled) return;
+    setIsOpen((prev) => !prev);
+  };
+  const handleSelect = (optionValue) => {
+    const newSelectedOptions = selectedOptions.includes(optionValue) ? selectedOptions.filter((value) => value !== optionValue) : [...selectedOptions, optionValue];
+    setSelectedOptions(newSelectedOptions);
+    if (onChange) onChange(newSelectedOptions);
+  };
+  const removeOption = (_index, value) => {
+    const newSelectedOptions = selectedOptions.filter((opt) => opt !== value);
+    setSelectedOptions(newSelectedOptions);
+    if (onChange) onChange(newSelectedOptions);
+  };
+  const selectedValuesText = selectedOptions.map(
+    (value) => options.find((option) => option.value === value)?.text || ""
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsx("label", { className: "mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "relative z-20 inline-block w-full", children: /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx("div", { onClick: toggleDropdown, className: "w-full", children: /* @__PURE__ */ jsxs("div", { className: "mb-2 flex h-11 rounded-lg border border-gray-300 py-1.5 px-4 shadow-theme-xs outline-hidden transition focus:border-brand-300 focus:shadow-focus-ring dark:border-gray-700 dark:bg-gray-900 dark:focus:border-brand-300", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap flex-auto gap-2", children: selectedValuesText.length > 0 ? selectedValuesText.map((text, index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "group flex items-center justify-center rounded-full border-[0.7px] border-transparent bg-gray-100 py-1 pl-2.5 pr-2 text-sm text-gray-800 hover:border-gray-200 dark:bg-gray-800 dark:text-white/90 dark:hover:border-gray-800",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "flex-initial max-w-full", children: text }),
+              /* @__PURE__ */ jsx("div", { className: "flex flex-row-reverse flex-auto", children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  onClick: () => removeOption(index, selectedOptions[index]),
+                  className: "pl-2 text-gray-500 cursor-pointer group-hover:text-gray-400 dark:text-gray-400",
+                  children: /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      className: "fill-current",
+                      role: "button",
+                      width: "14",
+                      height: "14",
+                      viewBox: "0 0 14 14",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          fillRule: "evenodd",
+                          clipRule: "evenodd",
+                          d: "M3.40717 4.46881C3.11428 4.17591 3.11428 3.70104 3.40717 3.40815C3.70006 3.11525 4.17494 3.11525 4.46783 3.40815L6.99943 5.93975L9.53095 3.40822C9.82385 3.11533 10.2987 3.11533 10.5916 3.40822C10.8845 3.70112 10.8845 4.17599 10.5916 4.46888L8.06009 7.00041L10.5916 9.53193C10.8845 9.82482 10.8845 10.2997 10.5916 10.5926C10.2987 10.8855 9.82385 10.8855 9.53095 10.5926L6.99943 8.06107L4.46783 10.5927C4.17494 10.8856 3.70006 10.8856 3.40717 10.5927C3.11428 10.2998 3.11428 9.8249 3.40717 9.53201L5.93877 7.00041L3.40717 4.46881Z"
+                        }
+                      )
+                    }
+                  )
+                }
+              ) })
+            ]
+          },
+          index
+        )) : /* @__PURE__ */ jsx(
+          "input",
+          {
+            placeholder: "Select option",
+            className: "w-full h-full p-1 pr-2 text-sm bg-transparent border-0 outline-hidden appearance-none placeholder:text-gray-800 focus:border-0 focus:outline-hidden focus:ring-0 dark:placeholder:text-white/90",
+            readOnly: true,
+            value: "Select option"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center py-1 pl-1 pr-1 w-7", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: toggleDropdown,
+            className: "w-5 h-5 text-gray-700 outline-hidden cursor-pointer focus:outline-hidden dark:text-gray-400",
+            children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: `stroke-current ${isOpen ? "rotate-180" : ""}`,
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M4.79175 7.39551L10.0001 12.6038L15.2084 7.39551",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      ] }) }),
+      isOpen && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "absolute left-0 z-40 w-full overflow-y-auto bg-white rounded-lg shadow-sm top-full max-h-select dark:bg-gray-900",
+          onClick: (e) => e.stopPropagation(),
+          children: /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: options.map((option, index) => {
+            const isSelected = selectedOptions.includes(option.value);
+            return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `w-full cursor-pointer rounded-t border-b border-gray-200 hover:bg-brand-500/5 dark:border-gray-800`,
+                onClick: () => handleSelect(option.value),
+                children: /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: `relative flex w-full items-center justify-between p-2 pl-2 ${isSelected ? "bg-brand-500/10" : ""}`,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: `mx-2 leading-6 ${isSelected ? "font-medium text-brand-600 dark:text-brand-400" : "text-gray-800 dark:text-white/90"}`,
+                          children: option.text
+                        }
+                      ),
+                      isSelected && /* @__PURE__ */ jsx(
+                        "svg",
+                        {
+                          className: "mr-2 h-4 w-4 shrink-0 stroke-current text-brand-500",
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 16 16",
+                          fill: "none",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          children: /* @__PURE__ */ jsx(
+                            "path",
+                            {
+                              d: "M13.3334 4L6.00008 11.3333L2.66675 8",
+                              stroke: "currentColor",
+                              strokeWidth: "1.6",
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round"
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            ) }, index);
+          }) })
+        }
+      )
+    ] }) })
+  ] });
+};
+var FileInput = ({ className, ...rest }) => {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "file",
+      className: cn(
+        "focus:border-ring-brand-300 h-11 w-full overflow-hidden rounded-lg border border-gray-300 bg-transparent text-sm text-gray-500 shadow-theme-xs transition-colors file:mr-5 file:border-collapse file:cursor-pointer file:rounded-l-lg file:border-0 file:border-r file:border-solid file:border-gray-200 file:bg-gray-50 file:py-3 file:pl-3.5 file:pr-3 file:text-sm file:text-gray-700 placeholder:text-gray-400 hover:file:bg-gray-100 focus:outline-hidden focus:file:ring-brand-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-400 dark:text-white/90 dark:file:border-gray-800 dark:file:bg-white/[0.03] dark:file:text-gray-400 dark:placeholder:text-gray-400",
+        className
+      ),
+      ...rest
+    }
+  );
+};
+var DatePicker = ({
+  id,
+  mode,
+  onChange,
+  label,
+  defaultDate,
+  placeholder
+}) => {
+  useEffect(() => {
+    const flatPickr = flatpickr(`#${id}`, {
+      mode: mode || "single",
+      static: true,
+      monthSelectorType: "static",
+      dateFormat: "Y-m-d",
+      defaultDate,
+      onChange
+    });
+    return () => {
+      if (!Array.isArray(flatPickr)) {
+        flatPickr.destroy();
+      }
+    };
+  }, [mode, onChange, id, defaultDate]);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    label && /* @__PURE__ */ jsx(Label, { htmlFor: id, children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id,
+          placeholder,
+          className: "h-11 w-full rounded-lg border appearance-none pl-4 pr-11 py-2.5 text-sm shadow-theme-xs placeholder:text-gray-400 focus:outline-hidden focus:ring-3  dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30  bg-transparent text-gray-800 border-gray-300 focus:border-brand-300 focus:ring-brand-500/20 dark:border-gray-700  dark:focus:border-brand-800"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "absolute text-gray-500 -translate-y-1/2 pointer-events-none right-3 top-1/2 dark:text-gray-400", children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "size-6",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M8 2C8.41421 2 8.75 2.33579 8.75 2.75V3.75H15.25V2.75C15.25 2.33579 15.5858 2 16 2C16.4142 2 16.75 2.33579 16.75 2.75V3.75H18.5C19.7426 3.75 20.75 4.75736 20.75 6V9V19C20.75 20.2426 19.7426 21.25 18.5 21.25H5.5C4.25736 21.25 3.25 20.2426 3.25 19V9V6C3.25 4.75736 4.25736 3.75 5.5 3.75H7.25V2.75C7.25 2.33579 7.58579 2 8 2ZM8 5.25H5.5C5.08579 5.25 4.75 5.58579 4.75 6V8.25H19.25V6C19.25 5.58579 18.9142 5.25 18.5 5.25H16H8ZM19.25 9.75H4.75V19C4.75 19.4142 5.08579 19.75 5.5 19.75H18.5C18.9142 19.75 19.25 19.4142 19.25 19V9.75Z",
+              fill: "currentColor"
+            }
+          )
+        }
+      ) })
+    ] })
+  ] });
+};
+var clampNum = (raw, max) => {
+  const digits = raw.replace(/\D/g, "").slice(0, 2);
+  if (digits === "") return "";
+  return String(Math.min(parseInt(digits, 10), max));
+};
+var DateTimePicker = ({
+  id,
+  label,
+  placeholder,
+  defaultDate,
+  defaultTime = "",
+  onChange
+}) => {
+  const dateRef = useRef(void 0);
+  const [hh, setHh] = useState(defaultTime.split(":")[0] ?? "");
+  const [mm, setMm] = useState(defaultTime.split(":")[1] ?? "");
+  const hhRef = useRef(hh);
+  const mmRef = useRef(mm);
+  hhRef.current = hh;
+  mmRef.current = mm;
+  const emit = () => {
+    onChange?.({
+      date: dateRef.current,
+      time: `${(hhRef.current || "0").padStart(2, "0")}:${(mmRef.current || "0").padStart(2, "0")}`
+    });
+  };
+  useEffect(() => {
+    const flatPickr = flatpickr(`#${id}-date`, {
+      mode: "single",
+      static: true,
+      monthSelectorType: "static",
+      dateFormat: "Y-m-d",
+      defaultDate,
+      onChange: (dates) => {
+        dateRef.current = dates[0];
+        emit();
+      }
+    });
+    return () => {
+      if (!Array.isArray(flatPickr)) {
+        flatPickr.destroy();
+      }
+    };
+  }, [id, defaultDate]);
+  const handleHh = (e) => {
+    const v = clampNum(e.target.value, 23);
+    setHh(v);
+    hhRef.current = v;
+    emit();
+  };
+  const handleMm = (e) => {
+    const v = clampNum(e.target.value, 59);
+    setMm(v);
+    mmRef.current = v;
+    emit();
+  };
+  const padOnBlur = (value, setter) => () => {
+    if (value !== "") setter(value.padStart(2, "0"));
+  };
+  const timeFieldClass = "w-7 bg-transparent text-center tabular-nums placeholder:text-gray-400 focus:outline-hidden dark:placeholder:text-white/30";
+  return /* @__PURE__ */ jsxs("div", { children: [
+    label && /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-date`, children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: `${id}-date`,
+            placeholder,
+            className: "h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent py-2.5 pl-4 pr-11 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/20 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsx("svg", { className: "size-6", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8 2C8.41421 2 8.75 2.33579 8.75 2.75V3.75H15.25V2.75C15.25 2.33579 15.5858 2 16 2C16.4142 2 16.75 2.33579 16.75 2.75V3.75H18.5C19.7426 3.75 20.75 4.75736 20.75 6V9V19C20.75 20.2426 19.7426 21.25 18.5 21.25H5.5C4.25736 21.25 3.25 20.2426 3.25 19V9V6C3.25 4.75736 4.25736 3.75 5.5 3.75H7.25V2.75C7.25 2.33579 7.58579 2 8 2ZM8 5.25H5.5C5.08579 5.25 4.75 5.58579 4.75 6V8.25H19.25V6C19.25 5.58579 18.9142 5.25 18.5 5.25H16H8ZM19.25 9.75H4.75V19C4.75 19.4142 5.08579 19.75 5.5 19.75H18.5C18.9142 19.75 19.25 19.4142 19.25 19V9.75Z",
+            fill: "currentColor"
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex h-11 items-center rounded-lg border border-gray-300 bg-transparent px-3 text-sm text-gray-800 shadow-theme-xs focus-within:border-brand-300 focus-within:ring-3 focus-within:ring-brand-500/20 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:focus-within:border-brand-800", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            "aria-label": "Hours",
+            inputMode: "numeric",
+            placeholder: "00",
+            maxLength: 2,
+            value: hh,
+            onChange: handleHh,
+            onBlur: padOnBlur(hh, (v) => setHh(v)),
+            className: timeFieldClass
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "px-0.5 text-gray-400 dark:text-gray-500", children: ":" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            "aria-label": "Minutes",
+            inputMode: "numeric",
+            placeholder: "00",
+            maxLength: 2,
+            value: mm,
+            onChange: handleMm,
+            onBlur: padOnBlur(mm, (v) => setMm(v)),
+            className: timeFieldClass
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "ml-1 text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M3.04175 9.99984C3.04175 6.15686 6.1571 3.0415 10.0001 3.0415C13.8431 3.0415 16.9584 6.15686 16.9584 9.99984C16.9584 13.8428 13.8431 16.9582 10.0001 16.9582C6.1571 16.9582 3.04175 13.8428 3.04175 9.99984ZM10.0001 1.5415C5.32867 1.5415 1.54175 5.32843 1.54175 9.99984C1.54175 14.6712 5.32867 18.4582 10.0001 18.4582C14.6715 18.4582 18.4584 14.6712 18.4584 9.99984C18.4584 5.32843 14.6715 1.5415 10.0001 1.5415ZM9.99998 10.7498C9.58577 10.7498 9.24998 10.4141 9.24998 9.99984V5.4165C9.24998 5.00229 9.58577 4.6665 9.99998 4.6665C10.4142 4.6665 10.75 5.00229 10.75 5.4165V9.24984H13.3334C13.7476 9.24984 14.0834 9.58562 14.0834 9.99984C14.0834 10.4141 13.7476 10.7498 13.3334 10.7498H10.0001H9.99998Z",
+            fill: "currentColor"
+          }
+        ) }) })
+      ] })
+    ] })
+  ] });
+};
+var PasswordInput = ({
+  className,
+  ...rest
+}) => {
+  const [show, setShow] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: show ? "text" : "password",
+        className: cn(
+          "h-11 w-full appearance-none rounded-lg border border-gray-300 bg-transparent py-2.5 pl-4 pr-11 text-sm text-gray-800 shadow-theme-xs placeholder:text-gray-400 focus:border-brand-300 focus:outline-hidden focus:ring-3 focus:ring-brand-500/10 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:focus:border-brand-800",
+          className
+        ),
+        ...rest
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setShow((s) => !s),
+        "aria-label": show ? "Hide password" : "Show password",
+        className: "absolute right-4 top-1/2 z-30 -translate-y-1/2 cursor-pointer text-gray-500 dark:text-gray-400",
+        children: show ? /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M10.0002 13.8619C7.23361 13.8619 4.86803 12.1372 3.92328 9.70241C4.86804 7.26761 7.23361 5.54297 10.0002 5.54297C12.7667 5.54297 15.1323 7.26762 16.0771 9.70243C15.1323 12.1372 12.7667 13.8619 10.0002 13.8619ZM10.0002 4.04297C6.48191 4.04297 3.49489 6.30917 2.4155 9.4593C2.3615 9.61687 2.3615 9.78794 2.41549 9.94552C3.49488 13.0957 6.48191 15.3619 10.0002 15.3619C13.5184 15.3619 16.5055 13.0957 17.5849 9.94555C17.6389 9.78797 17.6389 9.6169 17.5849 9.45932C16.5055 6.30919 13.5184 4.04297 10.0002 4.04297ZM9.99151 7.84413C8.96527 7.84413 8.13333 8.67606 8.13333 9.70231C8.13333 10.7286 8.96527 11.5605 9.99151 11.5605H10.0064C11.0326 11.5605 11.8646 10.7286 11.8646 9.70231C11.8646 8.67606 11.0326 7.84413 10.0064 7.84413H9.99151Z"
+          }
+        ) }) : /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M4.63803 3.57709C4.34513 3.2842 3.87026 3.2842 3.57737 3.57709C3.28447 3.86999 3.28447 4.34486 3.57737 4.63775L4.85323 5.91362C3.74609 6.84199 2.89363 8.06395 2.4155 9.45936C2.3615 9.61694 2.3615 9.78801 2.41549 9.94558C3.49488 13.0957 6.48191 15.3619 10.0002 15.3619C11.255 15.3619 12.4422 15.0737 13.4994 14.5598L15.3625 16.4229C15.6554 16.7158 16.1302 16.7158 16.4231 16.4229C16.716 16.13 16.716 15.6551 16.4231 15.3622L4.63803 3.57709ZM12.3608 13.4212L10.4475 11.5079C10.3061 11.5423 10.1584 11.5606 10.0064 11.5606H9.99151C8.96527 11.5606 8.13333 10.7286 8.13333 9.70237C8.13333 9.5461 8.15262 9.39434 8.18895 9.24933L5.91885 6.97923C5.03505 7.69015 4.34057 8.62704 3.92328 9.70247C4.86803 12.1373 7.23361 13.8619 10.0002 13.8619C10.8326 13.8619 11.6287 13.7058 12.3608 13.4212ZM16.0771 9.70249C15.7843 10.4569 15.3552 11.1432 14.8199 11.7311L15.8813 12.7925C16.6329 11.9813 17.2187 11.0143 17.5849 9.94561C17.6389 9.78803 17.6389 9.61696 17.5849 9.45938C16.5055 6.30925 13.5184 4.04303 10.0002 4.04303C9.13525 4.04303 8.30244 4.17999 7.52218 4.43338L8.75139 5.66259C9.1556 5.58413 9.57311 5.54303 10.0002 5.54303C12.7667 5.54303 15.1323 7.26768 16.0771 9.70249Z"
+          }
+        ) })
+      }
+    )
+  ] });
+};
+var Form = ({
+  onSubmit,
+  children,
+  className,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    "form",
+    {
+      onSubmit: (event) => {
+        event.preventDefault();
+        onSubmit?.(event);
+      },
+      className: cn(className),
+      ...rest,
+      children
+    }
+  );
+};
+var accentClasses = {
+  brand: "accent-brand-500",
+  primary: "accent-brand-500",
+  success: "accent-success-500",
+  error: "accent-error-500",
+  warning: "accent-warning-500",
+  info: "accent-blue-light-500"
+};
+var fillColors2 = {
+  brand: "#465fff",
+  primary: "#465fff",
+  success: "#12b76a",
+  error: "#f04438",
+  warning: "#f79009",
+  info: "#0ba5ec"
+};
+var Slider = ({
+  value,
+  defaultValue = 0,
+  onChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  disabled = false,
+  color = "brand",
+  label,
+  showValue = false,
+  className,
+  bgColor,
+  textColor,
+  borderColor,
+  style,
+  ...rest
+}) => {
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const currentValue = isControlled ? value : internalValue;
+  const handleChange = (e) => {
+    const next = Number(e.target.value);
+    if (!isControlled) {
+      setInternalValue(next);
+    }
+    onChange?.(next);
+  };
+  const percent = max === min ? 0 : (currentValue - min) / (max - min) * 100;
+  const fill = fillColors2[color];
+  const trackBg = `linear-gradient(to right, ${fill} 0%, ${fill} ${percent}%, var(--slider-track, #e4e7ec) ${percent}%, var(--slider-track, #e4e7ec) 100%)`;
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", disabled && "opacity-50"), children: [
+    (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-center justify-between text-sm font-medium text-gray-700 dark:text-gray-400", children: [
+      label && /* @__PURE__ */ jsx("span", { children: label }),
+      showValue && /* @__PURE__ */ jsx("span", { className: "text-gray-500 dark:text-gray-400", children: currentValue })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "range",
+        role: "slider",
+        min,
+        max,
+        step,
+        value: currentValue,
+        disabled,
+        onChange: handleChange,
+        "aria-valuemin": min,
+        "aria-valuemax": max,
+        "aria-valuenow": currentValue,
+        className: cn(
+          "h-2 w-full cursor-pointer appearance-none rounded-lg focus:outline-hidden focus:ring-3 focus:ring-brand-500/10",
+          accentClasses[color],
+          disabled && "cursor-not-allowed",
+          className
+        ),
+        style: {
+          background: trackBg,
+          ...styleOverride({ bgColor, textColor, borderColor }),
+          ...style
+        },
+        ...rest
+      }
+    )
+  ] });
+};
+
+export { Accordion, AccordionItem, Alert, Avatar, AvatarText, Badge, Breadcrumb, Button, Checkbox, Chip, Code, DataTable, DatePicker, DateTimePicker, Drawer, Dropdown, DropdownItem, Dropzone, FileInput, Form, Input, Label, MultiSelect, Pagination, PasswordInput, Popover, Progress, Radio, RadioSm, Ribbon, Select, Skeleton, Slider, Snippet, Spinner, Switch, Tab, Table, TableBody, TableCell, TableHeader, TableRow, Tabs, TextArea, ThemeToggleButton, Tooltip, styleOverride };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map