@wow-two-beta/ui 0.0.62 → 0.0.64

package/dist/{chunk-VQGGK4VP.js → chunk-RDRFXVNX.js}

@@ -1,12 +1,11 @@
 import { Kbd, addDays, MONTHS_LONG, startOfDay, WEEKDAYS_SHORT, isToday, addMonths, isSameDay } from './chunk-3SWPYYRQ.js';
 import { Inline } from './chunk-4XWLEKH2.js';
-import { useClipboard, useControlled, useReducedMotion, useEscape } from './chunk-V267IMBH.js';
+import { useClipboard, useControlled, useReducedMotion } from './chunk-V267IMBH.js';
 import { Icon } from './chunk-MVMDDGW7.js';
 import { tv, CssExtensions, surfaceVariants, dataAttr, composeEventHandlers, Tones } from './chunk-DX7FYAKY.js';
-import { Slot, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner } from './chunk-XLYJF3HC.js';
-import { useId as useId$1 } from './chunk-LGTGZ3RW.js';
-import { cn, composeRefs } from './chunk-X2MYOHOB.js';
-import { forwardRef, useState, useEffect, Children, isValidElement, Fragment as Fragment$1, createContext, useId, useMemo, useCallback, useContext, useRef, useImperativeHandle, useLayoutEffect, cloneElement } from 'react';
+import { Slot, Presence, RovingFocusGroup, useRovingFocusItem, Portal } from './chunk-XLYJF3HC.js';
+import { cn } from './chunk-X2MYOHOB.js';
+import { forwardRef, useState, useEffect, Children, isValidElement, Fragment as Fragment$1, createContext, useId, useMemo, useCallback, useContext, useRef, useImperativeHandle, useLayoutEffect } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { TrendingUp, TrendingDown, Check, Copy, ChevronDown, ChevronLeft, ChevronRight, Plus, Minus, Maximize, Pause, Play, VolumeX, Volume2, Captions, CaptionsOff, PictureInPicture2, Minimize, ZoomOut, ZoomIn, Download, SmilePlus, X, AlertTriangle, CheckCheck, Clock, ArrowUp, ArrowDown, ArrowUpDown } from 'lucide-react';
 
@@ -459,90 +458,6 @@ var AvatarGroup = forwardRef(
   }
 );
 AvatarGroup.displayName = "AvatarGroup";
-function Tooltip({
-  content,
-  children,
-  placement = "top",
-  openDelay = 700,
-  closeDelay = 0,
-  open: openProp,
-  defaultOpen = false,
-  onOpenChange,
-  isDisabled
-}) {
-  const [open, setOpen] = useControlled({
-    controlled: openProp,
-    default: defaultOpen,
-    onChange: onOpenChange
-  });
-  const [anchor, setAnchor] = useState(null);
-  const tooltipId = useId$1("tooltip");
-  const openTimer = useRef(null);
-  const closeTimer = useRef(null);
-  const clear = () => {
-    if (openTimer.current) clearTimeout(openTimer.current);
-    if (closeTimer.current) clearTimeout(closeTimer.current);
-    openTimer.current = null;
-    closeTimer.current = null;
-  };
-  const show = () => {
-    clear();
-    openTimer.current = setTimeout(() => setOpen(true), openDelay);
-  };
-  const hide = () => {
-    clear();
-    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);
-  };
-  useEffect(
-    () => () => {
-      if (openTimer.current) clearTimeout(openTimer.current);
-      if (closeTimer.current) clearTimeout(closeTimer.current);
-    },
-    []
-  );
-  useEscape(() => {
-    clear();
-    setOpen(false);
-  }, open);
-  const visible = !isDisabled && open && !!content;
-  if (!isValidElement(children)) return children;
-  const trigger = children;
-  const cloned = cloneElement(trigger, {
-    ref: composeRefs(setAnchor, trigger.ref),
-    "aria-describedby": visible ? [trigger.props["aria-describedby"], tooltipId].filter(Boolean).join(" ") : trigger.props["aria-describedby"],
-    onPointerEnter: (e) => {
-      trigger.props.onPointerEnter?.(e);
-      show();
-    },
-    onPointerLeave: (e) => {
-      trigger.props.onPointerLeave?.(e);
-      hide();
-    },
-    onFocus: (e) => {
-      trigger.props.onFocus?.(e);
-      show();
-    },
-    onBlur: (e) => {
-      trigger.props.onBlur?.(e);
-      hide();
-    }
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    cloned,
-    visible && /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(AnchoredPositioner, { anchor, placement, offset: 6, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        id: tooltipId,
-        role: "tooltip",
-        className: cn(
-          "z-tooltip rounded-md bg-inverse px-2.5 py-1.5 text-xs text-inverse-foreground shadow-md",
-          "animate-in fade-in-0 zoom-in-95"
-        ),
-        children: content
-      }
-    ) }) })
-  ] });
-}
 var SIZE = {
   sm: { wrap: "gap-2 py-6", iconBox: "h-10 w-10" },
   md: { wrap: "gap-3 py-10", iconBox: "h-14 w-14" },
@@ -999,10 +914,9 @@ var CollapsibleTrigger = forwardRef(
     );
   }
 );
-var CollapsibleContent = forwardRef(
-  function CollapsibleContent2({ isForceMounted, className, children, ...rest }, ref) {
+var CollapsibleContentInner = forwardRef(
+  function CollapsibleContentInner2({ isForceMounted, className, children, ...props }, ref) {
     const ctx = useCollapsibleContext();
-    if (!ctx.open && !isForceMounted) return null;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -1010,18 +924,40 @@ var CollapsibleContent = forwardRef(
         id: ctx.contentId,
         role: "region",
         "aria-labelledby": ctx.triggerId,
-        "data-state": ctx.open ? "open" : "closed",
-        hidden: !ctx.open,
+        hidden: !ctx.open && !isForceMounted,
         className: cn(
-          "overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          "grid grid-rows-[0fr] motion-safe:transition-[grid-template-rows]",
+          "motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out)",
+          "data-[state=open]:grid-rows-[1fr]",
           className
         ),
-        ...rest,
-        children
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "min-h-0 overflow-hidden",
+              "motion-safe:data-[state=open]:animate-(--animate-fade-in)",
+              "motion-safe:data-[state=closed]:animate-(--animate-fade-out)",
+              "motion-reduce:animate-none"
+            ),
+            "data-state": ctx.open ? "open" : "closed",
+            children
+          }
+        )
       }
     );
   }
 );
+var CollapsibleContent = forwardRef(
+  function CollapsibleContent2(props, ref) {
+    const ctx = useCollapsibleContext();
+    if (props.isForceMounted) {
+      return /* @__PURE__ */ jsx(CollapsibleContentInner, { ref, "data-state": ctx.open ? "open" : "closed", ...props });
+    }
+    return /* @__PURE__ */ jsx(Presence, { isPresent: ctx.open, children: /* @__PURE__ */ jsx(CollapsibleContentInner, { ref, ...props }) });
+  }
+);
 Collapsible.Trigger = CollapsibleTrigger;
 Collapsible.Content = CollapsibleContent;
 var AccordionContext = createContext(null);
@@ -1165,20 +1101,23 @@ var AccordionTrigger = forwardRef(
 var AccordionContent = forwardRef(
   function AccordionContent2({ className, children, ...rest }, ref) {
     const item = useAccordionItemContext();
-    if (!item.open) return null;
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Presence, { isPresent: item.open, children: /* @__PURE__ */ jsx(
       "div",
       {
         ref,
         id: item.contentId,
         role: "region",
         "aria-labelledby": item.triggerId,
-        "data-state": "open",
-        className: cn("overflow-hidden px-3 pb-3 text-sm text-foreground", className),
+        className: cn(
+          "grid text-sm text-foreground",
+          "motion-safe:transition-[grid-template-rows] motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) motion-reduce:transition-none",
+          "data-[state=open]:grid-rows-[1fr] data-[state=closed]:grid-rows-[0fr]",
+          className
+        ),
         ...rest,
-        children
+        children: /* @__PURE__ */ jsx("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "px-3 pb-3", children }) })
       }
-    );
+    ) });
   }
 );
 var Accordion2 = Object.assign(AccordionRoot, {
@@ -1311,11 +1250,13 @@ var TabsPanel = forwardRef(function TabsPanel2({ value, className, children, ...
       tabIndex: 0,
       className: cn(
         "flex-1 outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "motion-safe:animate-(--animate-fade-in)",
         className
       ),
       ...rest,
       children
-    }
+    },
+    ctx.value
   );
 });
 Tabs.List = TabsList;
@@ -1597,11 +1538,29 @@ var TreeGroup = forwardRef(function TreeGroup2({ value, label, isDisabled = fals
             label
           }
         ),
-        expanded && /* @__PURE__ */ jsx(TreeLevelContext.Provider, { value: { level: level + 1 }, children: /* @__PURE__ */ jsx("ul", { role: "group", className: "flex flex-col", children }) })
+        /* @__PURE__ */ jsx(Presence, { isPresent: expanded, children: /* @__PURE__ */ jsx(TreeGroupContent, { level: level + 1, children }) })
       ]
     }
   );
 });
+var TreeGroupContent = forwardRef(
+  function TreeGroupContent2({ level, className, children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "grid",
+          "motion-safe:transition-[grid-template-rows] motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) motion-reduce:transition-none",
+          "data-[state=open]:grid-rows-[1fr] data-[state=closed]:grid-rows-[0fr]",
+          className
+        ),
+        ...rest,
+        children: /* @__PURE__ */ jsx("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx(TreeLevelContext.Provider, { value: { level }, children: /* @__PURE__ */ jsx("ul", { role: "group", className: "flex flex-col", children }) }) })
+      }
+    );
+  }
+);
 var TreeItem = forwardRef(function TreeItem2({ value, isDisabled = false, className, children, ...rest }, ref) {
   const ctx = useTreeContext();
   const level = useTreeLevel();
@@ -5971,6 +5930,6 @@ var Sortable = Object.assign(SortableRoot, {
   Handle: SortableHandle
 });
 
-export { Accordion2 as 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, Eyebrow, FeatureCard, Gantt, GradientText, Heading, HeatmapCalendar, Highlight, Image, InfoRow, KeyboardShortcut, List, ListItem, Mark, Marquee, MessageList, MetaInline, MetricChip, NodeEditor, NotificationDot, PDFViewer, PricingCard, Quote, ReactionBar, ScheduleView, ScrollReveal, SectionHeader, Separator, Snippet, Sortable, Sparkline, Stat, Status, StepCard, 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-VQGGK4VP.js.map
-//# sourceMappingURL=chunk-VQGGK4VP.js.map
+export { Accordion2 as 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, Eyebrow, FeatureCard, Gantt, GradientText, Heading, HeatmapCalendar, Highlight, Image, InfoRow, KeyboardShortcut, List, ListItem, Mark, Marquee, MessageList, MetaInline, MetricChip, NodeEditor, NotificationDot, PDFViewer, PricingCard, Quote, ReactionBar, ScheduleView, ScrollReveal, SectionHeader, Separator, Snippet, Sortable, Sparkline, Stat, Status, StepCard, SwipeActions, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, ThreadView, Tilt, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tree, TreeGroup, TreeItem, Typewriter, VideoPlayer, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants };
+//# sourceMappingURL=chunk-RDRFXVNX.js.map
+//# sourceMappingURL=chunk-RDRFXVNX.js.map