@expcat/tigercat-react 0.3.0 → 0.3.69

package/dist/{chunk-JAVDNFJD.js → chunk-C7UKFKVY.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkGXTBCX3M_js = require('./chunk-GXTBCX3M.js');
-var chunkA3DJSVTE_js = require('./chunk-A3DJSVTE.js');
-var chunk3OF7XPIQ_js = require('./chunk-3OF7XPIQ.js');
+var chunkH5MZ54PM_js = require('./chunk-H5MZ54PM.js');
+var chunkQL6UEG3U_js = require('./chunk-QL6UEG3U.js');
+var chunkF24IF2QL_js = require('./chunk-F24IF2QL.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -17,9 +17,10 @@ var FormWizard = ({
   simple = false,
   showSteps = true,
   showActions = true,
-  prevText = "Previous",
-  nextText = "Next",
-  finishText = "Finish",
+  prevText,
+  nextText,
+  finishText,
+  locale,
   beforeNext,
   onChange,
   onFinish,
@@ -28,8 +29,13 @@ var FormWizard = ({
   style,
   ...props
 }) => {
+  const config = chunkQL6UEG3U_js.useTigerConfig();
+  const mergedLocale = react.useMemo(
+    () => tigercatCore.mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = react.useMemo(() => tigercatCore.getFormWizardLabels(mergedLocale), [mergedLocale]);
   const [innerCurrent, setInnerCurrent] = react.useState(defaultCurrent);
-  const [errorMessage, setErrorMessage] = react.useState(null);
   react.useEffect(() => {
     if (current !== void 0) setInnerCurrent(current);
   }, [current]);
@@ -38,7 +44,10 @@ var FormWizard = ({
   const currentStep = steps[currentIndex];
   const isFirst = currentIndex <= 0;
   const isLast = currentIndex >= totalCount - 1;
-  const wrapperClasses = tigercatCore.classNames("tiger-form-wizard flex flex-col gap-6 w-full", className);
+  const wrapperClasses = tigercatCore.classNames(
+    "tiger-form-wizard w-full rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden",
+    className
+  );
   const setCurrent = react.useCallback(
     (next) => {
       const max = Math.max(totalCount - 1, 0);
@@ -52,24 +61,13 @@ var FormWizard = ({
   );
   const runBeforeNext = react.useCallback(async () => {
     if (!beforeNext || !currentStep) {
-      setErrorMessage(null);
       return true;
     }
     const result = await beforeNext(currentIndex, currentStep, steps);
-    if (result === true) {
-      setErrorMessage(null);
-      return true;
-    }
-    if (typeof result === "string") {
-      setErrorMessage(result);
-    } else {
-      setErrorMessage(null);
-    }
-    return false;
+    return result === true;
   }, [beforeNext, currentIndex, currentStep, steps]);
   const handlePrev = react.useCallback(() => {
     if (currentIndex <= 0 || steps[currentIndex - 1]?.disabled) return;
-    setErrorMessage(null);
     setCurrent(currentIndex - 1);
   }, [currentIndex, setCurrent, steps]);
   const handleNext = react.useCallback(async () => {
@@ -81,7 +79,6 @@ var FormWizard = ({
       return;
     }
     if (steps[currentIndex + 1]?.disabled) return;
-    setErrorMessage(null);
     setCurrent(currentIndex + 1);
   }, [currentIndex, totalCount, isLast, onFinish, runBeforeNext, setCurrent, steps]);
   const handleStepChange = react.useCallback(
@@ -91,7 +88,6 @@ var FormWizard = ({
         const ok = await runBeforeNext();
         if (!ok) return;
       }
-      setErrorMessage(null);
       setCurrent(nextIndex);
     },
     [currentIndex, runBeforeNext, setCurrent, steps]
@@ -103,7 +99,7 @@ var FormWizard = ({
   }, [currentIndex, currentStep, renderStep]);
   const stepsNodes = react.useMemo(
     () => steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXTBCX3M_js.StepsItem,
+      chunkH5MZ54PM_js.StepsItem,
       {
         title: step.title,
         description: step.description,
@@ -116,8 +112,8 @@ var FormWizard = ({
     [steps]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, style, "data-tiger-form-wizard": true, ...props, children: [
-    showSteps && steps.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGXTBCX3M_js.Steps,
+    showSteps && steps.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkH5MZ54PM_js.Steps,
       {
         current: currentIndex,
         direction,
@@ -127,14 +123,11 @@ var FormWizard = ({
         onChange: handleStepChange,
         children: stepsNodes
       }
-    ),
-    errorMessage && /* @__PURE__ */ jsxRuntime.jsx(chunk3OF7XPIQ_js.Alert, { type: "error", description: errorMessage, className: "tiger-form-wizard-alert" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tiger-form-wizard-body rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] p-6", children: [
-      contentNode,
-      showActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tiger-form-wizard-actions flex items-center justify-between border-t border-[var(--tiger-border,#e5e7eb)] pt-4 mt-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkA3DJSVTE_js.Button, { type: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: prevText }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkA3DJSVTE_js.Button, { type: "button", variant: "primary", onClick: handleNext, children: isLast ? finishText : nextText })
-      ] })
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 flex flex-col items-center", children: contentNode }),
+    showActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-3 px-6 py-2 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkF24IF2QL_js.Button, { type: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: tigercatCore.resolveLocaleText(labels.prevText, prevText) }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkF24IF2QL_js.Button, { type: "button", variant: "primary", onClick: handleNext, children: isLast ? tigercatCore.resolveLocaleText(labels.finishText, finishText) : tigercatCore.resolveLocaleText(labels.nextText, nextText) })
     ] })
   ] });
 };

package/dist/{chunk-TZ26HQAW.js → chunk-CI2WHAT2.js}

@@ -25,47 +25,27 @@ var Avatar = ({
   const ariaHiddenProp = props["aria-hidden"];
   const computedLabel = ariaLabelProp ?? (alt.trim() ? alt : void 0) ?? (text?.trim() || void 0);
   const isDecorative = ariaHiddenProp === true || !computedLabel && !ariaLabelledbyProp;
-  const avatarClasses = tigercatCore.classNames(
-    tigercatCore.avatarBaseClasses,
-    tigercatCore.avatarSizeClasses[size],
-    tigercatCore.avatarShapeClasses[shape],
-    !hasImage && bgColor,
-    !hasImage && textColor,
-    className
+  const avatarClasses = react.useMemo(
+    () => tigercatCore.classNames(
+      tigercatCore.avatarBaseClasses,
+      tigercatCore.avatarSizeClasses[size],
+      tigercatCore.avatarShapeClasses[shape],
+      !hasImage && bgColor,
+      !hasImage && textColor,
+      className
+    ),
+    [size, shape, hasImage, bgColor, textColor, className]
   );
   if (hasImage) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: avatarClasses, "aria-hidden": isDecorative ? true : ariaHiddenProp, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
       {
-        ...props,
-        className: avatarClasses,
-        "aria-hidden": isDecorative ? true : props["aria-hidden"],
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src,
-            alt,
-            className: tigercatCore.avatarImageClasses,
-            onError: () => setImageError(true)
-          }
-        )
+        src,
+        alt,
+        className: tigercatCore.avatarImageClasses,
+        onError: () => setImageError(true)
       }
-    );
-  }
-  if (displayText) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        ...props,
-        className: avatarClasses,
-        ...isDecorative ? { "aria-hidden": true } : {
-          role: "img",
-          "aria-label": computedLabel,
-          "aria-labelledby": ariaLabelledbyProp
-        },
-        children: displayText
-      }
-    );
+    ) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
@@ -77,7 +57,7 @@ var Avatar = ({
         "aria-label": computedLabel,
         "aria-labelledby": ariaLabelledbyProp
       },
-      children
+      children: displayText || children
     }
   );
 };

package/dist/{chunk-WYTHTJN3.mjs → chunk-CYZLGYY4.mjs}

@@ -6,7 +6,7 @@ import { ChartSeries } from './chunk-SDLMB34Y.mjs';
 import { ChartTooltip } from './chunk-LVC43YX2.mjs';
 import { ChartAxis } from './chunk-RQSQXQN6.mjs';
 import { useState, useMemo, useCallback } from 'react';
-import { getChartInnerRect, getNumberExtent, createLinearScale, createPointScale, DEFAULT_CHART_COLORS, createLinePath, getChartElementOpacity, classNames } from '@expcat/tigercat-core';
+import { getLineGradientPrefix, getChartInnerRect, resolveSeriesData, getNumberExtent, createLinearScale, createPointScale, resolveChartPalette, createLinePath, createAreaPath, getChartElementOpacity, buildChartLegendItems, resolveMultiSeriesTooltipContent, defaultSeriesXYTooltipFormatter, classNames } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LineChart = ({
@@ -50,6 +50,10 @@ var LineChart = ({
   legendMarkerSize = 10,
   legendGap = 8,
   showTooltip = true,
+  showArea = false,
+  areaOpacity = 0.15,
+  pointHollow = false,
+  animated = false,
   tooltipFormatter,
   legendFormatter,
   title,
@@ -64,15 +68,15 @@ var LineChart = ({
 }) => {
   const [hoveredPointInfo, setHoveredPointInfo] = useState(null);
   const [tooltipPosition, setTooltipPosition] = useState({ x: 0, y: 0 });
+  const gradientPrefix = useMemo(() => getLineGradientPrefix(), []);
   const innerRect = useMemo(
     () => getChartInnerRect(width, height, padding),
     [width, height, padding]
   );
-  const resolvedSeries = useMemo(() => {
-    if (series && series.length > 0) return series;
-    if (data && data.length > 0) return [{ data }];
-    return [];
-  }, [series, data]);
+  const resolvedSeries = useMemo(
+    () => resolveSeriesData(series, data),
+    [series, data]
+  );
   const {
     activeIndex,
     handleMouseEnter: handleSeriesHoverEnter,
@@ -113,7 +117,7 @@ var LineChart = ({
       return createLinearScale(extent, [0, innerRect.width]);
     } else {
       const categories = [...new Set(xValues.map(String))];
-      return createPointScale(categories, [0, innerRect.width], { padding: 0.1 });
+      return createPointScale(categories, [0, innerRect.width], { padding: 0 });
     }
   }, [xScaleProp, isXNumeric, xValues, innerRect.width]);
   const resolvedYScale = useMemo(() => {
@@ -121,12 +125,9 @@ var LineChart = ({
     const extent = getNumberExtent(yValues, { includeZero });
     return createLinearScale(extent, [innerRect.height, 0]);
   }, [yScaleProp, yValues, includeZero, innerRect.height]);
-  const resolvedShowXAxis = showAxis && showXAxis;
-  const resolvedShowYAxis = showAxis && showYAxis;
-  const palette = useMemo(
-    () => colors && colors.length > 0 ? colors : [...DEFAULT_CHART_COLORS],
-    [colors]
-  );
+  const shouldShowXAxis = showAxis && showXAxis;
+  const shouldShowYAxis = showAxis && showYAxis;
+  const palette = useMemo(() => resolveChartPalette(colors), [colors]);
   const seriesData = useMemo(
     () => resolvedSeries.map((s, seriesIndex) => {
       const color = s.color ?? palette[seriesIndex % palette.length];
@@ -137,6 +138,8 @@ var LineChart = ({
         pointIndex
       }));
       const linePath = createLinePath(points, curve);
+      const seriesShowArea = s.showArea ?? showArea;
+      const areaPath = seriesShowArea ? createAreaPath(points, innerRect.height, curve) : "";
       const opacity = getChartElementOpacity(seriesIndex, activeIndex, {
         activeOpacity,
         inactiveOpacity
@@ -146,13 +149,17 @@ var LineChart = ({
         seriesIndex,
         color,
         linePath,
+        areaPath,
+        showArea: seriesShowArea,
+        areaOpacity: s.areaOpacity ?? areaOpacity,
         points,
         opacity,
         strokeWidth: s.strokeWidth ?? strokeWidth,
         strokeDasharray: s.strokeDasharray,
         showPoints: s.showPoints ?? showPoints,
         pointSize: s.pointSize ?? pointSize,
-        pointColor: s.pointColor ?? color
+        pointColor: s.pointColor ?? color,
+        pointHollow: s.pointHollow ?? pointHollow
       };
     }),
     [
@@ -166,34 +173,32 @@ var LineChart = ({
       inactiveOpacity,
       strokeWidth,
       showPoints,
-      pointSize
+      pointSize,
+      showArea,
+      areaOpacity,
+      pointHollow,
+      innerRect.height
     ]
   );
   const legendItems = useMemo(
-    () => resolvedSeries.map((s, index) => ({
-      index,
-      label: legendFormatter ? legendFormatter(s, index) : s.name ?? `Series ${index + 1}`,
-      color: s.color ?? palette[index % palette.length],
-      active: activeIndex === null || activeIndex === index
-    })),
+    () => buildChartLegendItems({
+      data: resolvedSeries,
+      palette,
+      activeIndex,
+      getLabel: (s, i) => legendFormatter ? legendFormatter(s, i) : s.name ?? `Series ${i + 1}`,
+      getColor: (s, i) => s.color ?? palette[i % palette.length]
+    }),
     [resolvedSeries, legendFormatter, palette, activeIndex]
   );
-  const formatTooltip = useCallback(
-    (datum, seriesIndex, _pointIndex, s) => {
-      if (tooltipFormatter) return tooltipFormatter(datum, seriesIndex, _pointIndex, s);
-      const seriesName = s?.name ?? `Series ${seriesIndex + 1}`;
-      const label = datum.label ?? String(datum.x);
-      return `${seriesName} \xB7 ${label}: ${datum.y}`;
-    },
-    [tooltipFormatter]
+  const tooltipContent = useMemo(
+    () => resolveMultiSeriesTooltipContent(
+      hoveredPointInfo,
+      resolvedSeries,
+      tooltipFormatter,
+      defaultSeriesXYTooltipFormatter
+    ),
+    [hoveredPointInfo, resolvedSeries, tooltipFormatter]
   );
-  const tooltipContent = useMemo(() => {
-    if (!hoveredPointInfo) return "";
-    const { seriesIndex, pointIndex } = hoveredPointInfo;
-    const s = resolvedSeries[seriesIndex];
-    const datum = s?.data[pointIndex];
-    return datum ? formatTooltip(datum, seriesIndex, pointIndex, s) : "";
-  }, [hoveredPointInfo, resolvedSeries, formatTooltip]);
   const handlePointMouseEnter = useCallback(
     (seriesIndex, pointIndex, event) => {
       setHoveredPointInfo({ seriesIndex, pointIndex });
@@ -235,6 +240,32 @@ var LineChart = ({
       desc,
       className: classNames(className),
       children: [
+        (seriesData.some((sd) => sd.showArea) || animated) && /* @__PURE__ */ jsxs("defs", { children: [
+          animated && /* @__PURE__ */ jsx("style", { children: `
+              .tiger-line-animated {
+                animation: tiger-line-draw 1.2s cubic-bezier(.4,0,.2,1) forwards;
+              }
+              @keyframes tiger-line-draw {
+                from { stroke-dashoffset: 1; }
+                to { stroke-dashoffset: 0; }
+              }
+            ` }),
+          seriesData.filter((sd) => sd.showArea).map((sd) => /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: `${gradientPrefix}-${sd.seriesIndex}`,
+              x1: "0",
+              y1: "0",
+              x2: "0",
+              y2: "1",
+              children: [
+                /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: sd.color, stopOpacity: sd.areaOpacity }),
+                /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: sd.color, stopOpacity: 0.02 })
+              ]
+            },
+            `area-grad-${sd.seriesIndex}`
+          ))
+        ] }),
         showGrid && /* @__PURE__ */ jsx(
           ChartGrid,
           {
@@ -249,7 +280,7 @@ var LineChart = ({
             strokeWidth: gridStrokeWidth
           }
         ),
-        resolvedShowXAxis && /* @__PURE__ */ jsx(
+        shouldShowXAxis && /* @__PURE__ */ jsx(
           ChartAxis,
           {
             scale: resolvedXScale,
@@ -261,7 +292,7 @@ var LineChart = ({
             label: xAxisLabel
           }
         ),
-        resolvedShowYAxis && /* @__PURE__ */ jsx(
+        shouldShowYAxis && /* @__PURE__ */ jsx(
           ChartAxis,
           {
             scale: resolvedYScale,
@@ -286,6 +317,16 @@ var LineChart = ({
             tabIndex: selectable ? 0 : void 0,
             onKeyDown: (e) => handleKeyDown(e, sd.seriesIndex),
             children: [
+              sd.showArea && sd.areaPath && /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: sd.areaPath,
+                  fill: `url(#${gradientPrefix}-${sd.seriesIndex})`,
+                  stroke: "none",
+                  className: "transition-opacity duration-300",
+                  "data-area-series": sd.seriesIndex
+                }
+              ),
               /* @__PURE__ */ jsx(
                 "path",
                 {
@@ -293,32 +334,44 @@ var LineChart = ({
                   fill: "none",
                   stroke: sd.color,
                   strokeWidth: sd.strokeWidth,
-                  strokeDasharray: sd.strokeDasharray,
+                  strokeDasharray: animated ? sd.strokeDasharray ?? "1" : sd.strokeDasharray,
+                  strokeDashoffset: animated ? "1" : void 0,
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
-                  className: "transition-opacity duration-150",
+                  pathLength: animated ? 1 : void 0,
+                  className: classNames(
+                    "transition-opacity duration-200",
+                    animated && "tiger-line-animated"
+                  ),
                   "data-line-series": sd.seriesIndex
                 }
               ),
-              sd.showPoints && sd.points.map((point) => /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  cx: point.x,
-                  cy: point.y,
-                  r: sd.pointSize,
-                  fill: sd.pointColor,
-                  className: "transition-all duration-150",
-                  "data-point-index": point.pointIndex,
-                  onMouseEnter: (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e),
-                  onMouseMove: handlePointMouseMove,
-                  onMouseLeave: handlePointMouseLeave,
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    handlePointClick(sd.seriesIndex, point.pointIndex);
-                  }
-                },
-                `point-${sd.seriesIndex}-${point.pointIndex}`
-              ))
+              sd.showPoints && sd.points.map((point) => {
+                const isHovered = hoveredPointInfo?.seriesIndex === sd.seriesIndex && hoveredPointInfo?.pointIndex === point.pointIndex;
+                const hoverSize = sd.pointSize + 2;
+                return /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    cx: point.x,
+                    cy: point.y,
+                    r: isHovered ? hoverSize : sd.pointSize,
+                    fill: sd.pointHollow ? "white" : sd.pointColor,
+                    stroke: sd.pointHollow ? sd.pointColor : "none",
+                    strokeWidth: sd.pointHollow ? 2 : 0,
+                    className: "transition-all duration-200 ease-out",
+                    style: isHovered ? { filter: `drop-shadow(0 0 4px ${sd.color})` } : void 0,
+                    "data-point-index": point.pointIndex,
+                    onMouseEnter: (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e),
+                    onMouseMove: handlePointMouseMove,
+                    onMouseLeave: handlePointMouseLeave,
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      handlePointClick(sd.seriesIndex, point.pointIndex);
+                    }
+                  },
+                  `point-${sd.seriesIndex}-${point.pointIndex}`
+                );
+              })
             ]
           },
           `series-${sd.seriesIndex}`

package/dist/{chunk-NSGDRTSQ.mjs → chunk-D5KYIQWB.mjs}

@@ -1,41 +1,8 @@
-import { useMenuContext } from './chunk-WDAMDVLU.mjs';
+import { useMenuContext } from './chunk-ZIUOENTL.mjs';
 import { useCallback } from 'react';
-import { isKeySelected, classNames, getMenuItemClasses, getMenuItemIndent, menuItemIconClasses } from '@expcat/tigercat-core';
+import { isKeySelected, classNames, getMenuItemClasses, getMenuItemIndent, moveFocusInMenu, focusMenuEdge, menuItemIconClasses } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function getMenuButtonsWithin(menuEl) {
-  return Array.from(
-    menuEl.querySelectorAll('button[data-tiger-menuitem="true"]')
-  ).filter((el) => !el.disabled);
-}
-function roveFocus(current, next) {
-  const menuEl = current.closest('ul[role="menu"]');
-  if (!menuEl) {
-    next.focus();
-    return;
-  }
-  const items = getMenuButtonsWithin(menuEl);
-  items.forEach((el) => {
-    el.tabIndex = el === next ? 0 : -1;
-  });
-  next.focus();
-}
-function moveFocus(current, delta) {
-  const menuEl = current.closest('ul[role="menu"]');
-  if (!menuEl) return;
-  const items = getMenuButtonsWithin(menuEl);
-  const currentIndex = items.indexOf(current);
-  if (currentIndex < 0) return;
-  const nextIndex = (currentIndex + delta + items.length) % items.length;
-  roveFocus(current, items[nextIndex]);
-}
-function focusEdge(current, edge) {
-  const menuEl = current.closest('ul[role="menu"]');
-  if (!menuEl) return;
-  const items = getMenuButtonsWithin(menuEl);
-  if (items.length === 0) return;
-  roveFocus(current, edge === "start" ? items[0] : items[items.length - 1]);
-}
 var MenuItem = ({
   itemKey,
   disabled = false,
@@ -72,22 +39,22 @@ var MenuItem = ({
       const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
       if (event.key === nextKey) {
         event.preventDefault();
-        moveFocus(current, 1);
+        moveFocusInMenu(current, 1);
         return;
       }
       if (event.key === prevKey) {
         event.preventDefault();
-        moveFocus(current, -1);
+        moveFocusInMenu(current, -1);
         return;
       }
       if (event.key === "Home") {
         event.preventDefault();
-        focusEdge(current, "start");
+        focusMenuEdge(current, "start");
         return;
       }
       if (event.key === "End") {
         event.preventDefault();
-        focusEdge(current, "end");
+        focusMenuEdge(current, "end");
         return;
       }
       if (event.key === "Enter" || event.key === " ") {

package/dist/chunk-DQNA57CA.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var chunkMWH6FCSE_js = require('./chunk-MWH6FCSE.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var createTooltipId = tigercatCore.createFloatingIdFactory("tooltip");
+var Tooltip = ({
+  visible,
+  defaultVisible = false,
+  content,
+  trigger = "hover",
+  placement = "top",
+  disabled = false,
+  offset = 8,
+  className,
+  style,
+  children,
+  onVisibleChange,
+  ...divProps
+}) => {
+  const tooltipIdRef = react.useRef(null);
+  if (!tooltipIdRef.current) tooltipIdRef.current = createTooltipId();
+  const tooltipId = tooltipIdRef.current;
+  const describedBy = content != null ? tooltipId : void 0;
+  const {
+    currentVisible,
+    containerRef,
+    triggerRef,
+    floatingRef,
+    floatingStyles,
+    triggerHandlers
+  } = chunkMWH6FCSE_js.usePopup({ visible, defaultVisible, disabled, trigger, placement, offset, onVisibleChange });
+  const containerClasses = react.useMemo(
+    () => tigercatCore.classNames(tigercatCore.getTooltipContainerClasses(), className),
+    [className]
+  );
+  const triggerClasses = react.useMemo(() => tigercatCore.getTooltipTriggerClasses(disabled), [disabled]);
+  const contentClasses = react.useMemo(() => tigercatCore.getTooltipContentClasses(), []);
+  if (!children) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: triggerRef,
+        className: triggerClasses,
+        "aria-describedby": describedBy,
+        ...triggerHandlers,
+        children
+      }
+    ),
+    currentVisible && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ jsxRuntime.jsx("div", { id: tooltipId, role: "tooltip", className: contentClasses, children: content }) })
+  ] });
+};
+
+exports.Tooltip = Tooltip;

package/dist/{chunk-6575DOCV.mjs → chunk-DTQZPZSJ.mjs}

@@ -40,7 +40,7 @@ var Descriptions = ({
       cells.push(
         /* @__PURE__ */ jsxs("th", { className: labelClass, style: labelStyle, children: [
           item.label,
-          colon && layout === "horizontal" ? ":" : ""
+          colon ? ":" : ""
         ] }, `${key}-label`)
       );
       cells.push(
@@ -83,7 +83,7 @@ var Descriptions = ({
         /* @__PURE__ */ jsx("td", { className: contentClass, style: contentStyle, children: item.content })
       ] }, index);
     }
-    const itemClasses = getDescriptionsVerticalItemClasses(bordered, size);
+    const itemClasses = getDescriptionsVerticalItemClasses(size);
     return /* @__PURE__ */ jsxs("div", { className: itemClasses, children: [
       /* @__PURE__ */ jsxs("dt", { className: labelClass, style: labelStyle, children: [
         item.label,
@@ -103,7 +103,7 @@ var Descriptions = ({
   };
   const descriptionsClasses = classNames(
     descriptionsWrapperClasses,
-    getDescriptionsClasses(bordered, size),
+    getDescriptionsClasses(size),
     className
   );
   return /* @__PURE__ */ jsxs("div", { className: descriptionsClasses, ...props, children: [