@expcat/tigercat-react 0.0.1

package/dist/chunk-DIZNY6N4.mjs

@@ -0,0 +1,71 @@
+import { useState } from 'react';
+import { classNames, tagBaseClasses, getTagVariantClasses, tagSizeClasses, defaultTagThemeColors, tagCloseButtonBaseClasses, icon24StrokeWidth, icon24ViewBox, tagCloseIconPath, icon24PathStrokeLinejoin, icon24PathStrokeLinecap } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Tag.tsx
+var CloseIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className: "h-3 w-3",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: icon24ViewBox,
+    stroke: "currentColor",
+    strokeWidth: icon24StrokeWidth,
+    "aria-hidden": "true",
+    focusable: "false",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        strokeLinecap: icon24PathStrokeLinecap,
+        strokeLinejoin: icon24PathStrokeLinejoin,
+        d: tagCloseIconPath
+      }
+    )
+  }
+);
+var Tag = ({
+  variant = "default",
+  size = "md",
+  closable = false,
+  closeAriaLabel = "Close tag",
+  onClose,
+  children,
+  className,
+  ...props
+}) => {
+  const [isVisible, setIsVisible] = useState(true);
+  const tagClasses = classNames(
+    tagBaseClasses,
+    getTagVariantClasses(variant),
+    tagSizeClasses[size],
+    className
+  );
+  const scheme = defaultTagThemeColors[variant];
+  const closeButtonClasses = classNames(tagCloseButtonBaseClasses, scheme.closeBgHover, scheme.text);
+  const handleClose = (event) => {
+    event.stopPropagation();
+    onClose?.(event);
+    if (!event.defaultPrevented) {
+      setIsVisible(false);
+    }
+  };
+  if (!isVisible) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("span", { className: tagClasses, role: "status", ...props, children: [
+    children != null && /* @__PURE__ */ jsx("span", { children }),
+    closable && /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: closeButtonClasses,
+        onClick: handleClose,
+        "aria-label": closeAriaLabel,
+        type: "button",
+        children: /* @__PURE__ */ jsx(CloseIcon, {})
+      }
+    )
+  ] });
+};
+
+export { Tag };

package/dist/chunk-DZJUFU55.js

@@ -0,0 +1,300 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Pagination.tsx
+var Pagination = ({
+  current: controlledCurrent,
+  defaultCurrent = 1,
+  total = 0,
+  pageSize: controlledPageSize,
+  defaultPageSize = 10,
+  pageSizeOptions = [10, 20, 50, 100],
+  showQuickJumper = false,
+  showSizeChanger = false,
+  showTotal = true,
+  totalText,
+  simple = false,
+  size = "medium",
+  align = "center",
+  disabled = false,
+  hideOnSinglePage = false,
+  showLessItems = false,
+  className,
+  style,
+  onChange,
+  onPageSizeChange,
+  ...props
+}) => {
+  const { "aria-label": ariaLabelProp, ...navProps } = props;
+  const [internalCurrent, setInternalCurrent] = react.useState(defaultCurrent);
+  const [internalPageSize, setInternalPageSize] = react.useState(defaultPageSize);
+  const [quickJumperValue, setQuickJumperValue] = react.useState("");
+  const currentPage = controlledCurrent !== void 0 ? controlledCurrent : internalCurrent;
+  const currentPageSize = controlledPageSize !== void 0 ? controlledPageSize : internalPageSize;
+  const totalPages = tigercatCore.getTotalPages(total, currentPageSize);
+  const validatedCurrentPage = tigercatCore.validateCurrentPage(currentPage, totalPages);
+  const pageRange = tigercatCore.getPageRange(validatedCurrentPage, currentPageSize, total);
+  if (hideOnSinglePage && totalPages <= 1) {
+    return null;
+  }
+  const handlePageChange = react.useCallback(
+    (page) => {
+      if (disabled) return;
+      if (page === validatedCurrentPage) return;
+      if (page < 1 || page > totalPages) return;
+      if (controlledCurrent === void 0) {
+        setInternalCurrent(page);
+      }
+      onChange?.(page, currentPageSize);
+    },
+    [disabled, validatedCurrentPage, totalPages, controlledCurrent, onChange, currentPageSize]
+  );
+  const handlePageSizeChange = react.useCallback(
+    (newPageSize) => {
+      if (disabled) return;
+      const newTotalPages = tigercatCore.getTotalPages(total, newPageSize);
+      let newPage = validatedCurrentPage;
+      if (newPage > newTotalPages) {
+        newPage = Math.max(1, newTotalPages);
+      }
+      if (controlledPageSize === void 0) {
+        setInternalPageSize(newPageSize);
+      }
+      if (controlledCurrent === void 0 && newPage !== validatedCurrentPage) {
+        setInternalCurrent(newPage);
+      }
+      onPageSizeChange?.(newPage, newPageSize);
+      if (newPage !== validatedCurrentPage) {
+        onChange?.(newPage, newPageSize);
+      }
+    },
+    [
+      disabled,
+      total,
+      validatedCurrentPage,
+      controlledPageSize,
+      controlledCurrent,
+      onPageSizeChange,
+      onChange
+    ]
+  );
+  const handleQuickJumperSubmit = react.useCallback(() => {
+    const page = parseInt(quickJumperValue, 10);
+    if (!isNaN(page)) {
+      handlePageChange(page);
+    }
+    setQuickJumperValue("");
+  }, [quickJumperValue, handlePageChange]);
+  const handleQuickJumperKeyPress = react.useCallback(
+    (event) => {
+      if (event.key === "Enter") {
+        handleQuickJumperSubmit();
+      }
+    },
+    [handleQuickJumperSubmit]
+  );
+  const containerClasses = tigercatCore.getPaginationContainerClasses(align, className);
+  const elements = [];
+  if (showTotal) {
+    const totalTextFn = totalText || tigercatCore.defaultTotalText;
+    const totalTextContent = totalTextFn(total, pageRange);
+    elements.push(
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.getTotalTextClasses(size), children: totalTextContent }, "total")
+    );
+  }
+  if (simple) {
+    const prevDisabled = validatedCurrentPage <= 1 || disabled;
+    const nextDisabled = validatedCurrentPage >= totalPages || disabled;
+    elements.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: tigercatCore.getPaginationButtonBaseClasses(size),
+          disabled: prevDisabled,
+          onClick: () => handlePageChange(validatedCurrentPage - 1),
+          "aria-label": "\u4E0A\u4E00\u9875",
+          children: "\u2039"
+        },
+        "prev"
+      )
+    );
+    elements.push(
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: tigercatCore.classNames(
+            "mx-2",
+            size === "small" ? "text-sm" : size === "large" ? "text-lg" : "text-base"
+          ),
+          children: [
+            validatedCurrentPage,
+            " / ",
+            totalPages
+          ]
+        },
+        "current"
+      )
+    );
+    elements.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: tigercatCore.getPaginationButtonBaseClasses(size),
+          disabled: nextDisabled,
+          onClick: () => handlePageChange(validatedCurrentPage + 1),
+          "aria-label": "\u4E0B\u4E00\u9875",
+          children: "\u203A"
+        },
+        "next"
+      )
+    );
+  } else {
+    const prevDisabled = validatedCurrentPage <= 1 || disabled;
+    const nextDisabled = validatedCurrentPage >= totalPages || disabled;
+    elements.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: tigercatCore.getPaginationButtonBaseClasses(size),
+          disabled: prevDisabled,
+          onClick: () => handlePageChange(validatedCurrentPage - 1),
+          "aria-label": "\u4E0A\u4E00\u9875",
+          children: "\u2039"
+        },
+        "prev"
+      )
+    );
+    const pageNumbers = tigercatCore.getPageNumbers(validatedCurrentPage, totalPages, showLessItems);
+    pageNumbers.forEach((pageNum, index) => {
+      if (pageNum === "...") {
+        elements.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: tigercatCore.getPaginationEllipsisClasses(size),
+              "aria-hidden": "true",
+              children: "..."
+            },
+            `ellipsis-${index}`
+          )
+        );
+      } else {
+        const isActive = pageNum === validatedCurrentPage;
+        elements.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: tigercatCore.classNames(
+                tigercatCore.getPaginationButtonBaseClasses(size),
+                isActive && tigercatCore.getPaginationButtonActiveClasses()
+              ),
+              disabled,
+              onClick: () => handlePageChange(pageNum),
+              "aria-label": `\u7B2C ${pageNum} \u9875`,
+              "aria-current": isActive ? "page" : void 0,
+              children: String(pageNum)
+            },
+            `page-${pageNum}`
+          )
+        );
+      }
+    });
+    elements.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: tigercatCore.getPaginationButtonBaseClasses(size),
+          disabled: nextDisabled,
+          onClick: () => handlePageChange(validatedCurrentPage + 1),
+          "aria-label": "\u4E0B\u4E00\u9875",
+          children: "\u203A"
+        },
+        "next"
+      )
+    );
+  }
+  if (showSizeChanger) {
+    elements.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          className: tigercatCore.getPageSizeSelectorClasses(size),
+          disabled,
+          value: currentPageSize,
+          onChange: (e) => handlePageSizeChange(parseInt(e.target.value, 10)),
+          "aria-label": "\u6BCF\u9875\u6761\u6570",
+          children: pageSizeOptions.map((sizeOption) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: sizeOption, children: [
+            sizeOption,
+            " \u6761/\u9875"
+          ] }, sizeOption))
+        },
+        "size-changer"
+      )
+    );
+  }
+  if (showQuickJumper) {
+    elements.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: tigercatCore.classNames(
+            "ml-2",
+            size === "small" ? "text-sm" : size === "large" ? "text-lg" : "text-base"
+          ),
+          children: "\u8DF3\u81F3"
+        },
+        "jumper-label-start"
+      )
+    );
+    elements.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "number",
+          className: tigercatCore.classNames(tigercatCore.getQuickJumperInputClasses(size), "mx-2"),
+          disabled,
+          value: quickJumperValue,
+          onChange: (e) => setQuickJumperValue(e.target.value),
+          onKeyDown: handleQuickJumperKeyPress,
+          min: 1,
+          max: totalPages,
+          "aria-label": "\u8DF3\u8F6C\u9875\u7801"
+        },
+        "jumper-input"
+      )
+    );
+    elements.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: size === "small" ? "text-sm" : size === "large" ? "text-lg" : "text-base",
+          children: "\u9875"
+        },
+        "jumper-label-end"
+      )
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      className: containerClasses,
+      ...navProps,
+      role: "navigation",
+      "aria-label": ariaLabelProp ?? "\u5206\u9875\u5BFC\u822A",
+      style,
+      children: elements
+    }
+  );
+};
+var Pagination_default = Pagination;
+
+exports.Pagination = Pagination;
+exports.Pagination_default = Pagination_default;

package/dist/chunk-EB6EDLJZ.mjs

@@ -0,0 +1,50 @@
+import { useMemo } from 'react';
+import { classNames, getDividerOrientationClasses, getDividerLineStyleClasses, getDividerSpacingClasses } from '@expcat/tigercat-core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/Divider.tsx
+var Divider = ({
+  orientation = "horizontal",
+  lineStyle = "solid",
+  spacing = "md",
+  color,
+  thickness,
+  className,
+  ...props
+}) => {
+  const dividerClasses = useMemo(
+    () => classNames(
+      getDividerOrientationClasses(orientation),
+      getDividerLineStyleClasses(lineStyle),
+      getDividerSpacingClasses(spacing, orientation),
+      className
+    ),
+    [orientation, lineStyle, spacing, className]
+  );
+  const dividerStyle = useMemo(() => {
+    const style = {};
+    if (color) {
+      style.borderColor = color;
+    }
+    if (thickness) {
+      if (orientation === "horizontal") {
+        style.borderTopWidth = thickness;
+      } else {
+        style.borderLeftWidth = thickness;
+      }
+    }
+    return style;
+  }, [color, thickness, orientation]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: dividerClasses,
+      style: dividerStyle,
+      role: "separator",
+      "aria-orientation": orientation
+    }
+  );
+};
+
+export { Divider };

package/dist/chunk-EI2GHMQS.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Row.tsx
+var RowContext = react.createContext({});
+var Row = ({
+  gutter = 0,
+  align = "top",
+  justify = "start",
+  wrap = true,
+  children,
+  className,
+  style,
+  ...divProps
+}) => {
+  const { rowStyle } = tigercatCore.getGutterStyles(gutter);
+  const rowClasses = tigercatCore.classNames(
+    "flex",
+    "w-full",
+    wrap && "flex-wrap",
+    tigercatCore.getAlignClasses(align),
+    tigercatCore.getJustifyClasses(justify),
+    className
+  );
+  const mergedStyle = {
+    ...rowStyle,
+    ...style
+  };
+  const contextValue = { gutter };
+  return /* @__PURE__ */ jsxRuntime.jsx(RowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: rowClasses, style: mergedStyle, ...divProps, children }) });
+};
+
+exports.Row = Row;
+exports.RowContext = RowContext;

package/dist/chunk-ENR3RIMM.js

@@ -0,0 +1,205 @@
+'use strict';
+
+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/Popconfirm.tsx
+var popconfirmIdCounter = 0;
+var createPopconfirmId = () => `tiger-popconfirm-${++popconfirmIdCounter}`;
+var PopconfirmIcon = ({ type }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: tigercatCore.popconfirmIconViewBox,
+    strokeWidth: tigercatCore.popconfirmIconStrokeWidth,
+    stroke: "currentColor",
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        strokeLinecap: tigercatCore.popconfirmIconPathStrokeLinecap,
+        strokeLinejoin: tigercatCore.popconfirmIconPathStrokeLinejoin,
+        d: tigercatCore.getPopconfirmIconPath(type)
+      }
+    )
+  }
+);
+var Popconfirm = ({
+  visible,
+  defaultVisible = false,
+  title = "\u786E\u5B9A\u8981\u6267\u884C\u6B64\u64CD\u4F5C\u5417\uFF1F",
+  description,
+  icon = "warning",
+  showIcon = true,
+  okText = "\u786E\u5B9A",
+  cancelText = "\u53D6\u6D88",
+  okType = "primary",
+  placement = "top",
+  disabled = false,
+  className,
+  style,
+  children,
+  titleContent,
+  descriptionContent,
+  onVisibleChange,
+  onConfirm,
+  onCancel,
+  ...divProps
+}) => {
+  const isControlled = visible !== void 0;
+  const [internalVisible, setInternalVisible] = React.useState(defaultVisible);
+  const currentVisible = isControlled ? visible : internalVisible;
+  const containerRef = React.useRef(null);
+  const popconfirmIdRef = React.useRef(null);
+  if (!popconfirmIdRef.current) {
+    popconfirmIdRef.current = createPopconfirmId();
+  }
+  const popconfirmId = popconfirmIdRef.current;
+  const titleId = `${popconfirmId}-title`;
+  const descriptionId = `${popconfirmId}-description`;
+  const describedBy = description || descriptionContent ? descriptionId : void 0;
+  const setVisible = (newVisible) => {
+    if (disabled && newVisible) return;
+    if (!isControlled) {
+      setInternalVisible(newVisible);
+    }
+    onVisibleChange?.(newVisible);
+  };
+  const handleConfirm = () => {
+    onConfirm?.();
+    setVisible(false);
+  };
+  const handleCancel = () => {
+    onCancel?.();
+    setVisible(false);
+  };
+  const handleTriggerClick = () => {
+    if (disabled) return;
+    setVisible(!currentVisible);
+  };
+  React.useEffect(() => {
+    if (!currentVisible) return;
+    const handleClickOutside = (event) => {
+      const target = event.target;
+      if (!target) return;
+      if (containerRef.current?.contains(target)) return;
+      setVisible(false);
+    };
+    const timeoutId = window.setTimeout(() => {
+      document.addEventListener("click", handleClickOutside);
+    }, 0);
+    return () => {
+      clearTimeout(timeoutId);
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, [currentVisible]);
+  React.useEffect(() => {
+    if (!currentVisible) return;
+    const handleKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      setVisible(false);
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [currentVisible]);
+  const containerClasses = React.useMemo(
+    () => tigercatCore.classNames(tigercatCore.getPopconfirmContainerClasses(), className),
+    [className]
+  );
+  const triggerClasses = React.useMemo(() => tigercatCore.getPopconfirmTriggerClasses(disabled), [disabled]);
+  const contentWrapperClasses = React.useMemo(
+    () => tigercatCore.getDropdownMenuWrapperClasses(Boolean(currentVisible), placement),
+    [currentVisible, placement]
+  );
+  const arrowClasses = React.useMemo(() => tigercatCore.getPopconfirmArrowClasses(placement), [placement]);
+  const contentClasses = React.useMemo(() => tigercatCore.getPopconfirmContentClasses(), []);
+  const titleClasses = React.useMemo(() => tigercatCore.getPopconfirmTitleClasses(), []);
+  const descriptionClasses = React.useMemo(() => tigercatCore.getPopconfirmDescriptionClasses(), []);
+  const iconClasses = React.useMemo(() => tigercatCore.getPopconfirmIconClasses(icon), [icon]);
+  const buttonsClasses = React.useMemo(() => tigercatCore.getPopconfirmButtonsClasses(), []);
+  const cancelButtonClasses = React.useMemo(() => tigercatCore.getPopconfirmCancelButtonClasses(), []);
+  const okButtonClasses = React.useMemo(() => tigercatCore.getPopconfirmOkButtonClasses(okType), [okType]);
+  if (!children) {
+    return null;
+  }
+  const mergedStyle = tigercatCore.mergeStyleValues(style);
+  const triggerProps = {
+    className: triggerClasses,
+    onClick: (event) => {
+      const target = children;
+      if (React__default.default.isValidElement(target)) {
+        const onChildClick = target.props.onClick;
+        if (typeof onChildClick === "function") {
+          onChildClick(event);
+        }
+      }
+      if (event.defaultPrevented) return;
+      handleTriggerClick();
+    },
+    "aria-haspopup": "dialog",
+    "aria-expanded": Boolean(currentVisible),
+    "aria-controls": currentVisible ? popconfirmId : void 0
+  };
+  const triggerNode = (() => {
+    if (React__default.default.isValidElement(children)) {
+      return React__default.default.cloneElement(children, {
+        ...triggerProps,
+        className: tigercatCore.classNames(children.props.className, triggerProps.className)
+      });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ...triggerProps,
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-disabled": disabled,
+        onKeyDown: (event) => {
+          if (disabled) return;
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            handleTriggerClick();
+          }
+        },
+        children
+      }
+    );
+  })();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style: mergedStyle, ...divProps, children: [
+    triggerNode,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentWrapperClasses, hidden: !currentVisible, "aria-hidden": !currentVisible, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: arrowClasses, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          id: popconfirmId,
+          role: "dialog",
+          "aria-modal": "false",
+          "aria-labelledby": titleId,
+          "aria-describedby": describedBy,
+          className: contentClasses,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start", children: [
+              showIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(PopconfirmIcon, { type: icon }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: titleClasses, children: titleContent || title }),
+                (description || descriptionContent) && /* @__PURE__ */ jsxRuntime.jsx("div", { id: descriptionId, className: descriptionClasses, children: descriptionContent || description })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: buttonsClasses, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cancelButtonClasses, onClick: handleCancel, children: cancelText }),
+              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: okButtonClasses, onClick: handleConfirm, children: okText })
+            ] })
+          ]
+        }
+      )
+    ] }) })
+  ] });
+};
+
+exports.Popconfirm = Popconfirm;

package/dist/chunk-EQWQXURG.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/DropdownMenu.tsx
+var DropdownMenu = ({
+  className,
+  style,
+  children,
+  role,
+  ...divProps
+}) => {
+  const menuClasses = tigercatCore.classNames(tigercatCore.getDropdownMenuClasses(), className);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuClasses, style, role: role ?? "menu", ...divProps, children });
+};
+
+exports.DropdownMenu = DropdownMenu;