@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-SMC2RV3V.mjs

@@ -1,250 +0,0 @@
-import { MenuItemGroup } from './chunk-OFBK35TK.mjs';
-import { MenuItem } from './chunk-D5KYIQWB.mjs';
-import { useMenuContext } from './chunk-ZIUOENTL.mjs';
-import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import { isKeyOpen, classNames, getSubMenuTitleClasses, submenuContentHorizontalClasses, submenuContentHorizontalNestedClasses, submenuContentPopupClasses, submenuContentInlineClasses, submenuContentVerticalClasses, focusFirstChildItem, moveFocusInMenu, focusMenuEdge, getMenuItemIndent, getSubmenuPopupZIndex, menuItemIconClasses, getSubMenuExpandIconClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var ExpandIcon = ({ expanded }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: getSubMenuExpandIconClasses(expanded),
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    fill: "currentColor",
-    children: /* @__PURE__ */ jsx("path", { d: "M6 9L1.5 4.5L2.205 3.795L6 7.59L9.795 3.795L10.5 4.5L6 9Z" })
-  }
-);
-var SubMenu = ({
-  itemKey,
-  title = "",
-  icon,
-  disabled = false,
-  className,
-  level = 0,
-  children,
-  collapsed: collapsedOverride
-}) => {
-  const menuContext = useMenuContext();
-  if (!menuContext) {
-    console.warn("SubMenu must be used within Menu component");
-  }
-  const [isHovered, setIsHovered] = useState(false);
-  const [isOpenByKeyboard, setIsOpenByKeyboard] = useState(false);
-  const effectiveCollapsed = collapsedOverride ?? (menuContext ? menuContext.collapsed : false);
-  const isPopup = !!menuContext && (menuContext.mode === "horizontal" || menuContext.mode === "vertical" && effectiveCollapsed);
-  const isOpen = !!menuContext && isKeyOpen(itemKey, menuContext.openKeys);
-  const isExpanded = isPopup ? isHovered || isOpenByKeyboard : isOpen;
-  const isInlineOrVertical = menuContext?.mode !== "horizontal" && !isPopup;
-  const [hasRenderedInline, setHasRenderedInline] = useState(
-    () => isInlineOrVertical ? isExpanded : false
-  );
-  useEffect(() => {
-    if (!isInlineOrVertical || !isExpanded || hasRenderedInline) return;
-    setHasRenderedInline(true);
-  }, [hasRenderedInline, isExpanded, isInlineOrVertical]);
-  const titleClasses = useMemo(() => {
-    if (!menuContext) return "";
-    return classNames(getSubMenuTitleClasses(menuContext.theme, disabled), className);
-  }, [menuContext, disabled, className]);
-  const contentClasses = useMemo(() => {
-    if (!menuContext) return "";
-    if (menuContext.mode === "horizontal") {
-      return level === 0 ? submenuContentHorizontalClasses : submenuContentHorizontalNestedClasses;
-    }
-    if (isPopup) return submenuContentPopupClasses;
-    if (menuContext.mode === "inline") return submenuContentInlineClasses;
-    return submenuContentVerticalClasses;
-  }, [menuContext, isPopup, level]);
-  const handleTitleClick = useCallback(() => {
-    if (!menuContext || disabled) return;
-    if (menuContext.mode === "horizontal") return;
-    if (isPopup) {
-      setIsOpenByKeyboard((prev) => !prev);
-      setIsHovered(true);
-      return;
-    }
-    setHasRenderedInline(true);
-    menuContext.handleOpenChange(itemKey);
-  }, [disabled, menuContext, itemKey, isPopup]);
-  const handleMouseEnter = useCallback(() => {
-    if (menuContext?.mode === "horizontal" || isPopup) setIsHovered(true);
-  }, [menuContext, isPopup]);
-  const handleMouseLeave = useCallback(() => {
-    if (menuContext?.mode === "horizontal" || isPopup) {
-      setIsHovered(false);
-      setIsOpenByKeyboard(false);
-    }
-  }, [menuContext, isPopup]);
-  const openInline = useCallback(
-    (titleEl) => {
-      if (!menuContext) return;
-      setHasRenderedInline(true);
-      menuContext.handleOpenChange(itemKey);
-      setTimeout(() => focusFirstChildItem(titleEl), 0);
-    },
-    [menuContext, itemKey]
-  );
-  const handleTitleKeyDown = useCallback(
-    (event) => {
-      if (!menuContext || disabled) return;
-      const current = event.currentTarget;
-      const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
-      if (event.key === nextKey) {
-        event.preventDefault();
-        moveFocusInMenu(current, 1);
-        return;
-      }
-      if (event.key === prevKey) {
-        event.preventDefault();
-        moveFocusInMenu(current, -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        focusMenuEdge(current, "start");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        focusMenuEdge(current, "end");
-        return;
-      }
-      if (event.key === "Escape" || event.key === "ArrowLeft") {
-        if (menuContext.mode === "horizontal" || isPopup) {
-          event.preventDefault();
-          setIsOpenByKeyboard(false);
-          setIsHovered(false);
-          return;
-        }
-        if (isOpen) {
-          event.preventDefault();
-          menuContext.handleOpenChange(itemKey);
-        }
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        if (menuContext.mode === "horizontal" || isPopup) {
-          setIsOpenByKeyboard(true);
-          return;
-        }
-        openInline(current);
-        return;
-      }
-      if (event.key === "ArrowRight" || event.key === "ArrowDown") {
-        if (menuContext.mode === "horizontal" || isPopup) {
-          event.preventDefault();
-          setIsOpenByKeyboard(true);
-          return;
-        }
-        if (!isOpen) {
-          event.preventDefault();
-          openInline(current);
-        }
-      }
-    },
-    [menuContext, disabled, isOpen, isPopup, openInline]
-  );
-  const indentStyle = !menuContext || menuContext.mode === "horizontal" || level === 0 ? {} : getMenuItemIndent(level, menuContext.inlineIndent);
-  if (!menuContext) return null;
-  const renderIcon = () => {
-    if (!icon) return null;
-    if (typeof icon === "string") {
-      return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, dangerouslySetInnerHTML: { __html: icon } });
-    }
-    return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, children: icon });
-  };
-  const renderTitle = () => {
-    if (!effectiveCollapsed) {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        renderIcon(),
-        /* @__PURE__ */ jsx("span", { className: "flex-1", children: title }),
-        menuContext.mode !== "horizontal" && !isPopup && /* @__PURE__ */ jsx(ExpandIcon, { expanded: isExpanded })
-      ] });
-    } else if (!icon) {
-      return /* @__PURE__ */ jsx("span", { className: "flex-1 text-center", children: title.charAt(0).toUpperCase() });
-    } else {
-      return renderIcon();
-    }
-  };
-  const renderContent = () => {
-    const nextLevel = level + 1;
-    const enhancedChildren = React.Children.map(children, (child) => {
-      if (!React.isValidElement(child)) return child;
-      if (child.type === MenuItem || child.type === SubMenu || child.type === MenuItemGroup) {
-        return React.cloneElement(
-          child,
-          {
-            level: nextLevel
-          }
-        );
-      }
-      return child;
-    });
-    const popupZIndex = isPopup ? getSubmenuPopupZIndex(level) : {};
-    if (isPopup) {
-      return /* @__PURE__ */ jsx(
-        "ul",
-        {
-          className: contentClasses,
-          style: { display: isExpanded ? "block" : "none", ...popupZIndex },
-          role: "menu",
-          "aria-hidden": isExpanded ? void 0 : "true",
-          children: enhancedChildren
-        }
-      );
-    }
-    if (!hasRenderedInline) return null;
-    const isHidden = !isExpanded;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: classNames(
-          "grid overflow-hidden transition-[grid-template-rows,opacity] duration-200 ease-in-out",
-          isHidden ? "grid-rows-[0fr] opacity-0" : "grid-rows-[1fr] opacity-100"
-        ),
-        "aria-hidden": isHidden ? "true" : void 0,
-        "data-tiger-menu-hidden": isHidden ? "true" : void 0,
-        children: /* @__PURE__ */ jsx("ul", { className: classNames(contentClasses, "min-h-0"), role: "menu", children: enhancedChildren })
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      className: isPopup ? "relative" : "",
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      role: "none",
-      children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: titleClasses,
-            style: indentStyle,
-            onClick: handleTitleClick,
-            onKeyDown: handleTitleKeyDown,
-            role: "menuitem",
-            "data-tiger-menuitem": "true",
-            "aria-expanded": isExpanded ? "true" : "false",
-            "aria-haspopup": "true",
-            "aria-disabled": disabled ? "true" : void 0,
-            disabled,
-            tabIndex: -1,
-            children: renderTitle()
-          }
-        ),
-        renderContent()
-      ]
-    }
-  );
-};
-
-export { SubMenu };

package/dist/chunk-T5FAKJ6C.mjs

@@ -1,49 +0,0 @@
-import React, { createContext, useMemo } from 'react';
-import { avatarGroupItemClasses, avatarSizeClasses, classNames, avatarGroupOverflowClasses, avatarGroupBaseClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/components/AvatarGroup.tsx
-var AvatarGroupContext = createContext(null);
-var AvatarGroup = ({
-  max,
-  size,
-  className,
-  children,
-  ...props
-}) => {
-  const contextValue = useMemo(
-    () => ({ size, itemClass: avatarGroupItemClasses }),
-    [size]
-  );
-  const childArray = React.Children.toArray(children);
-  const total = childArray.length;
-  const visibleCount = max != null && max < total ? max : total;
-  const overflow = total - visibleCount;
-  const visible = childArray.slice(0, visibleCount);
-  const overflowSizeClass = avatarSizeClasses[size ?? "md"];
-  return /* @__PURE__ */ jsx(AvatarGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classNames(avatarGroupBaseClasses, className),
-      role: "group",
-      "aria-label": "Avatar group",
-      ...props,
-      children: [
-        visible,
-        overflow > 0 && /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: classNames(avatarGroupOverflowClasses, overflowSizeClass),
-            "aria-label": `${overflow} more`,
-            children: [
-              "+",
-              overflow
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-};
-
-export { AvatarGroup, AvatarGroupContext };

package/dist/chunk-TFPIRBHL.js

@@ -1,103 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/VirtualTable.tsx
-var VirtualTable = ({
-  data = [],
-  columns = [],
-  rowHeight = 48,
-  height = 400,
-  overscan = 5,
-  stickyHeader = true,
-  rowKey,
-  loading = false,
-  emptyText = "No data",
-  selectable = false,
-  selectedKeys = [],
-  striped = false,
-  bordered = false,
-  className,
-  onRowClick,
-  onSelect,
-  renderCell,
-  ...rest
-}) => {
-  const containerRef = react.useRef(null);
-  const [scrollTop, setScrollTop] = react.useState(0);
-  const range = react.useMemo(
-    () => tigercatCore.calculateVirtualRange(scrollTop, height, data.length, rowHeight, overscan),
-    [scrollTop, height, data.length, rowHeight, overscan]
-  );
-  const visibleData = react.useMemo(
-    () => data.slice(range.start, range.end),
-    [data, range.start, range.end]
-  );
-  const selectedSet = react.useMemo(() => new Set(selectedKeys), [selectedKeys]);
-  const onScroll = react.useCallback(() => {
-    if (containerRef.current) {
-      setScrollTop(containerRef.current.scrollTop);
-    }
-  }, []);
-  const containerClasses = react.useMemo(
-    () => tigercatCore.getVirtualTableContainerClasses(bordered, className),
-    [bordered, className]
-  );
-  const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: tigercatCore.classNames(
-        containerClasses,
-        rest.className
-      ),
-      style: { height: `${height}px` },
-      onScroll,
-      role: "grid",
-      "aria-rowcount": data.length,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full table-fixed", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("thead", { className: stickyHeader ? tigercatCore.virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
-            "th",
-            {
-              className: tigercatCore.virtualTableHeaderCellClasses,
-              style: col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0,
-              children: col.title ?? ""
-            },
-            col.key
-          )) }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
-            visibleData.map((row, localIdx) => {
-              const globalIdx = range.start + localIdx;
-              const key = tigercatCore.getVirtualRowKey(row, globalIdx, rowKey);
-              const isSelected = selectedSet.has(key);
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                "tr",
-                {
-                  className: tigercatCore.getVirtualTableRowClasses(globalIdx, striped, isSelected),
-                  onClick: () => {
-                    onRowClick?.(row, globalIdx);
-                    if (selectable) onSelect?.(key, row, globalIdx);
-                  },
-                  children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: tigercatCore.virtualTableCellClasses, children: renderCell ? renderCell(row[col.key], row, col) : String(row[col.key] ?? "") }, col.key))
-                },
-                key
-              );
-            }),
-            bottomHeight > 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { style: { height: `${bottomHeight}px` }, "aria-hidden": true })
-          ] })
-        ] }),
-        data.length === 0 && !loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.virtualTableEmptyClasses, children: emptyText }),
-        loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.virtualTableLoadingClasses, children: "Loading..." })
-      ]
-    }
-  );
-};
-var VirtualTable_default = VirtualTable;
-
-exports.VirtualTable = VirtualTable;
-exports.VirtualTable_default = VirtualTable_default;

package/dist/chunk-TKZO5UBH.js

@@ -1,65 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Stepper.tsx
-var Stepper = ({
-  value = 0,
-  min = -Infinity,
-  max = Infinity,
-  step = 1,
-  disabled = false,
-  size = "md",
-  precision,
-  className,
-  onChange
-}) => {
-  function setValue(v) {
-    const clamped = tigercatCore.clampStepperValue(v, min, max, precision);
-    onChange?.(clamped);
-  }
-  const atMin = value <= min;
-  const atMax = value >= max;
-  const icon = (d) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", viewBox: tigercatCore.stepperIconViewBox, fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d, fillRule: "evenodd", clipRule: "evenodd" }) });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.classNames(tigercatCore.stepperBaseClasses, className), role: "group", "aria-label": "Stepper", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: tigercatCore.getStepperButtonClasses(size, disabled || atMin, "left"),
-        disabled: disabled || atMin,
-        "aria-label": "Decrease",
-        onClick: () => setValue(value - step),
-        children: icon(tigercatCore.minusPathD)
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "text",
-        className: tigercatCore.getStepperInputClasses(size),
-        value: precision !== void 0 ? value.toFixed(precision) : String(value),
-        disabled,
-        "aria-label": "Value",
-        onChange: (e) => {
-          const val = Number(e.target.value);
-          if (!Number.isNaN(val)) setValue(val);
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: tigercatCore.getStepperButtonClasses(size, disabled || atMax, "right"),
-        disabled: disabled || atMax,
-        "aria-label": "Increase",
-        onClick: () => setValue(value + step),
-        children: icon(tigercatCore.plusPathD)
-      }
-    )
-  ] });
-};
-
-exports.Stepper = Stepper;

package/dist/chunk-TMQA74FM.js

@@ -1,215 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Transfer.tsx
-var TRANSFER_KEYS = /* @__PURE__ */ new Set([
-  "value",
-  "dataSource",
-  "size",
-  "disabled",
-  "showSearch",
-  "sourceTitle",
-  "targetTitle",
-  "notFoundText",
-  "filterOption",
-  "onChange"
-]);
-var Transfer = (props) => {
-  const {
-    value = [],
-    dataSource = [],
-    size = "md",
-    disabled = false,
-    showSearch = false,
-    sourceTitle = "Source",
-    targetTitle = "Target",
-    notFoundText = "No data",
-    filterOption,
-    className,
-    onChange,
-    ...rest
-  } = props;
-  const divProps = {};
-  for (const key of Object.keys(rest)) {
-    if (!TRANSFER_KEYS.has(key)) {
-      divProps[key] = rest[key];
-    }
-  }
-  const [sourceSelectedKeys, setSourceSelectedKeys] = react.useState(/* @__PURE__ */ new Set());
-  const [targetSelectedKeys, setTargetSelectedKeys] = react.useState(/* @__PURE__ */ new Set());
-  const [sourceSearch, setSourceSearch] = react.useState("");
-  const [targetSearch, setTargetSearch] = react.useState("");
-  const { sourceItems, targetItems } = react.useMemo(
-    () => tigercatCore.splitTransferData(dataSource, value),
-    [dataSource, value]
-  );
-  const filteredSourceItems = react.useMemo(
-    () => tigercatCore.filterTransferItems(sourceItems, sourceSearch, filterOption),
-    [sourceItems, sourceSearch, filterOption]
-  );
-  const filteredTargetItems = react.useMemo(
-    () => tigercatCore.filterTransferItems(targetItems, targetSearch, filterOption),
-    [targetItems, targetSearch, filterOption]
-  );
-  const canMoveRight = !disabled && [...sourceSelectedKeys].some((key) => {
-    const item = dataSource.find((d) => d.key === key);
-    return item && !item.disabled;
-  });
-  const canMoveLeft = !disabled && [...targetSelectedKeys].some((key) => {
-    const item = dataSource.find((d) => d.key === key);
-    return item && !item.disabled;
-  });
-  function toggleSourceItem(key) {
-    setSourceSelectedKeys((prev) => {
-      const next = new Set(prev);
-      if (next.has(key)) next.delete(key);
-      else next.add(key);
-      return next;
-    });
-  }
-  function toggleTargetItem(key) {
-    setTargetSelectedKeys((prev) => {
-      const next = new Set(prev);
-      if (next.has(key)) next.delete(key);
-      else next.add(key);
-      return next;
-    });
-  }
-  function moveRight() {
-    if (!canMoveRight) return;
-    const keysToMove = [...sourceSelectedKeys].filter((key) => {
-      const item = dataSource.find((d) => d.key === key);
-      return item && !item.disabled;
-    });
-    const newTargetKeys = [...value, ...keysToMove];
-    setSourceSelectedKeys(/* @__PURE__ */ new Set());
-    onChange?.(newTargetKeys, "right", keysToMove);
-  }
-  function moveLeft() {
-    if (!canMoveLeft) return;
-    const keysToRemove = new Set(
-      [...targetSelectedKeys].filter((key) => {
-        const item = dataSource.find((d) => d.key === key);
-        return item && !item.disabled;
-      })
-    );
-    const newTargetKeys = value.filter((k) => !keysToRemove.has(k));
-    setTargetSelectedKeys(/* @__PURE__ */ new Set());
-    onChange?.(newTargetKeys, "left", [...keysToRemove]);
-  }
-  function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearch) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.transferPanelClasses, role: "group", "aria-label": title, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.transferPanelHeaderClasses, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-[var(--tiger-transfer-title,var(--tiger-text,#111827))]", children: [
-        title,
-        " (",
-        items.length,
-        ")"
-      ] }) }),
-      showSearch && /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "text",
-          className: tigercatCore.transferSearchClasses,
-          placeholder: "Search...",
-          value: searchValue,
-          "aria-label": `Search ${title}`,
-          onChange: (e) => onSearch(e.target.value)
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.transferPanelBodyClasses, role: "listbox", children: items.length > 0 ? items.map((item) => {
-        const isSelected = selectedKeys.has(item.key);
-        const isDisabled = disabled || !!item.disabled;
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "label",
-          {
-            className: tigercatCore.getTransferItemClasses(isSelected, isDisabled, size),
-            role: "option",
-            "aria-selected": isSelected,
-            "aria-disabled": isDisabled,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  type: "checkbox",
-                  className: tigercatCore.getTransferCheckboxClasses(size),
-                  checked: isSelected,
-                  disabled: isDisabled,
-                  onChange: () => {
-                    if (!isDisabled) toggleFn(item.key);
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: item.label })
-            ]
-          },
-          String(item.key)
-        );
-      }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.transferEmptyClasses, children: notFoundText }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.classNames(tigercatCore.transferBaseClasses, className), ...divProps, children: [
-    renderPanel(
-      sourceTitle,
-      filteredSourceItems,
-      sourceSelectedKeys,
-      toggleSourceItem,
-      sourceSearch,
-      setSourceSearch
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.transferOperationClasses, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: tigercatCore.getTransferButtonClasses(!canMoveRight),
-          disabled: !canMoveRight,
-          "aria-label": "Move selected to target",
-          onClick: moveRight,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "svg",
-            {
-              className: "w-4 h-4",
-              viewBox: tigercatCore.icon20ViewBox,
-              fill: "currentColor",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.chevronRightSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: tigercatCore.getTransferButtonClasses(!canMoveLeft),
-          disabled: !canMoveLeft,
-          "aria-label": "Move selected to source",
-          onClick: moveLeft,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "svg",
-            {
-              className: "w-4 h-4",
-              viewBox: tigercatCore.icon20ViewBox,
-              fill: "currentColor",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.chevronLeftSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-            }
-          )
-        }
-      )
-    ] }),
-    renderPanel(
-      targetTitle,
-      filteredTargetItems,
-      targetSelectedKeys,
-      toggleTargetItem,
-      targetSearch,
-      setTargetSearch
-    )
-  ] });
-};
-
-exports.Transfer = Transfer;