@uniformdev/design-system 20.66.2 → 20.66.3-alpha.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js CHANGED
@@ -204,7 +204,10 @@ var Theme = ({ disableReset = false, disableGlobalReset = false }) => {
204
204
  --z-20: 20;
205
205
  --z-drawer: 50;
206
206
  --z-50: 50;
207
- --z-tooltip: 80;
207
+ --z-menu: 80;
208
+ /* tooltip sits above the side chat so it is never clipped */
209
+ --z-tooltip: 100;
210
+ --z-side-chat: 100;
208
211
 
209
212
  /* opacity */
210
213
  --opacity-0: 0;
@@ -892,6 +895,62 @@ var BetaDecorator = (Story) => /* @__PURE__ */ jsxs5(VerticalRhythm, { children:
892
895
  /* @__PURE__ */ jsx10(Story, {})
893
896
  ] });
894
897
 
898
+ // src/components/utils/nativeButton.ts
899
+ import * as React2 from "react";
900
+
901
+ // src/components/utils/suppressBaseUiNativeButtonWarning.ts
902
+ var NATIVE_BUTTON_WARNING_MARKER = "acts as a button expected";
903
+ var INSTALLED_FLAG = Symbol.for("uniform.designSystem.baseUiNativeButtonWarningFilterInstalled");
904
+ function installBaseUiNativeButtonWarningFilter() {
905
+ if (process.env.NODE_ENV === "production") {
906
+ return;
907
+ }
908
+ const globalScope = globalThis;
909
+ if (globalScope[INSTALLED_FLAG]) {
910
+ return;
911
+ }
912
+ globalScope[INSTALLED_FLAG] = true;
913
+ const originalConsoleError = console.error;
914
+ console.error = function filteredConsoleError(...args) {
915
+ if (typeof args[0] === "string" && args[0].includes(NATIVE_BUTTON_WARNING_MARKER)) {
916
+ return;
917
+ }
918
+ originalConsoleError.apply(console, args);
919
+ };
920
+ }
921
+
922
+ // src/components/utils/nativeButton.ts
923
+ installBaseUiNativeButtonWarningFilter();
924
+ function markNativeButton(component) {
925
+ component.renderNativeButton = true;
926
+ return component;
927
+ }
928
+ function isNativeButtonTrigger(element) {
929
+ if (!React2.isValidElement(element)) {
930
+ return false;
931
+ }
932
+ if (element.type === "button") {
933
+ return true;
934
+ }
935
+ if (typeof element.type !== "string") {
936
+ if (element.type.renderNativeButton) {
937
+ return true;
938
+ }
939
+ const props = element.props;
940
+ if ((props == null ? void 0 : props.type) === "button") {
941
+ return true;
942
+ }
943
+ const emotionType = props == null ? void 0 : props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__;
944
+ if (emotionType === "button") {
945
+ return true;
946
+ }
947
+ if (emotionType && typeof emotionType !== "string" && emotionType.renderNativeButton) {
948
+ return true;
949
+ }
950
+ }
951
+ return false;
952
+ }
953
+
895
954
  // src/utils/debounce.ts
896
955
  var debounce = (fn, ms = 300) => {
897
956
  let timeoutId;
@@ -1236,7 +1295,7 @@ import { GenIcon } from "@react-icons/all-files";
1236
1295
  import { MdSettings } from "@react-icons/all-files/md/MdSettings";
1237
1296
 
1238
1297
  // src/components/Icons/Icon.tsx
1239
- import React2 from "react";
1298
+ import React3 from "react";
1240
1299
 
1241
1300
  // src/components/Icons/Icon.styles.ts
1242
1301
  import { css as css11 } from "@emotion/react";
@@ -1349,7 +1408,7 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
1349
1408
  }
1350
1409
  );
1351
1410
  };
1352
- var Icon = React2.memo(IconInner);
1411
+ var Icon = React3.memo(IconInner);
1353
1412
 
1354
1413
  // src/components/Icons/customIcons.tsx
1355
1414
  import { jsx as jsx13 } from "@emotion/react/jsx-runtime";
@@ -3194,31 +3253,6 @@ function Tooltip({
3194
3253
  ] });
3195
3254
  }
3196
3255
 
3197
- // src/components/utils/nativeButton.ts
3198
- import * as React4 from "react";
3199
- function markNativeButton(component) {
3200
- component.renderNativeButton = true;
3201
- return component;
3202
- }
3203
- function isNativeButtonTrigger(element) {
3204
- var _a;
3205
- if (!React4.isValidElement(element)) {
3206
- return false;
3207
- }
3208
- if (element.type === "button") {
3209
- return true;
3210
- }
3211
- if (typeof element.type !== "string") {
3212
- if (element.type.renderNativeButton) {
3213
- return true;
3214
- }
3215
- if (((_a = element.props) == null ? void 0 : _a.type) === "button") {
3216
- return true;
3217
- }
3218
- }
3219
- return false;
3220
- }
3221
-
3222
3256
  // src/components/Button/hooks/useButtonStyles.ts
3223
3257
  var btnSize = {
3224
3258
  zero: "padding: 0; font-size: var(--fs-sm);",
@@ -5161,7 +5195,7 @@ var Menu = React8.forwardRef(function Menu2({
5161
5195
  alignOffset: shift != null ? shift : isNested ? -4 : 0,
5162
5196
  anchor,
5163
5197
  disableAnchorTracking: !!updatePosition,
5164
- style: { zIndex: "var(--z-tooltip)" },
5198
+ style: { zIndex: "var(--z-menu)" },
5165
5199
  children: /* @__PURE__ */ jsx28(
5166
5200
  BaseUIMenu.Popup,
5167
5201
  {
@@ -5182,7 +5216,15 @@ var Menu = React8.forwardRef(function Menu2({
5182
5216
  );
5183
5217
  if (isNested) {
5184
5218
  return /* @__PURE__ */ jsxs17(BaseUIMenu.SubmenuRoot, { open: controlledOpen, onOpenChange: handleOpenChange, disabled: disabled2, children: [
5185
- /* @__PURE__ */ jsx28(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ jsx28(BaseUIMenu.SubmenuTrigger, { render: submenuTriggerElement, disabled: disabled2, closeDelay: 100 }) }),
5219
+ /* @__PURE__ */ jsx28(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ jsx28(
5220
+ BaseUIMenu.SubmenuTrigger,
5221
+ {
5222
+ render: submenuTriggerElement,
5223
+ disabled: disabled2,
5224
+ closeDelay: 100,
5225
+ nativeButton: isNativeButtonTrigger(submenuTriggerElement)
5226
+ }
5227
+ ) }),
5186
5228
  /* @__PURE__ */ jsx28(BaseUIMenu.Portal, { container: portalContainer, children: menuContent })
5187
5229
  ] });
5188
5230
  }
@@ -5258,6 +5300,7 @@ var MenuItem = React9.forwardRef(
5258
5300
  css: [menuItem(textColor2, active2), typeof className === "object" ? className : void 0],
5259
5301
  className: typeof className === "string" ? className : void 0,
5260
5302
  render,
5303
+ nativeButton: isNativeButtonTrigger(render),
5261
5304
  ...props,
5262
5305
  onClick: onClickHandler,
5263
5306
  disabled: disabledValue,
@@ -8392,7 +8435,7 @@ var PopoverBtn = css53`
8392
8435
  background: none;
8393
8436
  `;
8394
8437
  var Popover = css53`
8395
- z-index: var(--z-tooltip);
8438
+ z-index: var(--z-menu);
8396
8439
 
8397
8440
  /**
8398
8441
  * Hide the popover when its anchor (trigger) has been scrolled out of view by a
@@ -8839,6 +8882,7 @@ var DateTimePicker = ({
8839
8882
  render: /* @__PURE__ */ jsx66(Button, { buttonType: "ghostUnimportant" }),
8840
8883
  disabled: disabled2,
8841
8884
  "data-testid": `${testId}-trigger`,
8885
+ nativeButton: true,
8842
8886
  children: /* @__PURE__ */ jsx66(DateTimePickerSummary, { value, placeholder })
8843
8887
  }
8844
8888
  ),
@@ -9732,10 +9776,12 @@ var variants = {
9732
9776
 
9733
9777
  // src/components/IconButton/IconButton.tsx
9734
9778
  import { jsx as jsx77 } from "@emotion/react/jsx-runtime";
9735
- var IconButton = forwardRef19(
9736
- ({ children, size = "md", variant = "square", ...props }, ref) => {
9737
- return /* @__PURE__ */ jsx77(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
9738
- }
9779
+ var IconButton = markNativeButton(
9780
+ forwardRef19(
9781
+ ({ children, size = "md", variant = "square", ...props }, ref) => {
9782
+ return /* @__PURE__ */ jsx77(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
9783
+ }
9784
+ )
9739
9785
  );
9740
9786
  IconButton.displayName = "IconButton";
9741
9787
 
@@ -13354,8 +13400,8 @@ var ObjectListItemRightSlot = css89`
13354
13400
  gap: var(--spacing-sm);
13355
13401
  `;
13356
13402
  var ObjectListItemContainer = css89`
13357
- > [role='listitem']:not(:first-child) {
13358
- border-top: 1px solid var(--gray-200);
13403
+ > [role='listitem']:not(:last-child) {
13404
+ border-bottom: 1px solid var(--gray-200);
13359
13405
  }
13360
13406
  `;
13361
13407
  var ObjectListItemCover = css89`
@@ -17954,7 +18000,7 @@ var toolbarGroup = css106`
17954
18000
  gap: var(--spacing-xs);
17955
18001
  position: relative;
17956
18002
 
17957
- &:not(:first-child)::before {
18003
+ &:not(:first-of-type)::before {
17958
18004
  background-color: var(--gray-300);
17959
18005
  content: '';
17960
18006
  display: block;
@@ -20909,10 +20955,12 @@ export {
20909
20955
  input,
20910
20956
  inputError,
20911
20957
  inputSelect,
20958
+ isNativeButtonTrigger,
20912
20959
  isSecureURL,
20913
20960
  isValidUrl,
20914
20961
  jsonIcon,
20915
20962
  labelText,
20963
+ markNativeButton,
20916
20964
  mq,
20917
20965
  numberInput,
20918
20966
  popTopLayerDialog,
package/dist/index.d.mts CHANGED
@@ -40,6 +40,42 @@ declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emot
40
40
 
41
41
  declare const BetaDecorator: Decorator;
42
42
 
43
+ /**
44
+ * Static marker used by {@link isNativeButtonTrigger} to detect design-system
45
+ * components whose root DOM node is a real `<button>`. Base UI's Menu/Tooltip
46
+ * triggers warn when `nativeButton={false}` is passed but the rendered element
47
+ * is still a `<button>`; setting this marker on the wrapper component allows
48
+ * those triggers to opt back into the native-button code path safely.
49
+ *
50
+ * Set this marker via {@link markNativeButton} on any forwardRef/component
51
+ * whose root DOM node is `<button>`. Consumers writing custom triggers can do
52
+ * the same.
53
+ *
54
+ * @example
55
+ * export const MyButton = markNativeButton(forwardRef<HTMLButtonElement, Props>(...));
56
+ */
57
+ declare function markNativeButton<T extends object>(component: T): T;
58
+ /**
59
+ * Determines if the given trigger element will render a real `<button>` element
60
+ * to the DOM, so that Base UI's `nativeButton` prop can be set correctly.
61
+ *
62
+ * Detection strategy (any one of):
63
+ * 1. Plain `<button>` JSX (`element.type === 'button'`).
64
+ * 2. A component carrying the `renderNativeButton` static marker applied via
65
+ * {@link markNativeButton}.
66
+ * 3. An Emotion-wrapped element — Emotion's `css` prop replaces `element.type`
67
+ * with an internal wrapper component and stashes the original type/component
68
+ * in the `__EMOTION_TYPE_PLEASE_DO_NOT_USE__` prop. We re-check that stashed
69
+ * type so a marked component (e.g. `<MenuThreeDots css={...} />`) or a
70
+ * `<button css={...} />` is still detected. We also fall back to checking
71
+ * `element.props.type === 'button'` for the original `type="button"`
72
+ * attribute Emotion preserves.
73
+ *
74
+ * Anything else (including non-element children, plain `<div>`s, an `<Icon>`,
75
+ * etc.) falls back to `false` so Base UI's keyboard polyfill keeps firing.
76
+ */
77
+ declare function isNativeButtonTrigger(element: React$1.ReactNode): boolean;
78
+
43
79
  /** Breakpoint label values */
44
80
  type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
45
81
  type BreakpointsMap = Record<BreakpointSize, number>;
@@ -3558,8 +3594,9 @@ declare const ModalDialog: React$1.ForwardRefExoticComponent<Omit<ModalDialogPro
3558
3594
 
3559
3595
  /**
3560
3596
  * Context for passing a portal container element to child popover/menu components
3561
- * rendered inside a Modal. This ensures floating elements render into the dialog
3562
- * instead of document.body, preventing clipping by the modal's overflow.
3597
+ * rendered inside a Modal or the docked/fullscreen Scout side chat panel. Ensures
3598
+ * floating elements render into that element instead of document.body, preventing
3599
+ * clipping by overflow and incorrect stacking (e.g. menus behind --z-side-chat).
3563
3600
  */
3564
3601
  declare const ModalPortalContext: React$1.Context<HTMLElement | null>;
3565
3602
  declare function useModalPortalContainer(): HTMLElement | null;
@@ -5643,4 +5680,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
5643
5680
 
5644
5681
  declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
5645
5682
 
5646
- 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 };
5683
+ 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 CHANGED
@@ -40,6 +40,42 @@ declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emot
40
40
 
41
41
  declare const BetaDecorator: Decorator;
42
42
 
43
+ /**
44
+ * Static marker used by {@link isNativeButtonTrigger} to detect design-system
45
+ * components whose root DOM node is a real `<button>`. Base UI's Menu/Tooltip
46
+ * triggers warn when `nativeButton={false}` is passed but the rendered element
47
+ * is still a `<button>`; setting this marker on the wrapper component allows
48
+ * those triggers to opt back into the native-button code path safely.
49
+ *
50
+ * Set this marker via {@link markNativeButton} on any forwardRef/component
51
+ * whose root DOM node is `<button>`. Consumers writing custom triggers can do
52
+ * the same.
53
+ *
54
+ * @example
55
+ * export const MyButton = markNativeButton(forwardRef<HTMLButtonElement, Props>(...));
56
+ */
57
+ declare function markNativeButton<T extends object>(component: T): T;
58
+ /**
59
+ * Determines if the given trigger element will render a real `<button>` element
60
+ * to the DOM, so that Base UI's `nativeButton` prop can be set correctly.
61
+ *
62
+ * Detection strategy (any one of):
63
+ * 1. Plain `<button>` JSX (`element.type === 'button'`).
64
+ * 2. A component carrying the `renderNativeButton` static marker applied via
65
+ * {@link markNativeButton}.
66
+ * 3. An Emotion-wrapped element — Emotion's `css` prop replaces `element.type`
67
+ * with an internal wrapper component and stashes the original type/component
68
+ * in the `__EMOTION_TYPE_PLEASE_DO_NOT_USE__` prop. We re-check that stashed
69
+ * type so a marked component (e.g. `<MenuThreeDots css={...} />`) or a
70
+ * `<button css={...} />` is still detected. We also fall back to checking
71
+ * `element.props.type === 'button'` for the original `type="button"`
72
+ * attribute Emotion preserves.
73
+ *
74
+ * Anything else (including non-element children, plain `<div>`s, an `<Icon>`,
75
+ * etc.) falls back to `false` so Base UI's keyboard polyfill keeps firing.
76
+ */
77
+ declare function isNativeButtonTrigger(element: React$1.ReactNode): boolean;
78
+
43
79
  /** Breakpoint label values */
44
80
  type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
45
81
  type BreakpointsMap = Record<BreakpointSize, number>;
@@ -3558,8 +3594,9 @@ declare const ModalDialog: React$1.ForwardRefExoticComponent<Omit<ModalDialogPro
3558
3594
 
3559
3595
  /**
3560
3596
  * Context for passing a portal container element to child popover/menu components
3561
- * rendered inside a Modal. This ensures floating elements render into the dialog
3562
- * instead of document.body, preventing clipping by the modal's overflow.
3597
+ * rendered inside a Modal or the docked/fullscreen Scout side chat panel. Ensures
3598
+ * floating elements render into that element instead of document.body, preventing
3599
+ * clipping by overflow and incorrect stacking (e.g. menus behind --z-side-chat).
3563
3600
  */
3564
3601
  declare const ModalPortalContext: React$1.Context<HTMLElement | null>;
3565
3602
  declare function useModalPortalContainer(): HTMLElement | null;
@@ -5643,4 +5680,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
5643
5680
 
5644
5681
  declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
5645
5682
 
5646
- 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 };
5683
+ 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 CHANGED
@@ -1634,10 +1634,12 @@ __export(src_exports, {
1634
1634
  input: () => input,
1635
1635
  inputError: () => inputError,
1636
1636
  inputSelect: () => inputSelect,
1637
+ isNativeButtonTrigger: () => isNativeButtonTrigger,
1637
1638
  isSecureURL: () => isSecureURL,
1638
1639
  isValidUrl: () => isValidUrl,
1639
1640
  jsonIcon: () => jsonIcon,
1640
1641
  labelText: () => labelText,
1642
+ markNativeButton: () => markNativeButton,
1641
1643
  mq: () => mq,
1642
1644
  numberInput: () => numberInput,
1643
1645
  popTopLayerDialog: () => popTopLayerDialog,
@@ -1910,7 +1912,10 @@ var Theme = ({ disableReset = false, disableGlobalReset = false }) => {
1910
1912
  --z-20: 20;
1911
1913
  --z-drawer: 50;
1912
1914
  --z-50: 50;
1913
- --z-tooltip: 80;
1915
+ --z-menu: 80;
1916
+ /* tooltip sits above the side chat so it is never clipped */
1917
+ --z-tooltip: 100;
1918
+ --z-side-chat: 100;
1914
1919
 
1915
1920
  /* opacity */
1916
1921
  --opacity-0: 0;
@@ -2630,6 +2635,64 @@ var BetaDecorator = (Story) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Ver
2630
2635
  // src/utils/index.ts
2631
2636
  init_emotion_jsx_shim();
2632
2637
 
2638
+ // src/components/utils/nativeButton.ts
2639
+ init_emotion_jsx_shim();
2640
+ var React2 = __toESM(require("react"));
2641
+
2642
+ // src/components/utils/suppressBaseUiNativeButtonWarning.ts
2643
+ init_emotion_jsx_shim();
2644
+ var NATIVE_BUTTON_WARNING_MARKER = "acts as a button expected";
2645
+ var INSTALLED_FLAG = Symbol.for("uniform.designSystem.baseUiNativeButtonWarningFilterInstalled");
2646
+ function installBaseUiNativeButtonWarningFilter() {
2647
+ if (process.env.NODE_ENV === "production") {
2648
+ return;
2649
+ }
2650
+ const globalScope = globalThis;
2651
+ if (globalScope[INSTALLED_FLAG]) {
2652
+ return;
2653
+ }
2654
+ globalScope[INSTALLED_FLAG] = true;
2655
+ const originalConsoleError = console.error;
2656
+ console.error = function filteredConsoleError(...args) {
2657
+ if (typeof args[0] === "string" && args[0].includes(NATIVE_BUTTON_WARNING_MARKER)) {
2658
+ return;
2659
+ }
2660
+ originalConsoleError.apply(console, args);
2661
+ };
2662
+ }
2663
+
2664
+ // src/components/utils/nativeButton.ts
2665
+ installBaseUiNativeButtonWarningFilter();
2666
+ function markNativeButton(component) {
2667
+ component.renderNativeButton = true;
2668
+ return component;
2669
+ }
2670
+ function isNativeButtonTrigger(element) {
2671
+ if (!React2.isValidElement(element)) {
2672
+ return false;
2673
+ }
2674
+ if (element.type === "button") {
2675
+ return true;
2676
+ }
2677
+ if (typeof element.type !== "string") {
2678
+ if (element.type.renderNativeButton) {
2679
+ return true;
2680
+ }
2681
+ const props = element.props;
2682
+ if ((props == null ? void 0 : props.type) === "button") {
2683
+ return true;
2684
+ }
2685
+ const emotionType = props == null ? void 0 : props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__;
2686
+ if (emotionType === "button") {
2687
+ return true;
2688
+ }
2689
+ if (emotionType && typeof emotionType !== "string" && emotionType.renderNativeButton) {
2690
+ return true;
2691
+ }
2692
+ }
2693
+ return false;
2694
+ }
2695
+
2633
2696
  // src/utils/debounce.ts
2634
2697
  init_emotion_jsx_shim();
2635
2698
  var debounce = (fn, ms = 300) => {
@@ -4956,32 +5019,6 @@ function Tooltip({
4956
5019
  ] });
4957
5020
  }
4958
5021
 
4959
- // src/components/utils/nativeButton.ts
4960
- init_emotion_jsx_shim();
4961
- var React4 = __toESM(require("react"));
4962
- function markNativeButton(component) {
4963
- component.renderNativeButton = true;
4964
- return component;
4965
- }
4966
- function isNativeButtonTrigger(element) {
4967
- var _a;
4968
- if (!React4.isValidElement(element)) {
4969
- return false;
4970
- }
4971
- if (element.type === "button") {
4972
- return true;
4973
- }
4974
- if (typeof element.type !== "string") {
4975
- if (element.type.renderNativeButton) {
4976
- return true;
4977
- }
4978
- if (((_a = element.props) == null ? void 0 : _a.type) === "button") {
4979
- return true;
4980
- }
4981
- }
4982
- return false;
4983
- }
4984
-
4985
5022
  // src/components/Button/hooks/useButtonStyles.ts
4986
5023
  init_emotion_jsx_shim();
4987
5024
  var btnSize = {
@@ -6968,7 +7005,7 @@ var Menu = React8.forwardRef(function Menu2({
6968
7005
  alignOffset: shift != null ? shift : isNested ? -4 : 0,
6969
7006
  anchor,
6970
7007
  disableAnchorTracking: !!updatePosition,
6971
- style: { zIndex: "var(--z-tooltip)" },
7008
+ style: { zIndex: "var(--z-menu)" },
6972
7009
  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
6973
7010
  import_menu.Menu.Popup,
6974
7011
  {
@@ -6989,7 +7026,15 @@ var Menu = React8.forwardRef(function Menu2({
6989
7026
  );
6990
7027
  if (isNested) {
6991
7028
  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_menu.Menu.SubmenuRoot, { open: controlledOpen, onOpenChange: handleOpenChange, disabled: disabled2, children: [
6992
- /* @__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 }) }),
7029
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
7030
+ import_menu.Menu.SubmenuTrigger,
7031
+ {
7032
+ render: submenuTriggerElement,
7033
+ disabled: disabled2,
7034
+ closeDelay: 100,
7035
+ nativeButton: isNativeButtonTrigger(submenuTriggerElement)
7036
+ }
7037
+ ) }),
6993
7038
  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_menu.Menu.Portal, { container: portalContainer, children: menuContent })
6994
7039
  ] });
6995
7040
  }
@@ -7066,6 +7111,7 @@ var MenuItem = React9.forwardRef(
7066
7111
  css: [menuItem(textColor2, active2), typeof className === "object" ? className : void 0],
7067
7112
  className: typeof className === "string" ? className : void 0,
7068
7113
  render,
7114
+ nativeButton: isNativeButtonTrigger(render),
7069
7115
  ...props,
7070
7116
  onClick: onClickHandler,
7071
7117
  disabled: disabledValue,
@@ -10271,7 +10317,7 @@ var PopoverBtn = import_react80.css`
10271
10317
  background: none;
10272
10318
  `;
10273
10319
  var Popover = import_react80.css`
10274
- z-index: var(--z-tooltip);
10320
+ z-index: var(--z-menu);
10275
10321
 
10276
10322
  /**
10277
10323
  * Hide the popover when its anchor (trigger) has been scrolled out of view by a
@@ -10714,6 +10760,7 @@ var DateTimePicker = ({
10714
10760
  render: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { buttonType: "ghostUnimportant" }),
10715
10761
  disabled: disabled2,
10716
10762
  "data-testid": `${testId}-trigger`,
10763
+ nativeButton: true,
10717
10764
  children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DateTimePickerSummary, { value, placeholder })
10718
10765
  }
10719
10766
  ),
@@ -11638,10 +11685,12 @@ var variants = {
11638
11685
 
11639
11686
  // src/components/IconButton/IconButton.tsx
11640
11687
  var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
11641
- var IconButton = (0, import_react97.forwardRef)(
11642
- ({ children, size = "md", variant = "square", ...props }, ref) => {
11643
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
11644
- }
11688
+ var IconButton = markNativeButton(
11689
+ (0, import_react97.forwardRef)(
11690
+ ({ children, size = "md", variant = "square", ...props }, ref) => {
11691
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
11692
+ }
11693
+ )
11645
11694
  );
11646
11695
  IconButton.displayName = "IconButton";
11647
11696
 
@@ -15331,8 +15380,8 @@ var ObjectListItemRightSlot = import_react137.css`
15331
15380
  gap: var(--spacing-sm);
15332
15381
  `;
15333
15382
  var ObjectListItemContainer = import_react137.css`
15334
- > [role='listitem']:not(:first-child) {
15335
- border-top: 1px solid var(--gray-200);
15383
+ > [role='listitem']:not(:last-child) {
15384
+ border-bottom: 1px solid var(--gray-200);
15336
15385
  }
15337
15386
  `;
15338
15387
  var ObjectListItemCover = import_react137.css`
@@ -19909,7 +19958,7 @@ var toolbarGroup = import_react174.css`
19909
19958
  gap: var(--spacing-xs);
19910
19959
  position: relative;
19911
19960
 
19912
- &:not(:first-child)::before {
19961
+ &:not(:first-of-type)::before {
19913
19962
  background-color: var(--gray-300);
19914
19963
  content: '';
19915
19964
  display: block;
@@ -22913,10 +22962,12 @@ var StatusBullet = ({
22913
22962
  input,
22914
22963
  inputError,
22915
22964
  inputSelect,
22965
+ isNativeButtonTrigger,
22916
22966
  isSecureURL,
22917
22967
  isValidUrl,
22918
22968
  jsonIcon,
22919
22969
  labelText,
22970
+ markNativeButton,
22920
22971
  mq,
22921
22972
  numberInput,
22922
22973
  popTopLayerDialog,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "20.66.2",
3
+ "version": "20.66.3-alpha.14+186d2da074",
4
4
  "description": "Uniform design system components",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "exports": {
@@ -33,8 +33,8 @@
33
33
  "@storybook/react-vite": "10.2.10",
34
34
  "@types/react": "19.2.2",
35
35
  "@types/react-dom": "19.2.2",
36
- "@uniformdev/canvas": "^20.66.2",
37
- "@uniformdev/richtext": "^20.66.2",
36
+ "@uniformdev/canvas": "^20.66.3-alpha.14+186d2da074",
37
+ "@uniformdev/richtext": "^20.66.3-alpha.14+186d2da074",
38
38
  "autoprefixer": "10.4.21",
39
39
  "hygen": "6.2.11",
40
40
  "jsdom": "29.0.2",
@@ -45,7 +45,7 @@
45
45
  "tsup": "8.3.0"
46
46
  },
47
47
  "dependencies": {
48
- "@base-ui/react": "^1.4.1",
48
+ "@base-ui/react": "1.5.0",
49
49
  "@dnd-kit/core": "^6.3.1",
50
50
  "@dnd-kit/modifiers": "^9.0.0",
51
51
  "@dnd-kit/sortable": "^10.0.0",
@@ -84,5 +84,5 @@
84
84
  "publishConfig": {
85
85
  "access": "public"
86
86
  },
87
- "gitHead": "f6eff69d7dc3c184f3877abbb783c7177a78209d"
87
+ "gitHead": "186d2da0744c3ffd6ab4c26fdc67406186770e2b"
88
88
  }