@vuer-ai/vuer-uikit 0.0.73 → 0.0.75

package/dist/chunk-FD5AAGON.cjs

@@ -0,0 +1,487 @@
+'use strict';
+
+var chunkLCCNBVKZ_cjs = require('./chunk-LCCNBVKZ.cjs');
+var chunkVBBJSIY7_cjs = require('./chunk-VBBJSIY7.cjs');
+var chunkYQCSEMRB_cjs = require('./chunk-YQCSEMRB.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function TreeView({
+  data,
+  getIcon,
+  onVisibleDataChange,
+  onItemHover,
+  className,
+  hoveredId,
+  isSelectable = false,
+  selectedItemId,
+  onSelectChange,
+  isSearchable = true,
+  alwaysShowExpand = false,
+  useSyncScroll = false
+}) {
+  const [expandedItems, setExpandedItems] = react.useState(() => {
+    const initial = /* @__PURE__ */ new Set();
+    data.forEach((item) => {
+      if (item.isCollapsible) initial.add(item.id);
+    });
+    return initial;
+  });
+  const [searchQuery, setSearchQuery] = react.useState("");
+  const [isCaseSensitive, setIsCaseSensitive] = react.useState(false);
+  const [isRegex, setIsRegex] = react.useState(false);
+  const [isRegexValid, setIsRegexValid] = react.useState(true);
+  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 = react.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 = react.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 = react.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 = react.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]);
+  react.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
+      (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-uk-xs bg-accent-warning", children: part }, i) : part
+    ) });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("flex flex-col", className), children: [
+    isSearchable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkYQCSEMRB_cjs.InputRoot,
+        {
+          type: "text",
+          placeholder: "Search...",
+          size: "md",
+          className: "flex-1",
+          inputClassName: chunkOHIB3TEN_cjs.cn(
+            !isRegexValid && "text-red-500"
+          ),
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkYQCSEMRB_cjs.InputSlot, { side: "left", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4 stroke-1" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkYQCSEMRB_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkLCCNBVKZ_cjs.TooltipProvider, { delayDuration: 200, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(chunkLCCNBVKZ_cjs.Tooltip, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunkLCCNBVKZ_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: () => setIsCaseSensitive((prev) => !prev),
+                    className: chunkOHIB3TEN_cjs.cn("rounded-uk-sm p-1 mr-1", isCaseSensitive && "bg-shadow-secondary"),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CaseSensitive, { className: "size-4" })
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunkLCCNBVKZ_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(chunkLCCNBVKZ_cjs.Tooltip, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunkLCCNBVKZ_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: () => setIsRegex((prev) => !prev),
+                    className: chunkOHIB3TEN_cjs.cn("rounded-uk-sm p-1", isRegex && "bg-shadow-secondary"),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Regex, { className: "size-4" })
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunkLCCNBVKZ_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
+              ] })
+            ] }) })
+          ]
+        }
+      ) }),
+      searchQuery && isRegexValid && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end px-2 pb-1", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-uk-xs text-text-secondary", children: [
+        searchResultsCount,
+        " result",
+        searchResultsCount !== 1 ? "s" : ""
+      ] }) })
+    ] }),
+    useSyncScroll ? /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScroll, { className: "scrollbar-track-transparent flex-1", children: visibleData.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkOHIB3TEN_cjs.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkOHIB3TEN_cjs.cn(
+                    "h-full w-[1.25rem]",
+                    parentIsLast ? "" : "border-l",
+                    "border-line-primary"
+                  )
+                },
+                index
+              );
+            }),
+            item.indent > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full w-[1.24rem]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkOHIB3TEN_cjs.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__ */ jsxRuntime.jsx("div", { className: "border-line-primary absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                  alwaysShowExpand && hasDescendants(item.id) && !expandedItems.has(item.id) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          toggleItem(item.id);
+                        },
+                        className: "flex size-4 cursor-pointer items-center justify-center",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          lucideReact.ChevronDown,
+                          {
+                            className: chunkOHIB3TEN_cjs.cn(
+                              "size-4 -rotate-90 transition-transform",
+                              item.disable && "text-icon-tertiary"
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: chunkOHIB3TEN_cjs.cn(
+                          "flex size-4 items-center justify-center",
+                          item.disable && "text-icon-tertiary"
+                        ),
+                        children: getIcon(item)
+                      }
+                    )
+                  ] }) : /* @__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: chunkOHIB3TEN_cjs.cn(
+                              "size-4 transition-transform",
+                              !expandedItems.has(item.id) && "-rotate-90",
+                              item.disable && "text-icon-tertiary"
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: chunkOHIB3TEN_cjs.cn(
+                          "cursor-pointer transition-opacity",
+                          item.isCollapsible && "group-hover:opacity-0",
+                          item.disable && "text-icon-tertiary"
+                        ),
+                        children: getIcon(item)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkOHIB3TEN_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label) })
+                ] }),
+                item.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
+              ]
+            }
+          )
+        ]
+      },
+      item.id
+    )) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: visibleData.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkOHIB3TEN_cjs.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkOHIB3TEN_cjs.cn(
+                    "h-full w-[1.25rem]",
+                    parentIsLast ? "" : "border-l",
+                    "border-line-primary"
+                  )
+                },
+                index
+              );
+            }),
+            item.indent > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full w-[1.24rem]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkOHIB3TEN_cjs.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__ */ jsxRuntime.jsx("div", { className: "border-line-primary absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                  alwaysShowExpand && hasDescendants(item.id) && !expandedItems.has(item.id) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          toggleItem(item.id);
+                        },
+                        className: "flex size-4 cursor-pointer items-center justify-center",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          lucideReact.ChevronDown,
+                          {
+                            className: chunkOHIB3TEN_cjs.cn(
+                              "size-4 -rotate-90 transition-transform",
+                              item.disable && "text-icon-tertiary"
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: chunkOHIB3TEN_cjs.cn(
+                          "flex size-4 items-center justify-center",
+                          item.disable && "text-icon-tertiary"
+                        ),
+                        children: getIcon(item)
+                      }
+                    )
+                  ] }) : /* @__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: chunkOHIB3TEN_cjs.cn(
+                              "size-4 transition-transform",
+                              !expandedItems.has(item.id) && "-rotate-90",
+                              item.disable && "text-icon-tertiary"
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: chunkOHIB3TEN_cjs.cn(
+                          "cursor-pointer transition-opacity",
+                          item.isCollapsible && "group-hover:opacity-0",
+                          item.disable && "text-icon-tertiary"
+                        ),
+                        children: getIcon(item)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkOHIB3TEN_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label) })
+                ] }),
+                item.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
+              ]
+            }
+          )
+        ]
+      },
+      item.id
+    )) })
+  ] });
+}
+
+exports.TreeView = TreeView;

package/dist/chunk-G2ZYONQO.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+// src/ui/waterfall/utils.ts
+var TOTAL_DURATION = 22;
+var formatDuration = (seconds) => {
+  const sign = seconds < 0 ? "-" : "";
+  const absSeconds = Math.abs(seconds);
+  if (absSeconds < 1) {
+    if (absSeconds < 5e-4) return "0s";
+    return `${sign}${Math.round(absSeconds * 1e3)}ms`;
+  }
+  if (absSeconds < 60) {
+    return `${sign}${absSeconds.toFixed(3)}s`;
+  }
+  const SECONDS_IN_MINUTE = 60;
+  const SECONDS_IN_HOUR = 3600;
+  const SECONDS_IN_DAY = 86400;
+  const SECONDS_IN_MONTH = 2592e3;
+  const SECONDS_IN_YEAR = 31536e3;
+  if (absSeconds < SECONDS_IN_HOUR) {
+    const m = Math.floor(absSeconds / SECONDS_IN_MINUTE);
+    const s = absSeconds % SECONDS_IN_MINUTE;
+    return `${sign}${m}m ${s.toFixed(2).padStart(5, "0")}s`;
+  }
+  if (absSeconds < SECONDS_IN_DAY) {
+    const h = Math.floor(absSeconds / SECONDS_IN_HOUR);
+    const m = Math.floor(absSeconds % SECONDS_IN_HOUR / SECONDS_IN_MINUTE);
+    const s = Math.floor(absSeconds % SECONDS_IN_MINUTE);
+    return `${sign}${h}h ${String(m).padStart(2, "0")}m ${String(s).padStart(2, "0")}s`;
+  }
+  if (absSeconds < SECONDS_IN_MONTH) {
+    const d2 = Math.floor(absSeconds / SECONDS_IN_DAY);
+    const h = Math.floor(absSeconds % SECONDS_IN_DAY / SECONDS_IN_HOUR);
+    const m = Math.floor(absSeconds % SECONDS_IN_HOUR / SECONDS_IN_MINUTE);
+    return `${sign}${d2}d ${String(h).padStart(2, "0")}h ${String(m).padStart(2, "0")}m`;
+  }
+  if (absSeconds < SECONDS_IN_YEAR) {
+    const mo2 = Math.floor(absSeconds / SECONDS_IN_MONTH);
+    const d2 = Math.floor(absSeconds % SECONDS_IN_MONTH / SECONDS_IN_DAY);
+    const h = Math.floor(absSeconds % SECONDS_IN_DAY / SECONDS_IN_HOUR);
+    return `${sign}${mo2}mo ${String(d2).padStart(3, "0")}d ${String(h).padStart(2, "0")}h`;
+  }
+  const y = Math.floor(absSeconds / SECONDS_IN_YEAR);
+  const mo = Math.floor(absSeconds % SECONDS_IN_YEAR / SECONDS_IN_MONTH);
+  const d = Math.floor(absSeconds % SECONDS_IN_MONTH / SECONDS_IN_DAY);
+  return `${sign}${y}y ${String(mo).padStart(2, "0")}mo ${String(d).padStart(3, "0")}d`;
+};
+var borderColorClasses = {
+  blue: "border-blue-500",
+  green: "border-green-500",
+  orange: "border-orange-500",
+  purple: "border-purple-500",
+  "gray-light": "border-muted",
+  "gray-medium": "border-slate-400 dark:border-slate-600"
+};
+var colorClasses = {
+  blue: "bg-blue-500",
+  green: "bg-green-500",
+  orange: "bg-orange-500",
+  purple: "bg-purple-500",
+  "gray-light": "bg-muted",
+  "gray-medium": "bg-slate-400 dark:bg-slate-700"
+};
+var leftWedgeClasses = {
+  blue: "border-l-blue-500",
+  green: "border-l-green-500",
+  orange: "border-l-orange-500",
+  purple: "border-l-purple-500",
+  "gray-light": "border-l-slate-300 dark:border-l-slate-600",
+  "gray-medium": "border-l-slate-400 dark:border-l-slate-500"
+};
+var rightWedgeClasses = {
+  blue: "border-r-blue-500",
+  green: "border-r-green-500",
+  orange: "border-r-orange-500",
+  purple: "border-r-purple-500",
+  "gray-light": "border-r-slate-300 dark:border-r-slate-600",
+  "gray-medium": "border-r-slate-400 dark:border-r-slate-500"
+};
+
+exports.TOTAL_DURATION = TOTAL_DURATION;
+exports.borderColorClasses = borderColorClasses;
+exports.colorClasses = colorClasses;
+exports.formatDuration = formatDuration;
+exports.leftWedgeClasses = leftWedgeClasses;
+exports.rightWedgeClasses = rightWedgeClasses;

package/dist/{chunk-D57RTQ2Z.cjs → chunk-GWIACOMY.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkRPTRTGC2_cjs = require('./chunk-RPTRTGC2.cjs');
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -36,7 +36,7 @@ var AvatarRoot = ({
   AvatarPrimitive__namespace.Root,
   {
     "data-slot": "avatar",
-    className: chunkDWD754BX_cjs.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
+    className: chunkOHIB3TEN_cjs.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
     ...props
   }
 );
@@ -44,7 +44,7 @@ var AvatarSSRFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
   {
     "data-slot": "avatar",
-    className: chunkDWD754BX_cjs.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className)
+    className: chunkOHIB3TEN_cjs.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className)
   }
 );
 var Avatar = chunkRPTRTGC2_cjs.createClientOnlyComponent(AvatarRoot, AvatarSSRFallback);
@@ -55,11 +55,11 @@ var AvatarImageRoot = ({
   AvatarPrimitive__namespace.Image,
   {
     "data-slot": "avatar-image",
-    className: chunkDWD754BX_cjs.cn("aspect-square size-full", className),
+    className: chunkOHIB3TEN_cjs.cn("aspect-square size-full", className),
     ...props
   }
 );
-var AvatarImageFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "avatar-image", className: chunkDWD754BX_cjs.cn("aspect-square size-full", className) });
+var AvatarImageFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "avatar-image", className: chunkOHIB3TEN_cjs.cn("aspect-square size-full", className) });
 var AvatarImage = chunkRPTRTGC2_cjs.createClientOnlyComponent(AvatarImageRoot, AvatarImageFallback);
 var AvatarFallbackRoot = ({
   className,
@@ -68,7 +68,7 @@ var AvatarFallbackRoot = ({
   AvatarPrimitive__namespace.Fallback,
   {
     "data-slot": "avatar-fallback",
-    className: chunkDWD754BX_cjs.cn(
+    className: chunkOHIB3TEN_cjs.cn(
       "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
       className
     ),
@@ -82,7 +82,7 @@ var AvatarFallbackSSR = ({
   "span",
   {
     "data-slot": "avatar-fallback",
-    className: chunkDWD754BX_cjs.cn(
+    className: chunkOHIB3TEN_cjs.cn(
       "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
       className
     ),
@@ -99,11 +99,11 @@ function AvatarGroup({ children, className, spacing = "normal", max }) {
   const childrenArray = React__default.default.Children.toArray(children);
   const displayChildren = max ? childrenArray.slice(0, max) : childrenArray;
   const remainingCount = max && childrenArray.length > max ? childrenArray.length - max : 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkDWD754BX_cjs.cn("flex flex-row-reverse justify-end", spacingClasses[spacing], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("flex flex-row-reverse justify-end", spacingClasses[spacing], className), children: [
     remainingCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
       Avatar,
       {
-        className: chunkDWD754BX_cjs.cn(
+        className: chunkOHIB3TEN_cjs.cn(
           "ring-background relative cursor-default ring-2 transition-all duration-200 ease-in-out hover:z-[100] hover:scale-120"
         ),
         children: /* @__PURE__ */ jsxRuntime.jsxs(AvatarFallback, { children: [
@@ -117,7 +117,7 @@ function AvatarGroup({ children, className, spacing = "normal", max }) {
         return React__default.default.cloneElement(
           child,
           {
-            className: chunkDWD754BX_cjs.cn(
+            className: chunkOHIB3TEN_cjs.cn(
               `ring-background relative ring-2 transition-all duration-200 ease-in-out hover:z-[100] hover:scale-120`,
               child.props?.className
             )

package/dist/chunk-GZL34EJN.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkT2RTITL6_cjs = require('./chunk-T2RTITL6.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var RadInput = react.forwardRef(function RadInput2({ value = 0, onChange, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkT2RTITL6_cjs.InputNumbers,
+    {
+      ref,
+      value: [value],
+      onValuesChange: (values) => onChange?.(values[0]),
+      suffix: ["rad"],
+      ...props
+    }
+  );
+});
+
+exports.RadInput = RadInput;

package/dist/{chunk-M4YQQBHS.mjs → chunk-H4IDSUG5.mjs}

@@ -1,5 +1,5 @@
 import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, CircleIcon, ChevronRightIcon } from 'lucide-react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';