@wordpress/components 25.6.0 → 25.7.0

package/build-types/ui/spinner/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Spinner } from "./component";
-//# sourceMappingURL=index.d.ts.map

package/build-types/ui/spinner/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/spinner/index.js"],"names":[],"mappings":""}

package/build-types/ui/spinner/styles.d.ts

@@ -1,13 +0,0 @@
-export const ContainerView: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export const BarsWrapperView: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export const BarsView: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/build-types/ui/spinner/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ui/spinner/styles.js"],"names":[],"mappings":"AAUA;;;0GAIE;AAEF;;;0GAQE;AAEF;;;0GAkFE"}

package/build-types/ui/spinner/utils.d.ts

@@ -1,3 +0,0 @@
-export const BASE_SIZE: 16;
-export const WRAPPER_SIZE: 36;
-//# sourceMappingURL=utils.d.ts.map

package/build-types/ui/spinner/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/spinner/utils.js"],"names":[],"mappings":"AAAA,2BAA4B;AAC5B,8BAA+B"}

package/build-types/ui/utils/get-high-dpi.d.ts

@@ -1,3 +0,0 @@
-import type { CSSInterpolation } from '@emotion/css';
-export declare function getHighDpi(strings: TemplateStringsArray, ...interpolations: CSSInterpolation[]): import("@emotion/utils").SerializedStyles;
-//# sourceMappingURL=get-high-dpi.d.ts.map

package/build-types/ui/utils/get-high-dpi.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-high-dpi.d.ts","sourceRoot":"","sources":["../../../src/ui/utils/get-high-dpi.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,wBAAgB,UAAU,CACzB,OAAO,EAAE,oBAAoB,EAC7B,GAAG,cAAc,EAAE,gBAAgB,EAAE,6CAUrC"}

package/build-types/unit-control/stories/index.d.ts

@@ -1,33 +0,0 @@
-/**
- * External dependencies
- */
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-/**
- * Internal dependencies
- */
-import { UnitControl } from '../';
-declare const meta: ComponentMeta<typeof UnitControl>;
-export default meta;
-export declare const Default: ComponentStory<typeof UnitControl>;
-/**
- * If the `isPressEnterToChange` prop is set to `true`, the `onChange` callback
- * will not fire while a new value is typed in the input field (you can verify this
- * behavior by inspecting the console's output).
- */
-export declare const PressEnterToChange: ComponentStory<typeof UnitControl>;
-/**
- * Most of `NumberControl`'s props can be passed to `UnitControl`, and they will
- * affect its numeric input field.
- */
-export declare const TweakingTheNumberInput: ComponentStory<typeof UnitControl>;
-/**
- * When only one unit is available, the unit selection dropdown becomes static text.
- */
-export declare const WithSingleUnit: ComponentStory<typeof UnitControl>;
-/**
- * It is possible to pass a custom list of units. Every time the unit changes,
- * if the `isResetValueOnUnitChange` is set to `true`, the input's quantity is
- * reset to the new unit's default value.
- */
-export declare const WithCustomUnits: ComponentStory<typeof UnitControl>;
-//# sourceMappingURL=index.d.ts.map

package/build-types/unit-control/stories/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/unit-control/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,WAAW,CAkB5C,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,WAAW,CAC7B,CAAC;AAK5B;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAE,OAAO,WAAW,CACxC,CAAC;AAM5B;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,cAAc,CAAE,OAAO,WAAW,CAC5C,CAAC;AAS5B;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CAAE,OAAO,WAAW,CACpC,CAAC;AAM5B;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAE,OAAO,WAAW,CAgB/D,CAAC"}

package/build-types/utils/browsers.d.ts

@@ -1,11 +0,0 @@
-/**
- * @param {TemplateStringsArray}                                      strings
- * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations
- */
-export function firefoxOnly(strings: TemplateStringsArray, ...interpolations: import('@emotion/css/create-instance').CSSInterpolation[]): import("@emotion/utils").SerializedStyles;
-/**
- * @param {TemplateStringsArray}                                      strings
- * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations
- */
-export function safariOnly(strings: TemplateStringsArray, ...interpolations: import('@emotion/css/create-instance').CSSInterpolation[]): import("@emotion/utils").SerializedStyles;
-//# sourceMappingURL=browsers.d.ts.map

package/build-types/utils/browsers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"browsers.d.ts","sourceRoot":"","sources":["../../src/utils/browsers.js"],"names":[],"mappings":"AAMA;;;GAGG;AACH,qCAHW,oBAAoB,qBACpB,OAAO,8BAA8B,EAAE,gBAAgB,EAAE,6CAUnE;AAED;;;GAGG;AACH,oCAHW,oBAAoB,qBACpB,OAAO,8BAA8B,EAAE,gBAAgB,EAAE,6CAYnE"}

package/build-types/utils/events.d.ts

@@ -1,11 +0,0 @@
-type EventHandler<T extends Event> = (event: T) => void;
-/**
- * Merges two sets of event handlers together.
- *
- * @template TEvent
- * @param    handlers
- * @param    extraHandlers
- */
-export declare function mergeEventHandlers<TEvent extends Event, TLeft extends Record<string, EventHandler<TEvent>>, TRight extends Record<string, EventHandler<TEvent>>>(handlers: TLeft, extraHandlers: TRight): TLeft & TRight;
-export {};
-//# sourceMappingURL=events.d.ts.map

package/build-types/utils/events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,CAAE,CAAC,SAAS,KAAK,IAAK,CAAE,KAAK,EAAE,CAAC,KAAM,IAAI,CAAC;AAuB5D;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CACjC,MAAM,SAAS,KAAK,EACpB,KAAK,SAAS,MAAM,CAAE,MAAM,EAAE,YAAY,CAAE,MAAM,CAAE,CAAE,EACtD,MAAM,SAAS,MAAM,CAAE,MAAM,EAAE,YAAY,CAAE,MAAM,CAAE,CAAE,EACrD,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,GAAI,KAAK,GAAG,MAAM,CAe1D"}

package/build-types/v-stack/stories/e2e/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * External dependencies
- */
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-import { VStack } from '../..';
-declare const meta: ComponentMeta<typeof VStack>;
-export default meta;
-export declare const Default: ComponentStory<typeof VStack>;
-//# sourceMappingURL=index.d.ts.map

package/build-types/v-stack/stories/e2e/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v-stack/stories/e2e/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMtE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,MAAM,CAGvC,CAAC;AACF,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,MAAM,CAAwB,CAAC"}

package/build-types/v-stack/stories/index.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-/**
- * External dependencies
- */
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { VStack } from '..';
-declare const meta: ComponentMeta<typeof VStack>;
-export default meta;
-export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", Omit<import("../../h-stack/types").Props, "spacing" | "alignment"> & {
-    alignment?: "initial" | "left" | "right" | (string & {}) | "bottom" | "top" | "-moz-initial" | "inherit" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "edge" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
-    spacing?: import("csstype").Property.Width<string | number> | undefined;
-} & import("react").RefAttributes<any>, true>>;
-//# sourceMappingURL=index.d.ts.map

package/build-types/v-stack/stories/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v-stack/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMtE,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAgB5B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,MAAM,CAkBvC,CAAC;AACF,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,OAAO;;;8CAAsB,CAAC"}

package/build-types/view/stories/index.d.ts

@@ -1,12 +0,0 @@
-/**
- * External dependencies
- */
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-/**
- * Internal dependencies
- */
-import { View } from '..';
-declare const meta: ComponentMeta<typeof View>;
-export default meta;
-export declare const Default: ComponentStory<typeof View>;
-//# sourceMappingURL=index.d.ts.map

package/build-types/view/stories/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/view/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,IAAI,CAWrC,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,IAAI,CAAwB,CAAC"}

package/build-types/visually-hidden/stories/index.d.ts

@@ -1,14 +0,0 @@
-/**
- * External dependencies
- */
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-/**
- * Internal dependencies
- */
-import { VisuallyHidden } from '..';
-declare const meta: ComponentMeta<typeof VisuallyHidden>;
-export default meta;
-export declare const Default: ComponentStory<typeof VisuallyHidden>;
-export declare const WithForwardedProps: ComponentStory<typeof VisuallyHidden>;
-export declare const WithAdditionalClassNames: ComponentStory<typeof VisuallyHidden>;
-//# sourceMappingURL=index.d.ts.map

package/build-types/visually-hidden/stories/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/visually-hidden/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,IAAI,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,cAAc,CAa/C,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,cAAc,CAa1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAE,OAAO,cAAc,CAWrE,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,cAAc,CACpD,OAAO,cAAc,CAUrB,CAAC"}

package/build-types/z-stack/stories/index.d.ts

@@ -1,6 +0,0 @@
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { ZStack } from '..';
-declare const meta: ComponentMeta<typeof ZStack>;
-export default meta;
-export declare const Default: ComponentStory<typeof ZStack>;
-//# sourceMappingURL=index.d.ts.map

package/build-types/z-stack/stories/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/z-stack/stories/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,MAAM,CAavC,CAAC;AACF,eAAe,IAAI,CAAC;AAsCpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,MAAM,CAAwB,CAAC"}

package/src/popover/limit-shift.ts

@@ -1,205 +0,0 @@
-/**
- * External dependencies
- */
-import type {
-	Axis,
-	Coords,
-	Placement,
-	Side,
-	MiddlewareArguments,
-} from '@floating-ui/react-dom';
-
-/**
- * Parts of this source were derived and modified from `floating-ui`,
- * released under the MIT license.
- *
- * https://github.com/floating-ui/floating-ui
- *
- * Copyright (c) 2021 Floating UI contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Custom limiter function for the `shift` middleware.
- * This function is mostly identical default `limitShift` from ``@floating-ui`;
- * the only difference is that, when computing the min/max shift limits, it
- * also takes into account the iframe offset that is added by the
- * custom "frameOffset" middleware.
- *
- * All unexported types and functions are also from the `@floating-ui` library,
- * and have been copied to this file for convenience.
- */
-
-type LimitShiftOffset =
-	| ( ( args: MiddlewareArguments ) =>
-			| number
-			| {
-					/**
-					 * Offset the limiting of the axis that runs along the alignment of the
-					 * floating element.
-					 */
-					mainAxis?: number;
-					/**
-					 * Offset the limiting of the axis that runs along the side of the
-					 * floating element.
-					 */
-					crossAxis?: number;
-			  } )
-	| number
-	| {
-			/**
-			 * Offset the limiting of the axis that runs along the alignment of the
-			 * floating element.
-			 */
-			mainAxis?: number;
-			/**
-			 * Offset the limiting of the axis that runs along the side of the
-			 * floating element.
-			 */
-			crossAxis?: number;
-	  };
-
-type LimitShiftOptions = {
-	/**
-	 * Offset when limiting starts. `0` will limit when the opposite edges of the
-	 * reference and floating elements are aligned.
-	 * - positive = start limiting earlier
-	 * - negative = start limiting later
-	 */
-	offset: LimitShiftOffset;
-	/**
-	 * Whether to limit the axis that runs along the alignment of the floating
-	 * element.
-	 */
-	mainAxis: boolean;
-	/**
-	 * Whether to limit the axis that runs along the side of the floating element.
-	 */
-	crossAxis: boolean;
-};
-
-function getSide( placement: Placement ): Side {
-	return placement.split( '-' )[ 0 ] as Side;
-}
-
-function getMainAxisFromPlacement( placement: Placement ): Axis {
-	return [ 'top', 'bottom' ].includes( getSide( placement ) ) ? 'x' : 'y';
-}
-
-function getCrossAxis( axis: Axis ): Axis {
-	return axis === 'x' ? 'y' : 'x';
-}
-
-export const limitShift = (
-	options: Partial< LimitShiftOptions > = {}
-): {
-	options: Partial< LimitShiftOffset >;
-	fn: ( middlewareArguments: MiddlewareArguments ) => Coords;
-} => ( {
-	options,
-	fn( middlewareArguments ) {
-		const { x, y, placement, rects, middlewareData } = middlewareArguments;
-		const {
-			offset = 0,
-			mainAxis: checkMainAxis = true,
-			crossAxis: checkCrossAxis = true,
-		} = options;
-
-		const coords = { x, y };
-		const mainAxis = getMainAxisFromPlacement( placement );
-		const crossAxis = getCrossAxis( mainAxis );
-
-		let mainAxisCoord = coords[ mainAxis ];
-		let crossAxisCoord = coords[ crossAxis ];
-
-		const rawOffset =
-			typeof offset === 'function'
-				? offset( middlewareArguments )
-				: offset;
-		const computedOffset =
-			typeof rawOffset === 'number'
-				? { mainAxis: rawOffset, crossAxis: 0 }
-				: { mainAxis: 0, crossAxis: 0, ...rawOffset };
-
-		// At the moment of writing, this is the only difference
-		// with the `limitShift` function from `@floating-ui`.
-		// This offset needs to be added to all min/max limits
-		// in order to make the shift-limiting work as expected.
-		const additionalFrameOffset = {
-			x: 0,
-			y: 0,
-			...middlewareData.frameOffset?.amount,
-		};
-
-		if ( checkMainAxis ) {
-			const len = mainAxis === 'y' ? 'height' : 'width';
-			const limitMin =
-				rects.reference[ mainAxis ] -
-				rects.floating[ len ] +
-				computedOffset.mainAxis +
-				additionalFrameOffset[ mainAxis ];
-			const limitMax =
-				rects.reference[ mainAxis ] +
-				rects.reference[ len ] -
-				computedOffset.mainAxis +
-				additionalFrameOffset[ mainAxis ];
-
-			if ( mainAxisCoord < limitMin ) {
-				mainAxisCoord = limitMin;
-			} else if ( mainAxisCoord > limitMax ) {
-				mainAxisCoord = limitMax;
-			}
-		}
-
-		if ( checkCrossAxis ) {
-			const len = mainAxis === 'y' ? 'width' : 'height';
-			const isOriginSide = [ 'top', 'left' ].includes(
-				getSide( placement )
-			);
-			const limitMin =
-				rects.reference[ crossAxis ] -
-				rects.floating[ len ] +
-				( isOriginSide
-					? middlewareData.offset?.[ crossAxis ] ?? 0
-					: 0 ) +
-				( isOriginSide ? 0 : computedOffset.crossAxis ) +
-				additionalFrameOffset[ crossAxis ];
-			const limitMax =
-				rects.reference[ crossAxis ] +
-				rects.reference[ len ] +
-				( isOriginSide
-					? 0
-					: middlewareData.offset?.[ crossAxis ] ?? 0 ) -
-				( isOriginSide ? computedOffset.crossAxis : 0 ) +
-				additionalFrameOffset[ crossAxis ];
-
-			if ( crossAxisCoord < limitMin ) {
-				crossAxisCoord = limitMin;
-			} else if ( crossAxisCoord > limitMax ) {
-				crossAxisCoord = limitMax;
-			}
-		}
-
-		return {
-			[ mainAxis ]: mainAxisCoord,
-			[ crossAxis ]: crossAxisCoord,
-		} as Coords;
-	},
-} );

package/src/ui/utils/get-high-dpi.ts

@@ -1,20 +0,0 @@
-/**
- * External dependencies
- */
-import { css } from '@emotion/react';
-// eslint-disable-next-line no-restricted-imports
-import type { CSSInterpolation } from '@emotion/css';
-
-export function getHighDpi(
-	strings: TemplateStringsArray,
-	...interpolations: CSSInterpolation[]
-) {
-	const interpolatedStyles = css( strings, ...interpolations );
-
-	return css`
-		@media ( -webkit-min-device-pixel-ratio: 1.25 ),
-			( min-resolution: 120dpi ) {
-			${ interpolatedStyles }
-		}
-	`;
-}

package/src/utils/browsers.js

@@ -1,36 +0,0 @@
-/**
- * External dependencies
- */
-import { css } from '@emotion/react';
-
-/* eslint-disable jsdoc/no-undefined-types */
-/**
- * @param {TemplateStringsArray}                                      strings
- * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations
- */
-export function firefoxOnly( strings, ...interpolations ) {
-	const interpolatedStyles = css( strings, ...interpolations );
-
-	return css`
-		@-moz-document url-prefix() {
-			${ interpolatedStyles };
-		}
-	`;
-}
-
-/**
- * @param {TemplateStringsArray}                                      strings
- * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations
- */
-export function safariOnly( strings, ...interpolations ) {
-	const interpolatedStyles = css( strings, ...interpolations );
-
-	return css`
-		@media not all and ( min-resolution: 0.001dpcm ) {
-			@supports ( -webkit-appearance: none ) {
-				${ interpolatedStyles }
-			}
-		}
-	`;
-}
-/* eslint-enable jsdoc/no-undefined-types */

package/src/utils/events.ts

@@ -1,50 +0,0 @@
-type EventHandler< T extends Event > = ( event: T ) => void;
-
-/**
- * Merges event handlers together.
- *
- * @template TEvent
- * @param    handler
- * @param    otherHandler
- */
-function mergeEvent< TEvent extends Event >(
-	handler: EventHandler< TEvent >,
-	otherHandler: EventHandler< TEvent >
-): EventHandler< TEvent > {
-	return ( event: TEvent ) => {
-		if ( typeof handler === 'function' ) {
-			handler( event );
-		}
-		if ( typeof otherHandler === 'function' ) {
-			otherHandler( event );
-		}
-	};
-}
-
-/**
- * Merges two sets of event handlers together.
- *
- * @template TEvent
- * @param    handlers
- * @param    extraHandlers
- */
-export function mergeEventHandlers<
-	TEvent extends Event,
-	TLeft extends Record< string, EventHandler< TEvent > >,
-	TRight extends Record< string, EventHandler< TEvent > >
->( handlers: TLeft, extraHandlers: TRight ): TLeft & TRight {
-	// @ts-ignore We'll fill in all the properties below
-	const mergedHandlers: TLeft & TRight = {
-		...handlers,
-	};
-
-	for ( const [ key, handler ] of Object.entries( extraHandlers ) ) {
-		// @ts-ignore
-		mergedHandlers[ key as keyof typeof mergedHandlers ] =
-			key in mergedHandlers
-				? mergeEvent( mergedHandlers[ key ], handler )
-				: handler;
-	}
-
-	return mergedHandlers;
-}

package/src/utils/test/events.js

@@ -1,63 +0,0 @@
-/**
- * Internal dependencies
- */
-import { mergeEventHandlers } from '../events';
-
-describe( 'mergeEventHandlers', () => {
-	it( 'should merge the two event handler objects', () => {
-		const left = {
-			onclick: jest.fn(),
-		};
-
-		const right = {
-			onclick: jest.fn(),
-		};
-
-		const merged = mergeEventHandlers( left, right );
-
-		merged.onclick();
-
-		expect( left.onclick ).toHaveBeenCalled();
-		expect( right.onclick ).toHaveBeenCalled();
-	} );
-
-	it( 'should preserve all handlers from the left hand side that do not overlap with the right', () => {
-		const left = {
-			ArrowUp: jest.fn(),
-			ArrowDown: jest.fn(),
-		};
-
-		const right = {
-			ArrowUp: jest.fn(),
-		};
-
-		const merged = mergeEventHandlers( left, right );
-
-		merged.ArrowUp();
-
-		expect( left.ArrowUp ).toHaveBeenCalled();
-		expect( right.ArrowUp ).toHaveBeenCalled();
-
-		expect( merged.ArrowDown ).toBe( left.ArrowDown );
-	} );
-
-	it( 'should preserve all handlers form the right hand side that do not overlap with the left', () => {
-		const right = {
-			ArrowUp: jest.fn(),
-			ArrowDown: jest.fn(),
-		};
-
-		const left = {
-			ArrowUp: jest.fn(),
-		};
-
-		const merged = mergeEventHandlers( left, right );
-
-		merged.ArrowUp();
-
-		expect( left.ArrowUp ).toHaveBeenCalled();
-		expect( right.ArrowUp ).toHaveBeenCalled();
-
-		expect( merged.ArrowDown ).toBe( right.ArrowDown );
-	} );
-} );