@wordpress/components 23.3.6 → 23.3.7

package/build-types/tree-grid/index.d.ts

@@ -0,0 +1,70 @@
+/// <reference types="react" />
+import type { TreeGridProps } from './types';
+/**
+ * `TreeGrid` is used to create a tree hierarchy.
+ * It is not a visually styled component, but instead helps with adding
+ * keyboard navigation and roving tab index behaviors to tree grid structures.
+ *
+ * A tree grid is a hierarchical 2 dimensional UI component, for example it could be
+ * used to implement a file system browser.
+ *
+ * A tree grid allows the user to navigate using arrow keys.
+ * Up/down to navigate vertically across rows, and left/right to navigate horizontally
+ * between focusables in a row.
+ *
+ * The `TreeGrid` renders both a `table` and `tbody` element, and is intended to be used
+ * with `TreeGridRow` (`tr`) and `TreeGridCell` (`td`) to build out a grid.
+ *
+ * ```jsx
+ * function TreeMenu() {
+ * 	return (
+ * 		<TreeGrid>
+ * 			<TreeGridRow level={ 1 } positionInSet={ 1 } setSize={ 2 }>
+ * 				<TreeGridCell>
+ * 					{ ( props ) => (
+ * 						<Button onClick={ onSelect } { ...props }>Select</Button>
+ * 					) }
+ * 				</TreeGridCell>
+ * 				<TreeGridCell>
+ * 					{ ( props ) => (
+ * 						<Button onClick={ onMove } { ...props }>Move</Button>
+ * 					) }
+ * 				</TreeGridCell>
+ * 			</TreeGridRow>
+ * 			<TreeGridRow level={ 1 } positionInSet={ 2 } setSize={ 2 }>
+ * 				<TreeGridCell>
+ * 					{ ( props ) => (
+ * 						<Button onClick={ onSelect } { ...props }>Select</Button>
+ * 					) }
+ * 				</TreeGridCell>
+ * 				<TreeGridCell>
+ * 					{ ( props ) => (
+ * 						<Button onClick={ onMove } { ...props }>Move</Button>
+ * 					) }
+ * 				</TreeGridCell>
+ * 			</TreeGridRow>
+ * 			<TreeGridRow level={ 2 } positionInSet={ 1 } setSize={ 1 }>
+ * 				<TreeGridCell>
+ * 					{ ( props ) => (
+ * 						<Button onClick={ onSelect } { ...props }>Select</Button>
+ * 					) }
+ * 				</TreeGridCell>
+ * 				<TreeGridCell>
+ * 					{ ( props ) => (
+ * 						<Button onClick={ onMove } { ...props }>Move</Button>
+ * 					) }
+ * 				</TreeGridCell>
+ * 			</TreeGridRow>
+ * 		</TreeGrid>
+ * 	);
+ * }
+ * ```
+ *
+ * @see {@link https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html}
+ */
+export declare const TreeGrid: import("react").ForwardRefExoticComponent<TreeGridProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "key" | keyof import("react").TableHTMLAttributes<HTMLTableElement>>, "as" | keyof TreeGridProps> & import("react").RefAttributes<HTMLTableElement>>;
+export default TreeGrid;
+export { default as TreeGridRow } from './row';
+export { default as TreeGridCell } from './cell';
+export { default as TreeGridItem } from './item';
+//# sourceMappingURL=index.d.ts.map

package/build-types/tree-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree-grid/index.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA0T7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,eAAO,MAAM,QAAQ,sUAAoC,CAAC;AAE1D,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,QAAQ,CAAC"}

package/build-types/tree-grid/item.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { RovingTabIndexItemProps } from './types';
+/**
+ * `TreeGridItem` is used to create a tree hierarchy.
+ * It is not a visually styled component, but instead helps with adding
+ * keyboard navigation and roving tab index behaviors to tree grid structures.
+ *
+ * @see {@link https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html}
+ */
+export declare const TreeGridItem: import("react").ForwardRefExoticComponent<Pick<RovingTabIndexItemProps, keyof RovingTabIndexItemProps> & import("react").RefAttributes<any>>;
+export default TreeGridItem;
+//# sourceMappingURL=item.d.ts.map

package/build-types/tree-grid/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../src/tree-grid/item.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAavD;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,8IAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}

package/build-types/tree-grid/roving-tab-index-context.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const useRovingTabIndexContext: () => {
+    lastFocusedElement: HTMLElement | undefined;
+    setLastFocusedElement: React.Dispatch<React.SetStateAction<HTMLElement | undefined>>;
+} | undefined;
+export declare const RovingTabIndexProvider: import("react").Provider<{
+    lastFocusedElement: HTMLElement | undefined;
+    setLastFocusedElement: React.Dispatch<React.SetStateAction<HTMLElement | undefined>>;
+} | undefined>;
+//# sourceMappingURL=roving-tab-index-context.d.ts.map

package/build-types/tree-grid/roving-tab-index-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-tab-index-context.d.ts","sourceRoot":"","sources":["../../src/tree-grid/roving-tab-index-context.ts"],"names":[],"mappings":";AAcA,eAAO,MAAM,wBAAwB;wBAPd,WAAW,GAAG,SAAS;2BACpB,MAAM,QAAQ,CACpC,MAAM,cAAc,CAAE,WAAW,GAAG,SAAS,CAAE,CAC/C;aAKgC,CAAC;AACrC,eAAO,MAAM,sBAAsB;wBATZ,WAAW,GAAG,SAAS;2BACpB,MAAM,QAAQ,CACpC,MAAM,cAAc,CAAE,WAAW,GAAG,SAAS,CAAE,CAC/C;cAMgE,CAAC"}

package/build-types/tree-grid/roving-tab-index-item.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { RovingTabIndexItemProps } from './types';
+export declare const RovingTabIndexItem: import("react").ForwardRefExoticComponent<Pick<RovingTabIndexItemProps, keyof RovingTabIndexItemProps> & import("react").RefAttributes<any>>;
+export default RovingTabIndexItem;
+//# sourceMappingURL=roving-tab-index-item.d.ts.map

package/build-types/tree-grid/roving-tab-index-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-tab-index-item.d.ts","sourceRoot":"","sources":["../../src/tree-grid/roving-tab-index-item.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,kBAAkB,8IAoC9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build-types/tree-grid/roving-tab-index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * Provider for adding roving tab index behaviors to tree grid structures.
+ *
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/components/src/tree-grid/README.md
+ */
+export default function RovingTabIndex({ children, }: {
+    children: React.ReactNode;
+}): JSX.Element;
+//# sourceMappingURL=roving-tab-index.d.ts.map

package/build-types/tree-grid/roving-tab-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-tab-index.d.ts","sourceRoot":"","sources":["../../src/tree-grid/roving-tab-index.tsx"],"names":[],"mappings":";AAUA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAE,EACvC,QAAQ,GACR,EAAE;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,eAiBA"}

package/build-types/tree-grid/row.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { TreeGridRowProps } from './types';
+/**
+ * `TreeGridRow` is used to create a tree hierarchy.
+ * It is not a visually styled component, but instead helps with adding
+ * keyboard navigation and roving tab index behaviors to tree grid structures.
+ *
+ * @see {@link https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html}
+ */
+export declare const TreeGridRow: import("react").ForwardRefExoticComponent<TreeGridRowProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "key" | keyof import("react").HTMLAttributes<HTMLTableRowElement>>, "as" | keyof TreeGridRowProps> & import("react").RefAttributes<HTMLTableRowElement>>;
+export default TreeGridRow;
+//# sourceMappingURL=row.d.ts.map

package/build-types/tree-grid/row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../src/tree-grid/row.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4BhD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,8UAAuC,CAAC;AAEhE,eAAe,WAAW,CAAC"}

package/build-types/tree-grid/stories/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import TreeGrid from '..';
+declare const meta: ComponentMeta<typeof TreeGrid>;
+export default meta;
+export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<import("../types").TreeGridProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "key" | keyof import("react").TableHTMLAttributes<HTMLTableElement>>, "as" | keyof import("../types").TreeGridProps> & import("react").RefAttributes<HTMLTableElement>>>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/tree-grid/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tree-grid/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,QAAuC,MAAM,IAAI,CAAC;AAIzD,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,QAAQ,CAWzC,CAAC;AACF,eAAe,IAAI,CAAC;AA+GpB,eAAO,MAAM,OAAO,4XAAsB,CAAC"}

package/build-types/tree-grid/test/cell.d.ts

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

package/build-types/tree-grid/test/cell.d.ts.map

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

package/build-types/tree-grid/test/index.d.ts

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

package/build-types/tree-grid/test/index.d.ts.map

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

package/build-types/tree-grid/test/roving-tab-index-item.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=roving-tab-index-item.d.ts.map

package/build-types/tree-grid/test/roving-tab-index-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-tab-index-item.d.ts","sourceRoot":"","sources":["../../../src/tree-grid/test/roving-tab-index-item.tsx"],"names":[],"mappings":""}

package/build-types/tree-grid/test/roving-tab-index.d.ts

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

package/build-types/tree-grid/test/roving-tab-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-tab-index.d.ts","sourceRoot":"","sources":["../../../src/tree-grid/test/roving-tab-index.tsx"],"names":[],"mappings":""}

package/build-types/tree-grid/test/row.d.ts

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

package/build-types/tree-grid/test/row.d.ts.map

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

package/build-types/tree-grid/types.d.ts

@@ -0,0 +1,116 @@
+/// <reference types="react" />
+export type TreeGridRowProps = {
+    /**
+     * The children to be rendered in the row.
+     */
+    children: React.ReactNode;
+    /**
+     * An integer value designating the level in the hierarchical tree structure.
+     * Counting starts at 1. A value of `1` indicates the root level of the structure.
+     */
+    level: NonNullable<React.AriaAttributes['aria-level']>;
+    /**
+     * An integer value that represents the position in the set.
+     * A set is the count of elements at a specific level. Counting starts at 1.
+     */
+    positionInSet: NonNullable<React.AriaAttributes['aria-posinset']>;
+    /**
+     * An integer value that represents the total number of items in the set,
+     * at this specific level of the hierarchy.
+     */
+    setSize: NonNullable<React.AriaAttributes['aria-setsize']>;
+    /**
+     * An optional value that designates whether a row is expanded or collapsed.
+     * Currently this value only sets the correct aria-expanded property on a row,
+     * it has no other built-in behavior.
+     *
+     * If there is a need to implement `aria-expanded` elsewhere in the row, cell,
+     * or element within a cell, you may pass `isExpanded={ undefined }`.
+     * In order for keyboard navigation to continue working, add the
+     * `data-expanded` attribute with either `true`/`false`. This allows the
+     * `TreeGrid` component to still manage keyboard interactions while allowing
+     * the `aria-expanded` attribute to be placed elsewhere.
+     */
+    isExpanded?: boolean;
+};
+type RovingTabIndexItemPassThruProps = {
+    ref: React.ForwardedRef<any>;
+    tabIndex?: number;
+    onFocus: React.FocusEventHandler<any>;
+    [key: string]: any;
+};
+export type RovingTabIndexItemProps = {
+    /**
+     * A render function that receives the props necessary to make it participate in the
+     * roving tabindex. Any extra props will also be passed through to this function.
+     *
+     * Props passed as an argument to the render prop must be passed to the child
+     * focusable component/element within the cell. If a component is used, it must
+     * correctly handle the `onFocus`, `tabIndex`, and `ref` props, passing these to the
+     * element it renders. These props are used to handle the roving tabindex functionality
+     * of the tree grid.
+     *
+     * ```jsx
+     * <TreeGridCell>
+     * 	{ ( props ) => (
+     * 		<Button onClick={ doSomething } { ...props }>
+     * 			Do something
+     * 		</Button>
+     * 	) }
+     * </TreeGridCell>
+     * ```
+     */
+    children?: (props: RovingTabIndexItemPassThruProps) => JSX.Element;
+    /**
+     * If `children` is not a function, this component will be used instead.
+     */
+    as?: React.ComponentType<RovingTabIndexItemPassThruProps>;
+    [key: string]: any;
+};
+export type TreeGridCellProps = ({
+    /**
+     * Render `children` without wrapping it in a `TreeGridItem` component.
+     * This means that `children` will not participate in the roving tabindex.
+     *
+     * @default false
+     */
+    withoutGridItem?: false;
+} & NonNullable<Pick<RovingTabIndexItemProps, 'children'>>) | {
+    children: React.ReactNode;
+    withoutGridItem: true;
+};
+export type TreeGridProps = {
+    /**
+     * Label to use for the element with the `application` role.
+     */
+    applicationAriaLabel?: string;
+    /**
+     * The children to be rendered in the tree grid.
+     */
+    children: React.ReactNode;
+    /**
+     * Callback to fire when row is expanded.
+     *
+     * @default noop
+     */
+    onExpandRow?: (row: HTMLElement) => void;
+    /**
+     * Callback to fire when row is collapsed.
+     *
+     * @default noop
+     */
+    onCollapseRow?: (row: HTMLElement) => void;
+    /**
+     * Callback that fires when focus is shifted from one row to another via
+     * the Up and Down keys. Callback is also fired on Home and End keys which
+     * move focus from the beginning row to the end row.
+     *
+     * The callback is passed the event, the start row element that the focus was on
+     * originally, and the destination row element after the focus has moved.
+     *
+     * @default noop
+     */
+    onFocusRow?: (event: React.KeyboardEvent<HTMLTableElement>, startRow: HTMLElement, destinationRow: HTMLElement) => void;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/tree-grid/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tree-grid/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,KAAK,EAAE,WAAW,CAAE,KAAK,CAAC,cAAc,CAAE,YAAY,CAAE,CAAE,CAAC;IAC3D;;;OAGG;IACH,aAAa,EAAE,WAAW,CAAE,KAAK,CAAC,cAAc,CAAE,eAAe,CAAE,CAAE,CAAC;IACtE;;;OAGG;IACH,OAAO,EAAE,WAAW,CAAE,KAAK,CAAC,cAAc,CAAE,cAAc,CAAE,CAAE,CAAC;IAC/D;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,+BAA+B,GAAG;IACtC,GAAG,EAAE,KAAK,CAAC,YAAY,CAAE,GAAG,CAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAE,GAAG,CAAE,CAAC;IACxC,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACrC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,+BAA+B,KAAM,GAAG,CAAC,OAAO,CAAC;IACrE;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,+BAA+B,CAAE,CAAC;IAC5D,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAC1B,CAAE;IACF;;;;;OAKG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;CACvB,GAAG,WAAW,CAAE,IAAI,CAAE,uBAAuB,EAAE,UAAU,CAAE,CAAE,CAAE,GAChE;IACA,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,EAAE,IAAI,CAAC;CACrB,CAAC;AAEL,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAE,GAAG,EAAE,WAAW,KAAM,IAAI,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAE,GAAG,EAAE,WAAW,KAAM,IAAI,CAAC;IAC7C;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,CACZ,KAAK,EAAE,KAAK,CAAC,aAAa,CAAE,gBAAgB,CAAE,EAC9C,QAAQ,EAAE,WAAW,EACrB,cAAc,EAAE,WAAW,KACvB,IAAI,CAAC;CACV,CAAC"}

package/build-types/ui/color-picker/color-display.d.ts

@@ -0,0 +1,13 @@
+/**
+ * External dependencies
+ */
+import { ColorFormats } from 'tinycolor2';
+import type { ColorType } from './types';
+interface ColorDisplayProps {
+    color: ColorFormats.HSLA;
+    colorType: ColorType;
+    enableAlpha: boolean;
+}
+export declare const ColorDisplay: ({ color, colorType, enableAlpha, }: ColorDisplayProps) => JSX.Element;
+export {};
+//# sourceMappingURL=color-display.d.ts.map

package/build-types/ui/color-picker/color-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-display.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/color-display.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAepD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,UAAU,iBAAiB;IAC1B,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;CACrB;AAqFD,eAAO,MAAM,YAAY,uCAItB,iBAAiB,gBA8DnB,CAAC"}

package/build-types/ui/color-picker/color-input.d.ts

@@ -0,0 +1,13 @@
+/**
+ * External dependencies
+ */
+import type { ColorFormats } from 'tinycolor2';
+interface ColorInputProps {
+    colorType: 'hsl' | 'hex' | 'rgb';
+    color: ColorFormats.HSLA;
+    onChange: (value: ColorFormats.HSLA) => void;
+    enableAlpha: boolean;
+}
+export declare const ColorInput: ({ colorType, color, onChange, enableAlpha, }: ColorInputProps) => JSX.Element;
+export {};
+//# sourceMappingURL=color-input.d.ts.map

package/build-types/ui/color-picker/color-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-input.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/color-input.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAS/C,UAAU,eAAe;IACxB,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACjC,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAE,KAAK,EAAE,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;IAC/C,WAAW,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,iDAKpB,eAAe,gBAWjB,CAAC"}

package/build-types/ui/color-picker/component.d.ts

@@ -0,0 +1,12 @@
+import type { ColorFormats } from 'tinycolor2';
+import type { ColorType } from './types';
+export interface ColorPickerProps {
+    enableAlpha?: boolean;
+    color?: ColorFormats.HSL | ColorFormats.HSLA;
+    onChange?: (color: ColorFormats.HSL | ColorFormats.HSLA) => void;
+    defaultValue?: ColorFormats.HSL | ColorFormats.HSLA;
+    copyFormat?: ColorType;
+}
+declare const ConnectedColorPicker: import("../context").WordPressComponent<"div", ColorPickerProps, false>;
+export default ConnectedColorPicker;
+//# sourceMappingURL=component.d.ts.map

package/build-types/ui/color-picker/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AA+B/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;IACnE,YAAY,CAAC,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,SAAS,CAAC;CACvB;AAsGD,QAAA,MAAM,oBAAoB,yEAA+C,CAAC;AAE1E,eAAe,oBAAoB,CAAC"}

package/build-types/ui/color-picker/hex-input.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import { ColorFormats } from 'tinycolor2';
+interface HexInputProps {
+    color: ColorFormats.HSLA;
+    onChange: (value: ColorFormats.HSLA) => void;
+    enableAlpha: boolean;
+}
+export declare const HexInput: ({ color, onChange, enableAlpha }: HexInputProps) => JSX.Element;
+export {};
+//# sourceMappingURL=hex-input.d.ts.map

package/build-types/ui/color-picker/hex-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hex-input.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/hex-input.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAepD,UAAU,aAAa;IACtB,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAE,KAAK,EAAE,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;IAC/C,WAAW,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,qCAAuC,aAAa,gBAkCxE,CAAC"}

package/build-types/ui/color-picker/hsl-input.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import type { ColorFormats } from 'tinycolor2';
+interface HslInputProps {
+    color: ColorFormats.HSLA;
+    onChange: (color: ColorFormats.HSLA) => void;
+    enableAlpha: boolean;
+}
+export declare const HslInput: ({ color, onChange, enableAlpha }: HslInputProps) => JSX.Element;
+export {};
+//# sourceMappingURL=hsl-input.d.ts.map

package/build-types/ui/color-picker/hsl-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hsl-input.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/hsl-input.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAO/C,UAAU,aAAa;IACtB,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAE,KAAK,EAAE,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;IAC/C,WAAW,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,qCAAuC,aAAa,gBAsDxE,CAAC"}

package/build-types/ui/color-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { LegacyAdapter as ColorPicker } from './legacy-adapter';
+//# sourceMappingURL=index.d.ts.map

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

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

package/build-types/ui/color-picker/input-with-slider.d.ts

@@ -0,0 +1,11 @@
+interface InputWithSliderProps {
+    min: number;
+    max: number;
+    value: number;
+    label: string;
+    abbreviation: string;
+    onChange: (value: number) => void;
+}
+export declare const InputWithSlider: ({ min, max, label, abbreviation, onChange, value, }: InputWithSliderProps) => JSX.Element;
+export {};
+//# sourceMappingURL=input-with-slider.d.ts.map

package/build-types/ui/color-picker/input-with-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-with-slider.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/input-with-slider.tsx"],"names":[],"mappings":"AASA,UAAU,oBAAoB;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,eAAe,wDAOzB,oBAAoB,gBAiCtB,CAAC"}

package/build-types/ui/color-picker/legacy-adapter.d.ts

@@ -0,0 +1,5 @@
+import { useDeprecatedProps } from './use-deprecated-props';
+declare type LegacyAdapterProps = Parameters<typeof useDeprecatedProps>[0];
+export declare const LegacyAdapter: (props: LegacyAdapterProps) => JSX.Element;
+export {};
+//# sourceMappingURL=legacy-adapter.d.ts.map

package/build-types/ui/color-picker/legacy-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy-adapter.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/legacy-adapter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,aAAK,kBAAkB,GAAG,UAAU,CAAE,OAAO,kBAAkB,CAAE,CAAE,CAAC,CAAE,CAAC;AAEvE,eAAO,MAAM,aAAa,UAAY,kBAAkB,gBAEvD,CAAC"}

package/build-types/ui/color-picker/picker.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import type { ColorFormats } from 'tinycolor2';
+interface PickerProps {
+    color: ColorFormats.HSL | ColorFormats.HSLA;
+    enableAlpha: boolean;
+    onChange: (nextColor: ColorFormats.HSL | ColorFormats.HSLA) => void;
+}
+export declare const Picker: ({ color, enableAlpha, onChange }: PickerProps) => JSX.Element;
+export {};
+//# sourceMappingURL=picker.d.ts.map

package/build-types/ui/color-picker/picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/picker.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG/C,UAAU,WAAW;IACpB,KAAK,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC;IAC5C,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAE,SAAS,EAAE,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,MAAM,qCAAuC,WAAW,gBAapE,CAAC"}

package/build-types/ui/color-picker/rgb-input.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import { ColorFormats } from 'tinycolor2';
+interface RgbInputProps {
+    color: ColorFormats.HSLA;
+    onChange: (color: ColorFormats.HSLA) => void;
+    enableAlpha: boolean;
+}
+export declare const RgbInput: ({ color, onChange, enableAlpha }: RgbInputProps) => JSX.Element;
+export {};
+//# sourceMappingURL=rgb-input.d.ts.map

package/build-types/ui/color-picker/rgb-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgb-input.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/rgb-input.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAOpD,UAAU,aAAa;IACtB,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAE,KAAK,EAAE,YAAY,CAAC,IAAI,KAAM,IAAI,CAAC;IAC/C,WAAW,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,qCAAuC,aAAa,gBAwDxE,CAAC"}

package/build-types/ui/color-picker/styles.d.ts

@@ -0,0 +1,76 @@
+/// <reference types="react" />
+export declare const NumberControlWrapper: import("@emotion/styled").StyledComponent<Pick<{
+    [x: string]: any;
+    __unstableStateReducer?: ((state: any) => any) | undefined;
+    className: any;
+    dragDirection?: string | undefined;
+    hideHTMLArrows?: boolean | undefined;
+    isDragEnabled?: boolean | undefined;
+    isShiftStepEnabled?: boolean | undefined;
+    label: any;
+    max?: number | undefined;
+    min?: number | undefined;
+    required?: boolean | undefined;
+    shiftStep?: number | undefined;
+    step?: number | undefined;
+    type?: string | undefined;
+    value: any;
+}, string | number> & import("react").RefAttributes<any> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const SelectControl: import("@emotion/styled").StyledComponent<Pick<import("../../select-control").SelectControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "key" | keyof import("react").SelectHTMLAttributes<HTMLSelectElement>> & {
+    ref?: ((instance: HTMLSelectElement | null) => void) | import("react").RefObject<HTMLSelectElement> | null | undefined;
+}, "children" | "as" | keyof import("../../select-control").SelectControlProps> & {
+    as?: undefined;
+}, "style" | "name" | "form" | "slot" | "title" | "tabIndex" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "aria-hidden" | "as" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "autoFocus" | "required" | keyof import("../../select-control").SelectControlProps> & import("react").RefAttributes<HTMLSelectElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const RangeControl: import("@emotion/styled").StyledComponent<Pick<{
+    [x: string]: any;
+    afterIcon: any;
+    allowReset?: boolean | undefined;
+    beforeIcon: any;
+    className: any;
+    currentInput: any;
+    color?: string | undefined;
+    disabled?: boolean | undefined;
+    help: any;
+    initialPosition: any;
+    isShiftStepEnabled?: boolean | undefined;
+    label: any;
+    hideLabelFromVision?: boolean | undefined;
+    marks?: boolean | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    onBlur?: ((...args: any[]) => void) | undefined;
+    onChange?: ((...args: any[]) => void) | undefined;
+    onFocus?: ((...args: any[]) => void) | undefined;
+    onMouseMove?: ((...args: any[]) => void) | undefined;
+    onMouseLeave?: ((...args: any[]) => void) | undefined;
+    railColor: any;
+    resetFallbackValue: any;
+    renderTooltipContent?: ((v: any) => any) | undefined;
+    showTooltip: any;
+    shiftStep?: number | undefined;
+    step?: number | undefined;
+    trackColor: any;
+    value: any;
+    withInputField?: boolean | undefined;
+}, string | number> & import("react").RefAttributes<any> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const AuxiliaryColorArtefactWrapper: 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 declare const ColorfulWrapper: 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 declare const DetailsControlButton: import("@emotion/styled").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ColorHexInputControl: import("@emotion/styled").StyledComponent<Pick<import("../../input-control/types").InputControlProps, "step" | "width" | "height" | "style" | "className" | "name" | "value" | "form" | "label" | "slot" | "title" | "pattern" | "tabIndex" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onFocus" | "onBlur" | "disabled" | "onMouseDown" | "onMouseUp" | "aria-hidden" | "as" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "list" | "direction" | "gap" | "wrap" | "expanded" | "justify" | "multiple" | "suffix" | "__unstableInputWidth" | "hideLabelFromVision" | "labelPosition" | "align" | "isReversed" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src" | "type" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer"> & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/build-types/ui/color-picker/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/styles.ts"],"names":[],"mappings":";AAsBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;UAIhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;UAMzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAMxB,CAAC;AAiBF,eAAO,MAAM,6BAA6B;;;yGAEzC,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAgD3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;UAKhC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;UAEhC,CAAC"}

package/build-types/ui/color-picker/types.d.ts

@@ -0,0 +1,2 @@
+export declare type ColorType = 'rgb' | 'hsl' | 'hex';
+//# sourceMappingURL=types.d.ts.map

package/build-types/ui/color-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/color-picker/types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC"}