@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/{chunk-U356F7GU.js → chunk-SO2ADQTB.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/AutoComplete.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/AutoComplete.tsx
 var _react = require('react');
 
 
@@ -16,6 +20,8 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var AUTOCOMPLETE_KEYS = /* @__PURE__ */ new Set([
@@ -29,6 +35,7 @@ var AUTOCOMPLETE_KEYS = /* @__PURE__ */ new Set([
   "filterOption",
   "defaultActiveFirstOption",
   "allowFreeInput",
+  "locale",
   "onChange",
   "onSelect",
   "onSearch"
@@ -41,15 +48,27 @@ var AutoComplete = (props) => {
     size = "md",
     disabled = false,
     clearable = false,
-    notFoundText = "No matches found",
+    notFoundText,
     filterOption = true,
     defaultActiveFirstOption = true,
+    allowFreeInput = true,
+    locale,
     className,
     onChange,
     onSelect,
     onSearch,
     ...rest
   } = props;
+  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 resolvedNotFoundText = _tigercatcore.resolveLocaleText.call(void 0, 
+    "No matches found",
+    notFoundText,
+    _optionalChain([mergedLocale, 'optionalAccess', _ => _.common, 'optionalAccess', _2 => _2.emptyText])
+  );
   const divProps = {};
   for (const key of Object.keys(rest)) {
     if (!AUTOCOMPLETE_KEYS.has(key)) {
@@ -80,11 +99,28 @@ var AutoComplete = (props) => {
     setIsOpen(false);
     setActiveIndex(-1);
   }
+  function constrainToOption() {
+    if (allowFreeInput) return;
+    const match = options.find((o) => !o.disabled && o.label === inputValue);
+    if (match) {
+      if (String(match.value) !== String(value)) {
+        _optionalChain([onChange, 'optionalCall', _3 => _3(match.value)]);
+        _optionalChain([onSelect, 'optionalCall', _4 => _4(match.value, match)]);
+      }
+      return;
+    }
+    const current = options.find((o) => String(o.value) === String(value));
+    const revertLabel = current ? current.label : "";
+    if (revertLabel !== inputValue) {
+      setInputValue(revertLabel);
+      _optionalChain([onChange, 'optionalCall', _5 => _5(current ? current.value : "")]);
+    }
+  }
   function handleInput(e) {
     const val = e.target.value;
     setInputValue(val);
-    _optionalChain([onChange, 'optionalCall', _ => _(val)]);
-    _optionalChain([onSearch, 'optionalCall', _2 => _2(val)]);
+    _optionalChain([onChange, 'optionalCall', _6 => _6(val)]);
+    _optionalChain([onSearch, 'optionalCall', _7 => _7(val)]);
     if (!isOpen) {
       setIsOpen(true);
     }
@@ -96,15 +132,15 @@ var AutoComplete = (props) => {
   function handleSelect(option) {
     if (option.disabled) return;
     setInputValue(option.label);
-    _optionalChain([onChange, 'optionalCall', _3 => _3(option.value)]);
-    _optionalChain([onSelect, 'optionalCall', _4 => _4(option.value, option)]);
+    _optionalChain([onChange, 'optionalCall', _8 => _8(option.value)]);
+    _optionalChain([onSelect, 'optionalCall', _9 => _9(option.value, option)]);
     closeDropdown();
   }
   function handleClear(e) {
     e.stopPropagation();
     setInputValue("");
-    _optionalChain([onChange, 'optionalCall', _5 => _5("")]);
-    requestAnimationFrame(() => _optionalChain([inputRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.focus, 'call', _8 => _8()]));
+    _optionalChain([onChange, 'optionalCall', _10 => _10("")]);
+    requestAnimationFrame(() => _optionalChain([inputRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.focus, 'call', _13 => _13()]));
   }
   function handleKeyDown(e) {
     if (!isOpen) {
@@ -126,6 +162,9 @@ var AutoComplete = (props) => {
         e.preventDefault();
         if (activeIndex >= 0 && activeIndex < filteredOptions.length) {
           handleSelect(filteredOptions[activeIndex]);
+        } else {
+          constrainToOption();
+          closeDropdown();
         }
         break;
       case "Escape":
@@ -159,7 +198,8 @@ var AutoComplete = (props) => {
         autoComplete: "off",
         onChange: handleInput,
         onFocus: openDropdown,
-        onKeyDown: handleKeyDown
+        onKeyDown: handleKeyDown,
+        onBlur: constrainToOption
       }
     ),
     showClearButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -167,7 +207,7 @@ var AutoComplete = (props) => {
       {
         type: "button",
         className: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-autocomplete-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-autocomplete-clear-hover,var(--tiger-text,#111827))] transition-colors",
-        "aria-label": "Clear",
+        "aria-label": _tigercatcore.resolveLocaleText.call(void 0, "Clear", _optionalChain([mergedLocale, 'optionalAccess', _14 => _14.common, 'optionalAccess', _15 => _15.clearText])),
         onClick: handleClear,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "svg",
@@ -194,13 +234,14 @@ var AutoComplete = (props) => {
           !!option.disabled,
           size
         ),
+        onMouseDown: (e) => e.preventDefault(),
         onClick: () => handleSelect(option),
         onMouseEnter: () => setActiveIndex(index),
         children: option.label
       },
       String(option.value)
     )) }),
-    isOpen && inputValue && filteredOptions.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.autoCompleteDropdownClasses, _tigercatcore.autoCompleteEmptyStateClasses), children: notFoundText })
+    isOpen && inputValue && filteredOptions.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.autoCompleteDropdownClasses, _tigercatcore.autoCompleteEmptyStateClasses), children: resolvedNotFoundText })
   ] });
 };
 

package/dist/{chunk-NKKIJQMV.mjs → chunk-SPIPFOGD.mjs}

@@ -9,7 +9,8 @@ import {
   getSliderTooltipClasses,
   sliderGetPercentage,
   sliderGetValueFromPosition,
-  sliderGetKeyboardValue
+  sliderGetKeyboardValue,
+  sliderResolveMarks
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Thumb = memo(
@@ -216,7 +217,8 @@ var Slider = ({
   const tooltipClasses = useMemo(() => getSliderTooltipClasses(size), [size]);
   const renderMarks = () => {
     if (!marks) return null;
-    const marksObj = typeof marks === "boolean" ? {} : marks;
+    const marksObj = sliderResolveMarks(marks, min, max);
+    if (Object.keys(marksObj).length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: "absolute w-full top-full mt-2", children: Object.entries(marksObj).map(([key, label]) => {
       const value = Number(key);
       const left = getPercentage(value);

package/dist/{chunk-NQNHM4OL.mjs → chunk-SRC7JHME.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6QML6T3Y.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-O6YIPNXX.mjs";
 import {
   ChartCanvas
 } from "./chunk-DKNVSQSV.mjs";

package/dist/{chunk-2RBHQBSG.js → chunk-SXTMVZ4W.js}

@@ -1,13 +1,16 @@
-"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; }
+"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 _chunkANBNSUSRjs = require('./chunk-ANBNSUSR.js');
+var _chunkCXXOZLP4js = require('./chunk-CXXOZLP4.js');
 
 
-var _chunkFI53LYZ6js = require('./chunk-FI53LYZ6.js');
+var _chunk5UREMEDSjs = require('./chunk-5UREMEDS.js');
 
 
 var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
 // src/components/CropUpload.tsx
 var _react = require('react');
 
@@ -19,20 +22,29 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var CropUpload = ({
+  locale,
   accept = "image/*",
   disabled = false,
   maxSize,
   cropperProps,
-  modalTitle = "\u88C1\u526A\u56FE\u7247",
-  modalWidth: _modalWidth = 520,
+  modalTitle,
+  modalWidth = 520,
   className,
   children,
   onCropComplete,
   onError
 }) => {
+  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 fileInputRef = _react.useRef.call(void 0, null);
   const cropperRef = _react.useRef.call(void 0, null);
   const [modalVisible, setModalVisible] = _react.useState.call(void 0, false);
@@ -112,7 +124,7 @@ var CropUpload = ({
         onClick: handleTriggerClick,
         role: "button",
         tabIndex: disabled ? -1 : 0,
-        "aria-label": "Select image to crop and upload",
+        "aria-label": labels.selectImageAriaLabel,
         "aria-disabled": disabled ? "true" : void 0,
         onKeyDown: handleKeyDown,
         children: children || /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -135,25 +147,26 @@ var CropUpload = ({
               )
             }
           ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "\u9009\u62E9\u56FE\u7247" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: labels.selectImageText })
         ] })
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkANBNSUSRjs.Modal,
+      _chunkCXXOZLP4js.Modal,
       {
         open: modalVisible,
         size: "lg",
-        title: modalTitle,
+        width: modalWidth,
+        title: _nullishCoalesce(modalTitle, () => ( labels.cropModalTitle)),
         className: "tiger-crop-upload-modal",
         closable: true,
         maskClosable: false,
         onClose: handleCancel,
         footer: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-end gap-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { variant: "secondary", onClick: handleCancel, children: "\u53D6\u6D88" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { onClick: handleConfirm, loading: cropping, children: "\u786E\u8BA4\u88C1\u526A" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { variant: "secondary", onClick: handleCancel, children: labels.cropCancelText }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { onClick: handleConfirm, loading: cropping, children: labels.cropConfirmText })
         ] }),
-        children: imageSrc && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFI53LYZ6js.ImageCropper, { ref: cropperRef, src: imageSrc, ...cropperProps })
+        children: imageSrc && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5UREMEDSjs.ImageCropper, { ref: cropperRef, src: imageSrc, locale, ...cropperProps })
       }
     )
   ] });

package/dist/{chunk-BEM7XG2L.js → chunk-SYJJKI7U.js}

@@ -1,4 +1,4 @@
-"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; }
+"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 _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
@@ -28,6 +28,14 @@ var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
+var MESSAGE_POSITIONS = [
+  "top",
+  "top-left",
+  "top-right",
+  "bottom",
+  "bottom-left",
+  "bottom-right"
+];
 var messageInstances = [];
 var containerRoot = null;
 var updateCallback = null;
@@ -91,17 +99,12 @@ var MessageItem = ({ message, onClose }) => {
     }
   );
 };
-var MessageContainer = ({ position = "top" }) => {
-  const [messages, setMessages] = _react.useState.call(void 0, () => [...messageInstances]);
-  _react.useEffect.call(void 0, () => {
-    updateCallback = () => {
-      setMessages([...messageInstances]);
-    };
-    return () => {
-      updateCallback = null;
-    };
-  }, []);
+var MessageContainer = ({
+  position = "top",
+  messages = messageInstances.filter((message) => message.position === position)
+}) => {
   const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.messageContainerBaseClasses, _tigercatcore.messagePositionClasses[position]);
+  const containerId = position === "top" ? MESSAGE_CONTAINER_ID : `${MESSAGE_CONTAINER_ID}-${position}`;
   const handleRemove = _react.useCallback.call(void 0, (id) => {
     removeMessage(id);
   }, []);
@@ -109,14 +112,31 @@ var MessageContainer = ({ position = "top" }) => {
     "div",
     {
       className: containerClasses,
-      id: MESSAGE_CONTAINER_ID,
+      id: containerId,
       "aria-live": "polite",
       "aria-relevant": "additions",
+      "data-tiger-message-position": position,
       "data-tiger-message-container": true,
       children: messages.map((message) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageItem, { message, onClose: handleRemove }, message.id))
     }
   );
 };
+var MessageHost = () => {
+  const [messages, setMessages] = _react.useState.call(void 0, () => [...messageInstances]);
+  _react.useEffect.call(void 0, () => {
+    updateCallback = () => {
+      setMessages([...messageInstances]);
+    };
+    return () => {
+      updateCallback = null;
+    };
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: MESSAGE_POSITIONS.map((position) => {
+    const positionedMessages = messages.filter((message) => message.position === position);
+    if (positionedMessages.length === 0) return null;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContainer, { position, messages: positionedMessages }, position);
+  }) });
+};
 function ensureContainer() {
   if (!_tigercatcore.isBrowser.call(void 0, )) {
     return;
@@ -138,7 +158,7 @@ function ensureContainer() {
   }
   containerRoot = _client.createRoot.call(void 0, rootEl);
   _reactdom.flushSync.call(void 0, () => {
-    _optionalChain([containerRoot, 'optionalAccess', _ => _.render, 'call', _2 => _2(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageContainer, {}))]);
+    _optionalChain([containerRoot, 'optionalAccess', _ => _.render, 'call', _2 => _2(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageHost, {}))]);
   });
 }
 function addMessage(config) {
@@ -151,7 +171,8 @@ function addMessage(config) {
     closable: config.closable || false,
     onClose: config.onClose,
     icon: config.icon,
-    className: config.className
+    className: config.className,
+    position: _nullishCoalesce(config.position, () => ( "top"))
   };
   messageInstances.push(instance);
   const rootId = `${MESSAGE_CONTAINER_ID}-root`;

package/dist/{chunk-RYNLPRUM.mjs → chunk-SYVMCKPR.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-KXT2TP6A.mjs";
+} from "./chunk-P2WQIVXD.mjs";
 
 // src/components/ImageGroup.tsx
 import { useState, useCallback, useMemo, createContext, useRef } from "react";

package/dist/{chunk-SY23FAXK.mjs → chunk-T6HNFCOW.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/ImageCropper.tsx
 import {
   useState,
@@ -5,6 +9,7 @@ import {
   useEffect,
   useCallback,
   useMemo,
+  useId,
   useImperativeHandle,
   forwardRef
 } from "react";
@@ -21,7 +26,9 @@ import {
   getInitialCropRect,
   resizeCropRect,
   moveCropRect,
-  cropCanvas
+  cropCanvas,
+  getImageEditorLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ImageCropper = forwardRef(
@@ -33,11 +40,20 @@ var ImageCropper = forwardRef(
     outputType = "image/png",
     quality = 0.92,
     guides = true,
+    locale,
     className,
     style,
     onCropChange,
     onReady
   }, ref) => {
+    const reactId = useId();
+    const maskId = `tiger-crop-mask-${reactId.replace(/:/g, "")}`;
+    const config = useTigerConfig();
+    const mergedLocale = useMemo(
+      () => mergeTigerLocale(config.locale, locale),
+      [config.locale, locale]
+    );
+    const labels = useMemo(() => getImageEditorLabels(mergedLocale), [mergedLocale]);
     const containerRef = useRef(null);
     const imageRef = useRef(null);
     const [imageLoaded, setImageLoaded] = useState(false);
@@ -267,7 +283,7 @@ var ImageCropper = forwardRef(
           className: classNames(containerClasses, "flex items-center justify-center"),
           style: { ...style, minHeight: "200px" },
           role: "img",
-          "aria-label": "Loading image for cropping",
+          "aria-label": labels.loadingCropImageAriaLabel,
           children: /* @__PURE__ */ jsx("div", { className: "w-8 h-8 border-2 border-white/30 border-t-white rounded-full animate-spin" })
         }
       );
@@ -283,7 +299,7 @@ var ImageCropper = forwardRef(
           height: `${displayHeight}px`
         },
         role: "application",
-        "aria-label": "Image cropper",
+        "aria-label": labels.cropperDialogAriaLabel,
         "aria-roledescription": "image cropper",
         children: [
           /* @__PURE__ */ jsx(
@@ -293,7 +309,7 @@ var ImageCropper = forwardRef(
               className: imageCropperImgClasses,
               style: { width: `${displayWidth}px`, height: `${displayHeight}px` },
               draggable: false,
-              alt: "Image to crop"
+              alt: labels.imageToCropAriaLabel
             }
           ),
           /* @__PURE__ */ jsxs(
@@ -304,7 +320,7 @@ var ImageCropper = forwardRef(
               height: displayHeight,
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", { id: "crop-mask", children: [
+                /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", { id: maskId, children: [
                   /* @__PURE__ */ jsx("rect", { width: displayWidth, height: displayHeight, fill: "white" }),
                   /* @__PURE__ */ jsx("rect", { x: cr.x, y: cr.y, width: cr.width, height: cr.height, fill: "black" })
                 ] }) }),
@@ -314,7 +330,7 @@ var ImageCropper = forwardRef(
                     width: displayWidth,
                     height: displayHeight,
                     fill: "var(--tiger-image-cropper-mask, rgba(0,0,0,0.55))",
-                    mask: "url(#crop-mask)"
+                    mask: `url(#${maskId})`
                   }
                 )
               ]
@@ -344,7 +360,7 @@ var ImageCropper = forwardRef(
               },
               role: "button",
               tabIndex: 0,
-              "aria-label": "Move crop area",
+              "aria-label": labels.moveCropAreaAriaLabel,
               onMouseDown: (e) => handleMouseDown(e, "move"),
               onTouchStart: (e) => handleTouchStart(e, "move"),
               onKeyDown: handleMoveKeyDown
@@ -427,7 +443,7 @@ var ImageCropper = forwardRef(
                 style: pos,
                 role: "button",
                 tabIndex: 0,
-                "aria-label": `Resize crop area ${handle}`,
+                "aria-label": labels.resizeCropAreaAriaLabel.replace("{handle}", handle),
                 onMouseDown: (e) => handleMouseDown(e, "resize", handle),
                 onTouchStart: (e) => handleTouchStart(e, "resize", handle),
                 onKeyDown: (e) => handleResizeKeyDown(e, handle)

package/dist/{chunk-ZITBUGBH.mjs → chunk-TBMDIAZI.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-6QML6T3Y.mjs";
 import {
   ChartLegend
-} from "./chunk-UBP7HZSU.mjs";
+} from "./chunk-ZG2W4HS5.mjs";
 import {
   ChartSeries
 } from "./chunk-SDLMB34Y.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-O6YIPNXX.mjs";
 import {
   ChartAxis
 } from "./chunk-RQSQXQN6.mjs";
@@ -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 = useMemo(
-    () => resolveSeriesData(series, data),
-    [series, data]
+    () => resolveSeriesData(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,6 +264,16 @@ var LineChart = ({
     setHoveredPointInfo(null);
     onPointHover?.(null, null, null);
   }, [onPointHover]);
+  const showPointTooltipFromElement = useCallback(
+    (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 });
+      onPointHover?.(seriesIndex, pointIndex, resolvedSeries[seriesIndex]?.data[pointIndex]);
+    },
+    [hoverable, onPointHover, resolvedSeries]
+  );
   const handlePointClick = useCallback(
     (seriesIndex, pointIndex) => {
       onPointClick?.(seriesIndex, pointIndex, resolvedSeries[seriesIndex]?.data[pointIndex]);
@@ -275,6 +290,7 @@ var LineChart = ({
     },
     [selectable, handleSeriesSelect]
   );
+  const pointClickable = selectable || !!onPointClick;
   const chart = /* @__PURE__ */ jsxs(
     ChartCanvas,
     {
@@ -437,6 +453,8 @@ var LineChart = ({
               sd.showPoints && sd.points.map((point) => {
                 const isHovered = hoveredPointInfo?.seriesIndex === sd.seriesIndex && hoveredPointInfo?.pointIndex === point.pointIndex;
                 const hoverSize = sd.pointSize + 2;
+                const datum = resolvedSeries[sd.seriesIndex]?.data?.[point.pointIndex];
+                const pointInteractive = hoverable || pointClickable;
                 return /* @__PURE__ */ jsx(
                   "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: linePointTransitionClasses,
+                    className: classNames(
+                      linePointTransitionClasses,
+                      pointInteractive && "cursor-pointer"
+                    ),
                     style: isHovered ? { filter: `drop-shadow(0 0 4px ${sd.color})` } : void 0,
+                    role: pointInteractive ? "button" : "img",
+                    "aria-label": datum?.label ?? String(datum?.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}`
                 );