@expcat/tigercat-react 0.4.2 → 1.0.0

package/dist/chunk-UF3DXKCI.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/components/Text.tsx
+var Text = React__default.default.memo(
+  ({
+    tag = "p",
+    size,
+    weight,
+    align,
+    color,
+    truncate,
+    italic,
+    underline,
+    lineThrough,
+    children,
+    className,
+    ...props
+  }) => {
+    const textClasses = tigercatCore.classNames(
+      tigercatCore.getTextClasses({ size, weight, align, color, truncate, italic, underline, lineThrough }),
+      className
+    );
+    return React__default.default.createElement(tag, { ...props, className: textClasses }, children);
+  }
+);
+Text.displayName = "Text";
+
+exports.Text = Text;

package/dist/chunk-UIO6O4MI.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var React = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/components/Card.tsx
+var Card = React__default.default.memo(
+  ({
+    variant = "default",
+    size = "md",
+    direction = "vertical",
+    hoverable = false,
+    cover,
+    coverAlt = "Card cover image",
+    header,
+    footer,
+    actions,
+    className,
+    children,
+    ...props
+  }) => {
+    const isHorizontal = direction === "horizontal";
+    const sectionSizeClass = cover ? tigercatCore.cardSizeClasses[size] : void 0;
+    const cardClasses = tigercatCore.classNames(
+      tigercatCore.getCardClasses(variant, hoverable),
+      tigercatCore.cardDirectionClasses[direction],
+      !cover && tigercatCore.cardSizeClasses[size],
+      className
+    );
+    const getSectionClasses = (baseClasses) => tigercatCore.classNames(baseClasses, sectionSizeClass);
+    const bodyContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      header != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: getSectionClasses(tigercatCore.cardHeaderClasses), children: header }),
+      children != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionSizeClass, children }),
+      footer != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: getSectionClasses(tigercatCore.cardFooterClasses), children: footer }),
+      actions != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: getSectionClasses(tigercatCore.classNames(tigercatCore.cardActionsClasses, tigercatCore.cardFooterClasses)), children: actions })
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cardClasses, ...props, children: [
+      cover && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.cardCoverWrapperClasses, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: cover,
+          alt: coverAlt,
+          className: tigercatCore.classNames(tigercatCore.cardCoverClasses, isHorizontal && "h-full w-48 object-cover")
+        }
+      ) }),
+      isHorizontal ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.cardHorizontalBodyClasses, children: bodyContent }) : bodyContent
+    ] });
+  }
+);
+Card.displayName = "Card";
+
+exports.Card = Card;

package/dist/chunk-UKGQ7256.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useControlledState.ts
+function useControlledState(controlledValue, defaultValue) {
+  const [internalValue, setInternalValue] = react.useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : internalValue;
+  return [value, setInternalValue, isControlled];
+}
+
+exports.useControlledState = useControlledState;

package/dist/chunk-UPQGB5NQ.mjs

@@ -0,0 +1,38 @@
+import { useMemo } from 'react';
+import { getPrintLayoutClasses, printLayoutHeaderClasses, printLayoutFooterClasses, classNames, printLayoutPageBreakClasses } from '@expcat/tigercat-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/PrintLayout.tsx
+var PrintLayout = ({
+  pageSize = "A4",
+  orientation = "portrait",
+  showHeader = false,
+  showFooter = false,
+  headerText,
+  footerText,
+  headerRender,
+  footerRender,
+  className,
+  children,
+  ...rest
+}) => {
+  const classes = useMemo(
+    () => getPrintLayoutClasses(pageSize, orientation, className),
+    [pageSize, orientation, className]
+  );
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: classes, children: [
+    showHeader && (headerRender || headerText) && /* @__PURE__ */ jsx("div", { className: printLayoutHeaderClasses, children: headerRender || headerText }),
+    /* @__PURE__ */ jsx("div", { className: "tiger-print-content", children }),
+    showFooter && (footerRender || footerText) && /* @__PURE__ */ jsx("div", { className: printLayoutFooterClasses, children: footerRender || footerText })
+  ] });
+};
+var PrintPageBreak = (props) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ...props,
+    className: classNames(printLayoutPageBreakClasses, "print:break-before-page"),
+    "aria-hidden": "true"
+  }
+);
+
+export { PrintLayout, PrintPageBreak };

package/dist/chunk-UQMPEMY7.mjs

@@ -0,0 +1,11 @@
+import { useState } from 'react';
+
+// src/hooks/useControlledState.ts
+function useControlledState(controlledValue, defaultValue) {
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : internalValue;
+  return [value, setInternalValue, isControlled];
+}
+
+export { useControlledState };

package/dist/chunk-V3P4ZAGL.mjs

@@ -0,0 +1,110 @@
+import { useState, useMemo } from 'react';
+import { starViewBox, starPathD, classNames, rateInactiveColor, rateHoverColor, rateActiveColor, getRateStarClasses, rateBaseClasses } from '@expcat/tigercat-core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/components/Rate.tsx
+var Rate = ({
+  value = 0,
+  count = 5,
+  allowHalf = false,
+  disabled = false,
+  size = "md",
+  allowClear = true,
+  character,
+  className,
+  onChange,
+  onHoverChange
+}) => {
+  const [hoverValue, setHoverValue] = useState(0);
+  const displayValue = hoverValue > 0 ? hoverValue : value;
+  const isChar = !!character;
+  function getStarValue(index, isHalf) {
+    return isHalf ? index + 0.5 : index + 1;
+  }
+  function handleClick(index, e) {
+    if (disabled) return;
+    const el = e.currentTarget;
+    const rect = el.getBoundingClientRect();
+    const half = allowHalf && e.clientX - rect.left < rect.width / 2;
+    const val = getStarValue(index, half);
+    const newVal = allowClear && val === value ? 0 : val;
+    onChange?.(newVal);
+  }
+  function handleMouseMove(index, e) {
+    if (disabled) return;
+    const el = e.currentTarget;
+    const rect = el.getBoundingClientRect();
+    const half = allowHalf && e.clientX - rect.left < rect.width / 2;
+    const val = getStarValue(index, half);
+    if (val !== hoverValue) {
+      setHoverValue(val);
+      onHoverChange?.(val);
+    }
+  }
+  function handleMouseLeave() {
+    if (disabled) return;
+    setHoverValue(0);
+    onHoverChange?.(0);
+  }
+  const starIcon = useMemo(
+    () => /* @__PURE__ */ jsx("svg", { viewBox: starViewBox, fill: "currentColor", className: "w-full h-full", children: /* @__PURE__ */ jsx("path", { d: starPathD }) }),
+    []
+  );
+  const stars = useMemo(() => {
+    const items = [];
+    for (let i = 0; i < count; i++) {
+      const full = displayValue >= i + 1;
+      const half = allowHalf && !full && displayValue >= i + 0.5;
+      const isHovering = hoverValue > 0;
+      const colorClass = full || half ? isHovering ? rateHoverColor : rateActiveColor : rateInactiveColor;
+      const content = half ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: classNames("absolute inset-0", rateInactiveColor), children: isChar ? /* @__PURE__ */ jsx("span", { children: character }) : starIcon }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: classNames(
+              "absolute inset-0 overflow-hidden",
+              isHovering ? rateHoverColor : rateActiveColor
+            ),
+            style: { width: "50%" },
+            children: isChar ? /* @__PURE__ */ jsx("span", { children: character }) : starIcon
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx("span", { className: colorClass, children: isChar ? /* @__PURE__ */ jsx("span", { children: character }) : starIcon });
+      items.push(
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: getRateStarClasses(size, isChar, disabled),
+            role: "radio",
+            "aria-checked": full || half,
+            "aria-label": `${i + 1} star${i + 1 > 1 ? "s" : ""}`,
+            onClick: (e) => handleClick(i, e),
+            onMouseMove: (e) => handleMouseMove(i, e),
+            onMouseLeave: handleMouseLeave,
+            children: content
+          },
+          i
+        )
+      );
+    }
+    return items;
+  }, [
+    count,
+    displayValue,
+    hoverValue,
+    allowHalf,
+    disabled,
+    size,
+    character,
+    isChar,
+    value,
+    allowClear,
+    onChange,
+    onHoverChange,
+    starIcon
+  ]);
+  return /* @__PURE__ */ jsx("div", { className: classNames(rateBaseClasses, className), role: "radiogroup", "aria-label": "Rating", children: stars });
+};
+
+export { Rate };

package/dist/{chunk-TGPQ4KET.mjs → chunk-VAQDUVBP.mjs}

@@ -1,4 +1,4 @@
-import { useState, useMemo } from 'react';
+import React, { useState, useMemo } from 'react';
 import { getSpinnerSVG, paginateData, calculatePagination, classNames, getListClasses, listSizeClasses, listGridContainerClasses, getGridColumnClasses, listWrapperClasses, listLoadingOverlayClasses, getListHeaderFooterClasses, listEmptyStateClasses, getSimplePaginationContainerClasses, getSimplePaginationTotalClasses, getSimplePaginationControlsClasses, getSimplePaginationSelectClasses, getSimplePaginationButtonsWrapperClasses, getSimplePaginationButtonClasses, getSimplePaginationPageIndicatorClasses, getLoadingOverlaySpinnerClasses, getListItemClasses, listItemAvatarClasses, listItemTitleClasses, listItemDescriptionClasses, listItemContentClasses, listItemMetaClasses, listItemExtraClasses } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -36,11 +36,14 @@ var List = ({
   onItemClick,
   onPageChange,
   className,
+  draggable: isDraggable = false,
+  onReorder,
   ...divProps
 }) => {
   const [currentPage, setCurrentPage] = useState(
     pagination && typeof pagination === "object" ? pagination.current || 1 : 1
   );
+  const dragIndexRef = React.useRef(null);
   const [currentPageSize, setCurrentPageSize] = useState(
     pagination && typeof pagination === "object" ? pagination.pageSize || 10 : 10
   );
@@ -155,11 +158,35 @@ var List = ({
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: classNames(itemClasses, clickable && "cursor-pointer"),
+        className: classNames(
+          itemClasses,
+          clickable && "cursor-pointer",
+          isDraggable && "cursor-grab"
+        ),
         role: "listitem",
         tabIndex: clickable ? 0 : void 0,
         onClick: handleClick,
         onKeyDown: handleKeyDown,
+        draggable: isDraggable || void 0,
+        onDragStart: isDraggable ? () => {
+          dragIndexRef.current = index;
+        } : void 0,
+        onDragOver: isDraggable ? (e) => e.preventDefault() : void 0,
+        onDrop: isDraggable ? () => {
+          const from = dragIndexRef.current;
+          if (from === null || from === index) {
+            dragIndexRef.current = null;
+            return;
+          }
+          dragIndexRef.current = null;
+          const items = [...dataSource];
+          const [moved] = items.splice(from, 1);
+          items.splice(index, 0, moved);
+          onReorder?.(items, from, index);
+        } : void 0,
+        onDragEnd: isDraggable ? () => {
+          dragIndexRef.current = null;
+        } : void 0,
         children: renderItem ? renderItem(item, index) : renderDefaultListItem(item)
       },
       key

package/dist/chunk-VHHEP5G7.js

@@ -0,0 +1,123 @@
+'use strict';
+
+var React = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/components/CodeEditor.tsx
+var CodeEditor = ({
+  value: controlledValue,
+  defaultValue = "",
+  language = "plain",
+  theme = "light",
+  readOnly = false,
+  lineNumbers = true,
+  tabSize = 2,
+  placeholder,
+  wordWrap = false,
+  minLines = 3,
+  maxLines = 0,
+  disabled = false,
+  className,
+  style,
+  onChange
+}) => {
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const textareaRef = React.useRef(null);
+  const code = controlledValue !== void 0 ? controlledValue : internalValue;
+  const lines = React.useMemo(() => code.split("\n"), [code]);
+  const lineCount = React.useMemo(() => tigercatCore.countLines(code), [code]);
+  const lineNums = React.useMemo(() => tigercatCore.generateLineNumbers(lineCount), [lineCount]);
+  const containerClasses = React.useMemo(
+    () => tigercatCore.getCodeEditorContainerClasses(theme, disabled, className),
+    [theme, disabled, className]
+  );
+  const containerStyle = React.useMemo(() => {
+    const lineHeight = 1.625;
+    const s = { ...style };
+    if (minLines > 0) s.minHeight = `${minLines * lineHeight + 1.5}rem`;
+    if (maxLines > 0) s.maxHeight = `${maxLines * lineHeight + 1.5}rem`;
+    return s;
+  }, [minLines, maxLines, style]);
+  const handleInput = React.useCallback(
+    (e) => {
+      const val = e.target.value;
+      setInternalValue(val);
+      onChange?.(val);
+    },
+    [onChange]
+  );
+  const handleKeyDown = React.useCallback(
+    (e) => {
+      if (e.key === "Tab") {
+        e.preventDefault();
+        const ta = textareaRef.current;
+        if (!ta) return;
+        const result = tigercatCore.handleTabKey(ta.value, ta.selectionStart, ta.selectionEnd, tabSize);
+        setInternalValue(result.value);
+        onChange?.(result.value);
+        requestAnimationFrame(() => {
+          ta.selectionStart = result.selectionStart;
+          ta.selectionEnd = result.selectionStart;
+        });
+      }
+    },
+    [tabSize, onChange]
+  );
+  const wrapClass = wordWrap ? "whitespace-pre-wrap break-all" : "";
+  const renderToken = (token, idx) => {
+    const cls = tigercatCore.getTokenClasses(token.type, theme);
+    return cls ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, children: token.value }, idx) : /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Fragment, { children: token.value }, idx);
+  };
+  const renderLine = (line, lineIndex) => {
+    const tokens = tigercatCore.tokenizeLine(line, language);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-[1.625rem]", children: [
+      tokens.map(renderToken),
+      line === "" ? "\n" : null
+    ] }, lineIndex);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: containerClasses,
+      style: containerStyle,
+      "data-language": language,
+      "data-theme": theme,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full", children: [
+        lineNumbers && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLineNumberClasses(theme), "aria-hidden": "true", children: lineNums.map((n) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[1.625rem]", children: n }, n)) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 overflow-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.codeEditorHighlightClasses, wrapClass), "aria-hidden": "true", children: lines.map(renderLine) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              ref: textareaRef,
+              className: tigercatCore.classNames(tigercatCore.codeEditorTextareaClasses, wrapClass),
+              value: code,
+              onChange: handleInput,
+              onKeyDown: handleKeyDown,
+              readOnly: readOnly || disabled,
+              disabled,
+              placeholder,
+              spellCheck: false,
+              autoCapitalize: "off",
+              autoComplete: "off",
+              autoCorrect: "off",
+              "data-gramm": "false",
+              "aria-label": "Code editor",
+              role: "textbox",
+              "aria-multiline": true
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+var CodeEditor_default = CodeEditor;
+
+exports.CodeEditor = CodeEditor;
+exports.CodeEditor_default = CodeEditor_default;

package/dist/{chunk-J3HKED4B.js → chunk-VHWTMNQN.js}

@@ -4,8 +4,8 @@ var chunkPR3PQUKM_js = require('./chunk-PR3PQUKM.js');
 var chunkQYYAXM5F_js = require('./chunk-QYYAXM5F.js');
 var chunk2GKTVAAB_js = require('./chunk-2GKTVAAB.js');
 var chunkVCULFIZ5_js = require('./chunk-VCULFIZ5.js');
-var chunkI5TCE5E7_js = require('./chunk-I5TCE5E7.js');
-var chunkSSQOCZ6O_js = require('./chunk-SSQOCZ6O.js');
+var chunkUF3DXKCI_js = require('./chunk-UF3DXKCI.js');
+var chunkUIO6O4MI_js = require('./chunk-UIO6O4MI.js');
 var chunkCI2WHAT2_js = require('./chunk-CI2WHAT2.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
@@ -68,28 +68,28 @@ var ActivityFeed = ({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 mb-1", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-            titleText ? /* @__PURE__ */ jsxRuntime.jsx(chunkI5TCE5E7_js.Text, { tag: "div", size: "sm", weight: "medium", className: "truncate", children: titleText }) : null,
+            titleText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", weight: "medium", className: "truncate", children: titleText }) : null,
             item.status ? /* @__PURE__ */ jsxRuntime.jsx(chunkVCULFIZ5_js.Tag, { variant: item.status.variant ?? "default", size: "sm", className: "shrink-0", children: item.status.label }) : null
           ] }),
-          timeText ? /* @__PURE__ */ jsxRuntime.jsx(chunkI5TCE5E7_js.Text, { tag: "div", size: "xs", color: "muted", className: "shrink-0 whitespace-nowrap", children: timeText }) : null
+          timeText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "xs", color: "muted", className: "shrink-0 whitespace-nowrap", children: timeText }) : null
         ] }),
-        descriptionText ? /* @__PURE__ */ jsxRuntime.jsx(chunkI5TCE5E7_js.Text, { tag: "div", size: "sm", color: "muted", className: "mb-2 break-words", children: descriptionText }) : null,
+        descriptionText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", color: "muted", className: "mb-2 break-words", children: descriptionText }) : null,
         actionNodes?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: actionNodes }) : null
       ] })
     ] }) });
   };
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkSSQOCZ6O_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-loading", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2GKTVAAB_js.Loading, { text: loadingText }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUIO6O4MI_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-loading", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2GKTVAAB_js.Loading, { text: loadingText }) }) }) });
   }
   if (resolvedGroups.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkSSQOCZ6O_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-empty", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsx(chunkI5TCE5E7_js.Text, { tag: "div", size: "sm", color: "muted", children: emptyText }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUIO6O4MI_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-empty", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", color: "muted", children: emptyText }) }) }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: resolvedGroups.map((group, groupIndex) => {
     const headerNode = renderGroupHeader?.(group);
     const groupTitle = group.title;
     const timelineItems = tigercatCore.toActivityTimelineItems(group.items);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-      showGroupTitle && groupTitle ? headerNode ?? /* @__PURE__ */ jsxRuntime.jsx(chunkI5TCE5E7_js.Text, { tag: "div", size: "sm", weight: "medium", color: "muted", children: groupTitle }) : null,
+      showGroupTitle && groupTitle ? headerNode ?? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", weight: "medium", color: "muted", children: groupTitle }) : null,
       /* @__PURE__ */ jsxRuntime.jsx(
         chunkPR3PQUKM_js.Timeline,
         {

package/dist/{chunk-56KTCMRE.mjs → chunk-VONFSF4S.mjs}

@@ -1,12 +1,12 @@
-import { usePopup } from './chunk-3PV2MDST.mjs';
+import { usePopup } from './chunk-AMOH5AMN.mjs';
 import { useRef, useMemo } from 'react';
 import { createFloatingIdFactory, classNames, getPopoverContainerClasses, getPopoverTriggerClasses, getPopoverContentClasses, POPOVER_TITLE_CLASSES, POPOVER_TEXT_CLASSES } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var createPopoverId = createFloatingIdFactory("popover");
 var Popover = ({
-  visible,
-  defaultVisible = false,
+  open,
+  defaultOpen = false,
   title,
   content,
   trigger = "click",
@@ -19,7 +19,7 @@ var Popover = ({
   children,
   titleContent,
   contentContent,
-  onVisibleChange,
+  onOpenChange,
   ...divProps
 }) => {
   const popoverIdRef = useRef(null);
@@ -27,14 +27,7 @@ var Popover = ({
   const popoverId = popoverIdRef.current;
   const titleId = `${popoverId}-title`;
   const contentId = `${popoverId}-content`;
-  const {
-    currentVisible,
-    containerRef,
-    triggerRef,
-    floatingRef,
-    floatingStyles,
-    triggerHandlers
-  } = usePopup({ visible, defaultVisible, disabled, trigger, placement, offset, onVisibleChange });
+  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = usePopup({ open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
   const containerClasses = useMemo(
     () => classNames(getPopoverContainerClasses(), className),
     [className]