@vuer-ai/vuer-uikit 0.0.47 → 0.0.49

package/dist/chunk-VAEPAW5L.js

@@ -0,0 +1,126 @@
+'use strict';
+
+var chunkDWK23X7J_js = require('./chunk-DWK23X7J.js');
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var chunkOTPUWWEB_js = require('./chunk-OTPUWWEB.js');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: chunk7KYAICHB_js.cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({ className, ...props }) {
+  const { setCursorTarget } = chunkOTPUWWEB_js.useTabsCursor();
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkOTPUWWEB_js.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "ul",
+    {
+      onMouseLeave: () => setCursorTarget(null),
+      "data-slot": "pagination-content",
+      className: chunk7KYAICHB_js.cn("gap-xs flex flex-row items-center", className),
+      style: {
+        marginBottom: "0px"
+      },
+      ...props
+    }
+  ) });
+}
+function PaginationItem({ ...props }) {
+  const { setCursorTarget } = chunkOTPUWWEB_js.useTabsCursor();
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      className: chunk7KYAICHB_js.cn(
+        chunkDWK23X7J_js.buttonVariants({
+          variant: isActive ? "secondary" : "ghost"
+        }),
+        "hover:bg-transparent",
+        "hover:text-text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "base",
+      className: chunk7KYAICHB_js.cn("gap-1 px-2.5 sm:pl-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function PaginationNext({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "base",
+      className: chunk7KYAICHB_js.cn("gap-1 px-2.5 sm:pr-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, {})
+      ]
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: chunk7KYAICHB_js.cn("text-text-primary flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+
+exports.Pagination = Pagination;
+exports.PaginationContent = PaginationContent;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
+exports.PaginationLink = PaginationLink;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPrevious = PaginationPrevious;

package/dist/{chunk-M3S7NSGR.mjs → chunk-VSFCQCKQ.mjs}

@@ -1,8 +1,8 @@
-import { SelectTrigger } from './chunk-TZLILQLV.mjs';
 import { Tabs } from './chunk-EXM36UYZ.mjs';
 import { Textarea } from './chunk-MWJQTO2F.mjs';
+import { SelectTrigger } from './chunk-TZLILQLV.mjs';
 import { InputRoot } from './chunk-INX2EB5H.mjs';
-import { Button } from './chunk-I5UCKLLT.mjs';
+import { Button } from './chunk-PZ3FWTMB.mjs';
 import { withCursor } from './chunk-44KW6PTD.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx

package/dist/{chunk-YGSTPCLB.mjs → chunk-VSYSYSVQ.mjs}

@@ -10,7 +10,10 @@ function TreeView({
   onVisibleDataChange,
   onItemHover,
   className,
-  hoveredId
+  hoveredId,
+  isSelectable = false,
+  selectedItemId,
+  onSelectChange
 }) {
   const [expandedItems, setExpandedItems] = useState(() => {
     const initial = /* @__PURE__ */ new Set();
@@ -34,6 +37,11 @@ function TreeView({
       return newSet;
     });
   };
+  const handleItemSelect = (id) => {
+    if (isSelectable && onSelectChange) {
+      onSelectChange(selectedItemId === id ? null : id);
+    }
+  };
   const childrenMap = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     data.forEach((item) => {
@@ -176,10 +184,12 @@ function TreeView({
       {
         className: cn(
           "group relative flex h-[32px] cursor-pointer items-center",
-          hoveredId === item.id && "bg-bg-secondary/80"
+          hoveredId === item.id && "bg-bg-secondary/80",
+          isSelectable && selectedItemId === item.id && "bg-brand-primary"
         ),
         onMouseEnter: () => onItemHover == null ? void 0 : onItemHover(item.id),
         onMouseLeave: () => onItemHover == null ? void 0 : onItemHover(null),
+        onClick: () => handleItemSelect(item.id),
         children: [
           /* @__PURE__ */ jsxs("div", { className: "absolute top-0 left-[-0.28rem] z-0 flex h-full items-center", children: [
             item.ancestors.map((ancestor, index) => {
@@ -214,38 +224,44 @@ function TreeView({
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: "text-uk-md z-10 flex w-full items-center gap-2 px-2 whitespace-nowrap",
+              className: "text-uk-md z-10 flex w-full items-center justify-between px-2 whitespace-nowrap",
               style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
               children: [
-                /* @__PURE__ */ jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
-                  item.isCollapsible && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      onClick: () => toggleItem(item.id),
-                      className: "absolute z-20 flex cursor-pointer items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
-                      children: /* @__PURE__ */ jsx(
-                        ChevronDown,
-                        {
-                          className: cn(
-                            "size-4 transition-transform",
-                            !expandedItems.has(item.id) && "-rotate-90"
-                          )
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: cn(
-                        "cursor-pointer transition-opacity",
-                        item.isCollapsible && "group-hover:opacity-0"
-                      ),
-                      children: getIcon(item)
-                    }
-                  )
+                /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
+                    item.isCollapsible && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          toggleItem(item.id);
+                        },
+                        className: "absolute z-20 flex cursor-pointer items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
+                        children: /* @__PURE__ */ jsx(
+                          ChevronDown,
+                          {
+                            className: cn(
+                              "size-4 transition-transform",
+                              !expandedItems.has(item.id) && "-rotate-90"
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: cn(
+                          "cursor-pointer transition-opacity",
+                          item.isCollapsible && "group-hover:opacity-0"
+                        ),
+                        children: getIcon(item)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "truncate", children: renderLabel(item.label) })
                 ] }),
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: renderLabel(item.label) })
+                item.actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
               ]
             }
           )

package/dist/{chunk-BGXUSJT2.js → chunk-WEHNW5KY.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVEUXQSY3_js = require('./chunk-VEUXQSY3.js');
+var chunkYNKO5FOU_js = require('./chunk-YNKO5FOU.js');
 var chunkER6XHUS7_js = require('./chunk-ER6XHUS7.js');
 var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
 var lucideReact = require('lucide-react');
@@ -510,7 +510,7 @@ function Timeline({
   }, [viewStart, viewDuration, updateCursor]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-bg-primary text-text-primary border-line-secondary/20 rounded-uk-md mx-auto w-full max-w-7xl overflow-hidden border font-sans shadow-[0_4px_16px_0_var(--color-shadow-secondary)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(300px,30%)_1fr]", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkVEUXQSY3_js.TreeView,
+      chunkYNKO5FOU_js.TreeView,
       {
         data,
         getIcon,

package/dist/{chunk-HE63LZKF.js → chunk-XBKQWS7J.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkCZBGKVGH_js = require('./chunk-CZBGKVGH.js');
 var chunkW3AIC7FW_js = require('./chunk-W3AIC7FW.js');
 var chunkKCA5PXNO_js = require('./chunk-KCA5PXNO.js');
+var chunkCZBGKVGH_js = require('./chunk-CZBGKVGH.js');
 var chunk3YODEBOY_js = require('./chunk-3YODEBOY.js');
-var chunkKDRYDUQT_js = require('./chunk-KDRYDUQT.js');
+var chunkDWK23X7J_js = require('./chunk-DWK23X7J.js');
 var chunkUFHMEEGL_js = require('./chunk-UFHMEEGL.js');
 
 // src/highlight-cursor/enhanced-components.tsx
-var CursorButton = chunkUFHMEEGL_js.withCursor(chunkKDRYDUQT_js.Button);
+var CursorButton = chunkUFHMEEGL_js.withCursor(chunkDWK23X7J_js.Button);
 var CursorTabs = chunkUFHMEEGL_js.withCursor(chunkW3AIC7FW_js.Tabs);
 var CursorInputRoot = chunkUFHMEEGL_js.withCursor(chunk3YODEBOY_js.InputRoot);
 var CursorSelectTrigger = chunkUFHMEEGL_js.withCursor(chunkCZBGKVGH_js.SelectTrigger);

package/dist/chunk-YFPY5SLS.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var React = require('react');
+
+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 React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/hooks/use-mobile.ts
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React__namespace.useState(void 0);
+  React__namespace.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;
+}
+
+exports.useIsMobile = useIsMobile;

package/dist/{chunk-VEUXQSY3.js → chunk-YNKO5FOU.js}

@@ -12,7 +12,10 @@ function TreeView({
   onVisibleDataChange,
   onItemHover,
   className,
-  hoveredId
+  hoveredId,
+  isSelectable = false,
+  selectedItemId,
+  onSelectChange
 }) {
   const [expandedItems, setExpandedItems] = react.useState(() => {
     const initial = /* @__PURE__ */ new Set();
@@ -36,6 +39,11 @@ function TreeView({
       return newSet;
     });
   };
+  const handleItemSelect = (id) => {
+    if (isSelectable && onSelectChange) {
+      onSelectChange(selectedItemId === id ? null : id);
+    }
+  };
   const childrenMap = react.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     data.forEach((item) => {
@@ -178,10 +186,12 @@ function TreeView({
       {
         className: chunk7KYAICHB_js.cn(
           "group relative flex h-[32px] cursor-pointer items-center",
-          hoveredId === item.id && "bg-bg-secondary/80"
+          hoveredId === item.id && "bg-bg-secondary/80",
+          isSelectable && selectedItemId === item.id && "bg-brand-primary"
         ),
         onMouseEnter: () => onItemHover == null ? void 0 : onItemHover(item.id),
         onMouseLeave: () => onItemHover == null ? void 0 : onItemHover(null),
+        onClick: () => handleItemSelect(item.id),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 left-[-0.28rem] z-0 flex h-full items-center", children: [
             item.ancestors.map((ancestor, index) => {
@@ -216,38 +226,44 @@ function TreeView({
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: "text-uk-md z-10 flex w-full items-center gap-2 px-2 whitespace-nowrap",
+              className: "text-uk-md z-10 flex w-full items-center justify-between px-2 whitespace-nowrap",
               style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
-                  item.isCollapsible && /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      onClick: () => toggleItem(item.id),
-                      className: "absolute z-20 flex cursor-pointer items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
-                        lucideReact.ChevronDown,
-                        {
-                          className: chunk7KYAICHB_js.cn(
-                            "size-4 transition-transform",
-                            !expandedItems.has(item.id) && "-rotate-90"
-                          )
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      className: chunk7KYAICHB_js.cn(
-                        "cursor-pointer transition-opacity",
-                        item.isCollapsible && "group-hover:opacity-0"
-                      ),
-                      children: getIcon(item)
-                    }
-                  )
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
+                    item.isCollapsible && /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          toggleItem(item.id);
+                        },
+                        className: "absolute z-20 flex cursor-pointer items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          lucideReact.ChevronDown,
+                          {
+                            className: chunk7KYAICHB_js.cn(
+                              "size-4 transition-transform",
+                              !expandedItems.has(item.id) && "-rotate-90"
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: chunk7KYAICHB_js.cn(
+                          "cursor-pointer transition-opacity",
+                          item.isCollapsible && "group-hover:opacity-0"
+                        ),
+                        children: getIcon(item)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: renderLabel(item.label) })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: renderLabel(item.label) })
+                item.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
               ]
             }
           )