@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build-module/button/index.js

@@ -1,23 +1,13 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-/**
- * WordPress dependencies
- */
-import deprecated from '@wordpress/deprecated';
-import { forwardRef } from '@wordpress/element';
-import { useInstanceId } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import Tooltip from '../tooltip';
-import Icon from '../icon';
-import { VisuallyHidden } from '../visually-hidden';
-import { positionToPlacement } from '../popover/utils';
+import clsx from "clsx";
+import deprecated from "@wordpress/deprecated";
+import { forwardRef } from "@wordpress/element";
+import { useInstanceId } from "@wordpress/compose";
+import Tooltip from "../tooltip";
+import Icon from "../icon";
+import { VisuallyHidden } from "../visually-hidden";
+import { positionToPlacement } from "../popover/utils";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const disabledEventsOnDisabledButton = ['onMouseDown', 'onClick'];
+const disabledEventsOnDisabledButton = ["onMouseDown", "onClick"];
 function useDeprecatedProps({
   __experimentalIsFocusable,
   isDefault,
@@ -37,36 +27,36 @@ function useDeprecatedProps({
   const newProps = {
     accessibleWhenDisabled: __experimentalIsFocusable,
     // @todo Mark `isPressed` as deprecated
-    'aria-pressed': isPressed,
+    "aria-pressed": isPressed,
     description: describedBy
   };
   if (isSmall) {
     var _computedSize;
-    (_computedSize = computedSize) !== null && _computedSize !== void 0 ? _computedSize : computedSize = 'small';
+    (_computedSize = computedSize) !== null && _computedSize !== void 0 ? _computedSize : computedSize = "small";
   }
   if (isPrimary) {
     var _computedVariant;
-    (_computedVariant = computedVariant) !== null && _computedVariant !== void 0 ? _computedVariant : computedVariant = 'primary';
+    (_computedVariant = computedVariant) !== null && _computedVariant !== void 0 ? _computedVariant : computedVariant = "primary";
   }
   if (isTertiary) {
     var _computedVariant2;
-    (_computedVariant2 = computedVariant) !== null && _computedVariant2 !== void 0 ? _computedVariant2 : computedVariant = 'tertiary';
+    (_computedVariant2 = computedVariant) !== null && _computedVariant2 !== void 0 ? _computedVariant2 : computedVariant = "tertiary";
   }
   if (isSecondary) {
     var _computedVariant3;
-    (_computedVariant3 = computedVariant) !== null && _computedVariant3 !== void 0 ? _computedVariant3 : computedVariant = 'secondary';
+    (_computedVariant3 = computedVariant) !== null && _computedVariant3 !== void 0 ? _computedVariant3 : computedVariant = "secondary";
   }
   if (isDefault) {
     var _computedVariant4;
-    deprecated('wp.components.Button `isDefault` prop', {
-      since: '5.4',
+    deprecated("wp.components.Button `isDefault` prop", {
+      since: "5.4",
       alternative: 'variant="secondary"'
     });
-    (_computedVariant4 = computedVariant) !== null && _computedVariant4 !== void 0 ? _computedVariant4 : computedVariant = 'secondary';
+    (_computedVariant4 = computedVariant) !== null && _computedVariant4 !== void 0 ? _computedVariant4 : computedVariant = "secondary";
   }
   if (isLink) {
     var _computedVariant5;
-    (_computedVariant5 = computedVariant) !== null && _computedVariant5 !== void 0 ? _computedVariant5 : computedVariant = 'link';
+    (_computedVariant5 = computedVariant) !== null && _computedVariant5 !== void 0 ? _computedVariant5 : computedVariant = "link";
   }
   return {
     ...newProps,
@@ -75,7 +65,7 @@ function useDeprecatedProps({
     variant: computedVariant
   };
 }
-export function UnforwardedButton(props, ref) {
+function UnforwardedButton(props, ref) {
   const {
     __next40pxDefaultSize,
     accessibleWhenDisabled,
@@ -84,14 +74,14 @@ export function UnforwardedButton(props, ref) {
     className,
     disabled,
     icon,
-    iconPosition = 'left',
+    iconPosition = "left",
     iconSize,
     showTooltip,
     tooltipPosition,
     shortcut,
     label,
     children,
-    size = 'default',
+    size = "default",
     text,
     variant,
     description,
@@ -100,57 +90,54 @@ export function UnforwardedButton(props, ref) {
   const {
     href,
     target,
-    'aria-checked': ariaChecked,
-    'aria-pressed': ariaPressed,
-    'aria-selected': ariaSelected,
+    "aria-checked": ariaChecked,
+    "aria-pressed": ariaPressed,
+    "aria-selected": ariaSelected,
     ...additionalProps
-  } = 'href' in buttonOrAnchorProps ? buttonOrAnchorProps : {
-    href: undefined,
-    target: undefined,
+  } = "href" in buttonOrAnchorProps ? buttonOrAnchorProps : {
+    href: void 0,
+    target: void 0,
     ...buttonOrAnchorProps
   };
-  const instanceId = useInstanceId(Button, 'components-button__description');
-  const hasChildren = 'string' === typeof children && !!children || Array.isArray(children) && children?.[0] && children[0] !== null &&
-  // Tooltip should not considered as a child
-  children?.[0]?.props?.className !== 'components-tooltip';
-  const truthyAriaPressedValues = [true, 'true', 'mixed'];
-  const classes = clsx('components-button', className, {
-    'is-next-40px-default-size': __next40pxDefaultSize,
-    'is-secondary': variant === 'secondary',
-    'is-primary': variant === 'primary',
-    'is-small': size === 'small',
-    'is-compact': size === 'compact',
-    'is-tertiary': variant === 'tertiary',
-    'is-pressed': truthyAriaPressedValues.includes(ariaPressed),
-    'is-pressed-mixed': ariaPressed === 'mixed',
-    'is-busy': isBusy,
-    'is-link': variant === 'link',
-    'is-destructive': isDestructive,
-    'has-text': !!icon && (hasChildren || text),
-    'has-icon': !!icon,
-    'has-icon-right': iconPosition === 'right'
+  const instanceId = useInstanceId(Button, "components-button__description");
+  const hasChildren = "string" === typeof children && !!children || Array.isArray(children) && children?.[0] && children[0] !== null && // Tooltip should not considered as a child
+  children?.[0]?.props?.className !== "components-tooltip";
+  const truthyAriaPressedValues = [true, "true", "mixed"];
+  const classes = clsx("components-button", className, {
+    "is-next-40px-default-size": __next40pxDefaultSize,
+    "is-secondary": variant === "secondary",
+    "is-primary": variant === "primary",
+    "is-small": size === "small",
+    "is-compact": size === "compact",
+    "is-tertiary": variant === "tertiary",
+    "is-pressed": truthyAriaPressedValues.includes(ariaPressed),
+    "is-pressed-mixed": ariaPressed === "mixed",
+    "is-busy": isBusy,
+    "is-link": variant === "link",
+    "is-destructive": isDestructive,
+    "has-text": !!icon && (hasChildren || text),
+    "has-icon": !!icon,
+    "has-icon-right": iconPosition === "right"
   });
   const trulyDisabled = disabled && !accessibleWhenDisabled;
-  const Tag = href !== undefined && !disabled ? 'a' : 'button';
-  const buttonProps = Tag === 'button' ? {
-    type: 'button',
+  const Tag = href !== void 0 && !disabled ? "a" : "button";
+  const buttonProps = Tag === "button" ? {
+    type: "button",
     disabled: trulyDisabled,
-    'aria-checked': ariaChecked,
-    'aria-pressed': ariaPressed,
-    'aria-selected': ariaSelected
+    "aria-checked": ariaChecked,
+    "aria-pressed": ariaPressed,
+    "aria-selected": ariaSelected
   } : {};
-  const anchorProps = Tag === 'a' ? {
+  const anchorProps = Tag === "a" ? {
     href,
     target
   } : {};
   const disableEventProps = {};
   if (disabled && accessibleWhenDisabled) {
-    // In this case, the button will be disabled, but still focusable and
-    // perceivable by screen reader users.
-    buttonProps['aria-disabled'] = true;
-    anchorProps['aria-disabled'] = true;
+    buttonProps["aria-disabled"] = true;
+    anchorProps["aria-disabled"] = true;
     for (const disabledEvent of disabledEventsOnDisabledButton) {
-      disableEventProps[disabledEvent] = event => {
+      disableEventProps[disabledEvent] = (event) => {
         if (event) {
           event.stopPropagation();
           event.preventDefault();
@@ -158,91 +145,67 @@ export function UnforwardedButton(props, ref) {
       };
     }
   }
-
-  // Should show the tooltip if...
-  const shouldShowTooltip = !trulyDisabled && (
-  // An explicit tooltip is passed or...
-  showTooltip && !!label ||
-  // There's a shortcut or...
-  !!shortcut ||
-  // There's a label and...
-  !!label &&
-  // The children are empty and...
-  !children?.length &&
-  // The tooltip is not explicitly disabled.
+  const shouldShowTooltip = !trulyDisabled && // An explicit tooltip is passed or...
+  (showTooltip && !!label || // There's a shortcut or...
+  !!shortcut || // There's a label and...
+  !!label && // The children are empty and...
+  !children?.length && // The tooltip is not explicitly disabled.
   false !== showTooltip);
-  const descriptionId = description ? instanceId : undefined;
-  const describedById = additionalProps['aria-describedby'] || descriptionId;
+  const descriptionId = description ? instanceId : void 0;
+  const describedById = additionalProps["aria-describedby"] || descriptionId;
   const commonProps = {
     className: classes,
-    'aria-label': additionalProps['aria-label'] || label,
-    'aria-describedby': describedById,
+    "aria-label": additionalProps["aria-label"] || label,
+    "aria-describedby": describedById,
     ref
   };
-  const elementChildren = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [icon && iconPosition === 'left' && /*#__PURE__*/_jsx(Icon, {
-      icon: icon,
+  const elementChildren = /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [icon && iconPosition === "left" && /* @__PURE__ */ _jsx(Icon, {
+      icon,
       size: iconSize
-    }), text && /*#__PURE__*/_jsx(_Fragment, {
+    }), text && /* @__PURE__ */ _jsx(_Fragment, {
       children: text
-    }), children, icon && iconPosition === 'right' && /*#__PURE__*/_jsx(Icon, {
-      icon: icon,
+    }), children, icon && iconPosition === "right" && /* @__PURE__ */ _jsx(Icon, {
+      icon,
       size: iconSize
     })]
   });
-  const element = Tag === 'a' ? /*#__PURE__*/_jsx("a", {
+  const element = Tag === "a" ? /* @__PURE__ */ _jsx("a", {
     ...anchorProps,
     ...additionalProps,
     ...disableEventProps,
     ...commonProps,
     children: elementChildren
-  }) : /*#__PURE__*/_jsx("button", {
+  }) : /* @__PURE__ */ _jsx("button", {
     ...buttonProps,
     ...additionalProps,
     ...disableEventProps,
     ...commonProps,
     children: elementChildren
   });
-
-  // In order to avoid some React reconciliation issues, we are always rendering
-  // the `Tooltip` component even when `shouldShowTooltip` is `false`.
-  // In order to make sure that the tooltip doesn't show when it shouldn't,
-  // we don't pass the props to the `Tooltip` component.
   const tooltipProps = shouldShowTooltip ? {
     text: children?.length && description ? description : label,
     shortcut,
-    placement: tooltipPosition &&
-    // Convert legacy `position` values to be used with the new `placement` prop
+    placement: tooltipPosition && // Convert legacy `position` values to be used with the new `placement` prop
     positionToPlacement(tooltipPosition)
   } : {};
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Tooltip, {
+  return /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [/* @__PURE__ */ _jsx(Tooltip, {
       ...tooltipProps,
       children: element
-    }), description && /*#__PURE__*/_jsx(VisuallyHidden, {
-      children: /*#__PURE__*/_jsx("span", {
+    }), description && /* @__PURE__ */ _jsx(VisuallyHidden, {
+      children: /* @__PURE__ */ _jsx("span", {
         id: descriptionId,
         children: description
       })
     })]
   });
 }
-
-/**
- * Lets users take actions and make choices with a single click or tap.
- *
- * ```jsx
- * import { Button } from '@wordpress/components';
- * const Mybutton = () => (
- *   <Button
- *     variant="primary"
- *     onClick={ handleClick }
- *   >
- *     Click here
- *   </Button>
- * );
- * ```
- */
-export const Button = forwardRef(UnforwardedButton);
-export default Button;
-//# sourceMappingURL=index.js.map
+const Button = forwardRef(UnforwardedButton);
+var button_default = Button;
+export {
+  Button,
+  UnforwardedButton,
+  button_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/button/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","deprecated","forwardRef","useInstanceId","Tooltip","Icon","VisuallyHidden","positionToPlacement","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","disabledEventsOnDisabledButton","useDeprecatedProps","__experimentalIsFocusable","isDefault","isPrimary","isSecondary","isTertiary","isLink","isPressed","isSmall","size","variant","describedBy","otherProps","computedSize","computedVariant","newProps","accessibleWhenDisabled","description","_computedSize","_computedVariant","_computedVariant2","_computedVariant3","_computedVariant4","since","alternative","_computedVariant5","UnforwardedButton","props","ref","__next40pxDefaultSize","isBusy","isDestructive","className","disabled","icon","iconPosition","iconSize","showTooltip","tooltipPosition","shortcut","label","children","text","buttonOrAnchorProps","href","target","ariaChecked","ariaPressed","ariaSelected","additionalProps","undefined","instanceId","Button","hasChildren","Array","isArray","truthyAriaPressedValues","classes","includes","trulyDisabled","Tag","buttonProps","type","anchorProps","disableEventProps","disabledEvent","event","stopPropagation","preventDefault","shouldShowTooltip","length","descriptionId","describedById","commonProps","elementChildren","element","tooltipProps","placement","id"],"sources":["@wordpress/components/src/button/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type {\n\tComponentPropsWithoutRef,\n\tForwardedRef,\n\tHTMLAttributes,\n\tMouseEvent,\n\tReactElement,\n} from 'react';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { forwardRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Tooltip from '../tooltip';\nimport Icon from '../icon';\nimport { VisuallyHidden } from '../visually-hidden';\nimport type { ButtonProps, DeprecatedButtonProps } from './types';\nimport { positionToPlacement } from '../popover/utils';\n\nconst disabledEventsOnDisabledButton = [ 'onMouseDown', 'onClick' ] as const;\n\nfunction useDeprecatedProps( {\n\t__experimentalIsFocusable,\n\tisDefault,\n\tisPrimary,\n\tisSecondary,\n\tisTertiary,\n\tisLink,\n\tisPressed,\n\tisSmall,\n\tsize,\n\tvariant,\n\tdescribedBy,\n\t...otherProps\n}: ButtonProps & DeprecatedButtonProps ): ButtonProps {\n\tlet computedSize = size;\n\tlet computedVariant = variant;\n\n\tconst newProps = {\n\t\taccessibleWhenDisabled: __experimentalIsFocusable,\n\t\t// @todo Mark `isPressed` as deprecated\n\t\t'aria-pressed': isPressed,\n\t\tdescription: describedBy,\n\t};\n\n\tif ( isSmall ) {\n\t\tcomputedSize ??= 'small';\n\t}\n\n\tif ( isPrimary ) {\n\t\tcomputedVariant ??= 'primary';\n\t}\n\n\tif ( isTertiary ) {\n\t\tcomputedVariant ??= 'tertiary';\n\t}\n\n\tif ( isSecondary ) {\n\t\tcomputedVariant ??= 'secondary';\n\t}\n\n\tif ( isDefault ) {\n\t\tdeprecated( 'wp.components.Button `isDefault` prop', {\n\t\t\tsince: '5.4',\n\t\t\talternative: 'variant=\"secondary\"',\n\t\t} );\n\n\t\tcomputedVariant ??= 'secondary';\n\t}\n\n\tif ( isLink ) {\n\t\tcomputedVariant ??= 'link';\n\t}\n\n\treturn {\n\t\t...newProps,\n\t\t...otherProps,\n\t\tsize: computedSize,\n\t\tvariant: computedVariant,\n\t};\n}\n\nexport function UnforwardedButton(\n\tprops: ButtonProps & DeprecatedButtonProps,\n\tref: ForwardedRef< any >\n) {\n\tconst {\n\t\t__next40pxDefaultSize,\n\t\taccessibleWhenDisabled,\n\t\tisBusy,\n\t\tisDestructive,\n\t\tclassName,\n\t\tdisabled,\n\t\ticon,\n\t\ticonPosition = 'left',\n\t\ticonSize,\n\t\tshowTooltip,\n\t\ttooltipPosition,\n\t\tshortcut,\n\t\tlabel,\n\t\tchildren,\n\t\tsize = 'default',\n\t\ttext,\n\t\tvariant,\n\t\tdescription,\n\t\t...buttonOrAnchorProps\n\t} = useDeprecatedProps( props );\n\n\tconst {\n\t\thref,\n\t\ttarget,\n\t\t'aria-checked': ariaChecked,\n\t\t'aria-pressed': ariaPressed,\n\t\t'aria-selected': ariaSelected,\n\t\t...additionalProps\n\t} = 'href' in buttonOrAnchorProps\n\t\t? buttonOrAnchorProps\n\t\t: { href: undefined, target: undefined, ...buttonOrAnchorProps };\n\n\tconst instanceId = useInstanceId(\n\t\tButton,\n\t\t'components-button__description'\n\t);\n\n\tconst hasChildren =\n\t\t( 'string' === typeof children && !! children ) ||\n\t\t( Array.isArray( children ) &&\n\t\t\tchildren?.[ 0 ] &&\n\t\t\tchildren[ 0 ] !== null &&\n\t\t\t// Tooltip should not considered as a child\n\t\t\tchildren?.[ 0 ]?.props?.className !== 'components-tooltip' );\n\n\tconst truthyAriaPressedValues: ( typeof ariaPressed )[] = [\n\t\ttrue,\n\t\t'true',\n\t\t'mixed',\n\t];\n\n\tconst classes = clsx( 'components-button', className, {\n\t\t'is-next-40px-default-size': __next40pxDefaultSize,\n\t\t'is-secondary': variant === 'secondary',\n\t\t'is-primary': variant === 'primary',\n\t\t'is-small': size === 'small',\n\t\t'is-compact': size === 'compact',\n\t\t'is-tertiary': variant === 'tertiary',\n\n\t\t'is-pressed': truthyAriaPressedValues.includes( ariaPressed ),\n\t\t'is-pressed-mixed': ariaPressed === 'mixed',\n\n\t\t'is-busy': isBusy,\n\t\t'is-link': variant === 'link',\n\t\t'is-destructive': isDestructive,\n\t\t'has-text': !! icon && ( hasChildren || text ),\n\t\t'has-icon': !! icon,\n\t\t'has-icon-right': iconPosition === 'right',\n\t} );\n\n\tconst trulyDisabled = disabled && ! accessibleWhenDisabled;\n\tconst Tag = href !== undefined && ! disabled ? 'a' : 'button';\n\tconst buttonProps: ComponentPropsWithoutRef< 'button' > =\n\t\tTag === 'button'\n\t\t\t? {\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tdisabled: trulyDisabled,\n\t\t\t\t\t'aria-checked': ariaChecked,\n\t\t\t\t\t'aria-pressed': ariaPressed,\n\t\t\t\t\t'aria-selected': ariaSelected,\n\t\t\t  }\n\t\t\t: {};\n\tconst anchorProps: ComponentPropsWithoutRef< 'a' > =\n\t\tTag === 'a' ? { href, target } : {};\n\n\tconst disableEventProps: {\n\t\t[ key: string ]: ( event: MouseEvent ) => void;\n\t} = {};\n\tif ( disabled && accessibleWhenDisabled ) {\n\t\t// In this case, the button will be disabled, but still focusable and\n\t\t// perceivable by screen reader users.\n\t\tbuttonProps[ 'aria-disabled' ] = true;\n\t\tanchorProps[ 'aria-disabled' ] = true;\n\t\tfor ( const disabledEvent of disabledEventsOnDisabledButton ) {\n\t\t\tdisableEventProps[ disabledEvent ] = ( event: MouseEvent ) => {\n\t\t\t\tif ( event ) {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\t}\n\n\t// Should show the tooltip if...\n\tconst shouldShowTooltip =\n\t\t! trulyDisabled &&\n\t\t// An explicit tooltip is passed or...\n\t\t( ( showTooltip && !! label ) ||\n\t\t\t// There's a shortcut or...\n\t\t\t!! shortcut ||\n\t\t\t// There's a label and...\n\t\t\t( !! label &&\n\t\t\t\t// The children are empty and...\n\t\t\t\t! ( children as string | ReactElement[] )?.length &&\n\t\t\t\t// The tooltip is not explicitly disabled.\n\t\t\t\tfalse !== showTooltip ) );\n\n\tconst descriptionId = description ? instanceId : undefined;\n\n\tconst describedById =\n\t\tadditionalProps[ 'aria-describedby' ] || descriptionId;\n\n\tconst commonProps = {\n\t\tclassName: classes,\n\t\t'aria-label': additionalProps[ 'aria-label' ] || label,\n\t\t'aria-describedby': describedById,\n\t\tref,\n\t};\n\n\tconst elementChildren = (\n\t\t<>\n\t\t\t{ icon && iconPosition === 'left' && (\n\t\t\t\t<Icon icon={ icon } size={ iconSize } />\n\t\t\t) }\n\t\t\t{ text && <>{ text }</> }\n\t\t\t{ children }\n\t\t\t{ icon && iconPosition === 'right' && (\n\t\t\t\t<Icon icon={ icon } size={ iconSize } />\n\t\t\t) }\n\t\t</>\n\t);\n\n\tconst element =\n\t\tTag === 'a' ? (\n\t\t\t<a\n\t\t\t\t{ ...anchorProps }\n\t\t\t\t{ ...( additionalProps as HTMLAttributes< HTMLAnchorElement > ) }\n\t\t\t\t{ ...disableEventProps }\n\t\t\t\t{ ...commonProps }\n\t\t\t>\n\t\t\t\t{ elementChildren }\n\t\t\t</a>\n\t\t) : (\n\t\t\t<button\n\t\t\t\t{ ...buttonProps }\n\t\t\t\t{ ...( additionalProps as HTMLAttributes< HTMLButtonElement > ) }\n\t\t\t\t{ ...disableEventProps }\n\t\t\t\t{ ...commonProps }\n\t\t\t>\n\t\t\t\t{ elementChildren }\n\t\t\t</button>\n\t\t);\n\n\t// In order to avoid some React reconciliation issues, we are always rendering\n\t// the `Tooltip` component even when `shouldShowTooltip` is `false`.\n\t// In order to make sure that the tooltip doesn't show when it shouldn't,\n\t// we don't pass the props to the `Tooltip` component.\n\tconst tooltipProps = shouldShowTooltip\n\t\t? {\n\t\t\t\ttext:\n\t\t\t\t\t( children as string | ReactElement[] )?.length &&\n\t\t\t\t\tdescription\n\t\t\t\t\t\t? description\n\t\t\t\t\t\t: label,\n\t\t\t\tshortcut,\n\t\t\t\tplacement:\n\t\t\t\t\ttooltipPosition &&\n\t\t\t\t\t// Convert legacy `position` values to be used with the new `placement` prop\n\t\t\t\t\tpositionToPlacement( tooltipPosition ),\n\t\t  }\n\t\t: {};\n\n\treturn (\n\t\t<>\n\t\t\t<Tooltip { ...tooltipProps }>{ element }</Tooltip>\n\t\t\t{ description && (\n\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t<span id={ descriptionId }>{ description }</span>\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\n/**\n * Lets users take actions and make choices with a single click or tap.\n *\n * ```jsx\n * import { Button } from '@wordpress/components';\n * const Mybutton = () => (\n *   <Button\n *     variant=\"primary\"\n *     onClick={ handleClick }\n *   >\n *     Click here\n *   </Button>\n * );\n * ```\n */\nexport const Button = forwardRef( UnforwardedButton );\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/button/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { forwardRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Tooltip from '../tooltip';\nimport Icon from '../icon';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { positionToPlacement } from '../popover/utils';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst disabledEventsOnDisabledButton = ['onMouseDown', 'onClick'];\nfunction useDeprecatedProps({\n  __experimentalIsFocusable,\n  isDefault,\n  isPrimary,\n  isSecondary,\n  isTertiary,\n  isLink,\n  isPressed,\n  isSmall,\n  size,\n  variant,\n  describedBy,\n  ...otherProps\n}) {\n  let computedSize = size;\n  let computedVariant = variant;\n  const newProps = {\n    accessibleWhenDisabled: __experimentalIsFocusable,\n    // @todo Mark `isPressed` as deprecated\n    'aria-pressed': isPressed,\n    description: describedBy\n  };\n  if (isSmall) {\n    var _computedSize;\n    (_computedSize = computedSize) !== null && _computedSize !== void 0 ? _computedSize : computedSize = 'small';\n  }\n  if (isPrimary) {\n    var _computedVariant;\n    (_computedVariant = computedVariant) !== null && _computedVariant !== void 0 ? _computedVariant : computedVariant = 'primary';\n  }\n  if (isTertiary) {\n    var _computedVariant2;\n    (_computedVariant2 = computedVariant) !== null && _computedVariant2 !== void 0 ? _computedVariant2 : computedVariant = 'tertiary';\n  }\n  if (isSecondary) {\n    var _computedVariant3;\n    (_computedVariant3 = computedVariant) !== null && _computedVariant3 !== void 0 ? _computedVariant3 : computedVariant = 'secondary';\n  }\n  if (isDefault) {\n    var _computedVariant4;\n    deprecated('wp.components.Button `isDefault` prop', {\n      since: '5.4',\n      alternative: 'variant=\"secondary\"'\n    });\n    (_computedVariant4 = computedVariant) !== null && _computedVariant4 !== void 0 ? _computedVariant4 : computedVariant = 'secondary';\n  }\n  if (isLink) {\n    var _computedVariant5;\n    (_computedVariant5 = computedVariant) !== null && _computedVariant5 !== void 0 ? _computedVariant5 : computedVariant = 'link';\n  }\n  return {\n    ...newProps,\n    ...otherProps,\n    size: computedSize,\n    variant: computedVariant\n  };\n}\nexport function UnforwardedButton(props, ref) {\n  const {\n    __next40pxDefaultSize,\n    accessibleWhenDisabled,\n    isBusy,\n    isDestructive,\n    className,\n    disabled,\n    icon,\n    iconPosition = 'left',\n    iconSize,\n    showTooltip,\n    tooltipPosition,\n    shortcut,\n    label,\n    children,\n    size = 'default',\n    text,\n    variant,\n    description,\n    ...buttonOrAnchorProps\n  } = useDeprecatedProps(props);\n  const {\n    href,\n    target,\n    'aria-checked': ariaChecked,\n    'aria-pressed': ariaPressed,\n    'aria-selected': ariaSelected,\n    ...additionalProps\n  } = 'href' in buttonOrAnchorProps ? buttonOrAnchorProps : {\n    href: undefined,\n    target: undefined,\n    ...buttonOrAnchorProps\n  };\n  const instanceId = useInstanceId(Button, 'components-button__description');\n  const hasChildren = 'string' === typeof children && !!children || Array.isArray(children) && children?.[0] && children[0] !== null &&\n  // Tooltip should not considered as a child\n  children?.[0]?.props?.className !== 'components-tooltip';\n  const truthyAriaPressedValues = [true, 'true', 'mixed'];\n  const classes = clsx('components-button', className, {\n    'is-next-40px-default-size': __next40pxDefaultSize,\n    'is-secondary': variant === 'secondary',\n    'is-primary': variant === 'primary',\n    'is-small': size === 'small',\n    'is-compact': size === 'compact',\n    'is-tertiary': variant === 'tertiary',\n    'is-pressed': truthyAriaPressedValues.includes(ariaPressed),\n    'is-pressed-mixed': ariaPressed === 'mixed',\n    'is-busy': isBusy,\n    'is-link': variant === 'link',\n    'is-destructive': isDestructive,\n    'has-text': !!icon && (hasChildren || text),\n    'has-icon': !!icon,\n    'has-icon-right': iconPosition === 'right'\n  });\n  const trulyDisabled = disabled && !accessibleWhenDisabled;\n  const Tag = href !== undefined && !disabled ? 'a' : 'button';\n  const buttonProps = Tag === 'button' ? {\n    type: 'button',\n    disabled: trulyDisabled,\n    'aria-checked': ariaChecked,\n    'aria-pressed': ariaPressed,\n    'aria-selected': ariaSelected\n  } : {};\n  const anchorProps = Tag === 'a' ? {\n    href,\n    target\n  } : {};\n  const disableEventProps = {};\n  if (disabled && accessibleWhenDisabled) {\n    // In this case, the button will be disabled, but still focusable and\n    // perceivable by screen reader users.\n    buttonProps['aria-disabled'] = true;\n    anchorProps['aria-disabled'] = true;\n    for (const disabledEvent of disabledEventsOnDisabledButton) {\n      disableEventProps[disabledEvent] = event => {\n        if (event) {\n          event.stopPropagation();\n          event.preventDefault();\n        }\n      };\n    }\n  }\n\n  // Should show the tooltip if...\n  const shouldShowTooltip = !trulyDisabled && (\n  // An explicit tooltip is passed or...\n  showTooltip && !!label ||\n  // There's a shortcut or...\n  !!shortcut ||\n  // There's a label and...\n  !!label &&\n  // The children are empty and...\n  !children?.length &&\n  // The tooltip is not explicitly disabled.\n  false !== showTooltip);\n  const descriptionId = description ? instanceId : undefined;\n  const describedById = additionalProps['aria-describedby'] || descriptionId;\n  const commonProps = {\n    className: classes,\n    'aria-label': additionalProps['aria-label'] || label,\n    'aria-describedby': describedById,\n    ref\n  };\n  const elementChildren = /*#__PURE__*/_jsxs(_Fragment, {\n    children: [icon && iconPosition === 'left' && /*#__PURE__*/_jsx(Icon, {\n      icon: icon,\n      size: iconSize\n    }), text && /*#__PURE__*/_jsx(_Fragment, {\n      children: text\n    }), children, icon && iconPosition === 'right' && /*#__PURE__*/_jsx(Icon, {\n      icon: icon,\n      size: iconSize\n    })]\n  });\n  const element = Tag === 'a' ? /*#__PURE__*/_jsx(\"a\", {\n    ...anchorProps,\n    ...additionalProps,\n    ...disableEventProps,\n    ...commonProps,\n    children: elementChildren\n  }) : /*#__PURE__*/_jsx(\"button\", {\n    ...buttonProps,\n    ...additionalProps,\n    ...disableEventProps,\n    ...commonProps,\n    children: elementChildren\n  });\n\n  // In order to avoid some React reconciliation issues, we are always rendering\n  // the `Tooltip` component even when `shouldShowTooltip` is `false`.\n  // In order to make sure that the tooltip doesn't show when it shouldn't,\n  // we don't pass the props to the `Tooltip` component.\n  const tooltipProps = shouldShowTooltip ? {\n    text: children?.length && description ? description : label,\n    shortcut,\n    placement: tooltipPosition &&\n    // Convert legacy `position` values to be used with the new `placement` prop\n    positionToPlacement(tooltipPosition)\n  } : {};\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [/*#__PURE__*/_jsx(Tooltip, {\n      ...tooltipProps,\n      children: element\n    }), description && /*#__PURE__*/_jsx(VisuallyHidden, {\n      children: /*#__PURE__*/_jsx(\"span\", {\n        id: descriptionId,\n        children: description\n      })\n    })]\n  });\n}\n\n/**\n * Lets users take actions and make choices with a single click or tap.\n *\n * ```jsx\n * import { Button } from '@wordpress/components';\n * const Mybutton = () => (\n *   <Button\n *     variant=\"primary\"\n *     onClick={ handleClick }\n *   >\n *     Click here\n *   </Button>\n * );\n * ```\n */\nexport const Button = forwardRef(UnforwardedButton);\nexport default Button;"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/button/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/button/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/button/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { Props as IconProps } from '../icon';\nimport type { PopoverProps } from '../popover/types';\nimport type { WordPressComponentProps } from '../context/wordpress-component';\n\nexport type ButtonProps =\n\t| WordPressComponentProps< ButtonAsButtonProps, 'button', false >\n\t| WordPressComponentProps< ButtonAsAnchorProps, 'a', false >;\n\nexport type ButtonAsButtonProps = BaseButtonProps & _ButtonProps;\nexport type ButtonAsAnchorProps = BaseButtonProps & AnchorProps;\n\ntype BaseButtonProps = {\n\t/**\n\t * Start opting into the larger default height that will become the\n\t * default size in a future version.\n\t *\n\t * @default false\n\t */\n\t__next40pxDefaultSize?: boolean;\n\t/**\n\t * Whether to keep the button focusable when disabled.\n\t *\n\t * In most cases, it is recommended to set this to `true`. Disabling a control without maintaining focusability\n\t * can cause accessibility issues, by hiding their presence from screen reader users,\n\t * or by preventing focus from returning to a trigger element.\n\t *\n\t * Learn more about the [focusability of disabled controls](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols)\n\t * in the WAI-ARIA Authoring Practices Guide.\n\t *\n\t * @default false\n\t */\n\taccessibleWhenDisabled?: boolean;\n\t/**\n\t * The button's children.\n\t */\n\tchildren?: ReactNode;\n\t/**\n\t * A visually hidden accessible description for the button.\n\t */\n\tdescription?: string;\n\t/**\n\t * If provided, renders an Icon component inside the button.\n\t */\n\ticon?: IconProps[ 'icon' ];\n\t/**\n\t * If provided with `icon`, sets the position of icon relative to the `text`.\n\t *\n\t * @default 'left'\n\t */\n\ticonPosition?: 'left' | 'right';\n\t/**\n\t * If provided with `icon`, sets the icon size.\n\t * Please refer to the Icon component for more details regarding\n\t * the default value of its `size` prop.\n\t */\n\ticonSize?: IconProps[ 'size' ];\n\t/**\n\t * Indicates activity while a action is being performed.\n\t */\n\tisBusy?: boolean;\n\t/**\n\t * Renders a red text-based button style to indicate destructive behavior.\n\t */\n\tisDestructive?: boolean;\n\t/**\n\t * Renders a pressed button style.\n\t */\n\tisPressed?: boolean;\n\t/**\n\t * Sets the `aria-label` of the component, if none is provided.\n\t * Sets the Tooltip content if `showTooltip` is provided.\n\t */\n\tlabel?: string;\n\t/**\n\t * If provided with `showTooltip`, appends the Shortcut label to the tooltip content.\n\t * If an object is provided, it should contain `display` and `ariaLabel` keys.\n\t */\n\tshortcut?: string | { display: string; ariaLabel: string };\n\t/**\n\t * If provided, renders a Tooltip component for the button.\n\t */\n\tshowTooltip?: boolean;\n\t/**\n\t * The size of the button.\n\t *\n\t * - `'default'`: For normal text-label buttons, unless it is a toggle button.\n\t * - `'compact'`: For toggle buttons, icon buttons, and buttons when used in context of either.\n\t * - `'small'`: For icon buttons associated with more advanced or auxiliary features.\n\t *\n\t * If the deprecated `isSmall` prop is also defined, this prop will take precedence.\n\t *\n\t * @default 'default'\n\t */\n\tsize?: 'default' | 'compact' | 'small';\n\t/**\n\t * If provided, displays the given text inside the button. If the button contains children elements, the text is displayed before them.\n\t */\n\ttext?: string;\n\t/**\n\t * If provided with `showTooltip`, sets the position of the tooltip.\n\t * Please refer to the Tooltip component for more details regarding the defaults.\n\t */\n\ttooltipPosition?: PopoverProps[ 'position' ];\n\t/**\n\t * Specifies the button's style.\n\t *\n\t * The accepted values are:\n\t *\n\t * 1. `'primary'` (the primary button styles)\n\t * 2. `'secondary'` (the default button styles)\n\t * 3. `'tertiary'` (the text-based button styles)\n\t * 4. `'link'` (the link button styles)\n\t */\n\tvariant?: 'primary' | 'secondary' | 'tertiary' | 'link';\n};\n\ntype _ButtonProps = {\n\t/**\n\t * Whether the button is disabled. If `true`, this will force a `button` element\n\t * to be rendered, even when an `href` is given.\n\t *\n\t * In most cases, it is recommended to also set the `accessibleWhenDisabled` prop to `true`.\n\t */\n\tdisabled?: boolean;\n};\n\ntype AnchorProps = {\n\t/**\n\t * Whether the button is disabled. If `true`, this will force a `button` element\n\t * to be rendered, even when an `href` is given.\n\t *\n\t * In most cases, it is recommended to also set the `accessibleWhenDisabled` prop to `true`.\n\t */\n\tdisabled?: false;\n\t/**\n\t * If provided, renders `a` instead of `button`.\n\t */\n\thref: string;\n\t/**\n\t * If provided with `href`, sets the `target` attribute to the `a`.\n\t */\n\ttarget?: string;\n};\n\nexport type DeprecatedButtonProps = {\n\t/**\n\t * Whether to keep the button focusable when disabled.\n\t *\n\t * @default false\n\t * @deprecated Use the `accessibleWhenDisabled` prop instead.\n\t * @ignore\n\t */\n\t__experimentalIsFocusable?: boolean;\n\t/**\n\t * Gives the button a default style.\n\t *\n\t * @deprecated Use the `'secondary'` value on the `variant` prop instead.\n\t * @ignore\n\t */\n\tisDefault?: boolean;\n\t/**\n\t * Gives the button a link style.\n\t *\n\t * @deprecated Use the `'link'` value on the `variant` prop instead.\n\t * @ignore\n\t */\n\tisLink?: boolean;\n\t/**\n\t * Gives the button a primary style.\n\t *\n\t * @deprecated Use the `'primary'` value on the `variant` prop instead.\n\t * @ignore\n\t */\n\tisPrimary?: boolean;\n\t/**\n\t * Gives the button a default style.\n\t *\n\t * @deprecated Use the `'secondary'` value on the `variant` prop instead.\n\t * @ignore\n\t */\n\tisSecondary?: boolean;\n\t/**\n\t * Gives the button a text-based style.\n\t *\n\t * @deprecated Use the `'tertiary'` value on the `variant` prop instead.\n\t * @ignore\n\t */\n\tisTertiary?: boolean;\n\t/**\n\t * Decreases the size of the button.\n\t *\n\t * @deprecated Use the `'small'` value on the `size` prop instead.\n\t * @ignore\n\t */\n\tisSmall?: boolean;\n\t/**\n\t * A visually hidden accessible description for the button.\n\t *\n\t * @deprecated Use the `description` prop instead.\n\t * @ignore\n\t */\n\tdescribedBy?: string;\n};\n\nexport type DeprecatedIconButtonProps = {\n\tlabelPosition: ButtonProps[ 'tooltipPosition' ];\n\tshowTooltip?: boolean;\n\tsize: ButtonProps[ 'iconSize' ];\n\tlabel: ButtonProps[ 'label' ];\n\ttooltip: ButtonProps[ 'label' ];\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build-module/button-group/index.js

@@ -1,16 +1,6 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-import deprecated from '@wordpress/deprecated';
-
-/**
- * Internal dependencies
- */
+import clsx from "clsx";
+import { forwardRef } from "@wordpress/element";
+import deprecated from "@wordpress/deprecated";
 import { jsx as _jsx } from "react/jsx-runtime";
 function UnforwardedButtonGroup(props, ref) {
   const {
@@ -18,38 +8,24 @@ function UnforwardedButtonGroup(props, ref) {
     __shouldNotWarnDeprecated,
     ...restProps
   } = props;
-  const classes = clsx('components-button-group', className);
+  const classes = clsx("components-button-group", className);
   if (!__shouldNotWarnDeprecated) {
-    deprecated('wp.components.ButtonGroup', {
-      since: '6.8',
-      alternative: 'wp.components.__experimentalToggleGroupControl'
+    deprecated("wp.components.ButtonGroup", {
+      since: "6.8",
+      alternative: "wp.components.__experimentalToggleGroupControl"
     });
   }
-  return /*#__PURE__*/_jsx("div", {
-    ref: ref,
+  return /* @__PURE__ */ _jsx("div", {
+    ref,
     role: "group",
     className: classes,
     ...restProps
   });
 }
-
-/**
- * ButtonGroup can be used to group any related buttons together. To emphasize
- * related buttons, a group should share a common container.
- *
- * @deprecated Use `ToggleGroupControl` instead.
- *
- * ```jsx
- * import { Button, ButtonGroup } from '@wordpress/components';
- *
- * const MyButtonGroup = () => (
- *   <ButtonGroup>
- *     <Button variant="primary">Button 1</Button>
- *     <Button variant="primary">Button 2</Button>
- *   </ButtonGroup>
- * );
- * ```
- */
-export const ButtonGroup = forwardRef(UnforwardedButtonGroup);
-export default ButtonGroup;
-//# sourceMappingURL=index.js.map
+const ButtonGroup = forwardRef(UnforwardedButtonGroup);
+var button_group_default = ButtonGroup;
+export {
+  ButtonGroup,
+  button_group_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/button-group/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","forwardRef","deprecated","jsx","_jsx","UnforwardedButtonGroup","props","ref","className","__shouldNotWarnDeprecated","restProps","classes","since","alternative","role","ButtonGroup"],"sources":["@wordpress/components/src/button-group/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport type { ButtonGroupProps } from './types';\nimport type { WordPressComponentProps } from '../context';\n\nfunction UnforwardedButtonGroup(\n\tprops: WordPressComponentProps< ButtonGroupProps, 'div', false >,\n\tref: ForwardedRef< HTMLDivElement >\n) {\n\tconst { className, __shouldNotWarnDeprecated, ...restProps } = props;\n\tconst classes = clsx( 'components-button-group', className );\n\n\tif ( ! __shouldNotWarnDeprecated ) {\n\t\tdeprecated( 'wp.components.ButtonGroup', {\n\t\t\tsince: '6.8',\n\t\t\talternative: 'wp.components.__experimentalToggleGroupControl',\n\t\t} );\n\t}\n\n\treturn (\n\t\t<div ref={ ref } role=\"group\" className={ classes } { ...restProps } />\n\t);\n}\n\n/**\n * ButtonGroup can be used to group any related buttons together. To emphasize\n * related buttons, a group should share a common container.\n *\n * @deprecated Use `ToggleGroupControl` instead.\n *\n * ```jsx\n * import { Button, ButtonGroup } from '@wordpress/components';\n *\n * const MyButtonGroup = () => (\n *   <ButtonGroup>\n *     <Button variant=\"primary\">Button 1</Button>\n *     <Button variant=\"primary\">Button 2</Button>\n *   </ButtonGroup>\n * );\n * ```\n */\nexport const ButtonGroup = forwardRef( UnforwardedButtonGroup );\n\nexport default ButtonGroup;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;AAGvB;AACA;AACA;AACA,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAMA,SAASC,sBAAsBA,CAC9BC,KAAgE,EAChEC,GAAmC,EAClC;EACD,MAAM;IAAEC,SAAS;IAAEC,yBAAyB;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EACpE,MAAMK,OAAO,GAAGX,IAAI,CAAE,yBAAyB,EAAEQ,SAAU,CAAC;EAE5D,IAAK,CAAEC,yBAAyB,EAAG;IAClCP,UAAU,CAAE,2BAA2B,EAAE;MACxCU,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE;IACd,CAAE,CAAC;EACJ;EAEA,oBACCT,IAAA;IAAKG,GAAG,EAAGA,GAAK;IAACO,IAAI,EAAC,OAAO;IAACN,SAAS,EAAGG,OAAS;IAAA,GAAMD;EAAS,CAAI,CAAC;AAEzE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,WAAW,GAAGd,UAAU,CAAEI,sBAAuB,CAAC;AAE/D,eAAeU,WAAW","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/button-group/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedButtonGroup(props, ref) {\n  const {\n    className,\n    __shouldNotWarnDeprecated,\n    ...restProps\n  } = props;\n  const classes = clsx('components-button-group', className);\n  if (!__shouldNotWarnDeprecated) {\n    deprecated('wp.components.ButtonGroup', {\n      since: '6.8',\n      alternative: 'wp.components.__experimentalToggleGroupControl'\n    });\n  }\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: ref,\n    role: \"group\",\n    className: classes,\n    ...restProps\n  });\n}\n\n/**\n * ButtonGroup can be used to group any related buttons together. To emphasize\n * related buttons, a group should share a common container.\n *\n * @deprecated Use `ToggleGroupControl` instead.\n *\n * ```jsx\n * import { Button, ButtonGroup } from '@wordpress/components';\n *\n * const MyButtonGroup = () => (\n *   <ButtonGroup>\n *     <Button variant=\"primary\">Button 1</Button>\n *     <Button variant=\"primary\">Button 2</Button>\n *   </ButtonGroup>\n * );\n * ```\n */\nexport const ButtonGroup = forwardRef(UnforwardedButtonGroup);\nexport default ButtonGroup;"],
+  "mappings": "AAGA,OAAO,UAAU;AAIjB,SAAS,kBAAkB;AAC3B,OAAO,gBAAgB;AAKvB,SAAS,OAAO,YAAY;AAC5B,SAAS,uBAAuB,OAAO,KAAK;AAC1C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,UAAU,KAAK,2BAA2B,SAAS;AACzD,MAAI,CAAC,2BAA2B;AAC9B,eAAW,6BAA6B;AAAA,MACtC,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AACA,SAAoB,qBAAK,OAAO;AAAA,IAC9B;AAAA,IACA,MAAM;AAAA,IACN,WAAW;AAAA,IACX,GAAG;AAAA,EACL,CAAC;AACH;AAmBO,MAAM,cAAc,WAAW,sBAAsB;AAC5D,IAAO,uBAAQ;",
+  "names": []
+}

package/build-module/button-group/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/button-group/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/button-group/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\nexport type ButtonGroupProps = {\n\t/**\n\t * The children elements.\n\t */\n\tchildren: ReactNode;\n\t/**\n\t * Do not throw a warning for component deprecation.\n\t * For internal components of other components that already throw the warning.\n\t *\n\t * @ignore\n\t */\n\t__shouldNotWarnDeprecated?: boolean;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build-module/calendar/date-calendar/index.js

@@ -1,29 +1,12 @@
-/**
- * External dependencies
- */
-import { DayPicker } from 'react-day-picker';
-import { enUS } from 'react-day-picker/locale';
-/**
- * WordPress dependencies
- */
-import { useCallback } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-import { COMMON_PROPS } from '../utils/constants';
-import { clampNumberOfMonths } from '../utils/misc';
-import { useControlledValue } from '../../utils/hooks';
-import { useLocalizationProps } from '../utils/use-localization-props';
+import { DayPicker } from "react-day-picker";
+import { enUS } from "react-day-picker/locale";
+import { useCallback } from "@wordpress/element";
+import { COMMON_PROPS } from "../utils/constants";
+import { clampNumberOfMonths } from "../utils/misc";
+import { useControlledValue } from "../../utils/hooks";
+import { useLocalizationProps } from "../utils/use-localization-props";
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `DateCalendar` is a React component that provides a customizable calendar
- * interface for **single date** selection.
- *
- * The component is built with accessibility in mind and follows ARIA best
- * practices for calendar widgets. It provides keyboard navigation, screen reader
- * support, and customizable labels for internationalization.
- */
-export const DateCalendar = ({
+const DateCalendar = ({
   defaultSelected,
   selected: selectedProp,
   onSelect,
@@ -35,25 +18,27 @@ export const DateCalendar = ({
   const localizationProps = useLocalizationProps({
     locale,
     timeZone,
-    mode: 'single'
+    mode: "single"
   });
-  const onChange = useCallback((selected, triggerDate, modifiers, e) => {
-    // Convert internal `null` to `undefined` for the public event handler.
-    onSelect?.(selected !== null && selected !== void 0 ? selected : undefined, triggerDate, modifiers, e);
+  const onChange = useCallback((selected2, triggerDate, modifiers, e) => {
+    onSelect?.(selected2 !== null && selected2 !== void 0 ? selected2 : void 0, triggerDate, modifiers, e);
   }, [onSelect]);
   const [selected, setSelected] = useControlledValue({
     defaultValue: defaultSelected,
     value: selectedProp,
     onChange
   });
-  return /*#__PURE__*/_jsx(DayPicker, {
+  return /* @__PURE__ */ _jsx(DayPicker, {
     ...COMMON_PROPS,
     ...localizationProps,
     ...props,
     mode: "single",
     numberOfMonths: clampNumberOfMonths(numberOfMonths),
-    selected: selected !== null && selected !== void 0 ? selected : undefined,
+    selected: selected !== null && selected !== void 0 ? selected : void 0,
     onSelect: setSelected
   });
 };
-//# sourceMappingURL=index.js.map
+export {
+  DateCalendar
+};
+//# sourceMappingURL=index.js.map

package/build-module/calendar/date-calendar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["DayPicker","enUS","useCallback","COMMON_PROPS","clampNumberOfMonths","useControlledValue","useLocalizationProps","jsx","_jsx","DateCalendar","defaultSelected","selected","selectedProp","onSelect","numberOfMonths","locale","timeZone","props","localizationProps","mode","onChange","triggerDate","modifiers","e","undefined","setSelected","defaultValue","value"],"sources":["@wordpress/components/src/calendar/date-calendar/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { DayPicker } from 'react-day-picker';\nimport { enUS } from 'react-day-picker/locale';\n/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { COMMON_PROPS } from '../utils/constants';\nimport { clampNumberOfMonths } from '../utils/misc';\nimport { useControlledValue } from '../../utils/hooks';\nimport { useLocalizationProps } from '../utils/use-localization-props';\nimport type { DateCalendarProps, OnSelectHandler } from '../types';\n\n/**\n * `DateCalendar` is a React component that provides a customizable calendar\n * interface for **single date** selection.\n *\n * The component is built with accessibility in mind and follows ARIA best\n * practices for calendar widgets. It provides keyboard navigation, screen reader\n * support, and customizable labels for internationalization.\n */\nexport const DateCalendar = ( {\n\tdefaultSelected,\n\tselected: selectedProp,\n\tonSelect,\n\tnumberOfMonths = 1,\n\tlocale = enUS,\n\ttimeZone,\n\t...props\n}: DateCalendarProps ) => {\n\tconst localizationProps = useLocalizationProps( {\n\t\tlocale,\n\t\ttimeZone,\n\t\tmode: 'single',\n\t} );\n\n\tconst onChange: OnSelectHandler< typeof selectedProp > = useCallback(\n\t\t( selected, triggerDate, modifiers, e ) => {\n\t\t\t// Convert internal `null` to `undefined` for the public event handler.\n\t\t\tonSelect?.( selected ?? undefined, triggerDate, modifiers, e );\n\t\t},\n\t\t[ onSelect ]\n\t);\n\n\tconst [ selected, setSelected ] = useControlledValue< typeof selectedProp >(\n\t\t{\n\t\t\tdefaultValue: defaultSelected,\n\t\t\tvalue: selectedProp,\n\t\t\tonChange,\n\t\t}\n\t);\n\n\treturn (\n\t\t<DayPicker\n\t\t\t{ ...COMMON_PROPS }\n\t\t\t{ ...localizationProps }\n\t\t\t{ ...props }\n\t\t\tmode=\"single\"\n\t\t\tnumberOfMonths={ clampNumberOfMonths( numberOfMonths ) }\n\t\t\tselected={ selected ?? undefined }\n\t\t\tonSelect={ setSelected }\n\t\t/>\n\t);\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,IAAI,QAAQ,yBAAyB;AAC9C;AACA;AACA;AACA,SAASC,WAAW,QAAQ,oBAAoB;AAChD;AACA;AACA;AACA,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,kBAAkB,QAAQ,mBAAmB;AACtD,SAASC,oBAAoB,QAAQ,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAGA,CAAE;EAC7BC,eAAe;EACfC,QAAQ,EAAEC,YAAY;EACtBC,QAAQ;EACRC,cAAc,GAAG,CAAC;EAClBC,MAAM,GAAGd,IAAI;EACbe,QAAQ;EACR,GAAGC;AACe,CAAC,KAAM;EACzB,MAAMC,iBAAiB,GAAGZ,oBAAoB,CAAE;IAC/CS,MAAM;IACNC,QAAQ;IACRG,IAAI,EAAE;EACP,CAAE,CAAC;EAEH,MAAMC,QAAgD,GAAGlB,WAAW,CACnE,CAAES,QAAQ,EAAEU,WAAW,EAAEC,SAAS,EAAEC,CAAC,KAAM;IAC1C;IACAV,QAAQ,GAAIF,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIa,SAAS,EAAEH,WAAW,EAAEC,SAAS,EAAEC,CAAE,CAAC;EAC/D,CAAC,EACD,CAAEV,QAAQ,CACX,CAAC;EAED,MAAM,CAAEF,QAAQ,EAAEc,WAAW,CAAE,GAAGpB,kBAAkB,CACnD;IACCqB,YAAY,EAAEhB,eAAe;IAC7BiB,KAAK,EAAEf,YAAY;IACnBQ;EACD,CACD,CAAC;EAED,oBACCZ,IAAA,CAACR,SAAS;IAAA,GACJG,YAAY;IAAA,GACZe,iBAAiB;IAAA,GACjBD,KAAK;IACVE,IAAI,EAAC,QAAQ;IACbL,cAAc,EAAGV,mBAAmB,CAAEU,cAAe,CAAG;IACxDH,QAAQ,EAAGA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIa,SAAW;IAClCX,QAAQ,EAAGY;EAAa,CACxB,CAAC;AAEJ,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/calendar/date-calendar/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { DayPicker } from 'react-day-picker';\nimport { enUS } from 'react-day-picker/locale';\n/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { COMMON_PROPS } from '../utils/constants';\nimport { clampNumberOfMonths } from '../utils/misc';\nimport { useControlledValue } from '../../utils/hooks';\nimport { useLocalizationProps } from '../utils/use-localization-props';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * `DateCalendar` is a React component that provides a customizable calendar\n * interface for **single date** selection.\n *\n * The component is built with accessibility in mind and follows ARIA best\n * practices for calendar widgets. It provides keyboard navigation, screen reader\n * support, and customizable labels for internationalization.\n */\nexport const DateCalendar = ({\n  defaultSelected,\n  selected: selectedProp,\n  onSelect,\n  numberOfMonths = 1,\n  locale = enUS,\n  timeZone,\n  ...props\n}) => {\n  const localizationProps = useLocalizationProps({\n    locale,\n    timeZone,\n    mode: 'single'\n  });\n  const onChange = useCallback((selected, triggerDate, modifiers, e) => {\n    // Convert internal `null` to `undefined` for the public event handler.\n    onSelect?.(selected !== null && selected !== void 0 ? selected : undefined, triggerDate, modifiers, e);\n  }, [onSelect]);\n  const [selected, setSelected] = useControlledValue({\n    defaultValue: defaultSelected,\n    value: selectedProp,\n    onChange\n  });\n  return /*#__PURE__*/_jsx(DayPicker, {\n    ...COMMON_PROPS,\n    ...localizationProps,\n    ...props,\n    mode: \"single\",\n    numberOfMonths: clampNumberOfMonths(numberOfMonths),\n    selected: selected !== null && selected !== void 0 ? selected : undefined,\n    onSelect: setSelected\n  });\n};"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAIrB,SAAS,mBAAmB;AAI5B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,SAAS,OAAO,YAAY;AASrB,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,oBAAoB,qBAAqB;AAAA,IAC7C;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR,CAAC;AACD,QAAM,WAAW,YAAY,CAACA,WAAU,aAAa,WAAW,MAAM;AAEpE,eAAWA,cAAa,QAAQA,cAAa,SAASA,YAAW,QAAW,aAAa,WAAW,CAAC;AAAA,EACvG,GAAG,CAAC,QAAQ,CAAC;AACb,QAAM,CAAC,UAAU,WAAW,IAAI,mBAAmB;AAAA,IACjD,cAAc;AAAA,IACd,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AACD,SAAoB,qBAAK,WAAW;AAAA,IAClC,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,gBAAgB,oBAAoB,cAAc;AAAA,IAClD,UAAU,aAAa,QAAQ,aAAa,SAAS,WAAW;AAAA,IAChE,UAAU;AAAA,EACZ,CAAC;AACH;",
+  "names": ["selected"]
+}