@expcat/tigercat-react 2.1.2 → 2.1.4

package/dist/chunk-O6VYD4E4.mjs

@@ -1,508 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/TaskBoard.tsx
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import {
-  classNames,
-  getTaskBoardLabels,
-  mergeTigerLocale,
-  resolveLocaleText,
-  taskBoardBaseClasses,
-  taskBoardColumnClasses,
-  taskBoardColumnHeaderClasses,
-  taskBoardColumnBodyClasses,
-  taskBoardCardClasses,
-  taskBoardCardDraggingClasses,
-  taskBoardDropIndicatorClasses,
-  taskBoardColumnDropTargetClasses,
-  taskBoardColumnDraggingClasses,
-  taskBoardEmptyClasses,
-  taskBoardWipExceededClasses,
-  taskBoardAddCardClasses,
-  kanbanCardCountClasses,
-  kanbanSwimlaneClasses,
-  kanbanSwimlaneHeaderClasses,
-  kanbanSwimlaneDotClasses,
-  kanbanSwimlaneCollapsedClasses,
-  kanbanAddColumnClasses,
-  filterColumns,
-  filterCards,
-  groupBySwimlane,
-  getColumnCardCount,
-  moveCard,
-  mapVisibleCardIndexToSource,
-  reorderColumns,
-  isWipExceeded,
-  appendDefaultTaskBoardCard,
-  createTaskBoardDragController,
-  createDefaultDragSnapshot
-} from "@expcat/tigercat-core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var CardItem = React.memo(
-  ({ card, column, isDragging, isKbGrabbed, draggable, dragHintText, renderCard, dragCtrl }) => {
-    const cardClasses = classNames(
-      taskBoardCardClasses,
-      isDragging && taskBoardCardDraggingClasses,
-      isKbGrabbed && "ring-2 ring-[var(--tiger-primary,#2563eb)] ring-offset-2 shadow-[0_0_12px_rgba(37,99,235,0.25)]"
-    );
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cardClasses,
-        draggable,
-        tabIndex: 0,
-        role: "listitem",
-        "aria-roledescription": dragHintText,
-        "aria-grabbed": isKbGrabbed ? "true" : void 0,
-        "data-tiger-taskboard-card": "",
-        "data-tiger-taskboard-card-id": String(card.id),
-        onDragStart: (e) => {
-          if (e.dataTransfer) dragCtrl.cardDragStart(e.dataTransfer, card, column);
-        },
-        onDragEnd: () => dragCtrl.dragEnd(),
-        onTouchStart: (e) => dragCtrl.cardTouchStart(e.nativeEvent, e.currentTarget, card, column),
-        onTouchMove: (e) => dragCtrl.cardTouchMove(e.nativeEvent),
-        onTouchEnd: () => dragCtrl.cardTouchEnd(),
-        onKeyDown: (e) => {
-          if (dragCtrl.cardKeyDown(e.key, card, column)) e.preventDefault();
-        },
-        children: renderCard ? renderCard(card, column.id) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "font-medium text-sm text-[var(--tiger-text,#1f2937)]", children: card.title }),
-          card.description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2", children: card.description })
-        ] })
-      }
-    );
-  },
-  (prev, next) => prev.card.id === next.card.id && prev.isDragging === next.isDragging && prev.isKbGrabbed === next.isKbGrabbed && prev.draggable === next.draggable && prev.card === next.card
-);
-CardItem.displayName = "TaskBoardCardItem";
-var ColumnItem = React.memo(
-  ({
-    column,
-    colIndex,
-    isDropTarget,
-    isColDragging,
-    dropIdx,
-    draggable,
-    columnDraggable,
-    labels,
-    renderCardProp,
-    renderColumnHeader,
-    renderColumnFooter,
-    renderEmptyColumn,
-    onCardAdd,
-    dragType,
-    dragCtrl,
-    dragStateId,
-    kbDragStateId,
-    showCardCount,
-    allowAddCard,
-    swimlanes,
-    swimlaneField
-  }) => {
-    const wipOver = isWipExceeded(column);
-    const cardCount = showCardCount ? getColumnCardCount(column) : null;
-    const colClasses = classNames(
-      taskBoardColumnClasses,
-      isDropTarget && taskBoardColumnDropTargetClasses,
-      isColDragging && taskBoardColumnDraggingClasses
-    );
-    const renderCardNode = (card, originalIndex) => {
-      const nodes = [];
-      if (isDropTarget && dropIdx === originalIndex) {
-        nodes.push(/* @__PURE__ */ jsx("div", { className: taskBoardDropIndicatorClasses }, `drop-${originalIndex}`));
-      }
-      const isDragging = dragStateId === card.id;
-      const isKbGrabbed = kbDragStateId === card.id;
-      nodes.push(
-        /* @__PURE__ */ jsx(
-          CardItem,
-          {
-            card,
-            column,
-            isDragging,
-            isKbGrabbed,
-            draggable,
-            dragHintText: labels.dragHintText,
-            renderCard: renderCardProp,
-            dragCtrl
-          },
-          String(card.id)
-        )
-      );
-      return nodes;
-    };
-    let cardsContent;
-    if (column.cards.length > 0) {
-      const nodes = swimlanes && swimlaneField ? groupBySwimlane(column.cards, swimlanes, swimlaneField).map((group) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: kanbanSwimlaneClasses,
-          "data-tiger-kanban-swimlane": "",
-          "data-tiger-kanban-swimlane-id": String(group.swimlane.id),
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: kanbanSwimlaneHeaderClasses, children: [
-              group.swimlane.color && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: kanbanSwimlaneDotClasses,
-                  style: { backgroundColor: group.swimlane.color }
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { children: group.swimlane.label }),
-              /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-[var(--tiger-text-muted,#6b7280)]", children: group.cards.length })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: group.swimlane.collapsed ? kanbanSwimlaneCollapsedClasses : "", children: group.cards.flatMap(
-              (card) => renderCardNode(
-                card,
-                column.cards.findIndex((item) => item.id === card.id)
-              )
-            ) })
-          ]
-        },
-        String(group.swimlane.id)
-      )) : column.cards.flatMap((card, i) => renderCardNode(card, i));
-      if (isDropTarget && dropIdx >= column.cards.length) {
-        nodes.push(/* @__PURE__ */ jsx("div", { className: taskBoardDropIndicatorClasses }, "drop-end"));
-      }
-      cardsContent = nodes;
-    } else {
-      cardsContent = isDropTarget ? /* @__PURE__ */ jsx("div", { className: taskBoardDropIndicatorClasses }, "drop-empty") : renderEmptyColumn ? renderEmptyColumn(column) : /* @__PURE__ */ jsx("div", { className: taskBoardEmptyClasses, children: resolveLocaleText(labels.emptyColumnText) });
-    }
-    const wipTitle = column.wipLimit != null ? resolveLocaleText(labels.wipLimitText.replace("{limit}", String(column.wipLimit))) : void 0;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: colClasses,
-        "data-tiger-taskboard-column": "",
-        "data-tiger-taskboard-column-id": String(column.id),
-        onDragOver: dragType === "column" ? (e) => {
-          e.preventDefault();
-          dragCtrl.columnDragOver();
-        } : void 0,
-        onDrop: dragType === "column" ? (e) => {
-          e.preventDefault();
-          if (e.dataTransfer) dragCtrl.columnDrop(e.dataTransfer, e.clientX);
-        } : void 0,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: taskBoardColumnHeaderClasses,
-              draggable: columnDraggable,
-              onDragStart: (e) => {
-                if (e.dataTransfer) dragCtrl.columnDragStart(e.dataTransfer, column, colIndex);
-              },
-              onDragEnd: () => dragCtrl.dragEnd(),
-              onTouchStart: (e) => dragCtrl.columnTouchStart(
-                e.nativeEvent,
-                e.currentTarget,
-                column,
-                colIndex
-              ),
-              onTouchMove: (e) => dragCtrl.columnTouchMove(e.nativeEvent),
-              onTouchEnd: () => dragCtrl.columnTouchEnd(),
-              style: columnDraggable ? { cursor: "grab" } : void 0,
-              children: renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsxs("span", { className: wipOver ? taskBoardWipExceededClasses : void 0, children: [
-                  column.title,
-                  showCardCount && cardCount ? null : column.wipLimit != null ? /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      className: classNames(
-                        "ml-2 text-xs font-normal transition-all duration-200 px-1.5 py-0.5 rounded",
-                        wipOver ? "bg-red-50 dark:bg-red-950/30 text-[var(--tiger-error,#ef4444)] font-semibold border border-red-200/30 dark:border-red-900/30 shadow-xs" : "opacity-70 bg-[var(--tiger-border,#e5e7eb)]/20 text-[var(--tiger-text-secondary,#6b7280)]"
-                      ),
-                      title: wipTitle,
-                      children: [
-                        "(",
-                        column.cards.length,
-                        "/",
-                        column.wipLimit,
-                        ")"
-                      ]
-                    }
-                  ) : /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs font-normal px-1.5 py-0.5 rounded bg-[var(--tiger-border,#e5e7eb)]/20 text-[var(--tiger-text-secondary,#6b7280)] opacity-70", children: column.cards.length })
-                ] }),
-                showCardCount && cardCount && /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: classNames(
-                      kanbanCardCountClasses,
-                      wipOver && `${taskBoardWipExceededClasses} bg-red-50 dark:bg-red-950/30 border border-red-200/50 dark:border-red-900/30 font-semibold shadow-xs`
-                    ),
-                    children: cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`
-                  }
-                ),
-                column.description && /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-[var(--tiger-text-muted,#6b7280)] truncate max-w-[120px]", children: column.description })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: taskBoardColumnBodyClasses,
-              role: "list",
-              "aria-label": column.title,
-              onDragOver: (e) => {
-                e.preventDefault();
-                dragCtrl.cardDragOver(e.clientY, e.currentTarget, column);
-              },
-              onDrop: (e) => {
-                e.preventDefault();
-                if (e.dataTransfer) dragCtrl.cardDrop(e.dataTransfer, column);
-              },
-              onDragLeave: (e) => dragCtrl.dragLeave(e.currentTarget, e.relatedTarget),
-              children: cardsContent
-            }
-          ),
-          renderColumnFooter ? renderColumnFooter(column) : onCardAdd || allowAddCard ? /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: classNames(
-                "border-t border-[var(--tiger-border,#e5e7eb)]",
-                taskBoardAddCardClasses
-              ),
-              role: "button",
-              tabIndex: 0,
-              onClick: () => onCardAdd?.(column.id),
-              onKeyDown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  onCardAdd?.(column.id);
-                }
-              },
-              children: [
-                /* @__PURE__ */ jsx("span", { children: "+" }),
-                /* @__PURE__ */ jsx("span", { children: resolveLocaleText(labels.addCardText) })
-              ]
-            }
-          ) : null
-        ]
-      }
-    );
-  },
-  (prev, next) => prev.column === next.column && prev.colIndex === next.colIndex && prev.isDropTarget === next.isDropTarget && prev.isColDragging === next.isColDragging && prev.dropIdx === next.dropIdx && prev.draggable === next.draggable && prev.columnDraggable === next.columnDraggable && prev.dragType === next.dragType && prev.dragStateId === next.dragStateId && prev.kbDragStateId === next.kbDragStateId && prev.onCardAdd === next.onCardAdd && prev.showCardCount === next.showCardCount && prev.allowAddCard === next.allowAddCard && prev.swimlanes === next.swimlanes && prev.swimlaneField === next.swimlaneField
-);
-ColumnItem.displayName = "TaskBoardColumnItem";
-var TaskBoard = ({
-  columns: controlledColumns,
-  defaultColumns = [],
-  draggable = true,
-  columnDraggable = true,
-  enforceWipLimit = false,
-  beforeCardMove,
-  beforeColumnMove,
-  onCardMove,
-  onColumnMove,
-  onColumnsChange,
-  onCardAdd,
-  filterText = "",
-  hiddenColumns,
-  showCardCount = false,
-  allowAddCard = false,
-  allowAddColumn = false,
-  onColumnAdd,
-  renderCard: renderCardProp,
-  renderColumnHeader,
-  renderColumnFooter,
-  renderEmptyColumn,
-  swimlanes,
-  swimlaneField,
-  locale,
-  labels: labelsOverride,
-  className,
-  style,
-  ...rest
-}) => {
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = useMemo(
-    () => getTaskBoardLabels(mergedLocale, labelsOverride),
-    [mergedLocale, labelsOverride]
-  );
-  const [innerColumns, setInnerColumns] = useState(defaultColumns);
-  useEffect(() => {
-    if (controlledColumns !== void 0) setInnerColumns(controlledColumns);
-  }, [controlledColumns]);
-  const currentColumns = controlledColumns ?? innerColumns;
-  const visibleColumns = useMemo(() => {
-    if (!filterText && (!hiddenColumns || hiddenColumns.length === 0)) {
-      return currentColumns;
-    }
-    return filterColumns(currentColumns, filterText, hiddenColumns);
-  }, [currentColumns, filterText, hiddenColumns]);
-  const columnsRef = useRef(currentColumns);
-  columnsRef.current = currentColumns;
-  const updateColumns = useCallback(
-    (next) => {
-      setInnerColumns(next);
-      onColumnsChange?.(next);
-    },
-    [onColumnsChange]
-  );
-  const consumerOnCardAdd = onCardAdd;
-  const showAddCard = Boolean(allowAddCard || consumerOnCardAdd);
-  const handleCardAdd = useCallback(
-    (columnId) => {
-      if (consumerOnCardAdd == null) {
-        updateColumns(appendDefaultTaskBoardCard(columnsRef.current, columnId));
-      }
-      consumerOnCardAdd?.(columnId);
-    },
-    [consumerOnCardAdd, updateColumns]
-  );
-  const [dragSnap, setDragSnap] = useState(createDefaultDragSnapshot);
-  const boardRef = useRef(null);
-  const beforeCardMoveRef = useRef(beforeCardMove);
-  beforeCardMoveRef.current = beforeCardMove;
-  const beforeColumnMoveRef = useRef(beforeColumnMove);
-  beforeColumnMoveRef.current = beforeColumnMove;
-  const onCardMoveRef = useRef(onCardMove);
-  onCardMoveRef.current = onCardMove;
-  const onColumnMoveRef = useRef(onColumnMove);
-  onColumnMoveRef.current = onColumnMove;
-  const enforceWipLimitRef = useRef(enforceWipLimit);
-  enforceWipLimitRef.current = enforceWipLimit;
-  const filterTextRef = useRef(filterText);
-  filterTextRef.current = filterText;
-  const applyCardMove = useCallback(
-    async (cardId, fromColumnId, toColumnId, toIdx) => {
-      const sourceCol = columnsRef.current.find((c) => c.id === toColumnId);
-      const mappedIdx = sourceCol == null ? toIdx : mapVisibleCardIndexToSource(
-        sourceCol.cards,
-        filterCards(sourceCol.cards, filterTextRef.current),
-        toIdx
-      );
-      const result = moveCard(columnsRef.current, cardId, fromColumnId, toColumnId, mappedIdx, {
-        enforceWipLimit: enforceWipLimitRef.current
-      });
-      if (!result) return;
-      if (beforeCardMoveRef.current) {
-        const ok = await beforeCardMoveRef.current(result.event);
-        if (!ok) return;
-      }
-      updateColumns(result.columns);
-      onCardMoveRef.current?.(result.event);
-    },
-    [updateColumns]
-  );
-  const applyColumnMove = useCallback(
-    async (fromIdx, toIdx) => {
-      const cols = columnsRef.current;
-      const result = reorderColumns(cols, fromIdx, Math.min(toIdx, cols.length - 1));
-      if (!result) return;
-      if (beforeColumnMoveRef.current) {
-        const ok = await beforeColumnMoveRef.current(result.event);
-        if (!ok) return;
-      }
-      updateColumns(result.columns);
-      onColumnMoveRef.current?.(result.event);
-    },
-    [updateColumns]
-  );
-  const dragCtrlRef = useRef(null);
-  if (!dragCtrlRef.current) {
-    dragCtrlRef.current = createTaskBoardDragController(
-      {
-        onStateChange: setDragSnap,
-        applyCardMove: (...args) => applyCardMoveRef.current(...args),
-        applyColumnMove: (...args) => applyColumnMoveRef.current(...args),
-        getBoardEl: () => boardRef.current,
-        getColumnCount: () => columnsRef.current.length
-      },
-      { draggable, columnDraggable }
-    );
-  }
-  const dragCtrl = dragCtrlRef.current;
-  const applyCardMoveRef = useRef(applyCardMove);
-  applyCardMoveRef.current = applyCardMove;
-  const applyColumnMoveRef = useRef(applyColumnMove);
-  applyColumnMoveRef.current = applyColumnMove;
-  useEffect(() => {
-    dragCtrl.setOptions({ draggable, columnDraggable });
-  }, [draggable, columnDraggable, dragCtrl]);
-  useEffect(() => {
-    dragCtrl.init();
-    return () => dragCtrl.dispose();
-  }, [dragCtrl]);
-  const wrapperClasses = useMemo(() => classNames(taskBoardBaseClasses, className), [className]);
-  const dragType = dragSnap.drag?.type ?? null;
-  const dragStateId = dragSnap.drag?.type === "card" ? dragSnap.drag.id : null;
-  const kbDragStateId = dragSnap.kbDrag?.id ?? null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: boardRef,
-      className: wrapperClasses,
-      style,
-      role: "region",
-      "aria-label": resolveLocaleText(labels.boardAriaLabel),
-      "data-tiger-task-board": "",
-      ...rest,
-      children: [
-        visibleColumns.map((col, i) => {
-          const isDropTarget = dragSnap.drag?.type === "card" && dragSnap.dropTargetColumnId === col.id;
-          const isColDragging = dragSnap.drag?.type === "column" && dragSnap.drag.id === col.id;
-          return /* @__PURE__ */ jsx(
-            ColumnItem,
-            {
-              column: col,
-              colIndex: i,
-              isDropTarget,
-              isColDragging,
-              dropIdx: isDropTarget ? dragSnap.dropIndex : -1,
-              draggable,
-              columnDraggable,
-              labels,
-              renderCardProp,
-              renderColumnHeader,
-              renderColumnFooter,
-              renderEmptyColumn,
-              onCardAdd: showAddCard ? handleCardAdd : void 0,
-              dragType,
-              dragCtrl,
-              dragStateId,
-              kbDragStateId,
-              showCardCount,
-              allowAddCard,
-              swimlanes,
-              swimlaneField
-            },
-            String(col.id)
-          );
-        }),
-        allowAddColumn && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: kanbanAddColumnClasses,
-            role: "button",
-            tabIndex: 0,
-            onClick: () => onColumnAdd?.(),
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                onColumnAdd?.();
-              }
-            },
-            children: [
-              "+ ",
-              resolveLocaleText(labels.addColumnText)
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-var TaskBoard_default = TaskBoard;
-
-export {
-  TaskBoard,
-  TaskBoard_default
-};

package/dist/chunk-O7TV5OKS.mjs

@@ -1,143 +0,0 @@
-// src/components/FloatButton.tsx
-import { createContext, useContext, useState, useMemo, useCallback } from "react";
-import ReactDOM from "react-dom";
-import {
-  classNames,
-  isBrowser,
-  floatButtonBaseClasses,
-  floatButtonShapeClasses,
-  floatButtonSizeClasses,
-  floatButtonTypeClasses,
-  floatButtonDisabledClasses,
-  floatButtonIconSizeClasses,
-  floatButtonPlusIconPath,
-  getFloatButtonGroupClasses,
-  getViewportOffsetStyle,
-  viewportFloatingBaseClasses,
-  viewportPlacementClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var FloatButtonGroupContext = createContext(null);
-var DefaultPlusIcon = ({ size }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    className: floatButtonIconSizeClasses[size],
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: floatButtonPlusIconPath })
-  }
-);
-var FloatButton = ({
-  shape,
-  size = "md",
-  type = "primary",
-  tooltip,
-  disabled = false,
-  ariaLabel,
-  className,
-  floating = false,
-  placement = "bottom-right",
-  offset,
-  style,
-  children,
-  onClick,
-  ...props
-}) => {
-  const group = useContext(FloatButtonGroupContext);
-  const resolvedShape = shape ?? group?.shape ?? "circle";
-  const classes = useMemo(
-    () => classNames(
-      floatButtonBaseClasses,
-      floatButtonShapeClasses[resolvedShape],
-      floatButtonSizeClasses[size],
-      floatButtonTypeClasses[type],
-      disabled && floatButtonDisabledClasses,
-      floating && viewportFloatingBaseClasses,
-      floating && viewportPlacementClasses[placement],
-      className
-    ),
-    [resolvedShape, size, type, disabled, floating, placement, className]
-  );
-  const buttonStyle = useMemo(
-    () => floating ? { ...getViewportOffsetStyle(placement, offset), ...style } : style,
-    [floating, placement, offset, style]
-  );
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      className: classes,
-      type: "button",
-      disabled,
-      style: buttonStyle,
-      "aria-label": children != null ? ariaLabel ?? tooltip : ariaLabel ?? tooltip ?? "Add",
-      title: tooltip,
-      onClick: disabled ? void 0 : onClick,
-      ...props,
-      children: children ?? /* @__PURE__ */ jsx(DefaultPlusIcon, { size })
-    }
-  );
-};
-var FloatButtonGroup = ({
-  shape: groupShape,
-  trigger = "click",
-  open: controlledOpen,
-  triggerNode,
-  children,
-  className,
-  onOpenChange,
-  placement = "bottom-right",
-  offset,
-  portal = true,
-  style,
-  ...props
-}) => {
-  const groupContextValue = useMemo(() => ({ shape: groupShape }), [groupShape]);
-  const [internalOpen, setInternalOpen] = useState(false);
-  const isOpen = controlledOpen ?? internalOpen;
-  const toggle = useCallback(() => {
-    const next = !isOpen;
-    setInternalOpen(next);
-    onOpenChange?.(next);
-  }, [isOpen, onOpenChange]);
-  const handleMouseEnter = useCallback(() => {
-    setInternalOpen(true);
-    onOpenChange?.(true);
-  }, [onOpenChange]);
-  const handleMouseLeave = useCallback(() => {
-    setInternalOpen(false);
-    onOpenChange?.(false);
-  }, [onOpenChange]);
-  const groupClasses = useMemo(
-    () => classNames(getFloatButtonGroupClasses({ placement, portal }), className),
-    [placement, portal, className]
-  );
-  const groupStyle = useMemo(
-    () => ({ ...getViewportOffsetStyle(placement, offset), ...style }),
-    [placement, offset, style]
-  );
-  if (portal && !isBrowser()) return null;
-  const content = /* @__PURE__ */ jsx(FloatButtonGroupContext.Provider, { value: groupContextValue, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: groupClasses,
-      style: groupStyle,
-      onMouseEnter: trigger === "hover" ? handleMouseEnter : void 0,
-      onMouseLeave: trigger === "hover" ? handleMouseLeave : void 0,
-      ...props,
-      children: [
-        triggerNode && /* @__PURE__ */ jsx("div", { onClick: trigger === "click" ? toggle : void 0, children: triggerNode }),
-        isOpen && children
-      ]
-    }
-  ) });
-  return portal ? ReactDOM.createPortal(content, document.body) : content;
-};
-
-export {
-  FloatButton,
-  FloatButtonGroup
-};