@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-ELRZ2ZHM.mjs → chunk-4DRJA5ZK.mjs}

@@ -23,6 +23,7 @@ import {
   getGestureTouchPoint,
   resolveSwipeGesture,
   isKeyActive,
+  getNextActiveKey,
   tabAddButtonClasses,
   tabCloseButtonClasses,
   tabContentBaseClasses
@@ -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 = event.currentTarget?.closest('[role="tablist"]');
-    const tabButtons = Array.from(
-      tabList?.querySelectorAll('[role="tab"]') ?? []
-    );
-    const enabled = tabButtons.filter((button) => !button.disabled);
+    const tabButtons = Array.from(tabList?.querySelectorAll('[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__ */ jsxs(
-      "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__ */ jsx("span", { className: "flex items-center", children: icon }),
           /* @__PURE__ */ jsx("span", { children: label }),
           isClosable && /* @__PURE__ */ jsx(
-            "span",
+            "button",
             {
-              role: "button",
+              type: "button",
               className: 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 = 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 = useMemo(() => tabKeys.indexOf(activeKey ?? ""), [tabKeys, activeKey]);
   const handleTabClick = useCallback(
@@ -281,9 +276,12 @@ var Tabs = ({
   const handleTabClose = useCallback(
     (key, event) => {
       event.stopPropagation();
+      if (controlledActiveKey === void 0 && key === activeKey) {
+        setInternalActiveKey(getNextActiveKey(key, activeKey, tabKeys));
+      }
       onEdit?.({ targetKey: key, action: "remove" });
     },
-    [onEdit]
+    [onEdit, controlledActiveKey, activeKey, tabKeys]
   );
   const handleTabAdd = useCallback(() => {
     onEdit?.({ targetKey: void 0, action: "add" });

package/dist/{chunk-J3N24I7A.mjs → chunk-4F3UTDFE.mjs}

@@ -1,6 +1,10 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/QRCode.tsx
 import { useMemo } from "react";
-import { classNames } from "@expcat/tigercat-core";
+import { classNames, mergeTigerLocale, resolveLocaleText } from "@expcat/tigercat-core";
 import {
   qrcodeContainerClasses,
   qrcodeOverlayClasses,
@@ -17,11 +21,25 @@ var QRCode = ({
   level: _level = "M",
   status = "active",
   onRefresh,
-  className
+  className,
+  locale
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
   const matrix = useMemo(() => generateQRMatrix(value), [value]);
   const moduleSize = useMemo(() => size / matrix.length, [size, matrix.length]);
   const containerClass = classNames(qrcodeContainerClasses, className);
+  const ariaLabel = resolveLocaleText("QR Code", mergedLocale?.qrcode?.ariaLabel);
+  const expiredText = resolveLocaleText("QR code expired", mergedLocale?.qrcode?.expiredText);
+  const refreshText = resolveLocaleText("Refresh", mergedLocale?.qrcode?.refreshText);
+  const loadingText = resolveLocaleText(
+    "Loading...",
+    mergedLocale?.qrcode?.loadingText,
+    mergedLocale?.common?.loadingText
+  );
   return /* @__PURE__ */ jsxs("div", { className: containerClass, style: { width: size, height: size }, children: [
     /* @__PURE__ */ jsxs(
       "svg",
@@ -31,7 +49,7 @@ var QRCode = ({
         viewBox: `0 0 ${size} ${size}`,
         xmlns: "http://www.w3.org/2000/svg",
         role: "img",
-        "aria-label": "QR Code",
+        "aria-label": ariaLabel,
         children: [
           /* @__PURE__ */ jsx("rect", { width: size, height: size, fill: bgColor }),
           matrix.flatMap(
@@ -53,10 +71,10 @@ var QRCode = ({
       }
     ),
     status === "expired" && /* @__PURE__ */ jsxs("div", { className: qrcodeOverlayClasses, children: [
-      /* @__PURE__ */ jsx("span", { className: qrcodeExpiredTextClasses, children: "QR code expired" }),
-      /* @__PURE__ */ jsx("span", { className: qrcodeRefreshClasses, onClick: onRefresh, children: "Refresh" })
+      /* @__PURE__ */ jsx("span", { className: qrcodeExpiredTextClasses, children: expiredText }),
+      /* @__PURE__ */ jsx("span", { className: qrcodeRefreshClasses, onClick: onRefresh, children: refreshText })
     ] }),
-    status === "loading" && /* @__PURE__ */ jsx("div", { className: qrcodeOverlayClasses, children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: "Loading..." }) })
+    status === "loading" && /* @__PURE__ */ jsx("div", { className: qrcodeOverlayClasses, children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: loadingText }) })
   ] });
 };
 var QRCode_default = QRCode;

package/dist/{chunk-3CJFNG54.mjs → chunk-4HMMH4XS.mjs}

@@ -1,12 +1,15 @@
 import {
   Modal
-} from "./chunk-I2AUOICV.mjs";
+} from "./chunk-SI3P3V75.mjs";
 import {
   ImageCropper
-} from "./chunk-SY23FAXK.mjs";
+} from "./chunk-T6HNFCOW.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/CropUpload.tsx
 import { useState, useRef, useCallback, useMemo } from "react";
@@ -18,21 +21,30 @@ import {
   validateUploadFile,
   readFileAsDataUrl,
   getCropperResult,
-  isActivationKey
+  isActivationKey,
+  getImageEditorLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "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 = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(() => getImageEditorLabels(mergedLocale), [mergedLocale]);
   const fileInputRef = useRef(null);
   const cropperRef = useRef(null);
   const [modalVisible, setModalVisible] = useState(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__ */ jsxs(Fragment, { children: [
@@ -135,7 +147,7 @@ var CropUpload = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx("span", { children: "\u9009\u62E9\u56FE\u7247" })
+          /* @__PURE__ */ jsx("span", { children: labels.selectImageText })
         ] })
       }
     ),
@@ -144,16 +156,17 @@ var CropUpload = ({
       {
         open: modalVisible,
         size: "lg",
-        title: modalTitle,
+        width: modalWidth,
+        title: modalTitle ?? labels.cropModalTitle,
         className: "tiger-crop-upload-modal",
         closable: true,
         maskClosable: false,
         onClose: handleCancel,
         footer: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3", children: [
-          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleCancel, children: "\u53D6\u6D88" }),
-          /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, loading: cropping, children: "\u786E\u8BA4\u88C1\u526A" })
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleCancel, children: labels.cropCancelText }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, loading: cropping, children: labels.cropConfirmText })
         ] }),
-        children: imageSrc && /* @__PURE__ */ jsx(ImageCropper, { ref: cropperRef, src: imageSrc, ...cropperProps })
+        children: imageSrc && /* @__PURE__ */ jsx(ImageCropper, { ref: cropperRef, src: imageSrc, locale, ...cropperProps })
       }
     )
   ] });

package/dist/{chunk-IG75YSX3.mjs → chunk-4MONGWU5.mjs}

@@ -1,6 +1,6 @@
 import {
   useControlledState
-} from "./chunk-UQMPEMY7.mjs";
+} from "./chunk-WHYHLUXG.mjs";
 
 // src/components/RadioGroup.tsx
 import React, { useCallback, useMemo, useRef } from "react";
@@ -18,7 +18,7 @@ var RadioGroup = ({
   className,
   ...props
 }) => {
-  const [currentValue, setInternalValue, isControlled] = useControlledState(value, defaultValue);
+  const [currentValue, setValue] = useControlledState(value, defaultValue);
   const generatedNameRef = useRef(
     `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`
   );
@@ -26,12 +26,10 @@ var RadioGroup = ({
   const handleChange = useCallback(
     (newValue) => {
       if (disabled) return;
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
+      setValue(newValue);
       onChange?.(newValue);
     },
-    [disabled, isControlled, setInternalValue, onChange]
+    [disabled, setValue, onChange]
   );
   const handleKeyDown = (event) => {
     if (disabled) return;

package/dist/{chunk-CHBUNQIJ.mjs → chunk-4MREOFVE.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Cascader.tsx
 import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import {
@@ -21,7 +25,9 @@ import {
   getPickerTriggerKeyAction,
   icon20ViewBox,
   chevronDownSolidIcon20PathD,
-  closeSolidIcon20PathD
+  closeSolidIcon20PathD,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CASCADER_KEYS = /* @__PURE__ */ new Set([
@@ -37,7 +43,8 @@ var CASCADER_KEYS = /* @__PURE__ */ new Set([
   "changeOnSelect",
   "separator",
   "notFoundText",
-  "className"
+  "className",
+  "locale"
 ]);
 var EMPTY_CASCADER_VALUE = [];
 var Cascader = (props) => {
@@ -53,9 +60,15 @@ var Cascader = (props) => {
     expandTrigger = "click",
     changeOnSelect = false,
     separator = " / ",
-    notFoundText = "No results found",
-    className
+    notFoundText,
+    className,
+    locale
   } = props;
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
   const divProps = {};
   for (const [k, v] of Object.entries(props)) {
     if (!CASCADER_KEYS.has(k)) divProps[k] = v;
@@ -75,8 +88,8 @@ var Cascader = (props) => {
   const isSearchMode = showSearch && searchQuery.length > 0;
   const flattenedOptions = useMemo(() => {
     if (!showSearch) return [];
-    return flattenCascaderOptions(options);
-  }, [showSearch, options]);
+    return flattenCascaderOptions(options, [], [], changeOnSelect);
+  }, [showSearch, options, changeOnSelect]);
   const searchResults = useMemo(() => {
     if (!isSearchMode) return [];
     return filterCascaderOptions(flattenedOptions, searchQuery, showSearch);
@@ -233,7 +246,7 @@ var Cascader = (props) => {
             {
               type: "text",
               className: cascaderSearchInputClasses,
-              placeholder: "Search...",
+              placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
               value: searchQuery,
               onChange: (e) => setSearchQuery(e.target.value),
               "aria-label": "Search options"
@@ -241,7 +254,11 @@ var Cascader = (props) => {
           ),
           isSearchMode ? (
             // Search results
-            searchResults.length === 0 ? /* @__PURE__ */ jsx("div", { className: cascaderEmptyStateClasses, children: notFoundText }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto", ...getPickerListboxAria({ id: listboxId }), children: searchResults.map((item) => /* @__PURE__ */ jsx(
+            searchResults.length === 0 ? /* @__PURE__ */ jsx("div", { className: cascaderEmptyStateClasses, children: resolveLocaleText(
+              "No results found",
+              notFoundText,
+              mergedLocale?.common?.emptyText
+            ) }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto", ...getPickerListboxAria({ id: listboxId }), children: searchResults.map((item) => /* @__PURE__ */ jsx(
               "div",
               {
                 className: classNames(
@@ -253,7 +270,7 @@ var Cascader = (props) => {
                   disabled: item.disabled
                 }),
                 onClick: () => handleSearchResultClick(item.valuePath, item.disabled),
-                children: item.label
+                children: typeof showSearch === "object" && showSearch.render ? showSearch.render(searchQuery, item.path) : item.label
               },
               item.valuePath.join(",")
             )) })

package/dist/{chunk-EEF26RBA.mjs → chunk-4SU6D2E7.mjs}

@@ -1,5 +1,9 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Badge.tsx
-import React from "react";
+import React, { useMemo } from "react";
 import {
   classNames,
   getBadgeVariantClasses,
@@ -10,11 +14,14 @@ import {
   badgeWrapperClasses,
   badgePositionClasses,
   formatBadgeContent,
-  shouldHideBadge
+  shouldHideBadge,
+  getStatusLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Badge = React.memo(
   ({
+    locale,
     variant = "danger",
     size = "md",
     type = "number",
@@ -28,6 +35,11 @@ var Badge = React.memo(
     ["aria-label"]: ariaLabelProp,
     ...props
   }) => {
+    const config = useTigerConfig();
+    const labels = useMemo(
+      () => getStatusLabels(mergeTigerLocale(config.locale, locale)),
+      [config.locale, locale]
+    );
     const isDot = type === "dot";
     const isHidden = shouldHideBadge(content, type, showZero);
     const displayContent = formatBadgeContent(content, max, showZero);
@@ -39,7 +51,7 @@ var Badge = React.memo(
       !standalone && badgePositionClasses[position],
       className
     );
-    const computedAriaLabel = ariaLabelProp ?? (isDot ? "notification" : type === "number" ? `${displayContent} notifications` : `${displayContent ?? ""}`);
+    const computedAriaLabel = ariaLabelProp ?? (isDot ? labels.badgeLabel : type === "number" ? labels.badgeCountLabel.replace("{count}", String(displayContent)) : `${displayContent ?? ""}`);
     if (isHidden) {
       return standalone ? null : /* @__PURE__ */ jsx(Fragment, { children });
     }

package/dist/{chunk-ZZAR4IDS.js → chunk-4TPRBVW7.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(); } }// src/components/Timeline.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/Timeline.tsx
 var _react = require('react');
 
 
@@ -12,6 +16,8 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Timeline = ({
@@ -24,8 +30,14 @@ var Timeline = ({
   renderItem,
   renderDot: customRenderDot,
   className,
+  locale,
   ...ulProps
 }) => {
+  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 processedItems = _react.useMemo.call(void 0, () => {
     let result = reverse ? [...items].reverse() : [...items];
     if (mode === "alternate") {
@@ -88,9 +100,14 @@ var Timeline = ({
     const itemClasses = _tigercatcore.getTimelineItemClasses.call(void 0, mode, position, true);
     const headClasses = _tigercatcore.getTimelineHeadClasses.call(void 0, mode);
     const contentClasses = _tigercatcore.getTimelineContentClasses.call(void 0, mode, position);
+    const pendingText = _tigercatcore.resolveLocaleText.call(void 0, 
+      "Loading...",
+      _optionalChain([mergedLocale, 'optionalAccess', _ => _.timeline, 'optionalAccess', _2 => _2.pendingText]),
+      _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.common, 'optionalAccess', _4 => _4.loadingText])
+    );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: itemClasses, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: headClasses, children: renderDotElement({}, true) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: contentClasses, children: pendingContent || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.timelineDescriptionClasses, children: "Loading..." }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: contentClasses, children: pendingContent || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.timelineDescriptionClasses, children: pendingText }) })
     ] }, "pending");
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 

package/dist/{chunk-NSEO2B74.mjs → chunk-4V5RL25M.mjs}

@@ -8,7 +8,8 @@ import {
   backTopContainerClasses,
   backTopHiddenClasses,
   backTopVisibleClasses,
-  backTopIconPath
+  backTopIconPath,
+  isBrowser
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
 var DefaultIcon = () => /* @__PURE__ */ jsx(
@@ -24,7 +25,7 @@ var DefaultIcon = () => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: backTopIconPath })
   }
 );
-var getDefaultTarget = () => window;
+var getDefaultTarget = () => isBrowser() ? window : null;
 var BackTop = ({
   visibilityHeight = 400,
   target = getDefaultTarget,
@@ -36,8 +37,10 @@ var BackTop = ({
   ...props
 }) => {
   const [visible, setVisible] = useState(false);
+  const [targetElement, setTargetElement] = useState(null);
   useEffect(() => {
     const el = target();
+    setTargetElement(el);
     if (!el) return;
     const visibilityController = createBackTopVisibilityController({
       target: el,
@@ -49,6 +52,7 @@ var BackTop = ({
     return () => {
       el.removeEventListener("scroll", visibilityController.schedule);
       visibilityController.cancel();
+      setTargetElement(null);
     };
   }, [target, visibilityHeight]);
   const handleClick = useCallback(
@@ -60,14 +64,13 @@ var BackTop = ({
     [target, duration, onClick]
   );
   const buttonClasses = useMemo(() => {
-    const el = target();
-    const positionClasses = !el || el === window ? backTopButtonClasses : backTopContainerClasses;
+    const positionClasses = !targetElement || targetElement === window ? backTopButtonClasses : backTopContainerClasses;
     return classNames(
       positionClasses,
       visible ? backTopVisibleClasses : backTopHiddenClasses,
       className
     );
-  }, [target, visible, className]);
+  }, [targetElement, visible, className]);
   return /* @__PURE__ */ jsx(
     "button",
     {

package/dist/{chunk-TMON4MPO.js → chunk-5ALMTE35.js}

@@ -1,6 +1,9 @@
 "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; }
 
-var _chunkZFMMAYSXjs = require('./chunk-ZFMMAYSX.js');
+var _chunkQLATA4UBjs = require('./chunk-QLATA4UB.js');
+
+
+var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
 
 // src/components/Radio.tsx
 var _react = require('react');
@@ -26,14 +29,13 @@ var Radio = ({
   style,
   ...props
 }) => {
-  const groupContext = _react.useContext.call(void 0, _chunkZFMMAYSXjs.RadioGroupContext);
-  const [internalChecked, setInternalChecked] = _react.useState.call(void 0, defaultChecked);
-  const isCheckedControlled = checked !== void 0;
+  const groupContext = _react.useContext.call(void 0, _chunkQLATA4UBjs.RadioGroupContext);
+  const [checkedState, setChecked] = _chunkL3WPA2RPjs.useControlledState.call(void 0, checked, defaultChecked);
   const isInGroup = !!groupContext;
   const actualSize = size || _optionalChain([groupContext, 'optionalAccess', _ => _.size]) || "md";
   const actualDisabled = disabled !== void 0 ? disabled : _optionalChain([groupContext, 'optionalAccess', _2 => _2.disabled]) || false;
   const actualName = name || _optionalChain([groupContext, 'optionalAccess', _3 => _3.name]) || "";
-  const isChecked = checked !== void 0 ? checked : _optionalChain([groupContext, 'optionalAccess', _4 => _4.value]) !== void 0 ? groupContext.value === value : internalChecked;
+  const isChecked = checked === void 0 && _optionalChain([groupContext, 'optionalAccess', _4 => _4.value]) !== void 0 ? groupContext.value === value : checkedState;
   const radioClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.getRadioVisualClasses.call(void 0, {
       size: actualSize,
@@ -66,8 +68,8 @@ var Radio = ({
     }
     const newChecked = event.target.checked;
     if (!newChecked) return;
-    if (!isCheckedControlled && !isInGroup) {
-      setInternalChecked(true);
+    if (!isInGroup) {
+      setChecked(true);
     }
     _optionalChain([onChange, 'optionalCall', _5 => _5(value)]);
     _optionalChain([groupContext, 'optionalAccess', _6 => _6.onChange, 'optionalCall', _7 => _7(value)]);

package/dist/{chunk-AUW7DCXL.js → chunk-5JYVN65W.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/QRCode.tsx
+"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; }
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/QRCode.tsx
 var _react = require('react');
 var _tigercatcore = require('@expcat/tigercat-core');
 
@@ -17,11 +21,25 @@ var QRCode = ({
   level: _level = "M",
   status = "active",
   onRefresh,
-  className
+  className,
+  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 matrix = _react.useMemo.call(void 0, () => _tigercatcore.generateQRMatrix.call(void 0, value), [value]);
   const moduleSize = _react.useMemo.call(void 0, () => size / matrix.length, [size, matrix.length]);
   const containerClass = _tigercatcore.classNames.call(void 0, _tigercatcore.qrcodeContainerClasses, className);
+  const ariaLabel = _tigercatcore.resolveLocaleText.call(void 0, "QR Code", _optionalChain([mergedLocale, 'optionalAccess', _ => _.qrcode, 'optionalAccess', _2 => _2.ariaLabel]));
+  const expiredText = _tigercatcore.resolveLocaleText.call(void 0, "QR code expired", _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.qrcode, 'optionalAccess', _4 => _4.expiredText]));
+  const refreshText = _tigercatcore.resolveLocaleText.call(void 0, "Refresh", _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.qrcode, 'optionalAccess', _6 => _6.refreshText]));
+  const loadingText = _tigercatcore.resolveLocaleText.call(void 0, 
+    "Loading...",
+    _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.qrcode, 'optionalAccess', _8 => _8.loadingText]),
+    _optionalChain([mergedLocale, 'optionalAccess', _9 => _9.common, 'optionalAccess', _10 => _10.loadingText])
+  );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClass, style: { width: size, height: size }, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "svg",
@@ -31,7 +49,7 @@ var QRCode = ({
         viewBox: `0 0 ${size} ${size}`,
         xmlns: "http://www.w3.org/2000/svg",
         role: "img",
-        "aria-label": "QR Code",
+        "aria-label": ariaLabel,
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: size, height: size, fill: bgColor }),
           matrix.flatMap(
@@ -53,10 +71,10 @@ var QRCode = ({
       }
     ),
     status === "expired" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.qrcodeOverlayClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.qrcodeExpiredTextClasses, children: "QR code expired" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.qrcodeRefreshClasses, onClick: onRefresh, children: "Refresh" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.qrcodeExpiredTextClasses, children: expiredText }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.qrcodeRefreshClasses, onClick: onRefresh, children: refreshText })
     ] }),
-    status === "loading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.qrcodeOverlayClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-gray-500", children: "Loading..." }) })
+    status === "loading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.qrcodeOverlayClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-gray-500", children: loadingText }) })
   ] });
 };
 var QRCode_default = QRCode;