@wordpress/components 23.6.0 → 23.7.0

package/build-types/custom-gradient-picker/types.d.ts

@@ -0,0 +1,120 @@
+/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type gradientParser from 'gradient-parser';
+export type CustomGradientPickerProps = {
+    /**
+     * Start opting in to the new margin-free styles that will become the default
+     * in a future version, currently scheduled to be WordPress 6.4. (The prop
+     * can be safely removed once this happens.)
+     *
+     * @default false
+     */
+    __nextHasNoMargin?: boolean;
+    /**
+     * The current value of the gradient. Pass a css gradient string (See default value for example).
+     * Optionally pass in a `null` value to specify no gradient is currently selected.
+     *
+     * @default 'linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)'
+     */
+    value?: string | null;
+    /**
+     * The function called when a new gradient has been defined. It is passed to
+     * the `currentGradient` as an argument.
+     */
+    onChange: (currentGradient: string) => void;
+    /**
+     * Whether this is rendered in the sidebar.
+     *
+     * @default false
+     */
+    __experimentalIsRenderedInSidebar?: boolean;
+};
+export type GradientAnglePickerProps = {
+    gradientAST: gradientParser.LinearGradientNode | gradientParser.RepeatingLinearGradientNode;
+    hasGradient: boolean;
+    onChange: (gradient: string) => void;
+};
+export type GradientTypePickerProps = {
+    gradientAST: gradientParser.GradientNode;
+    hasGradient: boolean;
+    onChange: (gradient: string) => void;
+};
+export type ControlPoint = {
+    color: string;
+    position: number;
+};
+type DistributivePick<T, K extends keyof T> = T extends any ? Pick<T, K> : never;
+export type ColorStopTypeAndValue = DistributivePick<gradientParser.ColorStop, 'type' | 'value'>;
+export type CustomGradientBarProps = {
+    background: React.CSSProperties['background'];
+    hasGradient: boolean;
+    value: ControlPoint[];
+    onChange: (newControlPoints: ControlPoint[]) => void;
+    disableInserter?: boolean;
+    disableAlpha?: boolean;
+    __experimentalIsRenderedInSidebar?: boolean;
+};
+export type CustomGradientBarIdleState = {
+    id: 'IDLE';
+};
+type CustomGradientBarMovingInserterState = {
+    id: 'MOVING_INSERTER';
+    insertPosition: number;
+};
+type CustomGradientBarInsertingControlPointState = {
+    id: 'INSERTING_CONTROL_POINT';
+    insertPosition: number;
+};
+type CustomGradientBarMovingControlPointState = {
+    id: 'MOVING_CONTROL_POINT';
+};
+export type CustomGradientBarReducerState = CustomGradientBarIdleState | CustomGradientBarMovingInserterState | CustomGradientBarInsertingControlPointState | CustomGradientBarMovingControlPointState;
+export type CustomGradientBarReducerAction = {
+    type: 'MOVE_INSERTER';
+    insertPosition: number;
+} | {
+    type: 'STOP_INSERTER_MOVE';
+} | {
+    type: 'OPEN_INSERTER';
+} | {
+    type: 'CLOSE_INSERTER';
+} | {
+    type: 'START_CONTROL_CHANGE';
+} | {
+    type: 'STOP_CONTROL_CHANGE';
+};
+export type ControlPointButtonProps = {
+    isOpen: boolean;
+    position: ControlPoint['position'];
+    color: string;
+};
+export type ControlPointsProps = {
+    disableRemove: boolean;
+    disableAlpha: boolean;
+    gradientPickerDomRef: React.RefObject<HTMLDivElement>;
+    ignoreMarkerPosition?: number;
+    value: ControlPoint[];
+    onChange: (controlPoints: ControlPoint[]) => void;
+    onStartControlPointChange: () => void;
+    onStopControlPointChange: () => void;
+    __experimentalIsRenderedInSidebar: boolean;
+};
+export type ControlPointMoveState = {
+    initialPosition: number;
+    index: number;
+    significantMoveHappened: boolean;
+    listenersActivated: boolean;
+};
+export type InsertPointProps = {
+    value: ControlPoint[];
+    onChange: (controlPoints: ControlPoint[]) => void;
+    onOpenInserter: () => void;
+    onCloseInserter: () => void;
+    insertPosition: number;
+    disableAlpha: boolean;
+    __experimentalIsRenderedInSidebar: boolean;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/custom-gradient-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/custom-gradient-picker/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,cAAc,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,yBAAyB,GAAG;IACvC;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;OAGG;IACH,QAAQ,EAAE,CAAE,eAAe,EAAE,MAAM,KAAM,IAAI,CAAC;IAC9C;;;;OAIG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACtC,WAAW,EACR,cAAc,CAAC,kBAAkB,GACjC,cAAc,CAAC,2BAA2B,CAAC;IAC9C,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAE,QAAQ,EAAE,MAAM,KAAM,IAAI,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACrC,WAAW,EAAE,cAAc,CAAC,YAAY,CAAC;IACzC,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAE,QAAQ,EAAE,MAAM,KAAM,IAAI,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAW/D,KAAK,gBAAgB,CAAE,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAK,CAAC,SAAS,GAAG,GAC1D,IAAI,CAAE,CAAC,EAAE,CAAC,CAAE,GACZ,KAAK,CAAC;AAET,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CACnD,cAAc,CAAC,SAAS,EACxB,MAAM,GAAG,OAAO,CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACpC,UAAU,EAAE,KAAK,CAAC,aAAa,CAAE,YAAY,CAAE,CAAC;IAChD,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAE,gBAAgB,EAAE,YAAY,EAAE,KAAM,IAAI,CAAC;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iCAAiC,CAAC,EAAE,OAAO,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AACxD,KAAK,oCAAoC,GAAG;IAC3C,EAAE,EAAE,iBAAiB,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACvB,CAAC;AACF,KAAK,2CAA2C,GAAG;IAClD,EAAE,EAAE,yBAAyB,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;CACvB,CAAC;AACF,KAAK,wCAAwC,GAAG;IAAE,EAAE,EAAE,sBAAsB,CAAA;CAAE,CAAC;AAE/E,MAAM,MAAM,6BAA6B,GACtC,0BAA0B,GAC1B,oCAAoC,GACpC,2CAA2C,GAC3C,wCAAwC,CAAC;AAE5C,MAAM,MAAM,8BAA8B,GACvC;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAC1B;IAAE,IAAI,EAAE,sBAAsB,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,qBAAqB,CAAA;CAAE,CAAC;AAEnC,MAAM,MAAM,uBAAuB,GAAG;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,YAAY,CAAE,UAAU,CAAE,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAChC,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAE,cAAc,CAAE,CAAC;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAE,aAAa,EAAE,YAAY,EAAE,KAAM,IAAI,CAAC;IACpD,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,iCAAiC,EAAE,OAAO,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB,EAAE,OAAO,CAAC;IACjC,kBAAkB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAE,aAAa,EAAE,YAAY,EAAE,KAAM,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,iCAAiC,EAAE,OAAO,CAAC;CAC3C,CAAC"}

package/build-types/custom-gradient-picker/utils.d.ts

@@ -1,5 +1,13 @@
-export function getLinearGradientRepresentation(gradientAST: any): string;
-export function getGradientAstWithDefault(value: any): any;
-export function getGradientAstWithControlPoints(gradientAST: any, newControlPoints: any): any;
-export function getStopCssColor(colorStop: any): any;
+/**
+ * External dependencies
+ */
+import gradientParser from 'gradient-parser';
+import type { ControlPoint } from './types';
+export declare function getLinearGradientRepresentation(gradientAST: gradientParser.GradientNode): string;
+export declare function getGradientAstWithDefault(value?: string | null): {
+    gradientAST: gradientParser.GradientNode;
+    hasGradient: boolean;
+};
+export declare function getGradientAstWithControlPoints(gradientAST: gradientParser.GradientNode, newControlPoints: ControlPoint[]): gradientParser.GradientNode;
+export declare function getStopCssColor(colorStop: gradientParser.ColorStop): string;
 //# sourceMappingURL=utils.d.ts.map

package/build-types/custom-gradient-picker/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/custom-gradient-picker/utils.js"],"names":[],"mappings":"AAqBA,0EAMC;AAMD,2DAkCC;AAED,8FAkBC;AAED,qDAcC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/custom-gradient-picker/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAa7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,wBAAgB,+BAA+B,CAC9C,WAAW,EAAE,cAAc,CAAC,YAAY,UAOxC;AAMD,wBAAgB,yBAAyB,CAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;;;EA6C/D;AAED,wBAAgB,+BAA+B,CAC9C,WAAW,EAAE,cAAc,CAAC,YAAY,EACxC,gBAAgB,EAAE,YAAY,EAAE,+BAmBhC;AAED,wBAAgB,eAAe,CAAE,SAAS,EAAE,cAAc,CAAC,SAAS,UAcnE"}

package/build-types/duotone-picker/color-list-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/duotone-picker/color-list-picker/index.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EAAE,oBAAoB,EAAoB,MAAM,SAAS,CAAC;AA4CtE,iBAAS,eAAe,CAAE,EACzB,MAAM,EACN,MAAM,EACN,KAAU,EACV,mBAAmB,EACnB,WAAW,EACX,QAAQ,GACR,EAAE,oBAAoB,eAqBtB;AAED,eAAe,eAAe,CAAC"}

package/build-types/{color-list-picker → duotone-picker/color-list-picker}/types.d.ts

@@ -4,7 +4,7 @@
 import type { CSSProperties } from 'react';
 export type ColorListPickerProps = {
     /**
-     * A list of predifened colors. Each color is an object with a `name` and a
+     * A list of predefined colors. Each color is an object with a `name` and a
      * `color` value.
      * The `name` is a string used to identify the color in the UI.
      * The `color` is a valid CSS color string.
@@ -20,7 +20,7 @@ export type ColorListPickerProps = {
     /**
      * An array containing the currently selected colors.
      */
-    value?: Array<string | undefined>;
+    value?: Array<string>;
     /**
      * Controls whether the custom color picker is displayed.
      */

package/build-types/duotone-picker/color-list-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/duotone-picker/color-list-picker/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,oBAAoB,GAAG;IAClC;;;;;OAKG;IACH,MAAM,EAAE,KAAK,CAAE;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,WAAW,CAAE,aAAa,CAAE,OAAO,CAAE,CAAE,CAAC;KAC/C,CAAE,CAAC;IACJ;;OAEG;IACH,MAAM,EAAE,KAAK,CAAE,MAAM,CAAE,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAE,MAAM,CAAE,CAAC;IACxB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,CAAE,QAAQ,EAAE,KAAK,CAAE,MAAM,GAAG,SAAS,CAAE,KAAM,IAAI,CAAC;CAC5D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAClC,oBAAoB,EACpB,QAAQ,GAAG,qBAAqB,GAAG,aAAa,CAChD,GAAG;IACH,KAAK,EAAE,oBAAoB,CAAE,QAAQ,CAAE,CAAE,MAAM,CAAE,CAAC;IAClD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;CACnD,CAAC"}

package/build-types/duotone-picker/custom-duotone-bar.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export default function CustomDuotoneBar({ value, onChange, }: {
+    value?: string[];
+    onChange: (value?: string[]) => void;
+}): JSX.Element;
+//# sourceMappingURL=custom-duotone-bar.d.ts.map

package/build-types/duotone-picker/custom-duotone-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-duotone-bar.d.ts","sourceRoot":"","sources":["../../src/duotone-picker/custom-duotone-bar.tsx"],"names":[],"mappings":";AAaA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,EACzC,KAAK,EACL,QAAQ,GACR,EAAE;IACF,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAM,IAAI,CAAC;CACvC,eAiBA"}

package/build-types/duotone-picker/duotone-picker.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import type { DuotonePickerProps } from './types';
+/**
+ * ```jsx
+ * import { DuotonePicker, DuotoneSwatch } from '@wordpress/components';
+ * import { useState } from '@wordpress/element';
+ *
+ * const DUOTONE_PALETTE = [
+ * 	{ colors: [ '#8c00b7', '#fcff41' ], name: 'Purple and yellow', slug: 'purple-yellow' },
+ * 	{ colors: [ '#000097', '#ff4747' ], name: 'Blue and red', slug: 'blue-red' },
+ * ];
+ *
+ * const COLOR_PALETTE = [
+ * 	{ color: '#ff4747', name: 'Red', slug: 'red' },
+ * 	{ color: '#fcff41', name: 'Yellow', slug: 'yellow' },
+ * 	{ color: '#000097', name: 'Blue', slug: 'blue' },
+ * 	{ color: '#8c00b7', name: 'Purple', slug: 'purple' },
+ * ];
+ *
+ * const Example = () => {
+ * 	const [ duotone, setDuotone ] = useState( [ '#000000', '#ffffff' ] );
+ * 	return (
+ * 		<>
+ * 			<DuotonePicker
+ * 				duotonePalette={ DUOTONE_PALETTE }
+ * 				colorPalette={ COLOR_PALETTE }
+ * 				value={ duotone }
+ * 				onChange={ setDuotone }
+ * 			/>
+ * 			<DuotoneSwatch values={ duotone } />
+ * 		</>
+ * 	);
+ * };
+ * ```
+ */
+declare function DuotonePicker({ clearable, unsetable, colorPalette, duotonePalette, disableCustomColors, disableCustomDuotone, value, onChange, }: DuotonePickerProps): JSX.Element;
+export default DuotonePicker;
+//# sourceMappingURL=duotone-picker.d.ts.map

package/build-types/duotone-picker/duotone-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duotone-picker.d.ts","sourceRoot":"","sources":["../../src/duotone-picker/duotone-picker.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,iBAAS,aAAa,CAAE,EACvB,SAAgB,EAChB,SAAgB,EAChB,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,EACL,QAAQ,GACR,EAAE,kBAAkB,eA2GpB;AAED,eAAe,aAAa,CAAC"}

package/build-types/duotone-picker/duotone-swatch.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { DuotoneSwatchProps } from './types';
+declare function DuotoneSwatch({ values }: DuotoneSwatchProps): JSX.Element;
+export default DuotoneSwatch;
+//# sourceMappingURL=duotone-swatch.d.ts.map

package/build-types/duotone-picker/duotone-swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duotone-swatch.d.ts","sourceRoot":"","sources":["../../src/duotone-picker/duotone-swatch.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,iBAAS,aAAa,CAAE,EAAE,MAAM,EAAE,EAAE,kBAAkB,eAQrD;AAED,eAAe,aAAa,CAAC"}

package/build-types/duotone-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DuotonePicker } from './duotone-picker';
+export { default as DuotoneSwatch } from './duotone-swatch';
+//# sourceMappingURL=index.d.ts.map

package/build-types/duotone-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/duotone-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/build-types/duotone-picker/stories/duotone-picker.d.ts

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

package/build-types/duotone-picker/stories/duotone-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duotone-picker.d.ts","sourceRoot":"","sources":["../../../src/duotone-picker/stories/duotone-picker.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAGnC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAW9C,CAAC;AACF,eAAe,IAAI,CAAC;AAwCpB,eAAO,MAAM,OAAO,sCAAsB,CAAC"}

package/build-types/duotone-picker/stories/duotone-swatch.d.ts

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

package/build-types/duotone-picker/stories/duotone-swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duotone-swatch.d.ts","sourceRoot":"","sources":["../../../src/duotone-picker/stories/duotone-swatch.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAO9C,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,sCAAsB,CAAC;AAK3C,eAAO,MAAM,WAAW,sCAAsB,CAAC;AAK/C,eAAO,MAAM,IAAI,sCAAsB,CAAC"}

package/build-types/duotone-picker/types.d.ts

@@ -0,0 +1,60 @@
+export type DuotonePickerProps = {
+    /**
+     * Whether there should be a button to clear the duotone value.
+     *
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * Whether there should be an `unset` option.
+     *
+     * @default true
+     */
+    unsetable?: boolean;
+    /**
+     * Array of color presets of the form `{ color: '#000000', name: 'Black', slug: 'black' }`.
+     */
+    colorPalette: Color[];
+    /**
+     * Array of duotone presets of the form `{ colors: [ '#000000', '#ffffff' ], name: 'Grayscale', slug: 'grayscale' }`.
+     */
+    duotonePalette: DuotoneColor[];
+    /**
+     * Whether custom colors should be disabled.
+     *
+     * @default false
+     */
+    disableCustomColors?: boolean;
+    /**
+     * Whether custom duotone values should be disabled.
+     *
+     * @default false
+     */
+    disableCustomDuotone?: boolean;
+    /**
+     * An array of colors for the duotone effect.
+     */
+    value?: string[] | 'unset';
+    /**
+     * Callback which is called when the duotone colors change.
+     */
+    onChange: (value: DuotonePickerProps['value'] | undefined) => void;
+};
+type Color = {
+    color: string;
+    name: string;
+    slug: string;
+};
+type DuotoneColor = {
+    colors: string[];
+    name: string;
+    slug: string;
+};
+export type DuotoneSwatchProps = {
+    /**
+     * An array of colors to show or `null` to show the placeholder swatch icon.
+     */
+    values?: string[] | null;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/duotone-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/duotone-picker/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB;;OAEG;IACH,cAAc,EAAE,YAAY,EAAE,CAAC;IAC/B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,kBAAkB,CAAE,OAAO,CAAE,GAAG,SAAS,KAAM,IAAI,CAAC;CACvE,CAAC;AAEF,KAAK,KAAK,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,KAAK,YAAY,GAAG;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CACzB,CAAC"}

package/build-types/duotone-picker/utils.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Internal dependencies
+ */
+import type { DuotonePickerProps } from './types';
+/**
+ * Object representation for a color.
+ *
+ * @typedef {Object} RGBColor
+ * @property {number} r Red component of the color in the range [0,1].
+ * @property {number} g Green component of the color in the range [0,1].
+ * @property {number} b Blue component of the color in the range [0,1].
+ */
+/**
+ * Calculate the brightest and darkest values from a color palette.
+ *
+ * @param palette Color palette for the theme.
+ *
+ * @return Tuple of the darkest color and brightest color.
+ */
+export declare function getDefaultColors(palette: DuotonePickerProps['colorPalette']): string[];
+/**
+ * Generate a duotone gradient from a list of colors.
+ *
+ * @param colors CSS color strings.
+ * @param angle  CSS gradient angle.
+ *
+ * @return  CSS gradient string for the duotone swatch.
+ */
+export declare function getGradientFromCSSColors(colors?: string[], angle?: string): string;
+/**
+ * Convert a color array to an array of color stops.
+ *
+ * @param colors CSS colors array
+ *
+ * @return Color stop information.
+ */
+export declare function getColorStopsFromColors(colors: string[]): {
+    position: number;
+    color: string;
+}[];
+/**
+ * Convert a color stop array to an array colors.
+ *
+ * @param colorStops Color stop information.
+ *
+ * @return CSS colors array.
+ */
+export declare function getColorsFromColorStops(colorStops?: {
+    position: number;
+    color: string;
+}[]): string[];
+//# sourceMappingURL=utils.d.ts.map

package/build-types/duotone-picker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/duotone-picker/utils.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD;;;;;;;GAOG;AAEH;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC/B,OAAO,EAAE,kBAAkB,CAAE,cAAc,CAAE,YAuB7C;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CACvC,MAAM,GAAE,MAAM,EAAO,EACrB,KAAK,SAAU,UASf;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAE,MAAM,EAAE,MAAM,EAAE;;;IAKxD;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACtC,UAAU,GAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAO,YAGtD"}

package/build-types/form-token-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAM9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eAurBzD;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAU9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eA0rBzD;AAED,eAAe,cAAc,CAAC"}

package/build-types/form-token-field/types.d.ts

@@ -160,6 +160,12 @@ export interface FormTokenFieldProps extends Pick<ComponentPropsWithRef<'input'>
     __experimentalRenderItem?: (args: {
         item: string;
     }) => ReactNode;
+    /**
+     * Start opting into the new margin-free styles that will become the default in a future version.
+     *
+     * @default false
+     */
+    __nextHasNoMarginBottom?: boolean;
 }
 /**
  * `T` can be either a `string` or an object which must have a `value` prop as a string.

package/build-types/form-token-field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/form-token-field/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/form-token-field/types.ts"],"names":[],"mappings":"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"}

package/build-types/gradient-picker/index.d.ts

@@ -1,12 +1,50 @@
-export default function GradientPicker({ __nextHasNoMargin, className, gradients, onChange, value, clearable, disableCustomGradients, __experimentalIsRenderedInSidebar, headingLevel, }: {
-    __nextHasNoMargin?: boolean | undefined;
-    className: any;
-    gradients: any;
-    onChange: any;
-    value: any;
-    clearable?: boolean | undefined;
-    disableCustomGradients?: boolean | undefined;
-    __experimentalIsRenderedInSidebar: any;
-    headingLevel?: number | undefined;
-}): JSX.Element;
+/// <reference types="react" />
+import type { GradientPickerComponentProps } from './types';
+/**
+ *  GradientPicker is a React component that renders a color gradient picker to
+ * define a multi step gradient. There's either a _linear_ or a _radial_ type
+ * available.
+ *
+ * ```jsx
+ *import { GradientPicker } from '@wordpress/components';
+ *import { useState } from '@wordpress/element';
+ *
+ *const myGradientPicker = () => {
+ *	const [ gradient, setGradient ] = useState( null );
+ *
+ *	return (
+ *		<GradientPicker
+ *			__nextHasNoMargin
+ *			value={ gradient }
+ *			onChange={ ( currentGradient ) => setGradient( currentGradient ) }
+ *			gradients={ [
+ *				{
+ *					name: 'JShine',
+ *					gradient:
+ *						'linear-gradient(135deg,#12c2e9 0%,#c471ed 50%,#f64f59 100%)',
+ *					slug: 'jshine',
+ *				},
+ *				{
+ *					name: 'Moonlit Asteroid',
+ *					gradient:
+ *						'linear-gradient(135deg,#0F2027 0%, #203A43 0%, #2c5364 100%)',
+ *					slug: 'moonlit-asteroid',
+ *				},
+ *				{
+ *					name: 'Rastafarie',
+ *					gradient:
+ *						'linear-gradient(135deg,#1E9600 0%, #FFF200 0%, #FF0000 100%)',
+ *					slug: 'rastafari',
+ *				},
+ *			] }
+ *		/>
+ *	);
+ *};
+ *```
+ *
+ */
+export declare function GradientPicker({ 
+/** Start opting into the new margin-free styles that will become the default in a future version. */
+__nextHasNoMargin, className, gradients, onChange, value, clearable, disableCustomGradients, __experimentalIsRenderedInSidebar, headingLevel, }: GradientPickerComponentProps): JSX.Element;
+export default GradientPicker;
 //# sourceMappingURL=index.d.ts.map

package/build-types/gradient-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/gradient-picker/index.js"],"names":[],"mappings":"AA6GA;;;;;;;;;;gBAyEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/gradient-picker/index.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EACX,4BAA4B,EAI5B,MAAM,SAAS,CAAC;AAsGjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,cAAc,CAAE;AAC/B,qGAAqG;AACrG,iBAAyB,EACzB,SAAS,EACT,SAAc,EACd,QAAQ,EACR,KAAK,EACL,SAAgB,EAChB,sBAA8B,EAC9B,iCAAiC,EACjC,YAAgB,GAChB,EAAE,4BAA4B,eA0D9B;AAED,eAAe,cAAc,CAAC"}

package/build-types/gradient-picker/stories/index.d.ts

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

package/build-types/gradient-picker/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/gradient-picker/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMtE;;GAEG;AACH,OAAO,cAAc,MAAM,IAAI,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,cAAc,CAW/C,CAAC;AACF,eAAe,IAAI,CAAC;AA2DpB,eAAO,MAAM,OAAO,uCAAsB,CAAC;AAM3C,eAAO,MAAM,uBAAuB,uCAAsB,CAAC;AAM3D,eAAO,MAAM,eAAe,uCAAsB,CAAC"}

package/build-types/gradient-picker/types.d.ts

@@ -0,0 +1,87 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { HeadingSize } from '../heading/types';
+export type GradientObject = {
+    gradient: string;
+    name: string;
+    slug: string;
+};
+export type OriginObject = {
+    name: string;
+    gradients: GradientObject[];
+};
+export type GradientsProp = GradientObject[] | OriginObject[];
+type GradientPickerBaseProps = {
+    /**
+     * The class name added to the wrapper.
+     */
+    className?: string;
+    /**
+     * The function called when a new gradient has been defined. It is passed to
+     * the `currentGradient` as an argument.
+     */
+    onChange: (currentGradient: string | undefined) => void;
+    /**
+     * The current value of the gradient. Pass a css gradient string (See default value for example).
+     * Optionally pass in a `null` value to specify no gradient is currently selected.
+     *
+     * @default 'linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)'
+     */
+    value?: GradientObject['gradient'] | null;
+    /**
+     * Whether the palette should have a clearing button or not.
+     *
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * The heading level. Only applies in cases where gradients are provided
+     * from multiple origins (ie. when the array passed as the `gradients` prop
+     * contains two or more items).
+     *
+     * @default 2
+     */
+    headingLevel?: HeadingSize;
+};
+export type GradientPickerComponentProps = GradientPickerBaseProps & {
+    /**
+     * An array of objects as predefined gradients displayed above the gradient
+     * selector. Alternatively, if there are multiple sets (or 'origins') of
+     * gradients, you can pass an array of objects each with a `name` and a
+     * `gradients` array which will in turn contain the predefined gradient objects.
+     *
+     * @default []
+     */
+    gradients?: GradientsProp;
+    /**
+     * Start opting in to the new margin-free styles that will become the default
+     * in a future version, currently scheduled to be WordPress 6.4. (The prop
+     * can be safely removed once this happens.)
+     *
+     * @default false
+     */
+    __nextHasNoMargin?: boolean;
+    /**
+     * If true, the gradient picker will not be displayed and only defined
+     * gradients from `gradients` will be shown.
+     *
+     * @default false
+     */
+    disableCustomGradients?: boolean;
+    /**
+     * Whether this is rendered in the sidebar.
+     *
+     * @default false
+     */
+    __experimentalIsRenderedInSidebar?: boolean;
+};
+export type PickerProps<TOriginType extends GradientObject | OriginObject> = GradientPickerBaseProps & {
+    clearGradient: () => void;
+    onChange: (currentGradient: string | undefined, index: number) => void;
+    actions?: React.ReactNode;
+    gradients: TOriginType[];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/gradient-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/gradient-picker/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AACF,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,cAAc,EAAE,CAAA;CAAE,CAAC;AACzE,MAAM,MAAM,aAAa,GAAG,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;AAE9D,KAAK,uBAAuB,GAAG;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,CAAE,eAAe,EAAE,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;IAC1D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,cAAc,CAAE,UAAU,CAAE,GAAG,IAAI,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,uBAAuB,GAAG;IACpE;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,WAAW,CAAE,WAAW,SAAS,cAAc,GAAG,YAAY,IACzE,uBAAuB,GAAG;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,CACT,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,KAAK,EAAE,MAAM,KACT,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,WAAW,EAAE,CAAC;CACzB,CAAC"}

package/build-types/palette-edit/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette-edit/index.tsx"],"names":[],"mappings":";AA4CA,OAAO,KAAK,EAOX,gBAAgB,EAChB,cAAc,EACd,MAAM,SAAS,CAAC;AAejB;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,MAAM,UAqBlB;AAkOD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAE,EAC5B,SAAS,EACT,MAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,wBAA4B,EAC5B,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,UAAe,GACf,EAAE,gBAAgB,eA6OlB;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette-edit/index.tsx"],"names":[],"mappings":";AA4CA,OAAO,KAAK,EAOX,gBAAgB,EAChB,cAAc,EACd,MAAM,SAAS,CAAC;AAejB;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,MAAM,UAqBlB;AAkOD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAE,EAC5B,SAAS,EACT,MAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,wBAA4B,EAC5B,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,UAAe,GACf,EAAE,gBAAgB,eA4OlB;AAED,eAAe,WAAW,CAAC"}

package/build-types/resizable-box/resize-tooltip/utils.d.ts

@@ -4,7 +4,7 @@ export declare const POSITIONS: {
     readonly bottom: "bottom";
     readonly corner: "corner";
 };
-export type Position = typeof POSITIONS[keyof typeof POSITIONS];
+export type Position = (typeof POSITIONS)[keyof typeof POSITIONS];
 interface UseResizeLabelProps {
     /** The label value. */
     label?: string;