@wordpress/components 23.3.5 → 23.3.7

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const SelectWrapper: import("@emotion/styled").StyledComponent<import("../../flex/types").FlexBlockProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "display" | "children" | "as" | keyof import("react").RefAttributes<any>> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const AccessoryWrapper: import("@emotion/styled").StyledComponent<import("../../flex/types").FlexBlockProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "display" | "children" | "as" | keyof import("react").RefAttributes<any>> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+//# sourceMappingURL=custom-gradient-picker-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom-gradient-picker-styles.d.ts","sourceRoot":"","sources":["../../../src/custom-gradient-picker/styles/custom-gradient-picker-styles.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,aAAa;;;;UAEzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;UAE5B,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=serializer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"serializer.d.ts","sourceRoot":"","sources":["../../../src/custom-gradient-picker/test/serializer.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,118 @@
+/// <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;
+};
+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":"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"}

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

@@ -0,0 +1,13 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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/date-time/date/test/utils.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/build-types/date-time/date/test/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/date-time/date/test/utils.ts"],"names":[],"mappings":""}

package/build-types/date-time/date/utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * External dependencies
+ */
+import moment from 'moment';
+/**
+ * Create a Moment object from a date string. With no date supplied, default to
+ * a Moment object representing now. If a null value is passed, return a null
+ * value.
+ *
+ * @param  [date] Date representing the currently selected
+ *                date or null to signify no selection.
+ * @return Moment object for selected date or null.
+ */
+export declare const getMomentDate: (date?: string | number | Date | null | undefined) => moment.Moment | null;
+//# sourceMappingURL=utils.d.ts.map

package/build-types/date-time/date/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/date-time/date/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,MAAM,MAAM,QAAQ,CAAC;AAE5B;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,4EAKzB,CAAC"}

package/build-types/date-time/date.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { DatePickerProps } from './types';
+/**
+ * DatePicker is a React component that renders a calendar for date selection.
+ *
+ * ```jsx
+ * import { DatePicker } from '@wordpress/components';
+ * import { useState } from '@wordpress/element';
+ *
+ * const MyDatePicker = () => {
+ *   const [ date, setDate ] = useState( new Date() );
+ *
+ *   return (
+ *     <DatePicker
+ *       currentDate={ date }
+ *       onChange={ ( newDate ) => setDate( newDate ) }
+ *     />
+ *   );
+ * };
+ * ```
+ */
+export declare function DatePicker({ currentDate, onChange, events, isInvalidDate, onMonthPreviewed, }: DatePickerProps): JSX.Element;
+export default DatePicker;
+//# sourceMappingURL=date.d.ts.map

package/build-types/date-time/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/date-time/date.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAsB,eAAe,EAAE,MAAM,SAAS,CAAC;AAuDnE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAE,EAC3B,WAAW,EACX,QAAQ,EACR,MAAM,EACN,aAAa,EACb,gBAAgB,GAChB,EAAE,eAAe,eAwGjB;AAED,eAAe,UAAU,CAAC"}

package/build-types/date-time/stories/index.d.ts

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

package/build-types/date-time/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,cAAc,MAAM,IAAI,CAAC;AAGhC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,cAAc,CAW/C,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,cAAc,CAE1D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAAc,CACtC,OAAO,cAAc,CACC,CAAC;AAWxB,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAC5C,OAAO,cAAc,CACC,CAAC"}

package/build-types/date-time/test/date.d.ts

@@ -0,0 +1,2 @@
+import 'react-dates/initialize';
+//# sourceMappingURL=date.d.ts.map

package/build-types/date-time/test/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../src/date-time/test/date.tsx"],"names":[],"mappings":"AAMA,OAAO,wBAAwB,CAAC"}

package/build-types/date-time/test/time.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=time.d.ts.map

package/build-types/date-time/test/time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../../src/date-time/test/time.tsx"],"names":[],"mappings":""}

package/build-types/date-time/test/utils.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/build-types/date-time/test/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/date-time/test/utils.ts"],"names":[],"mappings":""}

package/build-types/date-time/time.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import type { TimePickerProps } from './types';
+/**
+ * TimePicker is a React component that renders a clock for time selection.
+ *
+ * ```jsx
+ * import { TimePicker } from '@wordpress/components';
+ * import { useState } from '@wordpress/element';
+ *
+ * const MyTimePicker = () => {
+ *   const [ time, setTime ] = useState( new Date() );
+ *
+ *   return (
+ *     <TimePicker
+ *       currentTime={ date }
+ *       onChange={ ( newTime ) => setTime( newTime ) }
+ *       is12Hour
+ *     />
+ *   );
+ * };
+ * ```
+ */
+export declare function TimePicker({ is12Hour, currentTime, onChange, }: TimePickerProps): JSX.Element;
+export default TimePicker;
+//# sourceMappingURL=time.d.ts.map

package/build-types/date-time/time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/date-time/time.tsx"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EAAmC,eAAe,EAAE,MAAM,SAAS,CAAC;AAuDhF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAE,EAC3B,QAAQ,EACR,WAAW,EACX,QAAQ,GACR,EAAE,eAAe,eAoNjB;AAED,eAAe,UAAU,CAAC"}

package/build-types/date-time/timezone.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Displays timezone information when user timezone is different from site
+ * timezone.
+ */
+declare const TimeZone: () => JSX.Element | null;
+export default TimeZone;
+//# sourceMappingURL=timezone.d.ts.map

package/build-types/date-time/timezone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone.d.ts","sourceRoot":"","sources":["../../src/date-time/timezone.tsx"],"names":[],"mappings":"AAWA;;;GAGG;AACH,QAAA,MAAM,QAAQ,0BA4Bb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build-types/dimension-control/index.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import type { DimensionControlProps } from './types';
+/**
+ * `DimensionControl` is a component designed to provide a UI to control spacing and/or dimensions.
+ *
+ * This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
+ *
+ * ```jsx
+ * import { useState } from 'react';
+ * import { __experimentalDimensionControl as DimensionControl } from '@wordpress/components';
+ *
+ * export default function MyCustomDimensionControl() {
+ * 	const [ paddingSize, setPaddingSize ] = useState( '' );
+ *
+ * 	return (
+ * 		<DimensionControl
+ * 			label={ 'Padding' }
+ * 			icon={ 'desktop' }
+ * 			onChange={ ( value ) => setPaddingSize( value ) }
+ * 			value={ paddingSize }
+ * 		/>
+ * 	);
+ * }
+ * ```
+ */
+export declare function DimensionControl(props: DimensionControlProps): JSX.Element;
+export default DimensionControl;
+//# sourceMappingURL=index.d.ts.map

package/build-types/dimension-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dimension-control/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,qBAAqB,EAAQ,MAAM,SAAS,CAAC;AAG3D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,gBAAgB,CAAE,KAAK,EAAE,qBAAqB,eAwD7D;AAED,eAAe,gBAAgB,CAAC"}

package/build-types/dimension-control/sizes.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Sizes
+ *
+ * defines the sizes used in dimension controls
+ * all hardcoded `size` values are based on the value of
+ * the Sass variable `$block-padding` from
+ * `packages/block-editor/src/components/dimension-control/sizes.js`.
+ */
+/**
+ * Internal dependencies
+ */
+import type { Size } from './types';
+/**
+ * Finds the correct size object from the provided sizes
+ * table by size slug (eg: `medium`)
+ *
+ * @param sizes containing objects for each size definition.
+ * @param slug  a string representation of the size (eg: `medium`).
+ */
+export declare const findSizeBySlug: (sizes: Size[], slug: string) => Size | undefined;
+declare const _default: {
+    name: string;
+    slug: string;
+}[];
+export default _default;
+//# sourceMappingURL=sizes.d.ts.map

package/build-types/dimension-control/sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/dimension-control/sizes.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAY,IAAI,EAAE,QAAQ,MAAM,qBACd,CAAC;;;;;AAE9C,wBAqBE"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dimension-control/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACtE;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;;AAQtC,wBAqB8C;AAM9C,eAAO,MAAM,OAAO,yCAAsB,CAAC"}

package/build-types/dimension-control/types.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Internal dependencies
+ */
+import type { IconType } from '../icon';
+export type Size = {
+    /**
+     * Human-readable name of the size.
+     */
+    name: string;
+    /**
+     * Short unique identifying name of the size.
+     */
+    slug: string;
+};
+export type DimensionControlProps = {
+    /**
+     * Label for the control.
+     */
+    label: string;
+    /**
+     * An array of sizes to choose from.
+     *
+     * @default DEFAULT_SIZES
+     *
+     * @see packages/components/src/dimension-control/sizes.ts
+     */
+    sizes?: Size[];
+    /**
+     * Optional icon rendered in front on the label.
+     */
+    icon?: IconType;
+    /**
+     * Used to externally control the current value of the control.
+     */
+    value?: string;
+    /**
+     * Function called with the control's internal state changes. The `value` property is equal to a given size slug.
+     */
+    onChange?: (value?: string) => void;
+    /**
+     * CSS class applied to `SelectControl`.
+     *
+     * @default ''
+     */
+    className?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/build-types/dimension-control/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dimension-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,IAAI,GAAG;IAClB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ColorListPickerProps } from './types';
+declare function ColorListPicker({ colors, labels, value, disableCustomColors, enableAlpha, onChange, }: ColorListPickerProps): JSX.Element;
+export default ColorListPicker;
+//# sourceMappingURL=index.d.ts.map

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/duotone-picker/color-list-picker/types.d.ts

@@ -0,0 +1,42 @@
+/**
+ * External dependencies
+ */
+import type { CSSProperties } from 'react';
+export type ColorListPickerProps = {
+    /**
+     * 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.
+     */
+    colors: Array<{
+        name: string;
+        color: NonNullable<CSSProperties['color']>;
+    }>;
+    /**
+     * A list of labels for each of the options displayed in the UI.
+     */
+    labels: Array<string>;
+    /**
+     * An array containing the currently selected colors.
+     */
+    value?: Array<string>;
+    /**
+     * Controls whether the custom color picker is displayed.
+     */
+    disableCustomColors?: boolean;
+    /**
+     * Controls whether the ColorPalette should show an alpha channel control.
+     */
+    enableAlpha?: boolean;
+    /**
+     * A function that receives the updated color value.
+     */
+    onChange: (newValue: Array<string | undefined>) => void;
+};
+export type ColorOptionProps = Pick<ColorListPickerProps, 'colors' | 'disableCustomColors' | 'enableAlpha'> & {
+    label: ColorListPickerProps['labels'][number];
+    value: string | undefined;
+    onChange: (newValue: string | undefined) => void;
+};
+//# sourceMappingURL=types.d.ts.map

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"}