@wordpress/components 28.8.3 → 28.9.0

package/build-types/navigator/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/navigator/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EACN,iBAAiB,EAKjB,MAAM,IAAI,CAAC;AAGZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,iBAAiB,CAmCzC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,iBAAiB,CAoDvD,CAAC;AAmBF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAE,OAAO,iBAAiB,CAMrE,CAAC;AAwBF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAE,OAAO,iBAAiB,CAkCzD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/navigator/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAE,SAAS,EAAgB,MAAM,KAAK,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,SAAS,CAyCjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,SAAS,CAoD/C,CAAC;AAmBF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAE,OAAO,SAAS,CAM7D,CAAC;AAwBF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAE,OAAO,SAAS,CAmCjD,CAAC"}

package/build-types/navigator/styles.d.ts

@@ -1,9 +1,22 @@
-export declare const navigatorProviderWrapper: import("@emotion/utils").SerializedStyles;
-type NavigatorScreenAnimationProps = {
-    isInitial?: boolean;
-    isBack?: boolean;
-    isRTL: boolean;
+export declare const navigatorWrapper: import("@emotion/utils").SerializedStyles;
+export declare const slideFromRight: import("@emotion/serialize").Keyframes;
+export declare const slideToLeft: import("@emotion/serialize").Keyframes;
+export declare const slideFromLeft: import("@emotion/serialize").Keyframes;
+export declare const slideToRight: import("@emotion/serialize").Keyframes;
+export declare const TOTAL_ANIMATION_DURATION: {
+    IN: number;
+    OUT: number;
 };
-export declare const navigatorScreen: (props: NavigatorScreenAnimationProps) => import("@emotion/utils").SerializedStyles;
-export {};
+export declare const ANIMATION_END_NAMES: {
+    end: {
+        in: string;
+        out: string;
+    };
+    start: {
+        in: string;
+        out: string;
+    };
+};
+export declare const navigatorScreenAnimation: import("@emotion/utils").SerializedStyles;
+export declare const navigatorScreen: import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/build-types/navigator/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/navigator/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,2CAQpC,CAAC;AAkBF,KAAK,6BAA6B,GAAG;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CACf,CAAC;AA4BF,eAAO,MAAM,eAAe,UAAY,6BAA6B,8CAOpE,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/navigator/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,2CAc5B,CAAC;AAcF,eAAO,MAAM,cAAc,wCAIxB,CAAC;AAEJ,eAAO,MAAM,WAAW,wCAIrB,CAAC;AAEJ,eAAO,MAAM,aAAa,wCAIvB,CAAC;AAEJ,eAAO,MAAM,YAAY,wCAItB,CAAC;AAeJ,eAAO,MAAM,wBAAwB;;;CAGpC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;CAS/B,CAAC;AAwBF,eAAO,MAAM,wBAAwB,2CAoBpC,CAAC;AAEF,eAAO,MAAM,eAAe,2CAW3B,CAAC"}

package/build-types/navigator/types.d.ts

@@ -77,7 +77,7 @@ export type NavigatorContext = Navigator & {
     removeScreen: (screen: Screen) => void;
     match?: string;
 };
-export type NavigatorProviderProps = {
+export type NavigatorProps = {
     /**
      * The initial active path.
      */
@@ -90,6 +90,24 @@ export type NavigatorProviderProps = {
 export type NavigatorScreenProps = {
     /**
      * The screen's path, matched against the current path stored in the navigator.
+     *
+     * `Navigator` assumes that screens are organized hierarchically according
+     * to their `path`, which should follow a URL-like scheme where each path
+     * segment starts with and is separated by the `/` character.
+     *
+     * `Navigator` will treat "back" navigations as going to the parent screen —
+     * it is, therefore, the responsibility of the consumer of the component to
+     * create the correct screen hierarchy.
+     *
+     * For example:
+     *  - `/` is the root of all paths. There should always be a screen with
+     *    `path="/"`;
+     *  - `/parent/child` is a child of `/parent`;
+     *  - `/parent/child/grand-child` is a child of `/parent/child`;
+     *  - `/parent/:param` is a child of `/parent` as well;
+     *  - if the current screen has a `path="/parent/child/grand-child"`, when
+     *    going "back" `Navigator` will try to recursively navigate the path
+     *    hierarchy until a matching screen (or the root `/`) is found.
      */
     path: string;
     /**

package/build-types/navigator/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/navigator/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,MAAM,CAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAE,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG;IAC7B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAE,eAAe,EAAE,QAAQ,CAAE,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG;IACjD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAGF,MAAM,MAAM,SAAS,GAAG;IACvB;;OAEG;IACH,QAAQ,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,CAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAM,IAAI,CAAC;IAC1D;;;OAGG;IACH,MAAM,EAAE,CAAE,OAAO,CAAC,EAAE,uBAAuB,KAAM,IAAI,CAAC;IACtD;;;;OAIG;IACH,UAAU,EAAE,CAAE,OAAO,CAAC,EAAE,uBAAuB,KAAM,IAAI,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG;IAC1C,SAAS,EAAE,CAAE,MAAM,EAAE,MAAM,KAAM,IAAI,CAAC;IACtC,YAAY,EAAE,CAAE,MAAM,EAAE,MAAM,KAAM,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACpC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC;AAE3D,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GAAG;IAC7D;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACb,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/navigator/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,MAAM,CAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAE,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG;IAC7B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAE,eAAe,EAAE,QAAQ,CAAE,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG;IACjD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAGF,MAAM,MAAM,SAAS,GAAG;IACvB;;OAEG;IACH,QAAQ,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,CAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAM,IAAI,CAAC;IAC1D;;;OAGG;IACH,MAAM,EAAE,CAAE,OAAO,CAAC,EAAE,uBAAuB,KAAM,IAAI,CAAC;IACtD;;;;OAIG;IACH,UAAU,EAAE,CAAE,OAAO,CAAC,EAAE,uBAAuB,KAAM,IAAI,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG;IAC1C,SAAS,EAAE,CAAE,MAAM,EAAE,MAAM,KAAM,IAAI,CAAC;IACtC,YAAY,EAAE,CAAE,MAAM,EAAE,MAAM,KAAM,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAClC;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC;AAE3D,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GAAG;IAC7D;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACb,CAAC"}

package/build-types/navigator/use-navigator.d.ts

@@ -1,6 +1,9 @@
 import type { Navigator } from './types';
 /**
- * Retrieves a `navigator` instance.
+ * Retrieves a `navigator` instance. This hook provides advanced functionality,
+ * such as imperatively navigating to a new location (with options like
+ * navigating back or skipping focus restoration) and accessing the current
+ * location and path parameters.
  */
 export declare function useNavigator(): Navigator;
 //# sourceMappingURL=use-navigator.d.ts.map

package/build-types/navigator/use-navigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-navigator.d.ts","sourceRoot":"","sources":["../../src/navigator/use-navigator.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;GAEG;AACH,wBAAgB,YAAY,IAAI,SAAS,CAWxC"}
+{"version":3,"file":"use-navigator.d.ts","sourceRoot":"","sources":["../../src/navigator/use-navigator.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;GAKG;AACH,wBAAgB,YAAY,IAAI,SAAS,CAWxC"}

package/build-types/select-control/stories/index.story.d.ts

@@ -21,6 +21,13 @@ export declare const WithLabelAndHelpText: import("@storybook/types").AnnotatedS
 export declare const WithCustomChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<import("../types").SelectControlProps<string>, "select", false> & {
     ref?: React.Ref<HTMLSelectElement>;
 }>;
+/**
+ * By default, the prefix is aligned with the edge of the input border, with no padding.
+ * If you want to apply standard padding in accordance with the size variant, wrap the element in the `<InputControlPrefixWrapper>` component.
+ */
+export declare const WithPrefix: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<import("../types").SelectControlProps<string>, "select", false> & {
+    ref?: React.Ref<HTMLSelectElement>;
+}>;
 export declare const Minimal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<import("../types").SelectControlProps<string>, "select", false> & {
     ref?: React.Ref<HTMLSelectElement>;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/select-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,aAAa,MAAM,KAAK,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAerC,CAAC;AACF,eAAe,IAAI,CAAC;AAgCpB,eAAO,MAAM,OAAO;UAgDu1D,MAAO,GAAG;EAhD7zD,CAAC;AAWzD,eAAO,MAAM,oBAAoB;gBAqCi1D,GAAG;EArChzD,CAAC;AAOtE;;;GAGG;AACH,eAAO,MAAM,kBAAkB;gBA0Bm1D,GAAG;EA1BlzD,CAAC;AAqBpE,eAAO,MAAM,OAAO;gBAK81D,GAAG;EAL7zD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/select-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,aAAa,MAAM,KAAK,CAAC;AAGhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAerC,CAAC;AACF,eAAe,IAAI,CAAC;AAgCpB,eAAO,MAAM,OAAO;UA4DozC,MAAO,GAAG;EA5D1xC,CAAC;AAYzD,eAAO,MAAM,oBAAoB;gBAgD8yC,GAAG;EAhD7wC,CAAC;AAMtE;;;GAGG;AACH,eAAO,MAAM,kBAAkB;gBAsCgzC,GAAG;EAtC/wC,CAAC;AAsBpE;;;GAGG;AACH,eAAO,MAAM,UAAU;gBAYwzC,GAAG;EAZvxC,CAAC;AAM5D,eAAO,MAAM,OAAO;gBAM2zC,GAAG;EAN1xC,CAAC"}

package/build-types/tabs/stories/index.story.d.ts

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 /**
  * Internal dependencies
  */
@@ -9,6 +9,7 @@ import Tabs from '..';
 declare const meta: Meta<typeof Tabs>;
 export default meta;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").TabsProps>;
+export declare const SizeAndOverflowPlayground: StoryFn<typeof Tabs>;
 export declare const Vertical: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").TabsProps>;
 export declare const DisabledTab: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").TabsProps>;
 export declare const WithTabIconsAndTooltips: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").TabsProps>;

package/build-types/tabs/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,IAAI,MAAM,IAAI,CAAC;AAOtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAiB5B,CAAC;AACF,eAAe,IAAI,CAAC;AA+BpB,eAAO,MAAM,OAAO,qHAAsB,CAAC;AAc3C,eAAO,MAAM,QAAQ,qHAA8B,CAAC;AAwBpD,eAAO,MAAM,WAAW,qHAAiC,CAAC;AA0C1D,eAAO,MAAM,uBAAuB,qHAEnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qHAAsB,CAAC;AA0CpD,eAAO,MAAM,aAAa,qHAAmC,CAAC;AA0D9D,eAAO,MAAM,oBAAoB,qHAAiC,CAAC;AA6DnE,eAAO,MAAM,cAAc,qHAAoC,CAAC;AAqChE,eAAO,MAAM,kBAAkB,qHAAwC,CAAC;AAgCxE,eAAO,MAAM,cAAc,qHAAoC,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,IAAI,MAAM,IAAI,CAAC;AAOtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAiB5B,CAAC;AACF,eAAe,IAAI,CAAC;AA+BpB,eAAO,MAAM,OAAO,qHAAsB,CAAC;AAE3C,eAAO,MAAM,yBAAyB,EAAE,OAAO,CAAE,OAAO,IAAI,CAqG3D,CAAC;AAiBF,eAAO,MAAM,QAAQ,qHAA8B,CAAC;AAwBpD,eAAO,MAAM,WAAW,qHAAiC,CAAC;AA0C1D,eAAO,MAAM,uBAAuB,qHAEnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qHAAsB,CAAC;AA0CpD,eAAO,MAAM,aAAa,qHAAmC,CAAC;AA0D9D,eAAO,MAAM,oBAAoB,qHAAiC,CAAC;AA6DnE,eAAO,MAAM,cAAc,qHAAoC,CAAC;AAqChE,eAAO,MAAM,kBAAkB,qHAAwC,CAAC;AAgCxE,eAAO,MAAM,cAAc,qHAAoC,CAAC"}

package/build-types/tabs/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/tabs/styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAQ1C,eAAO,MAAM,cAAc;;SAaL,MAAO,WACvB;yGA2DL,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;UAuEf,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;UAapB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/tabs/styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAQ1C,eAAO,MAAM,cAAc;;SAczB,MAAI,WAAW;yGA0FhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;UA0Ef,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;UAapB,CAAC"}

package/build-types/tabs/tablist.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tablist.d.ts","sourceRoot":"","sources":["../../src/tabs/tablist.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQ5C,eAAO,MAAM,OAAO,mPAwEjB,CAAC"}
+{"version":3,"file":"tablist.d.ts","sourceRoot":"","sources":["../../src/tabs/tablist.tsx"],"names":[],"mappings":"AAaA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAW5C,eAAO,MAAM,OAAO,mPAsGjB,CAAC"}

package/build-types/tabs/use-track-overflow.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Tracks if an element contains overflow and on which end by tracking the
+ * first and last child elements with an `IntersectionObserver` in relation
+ * to the parent element.
+ *
+ * Note that the returned value will only indicate whether the first or last
+ * element is currently "going out of bounds" but not whether it happens on
+ * the X or Y axis.
+ */
+export declare function useTrackOverflow(parent: HTMLElement | undefined | null, children: {
+    first: HTMLElement | undefined | null;
+    last: HTMLElement | undefined | null;
+}): {
+    first: boolean;
+    last: boolean;
+};
+//# sourceMappingURL=use-track-overflow.d.ts.map

package/build-types/tabs/use-track-overflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-track-overflow.d.ts","sourceRoot":"","sources":["../../src/tabs/use-track-overflow.ts"],"names":[],"mappings":"AAOA;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC/B,MAAM,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE;IACT,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;IACtC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;CACrC;;;EAqDD"}

package/build-types/toggle-group-control/toggle-group-control/as-button-group.d.ts

@@ -1,3 +1,3 @@
-import type { ToggleGroupControlMainControlProps } from '../types';
-export declare const ToggleGroupControlAsButtonGroup: import("react").ForwardRefExoticComponent<ToggleGroupControlMainControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "label" | "children" | "onChange" | "value" | "as" | "isAdaptiveWidth"> & import("react").RefAttributes<HTMLDivElement>>;
+import type { ToggleGroupControlContextProps } from '../types';
+export declare const ToggleGroupControlAsButtonGroup: import("react").ForwardRefExoticComponent<Pick<import("../types").ToggleGroupControlProps, "size" | "label" | "children" | "onChange" | "value" | "isAdaptiveWidth"> & Pick<ToggleGroupControlContextProps, "setSelectedElement"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "label" | "children" | "onChange" | "value" | "as" | "isAdaptiveWidth" | "setSelectedElement"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=as-button-group.d.ts.map

package/build-types/toggle-group-control/toggle-group-control/as-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"as-button-group.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/as-button-group.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACX,kCAAkC,EAElC,MAAM,UAAU,CAAC;AAiElB,eAAO,MAAM,+BAA+B,uUAE3C,CAAC"}
+{"version":3,"file":"as-button-group.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/as-button-group.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAEX,8BAA8B,EAC9B,MAAM,UAAU,CAAC;AAyElB,eAAO,MAAM,+BAA+B,mfAE3C,CAAC"}

package/build-types/toggle-group-control/toggle-group-control/as-radio-group.d.ts

@@ -1,3 +1,3 @@
-import type { ToggleGroupControlMainControlProps } from '../types';
-export declare const ToggleGroupControlAsRadioGroup: import("react").ForwardRefExoticComponent<ToggleGroupControlMainControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "label" | "children" | "onChange" | "value" | "as" | "isAdaptiveWidth"> & import("react").RefAttributes<HTMLDivElement>>;
+import type { ToggleGroupControlContextProps } from '../types';
+export declare const ToggleGroupControlAsRadioGroup: import("react").ForwardRefExoticComponent<Pick<import("../types").ToggleGroupControlProps, "size" | "label" | "children" | "onChange" | "value" | "isAdaptiveWidth"> & Pick<ToggleGroupControlContextProps, "setSelectedElement"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "label" | "children" | "onChange" | "value" | "as" | "isAdaptiveWidth" | "setSelectedElement"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=as-radio-group.d.ts.map

package/build-types/toggle-group-control/toggle-group-control/as-radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"as-radio-group.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/as-radio-group.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACX,kCAAkC,EAElC,MAAM,UAAU,CAAC;AA6ElB,eAAO,MAAM,8BAA8B,uUAE1C,CAAC"}
+{"version":3,"file":"as-radio-group.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/as-radio-group.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAEX,8BAA8B,EAC9B,MAAM,UAAU,CAAC;AAwFlB,eAAO,MAAM,8BAA8B,mfAE1C,CAAC"}

package/build-types/toggle-group-control/toggle-group-control/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/component.tsx"],"names":[],"mappings":"AAiGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;8CAG9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/component.tsx"],"names":[],"mappings":"AA6MA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;8CAG9B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build-types/toggle-group-control/toggle-group-control/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,eAAO,MAAM,kBAAkB,uCAI5B,IAAI,CAAE,uBAAuB,EAAE,SAAS,GAAG,gBAAgB,CAAE,GAAG;IAClE,IAAI,EAAE,WAAW,CAAE,uBAAuB,CAAE,MAAM,CAAE,CAAE,CAAC;CACvD,8CAUA,CAAC;AAyBF,eAAO,MAAM,sBAAsB,SAC5B,WAAW,CAAE,uBAAuB,CAAE,MAAM,CAAE,CAAE,8CActD,CAAC;AAEF,eAAO,MAAM,KAAK,2CAGjB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;SAvDF,MACzB,WAAW;yGAyDd,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control/styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,eAAO,MAAM,kBAAkB,uCAI5B,IAAI,CAAE,uBAAuB,EAAE,SAAS,GAAG,gBAAgB,CAAE,GAAG;IAClE,IAAI,EAAE,WAAW,CAAE,uBAAuB,CAAE,MAAM,CAAE,CAAE,CAAC;CACvD,8CAmDA,CAAC;AAyBF,eAAO,MAAM,sBAAsB,SAC5B,WAAW,CAAE,uBAAuB,CAAE,MAAM,CAAE,CAAE,8CActD,CAAC;AAEF,eAAO,MAAM,KAAK,2CAGjB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;SAhGF,MACzB,WAAW;yGAkGd,CAAC"}

package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option-base/component.tsx"],"names":[],"mappings":"AAaA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,EACX,iCAAiC,EAEjC,MAAM,UAAU,CAAC;AAmKlB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,qCAAqC,2RAG1C,CAAC;AAEF,eAAe,qCAAqC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option-base/component.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,KAAK,EACX,iCAAiC,EAEjC,MAAM,UAAU,CAAC;AAmJlB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,qCAAqC,2RAG1C,CAAC;AAEF,eAAe,qCAAqC,CAAC"}

package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts

@@ -11,5 +11,4 @@ export declare const ButtonContentView: import("@emotion/styled").StyledComponen
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const backdropView: import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/build-types/toggle-group-control/toggle-group-control-option-base/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option-base/styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACX,uBAAuB,EACvB,iCAAiC,EACjC,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,SAAS;;SAgBnB,MAAO,WAAW;yGAXpB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,iDAKpB,IAAI,CAAE,uBAAuB,EAAE,gBAAgB,GAAG,MAAM,CAAE,GAC5D,IAAI,CAAE,iCAAiC,EAAE,QAAQ,CAAE,GAAG;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,8CA4CD,CAAC;AAqBF,eAAO,MAAM,iBAAiB;;eApEpB,WAAW;yGAwEpB,CAAC;AAmBF,eAAO,MAAM,YAAY,2CASxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/toggle-group-control/toggle-group-control-option-base/styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACX,uBAAuB,EACvB,iCAAiC,EACjC,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,SAAS;;SAgBnB,MAAO,WAAW;yGAXpB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,iDAKpB,IAAI,CAAE,uBAAuB,EAAE,gBAAgB,GAAG,MAAM,CAAE,GAC5D,IAAI,CAAE,iCAAiC,EAAE,QAAQ,CAAE,GAAG;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,8CA4CD,CAAC;AAqBF,eAAO,MAAM,iBAAiB;;eApEpB,WAAW;yGAwEpB,CAAC"}

package/build-types/toggle-group-control/types.d.ts

@@ -121,6 +121,7 @@ export type ToggleGroupControlContextProps = {
     size: ToggleGroupControlProps['size'];
     value: ToggleGroupControlProps['value'];
     setValue: (newValue: string | number | undefined) => void;
+    setSelectedElement: (element: HTMLElement | undefined) => void;
 };
-export type ToggleGroupControlMainControlProps = Pick<ToggleGroupControlProps, 'children' | 'isAdaptiveWidth' | 'label' | 'size' | 'onChange' | 'value'>;
+export type ToggleGroupControlMainControlProps = Pick<ToggleGroupControlProps, 'children' | 'isAdaptiveWidth' | 'label' | 'size' | 'onChange' | 'value'> & Pick<ToggleGroupControlContextProps, 'setSelectedElement'>;
 //# sourceMappingURL=types.d.ts.map

package/build-types/toggle-group-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,IAAI,CACnD,iCAAiC,EACjC,OAAO,CACP,GAAG;IACH;;;OAGG;IACH,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAC/C,iCAAiC,EACjC,OAAO,GAAG,aAAa,CACvB,GAAG;IACH;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAE,UAAU,CAAE,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACzC,gBAAgB,EAChB,MAAM,GAAG,yBAAyB,CAClC,GAAG;IACH;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;IAC1D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACtC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,uBAAuB,CAAE,SAAS,CAAE,CAAC;IAC9C,IAAI,EAAE,uBAAuB,CAAE,MAAM,CAAE,CAAC;IACxC,KAAK,EAAE,uBAAuB,CAAE,OAAO,CAAE,CAAC;IAC1C,QAAQ,EAAE,CAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;CAC5D,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACpD,uBAAuB,EACvB,UAAU,GAAG,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CACxE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/toggle-group-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,IAAI,CACnD,iCAAiC,EACjC,OAAO,CACP,GAAG;IACH;;;OAGG;IACH,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAC/C,iCAAiC,EACjC,OAAO,GAAG,aAAa,CACvB,GAAG;IACH;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAE,UAAU,CAAE,CAAC;IACrC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACzC,gBAAgB,EAChB,MAAM,GAAG,yBAAyB,CAClC,GAAG;IACH;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;IAC1D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACtC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,uBAAuB,CAAE,SAAS,CAAE,CAAC;IAC9C,IAAI,EAAE,uBAAuB,CAAE,MAAM,CAAE,CAAC;IACxC,KAAK,EAAE,uBAAuB,CAAE,OAAO,CAAE,CAAC;IAC1C,QAAQ,EAAE,CAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;IAC5D,kBAAkB,EAAE,CAAE,OAAO,EAAE,WAAW,GAAG,SAAS,KAAM,IAAI,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACpD,uBAAuB,EACvB,UAAU,GAAG,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CACxE,GACA,IAAI,CAAE,8BAA8B,EAAE,oBAAoB,CAAE,CAAC"}

package/build-types/utils/element-rect.d.ts

@@ -2,6 +2,10 @@
  * The position and dimensions of an element, relative to its offset parent.
  */
 export type ElementOffsetRect = {
+    /**
+     * The element the rect belongs to.
+     */
+    element: HTMLElement | undefined;
     /**
      * The distance from the top edge of the offset parent to the top edge of
      * the element.
@@ -35,6 +39,7 @@ export type ElementOffsetRect = {
  * An `ElementOffsetRect` object with all values set to zero.
  */
 export declare const NULL_ELEMENT_OFFSET_RECT: {
+    element: undefined;
     top: number;
     right: number;
     bottom: number;
@@ -60,6 +65,9 @@ export declare function getElementOffsetRect(element: HTMLElement): ElementOffse
  * Tracks the position and dimensions of an element, relative to its offset
  * parent. The element can be changed dynamically.
  *
+ * When no element is provided (`null` or `undefined`), the hook will return
+ * a "null" rect, in which all values are `0` and `element` is `undefined`.
+ *
  * **Note:** sometimes, the measurement will fail (see `getElementOffsetRect`'s
  * documentation for more details). When that happens, this hook will attempt
  * to measure again after a frame, and if that fails, it will poll every 100

package/build-types/utils/element-rect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element-rect.d.ts","sourceRoot":"","sources":["../../src/utils/element-rect.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;;CAOR,CAAC;AAE9B;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CACnC,OAAO,EAAE,WAAW,GAClB,iBAAiB,GAAG,SAAS,CAmC/B;AAID;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,CACxC,aAAa,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,qBAoC7C"}
+{"version":3,"file":"element-rect.d.ts","sourceRoot":"","sources":["../../src/utils/element-rect.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;CAQR,CAAC;AAE9B;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CACnC,OAAO,EAAE,WAAW,GAClB,iBAAiB,GAAG,SAAS,CA8C/B;AAID;;;;;;;;;;;GAWG;AACH,wBAAgB,yBAAyB,CACxC,aAAa,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,qBAsC7C"}

package/build-types/utils/hooks/use-on-value-update.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-on-value-update.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/use-on-value-update.ts"],"names":[],"mappings":"AAUA;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAE,CAAC,IAAK;IACrC,aAAa,EAAE,CAAC,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,wBAAgB,gBAAgB,CAAE,CAAC;AAClC;;GAEG;AACH,KAAK,EAAE,CAAC;AACR;;GAEG;AACH,QAAQ,EAAE,CAAE,OAAO,EAAE,kBAAkB,CAAE,CAAC,CAAE,KAAM,IAAI,QAYtD"}
+{"version":3,"file":"use-on-value-update.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/use-on-value-update.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAE,CAAC,IAAK;IACrC,aAAa,EAAE,CAAC,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,wBAAgB,gBAAgB,CAAE,CAAC;AAClC;;GAEG;AACH,KAAK,EAAE,CAAC;AACR;;GAEG;AACH,QAAQ,EAAE,CAAE,OAAO,EAAE,kBAAkB,CAAE,CAAC,CAAE,KAAM,IAAI,QAYtD"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "28.8.3",
+	"version": "28.9.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -43,23 +43,23 @@
 		"@types/gradient-parser": "0.1.3",
 		"@types/highlight-words-core": "1.2.1",
 		"@use-gesture/react": "^10.3.1",
-		"@wordpress/a11y": "^4.8.2",
-		"@wordpress/compose": "^7.8.3",
-		"@wordpress/date": "^5.8.2",
-		"@wordpress/deprecated": "^4.8.2",
-		"@wordpress/dom": "^4.8.2",
-		"@wordpress/element": "^6.8.1",
-		"@wordpress/escape-html": "^3.8.1",
-		"@wordpress/hooks": "^4.8.2",
-		"@wordpress/html-entities": "^4.8.1",
-		"@wordpress/i18n": "^5.8.2",
-		"@wordpress/icons": "^10.8.2",
-		"@wordpress/is-shallow-equal": "^5.8.1",
-		"@wordpress/keycodes": "^4.8.2",
-		"@wordpress/primitives": "^4.8.1",
-		"@wordpress/private-apis": "^1.8.1",
-		"@wordpress/rich-text": "^7.8.3",
-		"@wordpress/warning": "^3.8.1",
+		"@wordpress/a11y": "^4.9.0",
+		"@wordpress/compose": "^7.9.0",
+		"@wordpress/date": "^5.9.0",
+		"@wordpress/deprecated": "^4.9.0",
+		"@wordpress/dom": "^4.9.0",
+		"@wordpress/element": "^6.9.0",
+		"@wordpress/escape-html": "^3.9.0",
+		"@wordpress/hooks": "^4.9.0",
+		"@wordpress/html-entities": "^4.9.0",
+		"@wordpress/i18n": "^5.9.0",
+		"@wordpress/icons": "^10.9.0",
+		"@wordpress/is-shallow-equal": "^5.9.0",
+		"@wordpress/keycodes": "^4.9.0",
+		"@wordpress/primitives": "^4.9.0",
+		"@wordpress/private-apis": "^1.9.0",
+		"@wordpress/rich-text": "^7.9.0",
+		"@wordpress/warning": "^3.9.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -84,5 +84,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "6187079697e13c3292eb098d6338523a6676c6e8"
+	"gitHead": "2e5495c635910cb34bfaca3c6258d2e989f66214"
 }

package/src/autocomplete/index.tsx

@@ -72,6 +72,9 @@ const getNodeText = ( node: React.ReactNode ): string => {
 
 const EMPTY_FILTERED_OPTIONS: KeyedOption[] = [];
 
+// Used for generating the instance ID
+const AUTOCOMPLETE_HOOK_REFERENCE = {};
+
 export function useAutocomplete( {
 	record,
 	onChange,
@@ -79,7 +82,7 @@ export function useAutocomplete( {
 	completers,
 	contentRef,
 }: UseAutocompleteProps ) {
-	const instanceId = useInstanceId( useAutocomplete );
+	const instanceId = useInstanceId( AUTOCOMPLETE_HOOK_REFERENCE );
 	const [ selectedIndex, setSelectedIndex ] = useState( 0 );
 
 	const [ filteredOptions, setFilteredOptions ] = useState<

package/src/border-box-control/border-box-control/README.md

@@ -1,12 +1,7 @@
 # BorderBoxControl
 
-<div class="callout callout-alert">
-This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
-</div>
-<br />
-
-This component provides users with the ability to configure a single "flat"
-border or separate borders per side.
+An input control for the color, style, and width of the border of a box. The
+border can be customized as a whole, or individually for each side of the box.
 
 ## Development guidelines
 
@@ -28,7 +23,7 @@ show "Mixed" placeholder text.
 
 ```jsx
 import { useState } from 'react';
-import { __experimentalBorderBoxControl as BorderBoxControl } from '@wordpress/components';
+import { BorderBoxControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
 const colors = [
@@ -76,35 +71,35 @@ colors are organized by multiple origins.
 
 Each color may be an object containing a `name` and `color` value.
 
-- Required: No
-- Default: `[]`
+-   Required: No
+-   Default: `[]`
 
 ### `disableCustomColors`: `boolean`
 
 This toggles the ability to choose custom colors.
 
-- Required: No
+-   Required: No
 
 ### `enableAlpha`: `boolean`
 
 This controls whether the alpha channel will be offered when selecting
 custom colors.
 
-- Required: No
-- Default: `false`
+-   Required: No
+-   Default: `false`
 
 ### `enableStyle`: `boolean`
 
 This controls whether to support border style selections.
 
-- Required: No
-- Default: `true`
+-   Required: No
+-   Default: `true`
 
 ### `hideLabelFromVision`: `boolean`
 
 Provides control over whether the label will only be visible to screen readers.
 
-- Required: No
+-   Required: No
 
 ### `label`: `string`
 
@@ -113,7 +108,7 @@ If provided, a label will be generated using this as the content.
 _Whether it is visible only to screen readers is controlled via
 `hideLabelFromVision`._
 
-- Required: No
+-   Required: No
 
 ### `onChange`: `( value?: Object ) => void`
 
@@ -123,7 +118,7 @@ borders, or `undefined`.
 
 _Note: The will be `undefined` if a user clears all borders._
 
-- Required: Yes
+-   Required: Yes
 
 ### `popoverPlacement`: `string`
 
@@ -133,21 +128,21 @@ By default, popovers are displayed relative to the button that initiated the pop
 
 The available base placements are 'top', 'right', 'bottom', 'left'. Each of these base placements has an alignment in the form -start and -end. For example, 'right-start', or 'bottom-end'. These allow you to align the tooltip to the edges of the button, rather than centering it.
 
-- Required: No
+-   Required: No
 
 ### `popoverOffset`: `number`
 
 The space between the popover and the control wrapper.
 
-- Required: No
+-   Required: No
 
 ### `size`: `string`
 
 Size of the control.
 
-- Required: No
-- Default: `default`
-- Allowed values: `default`, `__unstable-large`
+-   Required: No
+-   Default: `default`
+-   Allowed values: `default`, `__unstable-large`
 
 ### `value`: `Object`
 
@@ -158,6 +153,7 @@ properties or a "split" border which defines the previous properties but for
 each side; `top`, `right`, `bottom`, and `left`.
 
 Examples:
+
 ```js
 const flatBorder = { color: '#72aee6', style: 'solid', width: '1px' };
 const splitBorders = {
@@ -168,11 +164,11 @@ const splitBorders = {
 };
 ```
 
-- Required: No
+-   Required: No
 
 ### `__next40pxDefaultSize`: `boolean`
 
 Start opting into the larger default height that will become the default size in a future version.
 
-- Required: No
-- Default: `false`
+-   Required: No
+-   Default: `false`

package/src/border-box-control/border-box-control/component.tsx

@@ -147,22 +147,11 @@ const UnconnectedBorderBoxControl = (
 };
 
 /**
- * The `BorderBoxControl` effectively has two view states. The first, a "linked"
- * view, allows configuration of a flat border via a single `BorderControl`.
- * The second, a "split" view, contains a `BorderControl` for each side
- * as well as a visualizer for the currently selected borders. Each view also
- * contains a button to toggle between the two.
- *
- * When switching from the "split" view to "linked", if the individual side
- * borders are not consistent, the "linked" view will display any border
- * properties selections that are consistent while showing a mixed state for
- * those that aren't. For example, if all borders had the same color and style
- * but different widths, then the border dropdown in the "linked" view's
- * `BorderControl` would show that consistent color and style but the "linked"
- * view's width input would show "Mixed" placeholder text.
+ * An input control for the color, style, and width of the border of a box. The
+ * border can be customized as a whole, or individually for each side of the box.
  *
  * ```jsx
- * import { __experimentalBorderBoxControl as BorderBoxControl } from '@wordpress/components';
+ * import { BorderBoxControl } from '@wordpress/components';
  * import { __ } from '@wordpress/i18n';
  *
  * const colors = [

package/src/border-box-control/stories/index.story.tsx

@@ -16,7 +16,7 @@ import Button from '../../button';
 import { BorderBoxControl } from '../';
 
 const meta: Meta< typeof BorderBoxControl > = {
-	title: 'Components (Experimental)/BorderBoxControl',
+	title: 'Components/BorderBoxControl',
 	component: BorderBoxControl,
 	argTypes: {
 		onChange: { action: 'onChange' },
@@ -83,4 +83,5 @@ export const Default = Template.bind( {} );
 Default.args = {
 	colors,
 	label: 'Borders',
+	enableStyle: true,
 };