@vadimcomanescu/nadicode-design-system 4.0.11 → 5.0.1

package/dist/components/ui/AgentStatus.js

@@ -1,72 +1,3 @@
 'use client';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { cva } from 'class-variance-authority';
-import { useTranslations } from 'next-intl';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var agentStatusVariants = cva(
-  "inline-flex items-center gap-2 rounded-full px-4 py-1.5 text-xs font-medium transition-colors border",
-  {
-    variants: {
-      status: {
-        idle: "border-border bg-surface text-text-secondary",
-        thinking: "border-accent/30 bg-accent/5 text-accent",
-        streaming: "border-info/30 bg-info/5 text-info",
-        error: "border-destructive/30 bg-destructive/5 text-destructive",
-        complete: "border-success/30 bg-success/5 text-success"
-      },
-      size: {
-        sm: "px-2 py-1.5 text-[10px] gap-1.5",
-        default: "px-4 py-1.5 text-xs gap-2",
-        lg: "px-4 py-2 text-sm gap-2.5"
-      }
-    },
-    defaultVariants: {
-      status: "idle",
-      size: "default"
-    }
-  }
-);
-var dotVariants = cva(
-  "rounded-full",
-  {
-    variants: {
-      status: {
-        idle: "bg-text-tertiary",
-        thinking: "bg-accent animate-pulse motion-reduce:animate-none",
-        streaming: "bg-info animate-pulse motion-reduce:animate-none",
-        error: "bg-destructive",
-        complete: "bg-success"
-      },
-      size: {
-        sm: "h-1.5 w-1.5",
-        default: "h-2 w-2",
-        lg: "h-2.5 w-2.5"
-      }
-    },
-    defaultVariants: {
-      status: "idle",
-      size: "default"
-    }
-  }
-);
-function AgentStatus({ className, status = "idle", size, label, showDot = true, ref, ...props }) {
-  const t = useTranslations("components.agentStatus");
-  const displayLabel = label ?? t(status);
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      ref,
-      className: cn(agentStatusVariants({ status, size }), className),
-      role: "status",
-      "aria-label": `Agent status: ${displayLabel}`,
-      ...props,
-      children: [
-        !!showDot && /* @__PURE__ */ jsx("span", { className: cn(dotVariants({ status, size })), "aria-hidden": "true" }),
-        displayLabel
-      ]
-    }
-  );
-}
-
-export { AgentStatus, agentStatusVariants };
+export { AgentStatus, agentStatusVariants } from '../../chunk-F3QIIOOL.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AgentTimeline.js

@@ -1,99 +1,5 @@
 'use client';
-import { ChevronDownIcon } from '../../chunk-HJBXUXTD.js';
+export { AgentTimeline } from '../../chunk-TTA5TLNJ.js';
+import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import * as React from 'react';
-import { useTranslations } from 'next-intl';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var eventDotColor = {
-  tool_call: "bg-accent",
-  message: "bg-primary",
-  decision: "bg-warning",
-  error: "bg-destructive"
-};
-var eventLineColor = {
-  tool_call: "border-accent/30",
-  message: "border-primary/30",
-  decision: "border-warning/30",
-  error: "border-destructive/30"
-};
-function AgentTimeline({ className, events, ref, ...props }) {
-  const t = useTranslations("components.agentTimeline");
-  const [expandedIds, setExpandedIds] = React.useState(() => /* @__PURE__ */ new Set());
-  function toggle(id) {
-    setExpandedIds((prev) => {
-      const next = new Set(prev);
-      if (next.has(id)) next.delete(id);
-      else next.add(id);
-      return next;
-    });
-  }
-  if (events.length === 0) {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("relative", className), "aria-live": "polite", ...props, children: /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: t("noEvents") }) });
-  }
-  return /* @__PURE__ */ jsx("div", { ref, className: cn("relative", className), "aria-live": "polite", ...props, children: events.map((event, i) => {
-    const isLast = i === events.length - 1;
-    const isExpanded = expandedIds.has(event.id);
-    const detailId = `timeline-detail-${event.id}`;
-    return /* @__PURE__ */ jsxs("div", { className: "relative flex gap-4 pb-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "h-2.5 w-2.5 rounded-full flex-shrink-0 mt-1.5",
-              eventDotColor[event.type]
-            )
-          }
-        ),
-        !isLast && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "w-px flex-1 border-l",
-              eventLineColor[event.type]
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 -mt-0.5", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-primary truncate", children: event.title }),
-          !!event.detail && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => toggle(event.id),
-              "aria-label": isExpanded ? "Collapse details" : "Expand details",
-              "aria-expanded": isExpanded,
-              "aria-controls": detailId,
-              className: "text-text-tertiary hover:text-text-secondary transition-colors flex-shrink-0",
-              children: /* @__PURE__ */ jsx(
-                ChevronDownIcon,
-                {
-                  size: 14,
-                  "aria-hidden": "true",
-                  className: cn(
-                    "transition-transform",
-                    isExpanded && "rotate-180"
-                  )
-                }
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-text-tertiary mt-0.5", children: [
-          /* @__PURE__ */ jsx("time", { children: event.timestamp }),
-          !!event.agent && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
-            /* @__PURE__ */ jsx("span", { children: event.agent })
-          ] })
-        ] }),
-        !!event.detail && isExpanded && /* @__PURE__ */ jsx("p", { id: detailId, className: "mt-1.5 text-xs text-text-secondary rounded bg-surface p-2", children: event.detail })
-      ] })
-    ] }, event.id);
-  }) });
-}
-
-export { AgentTimeline };
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AlertDialog.js

@@ -1,137 +1,7 @@
 'use client';
-import { buttonVariants } from '../../chunk-7KIDDF3I.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from '../../chunk-YCS4MMC3.js';
+import '../../chunk-7KIDDF3I.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var AlertDialog = AlertDialogPrimitive.Root;
-var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-var AlertDialogPortal = AlertDialogPrimitive.Portal;
-function AlertDialogOverlay({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Overlay,
-    {
-      className: cn(
-        "fixed inset-0 z-50 bg-overlay/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        className
-      ),
-      ...props,
-      ref
-    }
-  );
-}
-function AlertDialogContent({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx(
-      AlertDialogPrimitive.Content,
-      {
-        ref,
-        className: cn(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 glass-panel p-6 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-var AlertDialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-var AlertDialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-function AlertDialogTitle({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Title,
-    {
-      ref,
-      className: cn("text-lg font-semibold text-text-primary", className),
-      ...props
-    }
-  );
-}
-function AlertDialogDescription({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Description,
-    {
-      ref,
-      className: cn("text-sm text-text-secondary", className),
-      ...props
-    }
-  );
-}
-function AlertDialogAction({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Action,
-    {
-      ref,
-      className: cn(buttonVariants(), className),
-      ...props
-    }
-  );
-}
-function AlertDialogCancel({
-  className,
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Cancel,
-    {
-      ref,
-      className: cn(
-        buttonVariants({ variant: "outline" }),
-        "mt-2 sm:mt-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AnnouncementBanner.js

@@ -1,48 +1,6 @@
 'use client';
-import { useDismissed } from '../../chunk-SH72GWB7.js';
-import { XIcon } from '../../chunk-UIUMTURU.js';
+export { AnnouncementBanner, bannerVariants } from '../../chunk-44NVO477.js';
+import '../../chunk-SH72GWB7.js';
+import '../../chunk-UIUMTURU.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var bannerVariants = cva(
-  "relative flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium",
-  {
-    variants: {
-      variant: {
-        info: "bg-info text-info-foreground",
-        warning: "bg-warning text-warning-foreground",
-        success: "bg-success text-success-foreground",
-        accent: "bg-accent text-accent-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "accent"
-    }
-  }
-);
-function AnnouncementBanner({
-  className,
-  variant,
-  storageKey = "announcement-dismissed",
-  children,
-  ...props
-}) {
-  const [dismissed, dismiss] = useDismissed(storageKey);
-  if (dismissed) return null;
-  return /* @__PURE__ */ jsxs("div", { className: cn(bannerVariants({ variant, className })), role: "banner", ...props, children: [
-    /* @__PURE__ */ jsx("span", { className: "text-pretty", children }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: dismiss,
-        className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-sm p-1.5 opacity-70 hover:opacity-100 transition-opacity",
-        "aria-label": "Dismiss announcement",
-        children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
-      }
-    )
-  ] });
-}
-
-export { AnnouncementBanner, bannerVariants };
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/ApprovalCard.js

@@ -1,117 +1,7 @@
 'use client';
-import { ShieldIcon } from '../../chunk-P6IRHPFM.js';
-import { AlertTriangleIcon } from '../../chunk-SXHYB7JB.js';
-import { ShieldCheckIcon } from '../../chunk-BFLN54VR.js';
+export { ApprovalCard, approvalCardVariants } from '../../chunk-UT6MKK2S.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-BFLN54VR.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var approvalCardVariants = cva(
-  "rounded-lg border p-4 glass-floating transition-colors",
-  {
-    variants: {
-      riskLevel: {
-        low: "border-success/40",
-        medium: "border-warning/40",
-        high: "border-destructive/40"
-      }
-    },
-    defaultVariants: {
-      riskLevel: "low"
-    }
-  }
-);
-var RiskIcon = ({
-  riskLevel
-}) => {
-  switch (riskLevel) {
-    case "high":
-      return /* @__PURE__ */ jsx(AlertTriangleIcon, { size: 18, className: "text-destructive" });
-    case "medium":
-      return /* @__PURE__ */ jsx(ShieldIcon, { size: 18, className: "text-warning" });
-    default:
-      return /* @__PURE__ */ jsx(ShieldCheckIcon, { size: 18, className: "text-success" });
-  }
-};
-function ApprovalCard({
-  className,
-  riskLevel,
-  title,
-  description,
-  onApprove,
-  onReject,
-  timeout,
-  ref,
-  ...props
-}) {
-  const [remaining, setRemaining] = React.useState(timeout);
-  React.useEffect(() => {
-    if (timeout == null) return;
-    setRemaining(timeout);
-    const interval = setInterval(() => {
-      setRemaining((prev) => {
-        if (prev == null || prev <= 1) {
-          clearInterval(interval);
-          return 0;
-        }
-        return prev - 1;
-      });
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, [timeout]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: cn(approvalCardVariants({ riskLevel }), className),
-      role: "alert",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
-          /* @__PURE__ */ jsx(RiskIcon, { riskLevel }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-text-primary", children: title }),
-            !!description && /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs text-text-secondary", children: description })
-          ] })
-        ] }),
-        timeout != null && remaining != null && /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-1 rounded-full bg-surface overflow-hidden", children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "h-full bg-accent transition-all duration-1000 ease-linear rounded-full",
-              style: { width: `${remaining / timeout * 100}%` }
-            }
-          ) }),
-          /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-text-tertiary mt-0.5 block", children: [
-            remaining,
-            "s remaining"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-4", children: [
-          !!onApprove && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onApprove,
-              className: "rounded-md bg-success/10 border border-success/30 px-4 py-1.5 text-xs font-medium text-success hover:bg-success/20 transition-colors",
-              children: "Approve"
-            }
-          ),
-          !!onReject && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onReject,
-              className: "rounded-md bg-destructive/10 border border-destructive/30 px-4 py-1.5 text-xs font-medium text-destructive hover:bg-destructive/20 transition-colors",
-              children: "Reject"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-export { ApprovalCard, approvalCardVariants };
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AspectRatio.js

@@ -1,6 +1,2 @@
 'use client';
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-
-var AspectRatio = AspectRatioPrimitive.Root;
-
-export { AspectRatio };
+export { AspectRatio } from '../../chunk-E5E3W2K4.js';

package/dist/components/ui/AvatarUpload.js

@@ -1,124 +1,11 @@
 'use client';
-import { MouseSpotlight } from '../../chunk-X5AEOQAL.js';
+export { AvatarUpload } from '../../chunk-FAQZPQF7.js';
+import '../../chunk-AU2Q7CXZ.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { UploadIcon } from '../../chunk-ONGJ7AC2.js';
-import { UserIcon } from '../../chunk-UHXGBV5N.js';
-import { XIcon } from '../../chunk-UIUMTURU.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { useState, useRef, useEffect } from 'react';
-import { useTranslations } from 'next-intl';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function AvatarUpload({ className, value, onChange, ...props }) {
-  const t = useTranslations("components.avatarUpload");
-  const [localPreview, setLocalPreview] = useState(void 0);
-  const inputRef = useRef(null);
-  const displayPreview = value ?? localPreview;
-  useEffect(() => {
-    const current = localPreview;
-    return () => {
-      if (current && current.startsWith("blob:")) {
-        URL.revokeObjectURL(current);
-      }
-    };
-  }, [localPreview]);
-  const handleFileChange = (e) => {
-    const file = e.target.files?.[0];
-    if (file) {
-      const objectUrl = URL.createObjectURL(file);
-      setLocalPreview(objectUrl);
-      onChange?.(file);
-    }
-  };
-  const handleDrop = (e) => {
-    e.preventDefault();
-    const file = e.dataTransfer.files?.[0];
-    if (file) {
-      const objectUrl = URL.createObjectURL(file);
-      setLocalPreview(objectUrl);
-      onChange?.(file);
-    }
-  };
-  const handleRemove = (e) => {
-    e.stopPropagation();
-    setLocalPreview(void 0);
-    if (inputRef.current) {
-      inputRef.current.value = "";
-    }
-    onChange?.(null);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("group relative flex flex-col items-center gap-4", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref: inputRef,
-            type: "file",
-            accept: "image/*",
-            className: "hidden",
-            onChange: handleFileChange,
-            "aria-label": t("uploadAvatar"),
-            tabIndex: -1
-          }
-        ),
-        /* @__PURE__ */ jsx(MouseSpotlight, { className: "rounded-full", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              onClick: () => inputRef.current?.click(),
-              onKeyDown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  inputRef.current?.click();
-                }
-              },
-              role: "button",
-              tabIndex: 0,
-              "aria-label": t("uploadAvatar"),
-              onDragOver: (e) => e.preventDefault(),
-              onDrop: handleDrop,
-              className: cn(
-                "relative flex h-32 w-32 cursor-pointer items-center justify-center overflow-hidden rounded-full border border-border/10 bg-surface/40 transition-all duration-300 group-hover:border-accent/50 group-hover:shadow-[0_0_30px_-10px_rgba(var(--color-accent),0.3)]",
-                !displayPreview && "hover:bg-surface/60"
-              ),
-              children: [
-                displayPreview ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: displayPreview,
-                    alt: "Avatar",
-                    className: "h-full w-full object-cover transition-opacity group-hover:opacity-50"
-                  }
-                ) }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-1.5 text-text-secondary transition-colors group-hover:text-accent", children: /* @__PURE__ */ jsx(UserIcon, { size: 40 }) }),
-                /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center p-2 text-overlay-foreground bg-overlay/50 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200", children: [
-                  /* @__PURE__ */ jsx(UploadIcon, { size: 24, className: "mb-1.5" }),
-                  /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-center", children: displayPreview ? t("change") : t("upload") })
-                ] })
-              ]
-            }
-          ),
-          !!displayPreview && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleRemove,
-              className: "absolute top-0 right-0 p-1.5 m-1.5 bg-destructive text-destructive-foreground rounded-full opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200 hover:bg-destructive/90 touch-target-44 z-10",
-              "aria-label": t("removeImage"),
-              children: /* @__PURE__ */ jsx(XIcon, { size: 12 })
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-secondary", children: "Click or drag to upload" })
-      ]
-    }
-  );
-}
-
-export { AvatarUpload };
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/BentoGrid.js

@@ -1,32 +1,8 @@
 'use client';
-import { ScrollFadeIn } from '../../chunk-I23DDSU7.js';
-import { useReducedMotion } from '../../chunk-KRBLVZII.js';
+export { BentoGrid } from '../../chunk-U3QOFPHD.js';
+import '../../chunk-I23DDSU7.js';
+import '../../chunk-KRBLVZII.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import * as React from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function BentoGrid({ children, className, columns = 3, ref }) {
-  const prefersReduced = useReducedMotion();
-  const items = React.Children.toArray(children);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(
-        "grid gap-4",
-        columns === 2 && "grid-cols-1 md:grid-cols-2",
-        columns === 3 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-        columns === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
-        className
-      ),
-      children: items.map(
-        (child, i) => prefersReduced ? /* @__PURE__ */ jsx("div", { children: child }, i) : /* @__PURE__ */ jsx(ScrollFadeIn, { delay: i * 150, direction: "up", children: child }, i)
-      )
-    }
-  );
-}
-
-export { BentoGrid };
+import '../../chunk-QYZT24TS.js';