@expcat/tigercat-react 1.0.7 → 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-TC6JLEGZ.js

@@ -0,0 +1,320 @@
+"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 _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var CASCADER_KEYS = /* @__PURE__ */ new Set([
+  "options",
+  "value",
+  "onChange",
+  "placeholder",
+  "size",
+  "disabled",
+  "clearable",
+  "showSearch",
+  "expandTrigger",
+  "changeOnSelect",
+  "separator",
+  "notFoundText",
+  "className"
+]);
+var EMPTY_CASCADER_VALUE = [];
+var Cascader = (props) => {
+  const {
+    options = [],
+    value = EMPTY_CASCADER_VALUE,
+    onChange,
+    placeholder = "Please select",
+    size = "md",
+    disabled = false,
+    clearable = true,
+    showSearch = false,
+    expandTrigger = "click",
+    changeOnSelect = false,
+    separator = " / ",
+    notFoundText = "No results found",
+    className
+  } = props;
+  const divProps = {};
+  for (const [k, v] of Object.entries(props)) {
+    if (!CASCADER_KEYS.has(k)) divProps[k] = v;
+  }
+  const instanceId = _react.useId.call(void 0, );
+  const listboxId = `tiger-cascader-listbox-${instanceId}`;
+  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.call(void 0, () => _tigercatcore.getCascaderColumns.call(void 0, options, activePath), [options, activePath]);
+  const isSearchMode = showSearch && searchQuery.length > 0;
+  const flattenedOptions = _react.useMemo.call(void 0, () => {
+    if (!showSearch) return [];
+    return _tigercatcore.flattenCascaderOptions.call(void 0, options);
+  }, [showSearch, options]);
+  const searchResults = _react.useMemo.call(void 0, () => {
+    if (!isSearchMode) return [];
+    return _tigercatcore.filterCascaderOptions.call(void 0, flattenedOptions, searchQuery, showSearch);
+  }, [isSearchMode, flattenedOptions, searchQuery, showSearch]);
+  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.call(void 0, () => {
+    if (isOpen) {
+      setActivePath(value ? [...value] : []);
+      setSearchQuery("");
+    }
+  }, [isOpen, value]);
+  _react.useEffect.call(void 0, () => {
+    if (!isOpen) return;
+    function handleClick(e) {
+      const target = e.target;
+      if (triggerRef.current && !triggerRef.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
+        setIsOpen(false);
+      }
+    }
+    document.addEventListener("click", handleClick, true);
+    return () => document.removeEventListener("click", handleClick, true);
+  }, [isOpen]);
+  const toggleOpen = _react.useCallback.call(void 0, () => {
+    if (disabled) return;
+    setIsOpen((prev) => !prev);
+  }, [disabled]);
+  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.call(void 0, option);
+      if (!hasChildren) {
+        _optionalChain([onChange, 'optionalCall', _ => _(newPath)]);
+        setIsOpen(false);
+      } else if (changeOnSelect) {
+        _optionalChain([onChange, 'optionalCall', _2 => _2(newPath)]);
+      }
+    },
+    [activePath, onChange, changeOnSelect]
+  );
+  const handleOptionHover = _react.useCallback.call(void 0, 
+    (option, level) => {
+      if (expandTrigger !== "hover" || option.disabled) return;
+      const newPath = activePath.slice(0, level);
+      newPath.push(option.value);
+      setActivePath(newPath);
+    },
+    [expandTrigger, activePath]
+  );
+  const handleSearchResultClick = _react.useCallback.call(void 0, 
+    (valuePath, itemDisabled) => {
+      if (itemDisabled) return;
+      _optionalChain([onChange, 'optionalCall', _3 => _3(valuePath)]);
+      setIsOpen(false);
+    },
+    [onChange]
+  );
+  const handleClear = _react.useCallback.call(void 0, 
+    (e) => {
+      e.stopPropagation();
+      _optionalChain([onChange, 'optionalCall', _4 => _4([])]);
+    },
+    [onChange]
+  );
+  const handleTriggerKeyDown = _react.useCallback.call(void 0, 
+    (e) => {
+      const action = _tigercatcore.getPickerTriggerKeyAction.call(void 0, e.key, isOpen);
+      if (action === "none") return;
+      e.preventDefault();
+      if (action === "toggle") {
+        toggleOpen();
+      } else if (action === "open") {
+        setIsOpen(true);
+      } else if (action === "close") {
+        setIsOpen(false);
+      }
+    },
+    [toggleOpen, isOpen]
+  );
+  const hasValue = value && value.length > 0;
+  const showClearBtn = clearable && hasValue && !disabled;
+  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.call(void 0, { expanded: isOpen, listboxId }),
+        onClick: toggleOpen,
+        onKeyDown: handleTriggerKeyDown,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              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.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.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,
+                    fill: "currentColor",
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.closeSolidIcon20PathD, clipRule: "evenodd" })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "svg",
+              {
+                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,
+                fill: "currentColor",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.chevronDownSolidIcon20PathD, clipRule: "evenodd" })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref: dropdownRef,
+        className: _tigercatcore.classNames.call(void 0, _tigercatcore.cascaderDropdownClasses, isSearchMode && "flex-col"),
+        children: [
+          showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              type: "text",
+              className: _tigercatcore.cascaderSearchInputClasses,
+              placeholder: "Search...",
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              "aria-label": "Search options"
+            }
+          ),
+          isSearchMode ? (
+            // Search results
+            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.call(void 0, 
+                  _tigercatcore.cascaderSearchResultClasses,
+                  item.disabled && "opacity-50 cursor-not-allowed"
+                ),
+                ..._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),
+                children: item.label
+              },
+              item.valuePath.join(",")
+            )) })
+          ) : (
+            // Cascading columns
+            /* @__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.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.call(void 0, option);
+                  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                    "div",
+                    {
+                      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.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.call(void 0, 
+                              "path",
+                              {
+                                fillRule: "evenodd",
+                                d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
+                                clipRule: "evenodd"
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    },
+                    option.value
+                  );
+                })
+              },
+              colIndex
+            )) })
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+
+
+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;

package/dist/chunk-TGKNEMD4.mjs

@@ -1,8 +1,19 @@
-import { useState, useMemo } from 'react';
-import { classNames, tagBaseClasses, getTagVariantClasses, tagSizeClasses, defaultTagThemeColors, tagCloseButtonBaseClasses, icon24StrokeWidth, icon24ViewBox, tagCloseIconPath, icon24PathStrokeLinejoin, icon24PathStrokeLinecap } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Tag.tsx
+import { useMemo, useState } from "react";
+import {
+  classNames,
+  getTagVariantClasses,
+  defaultTagThemeColors,
+  icon24PathStrokeLinecap,
+  icon24PathStrokeLinejoin,
+  icon24StrokeWidth,
+  icon24ViewBox,
+  tagBaseClasses,
+  tagSizeClasses,
+  tagCloseButtonBaseClasses,
+  tagCloseIconPath
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CloseIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -68,4 +79,6 @@ var Tag = ({
   ] });
 };
 
-export { Tag };
+export {
+  Tag
+};