@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-T7KO6EVK.js

@@ -0,0 +1,174 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+// src/components/GaugeChart.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var GaugeChart = ({
+  width = 280,
+  height = 200,
+  padding = 24,
+  value,
+  min = 0,
+  max = 100,
+  startAngle = 135,
+  endAngle = 405,
+  arcWidth = 20,
+  showTicks = true,
+  tickCount = 5,
+  valueFormatter,
+  label,
+  segments,
+  trackColor = "var(--tiger-border,#e5e7eb)",
+  color = "var(--tiger-primary,#2563eb)",
+  gradient = false,
+  title: chartTitle,
+  desc,
+  className
+}) => {
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
+    [width, height, padding]
+  );
+  const radius = _react.useMemo.call(void 0, 
+    () => Math.min(innerRect.width, innerRect.height) / 2 - 4,
+    [innerRect.width, innerRect.height]
+  );
+  const cx = innerRect.width / 2;
+  const cy = innerRect.height / 2;
+  const needleAngle = _react.useMemo.call(void 0, 
+    () => _tigercatcore.valueToGaugeAngle.call(void 0, value, min, max, startAngle, endAngle),
+    [value, min, max, startAngle, endAngle]
+  );
+  const [animatedAngle, setAnimatedAngle] = _react.useState.call(void 0, needleAngle);
+  const prevAngleRef = _react.useRef.call(void 0, needleAngle);
+  _react.useEffect.call(void 0, () => {
+    const from = prevAngleRef.current;
+    const to = needleAngle;
+    prevAngleRef.current = to;
+    if (from === to) return;
+    const ctrl = _tigercatcore.createGaugeAnimation.call(void 0, {
+      from,
+      to,
+      onUpdate: (v) => setAnimatedAngle(v)
+    });
+    return () => ctrl.stop();
+  }, [needleAngle]);
+  const ticks = _react.useMemo.call(void 0, 
+    () => showTicks ? _tigercatcore.computeGaugeTicks.call(void 0, cx, cy, radius, min, max, startAngle, endAngle, tickCount) : [],
+    [showTicks, cx, cy, radius, min, max, startAngle, endAngle, tickCount]
+  );
+  const trackPath = _tigercatcore.createGaugeArcPath.call(void 0, cx, cy, radius, startAngle, endAngle, arcWidth);
+  const valuePath = animatedAngle > startAngle ? _tigercatcore.createGaugeArcPath.call(void 0, cx, cy, radius, startAngle, animatedAngle, arcWidth) : null;
+  const needlePath = _tigercatcore.createGaugeNeedlePath.call(void 0, cx, cy, radius - arcWidth - 6, animatedAngle);
+  const formattedValue = valueFormatter ? valueFormatter(value) : `${value}`;
+  const gradientId = _react.useId.call(void 0, );
+  const gradientPrefix = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "gauge", gradientId),
+    [gradientId]
+  );
+  const valueGradientId = `${gradientPrefix}-value`;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkUKLVOR4Ejs.ChartCanvas,
+    {
+      width,
+      height,
+      padding,
+      title: chartTitle,
+      desc,
+      className: _tigercatcore.classNames.call(void 0, className),
+      children: [
+        gradient && !segments && valuePath && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "linearGradient", { id: valueGradientId, x1: 0, y1: 0, x2: 0, y2: 1, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: color, stopOpacity: 1 }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: color, stopOpacity: 0.55 })
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: trackPath, fill: trackColor, strokeWidth: 0 }),
+        segments ? segments.map((seg, i) => {
+          const sStart = _tigercatcore.valueToGaugeAngle.call(void 0, seg.range[0], min, max, startAngle, endAngle);
+          const sEnd = _tigercatcore.valueToGaugeAngle.call(void 0, seg.range[1], min, max, startAngle, endAngle);
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: _tigercatcore.createGaugeArcPath.call(void 0, cx, cy, radius, sStart, sEnd, arcWidth),
+              fill: seg.color,
+              strokeWidth: 0
+            },
+            `seg-${i}`
+          );
+        }) : valuePath && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: valuePath,
+            fill: gradient ? `url(#${valueGradientId})` : color,
+            strokeWidth: 0
+          }
+        ),
+        ticks.map((tick, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "line",
+            {
+              x1: tick.x1,
+              y1: tick.y1,
+              x2: tick.x2,
+              y2: tick.y2,
+              stroke: "var(--tiger-text-secondary,#6b7280)",
+              strokeWidth: 1
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "text",
+            {
+              x: tick.x2 + (tick.x2 - tick.x1) * 1.5,
+              y: tick.y2 + (tick.y2 - tick.y1) * 1.5,
+              className: _tigercatcore.chartAxisTickTextClasses,
+              textAnchor: "middle",
+              dominantBaseline: "middle",
+              style: { fontSize: "10px" },
+              children: tick.label
+            }
+          )
+        ] }, `tick-${i}`)),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: needlePath, fill: "var(--tiger-text,#374151)" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx, cy, r: 5, fill: "var(--tiger-text,#374151)" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "text",
+          {
+            x: cx,
+            y: cy + radius * 0.35,
+            className: "fill-[color:var(--tiger-text,#374151)] text-lg font-semibold tabular-nums",
+            textAnchor: "middle",
+            dominantBaseline: "middle",
+            children: formattedValue
+          }
+        ),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "text",
+          {
+            x: cx,
+            y: cy + radius * 0.35 + 20,
+            className: _tigercatcore.chartAxisTickTextClasses,
+            textAnchor: "middle",
+            dominantBaseline: "middle",
+            children: label
+          }
+        )
+      ]
+    }
+  );
+};
+
+
+
+exports.GaugeChart = GaugeChart;

package/dist/chunk-TB2UHDOZ.js

@@ -1,9 +1,9 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Footer.tsx
 
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Footer.tsx
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Footer = ({
   className,
   height = "auto",
@@ -11,9 +11,11 @@ var Footer = ({
   children,
   ...props
 }) => {
-  const footerClasses = tigercatCore.classNames(tigercatCore.layoutFooterClasses, className);
+  const footerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.layoutFooterClasses, className);
   const footerStyle = { ...style, height };
-  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClasses, style: footerStyle, ...props, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "footer", { className: footerClasses, style: footerStyle, ...props, children });
 };
 
+
+
 exports.Footer = Footer;

package/dist/{chunk-3RRYDYVB.js → chunk-TC6JLEGZ.js}

@@ -1,10 +1,29 @@
-'use strict';
+"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/components/Cascader.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Cascader.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var CASCADER_KEYS = /* @__PURE__ */ new Set([
   "options",
   "value",
@@ -20,10 +39,11 @@ var CASCADER_KEYS = /* @__PURE__ */ new Set([
   "notFoundText",
   "className"
 ]);
+var EMPTY_CASCADER_VALUE = [];
 var Cascader = (props) => {
   const {
     options = [],
-    value = [],
+    value = EMPTY_CASCADER_VALUE,
     onChange,
     placeholder = "Please select",
     size = "md",
@@ -40,38 +60,38 @@ var Cascader = (props) => {
   for (const [k, v] of Object.entries(props)) {
     if (!CASCADER_KEYS.has(k)) divProps[k] = v;
   }
-  const instanceId = react.useId();
+  const instanceId = _react.useId.call(void 0, );
   const listboxId = `tiger-cascader-listbox-${instanceId}`;
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [searchQuery, setSearchQuery] = react.useState("");
-  const [activePath, setActivePath] = react.useState([]);
-  const triggerRef = react.useRef(null);
-  const dropdownRef = react.useRef(null);
-  const displayLabel = react.useMemo(
-    () => tigercatCore.getCascaderDisplayLabel(options, value, separator),
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
+  const [searchQuery, setSearchQuery] = _react.useState.call(void 0, "");
+  const [activePath, setActivePath] = _react.useState.call(void 0, []);
+  const triggerRef = _react.useRef.call(void 0, null);
+  const dropdownRef = _react.useRef.call(void 0, null);
+  const displayLabel = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getCascaderDisplayLabel.call(void 0, options, value, separator),
     [options, value, separator]
   );
-  const columns = react.useMemo(() => tigercatCore.getCascaderColumns(options, activePath), [options, activePath]);
+  const columns = _react.useMemo.call(void 0, () => _tigercatcore.getCascaderColumns.call(void 0, options, activePath), [options, activePath]);
   const isSearchMode = showSearch && searchQuery.length > 0;
-  const flattenedOptions = react.useMemo(() => {
+  const flattenedOptions = _react.useMemo.call(void 0, () => {
     if (!showSearch) return [];
-    return tigercatCore.flattenCascaderOptions(options);
+    return _tigercatcore.flattenCascaderOptions.call(void 0, options);
   }, [showSearch, options]);
-  const searchResults = react.useMemo(() => {
+  const searchResults = _react.useMemo.call(void 0, () => {
     if (!isSearchMode) return [];
-    return tigercatCore.filterCascaderOptions(flattenedOptions, searchQuery, showSearch);
+    return _tigercatcore.filterCascaderOptions.call(void 0, flattenedOptions, searchQuery, showSearch);
   }, [isSearchMode, flattenedOptions, searchQuery, showSearch]);
-  const triggerClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getCascaderTriggerClasses(size, disabled, isOpen), className),
+  const triggerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getCascaderTriggerClasses.call(void 0, size, disabled, isOpen), className),
     [size, disabled, isOpen, className]
   );
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (isOpen) {
       setActivePath(value ? [...value] : []);
       setSearchQuery("");
     }
-  }, [isOpen]);
-  react.useEffect(() => {
+  }, [isOpen, value]);
+  _react.useEffect.call(void 0, () => {
     if (!isOpen) return;
     function handleClick(e) {
       const target = e.target;
@@ -82,27 +102,27 @@ var Cascader = (props) => {
     document.addEventListener("click", handleClick, true);
     return () => document.removeEventListener("click", handleClick, true);
   }, [isOpen]);
-  const toggleOpen = react.useCallback(() => {
+  const toggleOpen = _react.useCallback.call(void 0, () => {
     if (disabled) return;
     setIsOpen((prev) => !prev);
   }, [disabled]);
-  const handleOptionClick = react.useCallback(
+  const handleOptionClick = _react.useCallback.call(void 0, 
     (option, level) => {
       if (option.disabled) return;
       const newPath = activePath.slice(0, level);
       newPath.push(option.value);
       setActivePath(newPath);
-      const hasChildren = tigercatCore.isCascaderOptionExpandable(option);
+      const hasChildren = _tigercatcore.isCascaderOptionExpandable.call(void 0, option);
       if (!hasChildren) {
-        onChange?.(newPath);
+        _optionalChain([onChange, 'optionalCall', _ => _(newPath)]);
         setIsOpen(false);
       } else if (changeOnSelect) {
-        onChange?.(newPath);
+        _optionalChain([onChange, 'optionalCall', _2 => _2(newPath)]);
       }
     },
     [activePath, onChange, changeOnSelect]
   );
-  const handleOptionHover = react.useCallback(
+  const handleOptionHover = _react.useCallback.call(void 0, 
     (option, level) => {
       if (expandTrigger !== "hover" || option.disabled) return;
       const newPath = activePath.slice(0, level);
@@ -111,24 +131,24 @@ var Cascader = (props) => {
     },
     [expandTrigger, activePath]
   );
-  const handleSearchResultClick = react.useCallback(
+  const handleSearchResultClick = _react.useCallback.call(void 0, 
     (valuePath, itemDisabled) => {
       if (itemDisabled) return;
-      onChange?.(valuePath);
+      _optionalChain([onChange, 'optionalCall', _3 => _3(valuePath)]);
       setIsOpen(false);
     },
     [onChange]
   );
-  const handleClear = react.useCallback(
+  const handleClear = _react.useCallback.call(void 0, 
     (e) => {
       e.stopPropagation();
-      onChange?.([]);
+      _optionalChain([onChange, 'optionalCall', _4 => _4([])]);
     },
     [onChange]
   );
-  const handleTriggerKeyDown = react.useCallback(
+  const handleTriggerKeyDown = _react.useCallback.call(void 0, 
     (e) => {
-      const action = tigercatCore.getPickerTriggerKeyAction(e.key, isOpen);
+      const action = _tigercatcore.getPickerTriggerKeyAction.call(void 0, e.key, isOpen);
       if (action === "none") return;
       e.preventDefault();
       if (action === "toggle") {
@@ -143,76 +163,76 @@ var Cascader = (props) => {
   );
   const hasValue = value && value.length > 0;
   const showClearBtn = clearable && hasValue && !disabled;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.cascaderBaseClasses, "data-testid": "cascader", ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.cascaderBaseClasses, "data-testid": "cascader", ...divProps, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "button",
       {
         ref: triggerRef,
         type: "button",
         className: triggerClasses,
         disabled,
-        ...tigercatCore.getPickerComboboxAria({ expanded: isOpen, listboxId }),
+        ..._tigercatcore.getPickerComboboxAria.call(void 0, { expanded: isOpen, listboxId }),
         onClick: toggleOpen,
         onKeyDown: handleTriggerKeyDown,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
-              className: tigercatCore.classNames(
+              className: _tigercatcore.classNames.call(void 0, 
                 "flex-1 text-left truncate",
                 !hasValue && "text-[var(--tiger-cascader-placeholder,var(--tiger-text-muted,#9ca3af))]"
               ),
               children: hasValue ? displayLabel : placeholder
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
-            showClearBtn && /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-1", children: [
+            showClearBtn && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "span",
               {
                 className: "flex items-center",
                 role: "button",
                 "aria-label": "Clear selection",
                 onClick: handleClear,
-                children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "svg",
                   {
                     className: "w-4 h-4 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-cascader-icon-hover,var(--tiger-text-muted,#6b7280))]",
                     xmlns: "http://www.w3.org/2000/svg",
-                    viewBox: tigercatCore.icon20ViewBox,
+                    viewBox: _tigercatcore.icon20ViewBox,
                     fill: "currentColor",
-                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: tigercatCore.closeSolidIcon20PathD, clipRule: "evenodd" })
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.closeSolidIcon20PathD, clipRule: "evenodd" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "svg",
               {
-                className: tigercatCore.classNames(
+                className: _tigercatcore.classNames.call(void 0, 
                   "w-5 h-5 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] transition-transform",
                   isOpen && "rotate-180"
                 ),
                 xmlns: "http://www.w3.org/2000/svg",
-                viewBox: tigercatCore.icon20ViewBox,
+                viewBox: _tigercatcore.icon20ViewBox,
                 fill: "currentColor",
-                children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: tigercatCore.chevronDownSolidIcon20PathD, clipRule: "evenodd" })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.chevronDownSolidIcon20PathD, clipRule: "evenodd" })
               }
             )
           ] })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
+    isOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
         ref: dropdownRef,
-        className: tigercatCore.classNames(tigercatCore.cascaderDropdownClasses, isSearchMode && "flex-col"),
+        className: _tigercatcore.classNames.call(void 0, _tigercatcore.cascaderDropdownClasses, isSearchMode && "flex-col"),
         children: [
-          showSearch && /* @__PURE__ */ jsxRuntime.jsx(
+          showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "input",
             {
               type: "text",
-              className: tigercatCore.cascaderSearchInputClasses,
+              className: _tigercatcore.cascaderSearchInputClasses,
               placeholder: "Search...",
               value: searchQuery,
               onChange: (e) => setSearchQuery(e.target.value),
@@ -221,15 +241,15 @@ var Cascader = (props) => {
           ),
           isSearchMode ? (
             // Search results
-            searchResults.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.cascaderEmptyStateClasses, children: notFoundText }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-auto", ...tigercatCore.getPickerListboxAria({ id: listboxId }), children: searchResults.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+            searchResults.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.cascaderEmptyStateClasses, children: notFoundText }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-64 overflow-auto", ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId }), children: searchResults.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
-                className: tigercatCore.classNames(
-                  tigercatCore.cascaderSearchResultClasses,
+                className: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.cascaderSearchResultClasses,
                   item.disabled && "opacity-50 cursor-not-allowed"
                 ),
-                ...tigercatCore.getPickerOptionAria({
-                  selected: value?.join(",") === item.valuePath.join(","),
+                ..._tigercatcore.getPickerOptionAria.call(void 0, {
+                  selected: _optionalChain([value, 'optionalAccess', _5 => _5.join, 'call', _6 => _6(",")]) === item.valuePath.join(","),
                   disabled: item.disabled
                 }),
                 onClick: () => handleSearchResultClick(item.valuePath, item.disabled),
@@ -239,38 +259,38 @@ var Cascader = (props) => {
             )) })
           ) : (
             // Cascading columns
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex", children: columns.map((col, colIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex", children: columns.map((col, colIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
-                className: tigercatCore.cascaderColumnClasses,
-                ...tigercatCore.getPickerListboxAria({
+                className: _tigercatcore.cascaderColumnClasses,
+                ..._tigercatcore.getPickerListboxAria.call(void 0, {
                   id: colIndex === 0 ? listboxId : void 0,
                   label: `Level ${colIndex + 1}`
                 }),
                 "aria-label": `Level ${colIndex + 1}`,
                 children: col.options.map((option) => {
                   const isSelected = col.selectedValue === option.value;
-                  const hasChildren = tigercatCore.isCascaderOptionExpandable(option);
-                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                  const hasChildren = _tigercatcore.isCascaderOptionExpandable.call(void 0, option);
+                  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                     "div",
                     {
-                      className: tigercatCore.getCascaderOptionClasses(isSelected, !!option.disabled, size),
-                      ...tigercatCore.getPickerOptionAria({
+                      className: _tigercatcore.getCascaderOptionClasses.call(void 0, isSelected, !!option.disabled, size),
+                      ..._tigercatcore.getPickerOptionAria.call(void 0, {
                         selected: isSelected,
                         disabled: !!option.disabled
                       }),
                       onClick: () => handleOptionClick(option, colIndex),
                       onMouseEnter: () => handleOptionHover(option, colIndex),
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: option.label }),
-                        hasChildren && /* @__PURE__ */ jsxRuntime.jsx(
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 truncate", children: option.label }),
+                        hasChildren && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                           "svg",
                           {
                             className: "w-4 h-4 text-[var(--tiger-text-muted,#9ca3af)]",
                             xmlns: "http://www.w3.org/2000/svg",
                             viewBox: "0 0 20 20",
                             fill: "currentColor",
-                            children: /* @__PURE__ */ jsxRuntime.jsx(
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                               "path",
                               {
                                 fillRule: "evenodd",
@@ -295,4 +315,6 @@ var Cascader = (props) => {
   ] });
 };
 
+
+
 exports.Cascader = Cascader;

package/dist/chunk-TDODFBBO.js

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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/ConfigProvider.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var TigerConfigContext = _react2.default.createContext({});
+var ConfigProvider = ({
+  locale,
+  direction,
+  theme,
+  colorScheme,
+  children
+}) => {
+  const parent = _react.useContext.call(void 0, TigerConfigContext);
+  const isLazy = _tigercatcore.isLazyTigerLocale.call(void 0, locale);
+  const immediateLocale = isLazy ? void 0 : _tigercatcore.getImmediateTigerLocale.call(void 0, locale);
+  const [resolvedLocale, setResolvedLocale] = _react.useState.call(void 0, 
+    immediateLocale
+  );
+  const [localeLoading, setLocaleLoading] = _react.useState.call(void 0, isLazy);
+  _react.useEffect.call(void 0, () => {
+    if (!_tigercatcore.isLazyTigerLocale.call(void 0, locale)) {
+      setResolvedLocale(_tigercatcore.getImmediateTigerLocale.call(void 0, locale));
+      setLocaleLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLocaleLoading(true);
+    _tigercatcore.resolveTigerLocale.call(void 0, locale).then(
+      (result) => {
+        if (!cancelled) {
+          setResolvedLocale(result);
+          setLocaleLoading(false);
+        }
+      },
+      () => {
+        if (!cancelled) {
+          setLocaleLoading(false);
+        }
+      }
+    );
+    return () => {
+      cancelled = true;
+    };
+  }, [locale]);
+  const value = _react.useMemo.call(void 0, () => {
+    return {
+      locale: _tigercatcore.mergeTigerLocale.call(void 0, parent.locale, resolvedLocale),
+      localeLoading: localeLoading || parent.localeLoading,
+      direction: _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(direction, () => ( _optionalChain([resolvedLocale, 'optionalAccess', _ => _.direction]))), () => ( parent.direction)), () => ( (_optionalChain([resolvedLocale, 'optionalAccess', _2 => _2.locale]) ? _tigercatcore.getLocaleDirection.call(void 0, resolvedLocale) : void 0))),
+      theme: _nullishCoalesce(theme, () => ( parent.theme)),
+      colorScheme: _nullishCoalesce(colorScheme, () => ( parent.colorScheme))
+    };
+  }, [
+    parent.locale,
+    resolvedLocale,
+    localeLoading,
+    parent.localeLoading,
+    direction,
+    parent.direction,
+    theme,
+    parent.theme,
+    colorScheme,
+    parent.colorScheme
+  ]);
+  _react.useEffect.call(void 0, () => {
+    if (value.theme) _tigercatcore.ThemeManager.setTheme(value.theme);
+  }, [value.theme]);
+  _react.useEffect.call(void 0, () => {
+    if (value.colorScheme) _tigercatcore.ThemeManager.setColorScheme(value.colorScheme);
+  }, [value.colorScheme]);
+  _react.useEffect.call(void 0, () => {
+    if (!value.direction || typeof document === "undefined") return;
+    const root = document.documentElement;
+    const previousDir = root.getAttribute("dir");
+    const previousDataDir = root.getAttribute("data-tiger-dir");
+    root.setAttribute("dir", value.direction);
+    root.setAttribute("data-tiger-dir", value.direction);
+    return () => {
+      if (previousDir === null) root.removeAttribute("dir");
+      else root.setAttribute("dir", previousDir);
+      if (previousDataDir === null) root.removeAttribute("data-tiger-dir");
+      else root.setAttribute("data-tiger-dir", previousDataDir);
+    };
+  }, [value.direction]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TigerConfigContext.Provider, { value, children });
+};
+function useTigerConfig() {
+  return _react.useContext.call(void 0, TigerConfigContext);
+}
+
+
+
+
+exports.ConfigProvider = ConfigProvider; exports.useTigerConfig = useTigerConfig;