@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build/composite/index.js

@@ -1,60 +1,48 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var composite_exports = {};
+__export(composite_exports, {
+  Composite: () => Composite
 });
-exports.Composite = void 0;
-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; }
-/**
- * Composite is a component that may contain navigable items represented by
- * Composite.Item. It's inspired by the WAI-ARIA Composite Role and implements
- * all the keyboard navigation mechanisms to ensure that there's only one
- * tab stop for the whole Composite element. This means that it can behave as
- * a roving tabindex or aria-activedescendant container.
- *
- * @see https://ariakit.org/components/composite
- */
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * 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 } from '@wordpress/components';
- *
- * <Composite>
- *   <Composite.Item>Item 1</Composite.Item>
- *   <Composite.Item>Item 2</Composite.Item>
- * </Composite>
- * ```
- */
-const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(function Composite({
+module.exports = __toCommonJS(composite_exports);
+var Ariakit = __toESM(require("@ariakit/react"));
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_context = require("./context");
+var import_group = require("./group");
+var import_group_label = require("./group-label");
+var import_hover = require("./hover");
+var import_item = require("./item");
+var import_row = require("./row");
+var import_typeahead = require("./typeahead");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Composite = Object.assign((0, import_element.forwardRef)(function Composite2({
   // Composite store props
   activeId,
   defaultActiveId,
@@ -63,16 +51,14 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
   focusWrap = false,
   focusShift = false,
   virtualFocus = false,
-  orientation = 'both',
-  rtl = (0, _i18n.isRTL)(),
+  orientation = "both",
+  rtl = (0, import_i18n.isRTL)(),
   // Composite component props
   children,
   disabled = false,
   // Rest props
   ...props
 }, ref) {
-  // @ts-expect-error The store prop is undocumented and only used by the
-  // legacy compat layer.
   const storeProp = props.store;
   const internalStore = Ariakit.useCompositeStore({
     activeId,
@@ -86,17 +72,17 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
     rtl
   });
   const store = storeProp !== null && storeProp !== void 0 ? storeProp : internalStore;
-  const contextValue = (0, _element.useMemo)(() => ({
+  const contextValue = (0, import_element.useMemo)(() => ({
     store
   }), [store]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.Composite, {
-    disabled: disabled,
-    store: store,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ariakit.Composite, {
+    disabled,
+    store,
     ...props,
-    ref: ref,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.CompositeContext.Provider, {
+    ref,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.CompositeContext.Provider, {
       value: contextValue,
-      children: children
+      children
     })
   });
 }), {
@@ -116,8 +102,8 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * </Composite>
    * ```
    */
-  Group: Object.assign(_group.CompositeGroup, {
-    displayName: 'Composite.Group'
+  Group: Object.assign(import_group.CompositeGroup, {
+    displayName: "Composite.Group"
   }),
   /**
    * Renders a label in a composite group. This component must be wrapped with
@@ -137,8 +123,8 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * </Composite>
    * ```
    */
-  GroupLabel: Object.assign(_groupLabel.CompositeGroupLabel, {
-    displayName: 'Composite.GroupLabel'
+  GroupLabel: Object.assign(import_group_label.CompositeGroupLabel, {
+    displayName: "Composite.GroupLabel"
   }),
   /**
    * Renders a composite item.
@@ -154,8 +140,8 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * </Composite>
    * ```
    */
-  Item: Object.assign(_item.CompositeItem, {
-    displayName: 'Composite.Item'
+  Item: Object.assign(import_item.CompositeItem, {
+    displayName: "Composite.Item"
   }),
   /**
    * Renders a composite row. Wrapping `Composite.Item` elements within
@@ -180,8 +166,8 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * </Composite>
    * ```
    */
-  Row: Object.assign(_row.CompositeRow, {
-    displayName: 'Composite.Row'
+  Row: Object.assign(import_row.CompositeRow, {
+    displayName: "Composite.Row"
   }),
   /**
    * Renders an element in a composite widget that receives focus on mouse move
@@ -202,8 +188,8 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * </Composite>
    * ```
    */
-  Hover: Object.assign(_hover.CompositeHover, {
-    displayName: 'Composite.Hover'
+  Hover: Object.assign(import_hover.CompositeHover, {
+    displayName: "Composite.Hover"
   }),
   /**
    * Renders a component that adds typeahead functionality to composite
@@ -220,8 +206,8 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * </Composite>
    * ```
    */
-  Typeahead: Object.assign(_typeahead.CompositeTypeahead, {
-    displayName: 'Composite.Typeahead'
+  Typeahead: Object.assign(import_typeahead.CompositeTypeahead, {
+    displayName: "Composite.Typeahead"
   }),
   /**
    * The React context used by the composite components. It can be used by
@@ -237,8 +223,12 @@ const Composite = exports.Composite = Object.assign((0, _element.forwardRef)(fun
    * const compositeContext = useContext( Composite.Context );
    * ```
    */
-  Context: Object.assign(_context.CompositeContext, {
-    displayName: 'Composite.Context'
+  Context: Object.assign(import_context.CompositeContext, {
+    displayName: "Composite.Context"
   })
 });
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Composite
+});
+//# sourceMappingURL=index.js.map

package/build/composite/index.js.map

@@ -1 +1,7 @@
-{"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","storeProp","store","internalStore","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\t// @ts-expect-error The store prop is undocumented and only used by the\n\t\t// legacy compat layer.\n\t\tconst storeProp = props.store as Ariakit.CompositeStore;\n\t\tconst internalStore = 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 store = storeProp ?? internalStore;\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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AC,EACH;EACC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEc,KAAK,EAAEpC,MAAM,CAACU,MAAM,CAAE2B,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,EAAEvC,MAAM,CAACU,MAAM,CAAE8B,+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,EAAEzC,MAAM,CAACU,MAAM,CAAEgC,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,EAAE3C,MAAM,CAACU,MAAM,CAAEkC,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,EAAE7C,MAAM,CAACU,MAAM,CAAEoC,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,EAAE/C,MAAM,CAACU,MAAM,CAAEsC,6BAAkB,EAAE;IAC7CV,WAAW,EAAE;EACd,CAAE,CAAC;EACH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEW,OAAO,EAAEjD,MAAM,CAACU,MAAM,CAAEuB,yBAAgB,EAAE;IACzCK,WAAW,EAAE;EACd,CAAE;AACH,CACD,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../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 */\n\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 { jsx as _jsx } from \"react/jsx-runtime\";\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(forwardRef(function Composite({\n  // Composite store props\n  activeId,\n  defaultActiveId,\n  setActiveId,\n  focusLoop = false,\n  focusWrap = false,\n  focusShift = false,\n  virtualFocus = false,\n  orientation = 'both',\n  rtl = isRTL(),\n  // Composite component props\n  children,\n  disabled = false,\n  // Rest props\n  ...props\n}, ref) {\n  // @ts-expect-error The store prop is undocumented and only used by the\n  // legacy compat layer.\n  const storeProp = props.store;\n  const internalStore = Ariakit.useCompositeStore({\n    activeId,\n    defaultActiveId,\n    setActiveId,\n    focusLoop,\n    focusWrap,\n    focusShift,\n    virtualFocus,\n    orientation,\n    rtl\n  });\n  const store = storeProp !== null && storeProp !== void 0 ? storeProp : internalStore;\n  const contextValue = useMemo(() => ({\n    store\n  }), [store]);\n  return /*#__PURE__*/_jsx(Ariakit.Composite, {\n    disabled: disabled,\n    store: store,\n    ...props,\n    ref: ref,\n    children: /*#__PURE__*/_jsx(CompositeContext.Provider, {\n      value: contextValue,\n      children: children\n    })\n  });\n}), {\n  /**\n   * Renders a group element for composite items.\n   *\n   * @example\n   * ```jsx\n   * import { Composite } from '@wordpress/components';\n   *\n   * <Composite>\n   *   <Composite.Group>\n   *     <Composite.GroupLabel>Label</Composite.GroupLabel>\n   *     <Composite.Item>Item 1</Composite.Item>\n   *     <Composite.Item>Item 2</Composite.Item>\n   *   </CompositeGroup>\n   * </Composite>\n   * ```\n   */\n  Group: Object.assign(CompositeGroup, {\n    displayName: 'Composite.Group'\n  }),\n  /**\n   * Renders a label in a composite group. This component must be wrapped with\n   * `Composite.Group` so the `aria-labelledby` prop is properly set on the\n   * composite group element.\n   *\n   * @example\n   * ```jsx\n   * import { Composite } from '@wordpress/components';\n   *\n   * <Composite>\n   *   <Composite.Group>\n   *     <Composite.GroupLabel>Label</Composite.GroupLabel>\n   *     <Composite.Item>Item 1</Composite.Item>\n   *     <Composite.Item>Item 2</Composite.Item>\n   *   </CompositeGroup>\n   * </Composite>\n   * ```\n   */\n  GroupLabel: Object.assign(CompositeGroupLabel, {\n    displayName: 'Composite.GroupLabel'\n  }),\n  /**\n   * Renders a composite item.\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.Item>Item 3</Composite.Item>\n   * </Composite>\n   * ```\n   */\n  Item: Object.assign(CompositeItem, {\n    displayName: 'Composite.Item'\n  }),\n  /**\n   * Renders a composite row. Wrapping `Composite.Item` elements within\n   * `Composite.Row` will create a two-dimensional composite widget, such as a\n   * grid.\n   *\n   * @example\n   * ```jsx\n   * import { Composite } from '@wordpress/components';\n   *\n   * <Composite>\n   *   <Composite.Row>\n   *     <Composite.Item>Item 1.1</Composite.Item>\n   *     <Composite.Item>Item 1.2</Composite.Item>\n   *     <Composite.Item>Item 1.3</Composite.Item>\n   *   </Composite.Row>\n   *   <Composite.Row>\n   *     <Composite.Item>Item 2.1</Composite.Item>\n   *     <Composite.Item>Item 2.2</Composite.Item>\n   *     <Composite.Item>Item 2.3</Composite.Item>\n   *   </Composite.Row>\n   * </Composite>\n   * ```\n   */\n  Row: Object.assign(CompositeRow, {\n    displayName: 'Composite.Row'\n  }),\n  /**\n   * Renders an element in a composite widget that receives focus on mouse move\n   * and loses focus to the composite base element on mouse leave. This should\n   * be combined with the `Composite.Item` component.\n   *\n   * @example\n   * ```jsx\n   * import { Composite } from '@wordpress/components';\n   *\n   * <Composite>\n   *   <Composite.Hover render={ <Composite.Item /> }>\n   *     Item 1\n   *   </Composite.Hover>\n   *   <Composite.Hover render={ <Composite.Item /> }>\n   *     Item 2\n   *   </Composite.Hover>\n   * </Composite>\n   * ```\n   */\n  Hover: Object.assign(CompositeHover, {\n    displayName: 'Composite.Hover'\n  }),\n  /**\n   * Renders a component that adds typeahead functionality to composite\n   * components. Hitting printable character keys will move focus to the next\n   * composite item that begins with the input characters.\n   *\n   * @example\n   * ```jsx\n   * import { Composite } from '@wordpress/components';\n   *\n   * <Composite render={ <CompositeTypeahead /> }>\n   *   <Composite.Item>Item 1</Composite.Item>\n   *   <Composite.Item>Item 2</Composite.Item>\n   * </Composite>\n   * ```\n   */\n  Typeahead: Object.assign(CompositeTypeahead, {\n    displayName: 'Composite.Typeahead'\n  }),\n  /**\n   * The React context used by the composite components. It can be used by\n   * to access the composite store, and to forward the context when composite\n   * sub-components are rendered across portals (ie. `SlotFill` components)\n   * that would not otherwise forward the context to the `Fill` children.\n   *\n   * @example\n   * ```jsx\n   * import { Composite } from '@wordpress/components';\n   * import { useContext } from '@wordpress/element';\n   *\n   * const compositeContext = useContext( Composite.Context );\n   * ```\n   */\n  Context: Object.assign(CompositeContext, {\n    displayName: 'Composite.Context'\n  })\n});"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA,cAAyB;AAKzB,kBAAsB;AACtB,qBAAoC;AAMpC,qBAAiC;AACjC,mBAA+B;AAC/B,yBAAoC;AACpC,mBAA+B;AAC/B,kBAA8B;AAC9B,iBAA6B;AAC7B,uBAAmC;AACnC,yBAA4B;AAgBrB,MAAM,YAAY,OAAO,WAAO,2BAAW,SAASA,WAAU;AAAA;AAAA,EAEnE;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAM,mBAAM;AAAA;AAAA,EAEZ;AAAA,EACA,WAAW;AAAA;AAAA,EAEX,GAAG;AACL,GAAG,KAAK;AAGN,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,QAAQ,kBAAkB;AAAA,IAC9C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,QAAQ,cAAc,QAAQ,cAAc,SAAS,YAAY;AACvE,QAAM,mBAAe,wBAAQ,OAAO;AAAA,IAClC;AAAA,EACF,IAAI,CAAC,KAAK,CAAC;AACX,SAAoB,uCAAAC,KAAK,QAAQ,WAAW;AAAA,IAC1C;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH;AAAA,IACA,UAAuB,uCAAAA,KAAK,gCAAiB,UAAU;AAAA,MACrD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH,CAAC,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBF,OAAO,OAAO,OAAO,6BAAgB;AAAA,IACnC,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBD,YAAY,OAAO,OAAO,wCAAqB;AAAA,IAC7C,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeD,MAAM,OAAO,OAAO,2BAAe;AAAA,IACjC,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBD,KAAK,OAAO,OAAO,yBAAc;AAAA,IAC/B,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBD,OAAO,OAAO,OAAO,6BAAgB;AAAA,IACnC,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBD,WAAW,OAAO,OAAO,qCAAoB;AAAA,IAC3C,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeD,SAAS,OAAO,OAAO,iCAAkB;AAAA,IACvC,aAAa;AAAA,EACf,CAAC;AACH,CAAC;",
+  "names": ["Composite", "_jsx"]
+}

package/build/composite/item.js

@@ -1,39 +1,52 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var item_exports = {};
+__export(item_exports, {
+  CompositeItem: () => CompositeItem
 });
-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) {
+module.exports = __toCommonJS(item_exports);
+var Ariakit = __toESM(require("@ariakit/react"));
+var import_element = require("@wordpress/element");
+var import_context = require("./context");
+var import_jsx_runtime = require("react/jsx-runtime");
+const CompositeItem = (0, import_element.forwardRef)(function CompositeItem2(props, ref) {
   var _props$store;
-  const context = (0, _context.useCompositeContext)();
-
-  // @ts-expect-error The store prop is undocumented and only used by the
-  // legacy compat layer. The `store` prop is documented, but its type is
-  // obfuscated to discourage its use outside of the component's internals.
+  const context = (0, import_context.useCompositeContext)();
   const store = (_props$store = props.store) !== null && _props$store !== void 0 ? _props$store : context.store;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.CompositeItem, {
-    store: store,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ariakit.CompositeItem, {
+    store,
     ...props,
-    ref: ref
+    ref
   });
 });
-//# sourceMappingURL=item.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CompositeItem
+});
+//# sourceMappingURL=item.js.map

package/build/composite/item.js.map

@@ -1 +1,7 @@
-{"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","_props$store","context","useCompositeContext","store","jsx"],"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\n\t// @ts-expect-error The store prop is undocumented and only used by the\n\t// legacy compat layer. The `store` prop is documented, but its type is\n\t// obfuscated to discourage its use outside of the component's internals.\n\tconst store = ( props.store ?? context.store ) as Ariakit.CompositeStore;\n\n\treturn <Ariakit.CompositeItem store={ store } { ...props } ref={ ref } />;\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;EAAA,IAAAC,YAAA;EACvC,MAAMC,OAAO,GAAG,IAAAC,4BAAmB,EAAC,CAAC;;EAErC;EACA;EACA;EACA,MAAMC,KAAK,IAAAH,YAAA,GAAKF,KAAK,CAACK,KAAK,cAAAH,YAAA,cAAAA,YAAA,GAAIC,OAAO,CAACE,KAAiC;EAExE,oBAAO,IAAA7B,WAAA,CAAA8B,GAAA,EAACnC,OAAO,CAAC0B,aAAa;IAACQ,KAAK,EAAGA,KAAO;IAAA,GAAML,KAAK;IAAGC,GAAG,EAAGA;EAAK,CAAE,CAAC;AAC1E,CAAE,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../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 */\n\nimport { useCompositeContext } from './context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const CompositeItem = forwardRef(function CompositeItem(props, ref) {\n  var _props$store;\n  const context = useCompositeContext();\n\n  // @ts-expect-error The store prop is undocumented and only used by the\n  // legacy compat layer. The `store` prop is documented, but its type is\n  // obfuscated to discourage its use outside of the component's internals.\n  const store = (_props$store = props.store) !== null && _props$store !== void 0 ? _props$store : context.store;\n  return /*#__PURE__*/_jsx(Ariakit.CompositeItem, {\n    store: store,\n    ...props,\n    ref: ref\n  });\n});"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,cAAyB;AAKzB,qBAA2B;AAM3B,qBAAoC;AACpC,yBAA4B;AACrB,MAAM,oBAAgB,2BAAW,SAASA,eAAc,OAAO,KAAK;AACzE,MAAI;AACJ,QAAM,cAAU,oCAAoB;AAKpC,QAAM,SAAS,eAAe,MAAM,WAAW,QAAQ,iBAAiB,SAAS,eAAe,QAAQ;AACxG,SAAoB,uCAAAC,KAAK,QAAQ,eAAe;AAAA,IAC9C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH,CAAC;",
+  "names": ["CompositeItem", "_jsx"]
+}

package/build/composite/legacy/index.js

@@ -1,54 +1,46 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var legacy_exports = {};
+__export(legacy_exports, {
+  Composite: () => Composite,
+  CompositeGroup: () => CompositeGroup,
+  CompositeItem: () => CompositeItem,
+  useCompositeState: () => useCompositeState
 });
-exports.CompositeItem = exports.CompositeGroup = exports.Composite = void 0;
-exports.useCompositeState = useCompositeState;
-var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
-var _element = require("@wordpress/element");
-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
- * all the keyboard navigation mechanisms to ensure that there's only one
- * tab stop for the whole Composite element. This means that it can behave as
- * a roving tabindex or aria-activedescendant container.
- *
- * This file aims at providing components that are as close as possible to the
- * original `reakit`-based implementation (which was removed from the codebase),
- * although it is recommended that consumers of the package switch to the stable,
- * un-prefixed, `ariakit`-based version of `Composite`.
- *
- * @see https://ariakit.org/components/composite
- */
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-// Legacy composite components can either provide state through a
-// single `state` prop, or via individual props, usually through
-// spreading the state generated by `useCompositeState`.
-// That is, `<Composite* { ...state }>`.
-
+module.exports = __toCommonJS(legacy_exports);
+var Ariakit = __toESM(require("@ariakit/react"));
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
+var import__ = require("..");
+var import_jsx_runtime = require("react/jsx-runtime");
 function mapLegacyStatePropsToComponentProps(legacyProps) {
-  // If a `state` prop is provided, we unpack that; otherwise,
-  // the necessary props are provided directly in `legacyProps`.
   if (legacyProps.state) {
     const {
       state,
@@ -67,18 +59,18 @@ function mapLegacyStatePropsToComponentProps(legacyProps) {
   return legacyProps;
 }
 const LEGACY_TO_NEW_DISPLAY_NAME = {
-  __unstableComposite: 'Composite',
-  __unstableCompositeGroup: 'Composite.Group or Composite.Row',
-  __unstableCompositeItem: 'Composite.Item',
-  __unstableUseCompositeState: 'Composite'
+  __unstableComposite: "Composite",
+  __unstableCompositeGroup: "Composite.Group or Composite.Row",
+  __unstableCompositeItem: "Composite.Item",
+  __unstableUseCompositeState: "Composite"
 };
 function proxyComposite(ProxiedComponent, propMap = {}) {
   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 displayName = (_ProxiedComponent$dis = ProxiedComponent.displayName) !== null && _ProxiedComponent$dis !== void 0 ? _ProxiedComponent$dis : "";
+  const Component = (legacyProps) => {
+    (0, import_deprecated.default)(`wp.components.${displayName}`, {
+      since: "6.7",
+      alternative: LEGACY_TO_NEW_DISPLAY_NAME.hasOwnProperty(displayName) ? LEGACY_TO_NEW_DISPLAY_NAME[displayName] : void 0
     });
     const {
       store,
@@ -87,7 +79,7 @@ function proxyComposite(ProxiedComponent, propMap = {}) {
     let props = rest;
     props = {
       ...props,
-      id: (0, _compose.useInstanceId)(store, props.baseId, props.id)
+      id: (0, import_compose.useInstanceId)(store, props.baseId, props.id)
     };
     Object.entries(propMap).forEach(([from, to]) => {
       if (props.hasOwnProperty(from)) {
@@ -98,68 +90,41 @@ function proxyComposite(ProxiedComponent, propMap = {}) {
       }
     });
     delete props.baseId;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProxiedComponent, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProxiedComponent, {
       ...props,
-      store: store
+      store
     });
   };
   Component.displayName = displayName;
   return Component;
 }
-
-// The old `CompositeGroup` used to behave more like the current
-// `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, import_element.forwardRef)(({
   role,
   ...props
 }, ref) => {
-  const Component = role === 'row' ? _.Composite.Row : _.Composite.Group;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-    ref: ref,
-    role: role,
+  const Component = role === "row" ? import__.Composite.Row : import__.Composite.Group;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+    ref,
+    role,
     ...props
   });
 });
-
-/**
- * _Note: please use the `Composite` component instead._
- *
- * @deprecated
- */
-const Composite = exports.Composite = proxyComposite(Object.assign(_.Composite, {
-  displayName: '__unstableComposite'
+const Composite = proxyComposite(Object.assign(import__.Composite, {
+  displayName: "__unstableComposite"
 }), {
-  baseId: 'id'
+  baseId: "id"
 });
-/**
- * _Note: please use the `Composite.Row` or `Composite.Group` components instead._
- *
- * @deprecated
- */
-const CompositeGroup = exports.CompositeGroup = proxyComposite(Object.assign(UnproxiedCompositeGroup, {
-  displayName: '__unstableCompositeGroup'
+const 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'
+const CompositeItem = proxyComposite(Object.assign(import__.Composite.Item, {
+  displayName: "__unstableCompositeItem"
 }), {
-  focusable: 'accessibleWhenDisabled'
+  focusable: "accessibleWhenDisabled"
 });
-
-/**
- * _Note: please use the `Composite` component instead._
- *
- * @deprecated
- */
 function useCompositeState(legacyStateOptions = {}) {
-  (0, _deprecated.default)(`wp.components.__unstableUseCompositeState`, {
-    since: '6.7',
+  (0, import_deprecated.default)(`wp.components.__unstableUseCompositeState`, {
+    since: "6.7",
     alternative: LEGACY_TO_NEW_DISPLAY_NAME.__unstableUseCompositeState
   });
   const {
@@ -174,7 +139,7 @@ function useCompositeState(legacyStateOptions = {}) {
     unstable_virtual: virtualFocus
   } = legacyStateOptions;
   return {
-    baseId: (0, _compose.useInstanceId)(Composite, 'composite', baseId),
+    baseId: (0, import_compose.useInstanceId)(Composite, "composite", baseId),
     store: Ariakit.useCompositeStore({
       defaultActiveId,
       rtl,
@@ -186,4 +151,11 @@ function useCompositeState(legacyStateOptions = {}) {
     })
   };
 }
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Composite,
+  CompositeGroup,
+  CompositeItem,
+  useCompositeState
+});
+//# sourceMappingURL=index.js.map