@wow-two-beta/ui 0.0.40 → 0.0.41

package/dist/{chunk-Y34APXNX.js → chunk-F6R2IOQV.js}

@@ -163,6 +163,8 @@ var avatarVariants = tv({
       square: "rounded-md"
     },
     tone: {
+      // 'none' is used when autoColor takes over — prevents theme tokens from competing in the cascade.
+      none: "",
       neutral: "bg-muted text-muted-foreground",
       primary: "bg-primary-soft text-primary-soft-foreground",
       danger: "bg-destructive-soft text-destructive-soft-foreground",
@@ -206,23 +208,23 @@ var avatarVariants = tv({
 });
 var COMPONENT_NAME = "Avatar";
 var AUTO_COLOR_PALETTE = [
-  "bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-200",
-  "bg-orange-100 text-orange-700 dark:bg-orange-900/40 dark:text-orange-200",
-  "bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-200",
-  "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/40 dark:text-yellow-200",
-  "bg-lime-100 text-lime-700 dark:bg-lime-900/40 dark:text-lime-200",
-  "bg-green-100 text-green-700 dark:bg-green-900/40 dark:text-green-200",
-  "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-200",
-  "bg-teal-100 text-teal-700 dark:bg-teal-900/40 dark:text-teal-200",
-  "bg-cyan-100 text-cyan-700 dark:bg-cyan-900/40 dark:text-cyan-200",
-  "bg-sky-100 text-sky-700 dark:bg-sky-900/40 dark:text-sky-200",
-  "bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-200",
-  "bg-indigo-100 text-indigo-700 dark:bg-indigo-900/40 dark:text-indigo-200",
-  "bg-violet-100 text-violet-700 dark:bg-violet-900/40 dark:text-violet-200",
-  "bg-purple-100 text-purple-700 dark:bg-purple-900/40 dark:text-purple-200",
-  "bg-fuchsia-100 text-fuchsia-700 dark:bg-fuchsia-900/40 dark:text-fuchsia-200",
-  "bg-pink-100 text-pink-700 dark:bg-pink-900/40 dark:text-pink-200",
-  "bg-rose-100 text-rose-700 dark:bg-rose-900/40 dark:text-rose-200"
+  "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-100",
+  "bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-100",
+  "bg-amber-100 text-amber-800 dark:bg-amber-900 dark:text-amber-100",
+  "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-100",
+  "bg-lime-100 text-lime-800 dark:bg-lime-900 dark:text-lime-100",
+  "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100",
+  "bg-emerald-100 text-emerald-800 dark:bg-emerald-900 dark:text-emerald-100",
+  "bg-teal-100 text-teal-800 dark:bg-teal-900 dark:text-teal-100",
+  "bg-cyan-100 text-cyan-800 dark:bg-cyan-900 dark:text-cyan-100",
+  "bg-sky-100 text-sky-800 dark:bg-sky-900 dark:text-sky-100",
+  "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-100",
+  "bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-100",
+  "bg-violet-100 text-violet-800 dark:bg-violet-900 dark:text-violet-100",
+  "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-100",
+  "bg-fuchsia-100 text-fuchsia-800 dark:bg-fuchsia-900 dark:text-fuchsia-100",
+  "bg-pink-100 text-pink-800 dark:bg-pink-900 dark:text-pink-100",
+  "bg-rose-100 text-rose-800 dark:bg-rose-900 dark:text-rose-100"
 ];
 function hashName(name) {
   let h = 0;
@@ -260,12 +262,13 @@ var Avatar = forwardRef(
     const [errored, setErrored] = useState(false);
     const showImage = !!src && !errored && !isLoading;
     const autoColorClass = autoColor && name && bgStyle !== "gradient" && (tone === void 0 || tone === "neutral") ? pickAutoColor(name) : void 0;
+    const effectiveTone = autoColorClass ? "none" : tone;
     return /* @__PURE__ */ jsx(
       "span",
       {
         ref,
         className: cn(
-          avatarVariants({ size, shape, tone, bgStyle, ring, isLoading }),
+          avatarVariants({ size, shape, tone: effectiveTone, bgStyle, ring, isLoading }),
           autoColorClass,
           className
         ),
@@ -5543,5 +5546,5 @@ var ActivityFeed = ActivityFeedInner;
 ActivityFeed.Item = ActivityItem;
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityFeed, ActivityItem, AnimatedNumber, AnnotationMarker, AudioPlayer, AudioWaveform, Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Carousel, CarouselDot, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, CarouselSlides, CarouselViewport, ChatBubble, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Comment, CommentThread, Confetti, CountBadge, CountUp, DataGrid, DataTable, DaySeparator, DescriptionList, DiffViewer, EmptyState, EventCalendar, Gantt, GradientText, Heading, HeatmapCalendar, Highlight, Image, InfoRow, KeyboardShortcut, List, ListItem, Mark, Marquee, MessageList, NodeEditor, NotificationDot, PDFViewer, Quote, ReactionBar, ScheduleView, ScrollReveal, SectionHeader, Separator, Snippet, Sparkline, Stat, Status, SwipeActions, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, ThreadView, Tilt, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tooltip, Tree, TreeGroup, TreeItem, Typewriter, VideoPlayer, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants };
-//# sourceMappingURL=chunk-Y34APXNX.js.map
-//# sourceMappingURL=chunk-Y34APXNX.js.map
+//# sourceMappingURL=chunk-F6R2IOQV.js.map
+//# sourceMappingURL=chunk-F6R2IOQV.js.map