@vuer-ai/vuer-uikit 0.0.74 → 0.0.76

package/dist/{chunk-LHQALBTX.cjs → chunk-B55SNJJM.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -29,7 +29,7 @@ var Checkbox = ({ className, checkall, ...props }) => /* @__PURE__ */ jsxRuntime
   CheckboxPrimitive__namespace.Root,
   {
     "data-slot": "checkbox",
-    className: chunkDWD754BX_cjs.cn(
+    className: chunkOHIB3TEN_cjs.cn(
       "group",
       "relative",
       "w-[16px]",
@@ -59,7 +59,7 @@ var Checkbox = ({ className, checkall, ...props }) => /* @__PURE__ */ jsxRuntime
       CheckboxPrimitive__namespace.Indicator,
       {
         "data-slot": "checkbox-indicator",
-        className: chunkDWD754BX_cjs.cn(
+        className: chunkOHIB3TEN_cjs.cn(
           "absolute",
           "inset-0",
           "m-auto",
@@ -73,7 +73,7 @@ var Checkbox = ({ className, checkall, ...props }) => /* @__PURE__ */ jsxRuntime
       CheckboxPrimitive__namespace.Indicator,
       {
         "data-slot": "checkbox-indicator",
-        className: chunkDWD754BX_cjs.cn(
+        className: chunkOHIB3TEN_cjs.cn(
           "flex",
           "items-center",
           "justify-center",

package/dist/{chunk-LSZ54G6L.cjs → chunk-BAQY2ANP.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk2JDLZHCB_cjs = require('./chunk-2JDLZHCB.cjs');
+var chunkT2RTITL6_cjs = require('./chunk-T2RTITL6.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DegInput = react.forwardRef(function DegInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2JDLZHCB_cjs.InputNumbers,
+    chunkT2RTITL6_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/{chunk-F6VF4JAI.mjs → chunk-BCBWIMPS.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-EEKGYANW.mjs → chunk-BEJIZ56L.mjs}

@@ -1,5 +1,5 @@
 import { useSyncScroll, useScrollSlave, useSyncDrag } from './chunk-SAGQV2YZ.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { useState, useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-NMSI7U5J.mjs → chunk-BGYHKHMQ.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-BWBBQCG2.mjs

@@ -0,0 +1,217 @@
+import { useState, useMemo, useCallback } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+// src/ui/tree-view/hooks.tsx
+function useTreeSearch({
+  data,
+  searchQuery,
+  isCaseSensitive = false,
+  isRegex = false
+}) {
+  const [isRegexValid, setIsRegexValid] = useState(true);
+  const { filteredData, matchingIds, searchResultsCount } = useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    if (!searchQuery) {
+      return {
+        filteredData: data,
+        matchingIds: /* @__PURE__ */ new Set(),
+        searchResultsCount: 0
+      };
+    }
+    const matchingAndAncestorIds = /* @__PURE__ */ new Set();
+    const directMatchIds = /* @__PURE__ */ new Set();
+    let regex = null;
+    if (isRegex) {
+      try {
+        regex = new RegExp(searchQuery, isCaseSensitive ? "" : "i");
+        if (!isRegexValid) setIsRegexValid(true);
+      } catch {
+        if (isRegexValid) setIsRegexValid(false);
+        return {
+          filteredData: [],
+          matchingIds: /* @__PURE__ */ new Set(),
+          searchResultsCount: 0
+        };
+      }
+    }
+    data.forEach((item) => {
+      let labelMatches = false;
+      if (regex) {
+        labelMatches = regex.test(item.label);
+      } else {
+        const source = isCaseSensitive ? item.label : item.label.toLowerCase();
+        const query = isCaseSensitive ? searchQuery : searchQuery.toLowerCase();
+        labelMatches = source.includes(query);
+      }
+      if (labelMatches) {
+        directMatchIds.add(item.id);
+        matchingAndAncestorIds.add(item.id);
+        let current = item.parentId;
+        while (current) {
+          const parent = dataMap.get(current);
+          if (parent) {
+            matchingAndAncestorIds.add(parent.id);
+            current = parent.parentId;
+          } else {
+            break;
+          }
+        }
+      }
+    });
+    const filtered = data.filter((item) => matchingAndAncestorIds.has(item.id));
+    return {
+      filteredData: filtered,
+      matchingIds: directMatchIds,
+      searchResultsCount: directMatchIds.size
+    };
+  }, [searchQuery, data, isCaseSensitive, isRegex, isRegexValid]);
+  const renderLabel = useCallback((label, itemId) => {
+    if (!searchQuery || !isRegexValid || !matchingIds.has(itemId)) {
+      return label;
+    }
+    let regex;
+    try {
+      regex = new RegExp(`(${searchQuery})`, isCaseSensitive ? "g" : "gi");
+    } catch {
+      return label;
+    }
+    const parts = label.split(regex);
+    return /* @__PURE__ */ jsx(Fragment, { children: parts.map(
+      (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx("span", { className: "rounded-uk-xs bg-accent-warning", children: part }, i) : part
+    ) });
+  }, [searchQuery, isCaseSensitive, isRegexValid, matchingIds]);
+  return {
+    filteredData,
+    searchResultsCount,
+    isRegexValid,
+    renderLabel,
+    hasActiveSearch: !!searchQuery
+  };
+}
+function useTreeState({
+  data,
+  defaultExpanded = true,
+  expandedItems: externalExpandedItems,
+  onToggleItem: externalOnToggleItem
+}) {
+  const [internalExpandedItems, setInternalExpandedItems] = useState(() => {
+    const initial = /* @__PURE__ */ new Set();
+    if (defaultExpanded) {
+      data.forEach((item) => {
+        if (item.isCollapsible) initial.add(item.id);
+      });
+    }
+    return initial;
+  });
+  const expandedItems = externalExpandedItems ?? internalExpandedItems;
+  const toggleItem = useCallback((id) => {
+    if (externalOnToggleItem) {
+      externalOnToggleItem(id);
+    } else {
+      setInternalExpandedItems((prev) => {
+        const newSet = new Set(prev);
+        if (newSet.has(id)) {
+          newSet.delete(id);
+        } else {
+          newSet.add(id);
+        }
+        return newSet;
+      });
+    }
+  }, [externalOnToggleItem]);
+  const expandAll = useCallback(() => {
+    const allCollapsible = /* @__PURE__ */ new Set();
+    data.forEach((item) => {
+      if (item.isCollapsible) allCollapsible.add(item.id);
+    });
+    if (externalExpandedItems) {
+      allCollapsible.forEach((id) => {
+        if (!expandedItems.has(id) && externalOnToggleItem) {
+          externalOnToggleItem(id);
+        }
+      });
+    } else {
+      setInternalExpandedItems(allCollapsible);
+    }
+  }, [data, expandedItems, externalExpandedItems, externalOnToggleItem]);
+  const collapseAll = useCallback(() => {
+    if (externalExpandedItems) {
+      expandedItems.forEach((id) => {
+        if (externalOnToggleItem) {
+          externalOnToggleItem(id);
+        }
+      });
+    } else {
+      setInternalExpandedItems(/* @__PURE__ */ new Set());
+    }
+  }, [expandedItems, externalExpandedItems, externalOnToggleItem]);
+  const childrenMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    data.forEach((item) => {
+      if (!map.has(item.parentId)) {
+        map.set(item.parentId, []);
+      }
+      map.get(item.parentId).push(item);
+    });
+    return map;
+  }, [data]);
+  const hasDescendants = useCallback((itemId) => {
+    return (childrenMap.get(itemId) || []).length > 0;
+  }, [childrenMap]);
+  const dataWithMeta = useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    const getAncestors = (item) => {
+      const ancestors = [];
+      let current = item.parentId;
+      while (current) {
+        const parent = dataMap.get(current);
+        if (parent) {
+          ancestors.unshift(parent);
+          current = parent.parentId;
+        } else {
+          break;
+        }
+      }
+      return ancestors;
+    };
+    const sortedData = [];
+    const visited = /* @__PURE__ */ new Set();
+    const traverseNode = (nodeId) => {
+      const children = childrenMap.get(nodeId) || [];
+      children.forEach((child) => {
+        if (!visited.has(child.id)) {
+          visited.add(child.id);
+          sortedData.push(child);
+          traverseNode(child.id);
+        }
+      });
+    };
+    traverseNode(null);
+    return sortedData.map((item) => {
+      const siblings = childrenMap.get(item.parentId) || [];
+      const isLast = siblings.length > 0 && siblings[siblings.length - 1].id === item.id;
+      const ancestors = getAncestors(item);
+      const indent = ancestors.length;
+      return { ...item, indent, isLast, ancestors };
+    });
+  }, [data, childrenMap]);
+  const visibleData = useMemo(() => {
+    const isVisible = (item) => {
+      return item.ancestors.every(
+        (ancestor) => !ancestor.isCollapsible || expandedItems.has(ancestor.id)
+      );
+    };
+    return dataWithMeta.filter(isVisible);
+  }, [dataWithMeta, expandedItems]);
+  return {
+    visibleData,
+    expandedItems,
+    toggleItem,
+    expandAll,
+    collapseAll,
+    hasDescendants,
+    dataWithMeta
+  };
+}
+
+export { useTreeSearch, useTreeState };

package/dist/{chunk-T6NE6TOR.mjs → chunk-CO6EASQO.mjs}

@@ -1,5 +1,5 @@
 import { colorClasses, borderColorClasses, formatDuration } from './chunk-4U232QAX.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function TimelineProcessBar({

package/dist/chunk-COVQAQYO.mjs

@@ -0,0 +1,63 @@
+import { useTheme } from './chunk-7LLDKYND.mjs';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-PCSY5IJ2.mjs';
+import { Button } from './chunk-INHZ5D7P.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { Droplet, SunMoon, Moon, Sun } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var LiquidToggle = ({ className, ...props }) => {
+  const { isLiquid, toggleLiquid } = useTheme();
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: true,
+        variant: "ghost",
+        value: isLiquid,
+        "aria-label": `Toggle liquid theme: ${isLiquid ? "on" : "off"}`,
+        ...props,
+        onClick: toggleLiquid,
+        className,
+        children: /* @__PURE__ */ jsx(Droplet, { size: 20 })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: "Toggle liquid theme" })
+  ] });
+};
+var ThemeColorToggle = (props) => {
+  const { baseTheme, setBaseTheme, resolvedTheme } = useTheme();
+  const handleThemeChange = () => {
+    if (baseTheme === "light") {
+      setBaseTheme("dark");
+    } else if (baseTheme === "dark") {
+      setBaseTheme("system");
+    } else if (baseTheme === "system") {
+      setBaseTheme("light");
+    }
+  };
+  const isDark = resolvedTheme.includes("dark");
+  const isSystem = baseTheme === "system";
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      icon: true,
+      variant: "ghost",
+      "aria-label": `Current theme: ${isSystem ? "system" : isDark ? "dark" : "light"}`,
+      ...props,
+      onClick: handleThemeChange,
+      children: isSystem ? /* @__PURE__ */ jsx(SunMoon, { size: 20 }) : isDark ? /* @__PURE__ */ jsx(Moon, { size: 20 }) : /* @__PURE__ */ jsx(Sun, { size: 20 })
+    }
+  );
+};
+var ThemeToggles = ({
+  className,
+  liquidToggleProps = {},
+  colorToggleProps = {}
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-1", className), children: [
+    /* @__PURE__ */ jsx(LiquidToggle, { ...liquidToggleProps }),
+    /* @__PURE__ */ jsx(ThemeColorToggle, { ...colorToggleProps })
+  ] });
+};
+
+export { LiquidToggle, ThemeColorToggle, ThemeToggles };

package/dist/{chunk-R2DTBJJV.mjs → chunk-D3IW2NW6.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';