@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/chunk-NG3OBMKV.js

@@ -0,0 +1,319 @@
+"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/FileManager.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var FileManager = ({
+  files = [],
+  viewMode = "list",
+  selectedKeys = [],
+  multiple = false,
+  columns,
+  sortField = "name",
+  sortOrder = "asc",
+  currentPath = [],
+  showHidden = false,
+  draggable = false,
+  loading = false,
+  emptyText,
+  searchable = false,
+  searchText = "",
+  className,
+  onSelect,
+  onOpen,
+  onNavigate,
+  onSelectedKeysChange,
+  onCurrentPathChange,
+  onSearchTextChange,
+  onReorder,
+  renderIcon,
+  locale
+}) => {
+  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 [localSearch, setLocalSearch] = _react.useState.call(void 0, searchText);
+  const [focusedIndex, setFocusedIndex] = _react.useState.call(void 0, 0);
+  const contentRef = _react.useRef.call(void 0, null);
+  const dragFromIndex = _react.useRef.call(void 0, null);
+  const labels = _react.useMemo.call(void 0, () => _tigercatcore.getFileManagerLabels.call(void 0, mergedLocale), [mergedLocale]);
+  const metaColumns = _nullishCoalesce(columns, () => ( ["size", "modified"]));
+  const showSizeColumn = metaColumns.includes("size");
+  const showModifiedColumn = metaColumns.includes("modified");
+  const showTypeColumn = metaColumns.includes("type");
+  const model = _react.useMemo.call(void 0, 
+    () => _tigercatcore.deriveFileManagerModel.call(void 0, {
+      files,
+      currentPath,
+      selectedKeys,
+      sortField,
+      sortOrder,
+      showHidden,
+      searchText: localSearch || searchText
+    }),
+    [files, currentPath, selectedKeys, sortField, sortOrder, showHidden, localSearch, searchText]
+  );
+  const containerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getFileManagerContainerClasses.call(void 0, className), [className]);
+  const handleSelect = _react.useCallback.call(void 0, 
+    (item) => {
+      if (item.disabled) return;
+      _optionalChain([onSelect, 'optionalCall', _ => _(item)]);
+      const keys = _tigercatcore.toggleFileSelection.call(void 0, selectedKeys, item.key, multiple);
+      _optionalChain([onSelectedKeysChange, 'optionalCall', _2 => _2(keys)]);
+    },
+    [selectedKeys, multiple, onSelect, onSelectedKeysChange]
+  );
+  const handleOpen = _react.useCallback.call(void 0, 
+    (item) => {
+      const result = _tigercatcore.resolveFileOpen.call(void 0, item, currentPath);
+      if (!result) return;
+      if (result.type === "navigate") {
+        _optionalChain([onCurrentPathChange, 'optionalCall', _3 => _3(result.path)]);
+        _optionalChain([onNavigate, 'optionalCall', _4 => _4(result.path)]);
+      } else {
+        _optionalChain([onOpen, 'optionalCall', _5 => _5(result.item)]);
+      }
+    },
+    [currentPath, onOpen, onNavigate, onCurrentPathChange]
+  );
+  const navigateToBreadcrumb = _react.useCallback.call(void 0, 
+    (index) => {
+      const newPath = _tigercatcore.sliceBreadcrumbPath.call(void 0, currentPath, index);
+      _optionalChain([onCurrentPathChange, 'optionalCall', _6 => _6(newPath)]);
+      _optionalChain([onNavigate, 'optionalCall', _7 => _7(newPath)]);
+    },
+    [currentPath, onNavigate, onCurrentPathChange]
+  );
+  const breadcrumbItems = [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        className: _tigercatcore.fileManagerBreadcrumbItemClasses,
+        onClick: () => navigateToBreadcrumb(0),
+        children: labels.rootText
+      },
+      "root"
+    ),
+    ...currentPath.flatMap((seg, i) => [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerBreadcrumbSeparatorClasses, children: "/" }, `sep-${i}`),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "span",
+        {
+          className: _tigercatcore.fileManagerBreadcrumbItemClasses,
+          onClick: () => navigateToBreadcrumb(i + 1),
+          children: seg
+        },
+        `path-${i}`
+      )
+    ])
+  ];
+  const contentClass = viewMode === "grid" ? `${_tigercatcore.fileManagerContentClasses} grid grid-cols-4 gap-2` : _tigercatcore.fileManagerContentClasses;
+  const firstEnabledIndex = model.processedItems.findIndex((item) => !item.disabled);
+  const focusedItem = focusedIndex >= 0 && !_optionalChain([model, 'access', _8 => _8.processedItems, 'access', _9 => _9[focusedIndex], 'optionalAccess', _10 => _10.disabled]) ? focusedIndex : firstEnabledIndex;
+  const focusItemAt = _react.useCallback.call(void 0, (index) => {
+    requestAnimationFrame(() => {
+      _optionalChain([contentRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.querySelector, 'call', _13 => _13(`[data-option-index="${index}"]`), 'optionalAccess', _14 => _14.focus, 'call', _15 => _15()]);
+    });
+  }, []);
+  const moveFocus = _react.useCallback.call(void 0, 
+    (current, direction) => {
+      if (model.processedItems.length === 0) return;
+      let next = current;
+      for (let i = 0; i < model.processedItems.length; i += 1) {
+        next = (next + direction + model.processedItems.length) % model.processedItems.length;
+        if (!_optionalChain([model, 'access', _16 => _16.processedItems, 'access', _17 => _17[next], 'optionalAccess', _18 => _18.disabled])) {
+          setFocusedIndex(next);
+          focusItemAt(next);
+          return;
+        }
+      }
+    },
+    [focusItemAt, model.processedItems]
+  );
+  const handleItemKeyDown = _react.useCallback.call(void 0, 
+    (event, item, index) => {
+      switch (event.key) {
+        case "ArrowDown":
+        case "ArrowRight":
+          event.preventDefault();
+          moveFocus(index, 1);
+          return;
+        case "ArrowUp":
+        case "ArrowLeft":
+          event.preventDefault();
+          moveFocus(index, -1);
+          return;
+        case "Home":
+          event.preventDefault();
+          if (firstEnabledIndex >= 0) {
+            setFocusedIndex(firstEnabledIndex);
+            focusItemAt(firstEnabledIndex);
+          }
+          return;
+        case "End": {
+          event.preventDefault();
+          let lastEnabledIndex = -1;
+          for (let next = model.processedItems.length - 1; next >= 0; next -= 1) {
+            if (!_optionalChain([model, 'access', _19 => _19.processedItems, 'access', _20 => _20[next], 'optionalAccess', _21 => _21.disabled])) {
+              lastEnabledIndex = next;
+              break;
+            }
+          }
+          if (lastEnabledIndex >= 0) {
+            setFocusedIndex(lastEnabledIndex);
+            focusItemAt(lastEnabledIndex);
+          }
+          return;
+        }
+        case " ":
+          event.preventDefault();
+          handleSelect(item);
+          return;
+        case "Enter":
+          event.preventDefault();
+          handleSelect(item);
+          handleOpen(item);
+          return;
+        default:
+          return;
+      }
+    },
+    [firstEnabledIndex, focusItemAt, handleOpen, handleSelect, model.processedItems, moveFocus]
+  );
+  const handleDragStart = _react.useCallback.call(void 0, 
+    (event, item, index) => {
+      if (!draggable || item.disabled) return;
+      dragFromIndex.current = index;
+      event.dataTransfer.effectAllowed = "move";
+      event.dataTransfer.setData("text/plain", String(_tigercatcore.toFileDragItem.call(void 0, item, index).id));
+    },
+    [draggable]
+  );
+  const handleDragOver = _react.useCallback.call(void 0, 
+    (event) => {
+      if (!draggable || dragFromIndex.current === null) return;
+      event.preventDefault();
+      event.dataTransfer.dropEffect = "move";
+    },
+    [draggable]
+  );
+  const handleDrop = _react.useCallback.call(void 0, 
+    (event, toIndex) => {
+      if (!draggable) return;
+      const fromIndex = dragFromIndex.current;
+      dragFromIndex.current = null;
+      if (fromIndex === null || fromIndex === toIndex) return;
+      event.preventDefault();
+      const items = model.processedItems;
+      const reordered = _tigercatcore.applyFileDragReorder.call(void 0, items, {
+        item: _tigercatcore.toFileDragItem.call(void 0, items[fromIndex], fromIndex),
+        fromIndex,
+        toIndex,
+        fromContainerId: "",
+        toContainerId: ""
+      });
+      _optionalChain([onReorder, 'optionalCall', _22 => _22(reordered, fromIndex, toIndex)]);
+    },
+    [draggable, model.processedItems, onReorder]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, containerClasses), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.fileManagerToolbarClasses, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: _tigercatcore.fileManagerBreadcrumbClasses, "aria-label": "File path", children: breadcrumbItems }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
+      searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          type: "text",
+          className: _tigercatcore.fileManagerSearchClasses,
+          placeholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([mergedLocale, 'optionalAccess', _23 => _23.common, 'optionalAccess', _24 => _24.searchPlaceholder])),
+          value: localSearch,
+          onChange: (e) => {
+            setLocalSearch(e.target.value);
+            _optionalChain([onSearchTextChange, 'optionalCall', _25 => _25(e.target.value)]);
+          }
+        }
+      )
+    ] }),
+    model.processedItems.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: contentRef,
+        className: contentClass,
+        role: "listbox",
+        "aria-multiselectable": multiple,
+        children: model.processedItems.map((item, index) => {
+          const isSelected = model.selectedSet.has(item.key);
+          const itemClass = _tigercatcore.getFileItemClasses.call(void 0, viewMode, isSelected);
+          const dragItem = draggable && !item.disabled ? _tigercatcore.toFileDragItem.call(void 0, item, index) : void 0;
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: itemClass,
+              role: "option",
+              "aria-selected": isSelected,
+              tabIndex: !item.disabled && index === focusedItem ? 0 : -1,
+              "data-option-index": index,
+              "data-disabled": item.disabled || void 0,
+              "data-drag-id": _optionalChain([dragItem, 'optionalAccess', _26 => _26.id]),
+              onFocus: () => {
+                if (!item.disabled) setFocusedIndex(index);
+              },
+              onKeyDown: (event) => handleItemKeyDown(event, item, index),
+              onClick: () => handleSelect(item),
+              onDoubleClick: () => handleOpen(item),
+              draggable: draggable && !item.disabled,
+              onDragStart: (event) => handleDragStart(event, item, index),
+              onDragOver: handleDragOver,
+              onDrop: (event) => handleDrop(event, index),
+              children: [
+                renderIcon ? renderIcon(item) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemIconClasses, "aria-hidden": "true", children: item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemNameClasses, children: item.name }),
+                viewMode === "list" && showTypeColumn && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemMetaClasses, children: _nullishCoalesce(item.extension, () => ( item.type)) }),
+                viewMode === "list" && showSizeColumn && item.size !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemMetaClasses, children: _tigercatcore.formatFileSizeLabel.call(void 0, item.size) }),
+                viewMode === "list" && showModifiedColumn && item.modified && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemMetaClasses, children: item.modified })
+              ]
+            },
+            item.key
+          );
+        })
+      }
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.fileManagerEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "Empty folder", emptyText, _optionalChain([mergedLocale, 'optionalAccess', _27 => _27.common, 'optionalAccess', _28 => _28.emptyText])) }),
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.fileManagerLoadingClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "Loading...", _optionalChain([mergedLocale, 'optionalAccess', _29 => _29.common, 'optionalAccess', _30 => _30.loadingText])) })
+  ] });
+};
+var FileManager_default = FileManager;
+
+
+
+
+exports.FileManager = FileManager; exports.FileManager_default = FileManager_default;

package/dist/{chunk-RFHPG4KN.js → chunk-NGSJGXUZ.js}

@@ -26,6 +26,7 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var TabsContext = _react.createContext.call(void 0, null);
@@ -43,8 +44,7 @@ var TabPane = ({
   children,
   renderMode = "pane",
   tabId,
-  panelId,
-  tabIndex
+  panelId
 }) => {
   const tabsContext = useTabsContext();
   if (!tabsContext) {
@@ -90,10 +90,8 @@ var TabPane = ({
       return;
     }
     const tabList = _optionalChain([event, 'access', _ => _.currentTarget, 'optionalAccess', _2 => _2.closest, 'call', _3 => _3('[role="tablist"]')]);
-    const tabButtons = Array.from(
-      _nullishCoalesce(_optionalChain([tabList, 'optionalAccess', _4 => _4.querySelectorAll, 'call', _5 => _5('[role="tab"]')]), () => ( []))
-    );
-    const enabled = tabButtons.filter((button) => !button.disabled);
+    const tabButtons = Array.from(_nullishCoalesce(_optionalChain([tabList, 'optionalAccess', _4 => _4.querySelectorAll, 'call', _5 => _5('[role="tab"]')]), () => ( [])));
+    const enabled = tabButtons.filter((button) => button.getAttribute("aria-disabled") !== "true");
     const currentIndex = enabled.findIndex((button) => button.id === tabId);
     if (currentIndex === -1) {
       return;
@@ -125,23 +123,22 @@ var TabPane = ({
     }
   };
   const handleClose = (event) => {
+    event.stopPropagation();
     if (!disabled) {
       tabsContext.handleTabClose(tabKey, event);
     }
   };
   if (renderMode === "tab") {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
+      "div",
       {
-        type: "button",
         className: tabItemClasses,
         role: "tab",
         id: tabId,
         "aria-controls": panelId,
         "aria-selected": isActive,
         "aria-disabled": disabled,
-        disabled,
-        tabIndex: typeof tabIndex === "number" ? tabIndex : isActive ? 0 : -1,
+        tabIndex: disabled ? -1 : isActive ? 0 : -1,
         "data-tiger-tabs-id": tabsContext.idBase,
         "data-tiger-tab-key": typeof tabKey === "number" ? `n:${tabKey}` : `s:${tabKey}`,
         onClick: handleClick,
@@ -150,9 +147,9 @@ var TabPane = ({
           icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex items-center", children: icon }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label }),
           isClosable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "span",
+            "button",
             {
-              role: "button",
+              type: "button",
               className: _tigercatcore.tabCloseButtonClasses,
               "aria-label": `Close ${String(label)}`,
               tabIndex: -1,
@@ -234,7 +231,6 @@ var Tabs = ({
       if (firstKey === void 0) firstKey = key;
       keys.push(key);
       if (!child.props.disabled) enabledKeys.push(key);
-      const resolvedActiveKey = _nullishCoalesce(_nullishCoalesce(controlledActiveKey, () => ( defaultActiveKey)), () => ( firstKey));
       const tabId = `${idBase}-tab-${String(key)}`;
       const panelId = `${idBase}-panel-${String(key)}`;
       items.push(
@@ -242,8 +238,7 @@ var Tabs = ({
           key: `tab-${String(key)}`,
           renderMode: "tab",
           tabId,
-          panelId,
-          tabIndex: key === resolvedActiveKey ? 0 : -1
+          panelId
         })
       );
       panes.push(
@@ -262,7 +257,7 @@ var Tabs = ({
       tabKeys: keys,
       enabledTabKeys: enabledKeys
     };
-  }, [children, controlledActiveKey, defaultActiveKey, idBase]);
+  }, [children, idBase]);
   const activeKey = controlledActiveKey !== void 0 ? controlledActiveKey : internalActiveKey !== void 0 ? internalActiveKey : firstTabKey;
   const activeTabIndex = _react.useMemo.call(void 0, () => tabKeys.indexOf(_nullishCoalesce(activeKey, () => ( ""))), [tabKeys, activeKey]);
   const handleTabClick = _react.useCallback.call(void 0, 
@@ -281,9 +276,12 @@ var Tabs = ({
   const handleTabClose = _react.useCallback.call(void 0, 
     (key, event) => {
       event.stopPropagation();
+      if (controlledActiveKey === void 0 && key === activeKey) {
+        setInternalActiveKey(_tigercatcore.getNextActiveKey.call(void 0, key, activeKey, tabKeys));
+      }
       _optionalChain([onEdit, 'optionalCall', _8 => _8({ targetKey: key, action: "remove" })]);
     },
-    [onEdit]
+    [onEdit, controlledActiveKey, activeKey, tabKeys]
   );
   const handleTabAdd = _react.useCallback.call(void 0, () => {
     _optionalChain([onEdit, 'optionalCall', _9 => _9({ targetKey: void 0, action: "add" })]);

package/dist/{chunk-WIWTY74F.mjs → chunk-NJHZQBA7.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Empty.tsx
 import { useMemo } from "react";
 import {
@@ -8,7 +12,8 @@ import {
   emptyActionsClasses,
   emptyIllustrationViewBox,
   emptyIllustrationPaths,
-  getEmptyDescription
+  getEmptyDescription,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Empty = ({
@@ -19,9 +24,18 @@ var Empty = ({
   extra,
   className,
   children,
+  locale,
   ...props
 }) => {
-  const descText = useMemo(() => description ?? getEmptyDescription(preset), [description, preset]);
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const descText = useMemo(
+    () => description ?? getEmptyDescription(preset, mergedLocale),
+    [description, preset, mergedLocale]
+  );
   const wrapperClasses = useMemo(() => classNames(emptyBaseClasses, className), [className]);
   return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, ...props, children: [
     showImage && /* @__PURE__ */ jsx("div", { className: emptyImageClasses, children: image !== void 0 ? image : /* @__PURE__ */ jsx(

package/dist/{chunk-EQD2U4KM.js → chunk-O2N7ITWQ.js}

@@ -3,13 +3,13 @@
 var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
 
-var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+var _chunk23XPDNCAjs = require('./chunk-23XPDNCA.js');
 
 
 var _chunkAX5XRD2Qjs = require('./chunk-AX5XRD2Q.js');
 
 
-var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+var _chunkSK7PXSVEjs = require('./chunk-SK7PXSVE.js');
 
 
 var _chunkE5GD3H7Ljs = require('./chunk-E5GD3H7L.js');
@@ -49,12 +49,12 @@ var LineChart = ({
   series,
   xScale: xScaleProp,
   yScale: yScaleProp,
-  lineColor: _lineColor = "var(--tiger-primary,#2563eb)",
+  lineColor = "var(--tiger-primary,#2563eb)",
   strokeWidth = 2,
   curve = "linear",
   showPoints = true,
   pointSize = 4,
-  pointColor: _pointColor,
+  pointColor,
   showGrid = true,
   showAxis = true,
   showXAxis = true,
@@ -112,8 +112,13 @@ var LineChart = ({
     [width, height, padding]
   );
   const resolvedSeries = _react.useMemo.call(void 0, 
-    () => _tigercatcore.resolveSeriesData.call(void 0, series, data),
-    [series, data]
+    () => _tigercatcore.resolveSeriesData.call(void 0, series, data, {
+      // Single-series colors (`lineColor`/`pointColor`) seed the synthesized
+      // series so they take effect when only `data` is provided.
+      color: lineColor,
+      pointColor
+    }),
+    [series, data, lineColor, pointColor]
   );
   const {
     activeIndex,
@@ -259,9 +264,19 @@ var LineChart = ({
     setHoveredPointInfo(null);
     _optionalChain([onPointHover, 'optionalCall', _9 => _9(null, null, null)]);
   }, [onPointHover]);
+  const showPointTooltipFromElement = _react.useCallback.call(void 0, 
+    (el, seriesIndex, pointIndex) => {
+      if (!hoverable) return;
+      const rect = el.getBoundingClientRect();
+      setHoveredPointInfo({ seriesIndex, pointIndex });
+      setTooltipPosition({ x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 });
+      _optionalChain([onPointHover, 'optionalCall', _10 => _10(seriesIndex, pointIndex, _optionalChain([resolvedSeries, 'access', _11 => _11[seriesIndex], 'optionalAccess', _12 => _12.data, 'access', _13 => _13[pointIndex]]))]);
+    },
+    [hoverable, onPointHover, resolvedSeries]
+  );
   const handlePointClick = _react.useCallback.call(void 0, 
     (seriesIndex, pointIndex) => {
-      _optionalChain([onPointClick, 'optionalCall', _10 => _10(seriesIndex, pointIndex, _optionalChain([resolvedSeries, 'access', _11 => _11[seriesIndex], 'optionalAccess', _12 => _12.data, 'access', _13 => _13[pointIndex]]))]);
+      _optionalChain([onPointClick, 'optionalCall', _14 => _14(seriesIndex, pointIndex, _optionalChain([resolvedSeries, 'access', _15 => _15[seriesIndex], 'optionalAccess', _16 => _16.data, 'access', _17 => _17[pointIndex]]))]);
       handleSeriesSelect(seriesIndex);
     },
     [onPointClick, resolvedSeries, handleSeriesSelect]
@@ -275,6 +290,7 @@ var LineChart = ({
     },
     [selectable, handleSeriesSelect]
   );
+  const pointClickable = selectable || !!onPointClick;
   const chart = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _chunkUKLVOR4Ejs.ChartCanvas,
     {
@@ -435,8 +451,10 @@ var LineChart = ({
                 }
               ),
               sd.showPoints && sd.points.map((point) => {
-                const isHovered = _optionalChain([hoveredPointInfo, 'optionalAccess', _14 => _14.seriesIndex]) === sd.seriesIndex && _optionalChain([hoveredPointInfo, 'optionalAccess', _15 => _15.pointIndex]) === point.pointIndex;
+                const isHovered = _optionalChain([hoveredPointInfo, 'optionalAccess', _18 => _18.seriesIndex]) === sd.seriesIndex && _optionalChain([hoveredPointInfo, 'optionalAccess', _19 => _19.pointIndex]) === point.pointIndex;
                 const hoverSize = sd.pointSize + 2;
+                const datum = _optionalChain([resolvedSeries, 'access', _20 => _20[sd.seriesIndex], 'optionalAccess', _21 => _21.data, 'optionalAccess', _22 => _22[point.pointIndex]]);
+                const pointInteractive = hoverable || pointClickable;
                 return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "circle",
                   {
@@ -446,17 +464,46 @@ var LineChart = ({
                     fill: sd.pointHollow ? "white" : pointGradient ? `url(#${gradientPrefix}-point-${sd.seriesKey})` : sd.pointColor,
                     stroke: sd.pointHollow ? sd.pointColor : "none",
                     strokeWidth: sd.pointHollow ? 2 : 0,
-                    className: _tigercatcore.linePointTransitionClasses,
+                    className: _tigercatcore.classNames.call(void 0, 
+                      _tigercatcore.linePointTransitionClasses,
+                      pointInteractive && "cursor-pointer"
+                    ),
                     style: isHovered ? { filter: `drop-shadow(0 0 4px ${sd.color})` } : void 0,
+                    role: pointInteractive ? "button" : "img",
+                    "aria-label": _nullishCoalesce(_optionalChain([datum, 'optionalAccess', _23 => _23.label]), () => ( String(_nullishCoalesce(_optionalChain([datum, 'optionalAccess', _24 => _24.y]), () => ( ""))))),
+                    tabIndex: pointInteractive ? 0 : void 0,
                     "data-point-index": point.pointIndex,
                     "data-series-key": sd.seriesKey,
-                    onMouseEnter: (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e),
-                    onMouseMove: handlePointMouseMove,
-                    onMouseLeave: handlePointMouseLeave,
-                    onClick: (e) => {
+                    onMouseEnter: hoverable ? (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e) : void 0,
+                    onMouseMove: hoverable ? handlePointMouseMove : void 0,
+                    onMouseLeave: hoverable ? handlePointMouseLeave : void 0,
+                    onClick: pointClickable ? (e) => {
                       e.stopPropagation();
                       handlePointClick(sd.seriesIndex, point.pointIndex);
-                    }
+                    } : void 0,
+                    onFocus: hoverable ? (e) => showPointTooltipFromElement(
+                      e.currentTarget,
+                      sd.seriesIndex,
+                      point.pointIndex
+                    ) : void 0,
+                    onBlur: hoverable ? handlePointMouseLeave : void 0,
+                    onKeyDown: pointInteractive ? (e) => {
+                      if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        if (pointClickable) {
+                          handlePointClick(sd.seriesIndex, point.pointIndex);
+                        } else {
+                          showPointTooltipFromElement(
+                            e.currentTarget,
+                            sd.seriesIndex,
+                            point.pointIndex
+                          );
+                        }
+                      } else if (e.key === "Escape" && hoverable) {
+                        handlePointMouseLeave();
+                      }
+                    } : void 0
                   },
                   `point-${sd.seriesKey}-${point.pointIndex}`
                 );
@@ -469,7 +516,7 @@ var LineChart = ({
     }
   );
   const tooltip = showTooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUVMQJOTXjs.ChartTooltip,
+    _chunkSK7PXSVEjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: hoveredPointInfo !== null && tooltipContent !== "",
@@ -486,7 +533,7 @@ var LineChart = ({
   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-NASC6XHN.mjs → chunk-O6YIPNXX.mjs}

@@ -1,7 +1,12 @@
 // src/components/ChartTooltip.tsx
 import { useRef, useEffect, useState, useMemo } from "react";
 import { createPortal } from "react-dom";
-import { classNames, getChartTooltipTransform, isBrowser } from "@expcat/tigercat-core";
+import {
+  classNames,
+  getChartTooltipTransform,
+  isBrowser,
+  resolveChartTooltipPosition
+} from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
 var ChartTooltip = ({
   content,
@@ -14,24 +19,28 @@ var ChartTooltip = ({
   const [adjustedPosition, setAdjustedPosition] = useState({ x, y });
   useEffect(() => {
     if (!visible) return;
-    let newX = x + 12;
-    let newY = y - 8;
+    const initialPosition = resolveChartTooltipPosition({
+      x,
+      y,
+      rect: { width: 0, height: 0 },
+      viewport: {
+        width: typeof window === "undefined" ? 0 : window.innerWidth,
+        height: typeof window === "undefined" ? 0 : window.innerHeight
+      }
+    });
     const frameHandle = requestAnimationFrame(() => {
       if (!tooltipRef.current) return;
       const rect = tooltipRef.current.getBoundingClientRect();
-      const viewportWidth = window.innerWidth;
-      const viewportHeight = window.innerHeight;
-      if (newX + rect.width > viewportWidth - 8) {
-        newX = x - rect.width - 12;
-      }
-      if (newY + rect.height > viewportHeight - 8) {
-        newY = y - rect.height - 8;
-      }
-      newX = Math.max(8, newX);
-      newY = Math.max(8, newY);
-      setAdjustedPosition({ x: newX, y: newY });
+      setAdjustedPosition(
+        resolveChartTooltipPosition({
+          x,
+          y,
+          rect,
+          viewport: { width: window.innerWidth, height: window.innerHeight }
+        })
+      );
     });
-    setAdjustedPosition({ x: newX, y: newY });
+    setAdjustedPosition(initialPosition);
     return () => cancelAnimationFrame(frameHandle);
   }, [x, y, visible]);
   const tooltipClasses = useMemo(