@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-BZ3AXFLG.js

@@ -1,149 +0,0 @@
-'use strict';
-
-var chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
-var react = require('react');
-var ReactDOM = require('react-dom');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
-var Tour = ({
-  steps,
-  open = false,
-  current: controlledCurrent,
-  nextText = "Next",
-  prevText = "Previous",
-  finishText = "Finish",
-  closable = true,
-  showIndicators = true,
-  className,
-  onClose,
-  onFinish,
-  onChange
-}) => {
-  const [internalStep, setInternalStep] = react.useState(0);
-  const currentStep = controlledCurrent ?? internalStep;
-  const step = steps[currentStep];
-  const [targetRect, setTargetRect] = react.useState();
-  const popoverRef = react.useRef(null);
-  const updateRect = react.useCallback(() => {
-    if (step?.target) {
-      setTargetRect(tigercatCore.getTourTargetRect(step.target));
-    } else {
-      setTargetRect(void 0);
-    }
-  }, [step]);
-  react.useEffect(() => {
-    if (open) updateRect();
-  }, [open, currentStep, updateRect]);
-  react.useEffect(() => {
-    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(
-    (idx) => {
-      setInternalStep(idx);
-      onChange?.(idx);
-    },
-    [onChange]
-  );
-  const next = react.useCallback(() => {
-    if (currentStep < steps.length - 1) {
-      goTo(currentStep + 1);
-    } else {
-      onFinish?.();
-      onClose?.();
-    }
-  }, [currentStep, steps.length, goTo, onFinish, onClose]);
-  const prev = react.useCallback(() => {
-    if (currentStep > 0) goTo(currentStep - 1);
-  }, [currentStep, goTo]);
-  const close = react.useCallback(() => {
-    onClose?.();
-  }, [onClose]);
-  if (!open || !step) return null;
-  if (typeof document === "undefined") return null;
-  const placement = step.placement ?? "bottom";
-  const showMask = step.mask !== false;
-  const isLast = currentStep === steps.length - 1;
-  const isFirst = currentStep === 0;
-  let popoverStyle;
-  if (targetRect) {
-    const pos = tigercatCore.getTourPopoverPosition(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(jsxRuntime.Fragment, { children: [
-    showMask && targetRect && /* @__PURE__ */ jsxRuntime.jsx("div", { style: tigercatCore.getTourSpotlightStyle(targetRect), "aria-hidden": "true" }),
-    showMask && !targetRect && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-[1000] bg-black/45", "aria-hidden": "true", onClick: close }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: popoverRef,
-        className: tigercatCore.classNames(tigercatCore.tourPopoverClasses, className),
-        style: popoverStyle,
-        role: "dialog",
-        "aria-modal": "true",
-        children: [
-          closable && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.tourCloseButtonClasses,
-              type: "button",
-              "aria-label": "Close tour",
-              onClick: close,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: tigercatCore.closeIconPathD, className: "h-4 w-4" })
-            }
-          ),
-          step.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.tourTitleClasses, children: step.title }),
-          step.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.tourDescriptionClasses, children: step.description }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.tourFooterClasses, children: [
-            showIndicators && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.tourIndicatorClasses, children: [
-              currentStep + 1,
-              " / ",
-              steps.length
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
-              !isFirst && /* @__PURE__ */ jsxRuntime.jsx(
-                "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(
-                "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 ReactDOM__default.default.createPortal(content, document.body);
-};
-
-exports.Tour = Tour;

package/dist/chunk-DSLKTIPD.js

@@ -1,75 +0,0 @@
-'use strict';
-
-var chunkJFOSDCCG_js = require('./chunk-JFOSDCCG.js');
-var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var createPopoverId = tigercatCore.createFloatingIdFactory("popover");
-var Popover = ({
-  open,
-  defaultOpen = false,
-  title,
-  content,
-  trigger = "click",
-  placement = "top",
-  disabled = false,
-  width,
-  offset = 8,
-  className,
-  style,
-  children,
-  titleContent,
-  contentContent,
-  onOpenChange,
-  ...divProps
-}) => {
-  const popoverIdRef = react.useRef(null);
-  if (!popoverIdRef.current) popoverIdRef.current = createPopoverId();
-  const popoverId = popoverIdRef.current;
-  const titleId = `${popoverId}-title`;
-  const contentId = `${popoverId}-content`;
-  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = chunkJFOSDCCG_js.usePopup({ open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getPopoverContainerClasses(), className),
-    [className]
-  );
-  const triggerClasses = react.useMemo(() => tigercatCore.getPopoverTriggerClasses(disabled), [disabled]);
-  const contentClasses = react.useMemo(() => tigercatCore.getPopoverContentClasses(width), [width]);
-  if (!children) return null;
-  const hasTitle = Boolean(title || titleContent);
-  const hasContent = Boolean(content || contentContent);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: triggerRef,
-        className: triggerClasses,
-        "aria-haspopup": "dialog",
-        "aria-disabled": disabled ? "true" : void 0,
-        ...triggerHandlers,
-        children
-      }
-    ),
-    currentVisible && chunkPGBKMW4Q_js.renderBodyPortal(
-      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          id: popoverId,
-          role: "dialog",
-          "aria-modal": "false",
-          "aria-labelledby": hasTitle ? titleId : void 0,
-          "aria-describedby": hasContent ? contentId : void 0,
-          className: contentClasses,
-          children: [
-            hasTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: tigercatCore.POPOVER_TITLE_CLASSES, children: titleContent || title }),
-            hasContent && /* @__PURE__ */ jsxRuntime.jsx("div", { id: contentId, className: tigercatCore.POPOVER_TEXT_CLASSES, children: contentContent || content })
-          ]
-        }
-      ) })
-    )
-  ] });
-};
-
-exports.Popover = Popover;

package/dist/chunk-FNK4ZATV.js

@@ -1,94 +0,0 @@
-'use strict';
-
-var react = require('react');
-var ReactDOM = require('react-dom');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
-// src/components/FloatButton.tsx
-var FloatButton = ({
-  shape = "circle",
-  size = "md",
-  type = "primary",
-  tooltip,
-  disabled = false,
-  ariaLabel,
-  className,
-  children,
-  onClick,
-  ...props
-}) => {
-  const classes = react.useMemo(
-    () => tigercatCore.classNames(
-      tigercatCore.floatButtonBaseClasses,
-      tigercatCore.floatButtonShapeClasses[shape],
-      tigercatCore.floatButtonSizeClasses[size],
-      tigercatCore.floatButtonTypeClasses[type],
-      disabled && tigercatCore.floatButtonDisabledClasses,
-      className
-    ),
-    [shape, size, type, disabled, className]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      className: classes,
-      type: "button",
-      disabled,
-      "aria-label": ariaLabel ?? tooltip,
-      title: tooltip,
-      onClick: disabled ? void 0 : onClick,
-      ...props,
-      children
-    }
-  );
-};
-var FloatButtonGroup = ({
-  shape: _shape = "circle",
-  trigger = "click",
-  open: controlledOpen,
-  triggerNode,
-  children,
-  className,
-  onOpenChange,
-  ...props
-}) => {
-  const [internalOpen, setInternalOpen] = react.useState(false);
-  const isOpen = controlledOpen ?? internalOpen;
-  const toggle = react.useCallback(() => {
-    const next = !isOpen;
-    setInternalOpen(next);
-    onOpenChange?.(next);
-  }, [isOpen, onOpenChange]);
-  const handleMouseEnter = react.useCallback(() => {
-    setInternalOpen(true);
-    onOpenChange?.(true);
-  }, [onOpenChange]);
-  const handleMouseLeave = react.useCallback(() => {
-    setInternalOpen(false);
-    onOpenChange?.(false);
-  }, [onOpenChange]);
-  const groupClasses = react.useMemo(() => tigercatCore.classNames(tigercatCore.floatButtonGroupClasses, className), [className]);
-  if (typeof document === "undefined") return null;
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: groupClasses,
-      onMouseEnter: trigger === "hover" ? handleMouseEnter : void 0,
-      onMouseLeave: trigger === "hover" ? handleMouseLeave : void 0,
-      ...props,
-      children: [
-        triggerNode && /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: trigger === "click" ? toggle : void 0, children: triggerNode }),
-        isOpen && children
-      ]
-    }
-  );
-  return ReactDOM__default.default.createPortal(content, document.body);
-};
-
-exports.FloatButton = FloatButton;
-exports.FloatButtonGroup = FloatButtonGroup;

package/dist/chunk-GAT4ZATZ.js

@@ -1,302 +0,0 @@
-'use strict';
-
-var chunkX7WESYRG_js = require('./chunk-X7WESYRG.js');
-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);
-
-var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
-var LoadingSpinner = () => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: tigercatCore.getLoadingOverlaySpinnerClasses(),
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: spinnerSvg.viewBox,
-    children: spinnerSvg.elements.map((el, index) => {
-      if (el.type === "circle") return /* @__PURE__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
-      if (el.type === "path") return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
-      return null;
-    })
-  }
-);
-var List = ({
-  dataSource = [],
-  size = "md",
-  bordered = "divided",
-  loading = false,
-  emptyText = "No data",
-  split = true,
-  itemLayout = "horizontal",
-  header,
-  footer,
-  pagination = false,
-  grid,
-  virtual = false,
-  virtualHeight = 400,
-  virtualItemHeight = 40,
-  virtualOverscan = 5,
-  rowKey = "key",
-  hoverable = false,
-  renderItem,
-  onItemClick,
-  onPageChange,
-  className,
-  draggable: isDraggable = false,
-  onReorder,
-  ...divProps
-}) => {
-  const [currentPage, setCurrentPage] = React.useState(
-    pagination && typeof pagination === "object" ? pagination.current || 1 : 1
-  );
-  const dragIndexRef = React__default.default.useRef(null);
-  const [currentPageSize, setCurrentPageSize] = React.useState(
-    pagination && typeof pagination === "object" ? pagination.pageSize || 10 : 10
-  );
-  const paginatedData = React.useMemo(() => {
-    if (pagination === false) {
-      return dataSource;
-    }
-    return tigercatCore.paginateData(dataSource, currentPage, currentPageSize);
-  }, [dataSource, currentPage, currentPageSize, pagination]);
-  const paginationInfo = React.useMemo(() => {
-    if (pagination === false) {
-      return null;
-    }
-    const total = dataSource.length;
-    return tigercatCore.calculatePagination(total, currentPage, currentPageSize);
-  }, [dataSource.length, currentPage, currentPageSize, pagination]);
-  const listClasses = React.useMemo(() => {
-    return tigercatCore.classNames(tigercatCore.getListClasses(bordered), tigercatCore.listSizeClasses[size], className);
-  }, [bordered, size, className]);
-  const gridClasses = React.useMemo(() => {
-    if (!grid) return "";
-    return tigercatCore.classNames(
-      tigercatCore.listGridContainerClasses,
-      tigercatCore.getGridColumnClasses(grid.column, grid.xs, grid.sm, grid.md, grid.lg, grid.xl, grid.xxl)
-    );
-  }, [grid]);
-  const handlePageChange = (page) => {
-    setCurrentPage(page);
-    onPageChange?.({ current: page, pageSize: currentPageSize });
-  };
-  const handlePageSizeChange = (pageSize) => {
-    setCurrentPageSize(pageSize);
-    setCurrentPage(1);
-    onPageChange?.({ current: 1, pageSize });
-  };
-  const handleItemClick = (item, index) => {
-    onItemClick?.(item, index);
-  };
-  const getItemKey = (item, index) => {
-    if (typeof rowKey === "function") {
-      return rowKey(item, index);
-    }
-    return item[rowKey] || index;
-  };
-  const renderListHeader = () => {
-    if (!header) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getListHeaderFooterClasses(size, false), children: header });
-  };
-  const renderListFooter = () => {
-    if (!footer) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getListHeaderFooterClasses(size, true), children: footer });
-  };
-  const renderDefaultListItem = (item, _index) => {
-    const itemContent = [];
-    const metaContent = [];
-    if (item.avatar) {
-      metaContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemAvatarClasses, children: typeof item.avatar === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: item.avatar,
-            alt: item.title || "Avatar",
-            className: "w-10 h-10 rounded-full object-cover"
-          }
-        ) : item.avatar }, "avatar")
-      );
-    }
-    const contentChildren = [];
-    if (item.title) {
-      contentChildren.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemTitleClasses, children: item.title }, "title")
-      );
-    }
-    if (item.description) {
-      contentChildren.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemDescriptionClasses, children: item.description }, "description")
-      );
-    }
-    if (contentChildren.length > 0) {
-      metaContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemContentClasses, children: contentChildren }, "content")
-      );
-    }
-    if (metaContent.length > 0) {
-      itemContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemMetaClasses, children: metaContent }, "meta")
-      );
-    }
-    if (item.extra) {
-      itemContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemExtraClasses, children: item.extra }, "extra")
-      );
-    }
-    return itemContent;
-  };
-  const renderListItem = (item, index) => {
-    const key = getItemKey(item, index);
-    const itemClasses = tigercatCore.getListItemClasses(
-      size,
-      itemLayout,
-      split && bordered === "divided" && !grid,
-      hoverable
-    );
-    const clickable = typeof onItemClick === "function";
-    const handleClick = clickable ? () => handleItemClick(item, index) : void 0;
-    const handleKeyDown = clickable ? (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        handleItemClick(item, index);
-      }
-    } : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: tigercatCore.classNames(
-          itemClasses,
-          clickable && "cursor-pointer",
-          isDraggable && "cursor-grab"
-        ),
-        role: "listitem",
-        tabIndex: clickable ? 0 : void 0,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        draggable: isDraggable || void 0,
-        onDragStart: isDraggable ? () => {
-          dragIndexRef.current = index;
-        } : void 0,
-        onDragOver: isDraggable ? (e) => e.preventDefault() : void 0,
-        onDrop: isDraggable ? () => {
-          const from = dragIndexRef.current;
-          if (from === null || from === index) {
-            dragIndexRef.current = null;
-            return;
-          }
-          dragIndexRef.current = null;
-          const items = [...dataSource];
-          const [moved] = items.splice(from, 1);
-          items.splice(index, 0, moved);
-          onReorder?.(items, from, index);
-        } : void 0,
-        onDragEnd: isDraggable ? () => {
-          dragIndexRef.current = null;
-        } : void 0,
-        children: renderItem ? renderItem(item, index) : renderDefaultListItem(item)
-      },
-      key
-    );
-  };
-  const renderListItems = () => {
-    if (loading) {
-      return null;
-    }
-    if (paginatedData.length === 0) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listEmptyStateClasses, role: "status", "aria-live": "polite", children: emptyText });
-    }
-    const items = paginatedData.map((item, index) => renderListItem(item, index));
-    if (grid) {
-      const gutter = grid.gutter;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: gridClasses,
-          style: gutter ? { gap: `${gutter}px` } : void 0,
-          children: items
-        }
-      );
-    }
-    if (virtual) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkX7WESYRG_js.VirtualList,
-        {
-          itemCount: paginatedData.length,
-          itemHeight: virtualItemHeight,
-          height: virtualHeight,
-          overscan: virtualOverscan,
-          renderItem: ({ index }) => renderListItem(paginatedData[index], index)
-        }
-      );
-    }
-    return items;
-  };
-  const renderPagination = () => {
-    if (pagination === false || !paginationInfo) {
-      return null;
-    }
-    const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo;
-    const total = dataSource.length;
-    const paginationConfig = pagination;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationContainerClasses(), children: [
-      paginationConfig.showTotal !== false && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getSimplePaginationTotalClasses(), children: paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} items` }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationControlsClasses(), children: [
-        paginationConfig.showSizeChanger !== false && /* @__PURE__ */ jsxRuntime.jsx(
-          "select",
-          {
-            className: tigercatCore.getSimplePaginationSelectClasses(),
-            value: currentPageSize,
-            onChange: (e) => handlePageSizeChange(Number(e.target.value)),
-            children: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size2) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: size2, children: [
-              size2,
-              " / page"
-            ] }, size2))
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationButtonsWrapperClasses(), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.getSimplePaginationButtonClasses(!hasPrev),
-              disabled: !hasPrev,
-              onClick: () => handlePageChange(currentPage - 1),
-              children: "Previous"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.getSimplePaginationPageIndicatorClasses(), children: [
-            "Page ",
-            currentPage,
-            " of ",
-            totalPages
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.getSimplePaginationButtonClasses(!hasNext),
-              disabled: !hasNext,
-              onClick: () => handlePageChange(currentPage + 1),
-              children: "Next"
-            }
-          )
-        ] })
-      ] })
-    ] });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.listWrapperClasses, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { ...divProps, className: listClasses, role: "list", "aria-busy": loading || void 0, children: [
-        renderListHeader(),
-        renderListItems(),
-        renderListFooter()
-      ] }),
-      loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listLoadingOverlayClasses, role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, {}) })
-    ] }),
-    renderPagination()
-  ] });
-};
-
-exports.List = List;