@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-KEF2PEP4.js

@@ -0,0 +1,319 @@
+"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/Pagination.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Pagination = ({
+  current: controlledCurrent,
+  defaultCurrent = 1,
+  total = 0,
+  pageSize: controlledPageSize,
+  defaultPageSize = 10,
+  pageSizeOptions = [10, 20, 50, 100],
+  showQuickJumper = false,
+  showSizeChanger = false,
+  showTotal = true,
+  totalText,
+  simple = false,
+  size = "medium",
+  align = "center",
+  disabled = false,
+  hideOnSinglePage = false,
+  showLessItems = false,
+  quickJumperValidation,
+  className,
+  style,
+  onChange,
+  onPageSizeChange,
+  locale,
+  ...props
+}) => {
+  const { "aria-label": ariaLabelProp, ...navProps } = props;
+  const immediateLocale = _react.useMemo.call(void 0, () => _tigercatcore.getImmediateTigerLocale.call(void 0, locale), [locale]);
+  const [loadedLocale, setLoadedLocale] = _react.useState.call(void 0, 
+    immediateLocale
+  );
+  _react.useEffect.call(void 0, () => {
+    let active = true;
+    setLoadedLocale(immediateLocale);
+    if (_tigercatcore.isLazyTigerLocale.call(void 0, locale)) {
+      _tigercatcore.resolveTigerLocale.call(void 0, locale).then((nextLocale) => {
+        if (active) setLoadedLocale(nextLocale);
+      }).catch(() => {
+        if (active) setLoadedLocale(immediateLocale);
+      });
+    }
+    return () => {
+      active = false;
+    };
+  }, [locale, immediateLocale]);
+  const resolvedLocale = _tigercatcore.isLazyTigerLocale.call(void 0, locale) ? loadedLocale : immediateLocale;
+  const labels = _react.useMemo.call(void 0, () => _tigercatcore.getPaginationLabels.call(void 0, resolvedLocale), [resolvedLocale]);
+  const localeCode = _optionalChain([resolvedLocale, 'optionalAccess', _ => _.locale]);
+  const isRtl = _tigercatcore.getLocaleDirection.call(void 0, resolvedLocale) === "rtl";
+  const [internalCurrent, setInternalCurrent] = _react.useState.call(void 0, defaultCurrent);
+  const [internalPageSize, setInternalPageSize] = _react.useState.call(void 0, defaultPageSize);
+  const [quickJumperValue, setQuickJumperValue] = _react.useState.call(void 0, "");
+  const quickJumperValidationSchedulerRef = _react.useRef.call(void 0, null);
+  if (quickJumperValidationSchedulerRef.current === null) {
+    quickJumperValidationSchedulerRef.current = _tigercatcore.createPaginationIdleValidationScheduler.call(void 0, quickJumperValidation);
+  }
+  _react.useEffect.call(void 0, () => {
+    quickJumperValidationSchedulerRef.current = _tigercatcore.createPaginationIdleValidationScheduler.call(void 0, quickJumperValidation);
+    return () => {
+      _optionalChain([quickJumperValidationSchedulerRef, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.cancel, 'call', _4 => _4()]);
+    };
+  }, [quickJumperValidation]);
+  const currentPage = controlledCurrent !== void 0 ? controlledCurrent : internalCurrent;
+  const currentPageSize = controlledPageSize !== void 0 ? controlledPageSize : internalPageSize;
+  const totalPages = _tigercatcore.getTotalPages.call(void 0, total, currentPageSize);
+  const validatedCurrentPage = _tigercatcore.validateCurrentPage.call(void 0, currentPage, totalPages);
+  const pageRange = _tigercatcore.getPageRange.call(void 0, validatedCurrentPage, currentPageSize, total);
+  const handlePageChange = _react.useCallback.call(void 0, 
+    (page) => {
+      if (disabled) return;
+      if (page === validatedCurrentPage) return;
+      if (page < 1 || page > totalPages) return;
+      if (controlledCurrent === void 0) {
+        setInternalCurrent(page);
+      }
+      _optionalChain([onChange, 'optionalCall', _5 => _5(page, currentPageSize)]);
+    },
+    [disabled, validatedCurrentPage, totalPages, controlledCurrent, onChange, currentPageSize]
+  );
+  const handlePageSizeChange = _react.useCallback.call(void 0, 
+    (newPageSize) => {
+      if (disabled) return;
+      const newTotalPages = _tigercatcore.getTotalPages.call(void 0, total, newPageSize);
+      let newPage = validatedCurrentPage;
+      if (newPage > newTotalPages) {
+        newPage = Math.max(1, newTotalPages);
+      }
+      if (controlledPageSize === void 0) {
+        setInternalPageSize(newPageSize);
+      }
+      if (controlledCurrent === void 0 && newPage !== validatedCurrentPage) {
+        setInternalCurrent(newPage);
+      }
+      _optionalChain([onPageSizeChange, 'optionalCall', _6 => _6(newPage, newPageSize)]);
+      if (newPage !== validatedCurrentPage) {
+        _optionalChain([onChange, 'optionalCall', _7 => _7(newPage, newPageSize)]);
+      }
+    },
+    [
+      disabled,
+      total,
+      validatedCurrentPage,
+      controlledPageSize,
+      controlledCurrent,
+      onPageSizeChange,
+      onChange
+    ]
+  );
+  const handleQuickJumperSubmit = _react.useCallback.call(void 0, () => {
+    _optionalChain([quickJumperValidationSchedulerRef, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.cancel, 'call', _10 => _10()]);
+    const page = _tigercatcore.getPaginationJumperPage.call(void 0, quickJumperValue, totalPages);
+    if (page !== null) {
+      handlePageChange(page);
+    }
+    setQuickJumperValue("");
+  }, [quickJumperValue, totalPages, handlePageChange]);
+  const handleQuickJumperChange = _react.useCallback.call(void 0, 
+    (value) => {
+      setQuickJumperValue(value);
+      _optionalChain([quickJumperValidationSchedulerRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.schedule, 'call', _13 => _13(() => {
+        setQuickJumperValue(_tigercatcore.getValidatedPaginationJumperValue.call(void 0, value, totalPages));
+      })]);
+    },
+    [totalPages]
+  );
+  const handleQuickJumperKeyPress = _react.useCallback.call(void 0, 
+    (event) => {
+      if (event.key === "Enter") {
+        handleQuickJumperSubmit();
+      }
+    },
+    [handleQuickJumperSubmit]
+  );
+  const normalizedPageSizeOptions = _react.useMemo.call(void 0, () => {
+    return pageSizeOptions.map((option) => {
+      if (typeof option === "number") {
+        return {
+          value: option,
+          label: `${option} ${labels.itemsPerPageText}`
+        };
+      }
+      const label = _nullishCoalesce(option.label, () => ( `${option.value} ${labels.itemsPerPageText}`));
+      return { value: option.value, label };
+    });
+  }, [pageSizeOptions, labels.itemsPerPageText]);
+  const containerClasses = _tigercatcore.getPaginationContainerClasses.call(void 0, align, className);
+  const prevDisabled = validatedCurrentPage <= 1 || disabled;
+  const nextDisabled = validatedCurrentPage >= totalPages || disabled;
+  const elements = [];
+  if (showTotal) {
+    const totalTextFn = totalText || (_optionalChain([resolvedLocale, 'optionalAccess', _14 => _14.pagination, 'optionalAccess', _15 => _15.totalText]) ? (value, range) => _tigercatcore.formatPaginationTotal.call(void 0, labels.totalText, value, range, localeCode) : _tigercatcore.defaultTotalText);
+    elements.push(
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.getTotalTextClasses.call(void 0, size), children: totalTextFn(total, pageRange) }, "total")
+    );
+  }
+  elements.push(
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: _tigercatcore.getPaginationButtonBaseClasses.call(void 0, size),
+        disabled: prevDisabled,
+        onClick: () => handlePageChange(validatedCurrentPage - 1),
+        "aria-label": labels.prevPageAriaLabel,
+        children: isRtl ? "\u203A" : "\u2039"
+      },
+      "prev"
+    )
+  );
+  if (simple) {
+    elements.push(
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _tigercatcore.classNames.call(void 0, "mx-2", _tigercatcore.getSizeTextClasses.call(void 0, size)), children: [
+        validatedCurrentPage,
+        " / ",
+        totalPages
+      ] }, "current")
+    );
+  } else {
+    _tigercatcore.getPageNumbers.call(void 0, validatedCurrentPage, totalPages, showLessItems).forEach((pageNum, index) => {
+      if (pageNum === "...") {
+        elements.push(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              className: _tigercatcore.getPaginationEllipsisClasses.call(void 0, size),
+              "aria-hidden": "true",
+              children: "..."
+            },
+            `ellipsis-${index}`
+          )
+        );
+      } else {
+        const isActive = pageNum === validatedCurrentPage;
+        elements.push(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: _tigercatcore.classNames.call(void 0, 
+                _tigercatcore.getPaginationButtonBaseClasses.call(void 0, size),
+                isActive && _tigercatcore.getPaginationButtonActiveClasses.call(void 0, )
+              ),
+              disabled,
+              onClick: () => handlePageChange(pageNum),
+              "aria-label": _tigercatcore.formatPageAriaLabel.call(void 0, labels.pageAriaLabel, pageNum, localeCode),
+              "aria-current": isActive ? "page" : void 0,
+              children: String(pageNum)
+            },
+            `page-${pageNum}`
+          )
+        );
+      }
+    });
+  }
+  elements.push(
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: _tigercatcore.getPaginationButtonBaseClasses.call(void 0, size),
+        disabled: nextDisabled,
+        onClick: () => handlePageChange(validatedCurrentPage + 1),
+        "aria-label": labels.nextPageAriaLabel,
+        children: isRtl ? "\u2039" : "\u203A"
+      },
+      "next"
+    )
+  );
+  if (showSizeChanger) {
+    elements.push(
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "select",
+        {
+          className: _tigercatcore.getPageSizeSelectorClasses.call(void 0, size),
+          disabled,
+          value: currentPageSize,
+          onChange: (e) => handlePageSizeChange(parseInt(e.target.value, 10)),
+          "aria-label": labels.itemsPerPageText,
+          children: normalizedPageSizeOptions.map((sizeOption) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: sizeOption.value, children: sizeOption.label }, sizeOption.value))
+        },
+        "size-changer"
+      )
+    );
+  }
+  if (showQuickJumper) {
+    const sizeText = _tigercatcore.getSizeTextClasses.call(void 0, size);
+    elements.push(
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.classNames.call(void 0, "ml-2", sizeText), children: labels.jumpToText }, "jumper-label-start")
+    );
+    elements.push(
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          type: "number",
+          className: _tigercatcore.classNames.call(void 0, _tigercatcore.getQuickJumperInputClasses.call(void 0, size), "mx-2"),
+          disabled,
+          value: quickJumperValue,
+          onChange: (e) => handleQuickJumperChange(e.target.value),
+          onKeyDown: handleQuickJumperKeyPress,
+          min: 1,
+          max: totalPages,
+          "aria-label": labels.jumpToText
+        },
+        "jumper-input"
+      )
+    );
+    elements.push(
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: sizeText, children: labels.pageText }, "jumper-label-end")
+    );
+  }
+  if (hideOnSinglePage && totalPages <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "nav",
+    {
+      className: containerClasses,
+      ...navProps,
+      role: "navigation",
+      "aria-label": _nullishCoalesce(ariaLabelProp, () => ( "Pagination")),
+      style,
+      children: elements
+    }
+  );
+};
+var Pagination_default = Pagination;
+
+
+
+
+exports.Pagination = Pagination; exports.Pagination_default = Pagination_default;

package/dist/{chunk-OHIZYM65.mjs → chunk-KPACLRQH.mjs}

@@ -1,8 +1,12 @@
-import { useState, useEffect } from 'react';
-import { classNames, codeBlockContainerClasses, codeBlockCopyButtonBaseClasses, codeBlockCopyButtonCopiedClasses, codeBlockPreClasses, copyTextToClipboard } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Code.tsx
+import { useEffect, useState } from "react";
+import {
+  codeBlockPreClasses,
+  copyTextToClipboard,
+  getCodeBlockContainerClasses,
+  getCodeBlockCopyButtonClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Code = ({
   code,
   copyable = true,
@@ -27,11 +31,8 @@ var Code = ({
     setIsCopied(true);
     onCopy?.(code);
   };
-  const containerClasses = classNames(codeBlockContainerClasses, className);
-  const copyButtonClasses = classNames(
-    codeBlockCopyButtonBaseClasses,
-    isCopied && codeBlockCopyButtonCopiedClasses
-  );
+  const containerClasses = getCodeBlockContainerClasses(className);
+  const copyButtonClasses = getCodeBlockCopyButtonClasses(isCopied);
   return /* @__PURE__ */ jsxs("div", { className: containerClasses, ...props, children: [
     /* @__PURE__ */ jsx("pre", { className: codeBlockPreClasses, children: /* @__PURE__ */ jsx("code", { className: "block", children: code }) }),
     copyable && /* @__PURE__ */ jsx(
@@ -48,4 +49,7 @@ var Code = ({
 };
 var Code_default = Code;
 
-export { Code, Code_default };
+export {
+  Code,
+  Code_default
+};

package/dist/chunk-KQ5I7PRM.js

@@ -0,0 +1,193 @@
+"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 _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
+
+// src/components/Tour.tsx
+var _react = require('react');
+var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Tour = ({
+  steps,
+  loadSteps,
+  open = false,
+  current: controlledCurrent,
+  nextText = "Next",
+  prevText = "Previous",
+  finishText = "Finish",
+  closable = true,
+  showIndicators = true,
+  className,
+  onOpenChange,
+  onClose,
+  onFinish,
+  onChange
+}) => {
+  const [internalStep, setInternalStep] = _react.useState.call(void 0, 0);
+  const [resolvedSteps, setResolvedSteps] = _react.useState.call(void 0, steps);
+  const currentStep = _nullishCoalesce(controlledCurrent, () => ( internalStep));
+  const activeSteps = _react.useMemo.call(void 0, () => _tigercatcore.getActiveTourSteps.call(void 0, resolvedSteps), [resolvedSteps]);
+  const activeStepInfo = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getCurrentActiveTourStep.call(void 0, activeSteps, currentStep, resolvedSteps.length),
+    [activeSteps, currentStep, resolvedSteps.length]
+  );
+  const activeStepPosition = _tigercatcore.getActiveTourStepPosition.call(void 0, activeSteps, _optionalChain([activeStepInfo, 'optionalAccess', _ => _.index]));
+  const step = _optionalChain([activeStepInfo, 'optionalAccess', _2 => _2.step]);
+  const [targetRect, setTargetRect] = _react.useState.call(void 0, );
+  const popoverRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (!loadSteps) {
+      setResolvedSteps(steps);
+      return;
+    }
+    if (!open) return;
+    let cancelled = false;
+    Promise.resolve(loadSteps()).then((nextSteps) => {
+      if (!cancelled) {
+        setResolvedSteps(nextSteps);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [loadSteps, open, steps]);
+  const updateRect = _react.useCallback.call(void 0, () => {
+    if (_optionalChain([step, 'optionalAccess', _3 => _3.target])) {
+      setTargetRect(_tigercatcore.getTourTargetRect.call(void 0, step.target));
+    } else {
+      setTargetRect(void 0);
+    }
+  }, [step]);
+  _react.useEffect.call(void 0, () => {
+    if (open) updateRect();
+  }, [open, currentStep, updateRect]);
+  _react.useEffect.call(void 0, () => {
+    if (!open) return;
+    const handler = () => updateRect();
+    window.addEventListener("resize", handler);
+    window.addEventListener("scroll", handler, true);
+    return () => {
+      window.removeEventListener("resize", handler);
+      window.removeEventListener("scroll", handler, true);
+    };
+  }, [open, updateRect]);
+  const goTo = _react.useCallback.call(void 0, 
+    (idx) => {
+      setInternalStep(idx);
+      _optionalChain([onChange, 'optionalCall', _4 => _4(idx)]);
+    },
+    [onChange]
+  );
+  const next = _react.useCallback.call(void 0, () => {
+    const nextStep = activeSteps[activeStepPosition + 1];
+    if (nextStep) {
+      goTo(nextStep.index);
+    } else {
+      _optionalChain([onFinish, 'optionalCall', _5 => _5()]);
+      _optionalChain([onOpenChange, 'optionalCall', _6 => _6(false)]);
+      _optionalChain([onClose, 'optionalCall', _7 => _7()]);
+    }
+  }, [activeSteps, activeStepPosition, goTo, onFinish, onOpenChange, onClose]);
+  const prev = _react.useCallback.call(void 0, () => {
+    const prevStep = activeSteps[activeStepPosition - 1];
+    if (prevStep) goTo(prevStep.index);
+  }, [activeSteps, activeStepPosition, goTo]);
+  const close = _react.useCallback.call(void 0, () => {
+    _optionalChain([onOpenChange, 'optionalCall', _8 => _8(false)]);
+    _optionalChain([onClose, 'optionalCall', _9 => _9()]);
+  }, [onOpenChange, onClose]);
+  if (!open || !step) return null;
+  if (!_tigercatcore.isBrowser.call(void 0, )) return null;
+  const placement = _nullishCoalesce(step.placement, () => ( "bottom"));
+  const showMask = step.mask !== false;
+  const isLast = activeStepPosition === activeSteps.length - 1;
+  const isFirst = activeStepPosition <= 0;
+  let popoverStyle;
+  if (targetRect) {
+    const pos = _tigercatcore.getTourPopoverPosition.call(void 0, targetRect, 320, 160, placement);
+    popoverStyle = { position: "absolute", top: pos.top, left: pos.left };
+  } else {
+    popoverStyle = {
+      position: "fixed",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)"
+    };
+  }
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    showMask && targetRect && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: _tigercatcore.getTourSpotlightStyle.call(void 0, targetRect), "aria-hidden": "true" }),
+    showMask && !targetRect && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fixed inset-0 z-[1000] bg-black/45", "aria-hidden": "true", onClick: close }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref: popoverRef,
+        className: _tigercatcore.classNames.call(void 0, _tigercatcore.tourPopoverClasses, className),
+        style: popoverStyle,
+        role: "dialog",
+        "aria-modal": "true",
+        children: [
+          closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: _tigercatcore.tourCloseButtonClasses,
+              type: "button",
+              "aria-label": "Close tour",
+              onClick: close,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.closeIconPathD, className: "h-4 w-4" })
+            }
+          ),
+          step.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tourTitleClasses, children: step.title }),
+          step.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tourDescriptionClasses, children: step.description }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.tourFooterClasses, children: [
+            showIndicators && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _tigercatcore.tourIndicatorClasses, children: [
+              activeStepPosition + 1,
+              " / ",
+              activeSteps.length
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center", children: [
+              !isFirst && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  className: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
+                  onClick: prev,
+                  children: prevText
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  className: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
+                  onClick: next,
+                  children: isLast ? finishText : nextText
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+  return _reactdom2.default.createPortal(content, document.body);
+};
+
+
+
+exports.Tour = Tour;

package/dist/chunk-KRFD27WA.js

@@ -0,0 +1,64 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk6HELKWFNjs = require('./chunk-6HELKWFN.js');
+
+
+var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
+
+// src/components/Tooltip.tsx
+var _react = require('react');
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var createTooltipId = _tigercatcore.createFloatingIdFactory.call(void 0, "tooltip");
+var Tooltip = ({
+  open,
+  defaultOpen = false,
+  content,
+  trigger = "hover",
+  placement = "top",
+  disabled = false,
+  offset = 8,
+  className,
+  style,
+  children,
+  onOpenChange,
+  ...divProps
+}) => {
+  const tooltipIdRef = _react.useRef.call(void 0, null);
+  if (!tooltipIdRef.current) tooltipIdRef.current = createTooltipId();
+  const tooltipId = tooltipIdRef.current;
+  const describedBy = content != null ? tooltipId : void 0;
+  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = _chunk6HELKWFNjs.usePopup.call(void 0, { open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getTooltipContainerClasses.call(void 0, ), className),
+    [className]
+  );
+  const triggerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getTooltipTriggerClasses.call(void 0, disabled), [disabled]);
+  const contentClasses = _react.useMemo.call(void 0, () => _tigercatcore.getTooltipContentClasses.call(void 0, ), []);
+  if (!children) return null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: triggerRef,
+        className: triggerClasses,
+        "aria-describedby": describedBy,
+        ...triggerHandlers,
+        children
+      }
+    ),
+    currentVisible && _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: tooltipId, role: "tooltip", className: contentClasses, children: content }) })
+    )
+  ] });
+};
+
+
+
+exports.Tooltip = Tooltip;