@wordpress/components 32.2.1-next.v.202602191100.0 → 32.2.1

package/build-types/ui/context/context-connect.d.ts

@@ -0,0 +1,40 @@
+/**
+ * External dependencies
+ */
+import type { ForwardedRef, ReactChild, ReactNode } from 'react';
+import type { WordPressComponentFromProps } from '.';
+type AcceptsTwoArgs<F extends (...args: any) => any, ErrorMessage = never> = Parameters<F>['length'] extends 2 ? {} : ErrorMessage;
+/**
+ * Forwards ref (React.ForwardRef) and "Connects" (or registers) a component
+ * within the Context system under a specified namespace.
+ *
+ * @param Component The component to register into the Context system.
+ * @param namespace The namespace to register the component under.
+ * @return The connected WordPressComponent
+ */
+export declare function contextConnect<C extends (props: any, ref: ForwardedRef<any>) => JSX.Element | null>(Component: C & AcceptsTwoArgs<C, 'Warning: Your component function does not take a ref as the second argument. Did you mean to use `contextConnectWithoutRef`?'>, namespace: string): WordPressComponentFromProps<Parameters<C & AcceptsTwoArgs<C, "Warning: Your component function does not take a ref as the second argument. Did you mean to use `contextConnectWithoutRef`?">>[0], true>;
+/**
+ * "Connects" (or registers) a component within the Context system under a specified namespace.
+ * Does not forward a ref.
+ *
+ * @param Component The component to register into the Context system.
+ * @param namespace The namespace to register the component under.
+ * @return The connected WordPressComponent
+ */
+export declare function contextConnectWithoutRef<P>(Component: (props: P) => JSX.Element | null, namespace: string): WordPressComponentFromProps<P, false>;
+/**
+ * Attempts to retrieve the connected namespace from a component.
+ *
+ * @param Component The component to retrieve a namespace from.
+ * @return The connected namespaces.
+ */
+export declare function getConnectNamespace(Component: ReactChild | undefined | {}): string[];
+/**
+ * Checks to see if a component is connected within the Context system.
+ *
+ * @param Component The component to retrieve a namespace from.
+ * @param match     The namespace to check.
+ */
+export declare function hasConnectNamespace(Component: ReactNode, match: string[] | string): boolean;
+export {};
+//# sourceMappingURL=context-connect.d.ts.map

package/build-types/ui/context/context-connect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-connect.d.ts","sourceRoot":"","sources":["../../../src/ui/context/context-connect.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAajE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,GAAG,CAAC;AAErD,KAAK,cAAc,CAClB,CAAC,SAAS,CAAE,GAAG,IAAI,EAAE,GAAG,KAAM,GAAG,EACjC,YAAY,GAAG,KAAK,IACjB,UAAU,CAAE,CAAC,CAAE,CAAE,QAAQ,CAAE,SAAS,CAAC,GAAG,EAAE,GAAG,YAAY,CAAC;AAM9D;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC7B,CAAC,SAAS,CAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,CAAE,GAAG,CAAE,KAAM,GAAG,CAAC,OAAO,GAAG,IAAI,EAExE,SAAS,EAAE,CAAC,GACX,cAAc,CACb,CAAC,EACD,8HAA8H,CAC9H,EACF,SAAS,EAAE,MAAM,2MAGjB;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAE,CAAC,EAC1C,SAAS,EAAE,CAAE,KAAK,EAAE,CAAC,KAAM,GAAG,CAAC,OAAO,GAAG,IAAI,EAC7C,SAAS,EAAE,MAAM,yCAGjB;AAgDD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAClC,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,EAAE,GACpC,MAAM,EAAE,CAkBV;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAClC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,GACtB,OAAO,CAaT"}

package/build-types/ui/context/context-system-provider.d.ts

@@ -0,0 +1,7 @@
+export const ComponentsContext: import("react").Context<Record<string, any>>;
+export function useComponentsContext(): Record<string, any>;
+export const ContextSystemProvider: import("react").MemoExoticComponent<(<T extends Record<string, any>>({ children, value }: {
+    children: import('react').ReactNode;
+    value: T;
+}) => JSX.Element)>;
+//# sourceMappingURL=context-system-provider.d.ts.map

package/build-types/ui/context/context-system-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-system-provider.d.ts","sourceRoot":"","sources":["../../../src/ui/context/context-system-provider.js"],"names":[],"mappings":"AAwBA,6EAEE;AACK,4DAAkE;AA4EzE;cAdW,OAAO,OAAO,EAAE,SAAS;;MAExB,WAAW,GAYgD"}

package/build-types/ui/context/get-styled-class-name-from-key.d.ts

@@ -0,0 +1,2 @@
+export declare const getStyledClassNameFromKey: ((namespace: string) => string) & import("memize").MemizeMemoizedFunction;
+//# sourceMappingURL=get-styled-class-name-from-key.d.ts.map

package/build-types/ui/context/get-styled-class-name-from-key.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-styled-class-name-from-key.d.ts","sourceRoot":"","sources":["../../../src/ui/context/get-styled-class-name-from-key.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,yBAAyB,2EAAgC,CAAC"}

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

@@ -0,0 +1,5 @@
+export { ContextSystemProvider, useComponentsContext, } from './context-system-provider';
+export { contextConnect, contextConnectWithoutRef, hasConnectNamespace, getConnectNamespace, } from './context-connect';
+export { useContextSystem } from './use-context-system';
+export * from './wordpress-component';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EACrB,oBAAoB,GACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACN,cAAc,EACd,wBAAwB,EACxB,mBAAmB,EACnB,mBAAmB,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,cAAc,uBAAuB,CAAC"}

package/build-types/ui/context/test/context-connect.d.ts

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

package/build-types/ui/context/test/context-connect.d.ts.map

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

package/build-types/ui/context/test/wordpress-component.d.ts

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

package/build-types/ui/context/test/wordpress-component.d.ts.map

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

package/build-types/ui/context/use-context-system.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @template TProps
+ * @typedef {TProps & { className: string }} ConnectedProps
+ */
+/**
+ * Custom hook that derives registered props from the Context system.
+ * These derived props are then consolidated with incoming component props.
+ *
+ * @template {{ className?: string }} P
+ * @param {P}      props     Incoming props from the component.
+ * @param {string} namespace The namespace to register and to derive context props from.
+ * @return {ConnectedProps<P>} The connected props.
+ */
+export function useContextSystem<P extends {
+    className?: string | undefined;
+}>(props: P, namespace: string): ConnectedProps<P>;
+export type ConnectedProps<TProps> = TProps & {
+    className: string;
+};
+//# sourceMappingURL=use-context-system.d.ts.map

package/build-types/ui/context/use-context-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-context-system.d.ts","sourceRoot":"","sources":["../../../src/ui/context/use-context-system.js"],"names":[],"mappings":"AAaA;;;GAGG;AAEH;;;;;;;;GAQG;AACH;;wBAHW,MAAM,qBA2DhB;qCApEY,MAAM,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE"}

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

@@ -0,0 +1,26 @@
+/**
+ * Creates a dedicated context namespace HTML attribute for components.
+ * ns is short for "namespace"
+ *
+ * @example
+ * ```jsx
+ * <div {...ns('Container')} />
+ * ```
+ *
+ * @param {string} componentName The name for the component.
+ * @return {Record<string, any>} A props object with the namespaced HTML attribute.
+ */
+export function getNamespace(componentName: string): Record<string, any>;
+/**
+ * Creates a dedicated connected context namespace HTML attribute for components.
+ * ns is short for "namespace"
+ *
+ * @example
+ * ```jsx
+ * <div {...cns()} />
+ * ```
+ *
+ * @return {Record<string, any>} A props object with the namespaced HTML attribute.
+ */
+export function getConnectedNamespace(): Record<string, any>;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/context/utils.js"],"names":[],"mappings":"AAKA;;;;;;;;;;;GAWG;AACH,4CAHW,MAAM,GACL,OAAO,MAAM,EAAE,GAAG,CAAC,CAI9B;AAED;;;;;;;;;;GAUG;AACH,yCAFY,OAAO,MAAM,EAAE,GAAG,CAAC,CAI9B"}

package/build-types/ui/context/wordpress-component.d.ts

@@ -0,0 +1,32 @@
+/**
+ * External dependencies
+ */
+import type * as React from 'react';
+export type WordPressComponentProps<
+/** Prop types. */
+P, 
+/** The HTML element to inherit props from. */
+T extends React.ElementType, 
+/** Supports polymorphism through the `as` prop. */
+IsPolymorphic extends boolean = true> = P & Omit<React.ComponentPropsWithoutRef<T>, 'as' | keyof P | 'children'> & (IsPolymorphic extends true ? {
+    /** The HTML element or React component to render the component as. */
+    as?: T | keyof JSX.IntrinsicElements;
+} : {});
+export type WordPressComponent<T extends React.ElementType, O, IsPolymorphic extends boolean> = {
+    <TT extends React.ElementType>(props: WordPressComponentProps<O, TT, IsPolymorphic> & (IsPolymorphic extends true ? {
+        as: TT;
+    } : {})): JSX.Element | null;
+    (props: WordPressComponentProps<O, T, IsPolymorphic>): JSX.Element | null;
+    displayName?: string;
+    /**
+     * A CSS selector used to fake component interpolation in styled components
+     * for components not generated by `styled`. Anything passed to `contextConnect`
+     * will get this property.
+     *
+     * We restrict it to a class to align with the already existing class names that
+     * are generated by the context system.
+     */
+    selector?: `.${string}`;
+};
+export type WordPressComponentFromProps<Props, ForwardsRef extends boolean = true> = Props extends WordPressComponentProps<infer P, infer T, infer I> ? WordPressComponent<T, P & (ForwardsRef extends true ? React.RefAttributes<any> : {}), I> : never;
+//# sourceMappingURL=wordpress-component.d.ts.map

package/build-types/ui/context/wordpress-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wordpress-component.d.ts","sourceRoot":"","sources":["../../../src/ui/context/wordpress-component.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,MAAM,uBAAuB;AAClC,kBAAkB;AAClB,CAAC;AACD,8CAA8C;AAC9C,CAAC,SAAS,KAAK,CAAC,WAAW;AAC3B,mDAAmD;AACnD,aAAa,SAAS,OAAO,GAAG,IAAI,IACjC,CAAC,GAIJ,IAAI,CAAE,KAAK,CAAC,wBAAwB,CAAE,CAAC,CAAE,EAAE,IAAI,GAAG,MAAM,CAAC,GAAG,UAAU,CAAE,GACxE,CAAE,aAAa,SAAS,IAAI,GACzB;IACA,sEAAsE;IACtE,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAC;CACpC,GACD,EAAE,CAAE,CAAC;AAET,MAAM,MAAM,kBAAkB,CAC7B,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,CAAC,EACD,aAAa,SAAS,OAAO,IAC1B;IACH,CAAE,EAAE,SAAS,KAAK,CAAC,WAAW,EAC7B,KAAK,EAAE,uBAAuB,CAAE,CAAC,EAAE,EAAE,EAAE,aAAa,CAAE,GACrD,CAAE,aAAa,SAAS,IAAI,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,GAAG,EAAE,CAAE,GAC/C,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CACC,KAAK,EAAE,uBAAuB,CAAE,CAAC,EAAE,CAAC,EAAE,aAAa,CAAE,GACnD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,IAAK,MAAO,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,2BAA2B,CACtC,KAAK,EACL,WAAW,SAAS,OAAO,GAAG,IAAI,IAC/B,KAAK,SAAS,uBAAuB,CAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAE,GACnE,kBAAkB,CAClB,CAAC,EACD,CAAC,GAAG,CAAE,WAAW,SAAS,IAAI,GAAG,KAAK,CAAC,aAAa,CAAE,GAAG,CAAE,GAAG,EAAE,CAAE,EAClE,CAAC,CACA,GACD,KAAK,CAAC"}

package/build-types/ui/shortcut/component.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface ShortcutDescription {
+    display: string;
+    ariaLabel: string;
+}
+export interface Props {
+    shortcut?: ShortcutDescription | string;
+    className?: string;
+}
+declare const ConnectedShortcut: import("../context").WordPressComponent<"span", Props & import("react").RefAttributes<any>, true>;
+export default ConnectedShortcut;
+//# sourceMappingURL=component.d.ts.map

package/build-types/ui/shortcut/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/ui/shortcut/component.tsx"],"names":[],"mappings":";AAYA,MAAM,WAAW,mBAAmB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAuCD,QAAA,MAAM,iBAAiB,mGAAyC,CAAC;AAEjE,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default as Shortcut } from './component';
+export type { Props as ShortcutProps, ShortcutDescription } from './component';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/shortcut/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC"}

package/build-types/ui/tooltip/component.d.ts

@@ -0,0 +1,29 @@
+export default ConnectedTooltip;
+/**
+ * `Tooltip` is a component that provides context for a user interface element.
+ *
+ * @example
+ * ```jsx
+ * import { Tooltip, Text } from `@wordpress/components/ui`;
+ *
+ * function Example() {
+ * 	return (
+ * 		<Tooltip content="Code is Poetry">
+ * 			<Text>WordPress.org</Text>
+ * 		</Tooltip>
+ * 	)
+ * }
+ * ```
+ */
+declare const ConnectedTooltip: import("../context").WordPressComponent<"div", Omit<import("reakit").PopoverInitialState, "modal"> & Pick<Partial<import("reakit").TooltipState>, "unstable_timeout"> & import("../utils/types").PopperProps & Pick<import("../shortcut").ShortcutProps, "shortcut"> & {
+    animated?: boolean | undefined;
+    animationDuration?: boolean | undefined;
+    baseId?: string | undefined;
+    content?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    gutter?: number | undefined;
+    modal?: boolean | undefined;
+    visible?: boolean | undefined;
+    children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    focusable?: boolean | undefined;
+} & import("react").RefAttributes<any>, true>;
+//# sourceMappingURL=component.d.ts.map

package/build-types/ui/tooltip/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/component.js"],"names":[],"mappings":";AAmFA;;;;;;;;;;;;;;;GAeG;AACH;;;;;;;;;;8CAA8D"}

package/build-types/ui/tooltip/content.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("../context").WordPressComponent<"div", import("reakit").RoleOptions & Pick<Partial<import("reakit").DisclosureStateReturn>, "visible" | "animated" | "animating" | "baseId" | "stopAnimation"> & Pick<Partial<import("reakit").TooltipStateReturn>, "unstable_popoverRef" | "unstable_popoverStyles"> & {
+    unstable_portal?: boolean | undefined;
+} & import("react").HTMLAttributes<any> & import("react").RefAttributes<any> & {
+    wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
+} & {
+    children: import("react").ReactNode;
+}, true>;
+export default _default;
+//# sourceMappingURL=content.d.ts.map

package/build-types/ui/tooltip/content.d.ts.map

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

package/build-types/ui/tooltip/context.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @type {import('react').Context<{ tooltip?: import('reakit').TooltipState }>}
+ */
+export const TooltipContext: import('react').Context<{
+    tooltip?: import('reakit').TooltipState;
+}>;
+export function useTooltipContext(): {
+    tooltip?: import("reakit").TooltipState | undefined;
+};
+//# sourceMappingURL=context.d.ts.map

package/build-types/ui/tooltip/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/context.js"],"names":[],"mappings":"AAKA;;GAEG;AACH,6BAFU,OAAO,OAAO,EAAE,OAAO,CAAC;IAAE,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE,YAAY,CAAA;CAAE,CAAC,CAE5B;AAC3C;;EAA4D"}

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

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

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

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

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

@@ -0,0 +1,12 @@
+export const TooltipContent: import("@emotion/utils").SerializedStyles;
+export const TooltipPopoverView: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export const noOutline: import("@emotion/utils").SerializedStyles;
+export const TooltipShortcut: import("@emotion/styled").StyledComponent<import("../shortcut").ShortcutProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "children" | "as" | keyof import("react").RefAttributes<any> | keyof import("../shortcut").ShortcutProps> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/styles.js"],"names":[],"mappings":"AAeA,uEAYE;AAEF;;;0GAME;AAEF,kEAEE;AAEF;;;;WAGE"}

package/build-types/ui/tooltip/types.d.ts

@@ -0,0 +1,62 @@
+/**
+ * External dependencies
+ */
+import type { TooltipInitialState, TooltipProps } from 'reakit';
+import type { ReactElement, ReactNode } from 'react';
+/**
+ * Internal dependencies
+ */
+import type { PopperProps } from '../utils/types';
+import type { ShortcutProps } from '../shortcut';
+export type Props = TooltipInitialState & PopperProps & Pick<ShortcutProps, 'shortcut'> & {
+    /**
+     * Determines if `Tooltip` has animations.
+     */
+    animated?: boolean;
+    /**
+     * The duration of `Tooltip` animations.
+     *
+     * @default 160
+     */
+    animationDuration?: boolean;
+    /**
+     * ID that will serve as a base for all the items IDs.
+     *
+     * @see https://reakit.io/docs/tooltip/#usetooltipstate
+     */
+    baseId?: string;
+    /**
+     * Content to render within the `Tooltip` floating label.
+     */
+    content?: ReactElement;
+    /**
+     * Spacing between the `Tooltip` reference and the floating label.
+     *
+     * @default 4
+     *
+     * @see https://reakit.io/docs/tooltip/#usetooltipstate
+     */
+    gutter?: number;
+    /**
+     * Whether or not the dialog should be rendered within `Portal`. It's true by default if modal is true.
+     *
+     * @default true
+     *
+     * @see https://reakit.io/docs/tooltip/#tooltip
+     */
+    modal?: boolean;
+    /**
+     * Whether `Tooltip` is visible.
+     *
+     * @default false
+     *
+     * @see https://reakit.io/docs/tooltip/#usetooltipstate
+     */
+    visible?: boolean;
+    children: ReactElement;
+    focusable?: boolean;
+};
+export type ContentProps = TooltipProps & {
+    children: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

package/build-types/ui/tooltip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,MAAM,KAAK,GAAG,mBAAmB,GACtC,WAAW,GACX,IAAI,CAAE,aAAa,EAAE,UAAU,CAAE,GAAG;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACzC,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}

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

@@ -0,0 +1,17 @@
+/**
+ * Get the text shade optimized for readability, based on a background color.
+ *
+ * @param {string | unknown} backgroundColor The background color.
+ *
+ * @return {string} The optimized text color (black or white).
+ */
+export function getOptimalTextColor(backgroundColor: string | unknown): string;
+/**
+ * Get the text shade optimized for readability, based on a background color.
+ *
+ * @param {string | unknown} backgroundColor The background color.
+ *
+ * @return {string} The optimized text shade (dark or light).
+ */
+export function getOptimalTextShade(backgroundColor: string | unknown): string;
+//# sourceMappingURL=colors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/ui/utils/colors.js"],"names":[],"mappings":"AAyEA;;;;;;GAMG;AACH,qDAJW,MAAM,GAAG,OAAO,GAEf,MAAM,CAMjB;AAED;;;;;;GAMG;AACH,qDAJW,MAAM,GAAG,OAAO,GAEf,MAAM,CAMjB"}

package/build-types/ui/utils/font-size.d.ts

@@ -0,0 +1,18 @@
+/**
+ * External dependencies
+ */
+import type { CSSProperties, ReactText } from 'react';
+export type HeadingSize = 1 | 2 | 3 | 4 | 5 | 6 | '1' | '2' | '3' | '4' | '5' | '6';
+export declare const BASE_FONT_SIZE = 13;
+export declare const PRESET_FONT_SIZES: {
+    body: number;
+    caption: number;
+    footnote: number;
+    largeTitle: number;
+    subheadline: number;
+    title: number;
+};
+export declare const HEADING_FONT_SIZES: HeadingSize[];
+export declare function getFontSize(size?: CSSProperties['fontSize'] | keyof typeof PRESET_FONT_SIZES): string;
+export declare function getHeadingFontSize(size?: ReactText): string;
+//# sourceMappingURL=font-size.d.ts.map

package/build-types/ui/utils/font-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-size.d.ts","sourceRoot":"","sources":["../../../src/ui/utils/font-size.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOtD,MAAM,MAAM,WAAW,GACpB,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAC;AAEP,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,iBAAiB;;;;;;;CAO7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,eAG5B,CAAC;AAEJ,wBAAgB,WAAW,CAC1B,IAAI,GACD,aAAa,CAAE,UAAU,CAAE,GAC3B,MAAM,OAAO,iBAAkC,GAChD,MAAM,CAeR;AAED,wBAAgB,kBAAkB,CAAE,IAAI,GAAE,SAAa,GAAI,MAAM,CAOhE"}

package/build-types/ui/utils/get-valid-children.d.ts

@@ -0,0 +1,13 @@
+/**
+ * External dependencies
+ */
+import type { ReactNode, ReactChild, ReactFragment, ReactPortal } from 'react';
+/**
+ * Gets a collection of available children elements from a React component's children prop.
+ *
+ * @param children
+ *
+ * @return An array of available children.
+ */
+export declare function getValidChildren(children: ReactNode): Array<ReactChild | ReactFragment | ReactPortal>;
+//# sourceMappingURL=get-valid-children.d.ts.map

package/build-types/ui/utils/get-valid-children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-valid-children.d.ts","sourceRoot":"","sources":["../../../src/ui/utils/get-valid-children.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAO/E;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC/B,QAAQ,EAAE,SAAS,GACjB,KAAK,CAAE,UAAU,GAAG,aAAa,GAAG,WAAW,CAAE,CAMnD"}

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

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

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

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

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

@@ -0,0 +1,23 @@
+/**
+ * The argument value for the `space()` utility function.
+ *
+ * When this is a number or a numeric string, it will be interpreted as a
+ * multiplier for the grid base value (4px). For example, `space( 2 )` will be 8px.
+ *
+ * Otherwise, it will be interpreted as a literal CSS length value. For example,
+ * `space( 'auto' )` will be 'auto', and `space( '2px' )` will be 2px.
+ */
+export type SpaceInput = number | string;
+/**
+ * A function that handles numbers, numeric strings, and unit values.
+ *
+ * When given a number or a numeric string, it will return the grid-based
+ * value as a factor of GRID_BASE, defined above.
+ *
+ * When given a unit value or one of the named CSS values like `auto`,
+ * it will simply return the value back.
+ *
+ * @param value A number, numeric string, or a unit value.
+ */
+export declare function space(value?: SpaceInput): string | undefined;
+//# sourceMappingURL=space.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../src/ui/utils/space.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAIzC;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAE,KAAK,CAAC,EAAE,UAAU,GAAI,MAAM,GAAG,SAAS,CAsB9D"}

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

@@ -0,0 +1,14 @@
+export type ResponsiveCSSValue<T> = Array<T | undefined> | T;
+export type PopperPlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+export type PopperProps = {
+    /**
+     * Position of the popover element.
+     *
+     * @default 'auto'
+     *
+     * @see https://popper.js.org/docs/v1/#popperplacements--codeenumcode
+     */
+    placement?: PopperPlacement;
+};
+export type SizeRangeDefault = 'xLarge' | 'large' | 'medium' | 'small' | 'xSmall';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,CAAE,CAAC,IAAK,KAAK,CAAE,CAAC,GAAG,SAAS,CAAE,GAAG,CAAC,CAAC;AAEjE,MAAM,MAAM,eAAe,GACxB,MAAM,GACN,YAAY,GACZ,UAAU,GACV,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEd,MAAM,MAAM,WAAW,GAAG;IACzB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACzB,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC"}

package/build-types/ui/utils/use-responsive-value.d.ts

@@ -0,0 +1,5 @@
+export declare const useBreakpointIndex: (options?: {
+    defaultIndex?: number;
+}) => number;
+export declare function useResponsiveValue<T>(values: (T | undefined)[], options?: Parameters<typeof useBreakpointIndex>[0]): T | undefined;
+//# sourceMappingURL=use-responsive-value.d.ts.map

package/build-types/ui/utils/use-responsive-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-responsive-value.d.ts","sourceRoot":"","sources":["../../../src/ui/utils/use-responsive-value.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB,aACrB;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,WA6ClC,CAAC;AAEF,wBAAgB,kBAAkB,CAAE,CAAC,EACpC,MAAM,EAAE,CAAE,CAAC,GAAG,SAAS,CAAE,EAAE,EAC3B,OAAO,GAAE,UAAU,CAAE,OAAO,kBAAkB,CAAE,CAAE,CAAC,CAAO,GACxD,CAAC,GAAG,SAAS,CAcf"}

package/build-types/utils/hooks/use-latest-ref.d.ts

@@ -0,0 +1,15 @@
+/**
+ * External dependencies
+ */
+import type { RefObject } from 'react';
+/**
+ * Creates a reference for a prop. This is useful for preserving dependency
+ * memoization for hooks like useCallback.
+ *
+ * @see https://codesandbox.io/s/uselatestref-mlj3i?file=/src/App.tsx
+ *
+ * @param value The value to reference
+ * @return The prop reference.
+ */
+export declare function useLatestRef<T>(value: T): RefObject<T>;
+//# sourceMappingURL=use-latest-ref.d.ts.map

package/build-types/utils/hooks/use-latest-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-latest-ref.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/use-latest-ref.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAE,CAAC,EAAI,KAAK,EAAE,CAAC,GAAI,SAAS,CAAE,CAAC,CAAE,CAQ5D"}

package/build-types/utils/input/base.d.ts

@@ -0,0 +1,3 @@
+export const inputStyleNeutral: import("@emotion/utils").SerializedStyles;
+export const inputStyleFocus: import("@emotion/utils").SerializedStyles;
+//# sourceMappingURL=base.d.ts.map

package/build-types/utils/input/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../src/utils/input/base.js"],"names":[],"mappings":"AAYA,0EAME;AAEF,wEAQE"}

package/build-types/utils/input/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./input-control";
+//# sourceMappingURL=index.d.ts.map

package/build-types/utils/input/index.d.ts.map

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

package/build-types/utils/input/input-control.d.ts

@@ -0,0 +1,2 @@
+export const inputControl: import("@emotion/utils").SerializedStyles;
+//# sourceMappingURL=input-control.d.ts.map

package/build-types/utils/input/input-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-control.d.ts","sourceRoot":"","sources":["../../../src/utils/input/input-control.js"],"names":[],"mappings":"AAaA,qEAiDE"}

package/build-types/utils/reduce-motion.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ *
+ * @param {'transition' | 'animation' | string} [prop='transition'] CSS Property name
+ * @return {string} Generated CSS code for the reduced style
+ */
+export function reduceMotion(prop?: string | undefined): string;
+//# sourceMappingURL=reduce-motion.d.ts.map

package/build-types/utils/reduce-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reduce-motion.d.ts","sourceRoot":"","sources":["../../src/utils/reduce-motion.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,yDAFY,MAAM,CA0BjB"}

package/build-types/utils/z-index.d.ts

@@ -0,0 +1,3 @@
+export const Flyout: 10000;
+export const Tooltip: 1000002;
+//# sourceMappingURL=z-index.d.ts.map

package/build-types/utils/z-index.d.ts.map

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

package/build-types/validated-form-controls/control-with-error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-with-error.d.ts","sourceRoot":"","sources":["../../src/validated-form-controls/control-with-error.tsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AA4BhE;;;;;;;GAOG;AACH,KAAK,cAAc,GAChB,mBAAmB,GACnB,gBAAgB,GAChB,iBAAiB,GACjB,mBAAmB,CAAC;AA0NvB,eAAO,MAAM,gBAAgB;IAhN3B;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;qBACT,qBAAqB,CAAE,gBAAgB,CAAE;IAC1D;;OAEG;uBACgB,MAAM,cAAc,GAAG,IAAI,GAAG,SAAS;IAC1D;;;;;;;OAOG;;kDA4LoE,CAAC"}
+{"version":3,"file":"control-with-error.d.ts","sourceRoot":"","sources":["../../src/validated-form-controls/control-with-error.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AA4BhE;;;;;;;GAOG;AACH,KAAK,cAAc,GAChB,mBAAmB,GACnB,gBAAgB,GAChB,iBAAiB,GACjB,mBAAmB,CAAC;AAiQvB,eAAO,MAAM,gBAAgB;IAvP3B;;OAEG;eACQ,OAAO;IAClB;;OAEG;uBACgB,OAAO;qBACT,qBAAqB,CAAE,gBAAgB,CAAE;IAC1D;;OAEG;uBACgB,MAAM,cAAc,GAAG,IAAI,GAAG,SAAS;IAC1D;;;;;;;OAOG;;kDAmOoE,CAAC"}

package/build-types/validated-form-controls/test/checkbox-control.d.ts

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

package/build-types/validated-form-controls/test/checkbox-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/test/checkbox-control.tsx"],"names":[],"mappings":""}

package/build-types/validated-form-controls/test/combobox-control.d.ts

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

package/build-types/validated-form-controls/test/combobox-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/test/combobox-control.tsx"],"names":[],"mappings":""}

package/build-types/validated-form-controls/test/custom-select-control.d.ts

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

package/build-types/validated-form-controls/test/custom-select-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-select-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/test/custom-select-control.tsx"],"names":[],"mappings":""}

package/build-types/validated-form-controls/test/form-token-field.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-token-field.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/test/form-token-field.tsx"],"names":[],"mappings":""}