@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/components/ui/AnimatedTabs.js

@@ -0,0 +1,175 @@
+'use client';
+import { m, motionSpring, useMotionConfig } from '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import * as React from 'react';
+import { use } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { AnimatePresence } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AnimatedTabs({
+  className,
+  onValueChange,
+  value: controlledValue,
+  defaultValue,
+  id,
+  ref,
+  ...props
+}) {
+  const [prevIndex, setPrevIndex] = React.useState(0);
+  const [currentIndex, setCurrentIndex] = React.useState(0);
+  const [activeValue, setActiveValue] = React.useState(
+    controlledValue ?? defaultValue ?? ""
+  );
+  const generatedId = React.useId();
+  const baseId = React.useMemo(() => {
+    if (id) return String(id);
+    return `animated-tabs-${generatedId.replace(/:/g, "")}`;
+  }, [generatedId, id]);
+  const tabValues = React.useRef([]);
+  React.useEffect(() => {
+    if (controlledValue !== void 0) {
+      setActiveValue(controlledValue);
+    }
+  }, [controlledValue]);
+  const handleValueChange = React.useCallback(
+    (val) => {
+      const newIndex = tabValues.current.indexOf(val);
+      if (newIndex !== -1) {
+        setPrevIndex(currentIndex);
+        setCurrentIndex(newIndex);
+      }
+      setActiveValue(val);
+      onValueChange?.(val);
+    },
+    [currentIndex, onValueChange]
+  );
+  const registerTab = React.useCallback((val) => {
+    if (!tabValues.current.includes(val)) {
+      tabValues.current.push(val);
+    }
+  }, []);
+  const contextValue = React.useMemo(
+    () => ({ prevIndex, currentIndex, activeValue, baseId, registerTab }),
+    [prevIndex, currentIndex, activeValue, baseId, registerTab]
+  );
+  return /* @__PURE__ */ jsx(AnimatedTabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      ref,
+      id,
+      className,
+      value: controlledValue,
+      defaultValue,
+      onValueChange: handleValueChange,
+      ...props
+    }
+  ) });
+}
+var AnimatedTabsContext = React.createContext({
+  prevIndex: 0,
+  currentIndex: 0,
+  activeValue: "",
+  baseId: "animated-tabs",
+  registerTab: () => {
+  }
+});
+function AnimatedTabsList({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      ref,
+      className: cn(
+        "inline-flex h-10 items-center justify-center rounded-md glass-tab-bar p-1.5 text-text-secondary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AnimatedTabsTrigger({
+  className,
+  value,
+  children,
+  ref,
+  ...props
+}) {
+  const { registerTab, activeValue, baseId } = use(AnimatedTabsContext);
+  const isActive = value === activeValue;
+  const triggerId = props.id ?? `${baseId}-trigger-${value}`;
+  const contentId = props["aria-controls"] ?? `${baseId}-content-${value}`;
+  React.useEffect(() => {
+    if (value) registerTab(value);
+  }, [value, registerTab]);
+  return /* @__PURE__ */ jsxs(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      value,
+      id: triggerId,
+      "aria-controls": contentId,
+      className: cn(
+        "relative inline-flex items-center justify-center whitespace-nowrap rounded-sm px-4 py-1.5 text-sm font-medium transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-text-primary hover:bg-surface/30 hover:text-text-primary",
+        className
+      ),
+      ...props,
+      children: [
+        isActive && /* @__PURE__ */ jsx(
+          m.span,
+          {
+            layoutId: "active-tab-indicator",
+            className: "absolute inset-0 rounded-sm glass-tab-active",
+            transition: motionSpring.snappy,
+            style: { zIndex: 0 }
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "relative z-10", children })
+      ]
+    }
+  );
+}
+function AnimatedTabsContent({
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  const { prevIndex, currentIndex, baseId } = use(AnimatedTabsContext);
+  const motionConfig = useMotionConfig();
+  const direction = currentIndex > prevIndex ? 1 : -1;
+  const contentId = props.id ?? `${baseId}-content-${props.value}`;
+  const labelledBy = props["aria-labelledby"] ?? `${baseId}-trigger-${props.value}`;
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      ref,
+      id: contentId,
+      "aria-labelledby": labelledBy,
+      className: cn(
+        "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2",
+        className
+      ),
+      forceMount: true,
+      ...props,
+      children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx(
+        m.div,
+        {
+          initial: { opacity: 0, x: direction * 20 },
+          animate: { opacity: 1, x: 0 },
+          exit: { opacity: 0, x: direction * -20 },
+          transition: { ...motionSpring.snappy, ...motionConfig },
+          children
+        },
+        props.value
+      ) })
+    }
+  );
+}
+
+export { AnimatedTabs, AnimatedTabsContent, AnimatedTabsList, AnimatedTabsTrigger };

package/dist/components/ui/AnnouncementBanner.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const bannerVariants: (props?: ({
+    variant?: "accent" | "success" | "warning" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface AnnouncementBannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bannerVariants> {
+    storageKey?: string;
+}
+export declare function AnnouncementBanner({ className, variant, storageKey, children, ...props }: AnnouncementBannerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/ui/AnnouncementBanner.js

@@ -0,0 +1,48 @@
+'use client';
+import { useDismissed } from '../../chunk-SH72GWB7.js';
+import { XIcon } from '../../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 };

package/dist/components/ui/ApprovalCard.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const approvalCardVariants: (props?: ({
+    riskLevel?: "low" | "medium" | "high" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ApprovalCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof approvalCardVariants> {
+    title: string;
+    description?: string;
+    onApprove?: () => void;
+    onReject?: () => void;
+    timeout?: number;
+}
+declare function ApprovalCard({ className, riskLevel, title, description, onApprove, onReject, timeout, ref, ...props }: ApprovalCardProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { ApprovalCard, approvalCardVariants };

package/dist/components/ui/ApprovalCard.js

@@ -0,0 +1,117 @@
+'use client';
+import { ShieldCheckIcon } from '../../chunk-BFLN54VR.js';
+import { ShieldIcon } from '../../chunk-P6IRHPFM.js';
+import { AlertTriangleIcon } from '../../chunk-SXHYB7JB.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 };

package/dist/components/ui/ArtifactCard.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const artifactCardVariants: (props?: ({
+    type?: "table" | "code" | "image" | "markdown" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ArtifactCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof artifactCardVariants> {
+    type: 'code' | 'markdown' | 'table' | 'image';
+    content: string;
+    title?: string;
+    language?: string;
+    onCopy?: () => void;
+    onDownload?: () => void;
+    defaultExpanded?: boolean;
+}
+declare function ArtifactCard({ className, type, content, title, language, onCopy, onDownload, defaultExpanded, ref, ...props }: ArtifactCardProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { ArtifactCard, artifactCardVariants };

package/dist/components/ui/ArtifactCard.js

@@ -0,0 +1,4 @@
+'use client';
+export { ArtifactCard, artifactCardVariants } from '../../chunk-D4NC7WX5.js';
+import '../../chunk-S4JAHKOP.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AspectRatio.d.ts

@@ -0,0 +1,3 @@
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+export { AspectRatio };

package/dist/components/ui/AspectRatio.js

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

package/dist/components/ui/AudioWaveform.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const audioWaveformVariants: (props?: ({
+    variant?: "default" | "accent" | "success" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AudioWaveformProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof audioWaveformVariants> {
+    /** Number of bars in the waveform */
+    bars?: number;
+    /** Whether the waveform is actively animating */
+    active?: boolean;
+    /** Bar width in pixels */
+    barWidth?: number;
+}
+declare function AudioWaveform({ className, variant, size, bars, active, barWidth, ref, ...props }: AudioWaveformProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { AudioWaveform, audioWaveformVariants };

package/dist/components/ui/AudioWaveform.js

@@ -0,0 +1,77 @@
+'use client';
+import { cn } from '../../chunk-QYZT24TS.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var audioWaveformVariants = cva(
+  "flex items-center",
+  {
+    variants: {
+      variant: {
+        default: "[--waveform-color:rgb(var(--color-text-primary))]",
+        accent: "[--waveform-color:rgb(var(--color-accent))]",
+        success: "[--waveform-color:rgb(var(--color-success))]"
+      },
+      size: {
+        sm: "h-4 gap-[2px]",
+        default: "h-8 gap-1",
+        lg: "h-12 gap-1.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function AudioWaveform({
+  className,
+  variant,
+  size,
+  bars = 24,
+  active = false,
+  barWidth = 3,
+  ref,
+  ...props
+}) {
+  const randomOffsetsRef = React.useRef(null);
+  if (randomOffsetsRef.current === null || randomOffsetsRef.current.length !== bars) {
+    randomOffsetsRef.current = Array.from({ length: bars }, (_, i) => (i * 7 + 3) % 20);
+  }
+  const randomOffsets = randomOffsetsRef.current;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(audioWaveformVariants({ variant, size }), className),
+      role: "img",
+      "aria-label": active ? "Audio waveform active" : "Audio waveform inactive",
+      ...props,
+      children: Array.from({ length: bars }).map((_, i) => {
+        const activeHeight = 20 + Math.sin(i * 0.7) * 60 + randomOffsets[i];
+        const activeOpacity = 0.6 + Math.sin(i * 0.5) * 0.4;
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "rounded-full bg-[var(--waveform-color)] transition-all",
+              active && "animate-pulse"
+            ),
+            style: {
+              width: `${barWidth}px`,
+              height: active ? `${activeHeight.toFixed(3)}%` : "15%",
+              opacity: active ? activeOpacity.toFixed(6) : "0.300000",
+              animationDelay: `${i * 75}ms`,
+              animationDuration: `${600 + i % 5 * 200}ms`
+            },
+            "aria-hidden": "true"
+          },
+          i
+        );
+      })
+    }
+  );
+}
+
+export { AudioWaveform, audioWaveformVariants };

package/dist/components/ui/AuroraEffect.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface AuroraEffectProps {
+    className?: string;
+    intensity?: "low" | "medium" | "high";
+}
+export declare function AuroraEffect({ className, intensity, ref }: AuroraEffectProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/AuroraEffect.js

@@ -0,0 +1,77 @@
+'use client';
+import { cn } from '../../chunk-QYZT24TS.js';
+import { useRef } from 'react';
+import { useReducedMotion, useInView } from 'motion/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var opacityMap = {
+  low: "opacity-[0.12]",
+  medium: "opacity-[0.18]",
+  high: "opacity-[0.25]"
+};
+function AuroraEffect({ className, intensity = "low", ref }) {
+  const prefersReduced = useReducedMotion();
+  const wrapperRef = useRef(null);
+  const isInView = useInView(wrapperRef, { once: false, margin: "100px" });
+  const shouldAnimate = !prefersReduced && isInView;
+  const op = opacityMap[intensity];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: (node) => {
+        wrapperRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      className: cn("pointer-events-none absolute inset-0 overflow-hidden", className),
+      style: { contain: "strict" },
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute -inset-[25%] rounded-full blur-3xl",
+              op,
+              shouldAnimate && "animate-aurora-1"
+            ),
+            style: {
+              willChange: shouldAnimate ? "transform" : "auto",
+              background: "radial-gradient(ellipse at 50% 50%, rgb(var(--color-accent)), transparent 70%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute -inset-[25%] rounded-full blur-3xl",
+              op,
+              shouldAnimate && "animate-aurora-2"
+            ),
+            style: {
+              willChange: shouldAnimate ? "transform" : "auto",
+              background: "radial-gradient(ellipse at 30% 70%, rgb(var(--color-link)), transparent 70%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute -inset-[25%] rounded-full blur-3xl",
+              op,
+              shouldAnimate && "animate-aurora-3"
+            ),
+            style: {
+              willChange: shouldAnimate ? "transform" : "auto",
+              background: "radial-gradient(ellipse at 70% 30%, rgb(var(--color-accent)), transparent 70%)"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { AuroraEffect };

package/dist/components/ui/Avatar.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+declare function Avatar({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & {
+    ref?: React.Ref<React.ElementRef<typeof AvatarPrimitive.Root>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> & {
+    ref?: React.Ref<React.ElementRef<typeof AvatarPrimitive.Image>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> & {
+    ref?: React.Ref<React.ElementRef<typeof AvatarPrimitive.Fallback>>;
+}): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/components/ui/Avatar.js

@@ -0,0 +1,3 @@
+'use client';
+export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-NAAU5IWU.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/Avatar3D.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+export type Avatar3DState = "idle" | "listening" | "speaking";
+export declare const avatar3DVariants: (props?: ({
+    size?: "lg" | "xl" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface Avatar3DProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatar3DVariants> {
+    src: string;
+    name: string;
+    state?: Avatar3DState;
+    enableTilt?: boolean;
+    maxTilt?: number;
+    onSelect?: () => void;
+    interactive?: boolean;
+}
+export declare function Avatar3D({ className, src, name, state, size, enableTilt, maxTilt, onSelect, interactive, ref, ...props }: Avatar3DProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Avatar3D.js

@@ -0,0 +1,6 @@
+'use client';
+export { Avatar3D, avatar3DVariants } from '../../chunk-4S326Z3D.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AvatarUpload.d.ts

@@ -0,0 +1,6 @@
+interface AvatarUploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    value?: string;
+    onChange?: (file: File | null) => void;
+}
+export declare function AvatarUpload({ className, value, onChange, ...props }: AvatarUploadProps): import("react/jsx-runtime").JSX.Element;
+export {};