@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-EHIXCFD7.js → chunk-JHRFG5PG.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/ImageAnnotation.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/ImageAnnotation.tsx
 var _react = require('react');
 
 
@@ -18,12 +22,15 @@ var _react = require('react');
 
 
 
+
+
 
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 function ImageAnnotation({
+  locale,
   src,
   alt = "Image to annotate",
   value,
@@ -45,6 +52,22 @@ function ImageAnnotation({
   onToolChange,
   onReady
 }) {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = _react.useMemo.call(void 0, () => _tigercatcore.getImageEditorLabels.call(void 0, mergedLocale), [mergedLocale]);
+  const toolLabels = _react.useMemo.call(void 0, 
+    () => ({
+      select: labels.selectToolText,
+      rectangle: labels.rectangleToolText,
+      ellipse: labels.ellipseToolText,
+      polygon: labels.polygonToolText,
+      freehand: labels.freehandToolText
+    }),
+    [labels]
+  );
   const containerRef = _react.useRef.call(void 0, null);
   const overlayRef = _react.useRef.call(void 0, null);
   const idSeedRef = _react.useRef.call(void 0, 0);
@@ -183,13 +206,20 @@ function ImageAnnotation({
     },
     [activeTool, canEdit, getPointFromEvent]
   );
+  const removeAnnotation = _react.useCallback.call(void 0, 
+    (annotation) => {
+      if (!canEdit) return;
+      const next = annotations.filter((item) => item.id !== annotation.id);
+      commitAnnotations(next, { type: "remove", annotation });
+      selectAnnotation(null);
+    },
+    [annotations, canEdit, commitAnnotations, selectAnnotation]
+  );
   const removeSelectedAnnotation = _react.useCallback.call(void 0, () => {
     if (!canEdit || !activeSelectedId) return;
     const removed = annotations.find((annotation) => annotation.id === activeSelectedId);
-    const next = annotations.filter((annotation) => annotation.id !== activeSelectedId);
-    commitAnnotations(next, { type: "remove", annotation: removed });
-    selectAnnotation(null);
-  }, [activeSelectedId, annotations, canEdit, commitAnnotations, selectAnnotation]);
+    if (removed) removeAnnotation(removed);
+  }, [activeSelectedId, annotations, canEdit, removeAnnotation]);
   const handleKeyDown = _react.useCallback.call(void 0, 
     (event) => {
       if (event.key === "Escape") {
@@ -212,6 +242,20 @@ function ImageAnnotation({
     (annotation, isDraft = false) => {
       const selected = !isDraft && annotation.id === activeSelectedId;
       const stroke = _tigercatcore.getImageAnnotationStrokeColor.call(void 0, annotation);
+      const onKeyDown = (event) => {
+        if (isDraft) return;
+        if (_tigercatcore.isActivationKey.call(void 0, event)) {
+          event.preventDefault();
+          event.stopPropagation();
+          selectAnnotation(annotation);
+          return;
+        }
+        if (event.key === "Delete" || event.key === "Backspace") {
+          event.preventDefault();
+          event.stopPropagation();
+          removeAnnotation(annotation);
+        }
+      };
       const commonProps = {
         stroke,
         strokeWidth: selected ? strokeWidth + 1 : strokeWidth,
@@ -220,7 +264,8 @@ function ImageAnnotation({
         role: "button",
         tabIndex: isDraft ? -1 : 0,
         "aria-label": _tigercatcore.getImageAnnotationShapeAriaLabel.call(void 0, annotation),
-        className: _tigercatcore.classNames.call(void 0, !isDraft && "cursor-pointer focus:outline-none")
+        className: _tigercatcore.classNames.call(void 0, !isDraft && "cursor-pointer focus:outline-none"),
+        onKeyDown: isDraft ? void 0 : onKeyDown
       };
       const onClick = (event) => {
         if (isDraft) return;
@@ -267,7 +312,7 @@ function ImageAnnotation({
         annotation.id
       );
     },
-    [activeSelectedId, displayHeight, displayWidth, selectAnnotation, strokeWidth]
+    [activeSelectedId, displayHeight, displayWidth, removeAnnotation, selectAnnotation, strokeWidth]
   );
   const renderedAnnotations = _react.useMemo.call(void 0, 
     () => annotations.map((annotation) => renderAnnotation(annotation)),
@@ -290,7 +335,7 @@ function ImageAnnotation({
   }) : null;
   const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.imageAnnotationContainerClasses, className);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClasses, style, onKeyDown: handleKeyDown, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.imageAnnotationToolbarClasses, "aria-label": "Annotation tools", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.imageAnnotationToolbarClasses, "aria-label": labels.annotationToolbarAriaLabel, children: [
       tools.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "button",
         {
@@ -299,7 +344,7 @@ function ImageAnnotation({
           disabled: disabled || readonly,
           "aria-pressed": activeTool === item,
           onClick: () => setActiveTool(item),
-          children: _tigercatcore.getImageAnnotationToolLabel.call(void 0, item)
+          children: toolLabels[item]
         },
         item
       )),
@@ -310,7 +355,7 @@ function ImageAnnotation({
           className: _tigercatcore.imageAnnotationDeleteButtonClasses,
           disabled: !canEdit || !activeSelectedId,
           onClick: removeSelectedAnnotation,
-          children: "Delete"
+          children: labels.deleteText
         }
       )
     ] }),
@@ -321,7 +366,7 @@ function ImageAnnotation({
         className: _tigercatcore.imageAnnotationStageClasses,
         style: { width: imageLoaded ? `${displayWidth}px` : void 0 },
         role: imageLoaded ? "application" : "img",
-        "aria-label": imageLoaded ? "Image annotation editor" : "Loading image for annotation",
+        "aria-label": imageLoaded ? labels.annotationEditorAriaLabel : labels.loadingAnnotationImageAriaLabel,
         children: !imageLoaded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[200px] min-w-[240px] items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-[var(--tiger-border,#d1d5db)] border-t-[var(--tiger-primary,#2563eb)]" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "img",
@@ -344,7 +389,7 @@ function ImageAnnotation({
               width: displayWidth,
               height: displayHeight,
               viewBox: `0 0 ${displayWidth} ${displayHeight}`,
-              "aria-label": "Image annotation canvas",
+              "aria-label": labels.annotationCanvasAriaLabel,
               onMouseDown: handleStageMouseDown,
               onClick: handleStageClick,
               onDoubleClick: commitPolygon,

package/dist/{chunk-3EB42WFR.mjs → chunk-KCPGFO5R.mjs}

@@ -14,7 +14,7 @@ import {
   resultExtraClasses,
   getResultColorScheme,
   getResultIconPath,
-  getResultHttpLabel
+  isHttpResultStatus
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Result = ({
@@ -29,7 +29,7 @@ var Result = ({
 }) => {
   const colors = useMemo(() => getResultColorScheme(status), [status]);
   const iconPath = useMemo(() => getResultIconPath(status), [status]);
-  const httpLabel = useMemo(() => getResultHttpLabel(status), [status]);
+  const httpLabel = useMemo(() => isHttpResultStatus(status) ? status : void 0, [status]);
   const wrapperClasses = useMemo(() => classNames(resultBaseClasses, className), [className]);
   const iconContainerCls = useMemo(
     () => classNames(resultIconContainerBaseClasses, colors.iconBg),

package/dist/{chunk-G3PBQ4B4.mjs → chunk-KQ4ZKXXN.mjs}

@@ -15,7 +15,8 @@ var Segmented = ({
   size = "md",
   block = false,
   className,
-  onChange
+  onChange,
+  ...rest
 }) => {
   function handleSelect(opt) {
     if (opt.disabled || disabled) return;
@@ -23,12 +24,59 @@ var Segmented = ({
     onChange?.(opt.value);
   }
   const selectedIndex = options.findIndex((opt) => opt.value === value);
+  const firstEnabledIndex = options.findIndex((opt) => !opt.disabled);
+  const rovingIndex = selectedIndex >= 0 ? selectedIndex : firstEnabledIndex;
+  function focusOption(container, index) {
+    if (!container) return;
+    const els = container.querySelectorAll('[role="radio"]');
+    els[index]?.focus();
+  }
+  function handleKeyDown(e, index) {
+    if (disabled) return;
+    const enabledIdxs = options.reduce((acc, opt, i) => {
+      if (!opt.disabled) acc.push(i);
+      return acc;
+    }, []);
+    if (enabledIdxs.length === 0) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      handleSelect(options[index]);
+      return;
+    }
+    const pos = enabledIdxs.indexOf(index);
+    let target = null;
+    switch (e.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        target = enabledIdxs[(pos + 1 + enabledIdxs.length) % enabledIdxs.length];
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        target = enabledIdxs[(pos - 1 + enabledIdxs.length) % enabledIdxs.length];
+        break;
+      case "Home":
+        target = enabledIdxs[0];
+        break;
+      case "End":
+        target = enabledIdxs[enabledIdxs.length - 1];
+        break;
+      default:
+        return;
+    }
+    if (target == null) return;
+    e.preventDefault();
+    const container = e.currentTarget.closest('[role="radiogroup"]');
+    focusOption(container, target);
+    handleSelect(options[target]);
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ...rest,
       className: classNames(getSegmentedContainerClasses(size, block), className),
       style: getSegmentedContainerStyle(options.length),
       role: "radiogroup",
+      "aria-disabled": disabled || void 0,
       children: [
         /* @__PURE__ */ jsx(
           "div",
@@ -39,7 +87,7 @@ var Segmented = ({
             style: getSegmentedIndicatorStyle(selectedIndex, options.length, size)
           }
         ),
-        options.map((opt) => {
+        options.map((opt, index) => {
           const selected = opt.value === value;
           const isDisabled = !!opt.disabled || disabled;
           return /* @__PURE__ */ jsx(
@@ -52,7 +100,9 @@ var Segmented = ({
               role: "radio",
               "aria-checked": selected,
               "aria-disabled": isDisabled,
+              tabIndex: isDisabled ? -1 : index === rovingIndex ? 0 : -1,
               onClick: () => handleSelect(opt),
+              onKeyDown: (e) => handleKeyDown(e, index),
               children: /* @__PURE__ */ jsx("span", { children: opt.label })
             },
             opt.value

package/dist/{chunk-I373B74W.js → chunk-KSXGH3FO.js}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkZZAR4IDSjs = require('./chunk-ZZAR4IDS.js');
+var _chunk4TPRBVW7js = require('./chunk-4TPRBVW7.js');
 
 
-var _chunk3MRP3XYIjs = require('./chunk-3MRP3XYI.js');
+var _chunk5QLSTNA3js = require('./chunk-5QLSTNA3.js');
 
 
 var _chunkQYYAXM5Fjs = require('./chunk-QYYAXM5F.js');
 
 
-var _chunkZJI2VLILjs = require('./chunk-ZJI2VLIL.js');
+var _chunkTLDTBCT6js = require('./chunk-TLDTBCT6.js');
 
 
 var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
@@ -90,45 +90,75 @@ var ActivityFeed = ({
     const actionNodes = _optionalChain([item, 'access', _3 => _3.actions, 'optionalAccess', _4 => _4.map, 'call', _5 => _5(
       (action, actionIndex) => renderAction(item, action, actionIndex)
     )]);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.activityItemClasses, "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full"), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemLayoutClasses, children: [
-      showAvatar && item.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk4MQCUKICjs.Avatar,
-        {
-          size: "sm",
-          src: item.user.avatar,
-          text: item.user.name,
-          className: "shrink-0 ring-2 ring-white dark:ring-gray-900 shadow-sm transition-transform hover:scale-105 duration-200"
-        }
-      ) : null,
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemBodyClasses, children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemHeaderClasses, children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemTitleGroupClasses, children: [
-            titleText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "sm", weight: "semibold", className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate", children: titleText }) : null,
-            item.status ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkZJI2VLILjs.Tag,
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _tigercatcore.classNames.call(void 0, 
+          _tigercatcore.activityItemClasses,
+          "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full"
+        ),
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemLayoutClasses, children: [
+          showAvatar && item.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk4MQCUKICjs.Avatar,
+            {
+              size: "sm",
+              src: item.user.avatar,
+              text: item.user.name,
+              className: "shrink-0 ring-2 ring-white dark:ring-gray-900 shadow-sm transition-transform hover:scale-105 duration-200"
+            }
+          ) : null,
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemBodyClasses, children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemHeaderClasses, children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemTitleGroupClasses, children: [
+                titleText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkUF3DXKCIjs.Text,
+                  {
+                    tag: "div",
+                    size: "sm",
+                    weight: "semibold",
+                    className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate",
+                    children: titleText
+                  }
+                ) : null,
+                item.status ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkTLDTBCT6js.Tag,
+                  {
+                    variant: _nullishCoalesce(item.status.variant, () => ( "default")),
+                    size: "sm",
+                    className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10 shadow-sm",
+                    children: item.status.label
+                  }
+                ) : null
+              ] }),
+              timeText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkUF3DXKCIjs.Text,
+                {
+                  tag: "div",
+                  size: "xs",
+                  color: "muted",
+                  className: "shrink-0 whitespace-nowrap font-medium text-gray-400 dark:text-gray-500",
+                  children: timeText
+                }
+              ) : null
+            ] }),
+            descriptionText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkUF3DXKCIjs.Text,
               {
-                variant: _nullishCoalesce(item.status.variant, () => ( "default")),
+                tag: "div",
                 size: "sm",
-                className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10 shadow-sm",
-                children: item.status.label
+                color: "muted",
+                className: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.activityItemDescriptionClasses,
+                  "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"
+                ),
+                children: descriptionText
               }
-            ) : null
-          ] }),
-          timeText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "xs", color: "muted", className: "shrink-0 whitespace-nowrap font-medium text-gray-400 dark:text-gray-500", children: timeText }) : null
-        ] }),
-        descriptionText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkUF3DXKCIjs.Text,
-          {
-            tag: "div",
-            size: "sm",
-            color: "muted",
-            className: _tigercatcore.classNames.call(void 0, _tigercatcore.activityItemDescriptionClasses, "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"),
-            children: descriptionText
-          }
-        ) : null,
-        _optionalChain([actionNodes, 'optionalAccess', _6 => _6.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.activityItemActionsClasses, "mt-2.5"), children: actionNodes }) : null
-      ] })
-    ] }) });
+            ) : null,
+            _optionalChain([actionNodes, 'optionalAccess', _6 => _6.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.activityItemActionsClasses, "mt-2.5"), children: actionNodes }) : null
+          ] })
+        ] })
+      }
+    );
   };
   if (loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -146,7 +176,7 @@ var ActivityFeed = ({
             variant: "bordered",
             size: "sm",
             className: "tiger-activity-feed-loading bg-white/40 dark:bg-gray-900/20 border-gray-100 dark:border-gray-800/80 backdrop-blur-sm rounded-2xl shadow-sm overflow-hidden",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3MRP3XYIjs.Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5QLSTNA3js.Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) })
           }
         )
       }
@@ -168,7 +198,24 @@ var ActivityFeed = ({
             size: "sm",
             className: "tiger-activity-feed-empty bg-white/40 dark:bg-gray-900/20 border-gray-100 dark:border-gray-800/80 backdrop-blur-sm rounded-2xl shadow-sm overflow-hidden",
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-12 px-4", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18" }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "svg",
+                {
+                  className: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18"
+                    }
+                  )
+                }
+              ),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "sm", color: "muted", className: "font-medium", children: emptyText })
             ] })
           }
@@ -191,10 +238,19 @@ var ActivityFeed = ({
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
           showGroupTitle && groupTitle ? _nullishCoalesce(headerNode, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 mb-2", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "sm", weight: "bold", className: "text-gray-900 dark:text-gray-100 uppercase tracking-wider", children: groupTitle })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkUF3DXKCIjs.Text,
+              {
+                tag: "span",
+                size: "sm",
+                weight: "bold",
+                className: "text-gray-900 dark:text-gray-100 uppercase tracking-wider",
+                children: groupTitle
+              }
+            )
           ] }))) : null,
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkZZAR4IDSjs.Timeline,
+            _chunk4TPRBVW7js.Timeline,
             {
               items: timelineItems,
               style: {
@@ -220,7 +276,12 @@ var ActivityFeed = ({
                   pulseClass = "bg-blue-500/30";
                 }
                 return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex items-center justify-center w-4 h-4", children: [
-                  pulseClass ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}` }) : null,
+                  pulseClass ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "span",
+                    {
+                      className: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}`
+                    }
+                  ) : null,
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${baseDotClass} ${colorClass} relative z-10` })
                 ] });
               },

package/dist/{chunk-X7JAYXPY.js → chunk-KVWSVDAJ.js}

@@ -3,10 +3,10 @@
 var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
 
-var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+var _chunk23XPDNCAjs = require('./chunk-23XPDNCA.js');
 
 
-var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+var _chunkSK7PXSVEjs = require('./chunk-SK7PXSVE.js');
 
 
 var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
@@ -201,7 +201,7 @@ var TreeMapChart = ({
     }
   );
   const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUVMQJOTXjs.ChartTooltip,
+    _chunkSK7PXSVEjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: resolvedHoveredIndex !== null && tooltipContent !== "",
@@ -218,7 +218,7 @@ var TreeMapChart = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
     chart,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWV5XHYW6js.ChartLegend,
+      _chunk23XPDNCAjs.ChartLegend,
       {
         items: legendItems,
         position: legendPosition,

package/dist/chunk-L3WPA2RP.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/hooks/useControlledState.ts
+var _react = require('react');
+function useControlledState(controlledValue, defaultValue, onChange) {
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : internalValue;
+  const valueRef = _react.useRef.call(void 0, value);
+  valueRef.current = value;
+  const isControlledRef = _react.useRef.call(void 0, isControlled);
+  isControlledRef.current = isControlled;
+  const onChangeRef = _react.useRef.call(void 0, onChange);
+  onChangeRef.current = onChange;
+  const setValue = _react.useCallback.call(void 0, (next, ...args) => {
+    const resolved = typeof next === "function" ? next(valueRef.current) : next;
+    if (!isControlledRef.current) {
+      setInternalValue(resolved);
+    }
+    _optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(resolved, ...args)]);
+  }, []);
+  return [value, setValue];
+}
+
+
+
+exports.useControlledState = useControlledState;