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

package/dist/chunk-RFHPG4KN.js

@@ -1,413 +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; }// src/components/Tabs.tsx
-
-
-
-
-
-
-
-
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var TabsContext = _react.createContext.call(void 0, null);
-function useTabsContext() {
-  return _react.useContext.call(void 0, TabsContext);
-}
-var TabPane = ({
-  tabKey,
-  label,
-  disabled = false,
-  closable,
-  icon,
-  className,
-  style,
-  children,
-  renderMode = "pane",
-  tabId,
-  panelId,
-  tabIndex
-}) => {
-  const tabsContext = useTabsContext();
-  if (!tabsContext) {
-    throw new Error("TabPane must be used within a Tabs component");
-  }
-  const isActive = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.isKeyActive.call(void 0, tabKey, tabsContext.activeKey);
-  }, [tabKey, tabsContext.activeKey]);
-  const hasBeenActivatedRef = _react.useRef.call(void 0, isActive);
-  if (isActive) hasBeenActivatedRef.current = true;
-  const isClosable = _react.useMemo.call(void 0, () => {
-    return closable !== void 0 ? closable : tabsContext.closable && tabsContext.type === "editable-card";
-  }, [closable, tabsContext.closable, tabsContext.type]);
-  const tabItemClasses = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.getTabItemClasses.call(void 0, isActive, disabled, tabsContext.type, tabsContext.size);
-  }, [isActive, disabled, tabsContext.type, tabsContext.size]);
-  const tabPaneClasses = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.classNames.call(void 0, _tigercatcore.getTabPaneClasses.call(void 0, isActive), className);
-  }, [isActive, className]);
-  const handleClick = () => {
-    if (!disabled) {
-      tabsContext.handleTabClick(tabKey);
-    }
-  };
-  const handleKeyDown = (event) => {
-    if (disabled) {
-      return;
-    }
-    if (isClosable && (event.key === "Backspace" || event.key === "Delete")) {
-      event.preventDefault();
-      tabsContext.handleTabClose(tabKey, event);
-      return;
-    }
-    const isVertical = tabsContext.tabPosition === "left" || tabsContext.tabPosition === "right";
-    const nextKeys = isVertical ? ["ArrowDown"] : ["ArrowRight"];
-    const prevKeys = isVertical ? ["ArrowUp"] : ["ArrowLeft"];
-    const key = event.key;
-    if (nextKeys.includes(key) || prevKeys.includes(key) || key === "Home" || key === "End" || key === "Enter" || key === " ") {
-      event.preventDefault();
-    }
-    if (key === "Enter" || key === " ") {
-      tabsContext.handleTabClick(tabKey);
-      return;
-    }
-    const tabList = _optionalChain([event, 'access', _ => _.currentTarget, 'optionalAccess', _2 => _2.closest, 'call', _3 => _3('[role="tablist"]')]);
-    const tabButtons = Array.from(
-      _nullishCoalesce(_optionalChain([tabList, 'optionalAccess', _4 => _4.querySelectorAll, 'call', _5 => _5('[role="tab"]')]), () => ( []))
-    );
-    const enabled = tabButtons.filter((button) => !button.disabled);
-    const currentIndex = enabled.findIndex((button) => button.id === tabId);
-    if (currentIndex === -1) {
-      return;
-    }
-    const focusByIndex = (index) => {
-      const next = enabled[index];
-      if (!next) return;
-      next.focus();
-      const nextKey = next.getAttribute("data-tiger-tab-key");
-      if (nextKey != null) {
-        const parsed = nextKey.startsWith("n:") ? Number(nextKey.slice(2)) : nextKey.startsWith("s:") ? nextKey.slice(2) : nextKey;
-        tabsContext.handleTabClick(parsed);
-      }
-    };
-    if (nextKeys.includes(key)) {
-      focusByIndex((currentIndex + 1) % enabled.length);
-      return;
-    }
-    if (prevKeys.includes(key)) {
-      focusByIndex((currentIndex - 1 + enabled.length) % enabled.length);
-      return;
-    }
-    if (key === "Home") {
-      focusByIndex(0);
-      return;
-    }
-    if (key === "End") {
-      focusByIndex(enabled.length - 1);
-    }
-  };
-  const handleClose = (event) => {
-    if (!disabled) {
-      tabsContext.handleTabClose(tabKey, event);
-    }
-  };
-  if (renderMode === "tab") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: tabItemClasses,
-        role: "tab",
-        id: tabId,
-        "aria-controls": panelId,
-        "aria-selected": isActive,
-        "aria-disabled": disabled,
-        disabled,
-        tabIndex: typeof tabIndex === "number" ? tabIndex : isActive ? 0 : -1,
-        "data-tiger-tabs-id": tabsContext.idBase,
-        "data-tiger-tab-key": typeof tabKey === "number" ? `n:${tabKey}` : `s:${tabKey}`,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        children: [
-          icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex items-center", children: icon }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label }),
-          isClosable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "span",
-            {
-              role: "button",
-              className: _tigercatcore.tabCloseButtonClasses,
-              "aria-label": `Close ${String(label)}`,
-              tabIndex: -1,
-              onClick: handleClose,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: _tigercatcore.closeIconViewBox, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: "2",
-                  d: _tigercatcore.closeIconPathD
-                }
-              ) })
-            }
-          )
-        ]
-      }
-    );
-  }
-  const shouldRender = tabsContext.lazy ? hasBeenActivatedRef.current && (isActive || !tabsContext.destroyInactiveTabPane) : isActive || !tabsContext.destroyInactiveTabPane;
-  if (!shouldRender) {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: tabPaneClasses,
-      style,
-      role: "tabpanel",
-      id: panelId,
-      "aria-labelledby": tabId,
-      "aria-hidden": !isActive,
-      children
-    }
-  );
-};
-var Tabs = ({
-  activeKey: controlledActiveKey,
-  defaultActiveKey,
-  type = "line",
-  tabPosition = "top",
-  size = "medium",
-  closable = false,
-  centered = false,
-  destroyInactiveTabPane = false,
-  lazy = false,
-  swipeable = true,
-  className,
-  style,
-  onChange,
-  onTabClick,
-  onEdit,
-  children
-}) => {
-  const reactId = _react.useId.call(void 0, );
-  const idBase = _react.useMemo.call(void 0, () => `tiger-tabs-${reactId.replace(/[^a-zA-Z0-9_-]/g, "")}`, [reactId]);
-  const [internalActiveKey, setInternalActiveKey] = _react.useState.call(void 0, 
-    defaultActiveKey
-  );
-  const swipeStartRef = _react.useRef.call(void 0, null);
-  const containerClasses = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.classNames.call(void 0, _tigercatcore.getTabsContainerClasses.call(void 0, tabPosition), className);
-  }, [tabPosition, className]);
-  const tabNavClasses = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.getTabNavClasses.call(void 0, tabPosition, type);
-  }, [tabPosition, type]);
-  const tabNavListClasses = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.getTabNavListClasses.call(void 0, tabPosition, centered);
-  }, [tabPosition, centered]);
-  const { tabItems, tabPanes, firstTabKey, tabKeys, enabledTabKeys } = _react.useMemo.call(void 0, () => {
-    const items = [];
-    const panes = [];
-    const keys = [];
-    const enabledKeys = [];
-    let firstKey;
-    _react2.default.Children.forEach(children, (child) => {
-      if (!_react2.default.isValidElement(child) || child.type !== TabPane) return;
-      const key = child.props.tabKey;
-      if (firstKey === void 0) firstKey = key;
-      keys.push(key);
-      if (!child.props.disabled) enabledKeys.push(key);
-      const resolvedActiveKey = _nullishCoalesce(_nullishCoalesce(controlledActiveKey, () => ( defaultActiveKey)), () => ( firstKey));
-      const tabId = `${idBase}-tab-${String(key)}`;
-      const panelId = `${idBase}-panel-${String(key)}`;
-      items.push(
-        _react2.default.cloneElement(child, {
-          key: `tab-${String(key)}`,
-          renderMode: "tab",
-          tabId,
-          panelId,
-          tabIndex: key === resolvedActiveKey ? 0 : -1
-        })
-      );
-      panes.push(
-        _react2.default.cloneElement(child, {
-          key: `pane-${String(key)}`,
-          renderMode: "pane",
-          tabId,
-          panelId
-        })
-      );
-    });
-    return {
-      tabItems: items,
-      tabPanes: panes,
-      firstTabKey: firstKey,
-      tabKeys: keys,
-      enabledTabKeys: enabledKeys
-    };
-  }, [children, controlledActiveKey, defaultActiveKey, idBase]);
-  const activeKey = controlledActiveKey !== void 0 ? controlledActiveKey : internalActiveKey !== void 0 ? internalActiveKey : firstTabKey;
-  const activeTabIndex = _react.useMemo.call(void 0, () => tabKeys.indexOf(_nullishCoalesce(activeKey, () => ( ""))), [tabKeys, activeKey]);
-  const handleTabClick = _react.useCallback.call(void 0, 
-    (key) => {
-      _optionalChain([onTabClick, 'optionalCall', _6 => _6(key)]);
-      if (key === activeKey) {
-        return;
-      }
-      if (controlledActiveKey === void 0) {
-        setInternalActiveKey(key);
-      }
-      _optionalChain([onChange, 'optionalCall', _7 => _7(key)]);
-    },
-    [activeKey, controlledActiveKey, onChange, onTabClick]
-  );
-  const handleTabClose = _react.useCallback.call(void 0, 
-    (key, event) => {
-      event.stopPropagation();
-      _optionalChain([onEdit, 'optionalCall', _8 => _8({ targetKey: key, action: "remove" })]);
-    },
-    [onEdit]
-  );
-  const handleTabAdd = _react.useCallback.call(void 0, () => {
-    _optionalChain([onEdit, 'optionalCall', _9 => _9({ targetKey: void 0, action: "add" })]);
-  }, [onEdit]);
-  const activateAdjacentTab = _react.useCallback.call(void 0, 
-    (direction) => {
-      if (enabledTabKeys.length <= 1) return;
-      const currentIndex = enabledTabKeys.indexOf(_nullishCoalesce(activeKey, () => ( enabledTabKeys[0])));
-      const baseIndex = currentIndex >= 0 ? currentIndex : 0;
-      const nextKey = enabledTabKeys[(baseIndex + direction + enabledTabKeys.length) % enabledTabKeys.length];
-      handleTabClick(nextKey);
-    },
-    [activeKey, enabledTabKeys, handleTabClick]
-  );
-  const handleContentTouchStart = _react.useCallback.call(void 0, 
-    (event) => {
-      if (!swipeable || event.touches.length !== 1) return;
-      swipeStartRef.current = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches, event.timeStamp);
-    },
-    [swipeable]
-  );
-  const handleContentTouchEnd = _react.useCallback.call(void 0, 
-    (event) => {
-      if (!swipeable || !swipeStartRef.current || event.changedTouches.length !== 1) return;
-      const endPoint = _tigercatcore.getGestureTouchPoint.call(void 0, event.changedTouches, event.timeStamp);
-      const swipe = _tigercatcore.resolveSwipeGesture.call(void 0, swipeStartRef.current, endPoint, {
-        minDistance: 48,
-        maxCrossAxisRatio: 0.75
-      });
-      swipeStartRef.current = null;
-      if (!swipe) return;
-      if (swipe.direction === "left") activateAdjacentTab(1);
-      if (swipe.direction === "right") activateAdjacentTab(-1);
-    },
-    [activateAdjacentTab, swipeable]
-  );
-  const contextValue = _react.useMemo.call(void 0, 
-    () => ({
-      activeKey,
-      type,
-      size,
-      tabPosition,
-      closable,
-      destroyInactiveTabPane,
-      lazy,
-      swipeable,
-      idBase,
-      handleTabClick,
-      handleTabClose
-    }),
-    [
-      activeKey,
-      type,
-      size,
-      tabPosition,
-      closable,
-      destroyInactiveTabPane,
-      lazy,
-      swipeable,
-      idBase,
-      handleTabClick,
-      handleTabClose
-    ]
-  );
-  const tabNavContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: tabNavClasses,
-      role: "tablist",
-      "aria-orientation": tabPosition === "left" || tabPosition === "right" ? "vertical" : "horizontal",
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          className: tabNavListClasses,
-          style: _tigercatcore.getTabNavListStyle.call(void 0, type, tabPosition, tabKeys.length),
-          children: [
-            type === "line" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                "data-tiger-tabs-indicator": "true",
-                "aria-hidden": "true",
-                className: _tigercatcore.getTabIndicatorClasses.call(void 0, type, tabPosition),
-                style: _tigercatcore.getTabIndicatorStyle.call(void 0, activeTabIndex, tabKeys.length, tabPosition)
-              }
-            ),
-            tabItems,
-            type === "editable-card" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                type: "button",
-                className: _tigercatcore.tabAddButtonClasses,
-                onClick: handleTabAdd,
-                "aria-label": "Add tab",
-                children: "+"
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-  const tabContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.tabContentBaseClasses,
-      onTouchStart: handleContentTouchStart,
-      onTouchEnd: handleContentTouchEnd,
-      onTouchCancel: () => {
-        swipeStartRef.current = null;
-      },
-      children: tabPanes
-    }
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: containerClasses, style, children: tabPosition === "bottom" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    tabContent,
-    tabNavContent
-  ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    tabNavContent,
-    tabContent
-  ] }) }) });
-};
-
-
-
-
-
-exports.useTabsContext = useTabsContext; exports.TabPane = TabPane; exports.Tabs = Tabs;

package/dist/chunk-RTHC4KWM.js

@@ -1,55 +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/Code.tsx
-var _react = require('react');
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Code = ({
-  code,
-  copyable = true,
-  copyLabel = "\u590D\u5236",
-  copiedLabel = "\u5DF2\u590D\u5236",
-  onCopy,
-  className,
-  ...props
-}) => {
-  const [isCopied, setIsCopied] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    if (!isCopied) return;
-    const timer = window.setTimeout(() => {
-      setIsCopied(false);
-    }, 1500);
-    return () => window.clearTimeout(timer);
-  }, [isCopied]);
-  const handleCopy = async () => {
-    if (!copyable) return;
-    const ok = await _tigercatcore.copyTextToClipboard.call(void 0, code);
-    if (!ok) return;
-    setIsCopied(true);
-    _optionalChain([onCopy, 'optionalCall', _ => _(code)]);
-  };
-  const containerClasses = _tigercatcore.getCodeBlockContainerClasses.call(void 0, className);
-  const copyButtonClasses = _tigercatcore.getCodeBlockCopyButtonClasses.call(void 0, isCopied);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClasses, ...props, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { className: _tigercatcore.codeBlockPreClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { className: "block", children: code }) }),
-    copyable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: copyButtonClasses,
-        onClick: handleCopy,
-        "aria-label": isCopied ? copiedLabel : copyLabel,
-        children: isCopied ? copiedLabel : copyLabel
-      }
-    )
-  ] });
-};
-var Code_default = Code;
-
-
-
-
-exports.Code = Code; exports.Code_default = Code_default;

package/dist/chunk-RYIYE2PY.js

@@ -1,139 +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/Affix.tsx
-var _react = require('react');
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Affix = ({
-  offsetTop = 0,
-  offsetBottom,
-  target,
-  zIndex = 10,
-  className,
-  style,
-  children,
-  onChange,
-  ...props
-}) => {
-  const wrapperRef = _react.useRef.call(void 0, null);
-  const sentinelRef = _react.useRef.call(void 0, null);
-  const originalRectRef = _react.useRef.call(void 0, null);
-  const [state, setState] = _react.useState.call(void 0, { affixed: false, style: {} });
-  const stateRef = _react.useRef.call(void 0, state);
-  stateRef.current = state;
-  const onChangeRef = _react.useRef.call(void 0, onChange);
-  onChangeRef.current = onChange;
-  const recalcStyle = _react.useCallback.call(void 0, 
-    (affixed) => {
-      const el = wrapperRef.current;
-      if (!el) return;
-      if (!stateRef.current.affixed) {
-        const rect = el.getBoundingClientRect();
-        originalRectRef.current = {
-          top: rect.top,
-          left: rect.left,
-          width: rect.width,
-          height: rect.height
-        };
-      }
-      if (!originalRectRef.current) return;
-      const resolved = _tigercatcore.resolveAffixTarget.call(void 0, target);
-      const containerRect = resolved.getRect();
-      if (!affixed) {
-        if (stateRef.current.affixed) {
-          setState({ affixed: false, style: {} });
-          _optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(false)]);
-        }
-        return;
-      }
-      const forcedTop = offsetBottom !== void 0 ? containerRect.bottom - originalRectRef.current.height + offsetBottom + 1 : -1;
-      const next = _tigercatcore.calculateAffixState.call(void 0, 
-        {
-          top: forcedTop,
-          left: originalRectRef.current.left,
-          width: originalRectRef.current.width,
-          height: originalRectRef.current.height
-        },
-        containerRect,
-        offsetBottom !== void 0 ? void 0 : offsetTop,
-        offsetBottom,
-        zIndex
-      );
-      if (!next.affixed) {
-        if (stateRef.current.affixed) {
-          setState({ affixed: false, style: {} });
-          _optionalChain([onChangeRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4(false)]);
-        }
-        return;
-      }
-      const wasAffixed = stateRef.current.affixed;
-      setState(next);
-      if (!wasAffixed) _optionalChain([onChangeRef, 'access', _5 => _5.current, 'optionalCall', _6 => _6(true)]);
-    },
-    [offsetTop, offsetBottom, target, zIndex]
-  );
-  _react.useEffect.call(void 0, () => {
-    if (!sentinelRef.current) return void 0;
-    const resolved = _tigercatcore.resolveAffixTarget.call(void 0, target);
-    const root = resolved.element === window ? null : resolved.element;
-    const stop = _tigercatcore.createAffixObserver.call(void 0, sentinelRef.current, {
-      offsetTop,
-      offsetBottom,
-      root,
-      onToggle: (affixed) => recalcStyle(affixed)
-    });
-    let resizeObs = null;
-    const onResize = () => {
-      if (stateRef.current.affixed) recalcStyle(true);
-    };
-    if (typeof ResizeObserver !== "undefined" && wrapperRef.current) {
-      resizeObs = new ResizeObserver(() => onResize());
-      resizeObs.observe(wrapperRef.current);
-    }
-    window.addEventListener("resize", onResize, { passive: true });
-    return () => {
-      stop();
-      _optionalChain([resizeObs, 'optionalAccess', _7 => _7.disconnect, 'call', _8 => _8()]);
-      window.removeEventListener("resize", onResize);
-    };
-  }, [offsetTop, offsetBottom, target, recalcStyle]);
-  const wrapperClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, className), [className]);
-  const wrapperStyle = _react.useMemo.call(void 0, 
-    () => state.affixed ? { ...state.style, ...style } : style,
-    [state.affixed, state.style, style]
-  );
-  const sentinel = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ref: sentinelRef,
-      "aria-hidden": "true",
-      style: { display: "block", width: 0, height: 0, pointerEvents: "none" }
-    }
-  );
-  if (state.affixed) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      sentinel,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          style: {
-            width: _nullishCoalesce(_optionalChain([originalRectRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.width]), () => ( 0)),
-            height: _nullishCoalesce(_optionalChain([originalRectRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.height]), () => ( 0))
-          }
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: wrapperRef, className: wrapperClasses, style: wrapperStyle, ...props, children })
-    ] });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-    sentinel,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: wrapperRef, className: wrapperClasses, style: wrapperStyle, ...props, children })
-  ] });
-};
-
-
-
-exports.Affix = Affix;