@expcat/tigercat-react 1.5.0 → 2.0.0-preview.1

package/dist/chunk-TQOWIDQT.js

@@ -1,51 +0,0 @@
-"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(); } }// src/components/AvatarGroup.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var AvatarGroupContext = _react.createContext.call(void 0, null);
-var AvatarGroup = ({
-  max,
-  size,
-  className,
-  children,
-  ...props
-}) => {
-  const contextValue = _react.useMemo.call(void 0, 
-    () => ({ size, itemClass: _tigercatcore.getAvatarGroupItemClasses.call(void 0, ) }),
-    [size]
-  );
-  const childArray = _react2.default.Children.toArray(children);
-  const { visibleItems, overflowCount } = _tigercatcore.getVisibleGroupItems.call(void 0, childArray, max);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.getAvatarGroupClasses.call(void 0, className),
-      role: "group",
-      "aria-label": "Avatar group",
-      ...props,
-      children: [
-        visibleItems,
-        overflowCount > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "span",
-          {
-            className: _tigercatcore.getAvatarGroupOverflowClasses.call(void 0, _nullishCoalesce(size, () => ( "md"))),
-            "aria-label": _tigercatcore.getAvatarGroupOverflowLabel.call(void 0, overflowCount),
-            children: _tigercatcore.getAvatarGroupOverflowText.call(void 0, overflowCount)
-          }
-        )
-      ]
-    }
-  ) });
-};
-
-
-
-
-exports.AvatarGroupContext = AvatarGroupContext; exports.AvatarGroup = AvatarGroup;

package/dist/chunk-TVEO2CFD.js

@@ -1,330 +0,0 @@
-"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; }
-
-var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
-
-
-var _chunkSK7PXSVEjs = require('./chunk-SK7PXSVE.js');
-
-
-var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
-
-// src/components/HeatmapChart.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var HeatmapChart = ({
-  width = 400,
-  height = 300,
-  padding = 40,
-  data,
-  xLabels,
-  yLabels,
-  minColor = "#f0f9ff",
-  maxColor = "#2563eb",
-  colorSpace = "rgb",
-  cellRadius = 2,
-  cellGap = 1,
-  showValues = false,
-  valueFormatter,
-  renderMode = "auto",
-  canvasThreshold,
-  hoverable = false,
-  hoveredIndex: hoveredIndexProp,
-  activeOpacity = 1,
-  inactiveOpacity = 0.25,
-  selectable = false,
-  selectedIndex: selectedIndexProp,
-  showTooltip = true,
-  title,
-  desc,
-  className,
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onCellClick,
-  onCellHover
-}) => {
-  const canvasRef = _react.useRef.call(void 0, null);
-  const {
-    tooltipPosition,
-    resolvedHoveredIndex,
-    activeIndex,
-    handleMouseEnter,
-    handleMouseMove,
-    handleMouseLeave,
-    handleClick
-  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
-    hoverable,
-    hoveredIndexProp,
-    selectable,
-    selectedIndexProp,
-    activeOpacity,
-    inactiveOpacity,
-    getData: (index) => data[index],
-    onHoveredIndexChange: (index) => {
-      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
-      _optionalChain([onCellHover, 'optionalCall', _2 => _2(index, index !== null ? data[index] : null)]);
-    },
-    onSelectedIndexChange,
-    callbacks: { onClick: onCellClick }
-  });
-  const innerRect = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
-    [width, height, padding]
-  );
-  const cells = _react.useMemo.call(void 0, 
-    () => _tigercatcore.computeHeatmapCells.call(void 0, data, {
-      xLabels,
-      yLabels,
-      width: innerRect.width,
-      height: innerRect.height,
-      cellGap,
-      minColor,
-      maxColor,
-      colorSpace
-    }),
-    [
-      data,
-      xLabels,
-      yLabels,
-      innerRect.width,
-      innerRect.height,
-      cellGap,
-      minColor,
-      maxColor,
-      colorSpace
-    ]
-  );
-  const tooltipContent = _react.useMemo.call(void 0, 
-    () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex, cells, void 0, (cell) => {
-      const val = valueFormatter ? valueFormatter(cell.value) : `${cell.value}`;
-      return `${cell.xLabel} \xD7 ${cell.yLabel}: ${val}`;
-    }),
-    [resolvedHoveredIndex, cells, valueFormatter]
-  );
-  const interactive = hoverable || selectable;
-  const rect = innerRect;
-  const cellW = (rect.width - cellGap * (xLabels.length - 1)) / xLabels.length;
-  const cellH = (rect.height - cellGap * (yLabels.length - 1)) / yLabels.length;
-  const resolvedRenderMode = _tigercatcore.resolveHeatmapRenderMode.call(void 0, cells.length, {
-    renderMode,
-    canvasThreshold
-  });
-  const shouldRenderCanvas = resolvedRenderMode === "canvas";
-  _react.useEffect.call(void 0, () => {
-    if (!shouldRenderCanvas) return;
-    const canvas = canvasRef.current;
-    const context = _optionalChain([canvas, 'optionalAccess', _3 => _3.getContext, 'call', _4 => _4("2d")]);
-    if (!canvas || !context) return;
-    context.clearRect(0, 0, rect.width, rect.height);
-    context.textAlign = "center";
-    context.textBaseline = "middle";
-    context.font = "10px sans-serif";
-    cells.forEach((cell, idx) => {
-      context.globalAlpha = _nullishCoalesce(_tigercatcore.getChartElementOpacity.call(void 0, idx, activeIndex, {
-        activeOpacity,
-        inactiveOpacity
-      }), () => ( 1));
-      context.fillStyle = cell.fill;
-      const radius = Math.max(0, Math.min(cellRadius, cell.w / 2, cell.h / 2));
-      if (radius > 0) {
-        context.beginPath();
-        context.moveTo(cell.x + radius, cell.y);
-        context.lineTo(cell.x + cell.w - radius, cell.y);
-        context.quadraticCurveTo(cell.x + cell.w, cell.y, cell.x + cell.w, cell.y + radius);
-        context.lineTo(cell.x + cell.w, cell.y + cell.h - radius);
-        context.quadraticCurveTo(
-          cell.x + cell.w,
-          cell.y + cell.h,
-          cell.x + cell.w - radius,
-          cell.y + cell.h
-        );
-        context.lineTo(cell.x + radius, cell.y + cell.h);
-        context.quadraticCurveTo(cell.x, cell.y + cell.h, cell.x, cell.y + cell.h - radius);
-        context.lineTo(cell.x, cell.y + radius);
-        context.quadraticCurveTo(cell.x, cell.y, cell.x + radius, cell.y);
-        context.closePath();
-        context.fill();
-      } else {
-        context.fillRect(cell.x, cell.y, cell.w, cell.h);
-      }
-      if (showValues) {
-        context.globalAlpha = 1;
-        context.fillStyle = "var(--tiger-text,#374151)";
-        context.fillText(
-          valueFormatter ? valueFormatter(cell.value) : `${cell.value}`,
-          cell.x + cell.w / 2,
-          cell.y + cell.h / 2
-        );
-      }
-    });
-    context.globalAlpha = 1;
-  }, [
-    shouldRenderCanvas,
-    cells,
-    rect.width,
-    rect.height,
-    activeIndex,
-    activeOpacity,
-    inactiveOpacity,
-    cellRadius,
-    showValues,
-    valueFormatter
-  ]);
-  const getCanvasPoint = _react.useCallback.call(void 0, (event) => {
-    const canvas = event.currentTarget;
-    const bounds = canvas.getBoundingClientRect();
-    const nativeEvent = event.nativeEvent;
-    const offsetX = typeof nativeEvent.offsetX === "number" && Number.isFinite(nativeEvent.offsetX) ? nativeEvent.offsetX : event.clientX - bounds.left;
-    const offsetY = typeof nativeEvent.offsetY === "number" && Number.isFinite(nativeEvent.offsetY) ? nativeEvent.offsetY : event.clientY - bounds.top;
-    const scaleX = bounds.width > 0 ? canvas.width / bounds.width : 1;
-    const scaleY = bounds.height > 0 ? canvas.height / bounds.height : 1;
-    return { x: offsetX * scaleX, y: offsetY * scaleY };
-  }, []);
-  const handleCanvasMouseMove = _react.useCallback.call(void 0, 
-    (event) => {
-      const point = getCanvasPoint(event);
-      const index = _tigercatcore.getHeatmapCellIndexAtPoint.call(void 0, cells, point.x, point.y);
-      if (index === null) {
-        handleMouseLeave();
-        return;
-      }
-      handleMouseEnter(index, event);
-      handleMouseMove(event);
-    },
-    [cells, getCanvasPoint, handleMouseEnter, handleMouseLeave, handleMouseMove]
-  );
-  const handleCanvasClick = _react.useCallback.call(void 0, 
-    (event) => {
-      const point = getCanvasPoint(event);
-      const index = _tigercatcore.getHeatmapCellIndexAtPoint.call(void 0, cells, point.x, point.y);
-      if (index !== null) {
-        handleClick(index);
-      }
-    },
-    [cells, getCanvasPoint, handleClick]
-  );
-  const chart = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkUKLVOR4Ejs.ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title,
-      desc,
-      className: _tigercatcore.classNames.call(void 0, className),
-      children: [
-        xLabels.map((lbl, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "text",
-          {
-            x: i * (cellW + cellGap) + cellW / 2,
-            y: rect.height + 16,
-            className: _tigercatcore.chartAxisTickTextClasses,
-            textAnchor: "middle",
-            children: lbl
-          },
-          `x-${i}`
-        )),
-        yLabels.map((lbl, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "text",
-          {
-            x: -8,
-            y: i * (cellH + cellGap) + cellH / 2,
-            className: _tigercatcore.chartAxisTickTextClasses,
-            textAnchor: "end",
-            dominantBaseline: "middle",
-            children: lbl
-          },
-          `y-${i}`
-        )),
-        !shouldRenderCanvas && cells.map((cell, idx) => {
-          const opacity = _tigercatcore.getChartElementOpacity.call(void 0, idx, activeIndex, {
-            activeOpacity,
-            inactiveOpacity
-          });
-          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "rect",
-              {
-                x: cell.x,
-                y: cell.y,
-                width: cell.w,
-                height: cell.h,
-                rx: cellRadius,
-                fill: cell.fill,
-                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)",
-                  rx: `var(--tiger-chart-block-radius, ${cellRadius}px)`
-                },
-                onMouseEnter: (e) => handleMouseEnter(idx, e),
-                onMouseMove: handleMouseMove,
-                onMouseLeave: handleMouseLeave,
-                onClick: () => handleClick(idx)
-              }
-            ),
-            showValues && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "text",
-              {
-                x: cell.x + cell.w / 2,
-                y: cell.y + cell.h / 2,
-                className: "fill-[color:var(--tiger-text,#374151)] text-[10px]",
-                textAnchor: "middle",
-                dominantBaseline: "middle",
-                children: valueFormatter ? valueFormatter(cell.value) : `${cell.value}`
-              }
-            )
-          ] }, `cell-${idx}`);
-        })
-      ]
-    }
-  );
-  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkSK7PXSVEjs.ChartTooltip,
-    {
-      content: tooltipContent,
-      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
-      x: tooltipPosition.x,
-      y: tooltipPosition.y
-    }
-  ) : null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
-    chart,
-    shouldRenderCanvas && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "canvas",
-      {
-        ref: canvasRef,
-        width: rect.width,
-        height: rect.height,
-        "data-heatmap-canvas": "true",
-        "data-heatmap-render-mode": resolvedRenderMode,
-        className: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
-        style: {
-          position: "absolute",
-          left: `${rect.x}px`,
-          top: `${rect.y}px`,
-          width: `${rect.width}px`,
-          height: `${rect.height}px`,
-          pointerEvents: interactive ? "auto" : "none"
-        },
-        onMouseMove: interactive ? handleCanvasMouseMove : void 0,
-        onMouseLeave: interactive ? handleMouseLeave : void 0,
-        onClick: interactive ? handleCanvasClick : void 0
-      }
-    ),
-    tooltip
-  ] });
-};
-
-
-
-exports.HeatmapChart = HeatmapChart;

package/dist/chunk-U3M24RPH.js

@@ -1,85 +0,0 @@
-"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/Countdown.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Countdown = ({
-  value,
-  now,
-  format = _tigercatcore.COUNTDOWN_DEFAULT_FORMAT,
-  interval = _tigercatcore.COUNTDOWN_DEFAULT_INTERVAL_MS,
-  title,
-  prefix,
-  suffix,
-  size = "md",
-  ariaLabel,
-  className,
-  onChange,
-  onFinish,
-  ...rest
-}) => {
-  const [remaining, setRemaining] = _react.useState.call(void 0, () => _tigercatcore.getCountdownRemaining.call(void 0, value, now));
-  const finishedRef = _react.useRef.call(void 0, remaining <= 0);
-  const onChangeRef = _react.useRef.call(void 0, onChange);
-  const onFinishRef = _react.useRef.call(void 0, onFinish);
-  onChangeRef.current = onChange;
-  onFinishRef.current = onFinish;
-  const formatted = _react.useMemo.call(void 0, () => _tigercatcore.formatCountdown.call(void 0, remaining, format), [format, remaining]);
-  _react.useEffect.call(void 0, () => {
-    const nextRemaining = _tigercatcore.getCountdownRemaining.call(void 0, value, now);
-    setRemaining(nextRemaining);
-    finishedRef.current = nextRemaining <= 0;
-  }, [value, now]);
-  _react.useEffect.call(void 0, () => {
-    if (interval <= 0 || value === void 0) return void 0;
-    let timerId;
-    const tick = () => {
-      const nextRemaining = _tigercatcore.getCountdownRemaining.call(void 0, value);
-      const payload = _tigercatcore.createCountdownPayload.call(void 0, nextRemaining, format);
-      setRemaining(nextRemaining);
-      _optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(payload)]);
-      if (nextRemaining <= 0 && !finishedRef.current) {
-        finishedRef.current = true;
-        _optionalChain([onFinishRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4(payload)]);
-        window.clearInterval(timerId);
-      }
-    };
-    timerId = window.setInterval(tick, interval);
-    return () => window.clearInterval(timerId);
-  }, [format, interval, value]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.countdownBaseClasses, className), ...rest, children: [
-    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getCountdownTitleClasses.call(void 0, size), children: title }) : null,
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.countdownValueWrapperClasses, children: [
-      prefix ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.countdownPrefixClasses, children: prefix }) : null,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "span",
-        {
-          className: _tigercatcore.getCountdownValueClasses.call(void 0, size),
-          role: "timer",
-          "aria-live": "polite",
-          "aria-label": ariaLabel,
-          children: formatted
-        }
-      ),
-      suffix ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.countdownSuffixClasses, children: suffix }) : null
-    ] })
-  ] });
-};
-var Countdown_default = Countdown;
-
-
-
-
-exports.Countdown = Countdown; exports.Countdown_default = Countdown_default;

package/dist/chunk-UEAXYZSE.js

@@ -1,134 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Mentions.tsx
-var _react = require('react');
-var _tigercatcore = require('@expcat/tigercat-core');
-
-
-
-
-
-
-
-
-var _jsxruntime = require('react/jsx-runtime');
-var Mentions = ({
-  value = "",
-  prefix: triggerPrefix = "@",
-  options = [],
-  placeholder,
-  disabled = false,
-  size = "md",
-  rows = 3,
-  onChange,
-  onSelect,
-  className
-}) => {
-  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
-  const [activeIndex, setActiveIndex] = _react.useState.call(void 0, 0);
-  const [query, setQuery] = _react.useState.call(void 0, "");
-  const mentionStartRef = _react.useRef.call(void 0, -1);
-  const textareaRef = _react.useRef.call(void 0, null);
-  const dropdownRef = _react.useRef.call(void 0, null);
-  const containerRef = _react.useRef.call(void 0, null);
-  const filteredOptions = _react.useMemo.call(void 0, () => {
-    if (!query) return options;
-    const q = query.toLowerCase();
-    return options.filter((o) => !o.disabled && o.label.toLowerCase().includes(q));
-  }, [options, query]);
-  const handleInput = _react.useCallback.call(void 0, 
-    (e) => {
-      const newValue = e.target.value;
-      _optionalChain([onChange, 'optionalCall', _ => _(newValue)]);
-      const cursorPos = _nullishCoalesce(e.target.selectionStart, () => ( newValue.length));
-      const result = _tigercatcore.extractMentionQuery.call(void 0, newValue, cursorPos, triggerPrefix);
-      if (result && options.length > 0) {
-        setQuery(result.query);
-        mentionStartRef.current = result.startPos;
-        setIsOpen(true);
-        setActiveIndex(0);
-      } else {
-        setIsOpen(false);
-      }
-    },
-    [onChange, triggerPrefix, options.length]
-  );
-  const selectOption = _react.useCallback.call(void 0, 
-    (option) => {
-      if (option.disabled) return;
-      const before = value.slice(0, mentionStartRef.current);
-      const cursorPos = _nullishCoalesce(_optionalChain([textareaRef, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.selectionStart]), () => ( value.length));
-      const after = value.slice(cursorPos);
-      const newValue = `${before}${triggerPrefix}${option.value} ${after}`;
-      _optionalChain([onChange, 'optionalCall', _4 => _4(newValue)]);
-      _optionalChain([onSelect, 'optionalCall', _5 => _5(option)]);
-      setIsOpen(false);
-    },
-    [value, triggerPrefix, onChange, onSelect]
-  );
-  const handleKeydown = _react.useCallback.call(void 0, 
-    (e) => {
-      if (!isOpen) return;
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        setActiveIndex((prev) => _tigercatcore.getCyclicIndex.call(void 0, filteredOptions.length, prev, 1));
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        setActiveIndex((prev) => _tigercatcore.getCyclicIndex.call(void 0, filteredOptions.length, prev, -1));
-      } else if (e.key === "Enter") {
-        e.preventDefault();
-        const opt = filteredOptions[activeIndex];
-        if (opt) selectOption(opt);
-      } else if (e.key === "Escape") {
-        setIsOpen(false);
-      }
-    },
-    [isOpen, filteredOptions, activeIndex, selectOption]
-  );
-  _react.useEffect.call(void 0, () => {
-    if (!isOpen) return;
-    const handler = (e) => {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [isOpen]);
-  _react.useEffect.call(void 0, () => {
-    if (!isOpen || filteredOptions.length === 0) return;
-    if (!textareaRef.current || !dropdownRef.current) return;
-    void _tigercatcore.positionMentionsDropdown.call(void 0, textareaRef.current, dropdownRef.current);
-  }, [isOpen, filteredOptions.length, size, rows, value]);
-  const wrapperClass = _tigercatcore.classNames.call(void 0, "relative", className);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: wrapperClass, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "textarea",
-      {
-        ref: textareaRef,
-        value,
-        className: _tigercatcore.getMentionsInputClasses.call(void 0, size, disabled),
-        placeholder,
-        disabled,
-        rows,
-        onChange: handleInput,
-        onKeyDown: handleKeydown
-      }
-    ),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: dropdownRef, className: _tigercatcore.mentionsDropdownClasses, role: "listbox", children: filteredOptions.map((opt, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.getMentionsOptionClasses.call(void 0, i === activeIndex, !!opt.disabled),
-        role: "option",
-        "aria-selected": i === activeIndex,
-        onClick: () => selectOption(opt),
-        children: opt.label
-      },
-      opt.value
-    )) })
-  ] });
-};
-var Mentions_default = Mentions;
-
-
-
-
-exports.Mentions = Mentions; exports.Mentions_default = Mentions_default;

package/dist/chunk-UF3DXKCI.js

@@ -1,30 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/Text.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _tigercatcore = require('@expcat/tigercat-core');
-var Text = _react2.default.memo(
-  ({
-    tag = "p",
-    size,
-    weight,
-    align,
-    color,
-    truncate,
-    italic,
-    underline,
-    lineThrough,
-    children,
-    className,
-    ...props
-  }) => {
-    const textClasses = _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.getTextClasses.call(void 0, { size, weight, align, color, truncate, italic, underline, lineThrough }),
-      className
-    );
-    return _react2.default.createElement(tag, { ...props, className: textClasses }, children);
-  }
-);
-Text.displayName = "Text";
-
-
-
-exports.Text = Text;