@wow-two-beta/ui 0.0.60 → 0.0.62

package/dist/{chunk-FNSC4LAL.js → chunk-NOOKDXIZ.js}

@@ -1,4 +1,4 @@
-import { Slot } from './chunk-TTSJZEL7.js';
+import { Slot } from './chunk-XLYJF3HC.js';
 import { cn } from './chunk-X2MYOHOB.js';
 import { createContext, forwardRef, useContext } from 'react';
 import { X } from 'lucide-react';
@@ -88,5 +88,5 @@ var OverlayCloseButton = forwardRef(
 );
 
 export { OverlayBody, OverlayChromeProvider, OverlayCloseButton, OverlayDescription, OverlayFooter, OverlayHeader, OverlayTitle };
-//# sourceMappingURL=chunk-FNSC4LAL.js.map
-//# sourceMappingURL=chunk-FNSC4LAL.js.map
+//# sourceMappingURL=chunk-NOOKDXIZ.js.map
+//# sourceMappingURL=chunk-NOOKDXIZ.js.map

package/dist/{chunk-FNSC4LAL.js.map → chunk-NOOKDXIZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/overlays/OverlayChrome.tsx"],"names":["OverlayCloseButton"],"mappings":";;;;;;AA6BA,IAAM,oBAAA,GAAuB,cAAgD,IAAI,CAAA;AAE1E,IAAM,wBAAwB,oBAAA,CAAqB;AAE1D,SAAS,uBAAA,GAA0B;AACjC,EAAA,MAAM,GAAA,GAAM,WAAW,oBAAoB,CAAA;AAC3C,EAAA,IAAI,CAAC,GAAA;AACH,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AACF,EAAA,OAAO,GAAA;AACT;AAMO,SAAS,cAAc,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAK,EAAuB;AAClF,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,8BAA8B,SAAS,CAAA,EAAI,GAAG,IAAA,EAC9D,QAAA,EACH,CAAA;AAEJ;AAMO,SAAS,aAAa,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAK,EAAsB;AAChF,EAAA,MAAM,MAAM,uBAAA,EAAwB;AACpC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAI,GAAA,CAAI,OAAA;AAAA,MACR,SAAA,EAAW,EAAA,CAAG,oDAAA,EAAsD,SAAS,CAAA;AAAA,MAC5E,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAMO,SAAS,kBAAA,CAAmB;AAAA,EACjC,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,MAAM,uBAAA,EAAwB;AACpC,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,IAAI,GAAA,CAAI,aAAA;AAAA,MACR,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,MACvD,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAMO,SAAS,YAAY,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAK,EAAqB;AAC9E,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,2BAA2B,SAAS,CAAA,EAAI,GAAG,IAAA,EAC3D,QAAA,EACH,CAAA;AAEJ;AAMO,SAAS,cAAc,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAK,EAAuB;AAClF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,6DAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAQO,IAAM,kBAAA,GAAqB,UAAA;AAAA,EAChC,SAASA,mBAAAA,CACP,EAAE,OAAA,EAAS,OAAA,EAAS,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,EACjD,YAAA,EACA;AACA,IAAA,MAAM,MAAM,uBAAA,EAAwB;AACpC,IAAA,MAAM,SAAA,GAAY,UAAU,IAAA,GAAO,QAAA;AACnC,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,YAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAY,WAAW,MAAA,GAAY,OAAA;AAAA,QACnC,OAAA,EAAS,CAAC,CAAA,KAA2C;AACnD,UAAA,OAAA,GAAU,CAAC,CAAA;AACX,UAAA,IAAI,EAAE,gBAAA,EAAkB;AACxB,UAAA,GAAA,CAAI,KAAA,EAAM;AAAA,QACZ,CAAA;AAAA,QACA,SAAA,EACE,UACI,SAAA,GACA,EAAA;AAAA,UACE,wNAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEL,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA,QAAA,oBAAY,GAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,KACtC;AAAA,EAEJ;AACF","file":"chunk-FNSC4LAL.js","sourcesContent":["// Shared header / title / description / body / footer / close subcomponents\n// for Dialog and Drawer. Co-located in `overlays/` as a domain-internal helper.\n//\n// Each consuming overlay (Dialog, Drawer) wraps its content with\n// `OverlayChromeProvider`, supplying the `titleId`, `descriptionId`, and a\n// `close()` action. The shared subcomponents read from this context.\n//\n// Naming convention: `Overlay*` for shared chrome pieces; consumers re-export\n// them under their own name (e.g. `Dialog.Header = OverlayHeader`).\n\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { X } from 'lucide-react';\nimport { cn } from '../utils';\nimport { Slot } from '../primitives';\n\nexport interface OverlayChromeContextValue {\n  titleId: string;\n  descriptionId: string;\n  /** Closes the overlay and returns focus to the trigger. */\n  close: () => void;\n}\n\nconst OverlayChromeContext = createContext<OverlayChromeContextValue | null>(null);\n\nexport const OverlayChromeProvider = OverlayChromeContext.Provider;\n\nfunction useOverlayChromeContext() {\n  const ctx = useContext(OverlayChromeContext);\n  if (!ctx)\n    throw new Error(\n      'Overlay chrome subcomponents must be used inside an OverlayChromeProvider (Dialog / Drawer)',\n    );\n  return ctx;\n}\n\nexport interface OverlayHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport function OverlayHeader({ className, children, ...rest }: OverlayHeaderProps) {\n  return (\n    <div className={cn('mb-4 flex flex-col gap-1.5', className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n\nexport interface OverlayTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  children: ReactNode;\n}\n\nexport function OverlayTitle({ className, children, ...rest }: OverlayTitleProps) {\n  const ctx = useOverlayChromeContext();\n  return (\n    <h2\n      id={ctx.titleId}\n      className={cn('text-lg font-semibold leading-none text-foreground', className)}\n      {...rest}\n    >\n      {children}\n    </h2>\n  );\n}\n\nexport interface OverlayDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {\n  children: ReactNode;\n}\n\nexport function OverlayDescription({\n  className,\n  children,\n  ...rest\n}: OverlayDescriptionProps) {\n  const ctx = useOverlayChromeContext();\n  return (\n    <p\n      id={ctx.descriptionId}\n      className={cn('text-sm text-muted-foreground', className)}\n      {...rest}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport interface OverlayBodyProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport function OverlayBody({ className, children, ...rest }: OverlayBodyProps) {\n  return (\n    <div className={cn('text-sm text-foreground', className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n\nexport interface OverlayFooterProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport function OverlayFooter({ className, children, ...rest }: OverlayFooterProps) {\n  return (\n    <div\n      className={cn(\n        'mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport interface OverlayCloseButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  asChild?: boolean;\n  children?: ReactNode;\n}\n\nexport const OverlayCloseButton = forwardRef<HTMLButtonElement, OverlayCloseButtonProps>(\n  function OverlayCloseButton(\n    { asChild, onClick, className, children, ...rest },\n    forwardedRef,\n  ) {\n    const ctx = useOverlayChromeContext();\n    const Component = asChild ? Slot : 'button';\n    return (\n      <Component\n        ref={forwardedRef as never}\n        type=\"button\"\n        aria-label={children ? undefined : 'Close'}\n        onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n          onClick?.(e);\n          if (e.defaultPrevented) return;\n          ctx.close();\n        }}\n        className={\n          asChild\n            ? className\n            : cn(\n                'absolute right-4 top-4 grid h-7 w-7 place-items-center rounded-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n                className,\n              )\n        }\n        {...rest}\n      >\n        {children ?? <X className=\"h-4 w-4\" />}\n      </Component>\n    );\n  },\n);\n"]}
+{"version":3,"sources":["../src/overlays/OverlayChrome.tsx"],"names":["OverlayCloseButton"],"mappings":"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","file":"chunk-NOOKDXIZ.js","sourcesContent":["// Shared header / title / description / body / footer / close subcomponents\n// for Dialog and Drawer. Co-located in `overlays/` as a domain-internal helper.\n//\n// Each consuming overlay (Dialog, Drawer) wraps its content with\n// `OverlayChromeProvider`, supplying the `titleId`, `descriptionId`, and a\n// `close()` action. The shared subcomponents read from this context.\n//\n// Naming convention: `Overlay*` for shared chrome pieces; consumers re-export\n// them under their own name (e.g. `Dialog.Header = OverlayHeader`).\n\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { X } from 'lucide-react';\nimport { cn } from '../utils';\nimport { Slot } from '../primitives';\n\nexport interface OverlayChromeContextValue {\n  titleId: string;\n  descriptionId: string;\n  /** Closes the overlay and returns focus to the trigger. */\n  close: () => void;\n}\n\nconst OverlayChromeContext = createContext<OverlayChromeContextValue | null>(null);\n\nexport const OverlayChromeProvider = OverlayChromeContext.Provider;\n\nfunction useOverlayChromeContext() {\n  const ctx = useContext(OverlayChromeContext);\n  if (!ctx)\n    throw new Error(\n      'Overlay chrome subcomponents must be used inside an OverlayChromeProvider (Dialog / Drawer)',\n    );\n  return ctx;\n}\n\nexport interface OverlayHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport function OverlayHeader({ className, children, ...rest }: OverlayHeaderProps) {\n  return (\n    <div className={cn('mb-4 flex flex-col gap-1.5', className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n\nexport interface OverlayTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  children: ReactNode;\n}\n\nexport function OverlayTitle({ className, children, ...rest }: OverlayTitleProps) {\n  const ctx = useOverlayChromeContext();\n  return (\n    <h2\n      id={ctx.titleId}\n      className={cn('text-lg font-semibold leading-none text-foreground', className)}\n      {...rest}\n    >\n      {children}\n    </h2>\n  );\n}\n\nexport interface OverlayDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {\n  children: ReactNode;\n}\n\nexport function OverlayDescription({\n  className,\n  children,\n  ...rest\n}: OverlayDescriptionProps) {\n  const ctx = useOverlayChromeContext();\n  return (\n    <p\n      id={ctx.descriptionId}\n      className={cn('text-sm text-muted-foreground', className)}\n      {...rest}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport interface OverlayBodyProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport function OverlayBody({ className, children, ...rest }: OverlayBodyProps) {\n  return (\n    <div className={cn('text-sm text-foreground', className)} {...rest}>\n      {children}\n    </div>\n  );\n}\n\nexport interface OverlayFooterProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport function OverlayFooter({ className, children, ...rest }: OverlayFooterProps) {\n  return (\n    <div\n      className={cn(\n        'mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport interface OverlayCloseButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  asChild?: boolean;\n  children?: ReactNode;\n}\n\nexport const OverlayCloseButton = forwardRef<HTMLButtonElement, OverlayCloseButtonProps>(\n  function OverlayCloseButton(\n    { asChild, onClick, className, children, ...rest },\n    forwardedRef,\n  ) {\n    const ctx = useOverlayChromeContext();\n    const Component = asChild ? Slot : 'button';\n    return (\n      <Component\n        ref={forwardedRef as never}\n        type=\"button\"\n        aria-label={children ? undefined : 'Close'}\n        onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n          onClick?.(e);\n          if (e.defaultPrevented) return;\n          ctx.close();\n        }}\n        className={\n          asChild\n            ? className\n            : cn(\n                'absolute right-4 top-4 grid h-7 w-7 place-items-center rounded-sm text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n                className,\n              )\n        }\n        {...rest}\n      >\n        {children ?? <X className=\"h-4 w-4\" />}\n      </Component>\n    );\n  },\n);\n"]}

package/dist/{chunk-2N3N3IE2.js → chunk-VQGGK4VP.js}

@@ -1,9 +1,9 @@
-import { Kbd, addDays, MONTHS_LONG, startOfDay, WEEKDAYS_SHORT, isToday, addMonths, isSameDay } from './chunk-XDATW7NF.js';
+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 { Icon } from './chunk-MVMDDGW7.js';
-import { tv, CssExtensions, surfaceVariants, dataAttr, composeEventHandlers, Tones } from './chunk-JYGC5SRP.js';
-import { Slot, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner } from './chunk-TTSJZEL7.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';
@@ -5848,7 +5848,129 @@ var PricingCard = forwardRef(
   )
 );
 PricingCard.displayName = "PricingCard";
+var SortableContext = createContext(null);
+var ItemContext = createContext(null);
+var useSortableRoot = () => {
+  const ctx = useContext(SortableContext);
+  if (!ctx) throw new Error("Sortable.Item must be rendered inside <Sortable>.");
+  return ctx;
+};
+var useSortableItem = () => {
+  const ctx = useContext(ItemContext);
+  if (!ctx) throw new Error("Sortable.Handle must be rendered inside <Sortable.Item>.");
+  return ctx;
+};
+var SortableRoot = forwardRef(
+  ({ onReorder, className, children, ...props }, ref) => {
+    const [dragIndex, setDragIndex] = useState(null);
+    const [overIndex, setOverIndex] = useState(null);
+    const dragRef = useRef(null);
+    const overRef = useRef(null);
+    const begin = useCallback((index) => {
+      dragRef.current = index;
+      setDragIndex(index);
+    }, []);
+    const hover = useCallback((index) => {
+      overRef.current = index;
+      setOverIndex(index);
+    }, []);
+    const end = useCallback(() => {
+      const from = dragRef.current;
+      const to = overRef.current;
+      if (from !== null && to !== null && from !== to) onReorder(from, to);
+      dragRef.current = null;
+      overRef.current = null;
+      setDragIndex(null);
+      setOverIndex(null);
+    }, [onReorder]);
+    const move = useCallback(
+      (from, to) => {
+        if (from !== to && to >= 0) onReorder(from, to);
+      },
+      [onReorder]
+    );
+    return /* @__PURE__ */ jsx(SortableContext.Provider, { value: { dragIndex, overIndex, begin, hover, end, move }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col", className), ...props, children }) });
+  }
+);
+SortableRoot.displayName = "Sortable";
+var SortableItem = forwardRef(
+  ({ index, className, children, ...props }, ref) => {
+    const { dragIndex, overIndex, begin, hover, end } = useSortableRoot();
+    const [armed, setArmed] = useState(false);
+    const isDragging = dragIndex === index;
+    const isOver = overIndex === index && dragIndex !== null && dragIndex !== index;
+    return /* @__PURE__ */ jsx(ItemContext.Provider, { value: { index, arm: () => setArmed(true), disarm: () => setArmed(false) }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        draggable: armed,
+        onDragStart: (e) => {
+          e.dataTransfer.effectAllowed = "move";
+          begin(index);
+        },
+        onDragEnter: () => hover(index),
+        onDragOver: (e) => {
+          if (dragIndex !== null) e.preventDefault();
+        },
+        onDrop: (e) => {
+          e.preventDefault();
+          end();
+          setArmed(false);
+        },
+        onDragEnd: () => {
+          end();
+          setArmed(false);
+        },
+        "data-dragging": isDragging || void 0,
+        "data-over": isOver || void 0,
+        className: cn("transition-opacity", isDragging && "opacity-50", className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+SortableItem.displayName = "Sortable.Item";
+var SortableHandle = forwardRef(
+  ({ className, onKeyDown, children, ...props }, ref) => {
+    const { index, arm, disarm } = useSortableItem();
+    const { move } = useSortableRoot();
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": "Drag to reorder",
+        "aria-roledescription": "sortable item handle",
+        onPointerDown: arm,
+        onPointerUp: disarm,
+        onBlur: disarm,
+        onKeyDown: (e) => {
+          if (e.key === "ArrowUp") {
+            e.preventDefault();
+            move(index, index - 1);
+          } else if (e.key === "ArrowDown") {
+            e.preventDefault();
+            move(index, index + 1);
+          }
+          onKeyDown?.(e);
+        },
+        className: cn(
+          "inline-flex cursor-grab touch-none items-center justify-center text-subtle-foreground transition-colors hover:text-muted-foreground active:cursor-grabbing",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+SortableHandle.displayName = "Sortable.Handle";
+var Sortable = Object.assign(SortableRoot, {
+  Item: SortableItem,
+  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, 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-2N3N3IE2.js.map
-//# sourceMappingURL=chunk-2N3N3IE2.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, Tooltip, Tree, TreeGroup, TreeItem, Typewriter, VideoPlayer, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants };
+//# sourceMappingURL=chunk-VQGGK4VP.js.map
+//# sourceMappingURL=chunk-VQGGK4VP.js.map