@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/{chunk-V3P4ZAGL.mjs → chunk-PXO2F2CS.mjs}

@@ -1,8 +1,16 @@
-import { useState, useMemo } from 'react';
-import { starViewBox, starPathD, classNames, rateInactiveColor, rateHoverColor, rateActiveColor, getRateStarClasses, rateBaseClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
 // src/components/Rate.tsx
+import { useState, useMemo, useCallback } from "react";
+import {
+  rateBaseClasses,
+  getRateStarClasses,
+  rateActiveColor,
+  rateInactiveColor,
+  rateHoverColor,
+  starPathD,
+  starViewBox,
+  classNames
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Rate = ({
   value = 0,
   count = 5,
@@ -18,34 +26,40 @@ var Rate = ({
   const [hoverValue, setHoverValue] = useState(0);
   const displayValue = hoverValue > 0 ? hoverValue : value;
   const isChar = !!character;
-  function getStarValue(index, isHalf) {
+  const getStarValue = useCallback((index, isHalf) => {
     return isHalf ? index + 0.5 : index + 1;
-  }
-  function handleClick(index, e) {
-    if (disabled) return;
-    const el = e.currentTarget;
-    const rect = el.getBoundingClientRect();
-    const half = allowHalf && e.clientX - rect.left < rect.width / 2;
-    const val = getStarValue(index, half);
-    const newVal = allowClear && val === value ? 0 : val;
-    onChange?.(newVal);
-  }
-  function handleMouseMove(index, e) {
-    if (disabled) return;
-    const el = e.currentTarget;
-    const rect = el.getBoundingClientRect();
-    const half = allowHalf && e.clientX - rect.left < rect.width / 2;
-    const val = getStarValue(index, half);
-    if (val !== hoverValue) {
-      setHoverValue(val);
-      onHoverChange?.(val);
-    }
-  }
-  function handleMouseLeave() {
+  }, []);
+  const handleClick = useCallback(
+    (index, e) => {
+      if (disabled) return;
+      const el = e.currentTarget;
+      const rect = el.getBoundingClientRect();
+      const half = allowHalf && e.clientX - rect.left < rect.width / 2;
+      const val = getStarValue(index, half);
+      const newVal = allowClear && val === value ? 0 : val;
+      onChange?.(newVal);
+    },
+    [disabled, allowHalf, getStarValue, allowClear, value, onChange]
+  );
+  const handleMouseMove = useCallback(
+    (index, e) => {
+      if (disabled) return;
+      const el = e.currentTarget;
+      const rect = el.getBoundingClientRect();
+      const half = allowHalf && e.clientX - rect.left < rect.width / 2;
+      const val = getStarValue(index, half);
+      if (val !== hoverValue) {
+        setHoverValue(val);
+        onHoverChange?.(val);
+      }
+    },
+    [disabled, allowHalf, getStarValue, hoverValue, onHoverChange]
+  );
+  const handleMouseLeave = useCallback(() => {
     if (disabled) return;
     setHoverValue(0);
     onHoverChange?.(0);
-  }
+  }, [disabled, onHoverChange]);
   const starIcon = useMemo(
     () => /* @__PURE__ */ jsx("svg", { viewBox: starViewBox, fill: "currentColor", className: "w-full h-full", children: /* @__PURE__ */ jsx("path", { d: starPathD }) }),
     []
@@ -98,13 +112,14 @@ var Rate = ({
     size,
     character,
     isChar,
-    value,
-    allowClear,
-    onChange,
-    onHoverChange,
-    starIcon
+    starIcon,
+    handleClick,
+    handleMouseMove,
+    handleMouseLeave
   ]);
   return /* @__PURE__ */ jsx("div", { className: classNames(rateBaseClasses, className), role: "radiogroup", "aria-label": "Rating", children: stars });
 };
 
-export { Rate };
+export {
+  Rate
+};

package/dist/chunk-Q2GPRAF4.js

@@ -1,13 +1,15 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Collapse.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Collapse.tsx
-var CollapseContext = react.createContext(null);
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var CollapseContext = _react.createContext.call(void 0, null);
 function useCollapseContext() {
-  return react.useContext(CollapseContext);
+  return _react.useContext.call(void 0, CollapseContext);
 }
 var Collapse = ({
   activeKey: controlledActiveKey,
@@ -21,15 +23,15 @@ var Collapse = ({
   onChange,
   children
 }) => {
-  const [internalActiveKeys, setInternalActiveKeys] = react.useState(
-    tigercatCore.normalizeActiveKeys(defaultActiveKey)
+  const [internalActiveKeys, setInternalActiveKeys] = _react.useState.call(void 0, 
+    _tigercatcore.normalizeActiveKeys.call(void 0, defaultActiveKey)
   );
-  const activeKeys = react.useMemo(() => {
-    return controlledActiveKey !== void 0 ? tigercatCore.normalizeActiveKeys(controlledActiveKey) : internalActiveKeys;
+  const activeKeys = _react.useMemo.call(void 0, () => {
+    return controlledActiveKey !== void 0 ? _tigercatcore.normalizeActiveKeys.call(void 0, controlledActiveKey) : internalActiveKeys;
   }, [controlledActiveKey, internalActiveKeys]);
-  const handlePanelClick = react.useCallback(
+  const handlePanelClick = _react.useCallback.call(void 0, 
     (key) => {
-      const newKeys = tigercatCore.togglePanelKey(key, activeKeys, accordion);
+      const newKeys = _tigercatcore.togglePanelKey.call(void 0, key, activeKeys, accordion);
       if (controlledActiveKey === void 0) {
         setInternalActiveKeys(newKeys);
       }
@@ -43,10 +45,10 @@ var Collapse = ({
     },
     [activeKeys, accordion, controlledActiveKey, onChange]
   );
-  const containerClasses = react.useMemo(() => {
-    return tigercatCore.classNames(tigercatCore.getCollapseContainerClasses(bordered, ghost, className));
+  const containerClasses = _react.useMemo.call(void 0, () => {
+    return _tigercatcore.classNames.call(void 0, _tigercatcore.getCollapseContainerClasses.call(void 0, bordered, ghost, className));
   }, [bordered, ghost, className]);
-  const contextValue = react.useMemo(
+  const contextValue = _react.useMemo.call(void 0, 
     () => ({
       activeKeys,
       accordion,
@@ -57,10 +59,12 @@ var Collapse = ({
     }),
     [activeKeys, accordion, expandIconPosition, bordered, ghost, handlePanelClick]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(CollapseContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClasses, style, role: "region", children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CollapseContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: containerClasses, style, role: "region", children }) });
 };
 var Collapse_default = Collapse;
 
-exports.Collapse = Collapse;
-exports.Collapse_default = Collapse_default;
-exports.useCollapseContext = useCollapseContext;
+
+
+
+
+exports.useCollapseContext = useCollapseContext; exports.Collapse = Collapse; exports.Collapse_default = Collapse_default;

package/dist/chunk-Q4JMAQXJ.js

@@ -1,10 +1,13 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/PrintLayout.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/PrintLayout.tsx
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var PrintLayout = ({
   pageSize = "A4",
   orientation = "portrait",
@@ -18,24 +21,26 @@ var PrintLayout = ({
   children,
   ...rest
 }) => {
-  const classes = react.useMemo(
-    () => tigercatCore.getPrintLayoutClasses(pageSize, orientation, className),
+  const classes = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getPrintLayoutClasses.call(void 0, pageSize, orientation, className),
     [pageSize, orientation, className]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rest, className: classes, children: [
-    showHeader && (headerRender || headerText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.printLayoutHeaderClasses, children: headerRender || headerText }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tiger-print-content", children }),
-    showFooter && (footerRender || footerText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.printLayoutFooterClasses, children: footerRender || footerText })
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...rest, className: classes, children: [
+    showHeader && (headerRender || headerText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.printLayoutHeaderClasses, children: headerRender || headerText }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tiger-print-content", children }),
+    showFooter && (footerRender || footerText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.printLayoutFooterClasses, children: footerRender || footerText })
   ] });
 };
-var PrintPageBreak = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+var PrintPageBreak = (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "div",
   {
     ...props,
-    className: tigercatCore.classNames(tigercatCore.printLayoutPageBreakClasses, "print:break-before-page"),
+    className: _tigercatcore.classNames.call(void 0, _tigercatcore.printLayoutPageBreakClasses, "print:break-before-page"),
     "aria-hidden": "true"
   }
 );
 
-exports.PrintLayout = PrintLayout;
-exports.PrintPageBreak = PrintPageBreak;
+
+
+
+exports.PrintLayout = PrintLayout; exports.PrintPageBreak = PrintPageBreak;

package/dist/chunk-QAIBQHIO.mjs

@@ -0,0 +1,101 @@
+// src/components/ConfigProvider.tsx
+import React, { useContext, useEffect, useMemo, useState } from "react";
+import {
+  mergeTigerLocale,
+  isLazyTigerLocale,
+  getImmediateTigerLocale,
+  resolveTigerLocale,
+  getLocaleDirection,
+  ThemeManager
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
+var TigerConfigContext = React.createContext({});
+var ConfigProvider = ({
+  locale,
+  direction,
+  theme,
+  colorScheme,
+  children
+}) => {
+  const parent = useContext(TigerConfigContext);
+  const isLazy = isLazyTigerLocale(locale);
+  const immediateLocale = isLazy ? void 0 : getImmediateTigerLocale(locale);
+  const [resolvedLocale, setResolvedLocale] = useState(
+    immediateLocale
+  );
+  const [localeLoading, setLocaleLoading] = useState(isLazy);
+  useEffect(() => {
+    if (!isLazyTigerLocale(locale)) {
+      setResolvedLocale(getImmediateTigerLocale(locale));
+      setLocaleLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLocaleLoading(true);
+    resolveTigerLocale(locale).then(
+      (result) => {
+        if (!cancelled) {
+          setResolvedLocale(result);
+          setLocaleLoading(false);
+        }
+      },
+      () => {
+        if (!cancelled) {
+          setLocaleLoading(false);
+        }
+      }
+    );
+    return () => {
+      cancelled = true;
+    };
+  }, [locale]);
+  const value = useMemo(() => {
+    return {
+      locale: mergeTigerLocale(parent.locale, resolvedLocale),
+      localeLoading: localeLoading || parent.localeLoading,
+      direction: direction ?? resolvedLocale?.direction ?? parent.direction ?? (resolvedLocale?.locale ? getLocaleDirection(resolvedLocale) : void 0),
+      theme: theme ?? parent.theme,
+      colorScheme: colorScheme ?? parent.colorScheme
+    };
+  }, [
+    parent.locale,
+    resolvedLocale,
+    localeLoading,
+    parent.localeLoading,
+    direction,
+    parent.direction,
+    theme,
+    parent.theme,
+    colorScheme,
+    parent.colorScheme
+  ]);
+  useEffect(() => {
+    if (value.theme) ThemeManager.setTheme(value.theme);
+  }, [value.theme]);
+  useEffect(() => {
+    if (value.colorScheme) ThemeManager.setColorScheme(value.colorScheme);
+  }, [value.colorScheme]);
+  useEffect(() => {
+    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__ */ jsx(TigerConfigContext.Provider, { value, children });
+};
+function useTigerConfig() {
+  return useContext(TigerConfigContext);
+}
+
+export {
+  ConfigProvider,
+  useTigerConfig
+};

package/dist/chunk-QIKR5EFI.js

@@ -0,0 +1,230 @@
+"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 _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
+
+
+var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+
+
+var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+// src/components/FunnelChart.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var FunnelChart = ({
+  width = 320,
+  height = 300,
+  padding = 24,
+  data,
+  direction: _direction = "vertical",
+  gap = 2,
+  pinch = false,
+  colors,
+  gradient = false,
+  hoverable = false,
+  hoveredIndex: hoveredIndexProp,
+  activeOpacity = 1,
+  inactiveOpacity = 0.25,
+  selectable = false,
+  selectedIndex: selectedIndexProp,
+  showLegend = false,
+  legendPosition = "bottom",
+  legendMarkerSize = 10,
+  legendGap = 8,
+  showTooltip = true,
+  tooltipFormatter,
+  title,
+  desc,
+  className,
+  onHoveredIndexChange,
+  onSelectedIndexChange,
+  onSegmentClick,
+  onSegmentHover
+}) => {
+  const {
+    tooltipPosition,
+    resolvedHoveredIndex,
+    activeIndex,
+    handleMouseEnter,
+    handleMouseMove,
+    handleMouseLeave,
+    handleClick,
+    handleKeyDown,
+    handleLegendClick,
+    handleLegendHover,
+    handleLegendLeave,
+    wrapperClasses
+  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
+    hoverable,
+    hoveredIndexProp,
+    selectable,
+    selectedIndexProp,
+    activeOpacity,
+    inactiveOpacity,
+    legendPosition,
+    getData: (index) => data[index],
+    onHoveredIndexChange: (index) => {
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
+      _optionalChain([onSegmentHover, 'optionalCall', _2 => _2(index, index !== null ? data[index] : null)]);
+    },
+    onSelectedIndexChange,
+    callbacks: { onClick: onSegmentClick }
+  });
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
+    [width, height, padding]
+  );
+  const palette = _react.useMemo.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, colors), [colors]);
+  const segments = _react.useMemo.call(void 0, 
+    () => _tigercatcore.computeFunnelSegments.call(void 0, data, {
+      width: innerRect.width,
+      height: innerRect.height,
+      gap,
+      pinch,
+      colors: palette
+    }),
+    [data, innerRect.width, innerRect.height, gap, pinch, palette]
+  );
+  const total = _react.useMemo.call(void 0, () => data.reduce((s, d) => s + d.value, 0), [data]);
+  const gradientId = _react.useId.call(void 0, );
+  const gradientPrefix = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "funnel", gradientId),
+    [gradientId]
+  );
+  const legendItems = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildChartLegendItems.call(void 0, {
+      data,
+      palette,
+      activeIndex,
+      getLabel: (d, i) => _nullishCoalesce(d.label, () => ( `Stage ${i + 1}`)),
+      getColor: (d, i) => _nullishCoalesce(d.color, () => ( palette[i % palette.length]))
+    }),
+    [data, palette, activeIndex]
+  );
+  const tooltipContent = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex, data, tooltipFormatter, (datum, index) => {
+      const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
+      const label = _nullishCoalesce(datum.label, () => ( `Stage ${index + 1}`));
+      return `${label}: ${datum.value} (${pct}%)`;
+    }),
+    [resolvedHoveredIndex, data, tooltipFormatter, total]
+  );
+  const interactive = hoverable || selectable;
+  const chart = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkUKLVOR4Ejs.ChartCanvas,
+    {
+      width,
+      height,
+      padding,
+      title,
+      desc,
+      className: _tigercatcore.classNames.call(void 0, className),
+      children: [
+        gradient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: segments.map((seg) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "linearGradient",
+          {
+            id: `${gradientPrefix}-${seg.index}`,
+            x1: 0,
+            y1: 0,
+            x2: 0,
+            y2: 1,
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: seg.color, stopOpacity: 1 }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: seg.color, stopOpacity: 0.55 })
+            ]
+          },
+          `grad-${seg.index}`
+        )) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { "data-series-type": "funnel", children: segments.map((seg) => {
+          const opacity = _tigercatcore.getChartElementOpacity.call(void 0, seg.index, activeIndex, {
+            activeOpacity,
+            inactiveOpacity
+          });
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: seg.path,
+              fill: gradient ? `url(#${gradientPrefix}-${seg.index})` : seg.color,
+              opacity,
+              className: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
+              style: {
+                transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)"
+              },
+              tabIndex: selectable ? 0 : void 0,
+              role: selectable ? "button" : "img",
+              "aria-label": seg.label,
+              onMouseEnter: (e) => handleMouseEnter(seg.index, e),
+              onMouseMove: handleMouseMove,
+              onMouseLeave: handleMouseLeave,
+              onClick: () => handleClick(seg.index),
+              onKeyDown: (e) => handleKeyDown(e, seg.index)
+            },
+            `seg-${seg.index}`
+          );
+        }) }),
+        segments.map((seg) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "text",
+          {
+            x: seg.cx,
+            y: seg.cy,
+            className: _tigercatcore.chartAxisTickTextClasses,
+            textAnchor: "middle",
+            dominantBaseline: "middle",
+            children: seg.label
+          },
+          `label-${seg.index}`
+        ))
+      ]
+    }
+  );
+  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUVMQJOTXjs.ChartTooltip,
+    {
+      content: tooltipContent,
+      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
+      x: tooltipPosition.x,
+      y: tooltipPosition.y
+    }
+  ) : null;
+  if (!showLegend) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
+      chart,
+      tooltip
+    ] });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
+    chart,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWV5XHYW6js.ChartLegend,
+      {
+        items: legendItems,
+        position: legendPosition,
+        markerSize: legendMarkerSize,
+        gap: legendGap,
+        interactive,
+        onItemClick: handleLegendClick,
+        onItemHover: handleLegendHover,
+        onItemLeave: handleLegendLeave
+      }
+    ),
+    tooltip
+  ] });
+};
+
+
+
+exports.FunnelChart = FunnelChart;

package/dist/chunk-QIXQYLH5.js

@@ -1,15 +1,11 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/Divider.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/Divider.tsx
-var Divider = React__default.default.memo(
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Divider = _react2.default.memo(
   ({
     orientation = "horizontal",
     lineStyle = "solid",
@@ -19,15 +15,15 @@ var Divider = React__default.default.memo(
     className,
     ...props
   }) => {
-    const classes = React.useMemo(() => {
-      const base = tigercatCore.getDividerClasses(orientation, lineStyle, spacing);
+    const classes = _react.useMemo.call(void 0, () => {
+      const base = _tigercatcore.getDividerClasses.call(void 0, orientation, lineStyle, spacing);
       return className ? `${base} ${className}` : base;
     }, [orientation, lineStyle, spacing, className]);
-    const style = React.useMemo(
-      () => tigercatCore.getDividerStyle(orientation, color, thickness),
+    const style = _react.useMemo.call(void 0, 
+      () => _tigercatcore.getDividerStyle.call(void 0, orientation, color, thickness),
       [color, thickness, orientation]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         ...props,
@@ -41,4 +37,6 @@ var Divider = React__default.default.memo(
 );
 Divider.displayName = "Divider";
 
+
+
 exports.Divider = Divider;