@wordpress/components 33.1.1-next.v.202605131032.0 → 34.0.0

package/build/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "sourcesContent": ["// Primitives.\nexport { SVG, Path, Circle, Polygon, Rect, G, Line, HorizontalRule, BlockQuotation } from '@wordpress/primitives';\n\n// Components.\nexport { /** @deprecated Import `AlignmentMatrixControl` instead. */\ndefault as __experimentalAlignmentMatrixControl, default as AlignmentMatrixControl } from './alignment-matrix-control';\nexport { default as Animate, getAnimateClassName as __unstableGetAnimateClassName } from './animate';\nexport { __unstableMotion, __unstableAnimatePresence } from './animation';\nexport { default as AnglePickerControl } from './angle-picker-control';\nexport { default as Autocomplete, useAutocompleteProps as __unstableUseAutocompleteProps } from './autocomplete';\nexport { default as BaseControl, useBaseControlProps } from './base-control';\nexport { /** @deprecated Import `BorderBoxControl` instead. */\nBorderBoxControl as __experimentalBorderBoxControl, BorderBoxControl, hasSplitBorders as __experimentalHasSplitBorders, isDefinedBorder as __experimentalIsDefinedBorder, isEmptyBorder as __experimentalIsEmptyBorder } from './border-box-control';\nexport { /** @deprecated Import `BorderControl` instead. */\nBorderControl as __experimentalBorderControl, BorderControl } from './border-control';\nexport { /** @deprecated Import `BoxControl` instead. */\ndefault as __experimentalBoxControl, default as BoxControl, applyValueToSides as __experimentalApplyValueToSides } from './box-control';\nexport { default as Button } from './button';\nexport { default as ButtonGroup } from './button-group';\nexport { Card, CardBody, CardDivider, CardFooter, CardHeader, CardMedia } from './card';\nexport { default as CheckboxControl } from './checkbox-control';\nexport { default as ClipboardButton } from './clipboard-button';\nexport { default as __experimentalPaletteEdit } from './palette-edit';\nexport { default as ColorIndicator } from './color-indicator';\nexport { default as ColorPalette } from './color-palette';\nexport { ColorPicker } from './color-picker';\nexport { default as ComboboxControl } from './combobox-control';\nexport { Composite as __unstableComposite, CompositeGroup as __unstableCompositeGroup, CompositeItem as __unstableCompositeItem, useCompositeState as __unstableUseCompositeState } from './composite/legacy';\nexport { Composite } from './composite';\nexport { ConfirmDialog as __experimentalConfirmDialog } from './confirm-dialog';\nexport { default as CustomSelectControl } from './custom-select-control';\nexport { default as Dashicon } from './dashicon';\nexport { default as DateTimePicker, DatePicker, TimePicker } from './date-time';\nexport { default as Disabled } from './disabled';\nexport { DisclosureContent as __unstableDisclosureContent } from './disclosure';\nexport { Divider as __experimentalDivider } from './divider';\nexport { default as Draggable } from './draggable';\nexport { default as DropZone } from './drop-zone';\nexport { default as DropZoneProvider } from './drop-zone/provider';\nexport { default as Dropdown } from './dropdown';\nexport { default as __experimentalDropdownContentWrapper } from './dropdown/dropdown-content-wrapper';\nexport { default as DropdownMenu } from './dropdown-menu';\nexport { DuotoneSwatch, DuotonePicker } from './duotone-picker';\nexport { Elevation as __experimentalElevation } from './elevation';\nexport { default as ExternalLink } from './external-link';\nexport { Flex, FlexBlock, FlexItem } from './flex';\nexport { default as FocalPointPicker } from './focal-point-picker';\nexport { default as FocusableIframe } from './focusable-iframe';\nexport { default as FontSizePicker } from './font-size-picker';\nexport { default as FormFileUpload } from './form-file-upload';\nexport { default as FormToggle } from './form-toggle';\nexport { default as FormTokenField } from './form-token-field';\nexport { default as GradientPicker } from './gradient-picker';\nexport { default as CustomGradientPicker } from './custom-gradient-picker';\nexport { Grid as __experimentalGrid } from './grid';\nexport { default as Guide } from './guide';\nexport { default as GuidePage } from './guide/page';\nexport { Heading as __experimentalHeading } from './heading';\nexport { HStack as __experimentalHStack } from './h-stack';\nexport { default as Icon } from './icon';\nexport { default as IconButton } from './button/deprecated';\nexport { ItemGroup as __experimentalItemGroup, Item as __experimentalItem } from './item-group';\nexport { default as __experimentalInputControl } from './input-control';\nexport { default as __experimentalInputControlPrefixWrapper } from './input-control/input-prefix-wrapper';\nexport { default as __experimentalInputControlSuffixWrapper } from './input-control/input-suffix-wrapper';\nexport { default as KeyboardShortcuts } from './keyboard-shortcuts';\nexport { default as MenuGroup } from './menu-group';\nexport { default as MenuItem } from './menu-item';\nexport { default as MenuItemsChoice } from './menu-items-choice';\nexport { default as Modal } from './modal';\nexport { default as ScrollLock } from './scroll-lock';\nexport { NavigableMenu, TabbableContainer } from './navigable-container';\nexport { default as __experimentalNavigation } from './navigation';\nexport { default as __experimentalNavigationBackButton } from './navigation/back-button';\nexport { default as __experimentalNavigationGroup } from './navigation/group';\nexport { default as __experimentalNavigationItem } from './navigation/item';\nexport { default as __experimentalNavigationMenu } from './navigation/menu';\nexport { /** @deprecated Import `Navigator` instead. */\nNavigatorProvider as __experimentalNavigatorProvider, /** @deprecated Import `Navigator` and use `Navigator.Screen` instead. */\nNavigatorScreen as __experimentalNavigatorScreen, /** @deprecated Import `Navigator` and use `Navigator.Button` instead. */\nNavigatorButton as __experimentalNavigatorButton, /** @deprecated Import `Navigator` and use `Navigator.BackButton` instead. */\nNavigatorBackButton as __experimentalNavigatorBackButton, /** @deprecated Import `Navigator` and use `Navigator.BackButton` instead. */\nNavigatorToParentButton as __experimentalNavigatorToParentButton } from './navigator/legacy';\nexport { Navigator, useNavigator, /** @deprecated Import `useNavigator` instead. */\nuseNavigator as __experimentalUseNavigator } from './navigator';\nexport { default as Notice } from './notice';\nexport { default as __experimentalNumberControl } from './number-control';\nexport { default as NoticeList } from './notice/list';\nexport { default as Panel } from './panel';\nexport { default as PanelBody } from './panel/body';\nexport { default as PanelHeader } from './panel/header';\nexport { default as PanelRow } from './panel/row';\nexport { default as Placeholder } from './placeholder';\nexport { default as Popover } from './popover';\nexport { default as ProgressBar } from './progress-bar';\nexport { default as QueryControls } from './query-controls';\nexport { default as __experimentalRadio } from './radio-group/radio';\nexport { default as __experimentalRadioGroup } from './radio-group';\nexport { default as RadioControl } from './radio-control';\nexport { default as RangeControl } from './range-control';\nexport { default as ResizableBox } from './resizable-box';\nexport { default as ResponsiveWrapper } from './responsive-wrapper';\nexport { default as SandBox } from './sandbox';\nexport { default as SearchControl } from './search-control';\nexport { default as SelectControl } from './select-control';\nexport { default as Snackbar } from './snackbar';\nexport { default as SnackbarList } from './snackbar/list';\nexport { Spacer as __experimentalSpacer } from './spacer';\nexport { Scrollable as __experimentalScrollable } from './scrollable';\nexport { default as Spinner } from './spinner';\nexport { Surface as __experimentalSurface } from './surface';\nexport { default as TabPanel } from './tab-panel';\nexport { Text as __experimentalText } from './text';\nexport { default as TextControl } from './text-control';\nexport { default as TextareaControl } from './textarea-control';\nexport { default as TextHighlight } from './text-highlight';\nexport { default as Tip } from './tip';\nexport { default as ToggleControl } from './toggle-control';\nexport { ToggleGroupControl as __experimentalToggleGroupControl, ToggleGroupControlOption as __experimentalToggleGroupControlOption, ToggleGroupControlOptionIcon as __experimentalToggleGroupControlOptionIcon } from './toggle-group-control';\nexport { Toolbar, ToolbarButton, ToolbarContext as __experimentalToolbarContext, ToolbarDropdownMenu, ToolbarGroup, ToolbarItem } from './toolbar';\nexport { ToolsPanel as __experimentalToolsPanel, ToolsPanelItem as __experimentalToolsPanelItem, ToolsPanelContext as __experimentalToolsPanelContext } from './tools-panel';\nexport { default as Tooltip } from './tooltip';\nexport { default as __experimentalTreeGrid, TreeGridRow as __experimentalTreeGridRow, TreeGridCell as __experimentalTreeGridCell, TreeGridItem as __experimentalTreeGridItem } from './tree-grid';\nexport { default as TreeSelect } from './tree-select';\nexport { Truncate as __experimentalTruncate } from './truncate';\nexport { default as __experimentalUnitControl, useCustomUnits as __experimentalUseCustomUnits, parseQuantityAndUnitFromRawValue as __experimentalParseQuantityAndUnitFromRawValue } from './unit-control';\nexport { View as __experimentalView } from './view';\nexport { VisuallyHidden } from './visually-hidden';\nexport { VStack as __experimentalVStack } from './v-stack';\nexport { default as IsolatedEventContainer } from './isolated-event-container';\nexport { createSlotFill, Slot, Fill, Provider as SlotFillProvider, useSlot as __experimentalUseSlot, useSlotFills as __experimentalUseSlotFills } from './slot-fill';\nexport { default as __experimentalStyleProvider } from './style-provider';\nexport { ZStack as __experimentalZStack } from './z-stack';\n\n// Higher-Order Components.\nexport { default as navigateRegions, useNavigateRegions as __unstableUseNavigateRegions } from './higher-order/navigate-regions';\nexport { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';\nexport { default as withFallbackStyles } from './higher-order/with-fallback-styles';\nexport { default as withFilters } from './higher-order/with-filters';\nexport { default as withFocusOutside } from './higher-order/with-focus-outside';\nexport { default as withFocusReturn, Provider as FocusReturnProvider } from './higher-order/with-focus-return';\nexport { default as withNotices } from './higher-order/with-notices';\nexport { default as withSpokenMessages } from './higher-order/with-spoken-messages';\n\n// Private APIs.\nexport { privateApis } from './private-apis';"],
-  "mappings": "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",
+  "sourcesContent": ["// Primitives.\nexport { SVG, Path, Circle, Polygon, Rect, G, Line, HorizontalRule, BlockQuotation } from '@wordpress/primitives';\n\n// Components.\nexport { /** @deprecated Import `AlignmentMatrixControl` instead. */\ndefault as __experimentalAlignmentMatrixControl, default as AlignmentMatrixControl } from './alignment-matrix-control';\nexport { default as Animate, getAnimateClassName as __unstableGetAnimateClassName } from './animate';\nexport { __unstableMotion, __unstableAnimatePresence } from './animation';\nexport { default as AnglePickerControl } from './angle-picker-control';\nexport { default as Autocomplete, useAutocompleteProps as __unstableUseAutocompleteProps } from './autocomplete';\nexport { default as BaseControl, useBaseControlProps } from './base-control';\nexport { /** @deprecated Import `BorderBoxControl` instead. */\nBorderBoxControl as __experimentalBorderBoxControl, BorderBoxControl, hasSplitBorders as __experimentalHasSplitBorders, isDefinedBorder as __experimentalIsDefinedBorder, isEmptyBorder as __experimentalIsEmptyBorder } from './border-box-control';\nexport { /** @deprecated Import `BorderControl` instead. */\nBorderControl as __experimentalBorderControl, BorderControl } from './border-control';\nexport { /** @deprecated Import `BoxControl` instead. */\ndefault as __experimentalBoxControl, default as BoxControl } from './box-control';\nexport { default as Button } from './button';\nexport { default as ButtonGroup } from './button-group';\nexport { Card, CardBody, CardDivider, CardFooter, CardHeader, CardMedia } from './card';\nexport { default as CheckboxControl } from './checkbox-control';\nexport { default as ClipboardButton } from './clipboard-button';\nexport { default as __experimentalPaletteEdit } from './palette-edit';\nexport { default as ColorIndicator } from './color-indicator';\nexport { default as ColorPalette } from './color-palette';\nexport { ColorPicker } from './color-picker';\nexport { default as ComboboxControl } from './combobox-control';\nexport { Composite as __unstableComposite, CompositeGroup as __unstableCompositeGroup, CompositeItem as __unstableCompositeItem, useCompositeState as __unstableUseCompositeState } from './composite/legacy';\nexport { Composite } from './composite';\nexport { ConfirmDialog as __experimentalConfirmDialog } from './confirm-dialog';\nexport { default as CustomSelectControl } from './custom-select-control';\nexport { default as Dashicon } from './dashicon';\nexport { default as DateTimePicker, DatePicker, TimePicker } from './date-time';\nexport { default as Disabled } from './disabled';\nexport { DisclosureContent as __unstableDisclosureContent } from './disclosure';\nexport { Divider as __experimentalDivider } from './divider';\nexport { default as Draggable } from './draggable';\nexport { default as DropZone } from './drop-zone';\nexport { default as DropZoneProvider } from './drop-zone/provider';\nexport { default as Dropdown } from './dropdown';\nexport { default as __experimentalDropdownContentWrapper } from './dropdown/dropdown-content-wrapper';\nexport { default as DropdownMenu } from './dropdown-menu';\nexport { DuotoneSwatch, DuotonePicker } from './duotone-picker';\nexport { Elevation as __experimentalElevation } from './elevation';\nexport { default as ExternalLink } from './external-link';\nexport { Flex, FlexBlock, FlexItem } from './flex';\nexport { default as FocalPointPicker } from './focal-point-picker';\nexport { default as FocusableIframe } from './focusable-iframe';\nexport { default as FontSizePicker } from './font-size-picker';\nexport { default as FormFileUpload } from './form-file-upload';\nexport { default as FormToggle } from './form-toggle';\nexport { default as FormTokenField } from './form-token-field';\nexport { default as GradientPicker } from './gradient-picker';\nexport { default as CustomGradientPicker } from './custom-gradient-picker';\nexport { Grid as __experimentalGrid } from './grid';\nexport { default as Guide } from './guide';\nexport { default as GuidePage } from './guide/page';\nexport { Heading as __experimentalHeading } from './heading';\nexport { HStack as __experimentalHStack } from './h-stack';\nexport { default as Icon } from './icon';\nexport { default as IconButton } from './button/deprecated';\nexport { ItemGroup as __experimentalItemGroup, Item as __experimentalItem } from './item-group';\nexport { default as __experimentalInputControl } from './input-control';\nexport { default as __experimentalInputControlPrefixWrapper } from './input-control/input-prefix-wrapper';\nexport { default as __experimentalInputControlSuffixWrapper } from './input-control/input-suffix-wrapper';\nexport { default as KeyboardShortcuts } from './keyboard-shortcuts';\nexport { default as MenuGroup } from './menu-group';\nexport { default as MenuItem } from './menu-item';\nexport { default as MenuItemsChoice } from './menu-items-choice';\nexport { default as Modal } from './modal';\nexport { default as ScrollLock } from './scroll-lock';\nexport { NavigableMenu, TabbableContainer } from './navigable-container';\nexport { /** @deprecated Import `Navigator` instead. */\nNavigatorProvider as __experimentalNavigatorProvider, /** @deprecated Import `Navigator` and use `Navigator.Screen` instead. */\nNavigatorScreen as __experimentalNavigatorScreen, /** @deprecated Import `Navigator` and use `Navigator.Button` instead. */\nNavigatorButton as __experimentalNavigatorButton, /** @deprecated Import `Navigator` and use `Navigator.BackButton` instead. */\nNavigatorBackButton as __experimentalNavigatorBackButton, /** @deprecated Import `Navigator` and use `Navigator.BackButton` instead. */\nNavigatorToParentButton as __experimentalNavigatorToParentButton } from './navigator/legacy';\nexport { Navigator, useNavigator, /** @deprecated Import `useNavigator` instead. */\nuseNavigator as __experimentalUseNavigator } from './navigator';\nexport { default as Notice } from './notice';\nexport { default as __experimentalNumberControl } from './number-control';\nexport { default as NoticeList } from './notice/list';\nexport { default as Panel } from './panel';\nexport { default as PanelBody } from './panel/body';\nexport { default as PanelHeader } from './panel/header';\nexport { default as PanelRow } from './panel/row';\nexport { default as Placeholder } from './placeholder';\nexport { default as Popover } from './popover';\nexport { default as ProgressBar } from './progress-bar';\nexport { default as QueryControls } from './query-controls';\nexport { default as __experimentalRadio } from './radio-group/radio';\nexport { default as __experimentalRadioGroup } from './radio-group';\nexport { default as RadioControl } from './radio-control';\nexport { default as RangeControl } from './range-control';\nexport { default as ResizableBox } from './resizable-box';\nexport { default as ResponsiveWrapper } from './responsive-wrapper';\nexport { default as SandBox } from './sandbox';\nexport { default as SearchControl } from './search-control';\nexport { default as SelectControl } from './select-control';\nexport { default as Snackbar } from './snackbar';\nexport { default as SnackbarList } from './snackbar/list';\nexport { Spacer as __experimentalSpacer } from './spacer';\nexport { Scrollable as __experimentalScrollable } from './scrollable';\nexport { default as Spinner } from './spinner';\nexport { Surface as __experimentalSurface } from './surface';\nexport { default as TabPanel } from './tab-panel';\nexport { Text as __experimentalText } from './text';\nexport { default as TextControl } from './text-control';\nexport { default as TextareaControl } from './textarea-control';\nexport { default as TextHighlight } from './text-highlight';\nexport { default as Tip } from './tip';\nexport { default as ToggleControl } from './toggle-control';\nexport { ToggleGroupControl as __experimentalToggleGroupControl, ToggleGroupControlOption as __experimentalToggleGroupControlOption, ToggleGroupControlOptionIcon as __experimentalToggleGroupControlOptionIcon } from './toggle-group-control';\nexport { Toolbar, ToolbarButton, ToolbarContext as __experimentalToolbarContext, ToolbarDropdownMenu, ToolbarGroup, ToolbarItem } from './toolbar';\nexport { ToolsPanel as __experimentalToolsPanel, ToolsPanelItem as __experimentalToolsPanelItem, ToolsPanelContext as __experimentalToolsPanelContext } from './tools-panel';\nexport { default as Tooltip } from './tooltip';\nexport { default as __experimentalTreeGrid, TreeGridRow as __experimentalTreeGridRow, TreeGridCell as __experimentalTreeGridCell, TreeGridItem as __experimentalTreeGridItem } from './tree-grid';\nexport { default as TreeSelect } from './tree-select';\nexport { Truncate as __experimentalTruncate } from './truncate';\nexport { default as __experimentalUnitControl, useCustomUnits as __experimentalUseCustomUnits, parseQuantityAndUnitFromRawValue as __experimentalParseQuantityAndUnitFromRawValue } from './unit-control';\nexport { View as __experimentalView } from './view';\nexport { VisuallyHidden } from './visually-hidden';\nexport { VStack as __experimentalVStack } from './v-stack';\nexport { default as IsolatedEventContainer } from './isolated-event-container';\nexport { createSlotFill, Slot, Fill, Provider as SlotFillProvider, useSlot as __experimentalUseSlot, useSlotFills as __experimentalUseSlotFills } from './slot-fill';\nexport { default as __experimentalStyleProvider } from './style-provider';\nexport { ZStack as __experimentalZStack } from './z-stack';\n\n// Higher-Order Components.\nexport { default as navigateRegions, useNavigateRegions as __unstableUseNavigateRegions } from './higher-order/navigate-regions';\nexport { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';\nexport { default as withFallbackStyles } from './higher-order/with-fallback-styles';\nexport { default as withFilters } from './higher-order/with-filters';\nexport { default as withFocusOutside } from './higher-order/with-focus-outside';\nexport { default as withFocusReturn, Provider as FocusReturnProvider } from './higher-order/with-focus-return';\nexport { default as withNotices } from './higher-order/with-notices';\nexport { default as withSpokenMessages } from './higher-order/with-spoken-messages';\n\n// Private APIs.\nexport { privateApis } from './private-apis';"],
+  "mappings": "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",
   "names": ["import_legacy", "import_list"]
 }

package/build/input-control/input-base.cjs

@@ -96,42 +96,39 @@ function InputBase(props, ref) {
       }
     };
   }, [__next40pxDefaultSize, size]);
-  return (
-    // @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_input_control_styles.Root, {
-      ...restProps,
-      ...getUIFlexProps(labelPosition),
-      className,
-      gap: 2,
-      ref,
-      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.default, {
-        className: "components-input-control__label",
-        hideLabelFromVision,
-        labelPosition,
-        htmlFor: id,
-        children: label
-      }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_input_control_styles.Container, {
-        __unstableInputWidth,
-        className: "components-input-control__container",
-        disabled,
-        hideLabel,
-        labelPosition,
-        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context.ContextSystemProvider, {
-          value: prefixSuffixContextValue,
-          children: [prefix && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_control_styles.Prefix, {
-            className: "components-input-control__prefix",
-            children: prefix
-          }), children, suffix && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_control_styles.Suffix, {
-            className: "components-input-control__suffix",
-            children: suffix
-          })]
-        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_backdrop.default, {
-          disabled,
-          isBorderless
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_input_control_styles.Root, {
+    ...restProps,
+    ...getUIFlexProps(labelPosition),
+    className,
+    gap: 2,
+    ref,
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.default, {
+      className: "components-input-control__label",
+      hideLabelFromVision,
+      labelPosition,
+      htmlFor: id,
+      children: label
+    }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_input_control_styles.Container, {
+      __unstableInputWidth,
+      className: "components-input-control__container",
+      disabled,
+      hideLabel,
+      labelPosition,
+      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_context.ContextSystemProvider, {
+        value: prefixSuffixContextValue,
+        children: [prefix && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_control_styles.Prefix, {
+          className: "components-input-control__prefix",
+          children: prefix
+        }), children, suffix && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_control_styles.Suffix, {
+          className: "components-input-control__suffix",
+          children: suffix
         })]
+      }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_backdrop.default, {
+        disabled,
+        isBorderless
       })]
-    })
-  );
+    })]
+  });
 }
 var input_base_default = (0, import_context.contextConnect)(InputBase, "InputBase");
 //# sourceMappingURL=input-base.cjs.map

package/build/input-control/input-base.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/input-control/input-base.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Backdrop from './backdrop';\nimport Label from './label';\nimport { Container, Root, Prefix, Suffix } from './styles/input-control-styles';\nimport { ContextSystemProvider, contextConnect, useContextSystem } from '../context';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction useUniqueId(idProp) {\n  const instanceId = useInstanceId(InputBase);\n  const id = `input-base-control-${instanceId}`;\n  return idProp || id;\n}\n\n// Adapter to map props for the new ui/flex component.\nfunction getUIFlexProps(labelPosition) {\n  const props = {};\n  switch (labelPosition) {\n    case 'top':\n      props.direction = 'column';\n      props.expanded = false;\n      props.gap = 0;\n      break;\n    case 'bottom':\n      props.direction = 'column-reverse';\n      props.expanded = false;\n      props.gap = 0;\n      break;\n    case 'edge':\n      props.justify = 'space-between';\n      break;\n  }\n  return props;\n}\nfunction InputBase(props, ref) {\n  const {\n    __next40pxDefaultSize,\n    __unstableInputWidth,\n    children,\n    className,\n    disabled = false,\n    hideLabelFromVision = false,\n    labelPosition,\n    id: idProp,\n    isBorderless = false,\n    label,\n    prefix,\n    size = 'default',\n    suffix,\n    ...restProps\n  } = useDeprecated36pxDefaultSizeProp(useContextSystem(props, 'InputBase'));\n  const id = useUniqueId(idProp);\n  const hideLabel = hideLabelFromVision || !label;\n  const prefixSuffixContextValue = useMemo(() => {\n    return {\n      InputControlPrefixWrapper: {\n        __next40pxDefaultSize,\n        size\n      },\n      InputControlSuffixWrapper: {\n        __next40pxDefaultSize,\n        size\n      }\n    };\n  }, [__next40pxDefaultSize, size]);\n  return (\n    /*#__PURE__*/\n    // @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.\n    _jsxs(Root, {\n      ...restProps,\n      ...getUIFlexProps(labelPosition),\n      className: className,\n      gap: 2,\n      ref: ref,\n      children: [/*#__PURE__*/_jsx(Label, {\n        className: \"components-input-control__label\",\n        hideLabelFromVision: hideLabelFromVision,\n        labelPosition: labelPosition,\n        htmlFor: id,\n        children: label\n      }), /*#__PURE__*/_jsxs(Container, {\n        __unstableInputWidth: __unstableInputWidth,\n        className: \"components-input-control__container\",\n        disabled: disabled,\n        hideLabel: hideLabel,\n        labelPosition: labelPosition,\n        children: [/*#__PURE__*/_jsxs(ContextSystemProvider, {\n          value: prefixSuffixContextValue,\n          children: [prefix && /*#__PURE__*/_jsx(Prefix, {\n            className: \"components-input-control__prefix\",\n            children: prefix\n          }), children, suffix && /*#__PURE__*/_jsx(Suffix, {\n            className: \"components-input-control__suffix\",\n            children: suffix\n          })]\n        }), /*#__PURE__*/_jsx(Backdrop, {\n          disabled: disabled,\n          isBorderless: isBorderless\n        })]\n      })]\n    })\n  );\n}\n\n/**\n * `InputBase` is an internal component used to style the standard borders for an input,\n * as well as handle the layout for prefix/suffix elements.\n */\nexport default contextConnect(InputBase, 'InputBase');"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAA8B;AAC9B,qBAAwB;AAKxB,sBAAqB;AACrB,mBAAkB;AAClB,kCAAgD;AAChD,qBAAwE;AACxE,kCAAiD;AACjD,yBAA2C;AAC3C,SAAS,YAAY,QAAQ;AAC3B,QAAM,iBAAa,8BAAc,SAAS;AAC1C,QAAM,KAAK,sBAAsB,UAAU;AAC3C,SAAO,UAAU;AACnB;AAGA,SAAS,eAAe,eAAe;AACrC,QAAM,QAAQ,CAAC;AACf,UAAQ,eAAe;AAAA,IACrB,KAAK;AACH,YAAM,YAAY;AAClB,YAAM,WAAW;AACjB,YAAM,MAAM;AACZ;AAAA,IACF,KAAK;AACH,YAAM,YAAY;AAClB,YAAM,WAAW;AACjB,YAAM,MAAM;AACZ;AAAA,IACF,KAAK;AACH,YAAM,UAAU;AAChB;AAAA,EACJ;AACA,SAAO;AACT;AACA,SAAS,UAAU,OAAO,KAAK;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB;AAAA,IACA,IAAI;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,QAAI,kEAAiC,iCAAiB,OAAO,WAAW,CAAC;AACzE,QAAM,KAAK,YAAY,MAAM;AAC7B,QAAM,YAAY,uBAAuB,CAAC;AAC1C,QAAM,+BAA2B,wBAAQ,MAAM;AAC7C,WAAO;AAAA,MACL,2BAA2B;AAAA,QACzB;AAAA,QACA;AAAA,MACF;AAAA,MACA,2BAA2B;AAAA,QACzB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,uBAAuB,IAAI,CAAC;AAChC;AAAA;AAAA,IAGE,uCAAAA,MAAM,kCAAM;AAAA,MACV,GAAG;AAAA,MACH,GAAG,eAAe,aAAa;AAAA,MAC/B;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA,UAAU,CAAc,uCAAAC,KAAK,aAAAC,SAAO;AAAA,QAClC,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC,GAAgB,uCAAAF,MAAM,uCAAW;AAAA,QAChC;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAc,uCAAAA,MAAM,sCAAuB;AAAA,UACnD,OAAO;AAAA,UACP,UAAU,CAAC,UAAuB,uCAAAC,KAAK,oCAAQ;AAAA,YAC7C,WAAW;AAAA,YACX,UAAU;AAAA,UACZ,CAAC,GAAG,UAAU,UAAuB,uCAAAA,KAAK,oCAAQ;AAAA,YAChD,WAAW;AAAA,YACX,UAAU;AAAA,UACZ,CAAC,CAAC;AAAA,QACJ,CAAC,GAAgB,uCAAAA,KAAK,gBAAAE,SAAU;AAAA,UAC9B;AAAA,UACA;AAAA,QACF,CAAC,CAAC;AAAA,MACJ,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA;AAEL;AAMA,IAAO,yBAAQ,+BAAe,WAAW,WAAW;",
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Backdrop from './backdrop';\nimport Label from './label';\nimport { Container, Root, Prefix, Suffix } from './styles/input-control-styles';\nimport { ContextSystemProvider, contextConnect, useContextSystem } from '../context';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction useUniqueId(idProp) {\n  const instanceId = useInstanceId(InputBase);\n  const id = `input-base-control-${instanceId}`;\n  return idProp || id;\n}\n\n// Adapter to map props for the new ui/flex component.\nfunction getUIFlexProps(labelPosition) {\n  const props = {};\n  switch (labelPosition) {\n    case 'top':\n      props.direction = 'column';\n      props.expanded = false;\n      props.gap = 0;\n      break;\n    case 'bottom':\n      props.direction = 'column-reverse';\n      props.expanded = false;\n      props.gap = 0;\n      break;\n    case 'edge':\n      props.justify = 'space-between';\n      break;\n  }\n  return props;\n}\nfunction InputBase(props, ref) {\n  const {\n    __next40pxDefaultSize,\n    __unstableInputWidth,\n    children,\n    className,\n    disabled = false,\n    hideLabelFromVision = false,\n    labelPosition,\n    id: idProp,\n    isBorderless = false,\n    label,\n    prefix,\n    size = 'default',\n    suffix,\n    ...restProps\n  } = useDeprecated36pxDefaultSizeProp(useContextSystem(props, 'InputBase'));\n  const id = useUniqueId(idProp);\n  const hideLabel = hideLabelFromVision || !label;\n  const prefixSuffixContextValue = useMemo(() => {\n    return {\n      InputControlPrefixWrapper: {\n        __next40pxDefaultSize,\n        size\n      },\n      InputControlSuffixWrapper: {\n        __next40pxDefaultSize,\n        size\n      }\n    };\n  }, [__next40pxDefaultSize, size]);\n  return /*#__PURE__*/_jsxs(Root, {\n    ...restProps,\n    ...getUIFlexProps(labelPosition),\n    className: className,\n    gap: 2,\n    ref: ref,\n    children: [/*#__PURE__*/_jsx(Label, {\n      className: \"components-input-control__label\",\n      hideLabelFromVision: hideLabelFromVision,\n      labelPosition: labelPosition,\n      htmlFor: id,\n      children: label\n    }), /*#__PURE__*/_jsxs(Container, {\n      __unstableInputWidth: __unstableInputWidth,\n      className: \"components-input-control__container\",\n      disabled: disabled,\n      hideLabel: hideLabel,\n      labelPosition: labelPosition,\n      children: [/*#__PURE__*/_jsxs(ContextSystemProvider, {\n        value: prefixSuffixContextValue,\n        children: [prefix && /*#__PURE__*/_jsx(Prefix, {\n          className: \"components-input-control__prefix\",\n          children: prefix\n        }), children, suffix && /*#__PURE__*/_jsx(Suffix, {\n          className: \"components-input-control__suffix\",\n          children: suffix\n        })]\n      }), /*#__PURE__*/_jsx(Backdrop, {\n        disabled: disabled,\n        isBorderless: isBorderless\n      })]\n    })]\n  });\n}\n\n/**\n * `InputBase` is an internal component used to style the standard borders for an input,\n * as well as handle the layout for prefix/suffix elements.\n */\nexport default contextConnect(InputBase, 'InputBase');"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAA8B;AAC9B,qBAAwB;AAKxB,sBAAqB;AACrB,mBAAkB;AAClB,kCAAgD;AAChD,qBAAwE;AACxE,kCAAiD;AACjD,yBAA2C;AAC3C,SAAS,YAAY,QAAQ;AAC3B,QAAM,iBAAa,8BAAc,SAAS;AAC1C,QAAM,KAAK,sBAAsB,UAAU;AAC3C,SAAO,UAAU;AACnB;AAGA,SAAS,eAAe,eAAe;AACrC,QAAM,QAAQ,CAAC;AACf,UAAQ,eAAe;AAAA,IACrB,KAAK;AACH,YAAM,YAAY;AAClB,YAAM,WAAW;AACjB,YAAM,MAAM;AACZ;AAAA,IACF,KAAK;AACH,YAAM,YAAY;AAClB,YAAM,WAAW;AACjB,YAAM,MAAM;AACZ;AAAA,IACF,KAAK;AACH,YAAM,UAAU;AAChB;AAAA,EACJ;AACA,SAAO;AACT;AACA,SAAS,UAAU,OAAO,KAAK;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB;AAAA,IACA,IAAI;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,QAAI,kEAAiC,iCAAiB,OAAO,WAAW,CAAC;AACzE,QAAM,KAAK,YAAY,MAAM;AAC7B,QAAM,YAAY,uBAAuB,CAAC;AAC1C,QAAM,+BAA2B,wBAAQ,MAAM;AAC7C,WAAO;AAAA,MACL,2BAA2B;AAAA,QACzB;AAAA,QACA;AAAA,MACF;AAAA,MACA,2BAA2B;AAAA,QACzB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,uBAAuB,IAAI,CAAC;AAChC,SAAoB,uCAAAA,MAAM,kCAAM;AAAA,IAC9B,GAAG;AAAA,IACH,GAAG,eAAe,aAAa;AAAA,IAC/B;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,UAAU,CAAc,uCAAAC,KAAK,aAAAC,SAAO;AAAA,MAClC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,IACZ,CAAC,GAAgB,uCAAAF,MAAM,uCAAW;AAAA,MAChC;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAc,uCAAAA,MAAM,sCAAuB;AAAA,QACnD,OAAO;AAAA,QACP,UAAU,CAAC,UAAuB,uCAAAC,KAAK,oCAAQ;AAAA,UAC7C,WAAW;AAAA,UACX,UAAU;AAAA,QACZ,CAAC,GAAG,UAAU,UAAuB,uCAAAA,KAAK,oCAAQ;AAAA,UAChD,WAAW;AAAA,UACX,UAAU;AAAA,QACZ,CAAC,CAAC;AAAA,MACJ,CAAC,GAAgB,uCAAAA,KAAK,gBAAAE,SAAU;AAAA,QAC9B;AAAA,QACA;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AAMA,IAAO,yBAAQ,+BAAe,WAAW,WAAW;",
   "names": ["_jsxs", "_jsx", "Label", "Backdrop"]
 }

package/build/notice/index.cjs

@@ -91,9 +91,7 @@ function Notice({
   onDismiss = noop
 }) {
   useSpokenMessage(spokenMessage, politeness);
-  const classes = (0, import_clsx.default)(className, "components-notice", "is-" + status, {
-    "is-dismissible": isDismissible
-  });
+  const classes = (0, import_clsx.default)(className, "components-notice", "is-" + status);
   if (__unstableHTML && typeof children === "string") {
     children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_element.RawHTML, {
       children
@@ -107,43 +105,43 @@ function Notice({
     className: classes,
     children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {
       children: getStatusLabel(status)
-    }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       className: "components-notice__content",
-      children: [children, actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-        className: "components-notice__actions",
-        children: actions.map(({
-          className: buttonCustomClasses,
-          label,
-          isPrimary,
-          variant,
-          noDefaultClasses = false,
+      children
+    }), actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      className: "components-notice__actions",
+      children: actions.map(({
+        className: buttonCustomClasses,
+        label,
+        isPrimary,
+        variant,
+        noDefaultClasses = false,
+        onClick,
+        url,
+        disabled
+      }, index) => {
+        let computedVariant = variant;
+        if (variant !== "primary" && !noDefaultClasses) {
+          computedVariant = !url ? "secondary" : "link";
+        }
+        if (typeof computedVariant === "undefined" && isPrimary) {
+          computedVariant = "primary";
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
+          size: "compact",
+          href: url,
+          variant: computedVariant,
           onClick,
-          url,
-          disabled
-        }, index) => {
-          let computedVariant = variant;
-          if (variant !== "primary" && !noDefaultClasses) {
-            computedVariant = !url ? "secondary" : "link";
-          }
-          if (typeof computedVariant === "undefined" && isPrimary) {
-            computedVariant = "primary";
-          }
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
-            __next40pxDefaultSize: true,
-            href: url,
-            variant: computedVariant,
-            onClick,
-            disabled,
-            accessibleWhenDisabled: true,
-            className: (0, import_clsx.default)("components-notice__action", buttonCustomClasses),
-            children: label
-          }, index);
-        })
-      })]
+          disabled,
+          accessibleWhenDisabled: true,
+          className: (0, import_clsx.default)("components-notice__action", buttonCustomClasses),
+          children: label
+        }, index);
+      })
     }), isDismissible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
       size: "small",
       className: "components-notice__dismiss",
-      icon: import_icons.close,
+      icon: import_icons.closeSmall,
       label: (0, import_i18n.__)("Close"),
       onClick: onDismissNotice
     })]

package/build/notice/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/notice/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { RawHTML, useEffect, renderToString } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\nimport { close } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\n */\nfunction useSpokenMessage(message, politeness) {\n  const spokenMessage = typeof message === 'string' ? message : renderToString(message);\n  useEffect(() => {\n    if (spokenMessage) {\n      speak(spokenMessage, politeness);\n    }\n  }, [spokenMessage, politeness]);\n}\nfunction getDefaultPoliteness(status) {\n  switch (status) {\n    case 'success':\n    case 'warning':\n    case 'info':\n      return 'polite';\n    // The default will also catch the 'error' status.\n    default:\n      return 'assertive';\n  }\n}\nfunction getStatusLabel(status) {\n  switch (status) {\n    case 'warning':\n      return __('Warning notice');\n    case 'info':\n      return __('Information notice');\n    case 'error':\n      return __('Error notice');\n    // The default will also catch the 'success' status.\n    default:\n      return __('Notice');\n  }\n}\n\n/**\n * `Notice` is a component used to communicate feedback to the user.\n *\n *```jsx\n * import { Notice } from `@wordpress/components`;\n *\n * const MyNotice = () => (\n *   <Notice status=\"error\">An unknown error occurred.</Notice>\n * );\n * ```\n */\nfunction Notice({\n  className,\n  status = 'info',\n  children,\n  spokenMessage = children,\n  onRemove = noop,\n  isDismissible = true,\n  actions = [],\n  politeness = getDefaultPoliteness(status),\n  __unstableHTML,\n  // onDismiss is a callback executed when the notice is dismissed.\n  // It is distinct from onRemove, which _looks_ like a callback but is\n  // actually the function to call to remove the notice from the UI.\n  onDismiss = noop\n}) {\n  useSpokenMessage(spokenMessage, politeness);\n  const classes = clsx(className, 'components-notice', 'is-' + status, {\n    'is-dismissible': isDismissible\n  });\n  if (__unstableHTML && typeof children === 'string') {\n    children = /*#__PURE__*/_jsx(RawHTML, {\n      children: children\n    });\n  }\n  const onDismissNotice = () => {\n    onDismiss();\n    onRemove();\n  };\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: classes,\n    children: [/*#__PURE__*/_jsx(VisuallyHidden, {\n      children: getStatusLabel(status)\n    }), /*#__PURE__*/_jsxs(\"div\", {\n      className: \"components-notice__content\",\n      children: [children, actions.length > 0 && /*#__PURE__*/_jsx(\"div\", {\n        className: \"components-notice__actions\",\n        children: actions.map(({\n          className: buttonCustomClasses,\n          label,\n          isPrimary,\n          variant,\n          noDefaultClasses = false,\n          onClick,\n          url,\n          disabled\n        }, index) => {\n          let computedVariant = variant;\n          if (variant !== 'primary' && !noDefaultClasses) {\n            computedVariant = !url ? 'secondary' : 'link';\n          }\n          if (typeof computedVariant === 'undefined' && isPrimary) {\n            computedVariant = 'primary';\n          }\n          return /*#__PURE__*/_jsx(Button, {\n            __next40pxDefaultSize: true,\n            href: url,\n            variant: computedVariant,\n            onClick: onClick,\n            disabled: disabled,\n            accessibleWhenDisabled: true,\n            className: clsx('components-notice__action', buttonCustomClasses),\n            children: label\n          }, index);\n        })\n      })]\n    }), isDismissible && /*#__PURE__*/_jsx(Button, {\n      size: \"small\",\n      className: \"components-notice__dismiss\",\n      icon: close,\n      label: __('Close'),\n      onClick: onDismissNotice\n    })]\n  });\n}\nexport default Notice;"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { RawHTML, useEffect, renderToString } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Custom hook which announces the message with the given politeness, if a\n * valid message is provided.\n */\nfunction useSpokenMessage(message, politeness) {\n  const spokenMessage = typeof message === 'string' ? message : renderToString(message);\n  useEffect(() => {\n    if (spokenMessage) {\n      speak(spokenMessage, politeness);\n    }\n  }, [spokenMessage, politeness]);\n}\nfunction getDefaultPoliteness(status) {\n  switch (status) {\n    case 'success':\n    case 'warning':\n    case 'info':\n      return 'polite';\n    // The default will also catch the 'error' status.\n    default:\n      return 'assertive';\n  }\n}\nfunction getStatusLabel(status) {\n  switch (status) {\n    case 'warning':\n      return __('Warning notice');\n    case 'info':\n      return __('Information notice');\n    case 'error':\n      return __('Error notice');\n    // The default will also catch the 'success' status.\n    default:\n      return __('Notice');\n  }\n}\n\n/**\n * `Notice` is a component used to communicate feedback to the user.\n *\n *```jsx\n * import { Notice } from `@wordpress/components`;\n *\n * const MyNotice = () => (\n *   <Notice status=\"error\">An unknown error occurred.</Notice>\n * );\n * ```\n */\nfunction Notice({\n  className,\n  status = 'info',\n  children,\n  spokenMessage = children,\n  onRemove = noop,\n  isDismissible = true,\n  actions = [],\n  politeness = getDefaultPoliteness(status),\n  __unstableHTML,\n  // onDismiss is a callback executed when the notice is dismissed.\n  // It is distinct from onRemove, which _looks_ like a callback but is\n  // actually the function to call to remove the notice from the UI.\n  onDismiss = noop\n}) {\n  useSpokenMessage(spokenMessage, politeness);\n\n  // Dismissibility is not a wrapper modifier; target `.components-notice__dismiss`\n  // or `.components-notice:has(.components-notice__dismiss)` from outside CSS.\n  const classes = clsx(className, 'components-notice', 'is-' + status);\n  if (__unstableHTML && typeof children === 'string') {\n    children = /*#__PURE__*/_jsx(RawHTML, {\n      children: children\n    });\n  }\n  const onDismissNotice = () => {\n    onDismiss();\n    onRemove();\n  };\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: classes,\n    children: [/*#__PURE__*/_jsx(VisuallyHidden, {\n      children: getStatusLabel(status)\n    }), /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-notice__content\",\n      children: children\n    }), actions.length > 0 && /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-notice__actions\",\n      children: actions.map(({\n        className: buttonCustomClasses,\n        label,\n        isPrimary,\n        variant,\n        noDefaultClasses = false,\n        onClick,\n        url,\n        disabled\n      }, index) => {\n        let computedVariant = variant;\n        if (variant !== 'primary' && !noDefaultClasses) {\n          computedVariant = !url ? 'secondary' : 'link';\n        }\n        if (typeof computedVariant === 'undefined' && isPrimary) {\n          computedVariant = 'primary';\n        }\n        return /*#__PURE__*/_jsx(Button, {\n          size: \"compact\",\n          href: url,\n          variant: computedVariant,\n          onClick: onClick,\n          disabled: disabled,\n          accessibleWhenDisabled: true,\n          className: clsx('components-notice__action', buttonCustomClasses),\n          children: label\n        }, index);\n      })\n    }), isDismissible && /*#__PURE__*/_jsx(Button, {\n      size: \"small\",\n      className: \"components-notice__dismiss\",\n      icon: closeSmall,\n      label: __('Close'),\n      onClick: onDismissNotice\n    })]\n  });\n}\nexport default Notice;"],
+  "mappings": "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",
   "names": ["clsx", "_jsx", "_jsxs", "Button"]
 }

package/build/popover/index.cjs

@@ -109,6 +109,10 @@ var UnforwardedPopover = (props, forwardedRef) => {
     anchorRect,
     getAnchorRect,
     isAlternate,
+    // `onKeyDown` is forwarded to `useDialog` so the consumer's handler
+    // is merged with the close-on-Escape one (rather than being silently
+    // overridden by the spread of `dialogProps` further below).
+    onKeyDown,
     // Rest
     ...contentProps
   } = (0, import_context.useContextSystem)(props, "Popover");
@@ -193,6 +197,13 @@ var UnforwardedPopover = (props, forwardedRef) => {
         if (!isBlurFromThisPopover && !("relatedTarget" in event && event.relatedTarget) && ownerDocument?.activeElement === ownerDocument?.body) {
           return;
         }
+        const relatedTarget = "relatedTarget" in event ? event.relatedTarget : null;
+        if (relatedTarget instanceof Element && relatedTarget.closest("[data-wp-compat-overlay-slot]")) {
+          return;
+        }
+        if (floatingElement && ownerDocument?.activeElement instanceof Element && floatingElement.contains(ownerDocument.activeElement)) {
+          return;
+        }
         if (onFocusOutside) {
           onFocusOutside(event);
         } else if (onClose) {
@@ -206,6 +217,7 @@ var UnforwardedPopover = (props, forwardedRef) => {
   const [dialogRef, dialogProps] = (0, import_compose.__experimentalUseDialog)({
     constrainTabbing,
     focusOnMount,
+    onKeyDown,
     __unstableOnClose: onDialogClose,
     // @ts-expect-error The __unstableOnClose property needs to be deprecated first (see https://github.com/WordPress/gutenberg/pull/27675)
     onClose: onDialogClose

package/build/popover/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/popover/index.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { useFloating, flip as flipMiddleware, shift as shiftMiddleware, limitShift, autoUpdate, arrow, offset as offsetMiddleware, size } from '@floating-ui/react-dom';\nimport { motion } from 'framer-motion';\nimport { useRef, useLayoutEffect, forwardRef, useContext, useMemo, useState, useCallback, createPortal } from '@wordpress/element';\nimport { useReducedMotion, useViewportMatch, useMergeRefs, __experimentalUseDialog as useDialog } from '@wordpress/compose';\nimport { close } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\nimport { Path, SVG } from '@wordpress/primitives';\nimport { __ } from '@wordpress/i18n';\nimport Button from '../button';\nimport ScrollLock from '../scroll-lock';\nimport { Slot, Fill, useSlot } from '../slot-fill';\nimport { computePopoverPosition, positionToPlacement, placementToMotionAnimationProps, getReferenceElement } from './utils';\nimport { contextConnect, useContextSystem } from '../context';\nimport { overlayMiddlewares } from './overlay-middlewares';\nimport { StyleProvider } from '../style-provider';\n\n/**\n * Name of slot in which popover should fill.\n *\n * @type {string}\n */\nexport const SLOT_NAME = 'Popover';\n\n/**\n * Virtual padding to account for overflow boundaries.\n *\n * @type {number}\n */\nconst OVERFLOW_PADDING = 8;\n\n// An SVG displaying a triangle facing down, filled with a solid\n// color and bordered in such a way to create an arrow-like effect.\n// Keeping the SVG's viewbox squared simplify the arrow positioning\n// calculations.\nconst ArrowTriangle = () => /*#__PURE__*/_jsxs(SVG, {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 100 100\",\n  className: \"components-popover__triangle\",\n  role: \"presentation\",\n  children: [/*#__PURE__*/_jsx(Path, {\n    className: \"components-popover__triangle-bg\",\n    d: \"M 0 0 L 50 50 L 100 0\"\n  }), /*#__PURE__*/_jsx(Path, {\n    className: \"components-popover__triangle-border\",\n    d: \"M 0 0 L 50 50 L 100 0\",\n    vectorEffect: \"non-scaling-stroke\"\n  })]\n});\nimport { slotNameContext } from './context';\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst fallbackContainerClassname = 'components-popover__fallback-container';\nconst getPopoverFallbackContainer = () => {\n  let container = document.body.querySelector('.' + fallbackContainerClassname);\n  if (!container) {\n    container = document.createElement('div');\n    container.className = fallbackContainerClassname;\n    document.body.append(container);\n  }\n  return container;\n};\nconst UnforwardedPopover = (props, forwardedRef) => {\n  const {\n    animate = true,\n    headerTitle,\n    constrainTabbing,\n    onClose,\n    children,\n    className,\n    noArrow = true,\n    position,\n    placement: placementProp = 'bottom-start',\n    offset: offsetProp = 0,\n    focusOnMount = 'firstElement',\n    anchor,\n    expandOnMobile,\n    onFocusOutside,\n    __unstableSlotName = SLOT_NAME,\n    flip = true,\n    resize = true,\n    shift = false,\n    inline = false,\n    variant,\n    style: contentStyle,\n    // Deprecated props\n    __unstableForcePosition,\n    anchorRef,\n    anchorRect,\n    getAnchorRect,\n    isAlternate,\n    // Rest\n    ...contentProps\n  } = useContextSystem(props, 'Popover');\n  let computedFlipProp = flip;\n  let computedResizeProp = resize;\n  if (__unstableForcePosition !== undefined) {\n    deprecated('`__unstableForcePosition` prop in wp.components.Popover', {\n      since: '6.1',\n      version: '6.3',\n      alternative: '`flip={ false }` and  `resize={ false }`'\n    });\n\n    // Back-compat, set the `flip` and `resize` props\n    // to `false` to replicate `__unstableForcePosition`.\n    computedFlipProp = !__unstableForcePosition;\n    computedResizeProp = !__unstableForcePosition;\n  }\n  if (anchorRef !== undefined) {\n    deprecated('`anchorRef` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  if (anchorRect !== undefined) {\n    deprecated('`anchorRect` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  if (getAnchorRect !== undefined) {\n    deprecated('`getAnchorRect` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  const computedVariant = isAlternate ? 'toolbar' : variant;\n  if (isAlternate !== undefined) {\n    deprecated('`isAlternate` prop in wp.components.Popover', {\n      since: '6.2',\n      alternative: \"`variant` prop with the `'toolbar'` value\"\n    });\n  }\n  const arrowRef = useRef(null);\n  const [fallbackReferenceElement, setFallbackReferenceElement] = useState(null);\n  const anchorRefFallback = useCallback(node => {\n    setFallbackReferenceElement(node);\n  }, []);\n  const isMobileViewport = useViewportMatch('medium', '<');\n  const isExpanded = expandOnMobile && isMobileViewport;\n  const hasArrow = !isExpanded && !noArrow;\n  const normalizedPlacementFromProps = position ? positionToPlacement(position) : placementProp;\n  const middleware = [...(placementProp === 'overlay' ? overlayMiddlewares() : []), offsetMiddleware(offsetProp), computedFlipProp && flipMiddleware(), computedResizeProp && size({\n    padding: OVERFLOW_PADDING,\n    apply(sizeProps) {\n      const {\n        firstElementChild\n      } = refs.floating.current ?? {};\n\n      // Only HTMLElement instances have the `style` property.\n      if (!(firstElementChild instanceof HTMLElement)) {\n        return;\n      }\n\n      // Reduce the height of the popover to the available space.\n      Object.assign(firstElementChild.style, {\n        maxHeight: `${Math.max(0, sizeProps.availableHeight)}px`,\n        overflow: 'auto'\n      });\n    }\n  }), shift && shiftMiddleware({\n    crossAxis: true,\n    limiter: limitShift(),\n    padding: 1 // Necessary to avoid flickering at the edge of the viewport.\n  }), arrow({\n    element: arrowRef\n  })];\n  const slotName = useContext(slotNameContext) || __unstableSlotName;\n  const slot = useSlot(slotName);\n  let onDialogClose;\n  if (onClose || onFocusOutside) {\n    onDialogClose = (type, event) => {\n      // Ideally the popover should have just a single onClose prop and\n      // not three props that potentially do the same thing.\n      if (type === 'focus-outside') {\n        // Check if this blur event is actually relevant to this popover\n        const blurTarget = event?.target;\n        const referenceElement = refs.reference.current;\n        const floatingElement = refs.floating.current;\n\n        // Check if blur is from this popover's reference element or its floating content\n        const isBlurFromThisPopover = referenceElement && 'contains' in referenceElement && referenceElement.contains(blurTarget) || floatingElement?.contains(blurTarget);\n        // Ignore blur events that don't originate from this popover when there's no\n        // relatedTarget (next focus target) and focus moves to document.body.\n        // This prevents incorrectly closing the popover when clicking on elements\n        // that don't accept focus (like clicking outside to empty space).\n        const ownerDocument = floatingElement?.ownerDocument;\n        if (!isBlurFromThisPopover && !('relatedTarget' in event && event.relatedTarget) && ownerDocument?.activeElement === ownerDocument?.body) {\n          return;\n        }\n        // Call onFocusOutside if defined or call onClose.\n        if (onFocusOutside) {\n          onFocusOutside(event);\n        } else if (onClose) {\n          onClose();\n        }\n      } else if (onClose) {\n        // onClose should be called for other event types if it exists.\n        onClose();\n      }\n    };\n  }\n  const [dialogRef, dialogProps] = useDialog({\n    constrainTabbing,\n    focusOnMount,\n    __unstableOnClose: onDialogClose,\n    // @ts-expect-error The __unstableOnClose property needs to be deprecated first (see https://github.com/WordPress/gutenberg/pull/27675)\n    onClose: onDialogClose\n  });\n  const {\n    // Positioning coordinates\n    x,\n    y,\n    // Object with \"regular\" refs to both \"reference\" and \"floating\"\n    refs,\n    // Type of CSS position property to use (absolute or fixed)\n    strategy,\n    update,\n    placement: computedPlacement,\n    middlewareData: {\n      arrow: arrowData\n    }\n  } = useFloating({\n    placement: normalizedPlacementFromProps === 'overlay' ? undefined : normalizedPlacementFromProps,\n    middleware,\n    whileElementsMounted: (referenceParam, floatingParam, updateParam) => autoUpdate(referenceParam, floatingParam, updateParam, {\n      layoutShift: false,\n      animationFrame: true\n    })\n  });\n  const arrowCallbackRef = useCallback(node => {\n    arrowRef.current = node;\n    update();\n  }, [update]);\n\n  // When any of the possible anchor \"sources\" change,\n  // recompute the reference element (real or virtual) and its owner document.\n\n  const anchorRefTop = anchorRef?.top;\n  const anchorRefBottom = anchorRef?.bottom;\n  const anchorRefStartContainer = anchorRef?.startContainer;\n  const anchorRefCurrent = anchorRef?.current;\n  useLayoutEffect(() => {\n    const resultingReferenceElement = getReferenceElement({\n      anchor,\n      anchorRef,\n      anchorRect,\n      getAnchorRect,\n      fallbackReferenceElement\n    });\n    refs.setReference(resultingReferenceElement);\n  }, [anchor, anchorRef, anchorRefTop, anchorRefBottom, anchorRefStartContainer, anchorRefCurrent, anchorRect, getAnchorRect, fallbackReferenceElement, refs]);\n  const mergedFloatingRef = useMergeRefs([refs.setFloating, dialogRef, forwardedRef]);\n  const style = isExpanded ? undefined : {\n    position: strategy,\n    top: 0,\n    left: 0,\n    // `x` and `y` are framer-motion specific props and are shorthands\n    // for `translateX` and `translateY`. Currently it is not possible\n    // to use `translateX` and `translateY` because those values would\n    // be overridden by the return value of the\n    // `placementToMotionAnimationProps` function.\n    x: computePopoverPosition(x),\n    y: computePopoverPosition(y)\n  };\n  const shouldReduceMotion = useReducedMotion();\n  const shouldAnimate = animate && !isExpanded && !shouldReduceMotion;\n  const [animationFinished, setAnimationFinished] = useState(false);\n  const {\n    style: motionInlineStyles,\n    ...otherMotionProps\n  } = useMemo(() => placementToMotionAnimationProps(computedPlacement), [computedPlacement]);\n  const animationProps = shouldAnimate ? {\n    style: {\n      ...contentStyle,\n      ...motionInlineStyles,\n      ...style\n    },\n    onAnimationComplete: () => setAnimationFinished(true),\n    ...otherMotionProps\n  } : {\n    animate: false,\n    style: {\n      ...contentStyle,\n      ...style\n    }\n  };\n\n  // When Floating UI has finished positioning and Framer Motion has finished animating\n  // the popover, add the `is-positioned` class to signal that all transitions have finished.\n  const isPositioned = (!shouldAnimate || animationFinished) && x !== null && y !== null;\n  let content = /*#__PURE__*/_jsxs(motion.div, {\n    className: clsx(className, {\n      'is-expanded': isExpanded,\n      'is-positioned': isPositioned,\n      // Use the 'alternate' classname for 'toolbar' variant for back compat.\n      [`is-${computedVariant === 'toolbar' ? 'alternate' : computedVariant}`]: computedVariant\n    }),\n    ...animationProps,\n    ...contentProps,\n    ref: mergedFloatingRef,\n    ...dialogProps,\n    tabIndex: -1,\n    children: [isExpanded && /*#__PURE__*/_jsx(ScrollLock, {}), isExpanded && /*#__PURE__*/_jsxs(\"div\", {\n      className: \"components-popover__header\",\n      children: [/*#__PURE__*/_jsx(\"span\", {\n        className: \"components-popover__header-title\",\n        children: headerTitle\n      }), /*#__PURE__*/_jsx(Button, {\n        className: \"components-popover__close\",\n        size: \"small\",\n        icon: close,\n        onClick: onClose,\n        label: __('Close')\n      })]\n    }), /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-popover__content\",\n      children: children\n    }), hasArrow && /*#__PURE__*/_jsx(\"div\", {\n      ref: arrowCallbackRef,\n      className: ['components-popover__arrow', `is-${computedPlacement.split('-')[0]}`].join(' '),\n      style: {\n        left: typeof arrowData?.x !== 'undefined' && Number.isFinite(arrowData.x) ? `${arrowData.x}px` : '',\n        top: typeof arrowData?.y !== 'undefined' && Number.isFinite(arrowData.y) ? `${arrowData.y}px` : ''\n      },\n      children: /*#__PURE__*/_jsx(ArrowTriangle, {})\n    })]\n  });\n  const shouldRenderWithinSlot = slot.ref && !inline;\n  const hasAnchor = anchorRef || anchorRect || anchor;\n  if (shouldRenderWithinSlot) {\n    content = /*#__PURE__*/_jsx(Fill, {\n      name: slotName,\n      children: content\n    });\n  } else if (!inline) {\n    content = createPortal(/*#__PURE__*/_jsx(StyleProvider, {\n      document: document,\n      children: content\n    }), getPopoverFallbackContainer());\n  }\n  if (hasAnchor) {\n    return content;\n  }\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [/*#__PURE__*/_jsx(\"span\", {\n      ref: anchorRefFallback\n    }), content]\n  });\n};\n\n// Export the PopoverSlot individually to allow typescript to pick the types up.\nexport const PopoverSlot = forwardRef(({\n  name = SLOT_NAME\n}, ref) => {\n  return /*#__PURE__*/_jsx(Slot, {\n    bubblesVirtually: true,\n    name: name,\n    className: \"popover-slot\",\n    ref: ref\n  });\n});\n\n/**\n * `Popover` renders its content in a floating modal. If no explicit anchor is passed via props, it anchors to its parent element by default.\n *\n * ```jsx\n * import { Button, Popover } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyPopover = () => {\n * \tconst [ isVisible, setIsVisible ] = useState( false );\n * \tconst toggleVisible = () => {\n * \t\tsetIsVisible( ( state ) => ! state );\n * \t};\n *\n * \treturn (\n * \t\t<Button variant=\"secondary\" onClick={ toggleVisible }>\n * \t\t\tToggle Popover!\n * \t\t\t{ isVisible && <Popover>Popover is toggled!</Popover> }\n * \t\t</Button>\n * \t);\n * };\n * ```\n *\n */\nexport const Popover = Object.assign(contextConnect(UnforwardedPopover, 'Popover'), {\n  /**\n   * Renders a slot that is used internally by Popover for rendering content.\n   */\n  Slot: Object.assign(PopoverSlot, {\n    displayName: 'Popover.Slot'\n  }),\n  /**\n   * Provides a context to manage popover slot names.\n   *\n   * This is marked as unstable and should not be used directly.\n   */\n  __unstableSlotNameProvider: Object.assign(slotNameContext.Provider, {\n    displayName: 'Popover.__unstableSlotNameProvider'\n  })\n});\nexport default Popover;"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { useFloating, flip as flipMiddleware, shift as shiftMiddleware, limitShift, autoUpdate, arrow, offset as offsetMiddleware, size } from '@floating-ui/react-dom';\nimport { motion } from 'framer-motion';\nimport { useRef, useLayoutEffect, forwardRef, useContext, useMemo, useState, useCallback, createPortal } from '@wordpress/element';\nimport { useReducedMotion, useViewportMatch, useMergeRefs, __experimentalUseDialog as useDialog } from '@wordpress/compose';\nimport { close } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\nimport { Path, SVG } from '@wordpress/primitives';\nimport { __ } from '@wordpress/i18n';\nimport Button from '../button';\nimport ScrollLock from '../scroll-lock';\nimport { Slot, Fill, useSlot } from '../slot-fill';\nimport { computePopoverPosition, positionToPlacement, placementToMotionAnimationProps, getReferenceElement } from './utils';\nimport { contextConnect, useContextSystem } from '../context';\nimport { overlayMiddlewares } from './overlay-middlewares';\nimport { StyleProvider } from '../style-provider';\n\n/**\n * Name of slot in which popover should fill.\n *\n * @type {string}\n */\nexport const SLOT_NAME = 'Popover';\n\n/**\n * Virtual padding to account for overflow boundaries.\n *\n * @type {number}\n */\nconst OVERFLOW_PADDING = 8;\n\n// An SVG displaying a triangle facing down, filled with a solid\n// color and bordered in such a way to create an arrow-like effect.\n// Keeping the SVG's viewbox squared simplify the arrow positioning\n// calculations.\nconst ArrowTriangle = () => /*#__PURE__*/_jsxs(SVG, {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 100 100\",\n  className: \"components-popover__triangle\",\n  role: \"presentation\",\n  children: [/*#__PURE__*/_jsx(Path, {\n    className: \"components-popover__triangle-bg\",\n    d: \"M 0 0 L 50 50 L 100 0\"\n  }), /*#__PURE__*/_jsx(Path, {\n    className: \"components-popover__triangle-border\",\n    d: \"M 0 0 L 50 50 L 100 0\",\n    vectorEffect: \"non-scaling-stroke\"\n  })]\n});\nimport { slotNameContext } from './context';\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst fallbackContainerClassname = 'components-popover__fallback-container';\nconst getPopoverFallbackContainer = () => {\n  let container = document.body.querySelector('.' + fallbackContainerClassname);\n  if (!container) {\n    container = document.createElement('div');\n    container.className = fallbackContainerClassname;\n    document.body.append(container);\n  }\n  return container;\n};\nconst UnforwardedPopover = (props, forwardedRef) => {\n  const {\n    animate = true,\n    headerTitle,\n    constrainTabbing,\n    onClose,\n    children,\n    className,\n    noArrow = true,\n    position,\n    placement: placementProp = 'bottom-start',\n    offset: offsetProp = 0,\n    focusOnMount = 'firstElement',\n    anchor,\n    expandOnMobile,\n    onFocusOutside,\n    __unstableSlotName = SLOT_NAME,\n    flip = true,\n    resize = true,\n    shift = false,\n    inline = false,\n    variant,\n    style: contentStyle,\n    // Deprecated props\n    __unstableForcePosition,\n    anchorRef,\n    anchorRect,\n    getAnchorRect,\n    isAlternate,\n    // `onKeyDown` is forwarded to `useDialog` so the consumer's handler\n    // is merged with the close-on-Escape one (rather than being silently\n    // overridden by the spread of `dialogProps` further below).\n    onKeyDown,\n    // Rest\n    ...contentProps\n  } = useContextSystem(props, 'Popover');\n  let computedFlipProp = flip;\n  let computedResizeProp = resize;\n  if (__unstableForcePosition !== undefined) {\n    deprecated('`__unstableForcePosition` prop in wp.components.Popover', {\n      since: '6.1',\n      version: '6.3',\n      alternative: '`flip={ false }` and  `resize={ false }`'\n    });\n\n    // Back-compat, set the `flip` and `resize` props\n    // to `false` to replicate `__unstableForcePosition`.\n    computedFlipProp = !__unstableForcePosition;\n    computedResizeProp = !__unstableForcePosition;\n  }\n  if (anchorRef !== undefined) {\n    deprecated('`anchorRef` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  if (anchorRect !== undefined) {\n    deprecated('`anchorRect` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  if (getAnchorRect !== undefined) {\n    deprecated('`getAnchorRect` prop in wp.components.Popover', {\n      since: '6.1',\n      alternative: '`anchor` prop'\n    });\n  }\n  const computedVariant = isAlternate ? 'toolbar' : variant;\n  if (isAlternate !== undefined) {\n    deprecated('`isAlternate` prop in wp.components.Popover', {\n      since: '6.2',\n      alternative: \"`variant` prop with the `'toolbar'` value\"\n    });\n  }\n  const arrowRef = useRef(null);\n  const [fallbackReferenceElement, setFallbackReferenceElement] = useState(null);\n  const anchorRefFallback = useCallback(node => {\n    setFallbackReferenceElement(node);\n  }, []);\n  const isMobileViewport = useViewportMatch('medium', '<');\n  const isExpanded = expandOnMobile && isMobileViewport;\n  const hasArrow = !isExpanded && !noArrow;\n  const normalizedPlacementFromProps = position ? positionToPlacement(position) : placementProp;\n  const middleware = [...(placementProp === 'overlay' ? overlayMiddlewares() : []), offsetMiddleware(offsetProp), computedFlipProp && flipMiddleware(), computedResizeProp && size({\n    padding: OVERFLOW_PADDING,\n    apply(sizeProps) {\n      const {\n        firstElementChild\n      } = refs.floating.current ?? {};\n\n      // Only HTMLElement instances have the `style` property.\n      if (!(firstElementChild instanceof HTMLElement)) {\n        return;\n      }\n\n      // Reduce the height of the popover to the available space.\n      Object.assign(firstElementChild.style, {\n        maxHeight: `${Math.max(0, sizeProps.availableHeight)}px`,\n        overflow: 'auto'\n      });\n    }\n  }), shift && shiftMiddleware({\n    crossAxis: true,\n    limiter: limitShift(),\n    padding: 1 // Necessary to avoid flickering at the edge of the viewport.\n  }), arrow({\n    element: arrowRef\n  })];\n  const slotName = useContext(slotNameContext) || __unstableSlotName;\n  const slot = useSlot(slotName);\n  let onDialogClose;\n  if (onClose || onFocusOutside) {\n    onDialogClose = (type, event) => {\n      // Ideally the popover should have just a single onClose prop and\n      // not three props that potentially do the same thing.\n      if (type === 'focus-outside') {\n        // Check if this blur event is actually relevant to this popover\n        const blurTarget = event?.target;\n        const referenceElement = refs.reference.current;\n        const floatingElement = refs.floating.current;\n\n        // Check if blur is from this popover's reference element or its floating content\n        const isBlurFromThisPopover = referenceElement && 'contains' in referenceElement && referenceElement.contains(blurTarget) || floatingElement?.contains(blurTarget);\n        // Ignore blur events that don't originate from this popover when there's no\n        // relatedTarget (next focus target) and focus moves to document.body.\n        // This prevents incorrectly closing the popover when clicking on elements\n        // that don't accept focus (like clicking outside to empty space).\n        const ownerDocument = floatingElement?.ownerDocument;\n        if (!isBlurFromThisPopover && !('relatedTarget' in event && event.relatedTarget) && ownerDocument?.activeElement === ownerDocument?.body) {\n          return;\n        }\n        // Treat focus moves involving portaled descendants as\n        // internal: either the next focus target is in the\n        // `@wordpress/ui` compat overlay slot, or focus is back\n        // inside this popover by the time we evaluate (e.g. when\n        // a portaled overlay is dismissed and synchronously\n        // restores focus to its trigger).\n        // See https://github.com/WordPress/gutenberg/issues/78406.\n        const relatedTarget = 'relatedTarget' in event ? event.relatedTarget : null;\n        if (relatedTarget instanceof Element && relatedTarget.closest('[data-wp-compat-overlay-slot]')) {\n          return;\n        }\n        if (floatingElement && ownerDocument?.activeElement instanceof Element && floatingElement.contains(ownerDocument.activeElement)) {\n          return;\n        }\n        // Call onFocusOutside if defined or call onClose.\n        if (onFocusOutside) {\n          onFocusOutside(event);\n        } else if (onClose) {\n          onClose();\n        }\n      } else if (onClose) {\n        // onClose should be called for other event types if it exists.\n        onClose();\n      }\n    };\n  }\n  const [dialogRef, dialogProps] = useDialog({\n    constrainTabbing,\n    focusOnMount,\n    onKeyDown,\n    __unstableOnClose: onDialogClose,\n    // @ts-expect-error The __unstableOnClose property needs to be deprecated first (see https://github.com/WordPress/gutenberg/pull/27675)\n    onClose: onDialogClose\n  });\n  const {\n    // Positioning coordinates\n    x,\n    y,\n    // Object with \"regular\" refs to both \"reference\" and \"floating\"\n    refs,\n    // Type of CSS position property to use (absolute or fixed)\n    strategy,\n    update,\n    placement: computedPlacement,\n    middlewareData: {\n      arrow: arrowData\n    }\n  } = useFloating({\n    placement: normalizedPlacementFromProps === 'overlay' ? undefined : normalizedPlacementFromProps,\n    middleware,\n    whileElementsMounted: (referenceParam, floatingParam, updateParam) => autoUpdate(referenceParam, floatingParam, updateParam, {\n      layoutShift: false,\n      animationFrame: true\n    })\n  });\n  const arrowCallbackRef = useCallback(node => {\n    arrowRef.current = node;\n    update();\n  }, [update]);\n\n  // When any of the possible anchor \"sources\" change,\n  // recompute the reference element (real or virtual) and its owner document.\n\n  const anchorRefTop = anchorRef?.top;\n  const anchorRefBottom = anchorRef?.bottom;\n  const anchorRefStartContainer = anchorRef?.startContainer;\n  const anchorRefCurrent = anchorRef?.current;\n  useLayoutEffect(() => {\n    const resultingReferenceElement = getReferenceElement({\n      anchor,\n      anchorRef,\n      anchorRect,\n      getAnchorRect,\n      fallbackReferenceElement\n    });\n    refs.setReference(resultingReferenceElement);\n  }, [anchor, anchorRef, anchorRefTop, anchorRefBottom, anchorRefStartContainer, anchorRefCurrent, anchorRect, getAnchorRect, fallbackReferenceElement, refs]);\n  const mergedFloatingRef = useMergeRefs([refs.setFloating, dialogRef, forwardedRef]);\n  const style = isExpanded ? undefined : {\n    position: strategy,\n    top: 0,\n    left: 0,\n    // `x` and `y` are framer-motion specific props and are shorthands\n    // for `translateX` and `translateY`. Currently it is not possible\n    // to use `translateX` and `translateY` because those values would\n    // be overridden by the return value of the\n    // `placementToMotionAnimationProps` function.\n    x: computePopoverPosition(x),\n    y: computePopoverPosition(y)\n  };\n  const shouldReduceMotion = useReducedMotion();\n  const shouldAnimate = animate && !isExpanded && !shouldReduceMotion;\n  const [animationFinished, setAnimationFinished] = useState(false);\n  const {\n    style: motionInlineStyles,\n    ...otherMotionProps\n  } = useMemo(() => placementToMotionAnimationProps(computedPlacement), [computedPlacement]);\n  const animationProps = shouldAnimate ? {\n    style: {\n      ...contentStyle,\n      ...motionInlineStyles,\n      ...style\n    },\n    onAnimationComplete: () => setAnimationFinished(true),\n    ...otherMotionProps\n  } : {\n    animate: false,\n    style: {\n      ...contentStyle,\n      ...style\n    }\n  };\n\n  // When Floating UI has finished positioning and Framer Motion has finished animating\n  // the popover, add the `is-positioned` class to signal that all transitions have finished.\n  const isPositioned = (!shouldAnimate || animationFinished) && x !== null && y !== null;\n  let content = /*#__PURE__*/_jsxs(motion.div, {\n    className: clsx(className, {\n      'is-expanded': isExpanded,\n      'is-positioned': isPositioned,\n      // Use the 'alternate' classname for 'toolbar' variant for back compat.\n      [`is-${computedVariant === 'toolbar' ? 'alternate' : computedVariant}`]: computedVariant\n    }),\n    ...animationProps,\n    ...contentProps,\n    ref: mergedFloatingRef,\n    ...dialogProps,\n    tabIndex: -1,\n    children: [isExpanded && /*#__PURE__*/_jsx(ScrollLock, {}), isExpanded && /*#__PURE__*/_jsxs(\"div\", {\n      className: \"components-popover__header\",\n      children: [/*#__PURE__*/_jsx(\"span\", {\n        className: \"components-popover__header-title\",\n        children: headerTitle\n      }), /*#__PURE__*/_jsx(Button, {\n        className: \"components-popover__close\",\n        size: \"small\",\n        icon: close,\n        onClick: onClose,\n        label: __('Close')\n      })]\n    }), /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-popover__content\",\n      children: children\n    }), hasArrow && /*#__PURE__*/_jsx(\"div\", {\n      ref: arrowCallbackRef,\n      className: ['components-popover__arrow', `is-${computedPlacement.split('-')[0]}`].join(' '),\n      style: {\n        left: typeof arrowData?.x !== 'undefined' && Number.isFinite(arrowData.x) ? `${arrowData.x}px` : '',\n        top: typeof arrowData?.y !== 'undefined' && Number.isFinite(arrowData.y) ? `${arrowData.y}px` : ''\n      },\n      children: /*#__PURE__*/_jsx(ArrowTriangle, {})\n    })]\n  });\n  const shouldRenderWithinSlot = slot.ref && !inline;\n  const hasAnchor = anchorRef || anchorRect || anchor;\n  if (shouldRenderWithinSlot) {\n    content = /*#__PURE__*/_jsx(Fill, {\n      name: slotName,\n      children: content\n    });\n  } else if (!inline) {\n    content = createPortal(/*#__PURE__*/_jsx(StyleProvider, {\n      document: document,\n      children: content\n    }), getPopoverFallbackContainer());\n  }\n  if (hasAnchor) {\n    return content;\n  }\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [/*#__PURE__*/_jsx(\"span\", {\n      ref: anchorRefFallback\n    }), content]\n  });\n};\n\n// Export the PopoverSlot individually to allow typescript to pick the types up.\nexport const PopoverSlot = forwardRef(({\n  name = SLOT_NAME\n}, ref) => {\n  return /*#__PURE__*/_jsx(Slot, {\n    bubblesVirtually: true,\n    name: name,\n    className: \"popover-slot\",\n    ref: ref\n  });\n});\n\n/**\n * `Popover` renders its content in a floating modal. If no explicit anchor is passed via props, it anchors to its parent element by default.\n *\n * ```jsx\n * import { Button, Popover } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyPopover = () => {\n * \tconst [ isVisible, setIsVisible ] = useState( false );\n * \tconst toggleVisible = () => {\n * \t\tsetIsVisible( ( state ) => ! state );\n * \t};\n *\n * \treturn (\n * \t\t<Button variant=\"secondary\" onClick={ toggleVisible }>\n * \t\t\tToggle Popover!\n * \t\t\t{ isVisible && <Popover>Popover is toggled!</Popover> }\n * \t\t</Button>\n * \t);\n * };\n * ```\n *\n */\nexport const Popover = Object.assign(contextConnect(UnforwardedPopover, 'Popover'), {\n  /**\n   * Renders a slot that is used internally by Popover for rendering content.\n   */\n  Slot: Object.assign(PopoverSlot, {\n    displayName: 'Popover.Slot'\n  }),\n  /**\n   * Provides a context to manage popover slot names.\n   *\n   * This is marked as unstable and should not be used directly.\n   */\n  __unstableSlotNameProvider: Object.assign(slotNameContext.Provider, {\n    displayName: 'Popover.__unstableSlotNameProvider'\n  })\n});\nexport default Popover;"],
+  "mappings": "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",
   "names": ["import_context", "_jsxs", "_jsx", "deprecated", "offsetMiddleware", "flipMiddleware", "shiftMiddleware", "useDialog", "clsx", "ScrollLock", "Button", "_Fragment"]
 }

package/build/responsive-wrapper/index.cjs

@@ -50,13 +50,14 @@ function ResponsiveWrapper({
   if (naturalWidth && naturalHeight) {
     aspectRatio = `${naturalWidth} / ${naturalHeight}`;
   }
+  const ch = children;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TagName, {
     className: "components-responsive-wrapper",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-      children: (0, import_element.cloneElement)(children, {
-        className: (0, import_clsx.default)("components-responsive-wrapper__content", children.props.className),
+      children: (0, import_element.cloneElement)(ch, {
+        className: (0, import_clsx.default)("components-responsive-wrapper__content", ch.props.className),
         style: {
-          ...children.props.style,
+          ...ch.props.style,
           aspectRatio
         }
       })

package/build/responsive-wrapper/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/responsive-wrapper/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { cloneElement, Children } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * A wrapper component that maintains its aspect ratio when resized.\n *\n * ```jsx\n * import { ResponsiveWrapper } from '@wordpress/components';\n *\n * const MyResponsiveWrapper = () => (\n * \t<ResponsiveWrapper naturalWidth={ 2000 } naturalHeight={ 680 }>\n * \t\t<img\n * \t\t\tsrc=\"https://s.w.org/style/images/about/WordPress-logotype-standard.png\"\n * \t\t\talt=\"WordPress\"\n * \t\t/>\n * \t</ResponsiveWrapper>\n * );\n * ```\n */\nfunction ResponsiveWrapper({\n  naturalWidth,\n  naturalHeight,\n  children,\n  isInline = false\n}) {\n  if (Children.count(children) !== 1) {\n    return null;\n  }\n  const TagName = isInline ? 'span' : 'div';\n  let aspectRatio;\n  if (naturalWidth && naturalHeight) {\n    aspectRatio = `${naturalWidth} / ${naturalHeight}`;\n  }\n  return /*#__PURE__*/_jsx(TagName, {\n    className: \"components-responsive-wrapper\",\n    children: /*#__PURE__*/_jsx(\"div\", {\n      children: cloneElement(children, {\n        className: clsx('components-responsive-wrapper__content', children.props.className),\n        style: {\n          ...children.props.style,\n          aspectRatio\n        }\n      })\n    })\n  });\n}\nexport default ResponsiveWrapper;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAuC;AAKvC,yBAA4B;AAiB5B,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAG;AACD,MAAI,wBAAS,MAAM,QAAQ,MAAM,GAAG;AAClC,WAAO;AAAA,EACT;AACA,QAAM,UAAU,WAAW,SAAS;AACpC,MAAI;AACJ,MAAI,gBAAgB,eAAe;AACjC,kBAAc,GAAG,YAAY,MAAM,aAAa;AAAA,EAClD;AACA,SAAoB,uCAAAA,KAAK,SAAS;AAAA,IAChC,WAAW;AAAA,IACX,UAAuB,uCAAAA,KAAK,OAAO;AAAA,MACjC,cAAU,6BAAa,UAAU;AAAA,QAC/B,eAAW,YAAAC,SAAK,0CAA0C,SAAS,MAAM,SAAS;AAAA,QAClF,OAAO;AAAA,UACL,GAAG,SAAS,MAAM;AAAA,UAClB;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,6BAAQ;",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { cloneElement, Children } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * A wrapper component that maintains its aspect ratio when resized.\n *\n * ```jsx\n * import { ResponsiveWrapper } from '@wordpress/components';\n *\n * const MyResponsiveWrapper = () => (\n * \t<ResponsiveWrapper naturalWidth={ 2000 } naturalHeight={ 680 }>\n * \t\t<img\n * \t\t\tsrc=\"https://s.w.org/style/images/about/WordPress-logotype-standard.png\"\n * \t\t\talt=\"WordPress\"\n * \t\t/>\n * \t</ResponsiveWrapper>\n * );\n * ```\n */\nfunction ResponsiveWrapper({\n  naturalWidth,\n  naturalHeight,\n  children,\n  isInline = false\n}) {\n  if (Children.count(children) !== 1) {\n    return null;\n  }\n  const TagName = isInline ? 'span' : 'div';\n  let aspectRatio;\n  if (naturalWidth && naturalHeight) {\n    aspectRatio = `${naturalWidth} / ${naturalHeight}`;\n  }\n  const ch = children;\n  return /*#__PURE__*/_jsx(TagName, {\n    className: \"components-responsive-wrapper\",\n    children: /*#__PURE__*/_jsx(\"div\", {\n      children: cloneElement(ch, {\n        className: clsx('components-responsive-wrapper__content', ch.props.className),\n        style: {\n          ...ch.props.style,\n          aspectRatio\n        }\n      })\n    })\n  });\n}\nexport default ResponsiveWrapper;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAuC;AAKvC,yBAA4B;AAiB5B,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAG;AACD,MAAI,wBAAS,MAAM,QAAQ,MAAM,GAAG;AAClC,WAAO;AAAA,EACT;AACA,QAAM,UAAU,WAAW,SAAS;AACpC,MAAI;AACJ,MAAI,gBAAgB,eAAe;AACjC,kBAAc,GAAG,YAAY,MAAM,aAAa;AAAA,EAClD;AACA,QAAM,KAAK;AACX,SAAoB,uCAAAA,KAAK,SAAS;AAAA,IAChC,WAAW;AAAA,IACX,UAAuB,uCAAAA,KAAK,OAAO;AAAA,MACjC,cAAU,6BAAa,IAAI;AAAA,QACzB,eAAW,YAAAC,SAAK,0CAA0C,GAAG,MAAM,SAAS;AAAA,QAC5E,OAAO;AAAA,UACL,GAAG,GAAG,MAAM;AAAA,UACZ;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,6BAAQ;",
   "names": ["_jsx", "clsx"]
 }