@expcat/tigercat-react 0.3.0 → 0.3.70

package/dist/{chunk-YIF5VX7K.mjs → chunk-FNDPGSEW.mjs}

@@ -28,6 +28,7 @@ var Anchor = ({
   const inkRef = useRef(null);
   const isScrollingRef = useRef(false);
   const animationFrameRef = useRef(null);
+  const scrollTimeoutRef = useRef(null);
   const getContainerRef = useRef(getContainer);
   getContainerRef.current = getContainer;
   const scrollOffset = useMemo(() => targetOffset ?? offsetTop, [targetOffset, offsetTop]);
@@ -55,19 +56,20 @@ var Anchor = ({
       isScrollingRef.current = true;
       setActiveLink(href);
       scrollTo(href);
-      setTimeout(() => {
+      if (scrollTimeoutRef.current !== null) clearTimeout(scrollTimeoutRef.current);
+      scrollTimeoutRef.current = setTimeout(() => {
         isScrollingRef.current = false;
+        scrollTimeoutRef.current = null;
       }, 500);
     },
     [onClick, scrollTo]
   );
-  const scrollHandlerRef = useRef(null);
-  const boundContainerRef = useRef(null);
   useEffect(() => {
+    let container = null;
+    let handleScroll = null;
     const timeoutId = setTimeout(() => {
-      const container = getContainerRef.current();
-      boundContainerRef.current = container;
-      const handleScroll = () => {
+      container = getContainerRef.current();
+      handleScroll = () => {
         if (isScrollingRef.current) return;
         if (animationFrameRef.current !== null) {
           cancelAnimationFrame(animationFrameRef.current);
@@ -85,18 +87,20 @@ var Anchor = ({
           });
         });
       };
-      scrollHandlerRef.current = handleScroll;
       container.addEventListener("scroll", handleScroll, { passive: true });
       handleScroll();
     }, 0);
     return () => {
       clearTimeout(timeoutId);
-      if (boundContainerRef.current && scrollHandlerRef.current) {
-        boundContainerRef.current.removeEventListener("scroll", scrollHandlerRef.current);
+      if (container && handleScroll) {
+        container.removeEventListener("scroll", handleScroll);
       }
       if (animationFrameRef.current !== null) {
         cancelAnimationFrame(animationFrameRef.current);
       }
+      if (scrollTimeoutRef.current !== null) {
+        clearTimeout(scrollTimeoutRef.current);
+      }
     };
   }, [links, bounds, scrollOffset, getCurrentAnchor, onChange]);
   useEffect(() => {
@@ -126,10 +130,7 @@ var Anchor = ({
   const inkContainerClasses = useMemo(() => getAnchorInkContainerClasses(direction), [direction]);
   const inkActiveClasses = useMemo(() => getAnchorInkActiveClasses(direction), [direction]);
   const linkListClasses = useMemo(() => getAnchorLinkListClasses(direction), [direction]);
-  const showInk = useMemo(() => {
-    if (!affix) return true;
-    return showInkInFixed;
-  }, [affix, showInkInFixed]);
+  const showInk = useMemo(() => !affix || showInkInFixed, [affix, showInkInFixed]);
   const wrapperStyle = useMemo(() => {
     const baseStyle = {};
     if (affix && offsetTop > 0) {

package/dist/{chunk-HQLZL3XQ.mjs → chunk-FPNT7FV5.mjs}

@@ -1,4 +1,4 @@
-import { shouldHideBadge, formatBadgeContent, dotSizeClasses, badgeSizeClasses, classNames, badgeBaseClasses, getBadgeVariantClasses, badgeTypeClasses, badgePositionClasses, badgeWrapperClasses } from '@expcat/tigercat-core';
+import { shouldHideBadge, formatBadgeContent, classNames, badgeBaseClasses, getBadgeVariantClasses, dotSizeClasses, badgeSizeClasses, badgeTypeClasses, badgePositionClasses, badgeWrapperClasses } from '@expcat/tigercat-core';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 // src/components/Badge.tsx
@@ -19,21 +19,17 @@ var Badge = ({
   const isDot = type === "dot";
   const isHidden = shouldHideBadge(content, type, showZero);
   const displayContent = formatBadgeContent(content, max, showZero);
-  const sizeClass = isDot ? dotSizeClasses[size] : badgeSizeClasses[size];
   const badgeClasses = classNames(
     badgeBaseClasses,
     getBadgeVariantClasses(variant),
-    sizeClass,
+    isDot ? dotSizeClasses[size] : badgeSizeClasses[size],
     badgeTypeClasses[type],
     !standalone && badgePositionClasses[position],
     className
   );
   const computedAriaLabel = ariaLabelProp ?? (isDot ? "notification" : type === "number" ? `${displayContent} notifications` : `${displayContent ?? ""}`);
   if (isHidden) {
-    if (standalone) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(Fragment, { children });
+    return standalone ? null : /* @__PURE__ */ jsx(Fragment, { children });
   }
   const badgeElement = /* @__PURE__ */ jsx("span", { ...props, className: badgeClasses, role: "status", "aria-label": computedAriaLabel, children: !isDot && displayContent });
   if (standalone) {

package/dist/{chunk-YE2M2HNM.js → chunk-FSDZJD7M.js}

@@ -30,69 +30,66 @@ var Progress = ({
   const shouldShowText = showText ?? type === "line";
   const displayText = shouldShowText ? tigercatCore.formatProgressText(clampedPercentage, text, format) : "";
   const resolvedAriaLabel = ariaLabel ?? (ariaLabelledby ? void 0 : `Progress: ${clampedPercentage}%`);
-  const lineTrackClasses = tigercatCore.classNames(
-    tigercatCore.progressLineBaseClasses,
-    tigercatCore.progressTrackBgClasses,
-    !height && tigercatCore.progressLineSizeClasses[size]
-  );
-  const lineBarClasses = tigercatCore.classNames(
-    tigercatCore.progressLineInnerClasses,
-    tigercatCore.getProgressVariantClasses(effectiveVariant),
-    striped && tigercatCore.progressStripedClasses,
-    striped && stripedAnimation && tigercatCore.progressStripedAnimationClasses
-  );
-  const textClasses = tigercatCore.classNames(
-    tigercatCore.progressTextBaseClasses,
-    tigercatCore.progressTextSizeClasses[size],
-    tigercatCore.getProgressTextColorClasses(effectiveVariant)
-  );
+  const ariaAttrs = {
+    role: "progressbar",
+    "aria-label": resolvedAriaLabel,
+    "aria-labelledby": ariaLabelledby,
+    "aria-describedby": ariaDescribedby,
+    "aria-valuenow": clampedPercentage,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100
+  };
   const renderLineProgress = () => {
     const containerStyle = width !== "auto" ? { width: typeof width === "number" ? `${width}px` : width } : {};
-    const mergedStyle = {
-      ...style ?? {},
-      ...containerStyle
-    };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         ...props,
         className: tigercatCore.classNames("flex items-center w-full", className),
-        style: mergedStyle,
+        style: { ...style ?? {}, ...containerStyle },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: lineTrackClasses,
+              className: tigercatCore.classNames(
+                tigercatCore.progressLineBaseClasses,
+                tigercatCore.progressTrackBgClasses,
+                !height && tigercatCore.progressLineSizeClasses[size]
+              ),
               style: { flex: 1, ...height ? { height: `${height}px` } : {} },
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: lineBarClasses,
+                  className: tigercatCore.classNames(
+                    tigercatCore.progressLineInnerClasses,
+                    tigercatCore.getProgressVariantClasses(effectiveVariant),
+                    striped && tigercatCore.progressStripedClasses,
+                    striped && stripedAnimation && tigercatCore.progressStripedAnimationClasses
+                  ),
                   style: { width: `${clampedPercentage}%` },
-                  role: "progressbar",
-                  "aria-label": resolvedAriaLabel,
-                  "aria-labelledby": ariaLabelledby,
-                  "aria-describedby": ariaDescribedby,
-                  "aria-valuenow": clampedPercentage,
-                  "aria-valuemin": 0,
-                  "aria-valuemax": 100
+                  ...ariaAttrs
                 }
               )
             }
           ),
-          shouldShowText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: textClasses, children: displayText })
+          shouldShowText && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: tigercatCore.classNames(
+                tigercatCore.progressTextBaseClasses,
+                tigercatCore.progressTextSizeClasses[size],
+                tigercatCore.getProgressTextColorClasses(effectiveVariant)
+              ),
+              children: displayText
+            }
+          )
         ]
       }
     );
   };
   const renderCircleProgress = () => {
     const { width: svgWidth, height: svgHeight, radius, cx, cy } = tigercatCore.getCircleSize(size, strokeWidth);
-    const { strokeDasharray, strokeDashoffset } = tigercatCore.calculateCirclePath(
-      radius,
-      strokeWidth,
-      clampedPercentage
-    );
-    const strokeColor = tigercatCore.getProgressVariantClasses(effectiveVariant).replace("bg-", "text-");
+    const { strokeDasharray, strokeDashoffset } = tigercatCore.calculateCirclePath(radius, clampedPercentage);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -125,7 +122,7 @@ var Progress = ({
                 r: radius,
                 fill: "none",
                 stroke: "currentColor",
-                className: strokeColor,
+                className: tigercatCore.getProgressVariantClasses(effectiveVariant).replace("bg-", "text-"),
                 strokeWidth,
                 strokeLinecap: "round",
                 strokeDasharray,
@@ -135,13 +132,7 @@ var Progress = ({
                   transform: "rotate(-90deg)",
                   transformOrigin: "center"
                 },
-                role: "progressbar",
-                "aria-label": resolvedAriaLabel,
-                "aria-labelledby": ariaLabelledby,
-                "aria-describedby": ariaDescribedby,
-                "aria-valuenow": clampedPercentage,
-                "aria-valuemin": 0,
-                "aria-valuemax": 100
+                ...ariaAttrs
               }
             )
           ] }),

package/dist/{chunk-WKGCUR7O.mjs → chunk-FTY2W4L2.mjs}

@@ -1,10 +1,10 @@
-import { Timeline } from './chunk-LADCWARG.mjs';
-import { Link } from './chunk-WSJO2PIE.mjs';
-import { Loading } from './chunk-PUDU34R4.mjs';
-import { Tag } from './chunk-DIZNY6N4.mjs';
-import { Text } from './chunk-6YDIBMCM.mjs';
-import { Card } from './chunk-VD3IK5XT.mjs';
-import { Avatar } from './chunk-V2HVHLBY.mjs';
+import { Timeline } from './chunk-JVTAKNRO.mjs';
+import { Loading } from './chunk-AVUXDQYO.mjs';
+import { Link } from './chunk-XZVQ3PJS.mjs';
+import { Tag } from './chunk-TGKNEMD4.mjs';
+import { Text } from './chunk-LIV33O73.mjs';
+import { Card } from './chunk-3M2IG6IN.mjs';
+import { Avatar } from './chunk-FE7PEZTI.mjs';
 import { useMemo } from 'react';
 import { buildActivityGroups, classNames, toActivityTimelineItems, formatActivityTime } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-4PTI6ZUK.js → chunk-GASFXURT.js}

@@ -18,9 +18,14 @@ var ScatterChart = ({
   data,
   xScale,
   yScale,
-  pointSize = 4,
+  pointSize = 6,
   pointColor = "var(--tiger-primary,#2563eb)",
   pointOpacity,
+  pointStyle = "circle",
+  gradient = false,
+  animated = false,
+  pointBorderWidth = 0,
+  pointBorderColor = "white",
   showGrid = true,
   showAxis = true,
   showXAxis = true,
@@ -36,7 +41,7 @@ var ScatterChart = ({
   yTickFormat,
   gridLineStyle = "solid",
   gridStrokeWidth = 1,
-  // Interaction props
+  // Interaction
   hoverable = false,
   hoveredIndex: hoveredIndexProp,
   onHoveredIndexChange,
@@ -47,13 +52,13 @@ var ScatterChart = ({
   onSelectedIndexChange,
   onPointClick,
   onPointHover,
-  // Legend props
+  // Legend
   showLegend = false,
   legendPosition = "bottom",
   legendMarkerSize = 10,
   legendGap = 8,
   legendFormatter,
-  // Tooltip props
+  // Tooltip
   showTooltip = true,
   tooltipFormatter,
   // Other
@@ -62,6 +67,12 @@ var ScatterChart = ({
   desc,
   className
 }) => {
+  const gradientPrefixRef = react.useRef(tigercatCore.getScatterGradientPrefix());
+  const gradientPrefix = gradientPrefixRef.current;
+  const [mounted, setMounted] = react.useState(false);
+  react.useEffect(() => {
+    if (animated) setMounted(true);
+  }, [animated]);
   const {
     tooltipPosition,
     resolvedHoveredIndex,
@@ -89,9 +100,7 @@ var ScatterChart = ({
       onPointHover?.(index, index !== null ? data[index] : null);
     },
     onSelectedIndexChange,
-    callbacks: {
-      onClick: onPointClick
-    }
+    callbacks: { onClick: onPointClick }
   });
   const innerRect = react.useMemo(
     () => tigercatCore.getChartInnerRect(width, height, padding),
@@ -109,10 +118,7 @@ var ScatterChart = ({
     const extent = tigercatCore.getNumberExtent(yValues, { includeZero });
     return tigercatCore.createLinearScale(extent, [innerRect.height, 0]);
   }, [yScale, yValues, includeZero, innerRect.height]);
-  const palette = react.useMemo(
-    () => colors && colors.length > 0 ? colors : pointColor ? [pointColor] : [...tigercatCore.DEFAULT_CHART_COLORS],
-    [colors, pointColor]
-  );
+  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors, pointColor), [colors, pointColor]);
   const points = react.useMemo(
     () => data.map((item, index) => {
       const color = item.color ?? palette[index % palette.length];
@@ -120,12 +126,17 @@ var ScatterChart = ({
         activeOpacity,
         inactiveOpacity
       });
+      const isHovered = resolvedHoveredIndex === index;
+      const baseSize = item.size ?? pointSize;
+      const r = isHovered ? tigercatCore.getScatterHoverSize(baseSize) : baseSize;
       return {
         cx: resolvedXScale.map(item.x),
         cy: resolvedYScale.map(item.y),
-        r: item.size ?? pointSize,
+        r,
+        baseSize,
         color,
         opacity: pointOpacity ?? opacity,
+        isHovered,
         datum: item
       };
     }),
@@ -135,6 +146,7 @@ var ScatterChart = ({
       activeIndex,
       activeOpacity,
       inactiveOpacity,
+      resolvedHoveredIndex,
       resolvedXScale,
       resolvedYScale,
       pointSize,
@@ -142,29 +154,25 @@ var ScatterChart = ({
     ]
   );
   const legendItems = react.useMemo(
-    () => data.map((item, index) => ({
-      index,
-      label: legendFormatter ? legendFormatter(item, index) : item.label ?? `(${item.x}, ${item.y})`,
-      color: item.color ?? palette[index % palette.length],
-      active: activeIndex === null || activeIndex === index
-    })),
+    () => tigercatCore.buildChartLegendItems({
+      data,
+      palette,
+      activeIndex,
+      getLabel: (d, i) => legendFormatter ? legendFormatter(d, i) : d.label ?? `(${d.x}, ${d.y})`,
+      getColor: (d, i) => d.color ?? palette[i % palette.length]
+    }),
     [data, legendFormatter, palette, activeIndex]
   );
-  const formatTooltip = react.useCallback(
-    (datum, index) => {
-      if (tooltipFormatter) return tooltipFormatter(datum, index);
+  const tooltipContent = react.useMemo(
+    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, data, tooltipFormatter, (datum, index) => {
       const label = datum.label ?? `Point ${index + 1}`;
       return `${label}: (${datum.x}, ${datum.y})`;
-    },
-    [tooltipFormatter]
+    }),
+    [resolvedHoveredIndex, data, tooltipFormatter]
   );
-  const tooltipContent = react.useMemo(() => {
-    if (resolvedHoveredIndex === null) return "";
-    const datum = data[resolvedHoveredIndex];
-    return datum ? formatTooltip(datum, resolvedHoveredIndex) : "";
-  }, [resolvedHoveredIndex, data, formatTooltip]);
   const shouldShowXAxis = showAxis && showXAxis;
   const shouldShowYAxis = showAxis && showYAxis;
+  const interactive = hoverable || selectable;
   const chart = /* @__PURE__ */ jsxRuntime.jsxs(
     chunkDUWAV47E_js.ChartCanvas,
     {
@@ -175,6 +183,22 @@ var ScatterChart = ({
       desc,
       className: tigercatCore.classNames(className),
       children: [
+        gradient && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: palette.map((color, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "radialGradient",
+          {
+            id: `${gradientPrefix}-${i}`,
+            cx: "35%",
+            cy: "35%",
+            r: "65%",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: "#fff", stopOpacity: 0.5 }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: color, stopOpacity: 0.95 }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 1 })
+            ]
+          },
+          `grad-${i}`
+        )) }),
+        animated && mounted && /* @__PURE__ */ jsxRuntime.jsx("style", { children: tigercatCore.SCATTER_ENTRANCE_KEYFRAMES }),
         showGrid && /* @__PURE__ */ jsxRuntime.jsx(
           chunk3QFHVAZT_js.ChartGrid,
           {
@@ -212,18 +236,24 @@ var ScatterChart = ({
             label: yAxisLabel
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkAX5XRD2Q_js.ChartSeries, { data, type: "scatter", children: points.map((point, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          "circle",
-          {
-            cx: point.cx,
-            cy: point.cy,
-            r: point.r,
-            fill: point.color,
+        /* @__PURE__ */ jsxRuntime.jsx(chunkAX5XRD2Q_js.ChartSeries, { data, type: "scatter", children: points.map((point, index) => {
+          const paletteIdx = index % palette.length;
+          const fill = gradient ? `url(#${gradientPrefix}-${paletteIdx})` : point.color;
+          const filterStyle = point.isHovered ? tigercatCore.getScatterHoverShadow(point.color) : void 0;
+          const animDelay = animated && mounted ? `${index * 60}ms` : void 0;
+          const styleObj = {
+            ...filterStyle ? { filter: filterStyle } : {},
+            ...animDelay ? {
+              animation: `${tigercatCore.SCATTER_ENTRANCE_CLASS} 500ms cubic-bezier(.34,1.56,.64,1) ${animDelay} both`
+            } : {}
+          };
+          const sharedProps = {
+            fill,
             opacity: point.opacity,
-            className: tigercatCore.classNames(
-              "transition-opacity duration-150",
-              (hoverable || selectable) && "cursor-pointer"
-            ),
+            stroke: pointBorderColor,
+            strokeWidth: pointBorderWidth,
+            className: tigercatCore.classNames(tigercatCore.scatterPointTransitionClasses, interactive && "cursor-pointer"),
+            style: Object.keys(styleObj).length > 0 ? styleObj : void 0,
             tabIndex: selectable ? 0 : void 0,
             role: selectable ? "button" : "img",
             "aria-label": point.datum.label ?? `Point ${index + 1}: (${point.datum.x}, ${point.datum.y})`,
@@ -233,9 +263,29 @@ var ScatterChart = ({
             onMouseLeave: handleMouseLeave,
             onClick: () => handleClick(index),
             onKeyDown: (e) => handleKeyDown(e, index)
-          },
-          `point-${index}`
-        )) })
+          };
+          if (pointStyle === "circle") {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "circle",
+              {
+                cx: point.cx,
+                cy: point.cy,
+                r: point.r,
+                ...sharedProps
+              },
+              `point-${index}`
+            );
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: tigercatCore.getScatterPointPath(pointStyle, point.r),
+              transform: `translate(${point.cx},${point.cy})`,
+              ...sharedProps
+            },
+            `point-${index}`
+          );
+        }) })
       ]
     }
   );
@@ -263,7 +313,7 @@ var ScatterChart = ({
         position: legendPosition,
         markerSize: legendMarkerSize,
         gap: legendGap,
-        interactive: hoverable || selectable,
+        interactive,
         onItemClick: handleLegendClick,
         onItemHover: handleLegendHover,
         onItemLeave: handleLegendLeave

package/dist/chunk-GB5G2CJY.js

@@ -0,0 +1,96 @@
+'use strict';
+
+var chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Alert = ({
+  type = "info",
+  size = "md",
+  title,
+  description,
+  showIcon = true,
+  closable = false,
+  closeAriaLabel = "Close alert",
+  className,
+  children,
+  titleSlot,
+  descriptionSlot,
+  onClose,
+  ...props
+}) => {
+  const [visible, setVisible] = react.useState(true);
+  const colorScheme = react.useMemo(
+    () => tigercatCore.getAlertTypeClasses(type, tigercatCore.defaultAlertThemeColors),
+    [type]
+  );
+  const alertClasses = react.useMemo(
+    () => tigercatCore.classNames(
+      tigercatCore.alertBaseClasses,
+      tigercatCore.alertSizeClasses[size],
+      colorScheme.bg,
+      colorScheme.border,
+      className
+    ),
+    [size, colorScheme, className]
+  );
+  const iconClasses = react.useMemo(
+    () => tigercatCore.classNames(tigercatCore.alertIconSizeClasses[size], colorScheme.icon),
+    [size, colorScheme]
+  );
+  const titleClasses = react.useMemo(
+    () => tigercatCore.classNames(tigercatCore.alertTitleSizeClasses[size], colorScheme.title),
+    [size, colorScheme]
+  );
+  const descriptionClasses = react.useMemo(
+    () => tigercatCore.classNames(tigercatCore.alertDescriptionSizeClasses[size], colorScheme.description),
+    [size, colorScheme]
+  );
+  const closeButtonClasses = react.useMemo(
+    () => tigercatCore.classNames(
+      tigercatCore.alertCloseButtonBaseClasses,
+      colorScheme.closeButton,
+      colorScheme.closeButtonHover,
+      colorScheme.focus
+    ),
+    [colorScheme]
+  );
+  const handleClose = react.useCallback(
+    (event) => {
+      onClose?.(event);
+      if (!event.defaultPrevented) {
+        setVisible(false);
+      }
+    },
+    [onClose]
+  );
+  if (!visible) {
+    return null;
+  }
+  const iconPath = tigercatCore.getAlertIconPath(type);
+  const hasTitle = !!(title || titleSlot);
+  const hasDescription = !!(description || descriptionSlot);
+  const hasDefaultContent = !hasTitle && !hasDescription && !!children;
+  const hasContent = hasTitle || hasDescription || hasDefaultContent;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, className: alertClasses, role: "alert", children: [
+    showIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.alertIconContainerClasses, children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: iconPath, className: iconClasses }) }),
+    hasContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.alertContentClasses, children: [
+      hasTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClasses, children: titleSlot || title }),
+      hasDescription && /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClasses, children: descriptionSlot || description }),
+      hasDefaultContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClasses, children })
+    ] }),
+    closable && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        className: closeButtonClasses,
+        onClick: handleClose,
+        "aria-label": closeAriaLabel,
+        type: "button",
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: tigercatCore.alertCloseIconPath, className: "h-4 w-4" })
+      }
+    )
+  ] });
+};
+
+exports.Alert = Alert;

package/dist/{chunk-LXA2YBAO.js → chunk-GJEWBALW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3WPKVV4N_js = require('./chunk-3WPKVV4N.js');
+var chunkA3PYG3D6_js = require('./chunk-A3PYG3D6.js');
 var React = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -22,7 +22,7 @@ var MenuItemGroup = ({
 }) => {
   const enhancedChildren = React__default.default.Children.map(children, (child) => {
     if (!React__default.default.isValidElement(child)) return child;
-    if (child.type === chunk3WPKVV4N_js.MenuItem || isComponentNamed(child.type, "SubMenu")) {
+    if (child.type === chunkA3PYG3D6_js.MenuItem || isComponentNamed(child.type, "SubMenu")) {
       return React__default.default.cloneElement(child, {
         level
       });