veloria-ui 0.1.2

package/dist/provider.mjs

@@ -0,0 +1,1161 @@
+"use client";
+
+// src/components/feedback/index.tsx
+import * as React2 from "react";
+import * as ToastPrimitive from "@radix-ui/react-toast";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { cva } from "class-variance-authority";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import React from "react";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/feedback/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var alertVariants = cva(
+  "atlas-alert relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        info: "border-info/30 bg-info/10 text-info-foreground [&>svg]:text-info",
+        success: "border-success/30 bg-success/10 text-success-foreground [&>svg]:text-success",
+        warning: "border-warning/30 bg-warning/10 text-warning-foreground [&>svg]:text-warning",
+        danger: "border-destructive/30 bg-destructive/10 text-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Alert = React2.forwardRef(
+  ({ className, variant, icon, closable, onClose, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props, children: [
+    icon,
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1", children }),
+      closable && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "shrink-0 rounded-md p-0.5 text-current/50 hover:text-current transition-colors",
+          "aria-label": "Dismiss alert",
+          children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+        }
+      )
+    ] })
+  ] })
+);
+Alert.displayName = "Alert";
+var AlertTitle = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("h5", { ref, className: cn("mb-1 font-semibold leading-tight tracking-tight", className), ...props })
+);
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm leading-relaxed", className), ...props })
+);
+AlertDescription.displayName = "AlertDescription";
+var ToastProvider = ToastPrimitive.Provider;
+var ToastViewport = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitive.Viewport,
+  {
+    ref,
+    className: cn(
+      "atlas-toast-viewport fixed bottom-4 right-4 z-[100] flex flex-col gap-2 w-full max-w-sm p-4",
+      className
+    ),
+    ...props
+  }
+));
+ToastViewport.displayName = ToastPrimitive.Viewport.displayName;
+var toastVariants = cva(
+  [
+    "group pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden",
+    "rounded-lg border p-4 shadow-lg transition-all",
+    "data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)]",
+    "data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none",
+    "data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom-full data-[state=open]:fade-in",
+    "data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:slide-out-to-right-full"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-background border-border",
+        success: "bg-success/10 border-success/20 text-success",
+        warning: "bg-warning/10 border-warning/20 text-warning",
+        danger: "bg-destructive/10 border-destructive/20 text-destructive",
+        info: "bg-info/10 border-info/20 text-info"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Toast = React2.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitive.Root, { ref, className: cn(toastVariants({ variant }), className), ...props }));
+Toast.displayName = ToastPrimitive.Root.displayName;
+var ToastTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitive.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+ToastTitle.displayName = ToastPrimitive.Title.displayName;
+var ToastDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ToastPrimitive.Description, { ref, className: cn("text-sm opacity-80", className), ...props }));
+ToastDescription.displayName = ToastPrimitive.Description.displayName;
+var ToastClose = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitive.Close,
+  {
+    ref,
+    "toast-close": "",
+    className: cn(
+      "ml-auto shrink-0 rounded-md p-0.5 opacity-50 hover:opacity-100 transition-opacity",
+      className
+    ),
+    "aria-label": "Close",
+    ...props,
+    children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+  }
+));
+ToastClose.displayName = ToastPrimitive.Close.displayName;
+var ToastAction = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitive.Action,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium",
+      "transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring",
+      "disabled:pointer-events-none disabled:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+ToastAction.displayName = ToastPrimitive.Action.displayName;
+var Snackbar = React2.forwardRef(
+  ({ className, open, message, action, variant = "default", position = "bottom-center", ...props }, ref) => {
+    if (!open) return null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        className: cn(
+          "atlas-snackbar fixed z-50 flex items-center gap-4 rounded-lg px-4 py-3 shadow-lg",
+          "min-w-[280px] max-w-[480px]",
+          position === "bottom-center" && "bottom-4 left-1/2 -translate-x-1/2",
+          position === "bottom-left" && "bottom-4 left-4",
+          position === "bottom-right" && "bottom-4 right-4",
+          position === "top-center" && "top-4 left-1/2 -translate-x-1/2",
+          variant === "default" && "bg-foreground text-background",
+          variant === "success" && "bg-success text-success-foreground",
+          variant === "warning" && "bg-warning text-warning-foreground",
+          variant === "danger" && "bg-destructive text-destructive-foreground",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "flex-1 text-sm font-medium", children: message }),
+          action && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
+        ]
+      }
+    );
+  }
+);
+Snackbar.displayName = "Snackbar";
+var Progress = React2.forwardRef(
+  ({ className, value, label, showValue, size = "md", color = "default", ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "atlas-progress w-full", children: [
+    (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-1.5", children: [
+      label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: label }),
+      showValue && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+        value ?? 0,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ProgressPrimitive.Root,
+      {
+        ref,
+        className: cn(
+          "relative overflow-hidden rounded-full bg-secondary",
+          size === "sm" && "h-1.5",
+          size === "md" && "h-2.5",
+          size === "lg" && "h-4",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          ProgressPrimitive.Indicator,
+          {
+            className: cn(
+              "h-full w-full flex-1 transition-all duration-500 ease-in-out",
+              color === "default" && "bg-primary",
+              color === "success" && "bg-success",
+              color === "warning" && "bg-warning",
+              color === "danger" && "bg-destructive"
+            ),
+            style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
+          }
+        )
+      }
+    )
+  ] })
+);
+Progress.displayName = "Progress";
+var CircularProgress = ({
+  value = 0,
+  size = 48,
+  thickness = 4,
+  showValue,
+  label,
+  color = "default",
+  indeterminate,
+  className,
+  ...props
+}) => {
+  const radius = (size - thickness) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const offset = circumference - value / 100 * circumference;
+  const colorMap = {
+    default: "stroke-primary",
+    success: "stroke-success",
+    warning: "stroke-warning",
+    danger: "stroke-destructive"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("atlas-circular-progress relative inline-flex items-center justify-center", className), children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: `0 0 ${size} ${size}`,
+        fill: "none",
+        className: indeterminate ? "animate-spin" : "",
+        role: "progressbar",
+        "aria-valuenow": indeterminate ? void 0 : value,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": label,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              strokeWidth: thickness,
+              className: "stroke-secondary"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              strokeWidth: thickness,
+              strokeDasharray: circumference,
+              strokeDashoffset: indeterminate ? circumference * 0.75 : offset,
+              strokeLinecap: "round",
+              className: cn("transition-all duration-500", colorMap[color]),
+              transform: `rotate(-90 ${size / 2} ${size / 2})`
+            }
+          )
+        ]
+      }
+    ),
+    showValue && !indeterminate && /* @__PURE__ */ jsxs("span", { className: "absolute text-xs font-semibold", children: [
+      value,
+      "%"
+    ] })
+  ] });
+};
+CircularProgress.displayName = "CircularProgress";
+var Skeleton = React2.forwardRef(
+  ({ className, variant = "rect", width, height, lines = 1, style, ...props }, ref) => {
+    if (variant === "text" && lines > 1) {
+      return /* @__PURE__ */ jsx("div", { className: cn("atlas-skeleton space-y-2", className), ref, ...props, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-4 animate-pulse rounded bg-muted",
+          style: { width: i === lines - 1 ? "75%" : "100%" }
+        },
+        i
+      )) });
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "atlas-skeleton animate-pulse bg-muted",
+          variant === "circle" ? "rounded-full" : "rounded-md",
+          variant === "text" && "h-4",
+          className
+        ),
+        style: { width, height, ...style },
+        "aria-hidden": "true",
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+var spinnerSizes = { xs: 12, sm: 16, md: 24, lg: 32, xl: 48 };
+var LoadingSpinner = ({ size = "md", label = "Loading", className, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: spinnerSizes[size],
+    height: spinnerSizes[size],
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: cn("atlas-loading-spinner animate-spin text-primary", className),
+    role: "status",
+    "aria-label": label,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+      /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+    ]
+  }
+);
+LoadingSpinner.displayName = "LoadingSpinner";
+var EmptyState = React2.forwardRef(
+  ({ className, icon, title, description, action, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "atlas-empty-state flex flex-col items-center justify-center gap-3 text-center py-16 px-6",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("div", { className: "rounded-full bg-muted p-4 text-muted-foreground [&>svg]:h-8 [&>svg]:w-8", children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: "max-w-xs", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description })
+        ] }),
+        action && /* @__PURE__ */ jsx("div", { className: "mt-2", children: action })
+      ]
+    }
+  )
+);
+EmptyState.displayName = "EmptyState";
+var statusColors = {
+  online: "bg-success",
+  offline: "bg-muted-foreground",
+  busy: "bg-destructive",
+  away: "bg-warning",
+  idle: "bg-warning/60"
+};
+var StatusIndicator = React2.forwardRef(
+  ({ className, status, label, pulse, size = "md", ...props }, ref) => /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      className: cn("atlas-status-indicator inline-flex items-center gap-1.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", children: [
+          /* @__PURE__ */ jsx("span", { className: cn(
+            "rounded-full",
+            statusColors[status],
+            size === "sm" && "h-1.5 w-1.5",
+            size === "md" && "h-2.5 w-2.5",
+            size === "lg" && "h-3.5 w-3.5"
+          ) }),
+          pulse && status === "online" && /* @__PURE__ */ jsx("span", { className: cn(
+            "absolute inline-flex rounded-full animate-ping opacity-75",
+            statusColors[status],
+            size === "sm" && "h-1.5 w-1.5",
+            size === "md" && "h-2.5 w-2.5",
+            size === "lg" && "h-3.5 w-3.5"
+          ) })
+        ] }),
+        label && /* @__PURE__ */ jsx("span", { className: "text-sm capitalize", children: label ?? status })
+      ]
+    }
+  )
+);
+StatusIndicator.displayName = "StatusIndicator";
+var Notification = React2.forwardRef(
+  ({ className, title, description, avatar, icon, time, unread, onClose, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "listitem",
+      className: cn(
+        "atlas-notification flex gap-3 p-4 transition-colors",
+        unread && "bg-primary/5",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: avatar ?? /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-muted text-muted-foreground [&>svg]:h-4 [&>svg]:w-4", children: icon }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsx("p", { className: cn("text-sm font-medium leading-snug", unread && "font-semibold"), children: title }),
+            unread && /* @__PURE__ */ jsx("span", { className: "mt-1 h-2 w-2 shrink-0 rounded-full bg-primary", "aria-label": "Unread" })
+          ] }),
+          description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-muted-foreground line-clamp-2", children: description }),
+          time && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: time })
+        ] }),
+        onClose && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "shrink-0 self-start rounded p-0.5 text-muted-foreground hover:text-foreground transition-colors",
+            "aria-label": "Dismiss notification",
+            children: /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+          }
+        )
+      ]
+    }
+  )
+);
+Notification.displayName = "Notification";
+var bannerVariants = {
+  info: "bg-info/10 border-info/30 text-info-foreground [&_.atlas-banner-icon]:text-info",
+  success: "bg-success/10 border-success/30 text-success-foreground [&_.atlas-banner-icon]:text-success",
+  warning: "bg-warning/10 border-warning/30 text-warning-foreground [&_.atlas-banner-icon]:text-warning",
+  danger: "bg-destructive/10 border-destructive/30 text-destructive [&_.atlas-banner-icon]:text-destructive"
+};
+var defaultBannerIcons = {
+  info: /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+  success: /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+  warning: /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
+  danger: /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" }) })
+};
+var BannerAlert = React2.forwardRef(
+  ({ className, title, description, variant = "info", dismissible, onDismiss, action, icon, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "alert",
+      className: cn(
+        "atlas-banner-alert w-full border-y px-4 py-3",
+        bannerVariants[variant],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 max-w-screen-xl mx-auto", children: [
+        /* @__PURE__ */ jsx("span", { className: "atlas-banner-icon shrink-0 mt-0.5", children: icon ?? defaultBannerIcons[variant] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          title && /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-sm mt-0.5 opacity-90", children: description })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+          action,
+          dismissible && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              "aria-label": "Dismiss",
+              className: "rounded-md p-1 opacity-60 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-current",
+              children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+            }
+          )
+        ] })
+      ] })
+    }
+  )
+);
+BannerAlert.displayName = "BannerAlert";
+var ConfirmDialog = ({
+  open,
+  onOpenChange,
+  title = "Are you sure?",
+  description = "This action cannot be undone.",
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  variant = "default",
+  onConfirm,
+  onCancel,
+  loading
+}) => {
+  const [pending, setPending] = React2.useState(false);
+  if (!open) return null;
+  const handleConfirm = async () => {
+    setPending(true);
+    try {
+      await onConfirm?.();
+      onOpenChange?.(false);
+    } finally {
+      setPending(false);
+    }
+  };
+  const handleCancel = () => {
+    onCancel?.();
+    onOpenChange?.(false);
+  };
+  const isBusy = pending || loading;
+  return /* @__PURE__ */ jsxs("div", { className: "atlas-confirm-dialog fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/50 animate-in fade-in-0",
+        onClick: handleCancel,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "alertdialog",
+        "aria-modal": "true",
+        "aria-labelledby": "confirm-title",
+        "aria-describedby": "confirm-description",
+        className: cn(
+          "relative z-10 w-full max-w-sm rounded-xl border border-border bg-background p-6 shadow-xl",
+          "animate-in fade-in-0 zoom-in-95"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ jsx("div", { className: cn(
+              "flex h-10 w-10 shrink-0 items-center justify-center rounded-full",
+              variant === "danger" ? "bg-destructive/10" : "bg-primary/10"
+            ), children: variant === "danger" ? /* @__PURE__ */ jsx("svg", { className: "h-5 w-5 text-destructive", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) : /* @__PURE__ */ jsx("svg", { className: "h-5 w-5 text-primary", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h2", { id: "confirm-title", className: "text-base font-semibold", children: title }),
+              /* @__PURE__ */ jsx("p", { id: "confirm-description", className: "mt-1 text-sm text-muted-foreground", children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-end gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleCancel,
+                disabled: isBusy,
+                className: "inline-flex h-9 items-center justify-center rounded-md border border-border bg-background px-4 text-sm font-medium hover:bg-accent transition-colors disabled:opacity-50",
+                children: cancelLabel
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: handleConfirm,
+                disabled: isBusy,
+                className: cn(
+                  "inline-flex h-9 items-center justify-center gap-2 rounded-md px-4 text-sm font-medium transition-colors disabled:opacity-50",
+                  variant === "danger" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90"
+                ),
+                children: [
+                  isBusy && /* @__PURE__ */ jsxs("svg", { className: "h-3.5 w-3.5 animate-spin", fill: "none", viewBox: "0 0 24 24", children: [
+                    /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                    /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+                  ] }),
+                  confirmLabel
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+ConfirmDialog.displayName = "ConfirmDialog";
+var positionMap = {
+  "bottom-right": "fixed bottom-6 right-6 z-40",
+  "bottom-left": "fixed bottom-6 left-6 z-40",
+  "bottom-center": "fixed bottom-6 left-1/2 -translate-x-1/2 z-40"
+};
+var fabSizes = {
+  sm: "h-12 w-12 [&>svg]:h-5 [&>svg]:w-5",
+  md: "h-14 w-14 [&>svg]:h-6 [&>svg]:w-6",
+  lg: "h-16 w-16 [&>svg]:h-7 [&>svg]:w-7"
+};
+var FloatingActionButton = React2.forwardRef(
+  ({ className, icon, label = "Open actions", actions = [], position = "bottom-right", size = "md", onClick, ...props }, ref) => {
+    const [open, setOpen] = React2.useState(false);
+    const hasActions = actions.length > 0;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(positionMap[position], "flex flex-col-reverse items-center gap-3", className),
+        ...props,
+        children: [
+          hasActions && open && /* @__PURE__ */ jsx("div", { className: "flex flex-col-reverse gap-2", children: actions.map((action, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "rounded-md bg-foreground/90 px-2 py-1 text-xs text-background font-medium shadow whitespace-nowrap", children: action.label }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: action.disabled,
+                onClick: () => {
+                  action.onClick();
+                  setOpen(false);
+                },
+                "aria-label": action.label,
+                className: cn(
+                  "flex h-10 w-10 items-center justify-center rounded-full bg-background border border-border",
+                  "shadow-md text-foreground hover:bg-accent transition-all",
+                  "[&>svg]:h-4 [&>svg]:w-4",
+                  "disabled:opacity-50 disabled:pointer-events-none"
+                ),
+                children: action.icon
+              }
+            )
+          ] }, i)) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": label,
+              "aria-expanded": hasActions ? open : void 0,
+              onClick: hasActions ? () => setOpen(!open) : onClick,
+              className: cn(
+                "flex items-center justify-center rounded-full",
+                "bg-primary text-primary-foreground shadow-lg",
+                "hover:bg-primary/90 active:scale-95 transition-all",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                fabSizes[size]
+              ),
+              children: icon ?? /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: cn("transition-transform duration-200", hasActions && open && "rotate-45"),
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  style: { width: "1.5rem", height: "1.5rem" },
+                  children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" })
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+FloatingActionButton.displayName = "FloatingActionButton";
+var RichTooltip = ({
+  children,
+  title,
+  description,
+  action,
+  side = "top",
+  open: controlledOpen,
+  defaultOpen = false,
+  delayDuration = 400
+}) => {
+  const [internalOpen, setInternalOpen] = React2.useState(defaultOpen);
+  const isOpen = controlledOpen ?? internalOpen;
+  const timeoutRef = React2.useRef(null);
+  const show = () => {
+    timeoutRef.current = setTimeout(() => setInternalOpen(true), delayDuration);
+  };
+  const hide = () => {
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    setInternalOpen(false);
+  };
+  const positionClasses = {
+    top: "bottom-full left-1/2 -translate-x-1/2 mb-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",
+    right: "left-full top-1/2 -translate-y-1/2 ml-2"
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "atlas-rich-tooltip relative inline-flex",
+      onMouseEnter: show,
+      onMouseLeave: hide,
+      onFocus: show,
+      onBlur: hide,
+      children: [
+        children,
+        isOpen && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "tooltip",
+            className: cn(
+              "absolute z-50 w-64 rounded-lg border border-border bg-popover p-3 shadow-lg",
+              "animate-in fade-in-0 zoom-in-95",
+              positionClasses[side]
+            ),
+            children: [
+              title && /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold mb-1", children: title }),
+              description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: description }),
+              action && /* @__PURE__ */ jsx("div", { className: "mt-2 pt-2 border-t border-border", children: action })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+RichTooltip.displayName = "RichTooltip";
+var Tour = ({
+  steps,
+  open,
+  onOpenChange,
+  onComplete,
+  currentStep: controlledStep,
+  onStepChange
+}) => {
+  const [internalStep, setInternalStep] = React2.useState(0);
+  const step = controlledStep ?? internalStep;
+  const current = steps[step];
+  if (!open || !current) return null;
+  const goNext = () => {
+    if (step < steps.length - 1) {
+      const next = step + 1;
+      onStepChange?.(next);
+      setInternalStep(next);
+    } else {
+      onComplete?.();
+      onOpenChange?.(false);
+    }
+  };
+  const goPrev = () => {
+    if (step > 0) {
+      const prev = step - 1;
+      onStepChange?.(prev);
+      setInternalStep(prev);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "atlas-tour fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/40 animate-in fade-in-0",
+        onClick: () => onOpenChange?.(false),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": `Tour step ${step + 1} of ${steps.length}: ${current.title}`,
+        className: "relative z-10 w-full max-w-sm rounded-xl border border-border bg-background p-5 shadow-xl animate-in fade-in-0 zoom-in-95",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-muted-foreground", children: [
+              "Step ",
+              step + 1,
+              " of ",
+              steps.length
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onOpenChange?.(false),
+                "aria-label": "Close tour",
+                className: "rounded p-0.5 text-muted-foreground hover:text-foreground transition-colors",
+                children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold mb-1", children: current.title }),
+          /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: current.description }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-5 flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: steps.map((_, i) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "h-1.5 rounded-full transition-all",
+                  i === step ? "w-4 bg-primary" : "w-1.5 bg-muted"
+                )
+              },
+              i
+            )) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+              step > 0 && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: goPrev,
+                  className: "h-8 px-3 rounded-md border border-border text-sm hover:bg-accent transition-colors",
+                  children: "Back"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: goNext,
+                  className: "h-8 px-4 rounded-md bg-primary text-primary-foreground text-sm font-medium hover:bg-primary/90 transition-colors",
+                  children: step === steps.length - 1 ? "Done" : "Next"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+Tour.displayName = "Tour";
+
+// src/components/basic/index.tsx
+import * as React3 from "react";
+import { Slot } from "@radix-ui/react-slot";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Link = React3.forwardRef(
+  ({ className, asChild, external, underline = "hover", children, ...props }, ref) => {
+    const Comp = asChild ? Slot : "a";
+    const externalProps = external ? { target: "_blank", rel: "noopener noreferrer" } : {};
+    return /* @__PURE__ */ jsxs2(
+      Comp,
+      {
+        ref,
+        className: cn(
+          "atlas-link text-primary transition-colors",
+          underline === "always" && "underline underline-offset-4",
+          underline === "hover" && "hover:underline underline-offset-4",
+          underline === "none" && "no-underline",
+          className
+        ),
+        ...externalProps,
+        ...props,
+        children: [
+          children,
+          external && /* @__PURE__ */ jsx2(
+            "svg",
+            {
+              className: "inline-block ml-0.5 h-3 w-3 align-super",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx2(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Link.displayName = "Link";
+var badgeVariants = cva2(
+  "atlas-badge inline-flex items-center gap-1 rounded-full font-medium transition-colors",
+  {
+    variants: {
+      variant: {
+        solid: "bg-primary text-primary-foreground",
+        outline: "border border-current bg-transparent",
+        soft: "bg-primary/10 text-primary",
+        neutral: "bg-muted text-muted-foreground"
+      },
+      size: {
+        sm: "px-1.5 py-0.5 text-[10px]",
+        md: "px-2 py-0.5 text-xs",
+        lg: "px-2.5 py-1 text-sm"
+      },
+      color: {
+        primary: "",
+        success: "",
+        warning: "",
+        danger: "",
+        info: "",
+        neutral: ""
+      }
+    },
+    compoundVariants: [
+      { variant: "solid", color: "success", className: "bg-success text-success-foreground" },
+      { variant: "solid", color: "warning", className: "bg-warning text-warning-foreground" },
+      { variant: "solid", color: "danger", className: "bg-destructive text-destructive-foreground" },
+      { variant: "solid", color: "info", className: "bg-info text-info-foreground" },
+      { variant: "soft", color: "success", className: "bg-success/10 text-success" },
+      { variant: "soft", color: "warning", className: "bg-warning/10 text-warning" },
+      { variant: "soft", color: "danger", className: "bg-destructive/10 text-destructive" },
+      { variant: "soft", color: "info", className: "bg-info/10 text-info" }
+    ],
+    defaultVariants: {
+      variant: "soft",
+      size: "md",
+      color: "primary"
+    }
+  }
+);
+var Badge = React3.forwardRef(
+  ({ className, variant, size, color, dot, children, ...props }, ref) => /* @__PURE__ */ jsxs2("span", { ref, className: cn(badgeVariants({ variant, size, color, className })), ...props, children: [
+    dot && /* @__PURE__ */ jsx2("span", { className: "h-1.5 w-1.5 rounded-full bg-current", "aria-hidden": "true" }),
+    children
+  ] })
+);
+Badge.displayName = "Badge";
+var avatarSizes = {
+  xs: "h-6 w-6 text-[10px]",
+  sm: "h-8 w-8 text-xs",
+  md: "h-10 w-10 text-sm",
+  lg: "h-12 w-12 text-base",
+  xl: "h-16 w-16 text-lg",
+  "2xl": "h-20 w-20 text-xl"
+};
+var Avatar = React3.forwardRef(({ className, src, alt, fallback, size = "md", shape = "circle", status, ...props }, ref) => /* @__PURE__ */ jsxs2("div", { className: "atlas-avatar relative inline-flex shrink-0", children: [
+  /* @__PURE__ */ jsxs2(
+    AvatarPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "relative flex shrink-0 overflow-hidden",
+        avatarSizes[size],
+        shape === "circle" ? "rounded-full" : "rounded-md",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2(
+          AvatarPrimitive.Image,
+          {
+            src,
+            alt,
+            className: "aspect-square h-full w-full object-cover"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          AvatarPrimitive.Fallback,
+          {
+            className: cn(
+              "flex h-full w-full items-center justify-center",
+              "bg-muted font-medium text-muted-foreground uppercase"
+            ),
+            children: fallback ?? (alt ? alt.slice(0, 2) : "?")
+          }
+        )
+      ]
+    }
+  ),
+  status && /* @__PURE__ */ jsx2(
+    "span",
+    {
+      "aria-label": `Status: ${status}`,
+      className: cn(
+        "absolute bottom-0 right-0 block rounded-full ring-2 ring-background",
+        size === "xs" || size === "sm" ? "h-2 w-2" : "h-2.5 w-2.5",
+        status === "online" && "bg-success",
+        status === "offline" && "bg-muted-foreground",
+        status === "busy" && "bg-destructive",
+        status === "away" && "bg-warning"
+      )
+    }
+  )
+] }));
+Avatar.displayName = "Avatar";
+var AvatarGroup = React3.forwardRef(
+  ({ className, children, max, size = "md", spacing = "tight", ...props }, ref) => {
+    const validChildren = React3.Children.toArray(children).filter(React3.isValidElement);
+    const visible = max ? validChildren.slice(0, max) : validChildren;
+    const overflow = max ? validChildren.length - max : 0;
+    const spacingMap = { tight: "-space-x-2", normal: "-space-x-1", loose: "space-x-1" };
+    return /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        ref,
+        className: cn("atlas-avatar-group flex items-center", spacingMap[spacing], className),
+        ...props,
+        children: [
+          visible.map(
+            (child, i) => React3.cloneElement(child, {
+              key: i,
+              size,
+              className: cn(
+                "ring-2 ring-background",
+                child.props.className
+              )
+            })
+          ),
+          overflow > 0 && /* @__PURE__ */ jsxs2(
+            "span",
+            {
+              className: cn(
+                "atlas-avatar relative flex shrink-0 items-center justify-center rounded-full",
+                "bg-muted text-muted-foreground font-medium ring-2 ring-background",
+                avatarSizes[size]
+              ),
+              "aria-label": `${overflow} more`,
+              children: [
+                "+",
+                overflow
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+AvatarGroup.displayName = "AvatarGroup";
+var Divider = React3.forwardRef(
+  ({ className, orientation = "horizontal", label, labelPosition = "center", ...props }, ref) => {
+    if (!label) {
+      return /* @__PURE__ */ jsx2(
+        SeparatorPrimitive.Root,
+        {
+          ref,
+          orientation,
+          className: cn(
+            "atlas-divider shrink-0 bg-border",
+            orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+            className
+          ),
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: cn(
+          "atlas-divider relative flex items-center gap-3 w-full",
+          className
+        ),
+        role: "separator",
+        children: [
+          labelPosition !== "left" && /* @__PURE__ */ jsx2("span", { className: "flex-1 bg-border h-px" }),
+          /* @__PURE__ */ jsx2("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: label }),
+          labelPosition !== "right" && /* @__PURE__ */ jsx2("span", { className: "flex-1 bg-border h-px" })
+        ]
+      }
+    );
+  }
+);
+Divider.displayName = "Divider";
+var Tag = React3.forwardRef(
+  ({ className, closable, onClose, icon, size = "md", variant = "soft", color = "neutral", children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+    "span",
+    {
+      ref,
+      className: cn(
+        "atlas-tag inline-flex items-center gap-1 rounded font-medium",
+        size === "sm" && "px-1.5 py-0.5 text-[10px]",
+        size === "md" && "px-2 py-1 text-xs",
+        size === "lg" && "px-3 py-1.5 text-sm",
+        variant === "soft" && color === "neutral" && "bg-muted text-muted-foreground",
+        variant === "soft" && color === "primary" && "bg-primary/10 text-primary",
+        variant === "soft" && color === "success" && "bg-success/10 text-success",
+        variant === "soft" && color === "warning" && "bg-warning/10 text-warning",
+        variant === "soft" && color === "danger" && "bg-destructive/10 text-destructive",
+        variant === "outline" && "border border-current bg-transparent",
+        variant === "solid" && color === "neutral" && "bg-muted-foreground text-background",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx2("span", { className: "shrink-0", "aria-hidden": "true", children: icon }),
+        children,
+        closable && /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "ml-0.5 rounded-full hover:bg-black/10 dark:hover:bg-white/10 p-0.5 transition-colors",
+            "aria-label": "Remove tag",
+            children: /* @__PURE__ */ jsx2("svg", { className: "h-2.5 w-2.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx2("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })
+          }
+        )
+      ]
+    }
+  )
+);
+Tag.displayName = "Tag";
+var Chip = React3.forwardRef(
+  ({ className, selected, avatar, icon, closable, onClose, size = "md", children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "atlas-chip inline-flex items-center gap-1.5 rounded-full font-medium",
+        "border transition-all duration-150 cursor-pointer",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "disabled:pointer-events-none disabled:opacity-50",
+        size === "sm" && "h-6 px-2 text-xs",
+        size === "md" && "h-8 px-3 text-sm",
+        size === "lg" && "h-9 px-4 text-sm",
+        selected ? "bg-primary text-primary-foreground border-primary" : "bg-background text-foreground border-border hover:bg-accent",
+        className
+      ),
+      "aria-pressed": selected,
+      ...props,
+      children: [
+        avatar && /* @__PURE__ */ jsx2("span", { className: "shrink-0 -ml-0.5", children: avatar }),
+        icon && !avatar && /* @__PURE__ */ jsx2("span", { className: "shrink-0 [&>svg]:h-3.5 [&>svg]:w-3.5", "aria-hidden": "true", children: icon }),
+        children,
+        closable && /* @__PURE__ */ jsx2(
+          "span",
+          {
+            role: "button",
+            tabIndex: 0,
+            onClick: (e) => {
+              e.stopPropagation();
+              onClose?.(e);
+            },
+            className: "shrink-0 -mr-0.5 rounded-full hover:bg-black/10 dark:hover:bg-white/10 p-0.5",
+            "aria-label": "Remove",
+            children: /* @__PURE__ */ jsx2("svg", { className: "h-3 w-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx2("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) })
+          }
+        )
+      ]
+    }
+  )
+);
+Chip.displayName = "Chip";
+var TooltipProvider = TooltipPrimitive.Provider;
+var TooltipRoot = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React3.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx2(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx2(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "atlas-tooltip z-50 overflow-hidden rounded-md",
+      "bg-foreground px-3 py-1.5 text-xs text-background shadow-md",
+      "animate-in fade-in-0 zoom-in-95",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+      "data-[side=bottom]:slide-in-from-top-2",
+      "data-[side=left]:slide-in-from-right-2",
+      "data-[side=right]:slide-in-from-left-2",
+      "data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var Tooltip = ({ content, children, side = "top", delayDuration = 300, className }) => /* @__PURE__ */ jsx2(TooltipProvider, { children: /* @__PURE__ */ jsxs2(TooltipRoot, { delayDuration, children: [
+  /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, children }),
+  /* @__PURE__ */ jsx2(TooltipContent, { side, className, children: content })
+] }) });
+Tooltip.displayName = "Tooltip";
+
+// src/provider.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function AtlasProvider({
+  children,
+  toastDuration = 5e3,
+  toastSwipeDirection = "right",
+  tooltipDelay = 300
+}) {
+  return /* @__PURE__ */ jsx3(ToastProvider, { duration: toastDuration, swipeDirection: toastSwipeDirection, children: /* @__PURE__ */ jsxs3(TooltipProvider, { delayDuration: tooltipDelay, children: [
+    children,
+    /* @__PURE__ */ jsx3(ToastViewport, {})
+  ] }) });
+}
+export {
+  AtlasProvider
+};
+//# sourceMappingURL=provider.mjs.map