@wordpress/components 28.6.0 → 28.8.1-next.5368f64a9.0

package/build/composite/group.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CompositeGroup = void 0;
+var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
+var _element = require("@wordpress/element");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const CompositeGroup = exports.CompositeGroup = (0, _element.forwardRef)(function CompositeGroup(props, ref) {
+  const context = (0, _context.useCompositeContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.CompositeGroup, {
+    store: context.store,
+    ...props,
+    ref: ref
+  });
+});
+//# sourceMappingURL=group.js.map

package/build/composite/group.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_element","_context","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CompositeGroup","exports","forwardRef","props","ref","context","useCompositeContext","jsx","store"],"sources":["@wordpress/components/src/composite/group.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { useCompositeContext } from './context';\nimport type { CompositeGroupProps } from './types';\n\nexport const CompositeGroup = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< CompositeGroupProps, 'div', false >\n>( function CompositeGroup( props, ref ) {\n\tconst context = useCompositeContext();\n\treturn (\n\t\t<Ariakit.CompositeGroup\n\t\t\tstore={ context.store as Ariakit.CompositeStore }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n} );\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAdhD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAKO,MAAMW,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,mBAAU,EAGrC,SAASF,cAAcA,CAAEG,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,OAAO,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACrC,oBACC,IAAA3B,WAAA,CAAA4B,GAAA,EAACjC,OAAO,CAAC0B,cAAc;IACtBQ,KAAK,EAAGH,OAAO,CAACG,KAAiC;IAAA,GAC5CL,KAAK;IACVC,GAAG,EAAGA;EAAK,CACX,CAAC;AAEJ,CAAE,CAAC","ignoreList":[]}

package/build/composite/hover.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CompositeHover = void 0;
+var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
+var _element = require("@wordpress/element");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const CompositeHover = exports.CompositeHover = (0, _element.forwardRef)(function CompositeHover(props, ref) {
+  const context = (0, _context.useCompositeContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.CompositeHover, {
+    store: context.store,
+    ...props,
+    ref: ref
+  });
+});
+//# sourceMappingURL=hover.js.map

package/build/composite/hover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_element","_context","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CompositeHover","exports","forwardRef","props","ref","context","useCompositeContext","jsx","store"],"sources":["@wordpress/components/src/composite/hover.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { useCompositeContext } from './context';\nimport type { CompositeHoverProps } from './types';\n\nexport const CompositeHover = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< CompositeHoverProps, 'div', false >\n>( function CompositeHover( props, ref ) {\n\tconst context = useCompositeContext();\n\treturn (\n\t\t<Ariakit.CompositeHover\n\t\t\tstore={ context.store as Ariakit.CompositeStore }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n} );\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAdhD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAKO,MAAMW,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,mBAAU,EAGrC,SAASF,cAAcA,CAAEG,KAAK,EAAEC,GAAG,EAAG;EACxC,MAAMC,OAAO,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACrC,oBACC,IAAA3B,WAAA,CAAA4B,GAAA,EAACjC,OAAO,CAAC0B,cAAc;IACtBQ,KAAK,EAAGH,OAAO,CAACG,KAAiC;IAAA,GAC5CL,KAAK;IACVC,GAAG,EAAGA;EAAK,CACX,CAAC;AAEJ,CAAE,CAAC","ignoreList":[]}

package/build/composite/index.js

@@ -4,10 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Composite = void 0;
-exports.useCompositeStore = useCompositeStore;
 var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
+var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _context = require("./context");
+var _group = require("./group");
+var _groupLabel = require("./group-label");
+var _hover = require("./hover");
+var _item = require("./item");
+var _row = require("./row");
+var _typeahead = require("./typeahead");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -34,116 +40,48 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 
 /**
- * Creates a composite store.
+ * Renders a widget based on the WAI-ARIA [`composite`](https://w3c.github.io/aria/#composite)
+ * role, which provides a single tab stop on the page and arrow key navigation
+ * through the focusable descendants.
  *
  * @example
  * ```jsx
- * import { Composite, useCompositeStore } from '@wordpress/components';
+ * import { Composite } from '@wordpress/components';
  *
- * const store = useCompositeStore();
- * <Composite store={store}>
- *   <Composite.Item>Item</Composite.Item>
- *   <Composite.Item>Item</Composite.Item>
- *   <Composite.Item>Item</Composite.Item>
+ * <Composite>
+ *   <Composite.Item>Item 1</Composite.Item>
+ *   <Composite.Item>Item 2</Composite.Item>
  * </Composite>
  * ```
  */
-function useCompositeStore({
+const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(function Composite({
+  // Composite store props
+  activeId,
+  defaultActiveId,
+  setActiveId,
   focusLoop = false,
   focusWrap = false,
   focusShift = false,
   virtualFocus = false,
   orientation = 'both',
-  rtl = false,
+  rtl = (0, _i18n.isRTL)(),
+  // Composite component props
+  children,
+  disabled = false,
+  // Rest props
   ...props
-} = {}) {
-  return Ariakit.useCompositeStore({
+}, ref) {
+  const store = Ariakit.useCompositeStore({
+    activeId,
+    defaultActiveId,
+    setActiveId,
     focusLoop,
     focusWrap,
     focusShift,
     virtualFocus,
     orientation,
-    rtl,
-    ...props
-  });
-}
-const Group = (0, _element.forwardRef)(function CompositeGroup(props, ref) {
-  const context = (0, _context.useCompositeContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.CompositeGroup, {
-    store: context?.store,
-    ...props,
-    ref: ref
-  });
-});
-Group.displayName = 'Composite.Group';
-const GroupLabel = (0, _element.forwardRef)(function CompositeGroupLabel(props, ref) {
-  const context = (0, _context.useCompositeContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.CompositeGroupLabel, {
-    store: context?.store,
-    ...props,
-    ref: ref
-  });
-});
-GroupLabel.displayName = 'Composite.GroupLabel';
-const Item = (0, _element.forwardRef)(function CompositeItem(props, ref) {
-  const context = (0, _context.useCompositeContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.CompositeItem, {
-    store: context?.store,
-    ...props,
-    ref: ref
-  });
-});
-Item.displayName = 'Composite.Item';
-const Row = (0, _element.forwardRef)(function CompositeRow(props, ref) {
-  const context = (0, _context.useCompositeContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.CompositeRow, {
-    store: context?.store,
-    ...props,
-    ref: ref
-  });
-});
-Row.displayName = 'Composite.Row';
-const Hover = (0, _element.forwardRef)(function CompositeHover(props, ref) {
-  const context = (0, _context.useCompositeContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.CompositeHover, {
-    store: context?.store,
-    ...props,
-    ref: ref
-  });
-});
-Hover.displayName = 'Composite.Hover';
-const Typeahead = (0, _element.forwardRef)(function CompositeTypeahead(props, ref) {
-  const context = (0, _context.useCompositeContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.CompositeTypeahead, {
-    store: context?.store,
-    ...props,
-    ref: ref
+    rtl
   });
-});
-Typeahead.displayName = 'Composite.Typeahead';
-
-/**
- * Renders a widget based on the WAI-ARIA [`composite`](https://w3c.github.io/aria/#composite)
- * role, which provides a single tab stop on the page and arrow key navigation
- * through the focusable descendants.
- *
- * @example
- * ```jsx
- * import { Composite, useCompositeStore } from '@wordpress/components';
- *
- * const store = useCompositeStore();
- * <Composite store={store}>
- *   <Composite.Item>Item 1</Composite.Item>
- *   <Composite.Item>Item 2</Composite.Item>
- * </Composite>
- * ```
- */
-const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(function Composite({
-  children,
-  store,
-  disabled = false,
-  ...props
-}, ref) {
   const contextValue = (0, _element.useMemo)(() => ({
     store
   }), [store]);
@@ -158,16 +96,14 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
     })
   });
 }), {
-  displayName: 'Composite',
   /**
    * Renders a group element for composite items.
    *
    * @example
    * ```jsx
-   * import { Composite, useCompositeStore } from '@wordpress/components';
+   * import { Composite } from '@wordpress/components';
    *
-   * const store = useCompositeStore();
-   * <Composite store={store}>
+   * <Composite>
    *   <Composite.Group>
    *     <Composite.GroupLabel>Label</Composite.GroupLabel>
    *     <Composite.Item>Item 1</Composite.Item>
@@ -176,7 +112,9 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * </Composite>
    * ```
    */
-  Group,
+  Group: Object.assign(_group.CompositeGroup, {
+    displayName: 'Composite.Group'
+  }),
   /**
    * Renders a label in a composite group. This component must be wrapped with
    * `Composite.Group` so the `aria-labelledby` prop is properly set on the
@@ -184,10 +122,9 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    *
    * @example
    * ```jsx
-   * import { Composite, useCompositeStore } from '@wordpress/components';
+   * import { Composite } from '@wordpress/components';
    *
-   * const store = useCompositeStore();
-   * <Composite store={store}>
+   * <Composite>
    *   <Composite.Group>
    *     <Composite.GroupLabel>Label</Composite.GroupLabel>
    *     <Composite.Item>Item 1</Composite.Item>
@@ -196,23 +133,26 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * </Composite>
    * ```
    */
-  GroupLabel,
+  GroupLabel: Object.assign(_groupLabel.CompositeGroupLabel, {
+    displayName: 'Composite.GroupLabel'
+  }),
   /**
    * Renders a composite item.
    *
    * @example
    * ```jsx
-   * import { Composite, useCompositeStore } from '@wordpress/components';
+   * import { Composite } from '@wordpress/components';
    *
-   * const store = useCompositeStore();
-   * <Composite store={store}>
+   * <Composite>
    *   <Composite.Item>Item 1</Composite.Item>
    *   <Composite.Item>Item 2</Composite.Item>
    *   <Composite.Item>Item 3</Composite.Item>
    * </Composite>
    * ```
    */
-  Item,
+  Item: Object.assign(_item.CompositeItem, {
+    displayName: 'Composite.Item'
+  }),
   /**
    * Renders a composite row. Wrapping `Composite.Item` elements within
    * `Composite.Row` will create a two-dimensional composite widget, such as a
@@ -220,10 +160,9 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    *
    * @example
    * ```jsx
-   * import { Composite, useCompositeStore } from '@wordpress/components';
+   * import { Composite } from '@wordpress/components';
    *
-   * const store = useCompositeStore();
-   * <Composite store={store}>
+   * <Composite>
    *   <Composite.Row>
    *     <Composite.Item>Item 1.1</Composite.Item>
    *     <Composite.Item>Item 1.2</Composite.Item>
@@ -237,7 +176,9 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * </Composite>
    * ```
    */
-  Row,
+  Row: Object.assign(_row.CompositeRow, {
+    displayName: 'Composite.Row'
+  }),
   /**
    * Renders an element in a composite widget that receives focus on mouse move
    * and loses focus to the composite base element on mouse leave. This should
@@ -245,10 +186,9 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    *
    * @example
    * ```jsx
-   * import { Composite, useCompositeStore } from '@wordpress/components';
+   * import { Composite } from '@wordpress/components';
    *
-   * const store = useCompositeStore();
-   * <Composite store={store}>
+   * <Composite>
    *   <Composite.Hover render={ <Composite.Item /> }>
    *     Item 1
    *   </Composite.Hover>
@@ -258,7 +198,9 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * </Composite>
    * ```
    */
-  Hover,
+  Hover: Object.assign(_hover.CompositeHover, {
+    displayName: 'Composite.Hover'
+  }),
   /**
    * Renders a component that adds typeahead functionality to composite
    * components. Hitting printable character keys will move focus to the next
@@ -266,16 +208,17 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    *
    * @example
    * ```jsx
-   * import { Composite, useCompositeStore } from '@wordpress/components';
+   * import { Composite } from '@wordpress/components';
    *
-   * const store = useCompositeStore();
-   * <Composite store={store} render={ <CompositeTypeahead /> }>
+   * <Composite render={ <CompositeTypeahead /> }>
    *   <Composite.Item>Item 1</Composite.Item>
    *   <Composite.Item>Item 2</Composite.Item>
    * </Composite>
    * ```
    */
-  Typeahead,
+  Typeahead: Object.assign(_typeahead.CompositeTypeahead, {
+    displayName: 'Composite.Typeahead'
+  }),
   /**
    * The React context used by the composite components. It can be used by
    * to access the composite store, and to forward the context when composite
@@ -290,6 +233,8 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * const compositeContext = useContext( Composite.Context );
    * ```
    */
-  Context: _context.CompositeContext
+  Context: Object.assign(_context.CompositeContext, {
+    displayName: 'Composite.Context'
+  })
 });
 //# sourceMappingURL=index.js.map

package/build/composite/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_element","_context","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCompositeStore","focusLoop","focusWrap","focusShift","virtualFocus","orientation","rtl","props","Group","forwardRef","CompositeGroup","ref","context","useCompositeContext","jsx","store","displayName","GroupLabel","CompositeGroupLabel","Item","CompositeItem","Row","CompositeRow","Hover","CompositeHover","Typeahead","CompositeTypeahead","Composite","exports","assign","children","disabled","contextValue","useMemo","CompositeContext","Provider","value","Context"],"sources":["@wordpress/components/src/composite/index.tsx"],"sourcesContent":["/**\n * Composite is a component that may contain navigable items represented by\n * Composite.Item. It's inspired by the WAI-ARIA Composite Role and implements\n * all the keyboard navigation mechanisms to ensure that there's only one\n * tab stop for the whole Composite element. This means that it can behave as\n * a roving tabindex or aria-activedescendant container.\n *\n * @see https://ariakit.org/components/composite\n */\n\n/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { CompositeContext, useCompositeContext } from './context';\nimport type {\n\tCompositeStoreProps,\n\tCompositeProps,\n\tCompositeGroupProps,\n\tCompositeGroupLabelProps,\n\tCompositeItemProps,\n\tCompositeRowProps,\n\tCompositeHoverProps,\n\tCompositeTypeaheadProps,\n} from './types';\n\n/**\n * Creates a composite store.\n *\n * @example\n * ```jsx\n * import { Composite, useCompositeStore } from '@wordpress/components';\n *\n * const store = useCompositeStore();\n * <Composite store={store}>\n *   <Composite.Item>Item</Composite.Item>\n *   <Composite.Item>Item</Composite.Item>\n *   <Composite.Item>Item</Composite.Item>\n * </Composite>\n * ```\n */\nexport function useCompositeStore( {\n\tfocusLoop = false,\n\tfocusWrap = false,\n\tfocusShift = false,\n\tvirtualFocus = false,\n\torientation = 'both',\n\trtl = false,\n\t...props\n}: CompositeStoreProps = {} ) {\n\treturn Ariakit.useCompositeStore( {\n\t\tfocusLoop,\n\t\tfocusWrap,\n\t\tfocusShift,\n\t\tvirtualFocus,\n\t\torientation,\n\t\trtl,\n\t\t...props,\n\t} );\n}\n\nconst Group = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< CompositeGroupProps, 'div', false >\n>( function CompositeGroup( props, ref ) {\n\tconst context = useCompositeContext();\n\treturn (\n\t\t<Ariakit.CompositeGroup\n\t\t\tstore={ context?.store }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n} );\nGroup.displayName = 'Composite.Group';\n\nconst GroupLabel = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< CompositeGroupLabelProps, 'div', false >\n>( function CompositeGroupLabel( props, ref ) {\n\tconst context = useCompositeContext();\n\treturn (\n\t\t<Ariakit.CompositeGroupLabel\n\t\t\tstore={ context?.store }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n} );\nGroupLabel.displayName = 'Composite.GroupLabel';\n\nconst Item = forwardRef<\n\tHTMLButtonElement,\n\tWordPressComponentProps< CompositeItemProps, 'button', false >\n>( function CompositeItem( props, ref ) {\n\tconst context = useCompositeContext();\n\treturn (\n\t\t<Ariakit.CompositeItem\n\t\t\tstore={ context?.store }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n} );\nItem.displayName = 'Composite.Item';\n\nconst Row = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< CompositeRowProps, 'div', false >\n>( function CompositeRow( props, ref ) {\n\tconst context = useCompositeContext();\n\treturn (\n\t\t<Ariakit.CompositeRow\n\t\t\tstore={ context?.store }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n} );\nRow.displayName = 'Composite.Row';\n\nconst Hover = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< CompositeHoverProps, 'div', false >\n>( function CompositeHover( props, ref ) {\n\tconst context = useCompositeContext();\n\treturn (\n\t\t<Ariakit.CompositeHover\n\t\t\tstore={ context?.store }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n} );\nHover.displayName = 'Composite.Hover';\n\nconst Typeahead = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< CompositeTypeaheadProps, 'div', false >\n>( function CompositeTypeahead( props, ref ) {\n\tconst context = useCompositeContext();\n\treturn (\n\t\t<Ariakit.CompositeTypeahead\n\t\t\tstore={ context?.store }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n} );\nTypeahead.displayName = 'Composite.Typeahead';\n\n/**\n * Renders a widget based on the WAI-ARIA [`composite`](https://w3c.github.io/aria/#composite)\n * role, which provides a single tab stop on the page and arrow key navigation\n * through the focusable descendants.\n *\n * @example\n * ```jsx\n * import { Composite, useCompositeStore } from '@wordpress/components';\n *\n * const store = useCompositeStore();\n * <Composite store={store}>\n *   <Composite.Item>Item 1</Composite.Item>\n *   <Composite.Item>Item 2</Composite.Item>\n * </Composite>\n * ```\n */\nexport const Composite = Object.assign(\n\tforwardRef<\n\t\tHTMLDivElement,\n\t\tWordPressComponentProps< CompositeProps, 'div', false >\n\t>( function Composite(\n\t\t{ children, store, disabled = false, ...props },\n\t\tref\n\t) {\n\t\tconst contextValue = useMemo(\n\t\t\t() => ( {\n\t\t\t\tstore,\n\t\t\t} ),\n\t\t\t[ store ]\n\t\t);\n\n\t\treturn (\n\t\t\t<Ariakit.Composite\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tstore={ store }\n\t\t\t\t{ ...props }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t<CompositeContext.Provider value={ contextValue }>\n\t\t\t\t\t{ children }\n\t\t\t\t</CompositeContext.Provider>\n\t\t\t</Ariakit.Composite>\n\t\t);\n\t} ),\n\t{\n\t\tdisplayName: 'Composite',\n\t\t/**\n\t\t * Renders a group element for composite items.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite, useCompositeStore } from '@wordpress/components';\n\t\t *\n\t\t * const store = useCompositeStore();\n\t\t * <Composite store={store}>\n\t\t *   <Composite.Group>\n\t\t *     <Composite.GroupLabel>Label</Composite.GroupLabel>\n\t\t *     <Composite.Item>Item 1</Composite.Item>\n\t\t *     <Composite.Item>Item 2</Composite.Item>\n\t\t *   </CompositeGroup>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tGroup,\n\t\t/**\n\t\t * Renders a label in a composite group. This component must be wrapped with\n\t\t * `Composite.Group` so the `aria-labelledby` prop is properly set on the\n\t\t * composite group element.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite, useCompositeStore } from '@wordpress/components';\n\t\t *\n\t\t * const store = useCompositeStore();\n\t\t * <Composite store={store}>\n\t\t *   <Composite.Group>\n\t\t *     <Composite.GroupLabel>Label</Composite.GroupLabel>\n\t\t *     <Composite.Item>Item 1</Composite.Item>\n\t\t *     <Composite.Item>Item 2</Composite.Item>\n\t\t *   </CompositeGroup>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tGroupLabel,\n\t\t/**\n\t\t * Renders a composite item.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite, useCompositeStore } from '@wordpress/components';\n\t\t *\n\t\t * const store = useCompositeStore();\n\t\t * <Composite store={store}>\n\t\t *   <Composite.Item>Item 1</Composite.Item>\n\t\t *   <Composite.Item>Item 2</Composite.Item>\n\t\t *   <Composite.Item>Item 3</Composite.Item>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tItem,\n\t\t/**\n\t\t * Renders a composite row. Wrapping `Composite.Item` elements within\n\t\t * `Composite.Row` will create a two-dimensional composite widget, such as a\n\t\t * grid.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite, useCompositeStore } from '@wordpress/components';\n\t\t *\n\t\t * const store = useCompositeStore();\n\t\t * <Composite store={store}>\n\t\t *   <Composite.Row>\n\t\t *     <Composite.Item>Item 1.1</Composite.Item>\n\t\t *     <Composite.Item>Item 1.2</Composite.Item>\n\t\t *     <Composite.Item>Item 1.3</Composite.Item>\n\t\t *   </Composite.Row>\n\t\t *   <Composite.Row>\n\t\t *     <Composite.Item>Item 2.1</Composite.Item>\n\t\t *     <Composite.Item>Item 2.2</Composite.Item>\n\t\t *     <Composite.Item>Item 2.3</Composite.Item>\n\t\t *   </Composite.Row>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tRow,\n\t\t/**\n\t\t * Renders an element in a composite widget that receives focus on mouse move\n\t\t * and loses focus to the composite base element on mouse leave. This should\n\t\t * be combined with the `Composite.Item` component.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite, useCompositeStore } from '@wordpress/components';\n\t\t *\n\t\t * const store = useCompositeStore();\n\t\t * <Composite store={store}>\n\t\t *   <Composite.Hover render={ <Composite.Item /> }>\n\t\t *     Item 1\n\t\t *   </Composite.Hover>\n\t\t *   <Composite.Hover render={ <Composite.Item /> }>\n\t\t *     Item 2\n\t\t *   </Composite.Hover>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tHover,\n\t\t/**\n\t\t * Renders a component that adds typeahead functionality to composite\n\t\t * components. Hitting printable character keys will move focus to the next\n\t\t * composite item that begins with the input characters.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite, useCompositeStore } from '@wordpress/components';\n\t\t *\n\t\t * const store = useCompositeStore();\n\t\t * <Composite store={store} render={ <CompositeTypeahead /> }>\n\t\t *   <Composite.Item>Item 1</Composite.Item>\n\t\t *   <Composite.Item>Item 2</Composite.Item>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tTypeahead,\n\t\t/**\n\t\t * The React context used by the composite components. It can be used by\n\t\t * to access the composite store, and to forward the context when composite\n\t\t * sub-components are rendered across portals (ie. `SlotFill` components)\n\t\t * that would not otherwise forward the context to the `Fill` children.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite } from '@wordpress/components';\n\t\t * import { useContext } from '@wordpress/element';\n\t\t *\n\t\t * const compositeContext = useContext( Composite.Context );\n\t\t * ```\n\t\t */\n\t\tContext: CompositeContext,\n\t}\n);\n"],"mappings":"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SAASA,CACpB;EAAEG,QAAQ;EAAEf,KAAK;EAAEgB,QAAQ,GAAG,KAAK;EAAE,GAAGxB;AAAM,CAAC,EAC/CI,GAAG,EACF;EACD,MAAMqB,YAAY,GAAG,IAAAC,gBAAO,EAC3B,OAAQ;IACPlB;EACD,CAAC,CAAE,EACH,CAAEA,KAAK,CACR,CAAC;EAED,oBACC,IAAApC,WAAA,CAAAmC,GAAA,EAACxC,OAAO,CAACqD,SAAS;IACjBI,QAAQ,EAAGA,QAAU;IACrBhB,KAAK,EAAGA,KAAO;IAAA,GACVR,KAAK;IACVI,GAAG,EAAGA,GAAK;IAAAmB,QAAA,eAEX,IAAAnD,WAAA,CAAAmC,GAAA,EAACpC,QAAA,CAAAwD,gBAAgB,CAACC,QAAQ;MAACC,KAAK,EAAGJ,YAAc;MAAAF,QAAA,EAC9CA;IAAQ,CACgB;EAAC,CACV,CAAC;AAEtB,CAAE,CAAC,EACH;EACCd,WAAW,EAAE,WAAW;EACxB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACER,KAAK;EACL;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACES,UAAU;EACV;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEE,IAAI;EACJ;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEE,GAAG;EACH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEE,KAAK;EACL;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEE,SAAS;EACT;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEY,OAAO,EAAEH;AACV,CACD,CAAC","ignoreList":[]}
+{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_i18n","_element","_context","_group","_groupLabel","_hover","_item","_row","_typeahead","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Composite","exports","assign","forwardRef","activeId","defaultActiveId","setActiveId","focusLoop","focusWrap","focusShift","virtualFocus","orientation","rtl","isRTL","children","disabled","props","ref","store","useCompositeStore","contextValue","useMemo","jsx","CompositeContext","Provider","value","Group","CompositeGroup","displayName","GroupLabel","CompositeGroupLabel","Item","CompositeItem","Row","CompositeRow","Hover","CompositeHover","Typeahead","CompositeTypeahead","Context"],"sources":["@wordpress/components/src/composite/index.tsx"],"sourcesContent":["/**\n * Composite is a component that may contain navigable items represented by\n * Composite.Item. It's inspired by the WAI-ARIA Composite Role and implements\n * all the keyboard navigation mechanisms to ensure that there's only one\n * tab stop for the whole Composite element. This means that it can behave as\n * a roving tabindex or aria-activedescendant container.\n *\n * @see https://ariakit.org/components/composite\n */\n\n/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\nimport { useMemo, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { CompositeContext } from './context';\nimport { CompositeGroup } from './group';\nimport { CompositeGroupLabel } from './group-label';\nimport { CompositeHover } from './hover';\nimport { CompositeItem } from './item';\nimport { CompositeRow } from './row';\nimport { CompositeTypeahead } from './typeahead';\nimport type { CompositeProps } from './types';\n\n/**\n * Renders a widget based on the WAI-ARIA [`composite`](https://w3c.github.io/aria/#composite)\n * role, which provides a single tab stop on the page and arrow key navigation\n * through the focusable descendants.\n *\n * @example\n * ```jsx\n * import { Composite } from '@wordpress/components';\n *\n * <Composite>\n *   <Composite.Item>Item 1</Composite.Item>\n *   <Composite.Item>Item 2</Composite.Item>\n * </Composite>\n * ```\n */\nexport const Composite = Object.assign(\n\tforwardRef<\n\t\tHTMLDivElement,\n\t\tWordPressComponentProps< CompositeProps, 'div', false >\n\t>( function Composite(\n\t\t{\n\t\t\t// Composite store props\n\t\t\tactiveId,\n\t\t\tdefaultActiveId,\n\t\t\tsetActiveId,\n\t\t\tfocusLoop = false,\n\t\t\tfocusWrap = false,\n\t\t\tfocusShift = false,\n\t\t\tvirtualFocus = false,\n\t\t\torientation = 'both',\n\t\t\trtl = isRTL(),\n\n\t\t\t// Composite component props\n\t\t\tchildren,\n\t\t\tdisabled = false,\n\n\t\t\t// Rest props\n\t\t\t...props\n\t\t},\n\t\tref\n\t) {\n\t\tconst store = Ariakit.useCompositeStore( {\n\t\t\tactiveId,\n\t\t\tdefaultActiveId,\n\t\t\tsetActiveId,\n\t\t\tfocusLoop,\n\t\t\tfocusWrap,\n\t\t\tfocusShift,\n\t\t\tvirtualFocus,\n\t\t\torientation,\n\t\t\trtl,\n\t\t} );\n\n\t\tconst contextValue = useMemo(\n\t\t\t() => ( {\n\t\t\t\tstore,\n\t\t\t} ),\n\t\t\t[ store ]\n\t\t);\n\n\t\treturn (\n\t\t\t<Ariakit.Composite\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tstore={ store }\n\t\t\t\t{ ...props }\n\t\t\t\tref={ ref }\n\t\t\t>\n\t\t\t\t<CompositeContext.Provider value={ contextValue }>\n\t\t\t\t\t{ children }\n\t\t\t\t</CompositeContext.Provider>\n\t\t\t</Ariakit.Composite>\n\t\t);\n\t} ),\n\t{\n\t\t/**\n\t\t * Renders a group element for composite items.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite } from '@wordpress/components';\n\t\t *\n\t\t * <Composite>\n\t\t *   <Composite.Group>\n\t\t *     <Composite.GroupLabel>Label</Composite.GroupLabel>\n\t\t *     <Composite.Item>Item 1</Composite.Item>\n\t\t *     <Composite.Item>Item 2</Composite.Item>\n\t\t *   </CompositeGroup>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tGroup: Object.assign( CompositeGroup, {\n\t\t\tdisplayName: 'Composite.Group',\n\t\t} ),\n\t\t/**\n\t\t * Renders a label in a composite group. This component must be wrapped with\n\t\t * `Composite.Group` so the `aria-labelledby` prop is properly set on the\n\t\t * composite group element.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite } from '@wordpress/components';\n\t\t *\n\t\t * <Composite>\n\t\t *   <Composite.Group>\n\t\t *     <Composite.GroupLabel>Label</Composite.GroupLabel>\n\t\t *     <Composite.Item>Item 1</Composite.Item>\n\t\t *     <Composite.Item>Item 2</Composite.Item>\n\t\t *   </CompositeGroup>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tGroupLabel: Object.assign( CompositeGroupLabel, {\n\t\t\tdisplayName: 'Composite.GroupLabel',\n\t\t} ),\n\t\t/**\n\t\t * Renders a composite item.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite } from '@wordpress/components';\n\t\t *\n\t\t * <Composite>\n\t\t *   <Composite.Item>Item 1</Composite.Item>\n\t\t *   <Composite.Item>Item 2</Composite.Item>\n\t\t *   <Composite.Item>Item 3</Composite.Item>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tItem: Object.assign( CompositeItem, { displayName: 'Composite.Item' } ),\n\t\t/**\n\t\t * Renders a composite row. Wrapping `Composite.Item` elements within\n\t\t * `Composite.Row` will create a two-dimensional composite widget, such as a\n\t\t * grid.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite } from '@wordpress/components';\n\t\t *\n\t\t * <Composite>\n\t\t *   <Composite.Row>\n\t\t *     <Composite.Item>Item 1.1</Composite.Item>\n\t\t *     <Composite.Item>Item 1.2</Composite.Item>\n\t\t *     <Composite.Item>Item 1.3</Composite.Item>\n\t\t *   </Composite.Row>\n\t\t *   <Composite.Row>\n\t\t *     <Composite.Item>Item 2.1</Composite.Item>\n\t\t *     <Composite.Item>Item 2.2</Composite.Item>\n\t\t *     <Composite.Item>Item 2.3</Composite.Item>\n\t\t *   </Composite.Row>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tRow: Object.assign( CompositeRow, { displayName: 'Composite.Row' } ),\n\t\t/**\n\t\t * Renders an element in a composite widget that receives focus on mouse move\n\t\t * and loses focus to the composite base element on mouse leave. This should\n\t\t * be combined with the `Composite.Item` component.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite } from '@wordpress/components';\n\t\t *\n\t\t * <Composite>\n\t\t *   <Composite.Hover render={ <Composite.Item /> }>\n\t\t *     Item 1\n\t\t *   </Composite.Hover>\n\t\t *   <Composite.Hover render={ <Composite.Item /> }>\n\t\t *     Item 2\n\t\t *   </Composite.Hover>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tHover: Object.assign( CompositeHover, {\n\t\t\tdisplayName: 'Composite.Hover',\n\t\t} ),\n\t\t/**\n\t\t * Renders a component that adds typeahead functionality to composite\n\t\t * components. Hitting printable character keys will move focus to the next\n\t\t * composite item that begins with the input characters.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite } from '@wordpress/components';\n\t\t *\n\t\t * <Composite render={ <CompositeTypeahead /> }>\n\t\t *   <Composite.Item>Item 1</Composite.Item>\n\t\t *   <Composite.Item>Item 2</Composite.Item>\n\t\t * </Composite>\n\t\t * ```\n\t\t */\n\t\tTypeahead: Object.assign( CompositeTypeahead, {\n\t\t\tdisplayName: 'Composite.Typeahead',\n\t\t} ),\n\t\t/**\n\t\t * The React context used by the composite components. It can be used by\n\t\t * to access the composite store, and to forward the context when composite\n\t\t * sub-components are rendered across portals (ie. `SlotFill` components)\n\t\t * that would not otherwise forward the context to the `Fill` children.\n\t\t *\n\t\t * @example\n\t\t * ```jsx\n\t\t * import { Composite } from '@wordpress/components';\n\t\t * import { useContext } from '@wordpress/element';\n\t\t *\n\t\t * const compositeContext = useContext( Composite.Context );\n\t\t * ```\n\t\t */\n\t\tContext: Object.assign( CompositeContext, {\n\t\t\tdisplayName: 'Composite.Context',\n\t\t} ),\n\t}\n);\n"],"mappings":"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AACU,MAAM,CAAEyB,qBAAc,EAAE;IACrCC,WAAW,EAAE;EACd,CAAE,CAAC;EACH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEC,UAAU,EAAErC,MAAM,CAACU,MAAM,CAAE4B,+BAAmB,EAAE;IAC/CF,WAAW,EAAE;EACd,CAAE,CAAC;EACH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEG,IAAI,EAAEvC,MAAM,CAACU,MAAM,CAAE8B,mBAAa,EAAE;IAAEJ,WAAW,EAAE;EAAiB,CAAE,CAAC;EACvE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEK,GAAG,EAAEzC,MAAM,CAACU,MAAM,CAAEgC,iBAAY,EAAE;IAAEN,WAAW,EAAE;EAAgB,CAAE,CAAC;EACpE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEO,KAAK,EAAE3C,MAAM,CAACU,MAAM,CAAEkC,qBAAc,EAAE;IACrCR,WAAW,EAAE;EACd,CAAE,CAAC;EACH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACES,SAAS,EAAE7C,MAAM,CAACU,MAAM,CAAEoC,6BAAkB,EAAE;IAC7CV,WAAW,EAAE;EACd,CAAE,CAAC;EACH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEW,OAAO,EAAE/C,MAAM,CAACU,MAAM,CAAEqB,yBAAgB,EAAE;IACzCK,WAAW,EAAE;EACd,CAAE;AACH,CACD,CAAC","ignoreList":[]}

package/build/composite/item.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CompositeItem = void 0;
+var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
+var _element = require("@wordpress/element");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const CompositeItem = exports.CompositeItem = (0, _element.forwardRef)(function CompositeItem(props, ref) {
+  const context = (0, _context.useCompositeContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.CompositeItem, {
+    store: context.store,
+    ...props,
+    ref: ref
+  });
+});
+//# sourceMappingURL=item.js.map

package/build/composite/item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_element","_context","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CompositeItem","exports","forwardRef","props","ref","context","useCompositeContext","jsx","store"],"sources":["@wordpress/components/src/composite/item.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { useCompositeContext } from './context';\nimport type { CompositeItemProps } from './types';\n\nexport const CompositeItem = forwardRef<\n\tHTMLButtonElement,\n\tWordPressComponentProps< CompositeItemProps, 'button', false >\n>( function CompositeItem( props, ref ) {\n\tconst context = useCompositeContext();\n\treturn (\n\t\t<Ariakit.CompositeItem\n\t\t\tstore={ context.store as Ariakit.CompositeStore }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t/>\n\t);\n} );\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAdhD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAKO,MAAMW,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,mBAAU,EAGpC,SAASF,aAAaA,CAAEG,KAAK,EAAEC,GAAG,EAAG;EACvC,MAAMC,OAAO,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACrC,oBACC,IAAA3B,WAAA,CAAA4B,GAAA,EAACjC,OAAO,CAAC0B,aAAa;IACrBQ,KAAK,EAAGH,OAAO,CAACG,KAAiC;IAAA,GAC5CL,KAAK;IACVC,GAAG,EAAGA;EAAK,CACX,CAAC;AAEJ,CAAE,CAAC","ignoreList":[]}

package/build/composite/legacy/index.js

@@ -1,14 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompositeItem = exports.CompositeGroup = exports.Composite = void 0;
 exports.useCompositeState = useCompositeState;
+var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
 var _element = require("@wordpress/element");
-var _ = require("..");
 var _compose = require("@wordpress/compose");
+var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
+var _ = require("..");
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Composite is a component that may contain navigable items represented by
  * CompositeItem. It's inspired by the WAI-ARIA Composite Role and implements
@@ -24,6 +29,10 @@ var _jsxRuntime = require("react/jsx-runtime");
  * @see https://ariakit.org/components/composite
  */
 
+/**
+ * External dependencies
+ */
+
 /**
  * WordPress dependencies
  */
@@ -57,9 +66,20 @@ function mapLegacyStatePropsToComponentProps(legacyProps) {
   }
   return legacyProps;
 }
+const LEGACY_TO_NEW_DISPLAY_NAME = {
+  __unstableComposite: 'Composite',
+  __unstableCompositeGroup: 'Composite.Group or Composite.Row',
+  __unstableCompositeItem: 'Composite.Item',
+  __unstableUseCompositeState: 'Composite'
+};
 function proxyComposite(ProxiedComponent, propMap = {}) {
-  const displayName = ProxiedComponent.displayName;
+  var _ProxiedComponent$dis;
+  const displayName = (_ProxiedComponent$dis = ProxiedComponent.displayName) !== null && _ProxiedComponent$dis !== void 0 ? _ProxiedComponent$dis : '';
   const Component = legacyProps => {
+    (0, _deprecated.default)(`wp.components.${displayName}`, {
+      since: '6.7',
+      alternative: LEGACY_TO_NEW_DISPLAY_NAME.hasOwnProperty(displayName) ? LEGACY_TO_NEW_DISPLAY_NAME[displayName] : undefined
+    });
     const {
       store,
       ...rest
@@ -88,7 +108,7 @@ function proxyComposite(ProxiedComponent, propMap = {}) {
 // `CompositeRow`, but this has been split into two different
 // components. We handle that difference by checking on the
 // provided role, and returning the appropriate component.
-const unproxiedCompositeGroup = (0, _element.forwardRef)(({
+const UnproxiedCompositeGroup = (0, _element.forwardRef)(({
   role,
   ...props
 }, ref) => {
@@ -99,14 +119,46 @@ const unproxiedCompositeGroup = (0, _element.forwardRef)(({
     ...props
   });
 });
-const Composite = exports.Composite = proxyComposite(_.Composite, {
+
+/**
+ * _Note: please use the `Composite` component instead._
+ *
+ * @deprecated
+ */
+const Composite = exports.Composite = proxyComposite(Object.assign(_.Composite, {
+  displayName: '__unstableComposite'
+}), {
   baseId: 'id'
 });
-const CompositeGroup = exports.CompositeGroup = proxyComposite(unproxiedCompositeGroup);
-const CompositeItem = exports.CompositeItem = proxyComposite(_.Composite.Item, {
+/**
+ * _Note: please use the `Composite.Row` or `Composite.Group` components instead._
+ *
+ * @deprecated
+ */
+const CompositeGroup = exports.CompositeGroup = proxyComposite(Object.assign(UnproxiedCompositeGroup, {
+  displayName: '__unstableCompositeGroup'
+}));
+/**
+ * _Note: please use the `Composite.Item` component instead._
+ *
+ * @deprecated
+ */
+const CompositeItem = exports.CompositeItem = proxyComposite(Object.assign(_.Composite.Item, {
+  displayName: '__unstableCompositeItem'
+}), {
   focusable: 'accessibleWhenDisabled'
 });
+
+/**
+ * _Note: please use the `Composite` component instead._
+ *
+ * @deprecated
+ */
 function useCompositeState(legacyStateOptions = {}) {
+  (0, _deprecated.default)(`wp.components.__unstableUseCompositeState`, {
+    since: '6.7',
+    alternative: LEGACY_TO_NEW_DISPLAY_NAME.__unstableUseCompositeState
+  });
   const {
     baseId,
     currentId: defaultActiveId,
@@ -120,7 +172,7 @@ function useCompositeState(legacyStateOptions = {}) {
   } = legacyStateOptions;
   return {
     baseId: (0, _compose.useInstanceId)(Composite, 'composite', baseId),
-    store: (0, _.useCompositeStore)({
+    store: Ariakit.useCompositeStore({
       defaultActiveId,
       rtl,
       orientation,