@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-LODDAS62.js

@@ -1,15 +1,28 @@
-'use strict';
+"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/Progress.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/Progress.tsx
-var Progress = React__default.default.memo(
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Progress = _react2.default.memo(
   ({
     variant = "primary",
     size = "md",
@@ -31,11 +44,11 @@ var Progress = React__default.default.memo(
     "aria-describedby": ariaDescribedby,
     ...props
   }) => {
-    const clampedPercentage = tigercatCore.clampPercentage(percentage);
-    const effectiveVariant = tigercatCore.getStatusVariant(status) || variant;
-    const shouldShowText = showText ?? type === "line";
-    const displayText = shouldShowText ? tigercatCore.formatProgressText(clampedPercentage, text, format) : "";
-    const resolvedAriaLabel = ariaLabel ?? (ariaLabelledby ? void 0 : `Progress: ${clampedPercentage}%`);
+    const clampedPercentage = _tigercatcore.clampPercentage.call(void 0, percentage);
+    const effectiveVariant = _tigercatcore.getStatusVariant.call(void 0, status) || variant;
+    const shouldShowText = _nullishCoalesce(showText, () => ( type === "line"));
+    const displayText = shouldShowText ? _tigercatcore.formatProgressText.call(void 0, clampedPercentage, text, format) : "";
+    const resolvedAriaLabel = _nullishCoalesce(ariaLabel, () => ( (ariaLabelledby ? void 0 : `Progress: ${clampedPercentage}%`)));
     const ariaAttrs = {
       role: "progressbar",
       "aria-label": resolvedAriaLabel,
@@ -47,30 +60,30 @@ var Progress = React__default.default.memo(
     };
     const renderLineProgress = () => {
       const containerStyle = width !== "auto" ? { width: typeof width === "number" ? `${width}px` : width } : {};
-      return /* @__PURE__ */ jsxRuntime.jsxs(
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
           ...props,
-          className: tigercatCore.classNames("flex items-center w-full", className),
-          style: { ...style ?? {}, ...containerStyle },
+          className: _tigercatcore.classNames.call(void 0, "flex items-center w-full", className),
+          style: { ..._nullishCoalesce(style, () => ( {})), ...containerStyle },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
-                className: tigercatCore.classNames(
-                  tigercatCore.progressLineBaseClasses,
-                  tigercatCore.progressTrackBgClasses,
-                  !height && tigercatCore.progressLineSizeClasses[size]
+                className: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.progressLineBaseClasses,
+                  _tigercatcore.progressTrackBgClasses,
+                  !height && _tigercatcore.progressLineSizeClasses[size]
                 ),
                 style: { flex: 1, ...height ? { height: `${height}px` } : {} },
-                children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "div",
                   {
-                    className: tigercatCore.classNames(
-                      tigercatCore.progressLineInnerClasses,
-                      tigercatCore.getProgressVariantClasses(effectiveVariant),
-                      striped && tigercatCore.progressStripedClasses,
-                      striped && stripedAnimation && tigercatCore.progressStripedAnimationClasses
+                    className: _tigercatcore.classNames.call(void 0, 
+                      _tigercatcore.progressLineInnerClasses,
+                      _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant),
+                      striped && _tigercatcore.progressStripedClasses,
+                      striped && stripedAnimation && _tigercatcore.progressStripedAnimationClasses
                     ),
                     style: { width: `${clampedPercentage}%` },
                     ...ariaAttrs
@@ -78,13 +91,13 @@ var Progress = React__default.default.memo(
                 )
               }
             ),
-            shouldShowText && /* @__PURE__ */ jsxRuntime.jsx(
+            shouldShowText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "span",
               {
-                className: tigercatCore.classNames(
-                  tigercatCore.progressTextBaseClasses,
-                  tigercatCore.progressTextSizeClasses[size],
-                  tigercatCore.getProgressTextColorClasses(effectiveVariant)
+                className: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.progressTextBaseClasses,
+                  _tigercatcore.progressTextSizeClasses[size],
+                  _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant)
                 ),
                 children: displayText
               }
@@ -100,21 +113,21 @@ var Progress = React__default.default.memo(
         radius,
         cx,
         cy
-      } = tigercatCore.getCircleSize(size, strokeWidth);
-      const { strokeDasharray, strokeDashoffset } = tigercatCore.calculateCirclePath(radius, clampedPercentage);
-      return /* @__PURE__ */ jsxRuntime.jsxs(
+      } = _tigercatcore.getCircleSize.call(void 0, size, strokeWidth);
+      const { strokeDasharray, strokeDashoffset } = _tigercatcore.calculateCirclePath.call(void 0, radius, clampedPercentage);
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
           ...props,
-          className: tigercatCore.classNames(tigercatCore.progressCircleBaseClasses, className),
+          className: _tigercatcore.classNames.call(void 0, _tigercatcore.progressCircleBaseClasses, className),
           style: {
-            ...style ?? {},
+            ..._nullishCoalesce(style, () => ( {})),
             width: `${svgWidth}px`,
             height: `${svgHeight}px`
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: svgWidth, height: svgHeight, viewBox: `0 0 ${svgWidth} ${svgHeight}`, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: svgWidth, height: svgHeight, viewBox: `0 0 ${svgWidth} ${svgHeight}`, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "circle",
                 {
                   cx,
@@ -122,11 +135,11 @@ var Progress = React__default.default.memo(
                   r: radius,
                   fill: "none",
                   stroke: "currentColor",
-                  className: tigercatCore.progressCircleTrackStrokeClasses,
+                  className: _tigercatcore.progressCircleTrackStrokeClasses,
                   strokeWidth
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "circle",
                 {
                   cx,
@@ -134,7 +147,7 @@ var Progress = React__default.default.memo(
                   r: radius,
                   fill: "none",
                   stroke: "currentColor",
-                  className: tigercatCore.getProgressVariantClasses(effectiveVariant).replace("bg-", "text-"),
+                  className: _tigercatcore.getProgressVariantClasses.call(void 0, effectiveVariant).replace("bg-", "text-"),
                   strokeWidth,
                   strokeLinecap: "round",
                   strokeDasharray,
@@ -148,14 +161,14 @@ var Progress = React__default.default.memo(
                 }
               )
             ] }),
-            shouldShowText && /* @__PURE__ */ jsxRuntime.jsx(
+            shouldShowText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
-                className: tigercatCore.classNames(
-                  tigercatCore.progressCircleTextClasses,
-                  tigercatCore.progressTextSizeClasses[size],
+                className: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.progressCircleTextClasses,
+                  _tigercatcore.progressTextSizeClasses[size],
                   "font-medium",
-                  tigercatCore.getProgressTextColorClasses(effectiveVariant)
+                  _tigercatcore.getProgressTextColorClasses.call(void 0, effectiveVariant)
                 ),
                 children: displayText
               }
@@ -170,4 +183,6 @@ var Progress = React__default.default.memo(
 );
 Progress.displayName = "Progress";
 
+
+
 exports.Progress = Progress;

package/dist/{chunk-4QQZ5H4V.mjs → chunk-LQT6ZGME.mjs}

@@ -1,8 +1,26 @@
-import { useState, useMemo } from 'react';
-import { splitTransferData, filterTransferItems, classNames, transferOperationClasses, getTransferButtonClasses, icon20ViewBox, chevronRightSolidIcon20PathD, chevronLeftSolidIcon20PathD, transferBaseClasses, transferPanelClasses, transferPanelHeaderClasses, transferSearchClasses, transferPanelBodyClasses, getTransferItemClasses, getTransferCheckboxClasses, transferEmptyClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Transfer.tsx
+import { useState, useMemo } from "react";
+import {
+  transferBaseClasses,
+  transferPanelClasses,
+  transferPanelHeaderClasses,
+  transferPanelBodyClasses,
+  transferSearchClasses,
+  transferEmptyClasses,
+  transferOperationClasses,
+  getTransferItemClasses,
+  getTransferCheckboxClasses,
+  getTransferButtonClasses,
+  splitTransferData,
+  filterTransferItems,
+  getPickerListboxAria,
+  getPickerOptionAria,
+  classNames,
+  icon20ViewBox,
+  chevronLeftSolidIcon20PathD,
+  chevronRightSolidIcon20PathD
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var TRANSFER_KEYS = /* @__PURE__ */ new Set([
   "value",
   "dataSource",
@@ -117,35 +135,40 @@ var Transfer = (props) => {
           onChange: (e) => onSearch(e.target.value)
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: transferPanelBodyClasses, role: "listbox", children: items.length > 0 ? items.map((item) => {
-        const isSelected = selectedKeys.has(item.key);
-        const isDisabled = disabled || !!item.disabled;
-        return /* @__PURE__ */ jsxs(
-          "label",
-          {
-            className: getTransferItemClasses(isSelected, isDisabled, size),
-            role: "option",
-            "aria-selected": isSelected,
-            "aria-disabled": isDisabled,
-            children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "checkbox",
-                  className: getTransferCheckboxClasses(size),
-                  checked: isSelected,
-                  disabled: isDisabled,
-                  onChange: () => {
-                    if (!isDisabled) toggleFn(item.key);
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: item.label })
-            ]
-          },
-          String(item.key)
-        );
-      }) : /* @__PURE__ */ jsx("div", { className: transferEmptyClasses, children: notFoundText }) })
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: transferPanelBodyClasses,
+          ...getPickerListboxAria({ label: `${title} items` }),
+          children: items.length > 0 ? items.map((item) => {
+            const isSelected = selectedKeys.has(item.key);
+            const isDisabled = disabled || !!item.disabled;
+            return /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: getTransferItemClasses(isSelected, isDisabled, size),
+                ...getPickerOptionAria({ selected: isSelected, disabled: isDisabled }),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      className: getTransferCheckboxClasses(size),
+                      checked: isSelected,
+                      disabled: isDisabled,
+                      onChange: () => {
+                        if (!isDisabled) toggleFn(item.key);
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: item.label })
+                ]
+              },
+              String(item.key)
+            );
+          }) : /* @__PURE__ */ jsx("div", { className: transferEmptyClasses, children: notFoundText })
+        }
+      )
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: classNames(transferBaseClasses, className), ...divProps, children: [
@@ -210,4 +233,6 @@ var Transfer = (props) => {
   ] });
 };
 
-export { Transfer };
+export {
+  Transfer
+};

package/dist/{chunk-TYCRDHE6.mjs → chunk-LRPPXU74.mjs}

@@ -1,11 +1,31 @@
-import { StatusIcon } from './chunk-FLYJVZED.mjs';
-import { useState, useRef, useCallback, useEffect } from 'react';
-import ReactDOM from 'react-dom';
-import { getTourTargetRect, getTourPopoverPosition, getTourSpotlightStyle, classNames, tourCloseButtonClasses, closeIconPathD, tourTitleClasses, tourDescriptionClasses, tourFooterClasses, tourIndicatorClasses, tourPopoverClasses } from '@expcat/tigercat-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import {
+  StatusIcon
+} from "./chunk-FLYJVZED.mjs";
 
+// src/components/Tour.tsx
+import { useState, useEffect, useRef, useCallback, useMemo } from "react";
+import ReactDOM from "react-dom";
+import {
+  classNames,
+  isBrowser,
+  tourPopoverClasses,
+  tourTitleClasses,
+  tourDescriptionClasses,
+  tourFooterClasses,
+  tourIndicatorClasses,
+  tourCloseButtonClasses,
+  getTourTargetRect,
+  getTourPopoverPosition,
+  getTourSpotlightStyle,
+  getActiveTourSteps,
+  getCurrentActiveTourStep,
+  getActiveTourStepPosition,
+  closeIconPathD
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Tour = ({
   steps,
+  loadSteps,
   open = false,
   current: controlledCurrent,
   nextText = "Next",
@@ -14,15 +34,39 @@ var Tour = ({
   closable = true,
   showIndicators = true,
   className,
+  onOpenChange,
   onClose,
   onFinish,
   onChange
 }) => {
   const [internalStep, setInternalStep] = useState(0);
+  const [resolvedSteps, setResolvedSteps] = useState(steps);
   const currentStep = controlledCurrent ?? internalStep;
-  const step = steps[currentStep];
+  const activeSteps = useMemo(() => getActiveTourSteps(resolvedSteps), [resolvedSteps]);
+  const activeStepInfo = useMemo(
+    () => getCurrentActiveTourStep(activeSteps, currentStep, resolvedSteps.length),
+    [activeSteps, currentStep, resolvedSteps.length]
+  );
+  const activeStepPosition = getActiveTourStepPosition(activeSteps, activeStepInfo?.index);
+  const step = activeStepInfo?.step;
   const [targetRect, setTargetRect] = useState();
   const popoverRef = useRef(null);
+  useEffect(() => {
+    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 = useCallback(() => {
     if (step?.target) {
       setTargetRect(getTourTargetRect(step.target));
@@ -51,25 +95,29 @@ var Tour = ({
     [onChange]
   );
   const next = useCallback(() => {
-    if (currentStep < steps.length - 1) {
-      goTo(currentStep + 1);
+    const nextStep = activeSteps[activeStepPosition + 1];
+    if (nextStep) {
+      goTo(nextStep.index);
     } else {
       onFinish?.();
+      onOpenChange?.(false);
       onClose?.();
     }
-  }, [currentStep, steps.length, goTo, onFinish, onClose]);
+  }, [activeSteps, activeStepPosition, goTo, onFinish, onOpenChange, onClose]);
   const prev = useCallback(() => {
-    if (currentStep > 0) goTo(currentStep - 1);
-  }, [currentStep, goTo]);
+    const prevStep = activeSteps[activeStepPosition - 1];
+    if (prevStep) goTo(prevStep.index);
+  }, [activeSteps, activeStepPosition, goTo]);
   const close = useCallback(() => {
+    onOpenChange?.(false);
     onClose?.();
-  }, [onClose]);
+  }, [onOpenChange, onClose]);
   if (!open || !step) return null;
-  if (typeof document === "undefined") return null;
+  if (!isBrowser()) return null;
   const placement = step.placement ?? "bottom";
   const showMask = step.mask !== false;
-  const isLast = currentStep === steps.length - 1;
-  const isFirst = currentStep === 0;
+  const isLast = activeStepPosition === activeSteps.length - 1;
+  const isFirst = activeStepPosition <= 0;
   let popoverStyle;
   if (targetRect) {
     const pos = getTourPopoverPosition(targetRect, 320, 160, placement);
@@ -108,9 +156,9 @@ var Tour = ({
           step.description && /* @__PURE__ */ jsx("div", { className: tourDescriptionClasses, children: step.description }),
           /* @__PURE__ */ jsxs("div", { className: tourFooterClasses, children: [
             showIndicators && /* @__PURE__ */ jsxs("span", { className: tourIndicatorClasses, children: [
-              currentStep + 1,
+              activeStepPosition + 1,
               " / ",
-              steps.length
+              activeSteps.length
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
               !isFirst && /* @__PURE__ */ jsx(
@@ -140,4 +188,6 @@ var Tour = ({
   return ReactDOM.createPortal(content, document.body);
 };
 
-export { Tour };
+export {
+  Tour
+};

package/dist/{chunk-RRJTIKU6.mjs → chunk-M5GSLKUX.mjs}

@@ -1,8 +1,27 @@
-import { useId, useState, useRef, useMemo, useEffect } from 'react';
-import { getAllTreeSelectKeys, getTreeSelectDisplayLabel, filterTreeSelectNodes, flattenTreeSelectNodes, classNames, getTreeSelectTriggerClasses, icon20ViewBox, closeSolidIcon20PathD, chevronDownSolidIcon20PathD, treeSelectDropdownClasses, treeSelectSearchClasses, getTreeSelectNodeClasses, chevronRightSolidIcon20PathD, treeSelectEmptyClasses, treeSelectBaseClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/TreeSelect.tsx
+import { useState, useMemo, useRef, useEffect, useId } from "react";
+import {
+  treeSelectBaseClasses,
+  treeSelectDropdownClasses,
+  treeSelectSearchClasses,
+  treeSelectEmptyClasses,
+  getTreeSelectTriggerClasses,
+  getTreeSelectNodeClasses,
+  getTreeSelectDisplayLabel,
+  getAllTreeSelectKeys,
+  flattenTreeSelectNodes,
+  filterTreeSelectNodes,
+  getPickerComboboxAria,
+  getPickerListboxAria,
+  getPickerOptionAria,
+  getPickerTriggerKeyAction,
+  classNames,
+  icon20ViewBox,
+  chevronDownSolidIcon20PathD,
+  chevronRightSolidIcon20PathD,
+  closeSolidIcon20PathD
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var TREESELECT_KEYS = /* @__PURE__ */ new Set([
   "value",
   "treeData",
@@ -106,12 +125,16 @@ var TreeSelect = (props) => {
     onChange?.(multiple ? [] : void 0);
   }
   function handleKeyDown(e) {
-    if (e.key === "Escape") {
-      e.preventDefault();
-      closeDropdown();
-    } else if ((e.key === "Enter" || e.key === " ") && !isOpen) {
-      e.preventDefault();
+    const action = getPickerTriggerKeyAction(e.key, isOpen);
+    if (action === "none") return;
+    e.preventDefault();
+    if (action === "toggle") {
+      if (isOpen) closeDropdown();
+      else openDropdown();
+    } else if (action === "open") {
       openDropdown();
+    } else if (action === "close") {
+      closeDropdown();
     }
   }
   useEffect(() => {
@@ -130,10 +153,7 @@ var TreeSelect = (props) => {
       {
         type: "button",
         className: getTreeSelectTriggerClasses(size, disabled, isOpen),
-        role: "combobox",
-        "aria-expanded": isOpen,
-        "aria-haspopup": "listbox",
-        "aria-controls": isOpen ? listboxId : void 0,
+        ...getPickerComboboxAria({ expanded: isOpen, listboxId }),
         disabled,
         onClick: toggleDropdown,
         onKeyDown: handleKeyDown,
@@ -178,7 +198,7 @@ var TreeSelect = (props) => {
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs("div", { id: listboxId, role: "listbox", className: treeSelectDropdownClasses, children: [
+    isOpen && /* @__PURE__ */ jsxs("div", { ...getPickerListboxAria({ id: listboxId }), className: treeSelectDropdownClasses, children: [
       showSearch && /* @__PURE__ */ jsx(
         "input",
         {
@@ -197,9 +217,7 @@ var TreeSelect = (props) => {
         return /* @__PURE__ */ jsxs(
           "div",
           {
-            role: "option",
-            "aria-selected": selected,
-            "aria-disabled": node.disabled,
+            ...getPickerOptionAria({ selected, disabled: !!node.disabled }),
             className: getTreeSelectNodeClasses(selected, !!node.disabled, size),
             style: { paddingLeft: `${indent + 8}px` },
             onClick: (e) => {
@@ -235,4 +253,6 @@ var TreeSelect = (props) => {
   ] });
 };
 
-export { TreeSelect };
+export {
+  TreeSelect
+};

package/dist/chunk-M73NMNZX.js

@@ -0,0 +1,96 @@
+"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/InfiniteScroll.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var InfiniteScroll = ({
+  hasMore = true,
+  loading = false,
+  threshold = 100,
+  loadingText = "Loading...",
+  endText = "No more data",
+  direction = "vertical",
+  inverse = false,
+  disabled = false,
+  className,
+  children,
+  loader,
+  end,
+  onLoadMore,
+  ...rest
+}) => {
+  const containerRef = _react.useRef.call(void 0, null);
+  const sentinelRef = _react.useRef.call(void 0, null);
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getInfiniteScrollContainerClasses.call(void 0, direction, className),
+    [direction, className]
+  );
+  const onLoadMoreRef = _react.useRef.call(void 0, onLoadMore);
+  onLoadMoreRef.current = onLoadMore;
+  const checkScroll = _react.useCallback.call(void 0, () => {
+    if (disabled || loading || !hasMore) return;
+    const el = containerRef.current;
+    if (!el) return;
+    if (_tigercatcore.shouldLoadMore.call(void 0, el, threshold, direction, inverse)) {
+      _optionalChain([onLoadMoreRef, 'access', _ => _.current, 'optionalCall', _2 => _2()]);
+    }
+  }, [disabled, loading, hasMore, threshold, direction, inverse]);
+  _react.useEffect.call(void 0, () => {
+    if (disabled || !hasMore) return;
+    const sentinel = sentinelRef.current;
+    if (!sentinel) return;
+    const teardown = _tigercatcore.createInfiniteScrollObserver.call(void 0, sentinel, {
+      threshold,
+      direction,
+      root: containerRef.current,
+      onLoadMore: () => {
+        if (!disabled && !loading && hasMore) {
+          _optionalChain([onLoadMoreRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4()]);
+        }
+      }
+    });
+    if (teardown) {
+      return teardown;
+    }
+    const el = containerRef.current;
+    if (el) {
+      el.addEventListener("scroll", checkScroll, { passive: true });
+      return () => el.removeEventListener("scroll", checkScroll);
+    }
+  }, [disabled, loading, hasMore, threshold, direction, inverse, checkScroll]);
+  const sentinelEl = hasMore ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: sentinelRef,
+      className: _tigercatcore.infiniteScrollSentinelClasses,
+      "aria-hidden": "true",
+      style: { height: 0, overflow: "hidden" }
+    }
+  ) : null;
+  const loaderEl = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.infiniteScrollLoaderClasses, role: "status", "aria-live": "polite", children: _nullishCoalesce(loader, () => ( loadingText)) }) : null;
+  const endEl = !hasMore && !loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.infiniteScrollEndClasses, children: _nullishCoalesce(end, () => ( endText)) }) : null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: containerRef, className: _tigercatcore.classNames.call(void 0, containerClasses), ...rest, children: inverse ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    sentinelEl,
+    loaderEl,
+    children,
+    endEl
+  ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    children,
+    sentinelEl,
+    loaderEl,
+    endEl
+  ] }) });
+};
+var InfiniteScroll_default = InfiniteScroll;
+
+
+
+
+exports.InfiniteScroll = InfiniteScroll; exports.InfiniteScroll_default = InfiniteScroll_default;