@vuer-ai/vuer-uikit 0.0.88 → 0.0.89

package/dist/chunk-QKQFSQ6A.mjs

@@ -0,0 +1,489 @@
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-PCSY5IJ2.mjs';
+import { InputRoot, InputSlot } from './chunk-4XUJBMDE.mjs';
+import { SyncScroll } from './chunk-PDOFOJ4P.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { Search, CaseSensitive, Regex, ChevronDown } from 'lucide-react';
+import { useState, useMemo, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function TreeView({
+  data,
+  getIcon,
+  onVisibleDataChange,
+  onItemHover,
+  className,
+  hoveredId,
+  isSelectable = false,
+  selectedItemId,
+  onSelectChange,
+  isSearchable = true,
+  alwaysShowExpand = false,
+  useSyncScroll = false,
+  // External search state props
+  searchQuery: externalSearchQuery,
+  onSearchQueryChange: externalOnSearchQueryChange,
+  isCaseSensitive: externalIsCaseSensitive,
+  onIsCaseSensitiveChange: externalOnIsCaseSensitiveChange,
+  isRegex: externalIsRegex,
+  onIsRegexChange: externalOnIsRegexChange
+}) {
+  const [expandedItems, setExpandedItems] = useState(() => {
+    const initial = /* @__PURE__ */ new Set();
+    data.forEach((item) => {
+      if (item.isCollapsible) initial.add(item.id);
+    });
+    return initial;
+  });
+  const [internalSearchQuery, setInternalSearchQuery] = useState("");
+  const [internalIsCaseSensitive, setInternalIsCaseSensitive] = useState(false);
+  const [internalIsRegex, setInternalIsRegex] = useState(false);
+  const [isRegexValid, setIsRegexValid] = useState(true);
+  const searchQuery = externalSearchQuery ?? internalSearchQuery;
+  const setSearchQuery = externalOnSearchQueryChange ?? setInternalSearchQuery;
+  const isCaseSensitive = externalIsCaseSensitive ?? internalIsCaseSensitive;
+  const isRegex = externalIsRegex ?? internalIsRegex;
+  const setIsCaseSensitive = (value) => {
+    if (externalOnIsCaseSensitiveChange) {
+      externalOnIsCaseSensitiveChange(value);
+    } else {
+      setInternalIsCaseSensitive(value);
+    }
+  };
+  const setIsRegex = (value) => {
+    if (externalOnIsRegexChange) {
+      externalOnIsRegexChange(value);
+    } else {
+      setInternalIsRegex(value);
+    }
+  };
+  const toggleItem = (id) => {
+    setExpandedItems((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(id)) {
+        newSet.delete(id);
+      } else {
+        newSet.add(id);
+      }
+      return newSet;
+    });
+  };
+  const handleItemSelect = (id) => {
+    if (isSelectable && onSelectChange) {
+      onSelectChange(selectedItemId === id ? null : id);
+    }
+  };
+  const hasDescendants = (itemId) => {
+    return (childrenMap.get(itemId) || []).length > 0;
+  };
+  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 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, depth = 0) => {
+      const children = childrenMap.get(nodeId) || [];
+      children.forEach((child) => {
+        if (!visited.has(child.id)) {
+          visited.add(child.id);
+          sortedData.push(child);
+          traverseNode(child.id, depth + 1);
+        }
+      });
+    };
+    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 dataMap = new Map(data.map((item) => [item.id, item]));
+    if (!searchQuery) {
+      const isVisible = (item) => {
+        return item.ancestors.every((ancestor) => expandedItems.has(ancestor.id));
+      };
+      return dataWithMeta.filter(isVisible);
+    }
+    const matchingAndAncestorIds = /* @__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 [];
+      }
+    }
+    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) {
+        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;
+          }
+        }
+      }
+    });
+    return dataWithMeta.filter((item) => matchingAndAncestorIds.has(item.id));
+  }, [searchQuery, dataWithMeta, expandedItems, isCaseSensitive, isRegex, isRegexValid, data]);
+  const searchResultsCount = useMemo(() => {
+    if (!searchQuery || !isRegexValid) return 0;
+    let count = 0;
+    let regex = null;
+    if (isRegex) {
+      try {
+        regex = new RegExp(searchQuery, isCaseSensitive ? "" : "i");
+      } catch {
+        return 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) {
+        count++;
+      }
+    });
+    return count;
+  }, [searchQuery, data, isCaseSensitive, isRegex, isRegexValid]);
+  useEffect(() => {
+    onVisibleDataChange?.(visibleData);
+  }, [visibleData, onVisibleDataChange]);
+  const renderLabel = (label) => {
+    if (!searchQuery || !isRegexValid) {
+      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
+    ) });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
+    isSearchable && /* @__PURE__ */ jsx(
+      TreeSearchBar,
+      {
+        searchQuery,
+        setSearchQuery,
+        isCaseSensitive,
+        setIsCaseSensitive,
+        isRegex,
+        setIsRegex,
+        isRegexValid,
+        searchResultsCount
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TreeEntries,
+      {
+        visibleData,
+        hoveredId,
+        onItemHover,
+        isSelectable,
+        selectedItemId,
+        handleItemSelect,
+        expandedItems,
+        toggleItem,
+        alwaysShowExpand,
+        hasDescendants,
+        getIcon,
+        renderLabel,
+        dataWithMeta,
+        useSyncScroll
+      }
+    )
+  ] });
+}
+function TreeSearchBar({
+  searchQuery,
+  setSearchQuery,
+  isCaseSensitive,
+  setIsCaseSensitive,
+  isRegex,
+  setIsRegex,
+  isRegexValid,
+  searchResultsCount
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "shrink-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 py-1", children: /* @__PURE__ */ jsxs(
+      InputRoot,
+      {
+        type: "text",
+        placeholder: "Search...",
+        size: "md",
+        className: "flex-1",
+        inputClassName: cn(!isRegexValid && "text-red-500"),
+        value: searchQuery,
+        onChange: (e) => setSearchQuery(e.target.value),
+        children: [
+          /* @__PURE__ */ jsx(InputSlot, { side: "left", children: /* @__PURE__ */ jsx(Search, { className: "text-text-secondary size-4 stroke-1" }) }),
+          /* @__PURE__ */ jsx(InputSlot, { side: "right", children: /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 200, children: [
+            /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => setIsCaseSensitive((prev) => !prev),
+                  className: cn(
+                    "rounded-uk-sm mr-1 p-1",
+                    isCaseSensitive ? "bg-shadow-secondary" : ""
+                  ),
+                  children: /* @__PURE__ */ jsx(CaseSensitive, { className: "size-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Case Sensitive" }) })
+            ] }),
+            /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => setIsRegex((prev) => !prev),
+                  className: cn("rounded-uk-sm p-1", isRegex && "bg-shadow-secondary"),
+                  children: /* @__PURE__ */ jsx(Regex, { className: "size-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Use Regular Expression" }) })
+            ] })
+          ] }) })
+        ]
+      }
+    ) }),
+    searchQuery && isRegexValid && /* @__PURE__ */ jsx("div", { className: "flex justify-end px-2 pb-1", children: /* @__PURE__ */ jsxs("span", { className: "text-uk-xs text-text-secondary", children: [
+      searchResultsCount,
+      " result",
+      searchResultsCount !== 1 ? "s" : ""
+    ] }) })
+  ] });
+}
+function TreeEntryItem({
+  item,
+  hoveredId,
+  onItemHover,
+  isSelectable,
+  selectedItemId,
+  handleItemSelect,
+  expandedItems,
+  toggleItem,
+  alwaysShowExpand,
+  hasDescendants,
+  getIcon,
+  renderLabel,
+  dataWithMeta
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "group relative flex h-[32px] items-center",
+        isSelectable && "rounded-uk-md",
+        !item.disable && "cursor-pointer",
+        hoveredId === item.id && !item.disable && "bg-bg-secondary",
+        isSelectable && selectedItemId === item.id && "bg-brand-primary text-text-withbg"
+      ),
+      onMouseEnter: () => onItemHover?.(item.id),
+      onMouseLeave: () => onItemHover?.(null),
+      onClick: () => !item.disable && 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) => {
+            const parentIsLast = dataWithMeta.find((d) => d.id === ancestor.id)?.isLast;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "h-full w-[1.25rem]",
+                  parentIsLast ? "" : "border-l",
+                  "border-line-primary"
+                )
+              },
+              index
+            );
+          }),
+          item.indent > 0 && /* @__PURE__ */ jsxs("div", { className: "relative h-full w-[1.24rem]", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "absolute top-0 left-0 h-1/2 w-1/2 border-b border-l",
+                  item.isLast ? "rounded-bl-md" : "",
+                  "border-line-primary"
+                )
+              }
+            ),
+            !item.isLast && /* @__PURE__ */ jsx("div", { className: "border-line-primary absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "text-uk-md z-10 flex w-full items-center justify-between gap-2 px-2 whitespace-nowrap",
+            style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                alwaysShowExpand && hasDescendants(item.id) && !expandedItems.has(item.id) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        toggleItem(item.id);
+                      },
+                      className: "flex size-4 cursor-pointer items-center justify-center",
+                      children: /* @__PURE__ */ jsx(
+                        ChevronDown,
+                        {
+                          className: cn(
+                            "size-4 -rotate-90 transition-transform",
+                            item.disable && "text-icon-tertiary"
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "flex size-4 items-center justify-center",
+                        item.disable && "text-icon-tertiary"
+                      ),
+                      children: getIcon(item)
+                    }
+                  )
+                ] }) : /* @__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",
+                            item.disable && "text-icon-tertiary"
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "cursor-pointer transition-opacity",
+                        item.isCollapsible && "group-hover:opacity-0",
+                        item.disable && "text-icon-tertiary"
+                      ),
+                      children: getIcon(item)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label) })
+              ] }),
+              item.actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
+            ]
+          }
+        )
+      ]
+    },
+    item.id
+  );
+}
+function TreeEntries({
+  visibleData,
+  hoveredId,
+  onItemHover,
+  isSelectable,
+  selectedItemId,
+  handleItemSelect,
+  expandedItems,
+  toggleItem,
+  alwaysShowExpand,
+  hasDescendants,
+  getIcon,
+  renderLabel,
+  dataWithMeta,
+  useSyncScroll = false,
+  className
+}) {
+  const content = visibleData.map((item) => /* @__PURE__ */ jsx(
+    TreeEntryItem,
+    {
+      item,
+      hoveredId,
+      onItemHover,
+      isSelectable,
+      selectedItemId,
+      handleItemSelect,
+      expandedItems,
+      toggleItem,
+      alwaysShowExpand,
+      hasDescendants,
+      getIcon,
+      renderLabel,
+      dataWithMeta
+    },
+    item.id
+  ));
+  if (useSyncScroll) {
+    return /* @__PURE__ */ jsx(SyncScroll, { className: cn("scrollbar-track-transparent flex-1", className), children: content });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-y-auto", className), children: content });
+}
+
+export { TreeEntries, TreeEntryItem, TreeSearchBar, TreeView };

package/dist/{chunk-I7NPMMUG.cjs → chunk-RBKCE3N7.cjs}

@@ -29,7 +29,7 @@ var changeElementsHoverState = (inputs, range, changed) => {
     }
   });
 };
-var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value, onValuesChange, prefix, suffix, step = 0.1 }, ref) {
+var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value, onValuesChange, prefix, suffix, step = 0.1, gridAutoFlow, columns, rows, layout = "column", columnMajor = false }, ref) {
   const inputs = React.useRef(/* @__PURE__ */ new Map());
   const selectRange = React.useRef([null, null]);
   const inputChange = React.useRef(false);
@@ -98,8 +98,9 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
             if (first === null || last === null) {
               return v;
             } else if (i <= Math.max(first, last) && i >= Math.min(first, last)) {
+              const currentStep = Array.isArray(step) ? step[i] ?? 0.1 : step;
               return Number(
-                ((v || 0) + Math.floor(accumulatedDelta.current) * step * multiplyStep).toPrecision(
+                ((v || 0) + Math.floor(accumulatedDelta.current) * currentStep * multiplyStep).toPrecision(
                   6
                 )
               );
@@ -176,7 +177,8 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
           e.preventDefault();
           const direction = e.key === "ArrowUp" ? 1 : -1;
           const currentValue = value[index] || 0;
-          const newValue = Number((currentValue + direction * step).toPrecision(6));
+          const currentStep = Array.isArray(step) ? step[index] ?? 0.1 : step;
+          const newValue = Number((currentValue + direction * currentStep).toPrecision(6));
           const updatedValues = value.map((v, i) => {
             if (i === index) {
               return newValue;
@@ -192,13 +194,33 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
   if (value?.length === 0) {
     throw new Error("`value` cannot be an empty array");
   }
+  const actualGridAutoFlow = gridAutoFlow || layout || "row";
+  const useGrid = columns || rows || actualGridAutoFlow === "row" || layout === "row";
+  const gridStyles = {};
+  if (useGrid) {
+    gridStyles.display = "grid";
+    gridStyles.gridAutoFlow = actualGridAutoFlow;
+    if (columns) {
+      gridStyles.gridTemplateColumns = `repeat(${columns}, minmax(0, 1fr))`;
+    }
+    if (rows) {
+      gridStyles.gridTemplateRows = `repeat(${rows}, minmax(0, 1fr))`;
+    }
+    if (columnMajor && layout === "row") {
+      gridStyles.gridAutoFlow = "column";
+      if (!rows && columns) {
+        gridStyles.gridTemplateRows = `repeat(${Math.ceil(value.length / columns)}, minmax(0, 1fr))`;
+      }
+    }
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ref,
       onMouseDown: handleMouseDown,
       className: chunkOHIB3TEN_cjs.cn([
-        "gap-xs flex touch-none flex-col select-none",
+        "gap-xs touch-none select-none",
+        !useGrid && "flex flex-col",
         cursorState === "default" && "cursor-crosshair",
         cursorState === "dragging-y" && "cursor-ns-resize",
         cursorState === "dragging-x" && "cursor-col-resize",
@@ -208,6 +230,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
         "data-[hover=x]:cursor-col-resize",
         "data-[hover=y]:cursor-ns-resize"
       ]),
+      style: useGrid ? gridStyles : void 0,
       children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
         chunk3UEVUYFQ_cjs.InputRoot,
         {
@@ -220,6 +243,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value,
           size,
           side,
           type: "number",
+          step: Array.isArray(step) ? step[index] ?? 0.1 : step,
           value: item,
           onClick: () => {
             inputs.current.get(index.toString())?.focus();

package/dist/{chunk-VWPT77VT.mjs → chunk-SGYNKN5X.mjs}

@@ -4,7 +4,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 var PACKAGE_VERSION = "0.0.88" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "07a243e" ;
+var GIT_HASH = "6a176af" ;
 function PackageBadge({
   className,
   packageName,

package/dist/chunk-SH4FDQTB.mjs

@@ -0,0 +1,94 @@
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { GitBranch } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PACKAGE_VERSION = "0.0.88" ;
+var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
+var GIT_HASH = "14c31d2" ;
+function PackageBadge({
+  className,
+  packageName,
+  packageFullName,
+  versionText,
+  linkable = true,
+  gitHash
+}) {
+  const npmUrl = packageFullName && versionText ? `https://www.npmjs.com/package/${packageFullName}/v/${versionText.replace("v", "")}` : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rounded-uk-xs rounded-r-uk-xs text-uk-sm bg-icon-withbg inline-flex items-center ${className || ""}`,
+      style: linkable ? { cursor: "pointer" } : void 0,
+      children: [
+        (packageName || versionText) && /* @__PURE__ */ jsxs("div", { className: "rounded-uk-xs inline-flex items-center overflow-hidden", children: [
+          packageName && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "pl-sm pr-xs py-xxxs bg-brand-primary text-text-withbg text-uk-xs",
+              style: {
+                backgroundColor: "var(--color-brand-primary, var(--brand-primary))",
+                color: "white",
+                textShadow: "0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.1)"
+              },
+              children: packageName
+            }
+          ),
+          versionText && /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: linkable && npmUrl ? npmUrl : void 0,
+              className: cn(
+                "pl-xs pr-sm py-xxxs rounded-r-uk-xs",
+                "bg-alt-primary",
+                "text-text-secondary",
+                "text-text-primary text-uk-xs",
+                linkable && "hover:text-brand-primary"
+              ),
+              style: {
+                textShadow: "0 1px 1px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05)"
+              },
+              onClick: !linkable ? (e) => e.preventDefault() : void 0,
+              children: versionText
+            }
+          )
+        ] }),
+        gitHash && gitHash !== "unknown" && /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: linkable ? `https://github.com/vuer-ai/vuer-uikit/commit/${gitHash}` : void 0,
+            className: "px-md rounded-uk-ssx font-number-input text-text-tertiary text-uk-xs ml-[0px] bg-transparent py-[0px]",
+            onClick: !linkable ? (e) => e.preventDefault() : void 0,
+            children: [
+              /* @__PURE__ */ jsx(GitBranch, { className: "mr-[2px] inline-block size-2" }),
+              gitHash
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function UIKitBadge({
+  className,
+  package: showPackage = false,
+  prefix = false,
+  linkable = false,
+  version = false,
+  hash = false
+}) {
+  const packageShortName = PACKAGE_NAME.split("/").pop() || PACKAGE_NAME;
+  const versionText = version ? prefix ? `v${PACKAGE_VERSION}` : PACKAGE_VERSION : void 0;
+  return /* @__PURE__ */ jsx(
+    PackageBadge,
+    {
+      className,
+      packageName: showPackage ? packageShortName : void 0,
+      packageFullName: PACKAGE_NAME,
+      versionText,
+      linkable,
+      gitHash: hash ? GIT_HASH : void 0
+    }
+  );
+}
+
+export { GIT_HASH, PACKAGE_VERSION, PackageBadge, UIKitBadge };

package/dist/{chunk-U2CXSVXD.cjs → chunk-SJPXQV2G.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkI7NPMMUG_cjs = require('./chunk-I7NPMMUG.cjs');
+var chunkRBKCE3N7_cjs = require('./chunk-RBKCE3N7.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var CmInput = react.forwardRef(function CmInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI7NPMMUG_cjs.InputNumbers,
+    chunkRBKCE3N7_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/{chunk-SCQQZUQV.mjs → chunk-SQBCVWEA.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-XOZ6S53T.mjs';
+import { VectorInput } from './chunk-EAQAIANE.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';