@expcat/tigercat-react 0.3.0 → 0.3.70

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: [

package/dist/{chunk-7P6PHSFM.js → chunk-DXXYPVJJ.js}

@@ -80,31 +80,37 @@ var TimePicker = (allProps) => {
   const [selectedMinutes, setSelectedMinutes] = react.useState(parsedTime?.minutes ?? 0);
   const [selectedSeconds, setSelectedSeconds] = react.useState(parsedTime?.seconds ?? 0);
   const [selectedPeriod, setSelectedPeriod] = react.useState("AM");
-  react.useEffect(() => {
+  const syncFromActiveValue = () => {
     const parsed = tigercatCore.parseTime(activeValue);
-    if (parsed) {
-      setSelectedHours(parsed.hours);
-      setSelectedMinutes(parsed.minutes);
-      setSelectedSeconds(parsed.seconds);
-      if (format === "12") {
-        const { period } = tigercatCore.to12HourFormat(parsed.hours);
-        setSelectedPeriod(period);
-      }
+    if (!parsed) return;
+    setSelectedHours(parsed.hours);
+    setSelectedMinutes(parsed.minutes);
+    setSelectedSeconds(parsed.seconds);
+    if (format === "12") {
+      const { period } = tigercatCore.to12HourFormat(parsed.hours);
+      setSelectedPeriod(period);
     }
+  };
+  react.useEffect(() => {
+    syncFromActiveValue();
   }, [activeValue, format, activePart, isRangeMode]);
-  const labels = tigercatCore.getTimePickerLabels(locale, labelsOverrides);
+  const labels = react.useMemo(
+    () => tigercatCore.getTimePickerLabels(locale, labelsOverrides),
+    [locale, labelsOverrides]
+  );
   const placeholder = allProps.placeholder ?? (isRangeMode ? labels.selectTimeRange : labels.selectTime);
-  const periodLabels = tigercatCore.getTimePeriodLabels(locale);
-  const singleDisplayValue = parsedTime ? tigercatCore.formatTimeDisplayWithLocale(
-    parsedTime.hours,
-    parsedTime.minutes,
-    parsedTime.seconds,
-    format,
-    showSeconds,
-    locale
-  ) : "";
+  const periodLabels = react.useMemo(() => tigercatCore.getTimePeriodLabels(locale), [locale]);
   const displayValue = (() => {
-    if (!isRangeMode) return singleDisplayValue;
+    if (!isRangeMode) {
+      return parsedTime ? tigercatCore.formatTimeDisplayWithLocale(
+        parsedTime.hours,
+        parsedTime.minutes,
+        parsedTime.seconds,
+        format,
+        showSeconds,
+        locale
+      ) : "";
+    }
     const toDisplay = (timeStr) => {
       const parsed = tigercatCore.parseTime(timeStr);
       if (!parsed) return "";
@@ -127,9 +133,9 @@ var TimePicker = (allProps) => {
     if (!isRangeMode) return currentSingleValue !== null;
     return currentRangeValue[0] !== null || currentRangeValue[1] !== null;
   })();
-  const hoursList = tigercatCore.generateHours(hourStep, format);
-  const minutesList = tigercatCore.generateMinutes(minuteStep);
-  const secondsList = tigercatCore.generateSeconds(secondStep);
+  const hoursList = react.useMemo(() => tigercatCore.generateHours(hourStep, format), [hourStep, format]);
+  const minutesList = react.useMemo(() => tigercatCore.generateMinutes(minuteStep), [minuteStep]);
+  const secondsList = react.useMemo(() => tigercatCore.generateSeconds(secondStep), [secondStep]);
   const togglePanel = () => {
     if (!disabled && !readonly) {
       if (isOpen) {
@@ -137,15 +143,7 @@ var TimePicker = (allProps) => {
         return;
       }
       setIsOpen(true);
-      if (parsedTime) {
-        setSelectedHours(parsedTime.hours);
-        setSelectedMinutes(parsedTime.minutes);
-        setSelectedSeconds(parsedTime.seconds);
-        if (format === "12") {
-          const { period } = tigercatCore.to12HourFormat(parsedTime.hours);
-          setSelectedPeriod(period);
-        }
-      }
+      syncFromActiveValue();
     }
   };
   const closePanel = () => {
@@ -430,7 +428,6 @@ var TimePicker = (allProps) => {
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.timePickerColumnClasses, children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.timePickerColumnHeaderClasses, children: labels.hour }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.timePickerColumnListClasses, children: hoursList.map((hour) => {
-                const displayHour = format === "12" ? hour : hour;
                 const hours24 = format === "12" ? tigercatCore.to24HourFormat(hour, selectedPeriod) : hour;
                 const isSelected = selectedHours === hours24;
                 const isDisabled = isHourDisabled(hour);
@@ -443,13 +440,13 @@ var TimePicker = (allProps) => {
                     onClick: () => selectHour(hour),
                     "data-tiger-timepicker-unit": "hour",
                     "aria-label": tigercatCore.getTimePickerOptionAriaLabel(
-                      displayHour,
+                      hour,
                       "hour",
                       locale,
                       labelsOverrides
                     ),
                     "aria-selected": isSelected,
-                    children: displayHour.toString().padStart(2, "0")
+                    children: hour.toString().padStart(2, "0")
                   },
                   hour
                 );

package/dist/{chunk-UFAXJVMD.js → chunk-EFLIFXZH.js}

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