@uniformdev/design-system 20.67.0 → 20.67.1-alpha.22

package/dist/esm/index.js

@@ -898,6 +898,62 @@ var BetaDecorator = (Story) => /* @__PURE__ */ jsxs5(VerticalRhythm, { children:
   /* @__PURE__ */ jsx10(Story, {})
 ] });
 
+// src/components/utils/nativeButton.ts
+import * as React2 from "react";
+
+// src/components/utils/suppressBaseUiNativeButtonWarning.ts
+var NATIVE_BUTTON_WARNING_MARKER = "acts as a button expected";
+var INSTALLED_FLAG = Symbol.for("uniform.designSystem.baseUiNativeButtonWarningFilterInstalled");
+function installBaseUiNativeButtonWarningFilter() {
+  if (process.env.NODE_ENV === "production") {
+    return;
+  }
+  const globalScope = globalThis;
+  if (globalScope[INSTALLED_FLAG]) {
+    return;
+  }
+  globalScope[INSTALLED_FLAG] = true;
+  const originalConsoleError = console.error;
+  console.error = function filteredConsoleError(...args) {
+    if (typeof args[0] === "string" && args[0].includes(NATIVE_BUTTON_WARNING_MARKER)) {
+      return;
+    }
+    originalConsoleError.apply(console, args);
+  };
+}
+
+// src/components/utils/nativeButton.ts
+installBaseUiNativeButtonWarningFilter();
+function markNativeButton(component) {
+  component.renderNativeButton = true;
+  return component;
+}
+function isNativeButtonTrigger(element) {
+  if (!React2.isValidElement(element)) {
+    return false;
+  }
+  if (element.type === "button") {
+    return true;
+  }
+  if (typeof element.type !== "string") {
+    if (element.type.renderNativeButton) {
+      return true;
+    }
+    const props = element.props;
+    if ((props == null ? void 0 : props.type) === "button") {
+      return true;
+    }
+    const emotionType = props == null ? void 0 : props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__;
+    if (emotionType === "button") {
+      return true;
+    }
+    if (emotionType && typeof emotionType !== "string" && emotionType.renderNativeButton) {
+      return true;
+    }
+  }
+  return false;
+}
+
 // src/utils/debounce.ts
 var debounce = (fn, ms = 300) => {
   let timeoutId;
@@ -1242,7 +1298,7 @@ import { GenIcon } from "@react-icons/all-files";
 import { MdSettings } from "@react-icons/all-files/md/MdSettings";
 
 // src/components/Icons/Icon.tsx
-import React2 from "react";
+import React3 from "react";
 
 // src/components/Icons/Icon.styles.ts
 import { css as css11 } from "@emotion/react";
@@ -1355,7 +1411,7 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
     }
   );
 };
-var Icon = React2.memo(IconInner);
+var Icon = React3.memo(IconInner);
 
 // src/components/Icons/customIcons.tsx
 import { jsx as jsx13 } from "@emotion/react/jsx-runtime";
@@ -3200,31 +3256,6 @@ function Tooltip({
   ] });
 }
 
-// src/components/utils/nativeButton.ts
-import * as React4 from "react";
-function markNativeButton(component) {
-  component.renderNativeButton = true;
-  return component;
-}
-function isNativeButtonTrigger(element) {
-  var _a;
-  if (!React4.isValidElement(element)) {
-    return false;
-  }
-  if (element.type === "button") {
-    return true;
-  }
-  if (typeof element.type !== "string") {
-    if (element.type.renderNativeButton) {
-      return true;
-    }
-    if (((_a = element.props) == null ? void 0 : _a.type) === "button") {
-      return true;
-    }
-  }
-  return false;
-}
-
 // src/components/Button/hooks/useButtonStyles.ts
 var btnSize = {
   zero: "padding: 0; font-size: var(--fs-sm);",
@@ -5188,7 +5219,15 @@ var Menu = React8.forwardRef(function Menu2({
   );
   if (isNested) {
     return /* @__PURE__ */ jsxs17(BaseUIMenu.SubmenuRoot, { open: controlledOpen, onOpenChange: handleOpenChange, disabled: disabled2, children: [
-      /* @__PURE__ */ jsx28(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ jsx28(BaseUIMenu.SubmenuTrigger, { render: submenuTriggerElement, disabled: disabled2, closeDelay: 100 }) }),
+      /* @__PURE__ */ jsx28(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ jsx28(
+        BaseUIMenu.SubmenuTrigger,
+        {
+          render: submenuTriggerElement,
+          disabled: disabled2,
+          closeDelay: 100,
+          nativeButton: isNativeButtonTrigger(submenuTriggerElement)
+        }
+      ) }),
       /* @__PURE__ */ jsx28(BaseUIMenu.Portal, { container: portalContainer, children: menuContent })
     ] });
   }
@@ -5264,6 +5303,7 @@ var MenuItem = React9.forwardRef(
         css: [menuItem(textColor2, active2), typeof className === "object" ? className : void 0],
         className: typeof className === "string" ? className : void 0,
         render,
+        nativeButton: isNativeButtonTrigger(render),
         ...props,
         onClick: onClickHandler,
         disabled: disabledValue,
@@ -8857,6 +8897,7 @@ var DateTimePicker = ({
                 render: /* @__PURE__ */ jsx66(Button, { buttonType: "ghostUnimportant" }),
                 disabled: disabled2,
                 "data-testid": `${testId}-trigger`,
+                nativeButton: true,
                 children: /* @__PURE__ */ jsx66(DateTimePickerSummary, { value, placeholder })
               }
             ),
@@ -9750,10 +9791,12 @@ var variants = {
 
 // src/components/IconButton/IconButton.tsx
 import { jsx as jsx77 } from "@emotion/react/jsx-runtime";
-var IconButton = forwardRef19(
-  ({ children, size = "md", variant = "square", ...props }, ref) => {
-    return /* @__PURE__ */ jsx77(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
-  }
+var IconButton = markNativeButton(
+  forwardRef19(
+    ({ children, size = "md", variant = "square", ...props }, ref) => {
+      return /* @__PURE__ */ jsx77(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
+    }
+  )
 );
 IconButton.displayName = "IconButton";
 
@@ -13372,8 +13415,8 @@ var ObjectListItemRightSlot = css89`
   gap: var(--spacing-sm);
 `;
 var ObjectListItemContainer = css89`
-  > [role='listitem']:not(:first-child) {
-    border-top: 1px solid var(--gray-200);
+  > [role='listitem']:not(:last-child) {
+    border-bottom: 1px solid var(--gray-200);
   }
 `;
 var ObjectListItemCover = css89`
@@ -17986,7 +18029,7 @@ var toolbarGroup = css106`
   gap: var(--spacing-xs);
   position: relative;
 
-  &:not(:first-child)::before {
+  &:not(:first-of-type)::before {
     background-color: var(--gray-300);
     content: '';
     display: block;
@@ -20944,10 +20987,12 @@ export {
   input,
   inputError,
   inputSelect,
+  isNativeButtonTrigger,
   isSecureURL,
   isValidUrl,
   jsonIcon,
   labelText,
+  markNativeButton,
   mq,
   numberInput,
   popTopLayerDialog,

package/dist/index.d.mts

@@ -40,6 +40,42 @@ declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emot
 
 declare const BetaDecorator: Decorator;
 
+/**
+ * Static marker used by {@link isNativeButtonTrigger} to detect design-system
+ * components whose root DOM node is a real `<button>`. Base UI's Menu/Tooltip
+ * triggers warn when `nativeButton={false}` is passed but the rendered element
+ * is still a `<button>`; setting this marker on the wrapper component allows
+ * those triggers to opt back into the native-button code path safely.
+ *
+ * Set this marker via {@link markNativeButton} on any forwardRef/component
+ * whose root DOM node is `<button>`. Consumers writing custom triggers can do
+ * the same.
+ *
+ * @example
+ * export const MyButton = markNativeButton(forwardRef<HTMLButtonElement, Props>(...));
+ */
+declare function markNativeButton<T extends object>(component: T): T;
+/**
+ * Determines if the given trigger element will render a real `<button>` element
+ * to the DOM, so that Base UI's `nativeButton` prop can be set correctly.
+ *
+ * Detection strategy (any one of):
+ *  1. Plain `<button>` JSX (`element.type === 'button'`).
+ *  2. A component carrying the `renderNativeButton` static marker applied via
+ *     {@link markNativeButton}.
+ *  3. An Emotion-wrapped element — Emotion's `css` prop replaces `element.type`
+ *     with an internal wrapper component and stashes the original type/component
+ *     in the `__EMOTION_TYPE_PLEASE_DO_NOT_USE__` prop. We re-check that stashed
+ *     type so a marked component (e.g. `<MenuThreeDots css={...} />`) or a
+ *     `<button css={...} />` is still detected. We also fall back to checking
+ *     `element.props.type === 'button'` for the original `type="button"`
+ *     attribute Emotion preserves.
+ *
+ * Anything else (including non-element children, plain `<div>`s, an `<Icon>`,
+ * etc.) falls back to `false` so Base UI's keyboard polyfill keeps firing.
+ */
+declare function isNativeButtonTrigger(element: React$1.ReactNode): boolean;
+
 /** Breakpoint label values */
 type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type BreakpointsMap = Record<BreakpointSize, number>;
@@ -5650,4 +5686,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
 
 declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
 
-export { AVATAR_SIZE_2XL, AVATAR_SIZE_2XS, AVATAR_SIZE_3XL, AVATAR_SIZE_LG, AVATAR_SIZE_MD, AVATAR_SIZE_SM, AVATAR_SIZE_XL, AVATAR_SIZE_XS, type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, ModalPortalContext, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, ObjectListSubText, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLabels, ParameterLabelsInner, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, StackedModal, StackedModalHeader, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, type ToastData, type ToastId, type ToastOptions, type ToastPromiseOptions, type ToastUpdate, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, avatarImageStyles, avatarSize2xlStyles, avatarSize2xsStyles, avatarSize3xlStyles, avatarSizeLgStyles, avatarSizeMdStyles, avatarSizeSmStyles, avatarSizeXlStyles, avatarSizeXsStyles, avatarStyles, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, popTopLayerDialog, prefersReducedMotion, pushTopLayerDialog, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, subscribeTopLayerDialog, supports, swatchColors, swatchVariant, textInput, toast, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
+export { AVATAR_SIZE_2XL, AVATAR_SIZE_2XS, AVATAR_SIZE_3XL, AVATAR_SIZE_LG, AVATAR_SIZE_MD, AVATAR_SIZE_SM, AVATAR_SIZE_XL, AVATAR_SIZE_XS, type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, ModalPortalContext, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, ObjectListSubText, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLabels, ParameterLabelsInner, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, StackedModal, StackedModalHeader, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, type ToastData, type ToastId, type ToastOptions, type ToastPromiseOptions, type ToastUpdate, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, avatarImageStyles, avatarSize2xlStyles, avatarSize2xsStyles, avatarSize3xlStyles, avatarSizeLgStyles, avatarSizeMdStyles, avatarSizeSmStyles, avatarSizeXlStyles, avatarSizeXsStyles, avatarStyles, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isNativeButtonTrigger, isSecureURL, isValidUrl, jsonIcon, labelText, markNativeButton, mq, numberInput, popTopLayerDialog, prefersReducedMotion, pushTopLayerDialog, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, subscribeTopLayerDialog, supports, swatchColors, swatchVariant, textInput, toast, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };

package/dist/index.d.ts

@@ -40,6 +40,42 @@ declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emot
 
 declare const BetaDecorator: Decorator;
 
+/**
+ * Static marker used by {@link isNativeButtonTrigger} to detect design-system
+ * components whose root DOM node is a real `<button>`. Base UI's Menu/Tooltip
+ * triggers warn when `nativeButton={false}` is passed but the rendered element
+ * is still a `<button>`; setting this marker on the wrapper component allows
+ * those triggers to opt back into the native-button code path safely.
+ *
+ * Set this marker via {@link markNativeButton} on any forwardRef/component
+ * whose root DOM node is `<button>`. Consumers writing custom triggers can do
+ * the same.
+ *
+ * @example
+ * export const MyButton = markNativeButton(forwardRef<HTMLButtonElement, Props>(...));
+ */
+declare function markNativeButton<T extends object>(component: T): T;
+/**
+ * Determines if the given trigger element will render a real `<button>` element
+ * to the DOM, so that Base UI's `nativeButton` prop can be set correctly.
+ *
+ * Detection strategy (any one of):
+ *  1. Plain `<button>` JSX (`element.type === 'button'`).
+ *  2. A component carrying the `renderNativeButton` static marker applied via
+ *     {@link markNativeButton}.
+ *  3. An Emotion-wrapped element — Emotion's `css` prop replaces `element.type`
+ *     with an internal wrapper component and stashes the original type/component
+ *     in the `__EMOTION_TYPE_PLEASE_DO_NOT_USE__` prop. We re-check that stashed
+ *     type so a marked component (e.g. `<MenuThreeDots css={...} />`) or a
+ *     `<button css={...} />` is still detected. We also fall back to checking
+ *     `element.props.type === 'button'` for the original `type="button"`
+ *     attribute Emotion preserves.
+ *
+ * Anything else (including non-element children, plain `<div>`s, an `<Icon>`,
+ * etc.) falls back to `false` so Base UI's keyboard polyfill keeps firing.
+ */
+declare function isNativeButtonTrigger(element: React$1.ReactNode): boolean;
+
 /** Breakpoint label values */
 type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type BreakpointsMap = Record<BreakpointSize, number>;
@@ -5650,4 +5686,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
 
 declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
 
-export { AVATAR_SIZE_2XL, AVATAR_SIZE_2XS, AVATAR_SIZE_3XL, AVATAR_SIZE_LG, AVATAR_SIZE_MD, AVATAR_SIZE_SM, AVATAR_SIZE_XL, AVATAR_SIZE_XS, type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, ModalPortalContext, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, ObjectListSubText, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLabels, ParameterLabelsInner, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, StackedModal, StackedModalHeader, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, type ToastData, type ToastId, type ToastOptions, type ToastPromiseOptions, type ToastUpdate, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, avatarImageStyles, avatarSize2xlStyles, avatarSize2xsStyles, avatarSize3xlStyles, avatarSizeLgStyles, avatarSizeMdStyles, avatarSizeSmStyles, avatarSizeXlStyles, avatarSizeXsStyles, avatarStyles, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, popTopLayerDialog, prefersReducedMotion, pushTopLayerDialog, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, subscribeTopLayerDialog, supports, swatchColors, swatchVariant, textInput, toast, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
+export { AVATAR_SIZE_2XL, AVATAR_SIZE_2XS, AVATAR_SIZE_3XL, AVATAR_SIZE_LG, AVATAR_SIZE_MD, AVATAR_SIZE_SM, AVATAR_SIZE_XL, AVATAR_SIZE_XS, type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, ModalPortalContext, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, ObjectListSubText, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLabels, ParameterLabelsInner, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, StackedModal, StackedModalHeader, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, type ToastData, type ToastId, type ToastOptions, type ToastPromiseOptions, type ToastUpdate, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, avatarImageStyles, avatarSize2xlStyles, avatarSize2xsStyles, avatarSize3xlStyles, avatarSizeLgStyles, avatarSizeMdStyles, avatarSizeSmStyles, avatarSizeXlStyles, avatarSizeXsStyles, avatarStyles, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isNativeButtonTrigger, isSecureURL, isValidUrl, jsonIcon, labelText, markNativeButton, mq, numberInput, popTopLayerDialog, prefersReducedMotion, pushTopLayerDialog, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, subscribeTopLayerDialog, supports, swatchColors, swatchVariant, textInput, toast, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };

package/dist/index.js

@@ -1635,10 +1635,12 @@ __export(src_exports, {
   input: () => input,
   inputError: () => inputError,
   inputSelect: () => inputSelect,
+  isNativeButtonTrigger: () => isNativeButtonTrigger,
   isSecureURL: () => isSecureURL,
   isValidUrl: () => isValidUrl,
   jsonIcon: () => jsonIcon,
   labelText: () => labelText,
+  markNativeButton: () => markNativeButton,
   mq: () => mq,
   numberInput: () => numberInput,
   popTopLayerDialog: () => popTopLayerDialog,
@@ -2636,6 +2638,64 @@ var BetaDecorator = (Story) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Ver
 // src/utils/index.ts
 init_emotion_jsx_shim();
 
+// src/components/utils/nativeButton.ts
+init_emotion_jsx_shim();
+var React2 = __toESM(require("react"));
+
+// src/components/utils/suppressBaseUiNativeButtonWarning.ts
+init_emotion_jsx_shim();
+var NATIVE_BUTTON_WARNING_MARKER = "acts as a button expected";
+var INSTALLED_FLAG = Symbol.for("uniform.designSystem.baseUiNativeButtonWarningFilterInstalled");
+function installBaseUiNativeButtonWarningFilter() {
+  if (process.env.NODE_ENV === "production") {
+    return;
+  }
+  const globalScope = globalThis;
+  if (globalScope[INSTALLED_FLAG]) {
+    return;
+  }
+  globalScope[INSTALLED_FLAG] = true;
+  const originalConsoleError = console.error;
+  console.error = function filteredConsoleError(...args) {
+    if (typeof args[0] === "string" && args[0].includes(NATIVE_BUTTON_WARNING_MARKER)) {
+      return;
+    }
+    originalConsoleError.apply(console, args);
+  };
+}
+
+// src/components/utils/nativeButton.ts
+installBaseUiNativeButtonWarningFilter();
+function markNativeButton(component) {
+  component.renderNativeButton = true;
+  return component;
+}
+function isNativeButtonTrigger(element) {
+  if (!React2.isValidElement(element)) {
+    return false;
+  }
+  if (element.type === "button") {
+    return true;
+  }
+  if (typeof element.type !== "string") {
+    if (element.type.renderNativeButton) {
+      return true;
+    }
+    const props = element.props;
+    if ((props == null ? void 0 : props.type) === "button") {
+      return true;
+    }
+    const emotionType = props == null ? void 0 : props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__;
+    if (emotionType === "button") {
+      return true;
+    }
+    if (emotionType && typeof emotionType !== "string" && emotionType.renderNativeButton) {
+      return true;
+    }
+  }
+  return false;
+}
+
 // src/utils/debounce.ts
 init_emotion_jsx_shim();
 var debounce = (fn, ms = 300) => {
@@ -4962,32 +5022,6 @@ function Tooltip({
   ] });
 }
 
-// src/components/utils/nativeButton.ts
-init_emotion_jsx_shim();
-var React4 = __toESM(require("react"));
-function markNativeButton(component) {
-  component.renderNativeButton = true;
-  return component;
-}
-function isNativeButtonTrigger(element) {
-  var _a;
-  if (!React4.isValidElement(element)) {
-    return false;
-  }
-  if (element.type === "button") {
-    return true;
-  }
-  if (typeof element.type !== "string") {
-    if (element.type.renderNativeButton) {
-      return true;
-    }
-    if (((_a = element.props) == null ? void 0 : _a.type) === "button") {
-      return true;
-    }
-  }
-  return false;
-}
-
 // src/components/Button/hooks/useButtonStyles.ts
 init_emotion_jsx_shim();
 var btnSize = {
@@ -6995,7 +7029,15 @@ var Menu = React8.forwardRef(function Menu2({
   );
   if (isNested) {
     return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_menu.Menu.SubmenuRoot, { open: controlledOpen, onOpenChange: handleOpenChange, disabled: disabled2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_menu.Menu.SubmenuTrigger, { render: submenuTriggerElement, disabled: disabled2, closeDelay: 100 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        import_menu.Menu.SubmenuTrigger,
+        {
+          render: submenuTriggerElement,
+          disabled: disabled2,
+          closeDelay: 100,
+          nativeButton: isNativeButtonTrigger(submenuTriggerElement)
+        }
+      ) }),
       /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_menu.Menu.Portal, { container: portalContainer, children: menuContent })
     ] });
   }
@@ -7072,6 +7114,7 @@ var MenuItem = React9.forwardRef(
         css: [menuItem(textColor2, active2), typeof className === "object" ? className : void 0],
         className: typeof className === "string" ? className : void 0,
         render,
+        nativeButton: isNativeButtonTrigger(render),
         ...props,
         onClick: onClickHandler,
         disabled: disabledValue,
@@ -10732,6 +10775,7 @@ var DateTimePicker = ({
                 render: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { buttonType: "ghostUnimportant" }),
                 disabled: disabled2,
                 "data-testid": `${testId}-trigger`,
+                nativeButton: true,
                 children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DateTimePickerSummary, { value, placeholder })
               }
             ),
@@ -11656,10 +11700,12 @@ var variants = {
 
 // src/components/IconButton/IconButton.tsx
 var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
-var IconButton = (0, import_react97.forwardRef)(
-  ({ children, size = "md", variant = "square", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
-  }
+var IconButton = markNativeButton(
+  (0, import_react97.forwardRef)(
+    ({ children, size = "md", variant = "square", ...props }, ref) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
+    }
+  )
 );
 IconButton.displayName = "IconButton";
 
@@ -15349,8 +15395,8 @@ var ObjectListItemRightSlot = import_react137.css`
   gap: var(--spacing-sm);
 `;
 var ObjectListItemContainer = import_react137.css`
-  > [role='listitem']:not(:first-child) {
-    border-top: 1px solid var(--gray-200);
+  > [role='listitem']:not(:last-child) {
+    border-bottom: 1px solid var(--gray-200);
   }
 `;
 var ObjectListItemCover = import_react137.css`
@@ -19941,7 +19987,7 @@ var toolbarGroup = import_react176.css`
   gap: var(--spacing-xs);
   position: relative;
 
-  &:not(:first-child)::before {
+  &:not(:first-of-type)::before {
     background-color: var(--gray-300);
     content: '';
     display: block;
@@ -22949,10 +22995,12 @@ var StatusBullet = ({
   input,
   inputError,
   inputSelect,
+  isNativeButtonTrigger,
   isSecureURL,
   isValidUrl,
   jsonIcon,
   labelText,
+  markNativeButton,
   mq,
   numberInput,
   popTopLayerDialog,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "20.67.0",
+  "version": "20.67.1-alpha.22+329be3528c",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "exports": {
@@ -34,8 +34,8 @@
     "@storybook/react-vite": "10.2.10",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
-    "@uniformdev/canvas": "^20.67.0",
-    "@uniformdev/richtext": "^20.67.0",
+    "@uniformdev/canvas": "^20.67.1-alpha.22+329be3528c",
+    "@uniformdev/richtext": "^20.67.1-alpha.22+329be3528c",
     "autoprefixer": "10.4.21",
     "hygen": "6.2.11",
     "jsdom": "29.0.2",
@@ -46,7 +46,7 @@
     "tsup": "8.3.0"
   },
   "dependencies": {
-    "@base-ui/react": "^1.4.1",
+    "@base-ui/react": "1.5.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
@@ -84,5 +84,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e97ff55db904f9f4b5c21a18a3ad21a94084684c"
+  "gitHead": "329be3528c6e4e6d01316386d18059ec0ffcd172"
 }