@agroshine/ags-web-ui-kit 1.0.0

package/dist/chunk-5FWELSEZ.js

@@ -0,0 +1,1296 @@
+import { Pagination } from './chunk-A7TDGQAB.js';
+import { Button as Button$1, Spinner } from './chunk-QAZMI5VH.js';
+import { Card, HoverCard, HoverCardTrigger, HoverCardContent, Tabs, TabsList, TabsTrigger, TabsContent, Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, Sheet, SheetContent, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-6LUGTNMH.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-6YUNWKT3.js';
+import { Button } from './chunk-XCYSBWV4.js';
+import { useResponsive, usePagination } from './chunk-PI3IJWBG.js';
+import { cn } from './chunk-MOED3QPY.js';
+import * as React5 from 'react';
+import React5__default, { forwardRef, createContext, useContext, useState, useMemo } from 'react';
+import { X, TrendingUp, TrendingDown, XCircle, AlertCircle, CheckCircle2, Info, ChevronRight, Inbox, ArrowUp, ArrowDown, ArrowUpDown } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { faTimes } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import clsx2 from 'clsx';
+
+var alertVariants = cva(
+  "relative grid w-full grid-cols-[18px_1fr] items-start gap-3 rounded-md border px-4 py-3.5",
+  {
+    variants: {
+      variant: {
+        // Canon default: neutral, sin tinte.
+        default: "border-border bg-background text-foreground",
+        // Canon extra (compat AgroShine — primary-tinted).
+        info: "border-primary-200 bg-primary-50 text-primary-700",
+        success: "border-success-200 bg-success-50 text-success-700",
+        warning: "border-warning-100 bg-warning-50 text-warning-800",
+        destructive: "border-destructive bg-destructive/[0.05] text-destructive",
+        // Alias compat.
+        danger: "border-destructive bg-destructive/[0.05] text-destructive"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var alertIconVariants = cva(
+  "flex h-[18px] w-[18px] shrink-0 items-center justify-center text-[16px] leading-none [&_svg]:h-[18px] [&_svg]:w-[18px]",
+  {
+    variants: {
+      variant: {
+        default: "text-foreground",
+        info: "text-primary-700",
+        success: "text-success-700",
+        warning: "text-warning-800",
+        destructive: "text-destructive",
+        danger: "text-destructive"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var ICON_MAP = {
+  default: Info,
+  info: Info,
+  success: CheckCircle2,
+  warning: AlertCircle,
+  destructive: XCircle,
+  danger: XCircle
+};
+var Alert = React5.forwardRef(
+  ({
+    variant = "default",
+    title,
+    description,
+    icon = true,
+    closable,
+    onClose,
+    className,
+    children
+  }, ref) => {
+    const renderIcon = () => {
+      if (icon === false) return null;
+      if (icon === true) {
+        const IconComponent = ICON_MAP[variant];
+        return /* @__PURE__ */ jsx(IconComponent, {});
+      }
+      return icon;
+    };
+    const iconNode = renderIcon();
+    return /* @__PURE__ */ jsxs("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), children: [
+      iconNode !== null && /* @__PURE__ */ jsx("span", { className: alertIconVariants({ variant }), children: iconNode }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        title && // .at: font-weight 600, font-size 14px, margin 0 0 4px
+        /* @__PURE__ */ jsx("h4", { className: "m-0 mb-1 text-sm font-semibold leading-tight", children: title }),
+        description && // .ad: font-size 13px, color muted-foreground, line-height 1.5
+        /* @__PURE__ */ jsx("p", { className: "m-0 text-[13px] leading-normal text-muted-foreground", children: description }),
+        children
+      ] }),
+      closable && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Cerrar",
+          onClick: onClose,
+          className: "-mr-1 -mt-1 shrink-0 rounded-sm p-1 opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring",
+          children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+        }
+      )
+    ] });
+  }
+);
+Alert.displayName = "Alert";
+var ELLIPSIS_KEY = "__ellipsis__";
+function collapseItems(items, maxItems) {
+  if (!maxItems || items.length <= maxItems) return items;
+  const first = items[0];
+  const lastTwo = items.slice(-2);
+  return [first, null, ...lastTwo];
+}
+var Breadcrumb = React5.forwardRef(
+  ({ items, separator, maxItems, className, onItemClick }, ref) => {
+    const sep = separator ?? /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 text-default-500" });
+    const visible = collapseItems(items, maxItems);
+    return /* @__PURE__ */ jsx("nav", { ref, "aria-label": "Breadcrumb", className: cn("w-full", className), children: /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center gap-1.5 text-sm", children: visible.map((item, idx) => {
+      const isLast = idx === visible.length - 1;
+      const key = item === null ? `${ELLIPSIS_KEY}-${idx}` : `${idx}-${String(item.label)}`;
+      return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1.5", children: [
+        item === null ? /* @__PURE__ */ jsx("span", { className: "text-default-500 px-1", children: "\u2026" }) : isLast ? /* @__PURE__ */ jsxs(
+          "span",
+          {
+            "aria-current": "page",
+            className: "flex items-center gap-1 font-medium text-default-900",
+            children: [
+              item.icon,
+              item.label
+            ]
+          }
+        ) : item.href ? /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: item.href,
+            onClick: onItemClick ? () => onItemClick(item, idx) : void 0,
+            className: "flex items-center gap-1 text-default-700 hover:text-primary transition-colors",
+            children: [
+              item.icon,
+              item.label
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onItemClick ? () => onItemClick(item, idx) : void 0,
+            className: "flex items-center gap-1 text-default-700 hover:text-primary transition-colors",
+            children: [
+              item.icon,
+              item.label
+            ]
+          }
+        ),
+        !isLast && /* @__PURE__ */ jsx("span", { className: "text-default-400", children: sep })
+      ] }, key);
+    }) }) });
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+var variantClasses = {
+  default: "",
+  flush: "overflow-hidden",
+  interactive: "cursor-pointer transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+};
+var Card2 = forwardRef(function Card3({ variant = "default", className, onClick, children, ...rest }, ref) {
+  const isInteractive = variant === "interactive" || Boolean(onClick);
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      ref,
+      onClick,
+      role: isInteractive ? "button" : void 0,
+      tabIndex: isInteractive ? 0 : void 0,
+      className: cn(variantClasses[variant], className),
+      ...rest,
+      children
+    }
+  );
+});
+var sizeMap = {
+  xs: "sm:max-w-xs",
+  sm: "sm:max-w-sm",
+  md: "sm:max-w-md",
+  lg: "sm:max-w-lg",
+  xl: "sm:max-w-xl"
+};
+var Drawer = ({
+  visible,
+  onClose,
+  title,
+  description,
+  children,
+  size = "xl",
+  placement = "right",
+  footer,
+  extra
+}) => {
+  const isHorizontal = placement === "left" || placement === "right";
+  return /* @__PURE__ */ jsx(Sheet, { open: visible, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(
+    SheetContent,
+    {
+      side: placement,
+      hideCloseButton: true,
+      className: cn(
+        "p-0 flex flex-col rounded-none",
+        isHorizontal ? sizeMap[size] : "",
+        isHorizontal ? "w-full" : "h-auto"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-8 py-8 border-b", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[20px] font-bold", children: title }),
+            description && /* @__PURE__ */ jsx("h2", { className: "text-[14px] font-medium text-[#00000080]", children: description })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+            extra && Array.isArray(extra) ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: extra.map((item, index) => /* @__PURE__ */ jsx("div", { children: item }, index)) }) : /* @__PURE__ */ jsx("div", { className: "shrink-0", children: extra }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "flex p-[10px] rounded-[6px] hover:cursor-pointer hover:bg-primary-50",
+                onClick: onClose,
+                children: /* @__PURE__ */ jsx(FontAwesomeIcon, { size: "xl", icon: faTimes })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto px-8 py-8", children }),
+        footer && /* @__PURE__ */ jsx("div", { className: "flex justify-end px-8 py-[15px] border-t", children: footer })
+      ]
+    }
+  ) });
+};
+var Drawer_default = Drawer;
+var Empty = React5.forwardRef(
+  ({ title = "Sin datos", description, icon, action, className }, ref) => {
+    const iconNode = icon ?? /* @__PURE__ */ jsx(Inbox, { className: "h-12 w-12" });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex flex-col items-center justify-center px-5 py-12 text-center text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "mb-2 flex items-center justify-center text-muted-foreground opacity-40", children: iconNode }),
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-sm text-[13px] text-muted-foreground", children: description }),
+          action && /* @__PURE__ */ jsx("div", { className: "mt-3.5 flex items-center justify-center gap-2", children: action })
+        ]
+      }
+    );
+  }
+);
+Empty.displayName = "Empty";
+var HoverCard2 = React5.forwardRef(
+  ({
+    trigger,
+    children,
+    side = "bottom",
+    align = "center",
+    openDelay = 200,
+    closeDelay = 150,
+    open,
+    defaultOpen,
+    onOpenChange,
+    className,
+    asChild = true
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      HoverCard,
+      {
+        openDelay,
+        closeDelay,
+        open,
+        defaultOpen,
+        onOpenChange,
+        children: [
+          /* @__PURE__ */ jsx(HoverCardTrigger, { asChild, children: trigger }),
+          /* @__PURE__ */ jsx(HoverCardContent, { ref, side, align, className: cn(className), children })
+        ]
+      }
+    );
+  }
+);
+HoverCard2.displayName = "HoverCard";
+var ListSizeContext = createContext("default");
+var SIZE_CLASSES = {
+  // .list-sm .list-item { padding:8px 12px; gap:10px; }
+  small: "gap-2.5 px-3 py-2 [&_.li-title]:text-[13px]",
+  // canon default: padding 14px 16px; gap 14px
+  default: "gap-3.5 px-4 py-3.5",
+  // .list-lg .list-item { padding:18px 18px; }
+  large: "gap-4 px-4 py-4"
+};
+var ListItem = forwardRef(function ListItem2({ avatar, title, description, extra, actions, children, className, ...rest }, ref) {
+  const hasSlots = Boolean(avatar || title || description || extra || actions);
+  const size = useContext(ListSizeContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-list-item": true,
+      className: cn(
+        "flex items-center border-b border-border transition-colors last:border-b-0 hover:bg-muted/40",
+        SIZE_CLASSES[size],
+        className
+      ),
+      ...rest,
+      children: hasSlots ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+          avatar && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: avatar }),
+          (title || description) && /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            title && /* @__PURE__ */ jsx("h4", { className: "li-title m-0 truncate text-sm font-semibold text-foreground", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "m-0 mt-0.5 text-[12.5px] leading-snug text-muted-foreground", children: description })
+          ] })
+        ] }),
+        extra !== void 0 && extra !== null && /* @__PURE__ */ jsx("div", { className: "shrink-0 text-[13px] text-muted-foreground", children: extra }),
+        actions !== void 0 && actions !== null && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: actions })
+      ] }) : (
+        // Modo libre: el consumer renderiza lo que quiera
+        children
+      )
+    }
+  );
+});
+ListItem.displayName = "List.Item";
+var ListBase = forwardRef(function List({
+  data,
+  renderItem,
+  children,
+  header,
+  footer,
+  bordered = false,
+  size = "default",
+  maxVisibleItems,
+  readMoreLabel = "",
+  onReadMoreClick,
+  className,
+  ...rest
+}, ref) {
+  const visibleItems = data && maxVisibleItems ? data.slice(0, maxVisibleItems) : data;
+  const hiddenCount = data && maxVisibleItems && data.length > maxVisibleItems ? data.length - maxVisibleItems : 0;
+  return /* @__PURE__ */ jsx(ListSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex w-full flex-col bg-card text-card-foreground",
+        bordered && "overflow-hidden rounded-md border border-border",
+        className
+      ),
+      ...rest,
+      children: [
+        header !== void 0 && header !== null && /* @__PURE__ */ jsx("div", { className: "border-b border-border bg-muted/40 px-4 py-3 text-[13px] text-muted-foreground", children: header }),
+        children,
+        visibleItems?.map((item, index) => /* @__PURE__ */ jsx(ListItem, { children: renderItem ? renderItem(item, index) : item.label ?? item.name ?? item.value }, item.key ?? index)),
+        hiddenCount > 0 && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onReadMoreClick,
+            className: "border-b border-border px-4 py-3 text-left text-[13px] text-muted-foreground transition-colors last:border-b-0 hover:bg-muted/40 hover:text-foreground",
+            children: [
+              "+",
+              hiddenCount,
+              readMoreLabel ? `, ${readMoreLabel}` : ""
+            ]
+          }
+        ),
+        footer !== void 0 && footer !== null && /* @__PURE__ */ jsx("div", { className: "border-t border-border bg-muted/40 px-4 py-3 text-[13px] text-muted-foreground", children: footer })
+      ]
+    }
+  ) });
+});
+ListBase.displayName = "List";
+var List2 = ListBase;
+List2.Item = ListItem;
+var DeleteModal = ({ isOpen, setIsOpen, deleteData }) => {
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "bg-white rounded-md", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Eliminar" }) }),
+    /* @__PURE__ */ jsx("div", { className: "py-2", children: /* @__PURE__ */ jsx("p", { children: "Esta seguro que desea eliminar ese registro?" }) }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button$1, { variant: "light", onPress: () => setIsOpen(false), children: "Cancelar" }),
+      /* @__PURE__ */ jsx(Button$1, { color: "primary", onPress: deleteData, children: "Eliminar" })
+    ] })
+  ] }) });
+};
+var DeleteModal_default = DeleteModal;
+var sizeMap2 = {
+  xs: "max-w-xs",
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  "5xl": "max-w-5xl"
+};
+var Modal = ({
+  visible,
+  onClose,
+  title,
+  children,
+  size = "xl",
+  footer
+}) => {
+  return /* @__PURE__ */ jsx(Dialog, { open: visible, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { hideCloseButton: true, className: cn("w-full", sizeMap2[size]), children: [
+    title && /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }),
+    /* @__PURE__ */ jsx("div", { className: "py-2", children }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      footer,
+      /* @__PURE__ */ jsx(Button$1, { color: "danger", variant: "light", onPress: onClose, children: "Cerrar" })
+    ] })
+  ] }) });
+};
+var Modal_default = Modal;
+var Popconfirm = React5.forwardRef(
+  ({
+    title,
+    description,
+    okText = "Confirmar",
+    cancelText = "Cancelar",
+    okVariant = "primary",
+    onConfirm,
+    onCancel,
+    icon,
+    children,
+    side = "top",
+    align = "center",
+    className,
+    asChild = true,
+    disabled
+  }, ref) => {
+    const [open, setOpen] = React5.useState(false);
+    const iconNode = icon ?? /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4 text-warning-600 shrink-0 mt-0.5" });
+    const handleConfirm = async () => {
+      await onConfirm();
+      setOpen(false);
+    };
+    const handleCancel = () => {
+      onCancel?.();
+      setOpen(false);
+    };
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild, children }),
+      /* @__PURE__ */ jsxs(PopoverContent, { ref, side, align, className: cn("w-72 p-3", className), children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-3", children: [
+          iconNode,
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-default-900", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-xs text-default-700 mt-1", children: description })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: cancelText }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: okVariant === "danger" ? "destructive" : "default",
+              size: "sm",
+              onClick: () => {
+                void handleConfirm();
+              },
+              children: okText
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+);
+Popconfirm.displayName = "Popconfirm";
+var Popover2 = React5.forwardRef(
+  ({
+    trigger,
+    children,
+    side = "bottom",
+    align = "center",
+    open,
+    defaultOpen,
+    onOpenChange,
+    className,
+    sideOffset = 4,
+    asChild = true
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(Popover, { open, defaultOpen, onOpenChange, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild, children: trigger }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          ref,
+          side,
+          align,
+          sideOffset,
+          className: cn(className),
+          children
+        }
+      )
+    ] });
+  }
+);
+Popover2.displayName = "Popover";
+var segmentedRootVariants = cva(
+  "inline-flex items-center bg-muted rounded-md p-1 gap-0.5",
+  {
+    variants: {
+      size: { sm: "h-8", md: "h-10", lg: "h-12" },
+      fullWidth: { true: "flex w-full", false: "" }
+    },
+    defaultVariants: { size: "md", fullWidth: false }
+  }
+);
+var segmentedItemVariants = cva(
+  "inline-flex items-center justify-center gap-1.5 rounded-sm font-medium transition-all whitespace-nowrap focus:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 disabled:cursor-not-allowed",
+  {
+    variants: {
+      size: {
+        sm: "h-6 px-2.5 text-xs",
+        md: "h-8 px-3 text-sm",
+        lg: "h-10 px-4 text-base"
+      },
+      active: {
+        true: "bg-background text-foreground shadow-sm",
+        false: "text-muted-foreground hover:text-foreground"
+      },
+      fullWidth: { true: "flex-1", false: "" }
+    },
+    defaultVariants: { size: "md", active: false, fullWidth: false }
+  }
+);
+function SegmentedInner({
+  value,
+  onChange,
+  options,
+  size = "md",
+  disabled,
+  fullWidth = false,
+  className
+}, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "radiogroup",
+      className: cn(segmentedRootVariants({ size, fullWidth }), className),
+      children: options.map((option) => {
+        const isActive = option.value === value;
+        const isDisabled = disabled || option.disabled;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": isActive,
+            disabled: isDisabled,
+            onClick: () => onChange(option.value),
+            className: segmentedItemVariants({ size, active: isActive, fullWidth }),
+            children: [
+              option.icon,
+              option.label
+            ]
+          },
+          option.value
+        );
+      })
+    }
+  );
+}
+var Segmented = React5.forwardRef(SegmentedInner);
+Segmented.displayName = "Segmented";
+function formatValue(value, precision, formatter) {
+  if (formatter) return formatter(value);
+  if (typeof value === "number" && precision !== void 0) {
+    return value.toFixed(precision);
+  }
+  return String(value);
+}
+var Statistic = React5.forwardRef(
+  ({
+    title,
+    value,
+    prefix,
+    suffix,
+    precision,
+    trend,
+    trendValue,
+    loading,
+    formatter,
+    className,
+    valueClassName
+  }, ref) => {
+    const formatted = formatValue(value, precision, formatter);
+    const trendColor = trend === "up" ? "text-success-600" : trend === "down" ? "text-danger-600" : "";
+    const TrendIcon = trend === "up" ? TrendingUp : trend === "down" ? TrendingDown : null;
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-1", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm text-default-700", children: title }),
+      loading ? /* @__PURE__ */ jsx("div", { className: "h-8 w-24 rounded bg-default-100 animate-pulse" }) : /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "text-3xl font-bold text-default-900 flex items-baseline gap-1",
+            valueClassName
+          ),
+          children: [
+            prefix && /* @__PURE__ */ jsx("span", { className: "text-xl text-default-700", children: prefix }),
+            /* @__PURE__ */ jsx("span", { children: formatted }),
+            suffix && /* @__PURE__ */ jsx("span", { className: "text-base text-default-700 font-normal", children: suffix })
+          ]
+        }
+      ),
+      trend && trendValue && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-1 text-xs font-medium", trendColor), children: [
+        TrendIcon && /* @__PURE__ */ jsx(TrendIcon, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx("span", { children: trendValue })
+      ] })
+    ] });
+  }
+);
+Statistic.displayName = "Statistic";
+var snumVariants = cva(
+  "inline-flex items-center justify-center rounded-full border-2 font-semibold shrink-0 transition-colors",
+  {
+    variants: {
+      size: {
+        sm: "w-6 h-6 text-[11px]",
+        md: "w-7 h-7 text-[13px]",
+        lg: "w-9 h-9 text-[14px]"
+      },
+      status: {
+        wait: "border-default-300 bg-white text-default-500",
+        process: "border-primary-500 bg-white text-primary-500",
+        finish: "border-primary-500 bg-primary-500 text-white",
+        error: "border-destructive bg-white text-destructive"
+      }
+    },
+    defaultVariants: { size: "md", status: "wait" }
+  }
+);
+var sttlVariants = cva("text-sm font-medium leading-tight", {
+  variants: {
+    status: {
+      wait: "text-default-500",
+      process: "text-foreground font-semibold",
+      finish: "text-foreground",
+      error: "text-destructive"
+    }
+  },
+  defaultVariants: { status: "wait" }
+});
+var connectorVariants = cva("shrink-0 transition-colors", {
+  variants: {
+    direction: {
+      horizontal: "flex-1 h-px mx-3",
+      vertical: "w-px self-stretch mx-auto my-1"
+    },
+    /** El connector toma color del paso *anterior*: si está finish, va en primary. */
+    active: {
+      true: "bg-primary-500",
+      false: "bg-default-300"
+    }
+  },
+  defaultVariants: { direction: "horizontal", active: false }
+});
+var stepIconSize = {
+  sm: "w-3 h-3",
+  md: "w-3.5 h-3.5",
+  lg: "w-4 h-4"
+};
+var CheckIcon = ({ className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { d: "M3.5 8.5l3 3 6-6" })
+  }
+);
+var ErrorIcon = ({ className }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    className,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M8 4v5" }),
+      /* @__PURE__ */ jsx("circle", { cx: "8", cy: "12", r: "0.6", fill: "currentColor", stroke: "none" })
+    ]
+  }
+);
+var Step = ({ item, index, status, size, clickable, onSelect }) => {
+  const disabled = item.disabled === true;
+  const interactive = clickable && !disabled;
+  const renderSnumContent = () => {
+    if (item.icon) return item.icon;
+    if (status === "finish") return /* @__PURE__ */ jsx(CheckIcon, { className: stepIconSize[size] });
+    if (status === "error") return /* @__PURE__ */ jsx(ErrorIcon, { className: stepIconSize[size] });
+    return /* @__PURE__ */ jsx("span", { children: index + 1 });
+  };
+  const handleClick = () => {
+    if (interactive) onSelect?.(index);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: interactive ? "button" : void 0,
+      tabIndex: interactive ? 0 : void 0,
+      onClick: interactive ? handleClick : void 0,
+      onKeyDown: interactive ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleClick();
+        }
+      } : void 0,
+      "aria-current": status === "process" ? "step" : void 0,
+      "aria-disabled": disabled || void 0,
+      className: cn(
+        "flex items-center gap-2.5 min-w-0",
+        interactive && "cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 rounded-md",
+        disabled && "opacity-50 pointer-events-none"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: snumVariants({ size, status }), children: renderSnumContent() }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex flex-col", children: [
+          /* @__PURE__ */ jsx("span", { className: sttlVariants({ status }), children: item.title }),
+          item.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-default-500 mt-0.5 leading-tight", children: item.description })
+        ] })
+      ]
+    }
+  );
+};
+function resolveStatus(item, index, current) {
+  if (item.status) return item.status;
+  if (index < current) return "finish";
+  if (index === current) return "process";
+  return "wait";
+}
+var Steps = React5.forwardRef(
+  ({ items, current = 0, onChange, direction = "horizontal", size = "md", className }, ref) => {
+    const isHorizontal = direction === "horizontal";
+    const clickable = typeof onChange === "function";
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "list",
+        "aria-label": "Progress steps",
+        className: cn(
+          "flex w-full",
+          isHorizontal ? "items-center" : "flex-col items-stretch",
+          className
+        ),
+        children: items.map((item, idx) => {
+          const status = resolveStatus(item, idx, current);
+          const isLast = idx === items.length - 1;
+          const connectorActive = status === "finish";
+          return /* @__PURE__ */ jsxs(React5.Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "listitem",
+                className: cn(
+                  "min-w-0",
+                  isHorizontal ? "flex items-center shrink-0" : "flex flex-row items-start"
+                ),
+                children: /* @__PURE__ */ jsx(
+                  Step,
+                  {
+                    item,
+                    index: idx,
+                    status,
+                    size,
+                    clickable,
+                    onSelect: onChange
+                  }
+                )
+              }
+            ),
+            !isLast && /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: connectorVariants({
+                  direction,
+                  active: connectorActive
+                })
+              }
+            )
+          ] }, item.key);
+        })
+      }
+    );
+  }
+);
+Steps.displayName = "Steps";
+
+// src/molecules/Table/Column.tsx
+var Column = () => null;
+var Column_default = Column;
+var TablePagination = (props) => {
+  const {
+    totalItems = 0,
+    currentPage = 1,
+    onPageChange,
+    onPageSizeChange,
+    pageSize = 10,
+    pageSizeOptions = [10, 15, 20]
+  } = props;
+  const hasSizeOptions = pageSizeOptions && pageSizeOptions.length > 1;
+  return /* @__PURE__ */ jsx("div", { className: "bg-content1 flex justify-between items-center min-h-[48px] rounded-lg py-3 px-4", children: /* @__PURE__ */ jsx(
+    Pagination,
+    {
+      total: totalItems,
+      current: currentPage,
+      defaultCurrent: 1,
+      pageSize,
+      defaultPageSize: pageSize,
+      pageSizeOptions: pageSizeOptions ?? [10, 15, 20],
+      showSizeChanger: Boolean(hasSizeOptions && onPageSizeChange),
+      showTotal: (total, [from, to]) => `Mostrando ${from}-${to} de ${total}`,
+      onChange: (page, size) => {
+        onPageChange?.(page);
+        if (size !== pageSize) onPageSizeChange?.(page, size);
+      },
+      onShowSizeChange: onPageSizeChange,
+      responsive: true,
+      size: "small"
+    }
+  ) });
+};
+function MobileCards({
+  data,
+  columns,
+  rowKey,
+  onRow,
+  selectedRowKeys = []
+}) {
+  const visibleColumns = columns.filter((col) => col.dataIndex !== "expanden");
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: data.map((record, rowIndex) => {
+    const rawKey = rowKey(record);
+    const key = rawKey === void 0 || rawKey === null || rawKey === "" ? rowIndex : rawKey;
+    const rowProps = onRow?.(record, rowIndex) || {};
+    const isSelected = selectedRowKeys.includes(rawKey);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: rowProps.onClick ? "button" : void 0,
+        tabIndex: rowProps.onClick ? 0 : void 0,
+        onClick: () => rowProps.onClick?.(),
+        onKeyDown: (e) => {
+          if (!rowProps.onClick) return;
+          if (e.key === "Enter" || e.key === " ") rowProps.onClick();
+        },
+        className: clsx2(
+          "w-full border border-border bg-background p-4 transition-colors",
+          isSelected && "bg-primary-50",
+          rowProps.onClick && "hover:bg-default-100/60 cursor-pointer"
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: visibleColumns.map((col, colIndex) => {
+          const value = col.dataIndex ? record[col.dataIndex] : void 0;
+          const content = col.render?.(value, record, rowIndex) ?? value;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: clsx2(
+                "flex gap-4",
+                !col.title && (col.align === "center" ? "justify-center" : "justify-end")
+              ),
+              children: [
+                col.title && /* @__PURE__ */ jsx("div", { className: "min-w-[110px] text-xs font-semibold text-muted-foreground", children: col.title }),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: clsx2(
+                      "text-xs text-foreground break-words",
+                      col.align === "center" && "text-center",
+                      col.align === "right" && "text-right"
+                    ),
+                    children: content
+                  }
+                )
+              ]
+            },
+            `${key}-${col.key}-${colIndex}`
+          );
+        }) })
+      },
+      key
+    );
+  }) });
+}
+var MobileCards_default = MobileCards;
+
+// src/molecules/Table/utils.ts
+function cycleSort(current) {
+  if (current === null) return "asc";
+  if (current === "asc") return "desc";
+  return null;
+}
+function compareValues(a, b) {
+  if (a === b) return 0;
+  if (a === null || a === void 0) return -1;
+  if (b === null || b === void 0) return 1;
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();
+  return String(a).localeCompare(String(b));
+}
+function sortData(data, sortState, columns) {
+  if (!sortState.key || !sortState.direction) return data;
+  const column = columns.find((c) => c.key === sortState.key);
+  if (!column?.dataIndex) return data;
+  const dataIndex = column.dataIndex;
+  const factor = sortState.direction === "asc" ? 1 : -1;
+  return [...data].sort((a, b) => {
+    const va = a[dataIndex];
+    const vb = b[dataIndex];
+    return compareValues(va, vb) * factor;
+  });
+}
+var DENSITY_TH = {
+  compact: "px-3 py-1.5",
+  default: "px-4 py-3",
+  comfortable: "px-4 py-4"
+};
+var DENSITY_TD = {
+  compact: "px-3 py-1.5",
+  default: "px-4 py-3",
+  comfortable: "px-4 py-4"
+};
+function alignClass(align) {
+  return align === "center" ? "text-center" : align === "right" ? "text-right" : "text-left";
+}
+var TableHead = ({ columns, density, sortState, onSort }) => /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => {
+  const isSorted = sortState.key === col.key;
+  const dir = isSorted ? sortState.direction : null;
+  const SortIcon = dir === "asc" ? ArrowUp : dir === "desc" ? ArrowDown : ArrowUpDown;
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      scope: "col",
+      style: { width: col.width },
+      className: clsx2(
+        DENSITY_TH[density],
+        "bg-muted text-foreground border-b border-border whitespace-nowrap",
+        "text-[12.5px] font-semibold tracking-wide",
+        alignClass(col.align),
+        col.sortable && "cursor-pointer select-none group"
+      ),
+      onClick: col.sortable ? () => onSort(col.key) : void 0,
+      "aria-sort": isSorted && dir ? dir === "asc" ? "ascending" : "descending" : void 0,
+      children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 align-middle", children: [
+        col.title,
+        col.sortable && /* @__PURE__ */ jsx(
+          SortIcon,
+          {
+            className: clsx2(
+              "h-3.5 w-3.5",
+              isSorted ? "text-foreground opacity-100" : "text-muted-foreground opacity-0 group-hover:opacity-100"
+            ),
+            "aria-hidden": true
+          }
+        )
+      ] })
+    },
+    col.key
+  );
+}) }) });
+function TableBody({
+  data,
+  columns,
+  density,
+  variant,
+  rowKey,
+  selectedRowKeys,
+  onRow
+}) {
+  return /* @__PURE__ */ jsx("tbody", { children: data.map((record, rowIndex) => {
+    const k = rowKey(record);
+    const rowProps = onRow?.(record, rowIndex) ?? {};
+    const isSelected = selectedRowKeys.includes(k);
+    const striped = variant === "striped" && rowIndex % 2 === 0 ? "bg-default-50" : "bg-background";
+    return /* @__PURE__ */ jsx(
+      "tr",
+      {
+        onClick: () => rowProps.onClick?.(),
+        className: clsx2(
+          "transition-colors border-b border-border last:border-b-0",
+          isSelected ? "bg-primary-50" : striped,
+          "hover:bg-default-100/60",
+          rowProps.onClick && "cursor-pointer"
+        ),
+        children: columns.map((col) => {
+          const value = col.dataIndex ? record[col.dataIndex] : void 0;
+          const content = col.render?.(value, record, rowIndex) ?? value;
+          return /* @__PURE__ */ jsx(
+            "td",
+            {
+              style: { width: col.width },
+              className: clsx2(
+                DENSITY_TD[density],
+                "text-foreground align-middle",
+                alignClass(col.align),
+                col.ellipsis && "truncate max-w-0"
+              ),
+              children: content
+            },
+            `${k}-${col.key}`
+          );
+        })
+      },
+      k
+    );
+  }) });
+}
+function TableUI({
+  dataSource,
+  children,
+  pagination,
+  loading,
+  variant,
+  density = "default",
+  emptyText = "No hay registros",
+  rowKey = (record) => record.key,
+  ariaLabel = "Table",
+  selectedRowKeys = [],
+  onRow,
+  bordered = false
+}) {
+  const { isMobile, isTablet } = useResponsive();
+  const [sortState, setSortState] = useState({ key: null, direction: null });
+  const columns = React5__default.Children.toArray(children).filter((child) => {
+    return React5__default.isValidElement(child) && child.type === Column_default;
+  }).map((child) => child.props).filter((c) => c.dataIndex !== "expanden");
+  const sortedData = useMemo(
+    () => sortData(dataSource, sortState, columns),
+    [dataSource, sortState, columns]
+  );
+  const pageSizeProp = pagination?.pageSize || sortedData.length || 1;
+  const { currentPage, paginatedData, total, totalPages, pageSize, onPageChange } = usePagination({
+    data: sortedData,
+    pageSize: pageSizeProp,
+    initialPage: 1
+  });
+  const handleSort = (key) => {
+    setSortState((prev) => ({
+      key,
+      direction: prev.key === key ? cycleSort(prev.direction) : "asc"
+    }));
+  };
+  const emptyNode = /* @__PURE__ */ jsx(Empty, { title: typeof emptyText === "string" ? emptyText : "Sin datos" });
+  const isEmpty = sortedData.length === 0 && !loading;
+  if (isMobile || isTablet) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      loading ? /* @__PURE__ */ jsx(Spinner, { label: "Cargando..." }) : isEmpty ? emptyNode : /* @__PURE__ */ jsx(
+        MobileCards_default,
+        {
+          data: paginatedData,
+          columns,
+          rowKey,
+          onRow,
+          selectedRowKeys
+        }
+      ),
+      pagination && /* @__PURE__ */ jsx(
+        TablePagination,
+        {
+          totalItems: total,
+          totalPages,
+          paginatedData,
+          currentPage,
+          pageSize,
+          pageSizeOptions: pagination.pageSizeOptions,
+          onPageChange
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "w-full overflow-x-auto relative",
+          bordered && "border border-border rounded-lg overflow-hidden"
+        ),
+        "aria-label": ariaLabel,
+        children: [
+          /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-sm", children: [
+            /* @__PURE__ */ jsx(
+              TableHead,
+              {
+                columns,
+                density,
+                sortState,
+                onSort: handleSort
+              }
+            ),
+            isEmpty ? /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columns.length, className: "p-0", children: emptyNode }) }) }) : /* @__PURE__ */ jsx(
+              TableBody,
+              {
+                data: paginatedData,
+                columns,
+                density,
+                variant,
+                rowKey,
+                selectedRowKeys,
+                onRow
+              }
+            )
+          ] }),
+          loading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-background/60 backdrop-blur-[1px]", children: /* @__PURE__ */ jsx(Spinner, { label: "Cargando..." }) })
+        ]
+      }
+    ),
+    pagination && /* @__PURE__ */ jsx(
+      TablePagination,
+      {
+        totalItems: total,
+        totalPages,
+        paginatedData,
+        currentPage,
+        pageSize,
+        pageSizeOptions: pagination.pageSizeOptions,
+        onPageChange
+      }
+    )
+  ] });
+}
+var Table_default = TableUI;
+var tabsListVariants = cva("inline-flex items-center", {
+  variants: {
+    variant: {
+      line: "border-b border-default-200 bg-transparent rounded-none p-0 gap-1",
+      card: "bg-muted rounded-md p-[3px] gap-[2px]",
+      pill: "bg-muted rounded-full p-[3px] gap-[2px]"
+    },
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: { variant: "card", size: "md" }
+});
+var tabsTriggerVariants = cva(
+  "inline-flex items-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        line: "rounded-none border-b-2 border-transparent px-3 py-2 text-muted-foreground hover:text-foreground data-[state=active]:border-primary data-[state=active]:text-primary data-[state=active]:font-semibold",
+        card: "rounded-sm px-3.5 py-1.5 text-muted-foreground data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:font-semibold data-[state=active]:shadow-sm",
+        pill: "rounded-full px-4 py-1.5 text-muted-foreground data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:font-semibold"
+      },
+      size: {
+        sm: "text-xs px-2.5 py-1",
+        md: "text-sm",
+        lg: "text-base px-4 py-2"
+      }
+    },
+    defaultVariants: { variant: "card", size: "md" }
+  }
+);
+var Tabs2 = React5.forwardRef(
+  ({
+    items,
+    defaultValue,
+    value,
+    onChange,
+    variant = "card",
+    size = "md",
+    className,
+    listClassName,
+    contentClassName
+  }, ref) => {
+    const initialValue = defaultValue ?? items[0]?.key;
+    const rootProps = value !== void 0 ? { value, onValueChange: onChange } : { defaultValue: initialValue, onValueChange: onChange };
+    return /* @__PURE__ */ jsxs(Tabs, { ref, className: cn("w-full", className), ...rootProps, children: [
+      /* @__PURE__ */ jsx(TabsList, { className: cn(tabsListVariants({ variant, size }), listClassName), children: items.map((item) => /* @__PURE__ */ jsxs(
+        TabsTrigger,
+        {
+          value: item.key,
+          disabled: item.disabled,
+          className: tabsTriggerVariants({ variant, size }),
+          children: [
+            item.icon,
+            item.label
+          ]
+        },
+        item.key
+      )) }),
+      items.map((item) => /* @__PURE__ */ jsx(
+        TabsContent,
+        {
+          value: item.key,
+          className: cn("text-default-700", contentClassName),
+          children: item.content
+        },
+        item.key
+      ))
+    ] });
+  }
+);
+Tabs2.displayName = "Tabs";
+var timelineDotVariants = cva(
+  "relative z-10 h-3 w-3 rounded-full border-2 bg-white shrink-0",
+  {
+    variants: {
+      status: {
+        pending: "border-primary-500",
+        "in-progress": "border-primary",
+        done: "border-primary-500 bg-primary-500",
+        error: "border-danger-600 bg-danger-600"
+      }
+    },
+    defaultVariants: { status: "pending" }
+  }
+);
+function getAlignment(mode, index) {
+  if (mode === "left") return "left";
+  if (mode === "right") return "right";
+  return index % 2 === 0 ? "left" : "right";
+}
+var TimelineItemRow = ({ item, isLast, mode, index }) => {
+  const align = getAlignment(mode, index);
+  const isAlternate = mode === "alternate";
+  return /* @__PURE__ */ jsxs("li", { className: "relative flex gap-3 pb-5 last:pb-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center", children: [
+      item.icon ? /* @__PURE__ */ jsx("div", { className: "relative z-10 shrink-0", children: item.icon }) : /* @__PURE__ */ jsx("span", { className: timelineDotVariants({ status: item.status ?? "pending" }) }),
+      !isLast && /* @__PURE__ */ jsx("span", { className: "absolute top-3 left-1/2 -translate-x-1/2 h-full w-0.5 bg-default-200" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("flex-1 min-w-0 -mt-0.5", isAlternate && align === "right" && "text-right"),
+        children: [
+          item.time && /* @__PURE__ */ jsx("div", { className: "text-xs text-default-700 mb-0.5", children: item.time }),
+          /* @__PURE__ */ jsx("div", { className: "text-sm text-default-900", children: item.content })
+        ]
+      }
+    )
+  ] });
+};
+var Timeline = React5.forwardRef(
+  ({ items, mode = "left", className }, ref) => {
+    return /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-col w-full", className), children: items.map((item, idx) => /* @__PURE__ */ jsx(
+      TimelineItemRow,
+      {
+        item,
+        isLast: idx === items.length - 1,
+        mode,
+        index: idx
+      },
+      item.key
+    )) });
+  }
+);
+Timeline.displayName = "Timeline";
+var Tooltip2 = React5.forwardRef(
+  ({
+    content,
+    children,
+    side = "top",
+    align = "center",
+    delayDuration = 200,
+    open,
+    defaultOpen,
+    onOpenChange,
+    className,
+    asChild = true,
+    withProvider = true
+  }, ref) => {
+    const tooltip = /* @__PURE__ */ jsxs(
+      Tooltip,
+      {
+        open,
+        defaultOpen,
+        onOpenChange,
+        delayDuration,
+        children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild, children }),
+          /* @__PURE__ */ jsx(TooltipContent, { ref, side, align, className: cn(className), children: content })
+        ]
+      }
+    );
+    if (!withProvider) return tooltip;
+    return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration, children: tooltip });
+  }
+);
+Tooltip2.displayName = "Tooltip";
+
+export { Alert, Breadcrumb, Card2 as Card, Column_default, DeleteModal_default, Drawer_default, Empty, HoverCard2 as HoverCard, List2 as List, Modal_default, Popconfirm, Popover2 as Popover, Segmented, Statistic, Step, Steps, TablePagination, Table_default, Tabs2 as Tabs, Timeline, Tooltip2 as Tooltip };
+//# sourceMappingURL=chunk-5FWELSEZ.js.map
+//# sourceMappingURL=chunk-5FWELSEZ.js.map