@vuer-ai/vuer-uikit 0.0.47 → 0.0.49

package/dist/{chunk-IMIHCOOE.js → chunk-2FCKLHWA.js}

@@ -3,7 +3,7 @@
 var chunkILJK43VJ_js = require('./chunk-ILJK43VJ.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.47" ;
+var PACKAGE_VERSION = "0.0.49" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

package/dist/chunk-53PX4SCN.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var lucideReact = require('lucide-react');
+var ResizablePrimitive = require('react-resizable-panels');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
+
+function ResizablePanelGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ResizablePrimitive__namespace.PanelGroup,
+    {
+      "data-slot": "resizable-panel-group",
+      className: chunk7KYAICHB_js.cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+      ...props
+    }
+  );
+}
+function ResizablePanel(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.Panel, { "data-slot": "resizable-panel", ...props });
+}
+function ResizableHandle({ withHandle, className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ResizablePrimitive__namespace.PanelResizeHandle,
+    {
+      "data-slot": "resizable-handle",
+      className: chunk7KYAICHB_js.cn(
+        "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        !children && withHandle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVerticalIcon, { className: "size-2.5" }) })
+      ]
+    }
+  );
+}
+
+exports.ResizableHandle = ResizableHandle;
+exports.ResizablePanel = ResizablePanel;
+exports.ResizablePanelGroup = ResizablePanelGroup;

package/dist/{chunk-UZFOWGVD.mjs → chunk-5CWWM4L7.mjs}

@@ -5,6 +5,7 @@ function useDragSelect(options = {}) {
   const [selectedItems, setSelectedItems] = useState(/* @__PURE__ */ new Set());
   const [isDragging, setIsDragging] = useState(false);
   const [dragMode, setDragMode] = useState("toggle");
+  const [dragStartItem, setDragStartItem] = useState(null);
   useEffect(() => {
     var _a;
     (_a = options.onSelectionChange) == null ? void 0 : _a.call(options, selectedItems);
@@ -12,6 +13,7 @@ function useDragSelect(options = {}) {
   const handleMouseDown = useCallback((id, e) => {
     e.preventDefault();
     setIsDragging(true);
+    setDragStartItem(id);
     const mode = e.ctrlKey || e.metaKey ? "replace" : "toggle";
     setDragMode(mode);
     if (mode === "replace") {
@@ -31,6 +33,7 @@ function useDragSelect(options = {}) {
   const handleMouseEnter = useCallback(
     (id) => {
       if (!isDragging) return;
+      if (id === dragStartItem) return;
       if (dragMode === "replace") {
         setSelectedItems((prev) => /* @__PURE__ */ new Set([...prev, id]));
       } else {
@@ -45,10 +48,11 @@ function useDragSelect(options = {}) {
         });
       }
     },
-    [isDragging, dragMode]
+    [isDragging, dragMode, dragStartItem]
   );
   useCallback(() => {
     setIsDragging(false);
+    setDragStartItem(null);
   }, []);
   const clearSelection = useCallback(() => {
     setSelectedItems(/* @__PURE__ */ new Set());
@@ -66,7 +70,10 @@ function useDragSelect(options = {}) {
     [selectedItems, handleMouseDown, handleMouseEnter]
   );
   useEffect(() => {
-    const handleGlobalMouseUp = () => setIsDragging(false);
+    const handleGlobalMouseUp = () => {
+      setIsDragging(false);
+      setDragStartItem(null);
+    };
     const handleEscape = (e) => {
       if (e.key === "Escape") {
         clearSelection();

package/dist/chunk-7NHWT7CO.mjs

@@ -0,0 +1,26 @@
+import { cn } from './chunk-WM2VP7MI.mjs';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { jsx } from 'react/jsx-runtime';
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator-root",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-line-primary shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Separator };

package/dist/{chunk-5VYIGLGB.mjs → chunk-AJKD26TR.mjs}

@@ -1,7 +1,7 @@
 import { Badge } from './chunk-IZCHLZ4H.mjs';
 import { jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.47" ;
+var PACKAGE_VERSION = "0.0.49" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

package/dist/{chunk-NSN3O6CZ.mjs → chunk-AQENEOV3.mjs}

@@ -170,9 +170,9 @@ var CursorProvider = ({
   );
   let styleClass;
   if (hoveredElementId) {
-    styleClass = `opacity-[0.05] rounded-md transition-[width,height,left,top] duration-${transitionDuration} ease-out`;
+    styleClass = `opacity-[0.05] rounded-uk-md transition-[width,height,left,top] duration-${transitionDuration} ease-out`;
   } else {
-    styleClass = `opacity-90 rounded-xl z-10 transition-[width,height,left,top] duration-${transitionDuration} ease-out transition-opacity duration-${transitionDuration}`;
+    styleClass = `opacity-90 rounded-full z-10 transition-[width,height,left,top] duration-${transitionDuration} ease-out transition-opacity duration-${transitionDuration}`;
   }
   const cursorElement = isClient && isMouseInside && /* @__PURE__ */ jsx(
     "div",

package/dist/{chunk-NKNUMZJL.mjs → chunk-DDG2W6BX.mjs}

@@ -69,33 +69,42 @@ var TreeViewRoot = forwardRef(
       walkTreeItems(data, initialSelectedItemId);
       return ids;
     }, [data, expandAll, initialSelectedItemId]);
-    return /* @__PURE__ */ jsxs("div", { className: cn("px-sm relative w-[300px] overflow-hidden", className), children: [
-      /* @__PURE__ */ jsx(
-        TreeItem,
-        {
-          data,
-          ref,
-          selectedItemId,
-          handleSelectChange,
-          expandedItemIds,
-          defaultLeafIcon,
-          defaultNodeIcon,
-          handleDragStart,
-          handleDrop,
-          draggedItem,
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "h-[48px] w-full",
-          onDrop: () => {
-            handleDrop({ id: "", name: "parent_div" });
-          }
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "px-sm relative w-[300px] w-full overflow-x-auto overflow-y-hidden",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            TreeItem,
+            {
+              data,
+              ref,
+              selectedItemId,
+              handleSelectChange,
+              expandedItemIds,
+              defaultLeafIcon,
+              defaultNodeIcon,
+              handleDragStart,
+              handleDrop,
+              draggedItem,
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "h-[0px] w-full",
+              onDrop: () => {
+                handleDrop({ id: "", name: "parent_div" });
+              }
+            }
+          )
+        ]
+      }
+    );
   }
 );
 TreeViewRoot.displayName = "TreeViewRoot";

package/dist/{chunk-KDRYDUQT.js → chunk-DWK23X7J.js}

@@ -91,3 +91,4 @@ var Button = react.forwardRef(function Button2({ className, variant, size, icon,
 });
 
 exports.Button = Button;
+exports.buttonVariants = buttonVariants;

package/dist/{chunk-R3SHGA4V.js → chunk-EOTROHFU.js}

@@ -91,33 +91,42 @@ var TreeViewRoot = react.forwardRef(
       walkTreeItems(data, initialSelectedItemId);
       return ids;
     }, [data, expandAll, initialSelectedItemId]);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk7KYAICHB_js.cn("px-sm relative w-[300px] overflow-hidden", className), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        TreeItem,
-        {
-          data,
-          ref,
-          selectedItemId,
-          handleSelectChange,
-          expandedItemIds,
-          defaultLeafIcon,
-          defaultNodeIcon,
-          handleDragStart,
-          handleDrop,
-          draggedItem,
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "h-[48px] w-full",
-          onDrop: () => {
-            handleDrop({ id: "", name: "parent_div" });
-          }
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunk7KYAICHB_js.cn(
+          "px-sm relative w-[300px] w-full overflow-x-auto overflow-y-hidden",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TreeItem,
+            {
+              data,
+              ref,
+              selectedItemId,
+              handleSelectChange,
+              expandedItemIds,
+              defaultLeafIcon,
+              defaultNodeIcon,
+              handleDragStart,
+              handleDrop,
+              draggedItem,
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "h-[0px] w-full",
+              onDrop: () => {
+                handleDrop({ id: "", name: "parent_div" });
+              }
+            }
+          )
+        ]
+      }
+    );
   }
 );
 TreeViewRoot.displayName = "TreeViewRoot";

package/dist/chunk-GCIH5IMQ.mjs

@@ -0,0 +1,118 @@
+import { buttonVariants } from './chunk-PZ3FWTMB.mjs';
+import { cn } from './chunk-WM2VP7MI.mjs';
+import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({ className, ...props }) {
+  const { setCursorTarget } = useTabsCursor();
+  return /* @__PURE__ */ jsx(TabsCursorProvider, { children: /* @__PURE__ */ jsx(
+    "ul",
+    {
+      onMouseLeave: () => setCursorTarget(null),
+      "data-slot": "pagination-content",
+      className: cn("gap-xs flex flex-row items-center", className),
+      style: {
+        marginBottom: "0px"
+      },
+      ...props
+    }
+  ) });
+}
+function PaginationItem({ ...props }) {
+  const { setCursorTarget } = useTabsCursor();
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      onMouseEnter: (e) => setCursorTarget(e.currentTarget),
+      "data-slot": "pagination-item",
+      className: "rounded-uk-sm",
+      style: {
+        marginBottom: "0px"
+      },
+      ...props
+    }
+  );
+}
+function PaginationLink({
+  className,
+  isActive,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      className: cn(
+        buttonVariants({
+          variant: isActive ? "secondary" : "ghost"
+        }),
+        "hover:bg-transparent",
+        "hover:text-text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "base",
+      className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function PaginationNext({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "base",
+      className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx(ChevronRightIcon, {})
+      ]
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn("text-text-primary flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/chunk-HOQHWWLY.mjs

@@ -0,0 +1,37 @@
+import { cn } from './chunk-WM2VP7MI.mjs';
+import { GripVerticalIcon } from 'lucide-react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ResizablePanelGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ResizablePrimitive.PanelGroup,
+    {
+      "data-slot": "resizable-panel-group",
+      className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+      ...props
+    }
+  );
+}
+function ResizablePanel(props) {
+  return /* @__PURE__ */ jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+}
+function ResizableHandle({ withHandle, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    ResizablePrimitive.PanelResizeHandle,
+    {
+      "data-slot": "resizable-handle",
+      className: cn(
+        "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        !children && withHandle && /* @__PURE__ */ jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx(GripVerticalIcon, { className: "size-2.5" }) })
+      ]
+    }
+  );
+}
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/{chunk-AKBWNVRH.js → chunk-HYVF2TGW.js}

@@ -172,9 +172,9 @@ var CursorProvider = ({
   );
   let styleClass;
   if (hoveredElementId) {
-    styleClass = `opacity-[0.05] rounded-md transition-[width,height,left,top] duration-${transitionDuration} ease-out`;
+    styleClass = `opacity-[0.05] rounded-uk-md transition-[width,height,left,top] duration-${transitionDuration} ease-out`;
   } else {
-    styleClass = `opacity-90 rounded-xl z-10 transition-[width,height,left,top] duration-${transitionDuration} ease-out transition-opacity duration-${transitionDuration}`;
+    styleClass = `opacity-90 rounded-full z-10 transition-[width,height,left,top] duration-${transitionDuration} ease-out transition-opacity duration-${transitionDuration}`;
   }
   const cursorElement = isClient && isMouseInside && /* @__PURE__ */ jsxRuntime.jsx(
     "div",

package/dist/{chunk-QQMHPZFI.js → chunk-JIRSHP3D.js}

@@ -7,6 +7,7 @@ function useDragSelect(options = {}) {
   const [selectedItems, setSelectedItems] = react.useState(/* @__PURE__ */ new Set());
   const [isDragging, setIsDragging] = react.useState(false);
   const [dragMode, setDragMode] = react.useState("toggle");
+  const [dragStartItem, setDragStartItem] = react.useState(null);
   react.useEffect(() => {
     var _a;
     (_a = options.onSelectionChange) == null ? void 0 : _a.call(options, selectedItems);
@@ -14,6 +15,7 @@ function useDragSelect(options = {}) {
   const handleMouseDown = react.useCallback((id, e) => {
     e.preventDefault();
     setIsDragging(true);
+    setDragStartItem(id);
     const mode = e.ctrlKey || e.metaKey ? "replace" : "toggle";
     setDragMode(mode);
     if (mode === "replace") {
@@ -33,6 +35,7 @@ function useDragSelect(options = {}) {
   const handleMouseEnter = react.useCallback(
     (id) => {
       if (!isDragging) return;
+      if (id === dragStartItem) return;
       if (dragMode === "replace") {
         setSelectedItems((prev) => /* @__PURE__ */ new Set([...prev, id]));
       } else {
@@ -47,10 +50,11 @@ function useDragSelect(options = {}) {
         });
       }
     },
-    [isDragging, dragMode]
+    [isDragging, dragMode, dragStartItem]
   );
   react.useCallback(() => {
     setIsDragging(false);
+    setDragStartItem(null);
   }, []);
   const clearSelection = react.useCallback(() => {
     setSelectedItems(/* @__PURE__ */ new Set());
@@ -68,7 +72,10 @@ function useDragSelect(options = {}) {
     [selectedItems, handleMouseDown, handleMouseEnter]
   );
   react.useEffect(() => {
-    const handleGlobalMouseUp = () => setIsDragging(false);
+    const handleGlobalMouseUp = () => {
+      setIsDragging(false);
+      setDragStartItem(null);
+    };
     const handleEscape = (e) => {
       if (e.key === "Escape") {
         clearSelection();

package/dist/chunk-KYWKRMXK.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.Root,
+    {
+      "data-slot": "separator-root",
+      decorative,
+      orientation,
+      className: chunk7KYAICHB_js.cn(
+        "bg-line-primary shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Separator = Separator;

package/dist/chunk-N6DZ364I.mjs

@@ -0,0 +1,15 @@
+import { cn } from './chunk-WM2VP7MI.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-bg-secondary rounded-uk-sm animate-pulse", className),
+      ...props
+    }
+  );
+}
+
+export { Skeleton };

package/dist/chunk-NXTGTCPA.mjs

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+// src/hooks/use-mobile.ts
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(void 0);
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+export { useIsMobile };

package/dist/{chunk-3WAI7WDK.mjs → chunk-PDXJXH4A.mjs}

@@ -1,4 +1,4 @@
-import { TreeView } from './chunk-YGSTPCLB.mjs';
+import { TreeView } from './chunk-VSYSYSVQ.mjs';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-TCN3UDQE.mjs';
 import { cn } from './chunk-WM2VP7MI.mjs';
 import { Magnet, ChevronLeft, ChevronRight } from 'lucide-react';