@uniformdev/design-system 20.50.2-alpha.117 → 20.50.2-alpha.146

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
@@ -898,6 +898,62 @@ var BetaDecorator = (Story) => /* @__PURE__ */ jsxs5(VerticalRhythm, { children:
898
898
  /* @__PURE__ */ jsx10(Story, {})
899
899
  ] });
900
900
 
901
+ // src/components/utils/nativeButton.ts
902
+ import * as React2 from "react";
903
+
904
+ // src/components/utils/suppressBaseUiNativeButtonWarning.ts
905
+ var NATIVE_BUTTON_WARNING_MARKER = "acts as a button expected";
906
+ var INSTALLED_FLAG = Symbol.for("uniform.designSystem.baseUiNativeButtonWarningFilterInstalled");
907
+ function installBaseUiNativeButtonWarningFilter() {
908
+ if (process.env.NODE_ENV === "production") {
909
+ return;
910
+ }
911
+ const globalScope = globalThis;
912
+ if (globalScope[INSTALLED_FLAG]) {
913
+ return;
914
+ }
915
+ globalScope[INSTALLED_FLAG] = true;
916
+ const originalConsoleError = console.error;
917
+ console.error = function filteredConsoleError(...args) {
918
+ if (typeof args[0] === "string" && args[0].includes(NATIVE_BUTTON_WARNING_MARKER)) {
919
+ return;
920
+ }
921
+ originalConsoleError.apply(console, args);
922
+ };
923
+ }
924
+
925
+ // src/components/utils/nativeButton.ts
926
+ installBaseUiNativeButtonWarningFilter();
927
+ function markNativeButton(component) {
928
+ component.renderNativeButton = true;
929
+ return component;
930
+ }
931
+ function isNativeButtonTrigger(element) {
932
+ if (!React2.isValidElement(element)) {
933
+ return false;
934
+ }
935
+ if (element.type === "button") {
936
+ return true;
937
+ }
938
+ if (typeof element.type !== "string") {
939
+ if (element.type.renderNativeButton) {
940
+ return true;
941
+ }
942
+ const props = element.props;
943
+ if ((props == null ? void 0 : props.type) === "button") {
944
+ return true;
945
+ }
946
+ const emotionType = props == null ? void 0 : props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__;
947
+ if (emotionType === "button") {
948
+ return true;
949
+ }
950
+ if (emotionType && typeof emotionType !== "string" && emotionType.renderNativeButton) {
951
+ return true;
952
+ }
953
+ }
954
+ return false;
955
+ }
956
+
901
957
  // src/utils/debounce.ts
902
958
  var debounce = (fn, ms = 300) => {
903
959
  let timeoutId;
@@ -1242,7 +1298,7 @@ import { GenIcon } from "@react-icons/all-files";
1242
1298
  import { MdSettings } from "@react-icons/all-files/md/MdSettings";
1243
1299
 
1244
1300
  // src/components/Icons/Icon.tsx
1245
- import React2 from "react";
1301
+ import React3 from "react";
1246
1302
 
1247
1303
  // src/components/Icons/Icon.styles.ts
1248
1304
  import { css as css11 } from "@emotion/react";
@@ -1355,7 +1411,7 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
1355
1411
  }
1356
1412
  );
1357
1413
  };
1358
- var Icon = React2.memo(IconInner);
1414
+ var Icon = React3.memo(IconInner);
1359
1415
 
1360
1416
  // src/components/Icons/customIcons.tsx
1361
1417
  import { jsx as jsx13 } from "@emotion/react/jsx-runtime";
@@ -3200,31 +3256,6 @@ function Tooltip({
3200
3256
  ] });
3201
3257
  }
3202
3258
 
3203
- // src/components/utils/nativeButton.ts
3204
- import * as React4 from "react";
3205
- function markNativeButton(component) {
3206
- component.renderNativeButton = true;
3207
- return component;
3208
- }
3209
- function isNativeButtonTrigger(element) {
3210
- var _a;
3211
- if (!React4.isValidElement(element)) {
3212
- return false;
3213
- }
3214
- if (element.type === "button") {
3215
- return true;
3216
- }
3217
- if (typeof element.type !== "string") {
3218
- if (element.type.renderNativeButton) {
3219
- return true;
3220
- }
3221
- if (((_a = element.props) == null ? void 0 : _a.type) === "button") {
3222
- return true;
3223
- }
3224
- }
3225
- return false;
3226
- }
3227
-
3228
3259
  // src/components/Button/hooks/useButtonStyles.ts
3229
3260
  var btnSize = {
3230
3261
  zero: "padding: 0; font-size: var(--fs-sm);",
@@ -5188,7 +5219,15 @@ var Menu = React8.forwardRef(function Menu2({
5188
5219
  );
5189
5220
  if (isNested) {
5190
5221
  return /* @__PURE__ */ jsxs17(BaseUIMenu.SubmenuRoot, { open: controlledOpen, onOpenChange: handleOpenChange, disabled: disabled2, children: [
5191
- /* @__PURE__ */ jsx28(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ jsx28(BaseUIMenu.SubmenuTrigger, { render: submenuTriggerElement, disabled: disabled2, closeDelay: 100 }) }),
5222
+ /* @__PURE__ */ jsx28(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ jsx28(
5223
+ BaseUIMenu.SubmenuTrigger,
5224
+ {
5225
+ render: submenuTriggerElement,
5226
+ disabled: disabled2,
5227
+ closeDelay: 100,
5228
+ nativeButton: isNativeButtonTrigger(submenuTriggerElement)
5229
+ }
5230
+ ) }),
5192
5231
  /* @__PURE__ */ jsx28(BaseUIMenu.Portal, { container: portalContainer, children: menuContent })
5193
5232
  ] });
5194
5233
  }
@@ -5264,6 +5303,7 @@ var MenuItem = React9.forwardRef(
5264
5303
  css: [menuItem(textColor2, active2), typeof className === "object" ? className : void 0],
5265
5304
  className: typeof className === "string" ? className : void 0,
5266
5305
  render,
5306
+ nativeButton: isNativeButtonTrigger(render),
5267
5307
  ...props,
5268
5308
  onClick: onClickHandler,
5269
5309
  disabled: disabledValue,
@@ -8857,6 +8897,7 @@ var DateTimePicker = ({
8857
8897
  render: /* @__PURE__ */ jsx66(Button, { buttonType: "ghostUnimportant" }),
8858
8898
  disabled: disabled2,
8859
8899
  "data-testid": `${testId}-trigger`,
8900
+ nativeButton: true,
8860
8901
  children: /* @__PURE__ */ jsx66(DateTimePickerSummary, { value, placeholder })
8861
8902
  }
8862
8903
  ),
@@ -8976,8 +9017,22 @@ var DescriptionList = React14.forwardRef(
8976
9017
  css: variant === "vertical" ? descriptionListVertical : descriptionListHorizontal,
8977
9018
  ...listProps,
8978
9019
  children: items == null ? void 0 : items.map(({ label: label2, value }) => /* @__PURE__ */ jsxs45(React14.Fragment, { children: [
8979
- /* @__PURE__ */ jsx67("dt", { css: descriptionListLabelStyles, children: label2 }),
8980
- /* @__PURE__ */ jsx67("dd", { css: descriptionListValueStyles, children: typeof value === "boolean" ? /* @__PURE__ */ jsx67(DescriptionListValueBoolean, { value }) : value })
9020
+ /* @__PURE__ */ jsx67(
9021
+ "dt",
9022
+ {
9023
+ css: descriptionListLabelStyles,
9024
+ "data-testid": `meta-field-label-${label2.toLowerCase().replace(/\s+/g, "-")}`,
9025
+ children: label2
9026
+ }
9027
+ ),
9028
+ /* @__PURE__ */ jsx67(
9029
+ "dd",
9030
+ {
9031
+ css: descriptionListValueStyles,
9032
+ "data-testid": `meta-field-value-${label2.toLowerCase().replace(/\s+/g, "-")}`,
9033
+ children: typeof value === "boolean" ? /* @__PURE__ */ jsx67(DescriptionListValueBoolean, { value }) : value
9034
+ }
9035
+ )
8981
9036
  ] }, label2))
8982
9037
  }
8983
9038
  );
@@ -9750,10 +9805,12 @@ var variants = {
9750
9805
 
9751
9806
  // src/components/IconButton/IconButton.tsx
9752
9807
  import { jsx as jsx77 } from "@emotion/react/jsx-runtime";
9753
- var IconButton = forwardRef19(
9754
- ({ children, size = "md", variant = "square", ...props }, ref) => {
9755
- return /* @__PURE__ */ jsx77(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
9756
- }
9808
+ var IconButton = markNativeButton(
9809
+ forwardRef19(
9810
+ ({ children, size = "md", variant = "square", ...props }, ref) => {
9811
+ return /* @__PURE__ */ jsx77(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
9812
+ }
9813
+ )
9757
9814
  );
9758
9815
  IconButton.displayName = "IconButton";
9759
9816
 
@@ -13319,7 +13376,7 @@ var ObjectListItemTitleColumnContent = css89`
13319
13376
  `;
13320
13377
  var objectListItemContentWrapperColumns = (minContainerQueryWidth, hasCover) => css89`
13321
13378
  ${cq(minContainerQueryWidth)} {
13322
- grid-template-columns: ${hasCover ? "minmax(0, auto) " : ""}minmax (0, 1fr) minmax(0, auto);
13379
+ grid-template-columns: ${hasCover ? "minmax(0, auto) minmax(0, 1fr) minmax(0, auto)" : "minmax(0, 1fr) minmax(0, auto)"};
13323
13380
  }
13324
13381
  `;
13325
13382
  var ObjectListItemRightSlot = css89`
@@ -13327,8 +13384,8 @@ var ObjectListItemRightSlot = css89`
13327
13384
  gap: var(--spacing-sm);
13328
13385
  `;
13329
13386
  var ObjectListItemContainer = css89`
13330
- > [role='listitem']:not(:first-child) {
13331
- border-top: 1px solid var(--gray-200);
13387
+ > [role='listitem']:not(:last-child) {
13388
+ border-bottom: 1px solid var(--gray-200);
13332
13389
  }
13333
13390
  `;
13334
13391
  var ObjectListItemCover = css89`
@@ -17941,7 +17998,7 @@ var toolbarGroup = css106`
17941
17998
  gap: var(--spacing-xs);
17942
17999
  position: relative;
17943
18000
 
17944
- &:not(:first-child)::before {
18001
+ &:not(:first-of-type)::before {
17945
18002
  background-color: var(--gray-300);
17946
18003
  content: '';
17947
18004
  display: block;
@@ -20898,10 +20955,12 @@ export {
20898
20955
  input,
20899
20956
  inputError,
20900
20957
  inputSelect,
20958
+ isNativeButtonTrigger,
20901
20959
  isSecureURL,
20902
20960
  isValidUrl,
20903
20961
  jsonIcon,
20904
20962
  labelText,
20963
+ markNativeButton,
20905
20964
  mq,
20906
20965
  numberInput,
20907
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>;
@@ -5648,4 +5684,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
5648
5684
 
5649
5685
  declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
5650
5686
 
5651
- 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, 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 };
5687
+ 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, 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>;
@@ -5648,4 +5684,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
5648
5684
 
5649
5685
  declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
5650
5686
 
5651
- 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, 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 };
5687
+ 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, 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,
@@ -2635,6 +2637,64 @@ var BetaDecorator = (Story) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Ver
2635
2637
  // src/utils/index.ts
2636
2638
  init_emotion_jsx_shim();
2637
2639
 
2640
+ // src/components/utils/nativeButton.ts
2641
+ init_emotion_jsx_shim();
2642
+ var React2 = __toESM(require("react"));
2643
+
2644
+ // src/components/utils/suppressBaseUiNativeButtonWarning.ts
2645
+ init_emotion_jsx_shim();
2646
+ var NATIVE_BUTTON_WARNING_MARKER = "acts as a button expected";
2647
+ var INSTALLED_FLAG = Symbol.for("uniform.designSystem.baseUiNativeButtonWarningFilterInstalled");
2648
+ function installBaseUiNativeButtonWarningFilter() {
2649
+ if (process.env.NODE_ENV === "production") {
2650
+ return;
2651
+ }
2652
+ const globalScope = globalThis;
2653
+ if (globalScope[INSTALLED_FLAG]) {
2654
+ return;
2655
+ }
2656
+ globalScope[INSTALLED_FLAG] = true;
2657
+ const originalConsoleError = console.error;
2658
+ console.error = function filteredConsoleError(...args) {
2659
+ if (typeof args[0] === "string" && args[0].includes(NATIVE_BUTTON_WARNING_MARKER)) {
2660
+ return;
2661
+ }
2662
+ originalConsoleError.apply(console, args);
2663
+ };
2664
+ }
2665
+
2666
+ // src/components/utils/nativeButton.ts
2667
+ installBaseUiNativeButtonWarningFilter();
2668
+ function markNativeButton(component) {
2669
+ component.renderNativeButton = true;
2670
+ return component;
2671
+ }
2672
+ function isNativeButtonTrigger(element) {
2673
+ if (!React2.isValidElement(element)) {
2674
+ return false;
2675
+ }
2676
+ if (element.type === "button") {
2677
+ return true;
2678
+ }
2679
+ if (typeof element.type !== "string") {
2680
+ if (element.type.renderNativeButton) {
2681
+ return true;
2682
+ }
2683
+ const props = element.props;
2684
+ if ((props == null ? void 0 : props.type) === "button") {
2685
+ return true;
2686
+ }
2687
+ const emotionType = props == null ? void 0 : props.__EMOTION_TYPE_PLEASE_DO_NOT_USE__;
2688
+ if (emotionType === "button") {
2689
+ return true;
2690
+ }
2691
+ if (emotionType && typeof emotionType !== "string" && emotionType.renderNativeButton) {
2692
+ return true;
2693
+ }
2694
+ }
2695
+ return false;
2696
+ }
2697
+
2638
2698
  // src/utils/debounce.ts
2639
2699
  init_emotion_jsx_shim();
2640
2700
  var debounce = (fn, ms = 300) => {
@@ -4961,32 +5021,6 @@ function Tooltip({
4961
5021
  ] });
4962
5022
  }
4963
5023
 
4964
- // src/components/utils/nativeButton.ts
4965
- init_emotion_jsx_shim();
4966
- var React4 = __toESM(require("react"));
4967
- function markNativeButton(component) {
4968
- component.renderNativeButton = true;
4969
- return component;
4970
- }
4971
- function isNativeButtonTrigger(element) {
4972
- var _a;
4973
- if (!React4.isValidElement(element)) {
4974
- return false;
4975
- }
4976
- if (element.type === "button") {
4977
- return true;
4978
- }
4979
- if (typeof element.type !== "string") {
4980
- if (element.type.renderNativeButton) {
4981
- return true;
4982
- }
4983
- if (((_a = element.props) == null ? void 0 : _a.type) === "button") {
4984
- return true;
4985
- }
4986
- }
4987
- return false;
4988
- }
4989
-
4990
5024
  // src/components/Button/hooks/useButtonStyles.ts
4991
5025
  init_emotion_jsx_shim();
4992
5026
  var btnSize = {
@@ -6994,7 +7028,15 @@ var Menu = React8.forwardRef(function Menu2({
6994
7028
  );
6995
7029
  if (isNested) {
6996
7030
  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_menu.Menu.SubmenuRoot, { open: controlledOpen, onOpenChange: handleOpenChange, disabled: disabled2, children: [
6997
- /* @__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 }) }),
7031
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SubmenuTriggerModeContext.Provider, { value: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
7032
+ import_menu.Menu.SubmenuTrigger,
7033
+ {
7034
+ render: submenuTriggerElement,
7035
+ disabled: disabled2,
7036
+ closeDelay: 100,
7037
+ nativeButton: isNativeButtonTrigger(submenuTriggerElement)
7038
+ }
7039
+ ) }),
6998
7040
  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_menu.Menu.Portal, { container: portalContainer, children: menuContent })
6999
7041
  ] });
7000
7042
  }
@@ -7071,6 +7113,7 @@ var MenuItem = React9.forwardRef(
7071
7113
  css: [menuItem(textColor2, active2), typeof className === "object" ? className : void 0],
7072
7114
  className: typeof className === "string" ? className : void 0,
7073
7115
  render,
7116
+ nativeButton: isNativeButtonTrigger(render),
7074
7117
  ...props,
7075
7118
  onClick: onClickHandler,
7076
7119
  disabled: disabledValue,
@@ -10731,6 +10774,7 @@ var DateTimePicker = ({
10731
10774
  render: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { buttonType: "ghostUnimportant" }),
10732
10775
  disabled: disabled2,
10733
10776
  "data-testid": `${testId}-trigger`,
10777
+ nativeButton: true,
10734
10778
  children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DateTimePickerSummary, { value, placeholder })
10735
10779
  }
10736
10780
  ),
@@ -10852,8 +10896,22 @@ var DescriptionList = import_react84.default.forwardRef(
10852
10896
  css: variant === "vertical" ? descriptionListVertical : descriptionListHorizontal,
10853
10897
  ...listProps,
10854
10898
  children: items == null ? void 0 : items.map(({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react84.default.Fragment, { children: [
10855
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("dt", { css: descriptionListLabelStyles, children: label2 }),
10856
- /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("dd", { css: descriptionListValueStyles, children: typeof value === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DescriptionListValueBoolean, { value }) : value })
10899
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
10900
+ "dt",
10901
+ {
10902
+ css: descriptionListLabelStyles,
10903
+ "data-testid": `meta-field-label-${label2.toLowerCase().replace(/\s+/g, "-")}`,
10904
+ children: label2
10905
+ }
10906
+ ),
10907
+ /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
10908
+ "dd",
10909
+ {
10910
+ css: descriptionListValueStyles,
10911
+ "data-testid": `meta-field-value-${label2.toLowerCase().replace(/\s+/g, "-")}`,
10912
+ children: typeof value === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DescriptionListValueBoolean, { value }) : value
10913
+ }
10914
+ )
10857
10915
  ] }, label2))
10858
10916
  }
10859
10917
  );
@@ -11655,10 +11713,12 @@ var variants = {
11655
11713
 
11656
11714
  // src/components/IconButton/IconButton.tsx
11657
11715
  var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
11658
- var IconButton = (0, import_react97.forwardRef)(
11659
- ({ children, size = "md", variant = "square", ...props }, ref) => {
11660
- return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
11661
- }
11716
+ var IconButton = markNativeButton(
11717
+ (0, import_react97.forwardRef)(
11718
+ ({ children, size = "md", variant = "square", ...props }, ref) => {
11719
+ return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
11720
+ }
11721
+ )
11662
11722
  );
11663
11723
  IconButton.displayName = "IconButton";
11664
11724
 
@@ -15295,7 +15355,7 @@ var ObjectListItemTitleColumnContent = import_react137.css`
15295
15355
  `;
15296
15356
  var objectListItemContentWrapperColumns = (minContainerQueryWidth, hasCover) => import_react137.css`
15297
15357
  ${cq(minContainerQueryWidth)} {
15298
- grid-template-columns: ${hasCover ? "minmax(0, auto) " : ""}minmax (0, 1fr) minmax(0, auto);
15358
+ grid-template-columns: ${hasCover ? "minmax(0, auto) minmax(0, 1fr) minmax(0, auto)" : "minmax(0, 1fr) minmax(0, auto)"};
15299
15359
  }
15300
15360
  `;
15301
15361
  var ObjectListItemRightSlot = import_react137.css`
@@ -15303,8 +15363,8 @@ var ObjectListItemRightSlot = import_react137.css`
15303
15363
  gap: var(--spacing-sm);
15304
15364
  `;
15305
15365
  var ObjectListItemContainer = import_react137.css`
15306
- > [role='listitem']:not(:first-child) {
15307
- border-top: 1px solid var(--gray-200);
15366
+ > [role='listitem']:not(:last-child) {
15367
+ border-bottom: 1px solid var(--gray-200);
15308
15368
  }
15309
15369
  `;
15310
15370
  var ObjectListItemCover = import_react137.css`
@@ -19895,7 +19955,7 @@ var toolbarGroup = import_react176.css`
19895
19955
  gap: var(--spacing-xs);
19896
19956
  position: relative;
19897
19957
 
19898
- &:not(:first-child)::before {
19958
+ &:not(:first-of-type)::before {
19899
19959
  background-color: var(--gray-300);
19900
19960
  content: '';
19901
19961
  display: block;
@@ -22902,10 +22962,12 @@ var StatusBullet = ({
22902
22962
  input,
22903
22963
  inputError,
22904
22964
  inputSelect,
22965
+ isNativeButtonTrigger,
22905
22966
  isSecureURL,
22906
22967
  isValidUrl,
22907
22968
  jsonIcon,
22908
22969
  labelText,
22970
+ markNativeButton,
22909
22971
  mq,
22910
22972
  numberInput,
22911
22973
  popTopLayerDialog,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "20.50.2-alpha.117+4eb2f1aa44",
3
+ "version": "20.50.2-alpha.146+88f341e03e",
4
4
  "description": "Uniform design system components",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "exports": {
@@ -34,8 +34,8 @@
34
34
  "@storybook/react-vite": "10.2.10",
35
35
  "@types/react": "19.2.2",
36
36
  "@types/react-dom": "19.2.2",
37
- "@uniformdev/canvas": "^20.50.2-alpha.117+4eb2f1aa44",
38
- "@uniformdev/richtext": "^20.50.2-alpha.117+4eb2f1aa44",
37
+ "@uniformdev/canvas": "^20.50.2-alpha.146+88f341e03e",
38
+ "@uniformdev/richtext": "^20.50.2-alpha.146+88f341e03e",
39
39
  "autoprefixer": "10.4.21",
40
40
  "hygen": "6.2.11",
41
41
  "jsdom": "29.0.2",
@@ -46,7 +46,7 @@
46
46
  "tsup": "8.3.0"
47
47
  },
48
48
  "dependencies": {
49
- "@base-ui/react": "^1.4.1",
49
+ "@base-ui/react": "1.5.0",
50
50
  "@dnd-kit/core": "^6.3.1",
51
51
  "@dnd-kit/modifiers": "^9.0.0",
52
52
  "@dnd-kit/sortable": "^10.0.0",
@@ -84,5 +84,5 @@
84
84
  "publishConfig": {
85
85
  "access": "public"
86
86
  },
87
- "gitHead": "4eb2f1aa443ff87c7f365c70c1cf221f3ec07a78"
87
+ "gitHead": "88f341e03ec871c6af2cd47b9ce257ff4a394816"
88
88
  }