@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.1-next.b8c8708f3.0

package/build-module/composite/group-label.js

@@ -1,31 +1,18 @@
-/**
- * External dependencies
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { useCompositeContext } from './context';
+import * as Ariakit from "@ariakit/react";
+import { forwardRef } from "@wordpress/element";
+import { useCompositeContext } from "./context";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const CompositeGroupLabel = forwardRef(function CompositeGroupLabel(props, ref) {
+const CompositeGroupLabel = forwardRef(function CompositeGroupLabel2(props, ref) {
   var _props$store;
   const 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 store = (_props$store = props.store) !== null && _props$store !== void 0 ? _props$store : context.store;
-  return /*#__PURE__*/_jsx(Ariakit.CompositeGroupLabel, {
-    store: store,
+  return /* @__PURE__ */ _jsx(Ariakit.CompositeGroupLabel, {
+    store,
     ...props,
-    ref: ref
+    ref
   });
 });
-//# sourceMappingURL=group-label.js.map
+export {
+  CompositeGroupLabel
+};
+//# sourceMappingURL=group-label.js.map

package/build-module/composite/group-label.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","forwardRef","useCompositeContext","jsx","_jsx","CompositeGroupLabel","props","ref","_props$store","context","store"],"sources":["@wordpress/components/src/composite/group-label.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 { CompositeGroupLabelProps } from './types';\n\nexport const CompositeGroupLabel = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< CompositeGroupLabelProps, 'div', false >\n>( function CompositeGroupLabel( 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 (\n\t\t<Ariakit.CompositeGroupLabel store={ store } { ...props } ref={ ref } />\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;;AAEA,SAASC,mBAAmB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,OAAO,MAAMC,mBAAmB,GAAGJ,UAAU,CAG1C,SAASI,mBAAmBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAAA,IAAAC,YAAA;EAC7C,MAAMC,OAAO,GAAGP,mBAAmB,CAAC,CAAC;;EAErC;EACA;EACA;EACA,MAAMQ,KAAK,IAAAF,YAAA,GAAKF,KAAK,CAACI,KAAK,cAAAF,YAAA,cAAAA,YAAA,GAAIC,OAAO,CAACC,KAAiC;EAExE,oBACCN,IAAA,CAACJ,OAAO,CAACK,mBAAmB;IAACK,KAAK,EAAGA,KAAO;IAAA,GAAMJ,KAAK;IAAGC,GAAG,EAAGA;EAAK,CAAE,CAAC;AAE1E,CAAE,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/composite/group-label.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 CompositeGroupLabel = forwardRef(function CompositeGroupLabel(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.CompositeGroupLabel, {\n    store: store,\n    ...props,\n    ref: ref\n  });\n});"],
+  "mappings": "AAGA,YAAY,aAAa;AAKzB,SAAS,kBAAkB;AAM3B,SAAS,2BAA2B;AACpC,SAAS,OAAO,YAAY;AACrB,MAAM,sBAAsB,WAAW,SAASA,qBAAoB,OAAO,KAAK;AACrF,MAAI;AACJ,QAAM,UAAU,oBAAoB;AAKpC,QAAM,SAAS,eAAe,MAAM,WAAW,QAAQ,iBAAiB,SAAS,eAAe,QAAQ;AACxG,SAAoB,qBAAK,QAAQ,qBAAqB;AAAA,IACpD;AAAA,IACA,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH,CAAC;",
+  "names": ["CompositeGroupLabel"]
+}

package/build-module/composite/group.js

@@ -1,31 +1,18 @@
-/**
- * External dependencies
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { useCompositeContext } from './context';
+import * as Ariakit from "@ariakit/react";
+import { forwardRef } from "@wordpress/element";
+import { useCompositeContext } from "./context";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const CompositeGroup = forwardRef(function CompositeGroup(props, ref) {
+const CompositeGroup = forwardRef(function CompositeGroup2(props, ref) {
   var _props$store;
   const 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 store = (_props$store = props.store) !== null && _props$store !== void 0 ? _props$store : context.store;
-  return /*#__PURE__*/_jsx(Ariakit.CompositeGroup, {
-    store: store,
+  return /* @__PURE__ */ _jsx(Ariakit.CompositeGroup, {
+    store,
     ...props,
-    ref: ref
+    ref
   });
 });
-//# sourceMappingURL=group.js.map
+export {
+  CompositeGroup
+};
+//# sourceMappingURL=group.js.map

package/build-module/composite/group.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","forwardRef","useCompositeContext","jsx","_jsx","CompositeGroup","props","ref","_props$store","context","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\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.CompositeGroup store={ store } { ...props } ref={ ref } />;\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;;AAEA,SAASC,mBAAmB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,OAAO,MAAMC,cAAc,GAAGJ,UAAU,CAGrC,SAASI,cAAcA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAAA,IAAAC,YAAA;EACxC,MAAMC,OAAO,GAAGP,mBAAmB,CAAC,CAAC;;EAErC;EACA;EACA;EACA,MAAMQ,KAAK,IAAAF,YAAA,GAAKF,KAAK,CAACI,KAAK,cAAAF,YAAA,cAAAA,YAAA,GAAIC,OAAO,CAACC,KAAiC;EAExE,oBAAON,IAAA,CAACJ,OAAO,CAACK,cAAc;IAACK,KAAK,EAAGA,KAAO;IAAA,GAAMJ,KAAK;IAAGC,GAAG,EAAGA;EAAK,CAAE,CAAC;AAC3E,CAAE,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../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 */\n\nimport { useCompositeContext } from './context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const CompositeGroup = forwardRef(function CompositeGroup(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.CompositeGroup, {\n    store: store,\n    ...props,\n    ref: ref\n  });\n});"],
+  "mappings": "AAGA,YAAY,aAAa;AAKzB,SAAS,kBAAkB;AAM3B,SAAS,2BAA2B;AACpC,SAAS,OAAO,YAAY;AACrB,MAAM,iBAAiB,WAAW,SAASA,gBAAe,OAAO,KAAK;AAC3E,MAAI;AACJ,QAAM,UAAU,oBAAoB;AAKpC,QAAM,SAAS,eAAe,MAAM,WAAW,QAAQ,iBAAiB,SAAS,eAAe,QAAQ;AACxG,SAAoB,qBAAK,QAAQ,gBAAgB;AAAA,IAC/C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH,CAAC;",
+  "names": ["CompositeGroup"]
+}

package/build-module/composite/hover.js

@@ -1,31 +1,18 @@
-/**
- * External dependencies
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { useCompositeContext } from './context';
+import * as Ariakit from "@ariakit/react";
+import { forwardRef } from "@wordpress/element";
+import { useCompositeContext } from "./context";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const CompositeHover = forwardRef(function CompositeHover(props, ref) {
+const CompositeHover = forwardRef(function CompositeHover2(props, ref) {
   var _props$store;
   const 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 store = (_props$store = props.store) !== null && _props$store !== void 0 ? _props$store : context.store;
-  return /*#__PURE__*/_jsx(Ariakit.CompositeHover, {
-    store: store,
+  return /* @__PURE__ */ _jsx(Ariakit.CompositeHover, {
+    store,
     ...props,
-    ref: ref
+    ref
   });
 });
-//# sourceMappingURL=hover.js.map
+export {
+  CompositeHover
+};
+//# sourceMappingURL=hover.js.map

package/build-module/composite/hover.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","forwardRef","useCompositeContext","jsx","_jsx","CompositeHover","props","ref","_props$store","context","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\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.CompositeHover store={ store } { ...props } ref={ ref } />;\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;;AAEA,SAASC,mBAAmB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,OAAO,MAAMC,cAAc,GAAGJ,UAAU,CAGrC,SAASI,cAAcA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAAA,IAAAC,YAAA;EACxC,MAAMC,OAAO,GAAGP,mBAAmB,CAAC,CAAC;;EAErC;EACA;EACA;EACA,MAAMQ,KAAK,IAAAF,YAAA,GAAKF,KAAK,CAACI,KAAK,cAAAF,YAAA,cAAAA,YAAA,GAAIC,OAAO,CAACC,KAAiC;EAExE,oBAAON,IAAA,CAACJ,OAAO,CAACK,cAAc;IAACK,KAAK,EAAGA,KAAO;IAAA,GAAMJ,KAAK;IAAGC,GAAG,EAAGA;EAAK,CAAE,CAAC;AAC3E,CAAE,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../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 */\n\nimport { useCompositeContext } from './context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const CompositeHover = forwardRef(function CompositeHover(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.CompositeHover, {\n    store: store,\n    ...props,\n    ref: ref\n  });\n});"],
+  "mappings": "AAGA,YAAY,aAAa;AAKzB,SAAS,kBAAkB;AAM3B,SAAS,2BAA2B;AACpC,SAAS,OAAO,YAAY;AACrB,MAAM,iBAAiB,WAAW,SAASA,gBAAe,OAAO,KAAK;AAC3E,MAAI;AACJ,QAAM,UAAU,oBAAoB;AAKpC,QAAM,SAAS,eAAe,MAAM,WAAW,QAAQ,iBAAiB,SAAS,eAAe,QAAQ;AACxG,SAAoB,qBAAK,QAAQ,gBAAgB;AAAA,IAC/C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH,CAAC;",
+  "names": ["CompositeHover"]
+}

package/build-module/composite/index.js

@@ -1,52 +1,15 @@
-/**
- * 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
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { isRTL } from '@wordpress/i18n';
-import { useMemo, forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { CompositeContext } from './context';
-import { CompositeGroup } from './group';
-import { CompositeGroupLabel } from './group-label';
-import { CompositeHover } from './hover';
-import { CompositeItem } from './item';
-import { CompositeRow } from './row';
-import { CompositeTypeahead } from './typeahead';
+import * as Ariakit from "@ariakit/react";
+import { isRTL } from "@wordpress/i18n";
+import { useMemo, forwardRef } from "@wordpress/element";
+import { CompositeContext } from "./context";
+import { CompositeGroup } from "./group";
+import { CompositeGroupLabel } from "./group-label";
+import { CompositeHover } from "./hover";
+import { CompositeItem } from "./item";
+import { CompositeRow } from "./row";
+import { CompositeTypeahead } from "./typeahead";
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * 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>
- * ```
- */
-export const Composite = Object.assign(forwardRef(function Composite({
+const Composite = Object.assign(forwardRef(function Composite2({
   // Composite store props
   activeId,
   defaultActiveId,
@@ -55,7 +18,7 @@ export const Composite = Object.assign(forwardRef(function Composite({
   focusWrap = false,
   focusShift = false,
   virtualFocus = false,
-  orientation = 'both',
+  orientation = "both",
   rtl = isRTL(),
   // Composite component props
   children,
@@ -63,8 +26,6 @@ export const Composite = Object.assign(forwardRef(function Composite({
   // 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,
@@ -81,14 +42,14 @@ export const Composite = Object.assign(forwardRef(function Composite({
   const contextValue = useMemo(() => ({
     store
   }), [store]);
-  return /*#__PURE__*/_jsx(Ariakit.Composite, {
-    disabled: disabled,
-    store: store,
+  return /* @__PURE__ */ _jsx(Ariakit.Composite, {
+    disabled,
+    store,
     ...props,
-    ref: ref,
-    children: /*#__PURE__*/_jsx(CompositeContext.Provider, {
+    ref,
+    children: /* @__PURE__ */ _jsx(CompositeContext.Provider, {
       value: contextValue,
-      children: children
+      children
     })
   });
 }), {
@@ -109,7 +70,7 @@ export const Composite = Object.assign(forwardRef(function Composite({
    * ```
    */
   Group: Object.assign(CompositeGroup, {
-    displayName: 'Composite.Group'
+    displayName: "Composite.Group"
   }),
   /**
    * Renders a label in a composite group. This component must be wrapped with
@@ -130,7 +91,7 @@ export const Composite = Object.assign(forwardRef(function Composite({
    * ```
    */
   GroupLabel: Object.assign(CompositeGroupLabel, {
-    displayName: 'Composite.GroupLabel'
+    displayName: "Composite.GroupLabel"
   }),
   /**
    * Renders a composite item.
@@ -147,7 +108,7 @@ export const Composite = Object.assign(forwardRef(function Composite({
    * ```
    */
   Item: Object.assign(CompositeItem, {
-    displayName: 'Composite.Item'
+    displayName: "Composite.Item"
   }),
   /**
    * Renders a composite row. Wrapping `Composite.Item` elements within
@@ -173,7 +134,7 @@ export const Composite = Object.assign(forwardRef(function Composite({
    * ```
    */
   Row: Object.assign(CompositeRow, {
-    displayName: 'Composite.Row'
+    displayName: "Composite.Row"
   }),
   /**
    * Renders an element in a composite widget that receives focus on mouse move
@@ -195,7 +156,7 @@ export const Composite = Object.assign(forwardRef(function Composite({
    * ```
    */
   Hover: Object.assign(CompositeHover, {
-    displayName: 'Composite.Hover'
+    displayName: "Composite.Hover"
   }),
   /**
    * Renders a component that adds typeahead functionality to composite
@@ -213,7 +174,7 @@ export const Composite = Object.assign(forwardRef(function Composite({
    * ```
    */
   Typeahead: Object.assign(CompositeTypeahead, {
-    displayName: 'Composite.Typeahead'
+    displayName: "Composite.Typeahead"
   }),
   /**
    * The React context used by the composite components. It can be used by
@@ -230,7 +191,10 @@ export const Composite = Object.assign(forwardRef(function Composite({
    * ```
    */
   Context: Object.assign(CompositeContext, {
-    displayName: 'Composite.Context'
+    displayName: "Composite.Context"
   })
 });
-//# sourceMappingURL=index.js.map
+export {
+  Composite
+};
+//# sourceMappingURL=index.js.map

package/build-module/composite/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","isRTL","useMemo","forwardRef","CompositeContext","CompositeGroup","CompositeGroupLabel","CompositeHover","CompositeItem","CompositeRow","CompositeTypeahead","jsx","_jsx","Composite","Object","assign","activeId","defaultActiveId","setActiveId","focusLoop","focusWrap","focusShift","virtualFocus","orientation","rtl","children","disabled","props","ref","storeProp","store","internalStore","useCompositeStore","contextValue","Provider","value","Group","displayName","GroupLabel","Item","Row","Hover","Typeahead","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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,OAAO,EAAEC,UAAU,QAAQ,oBAAoB;;AAExD;AACA;AACA;;AAEA,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,cAAc,QAAQ,SAAS;AACxC,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,cAAc,QAAQ,SAAS;AACxC,SAASC,aAAa,QAAQ,QAAQ;AACtC,SAASC,YAAY,QAAQ,OAAO;AACpC,SAASC,kBAAkB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGC,MAAM,CAACC,MAAM,CACrCZ,UAAU,CAGP,SAASU,SAASA,CACpB;EACC;EACAG,QAAQ;EACRC,eAAe;EACfC,WAAW;EACXC,SAAS,GAAG,KAAK;EACjBC,SAAS,GAAG,KAAK;EACjBC,UAAU,GAAG,KAAK;EAClBC,YAAY,GAAG,KAAK;EACpBC,WAAW,GAAG,MAAM;EACpBC,GAAG,GAAGvB,KAAK,CAAC,CAAC;EAEb;EACAwB,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAEhB;EACA,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EACD;EACA;EACA,MAAMC,SAAS,GAAGF,KAAK,CAACG,KAA+B;EACvD,MAAMC,aAAa,GAAG/B,OAAO,CAACgC,iBAAiB,CAAE;IAChDhB,QAAQ;IACRC,eAAe;IACfC,WAAW;IACXC,SAAS;IACTC,SAAS;IACTC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC;EACD,CAAE,CAAC;EAEH,MAAMM,KAAK,GAAGD,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIE,aAAa;EAExC,MAAME,YAAY,GAAG/B,OAAO,CAC3B,OAAQ;IACP4B;EACD,CAAC,CAAE,EACH,CAAEA,KAAK,CACR,CAAC;EAED,oBACClB,IAAA,CAACZ,OAAO,CAACa,SAAS;IACjBa,QAAQ,EAAGA,QAAU;IACrBI,KAAK,EAAGA,KAAO;IAAA,GACVH,KAAK;IACVC,GAAG,EAAGA,GAAK;IAAAH,QAAA,eAEXb,IAAA,CAACR,gBAAgB,CAAC8B,QAAQ;MAACC,KAAK,EAAGF,YAAc;MAAAR,QAAA,EAC9CA;IAAQ,CACgB;EAAC,CACV,CAAC;AAEtB,CAAE,CAAC,EACH;EACC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEW,KAAK,EAAEtB,MAAM,CAACC,MAAM,CAAEV,cAAc,EAAE;IACrCgC,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,EAAExB,MAAM,CAACC,MAAM,CAAET,mBAAmB,EAAE;IAC/C+B,WAAW,EAAE;EACd,CAAE,CAAC;EACH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEE,IAAI,EAAEzB,MAAM,CAACC,MAAM,CAAEP,aAAa,EAAE;IAAE6B,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;EACEG,GAAG,EAAE1B,MAAM,CAACC,MAAM,CAAEN,YAAY,EAAE;IAAE4B,WAAW,EAAE;EAAgB,CAAE,CAAC;EACpE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEI,KAAK,EAAE3B,MAAM,CAACC,MAAM,CAAER,cAAc,EAAE;IACrC8B,WAAW,EAAE;EACd,CAAE,CAAC;EACH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEK,SAAS,EAAE5B,MAAM,CAACC,MAAM,CAAEL,kBAAkB,EAAE;IAC7C2B,WAAW,EAAE;EACd,CAAE,CAAC;EACH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEM,OAAO,EAAE7B,MAAM,CAACC,MAAM,CAAEX,gBAAgB,EAAE;IACzCiC,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,YAAY,aAAa;AAKzB,SAAS,aAAa;AACtB,SAAS,SAAS,kBAAkB;AAMpC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,OAAO,YAAY;AAgBrB,MAAM,YAAY,OAAO,OAAO,WAAW,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,MAAM,MAAM;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,eAAe,QAAQ,OAAO;AAAA,IAClC;AAAA,EACF,IAAI,CAAC,KAAK,CAAC;AACX,SAAoB,qBAAK,QAAQ,WAAW;AAAA,IAC1C;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH;AAAA,IACA,UAAuB,qBAAK,iBAAiB,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,gBAAgB;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,qBAAqB;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,eAAe;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,cAAc;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,gBAAgB;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,oBAAoB;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,kBAAkB;AAAA,IACvC,aAAa;AAAA,EACf,CAAC;AACH,CAAC;",
+  "names": ["Composite"]
+}

package/build-module/composite/item.js

@@ -1,31 +1,18 @@
-/**
- * External dependencies
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { useCompositeContext } from './context';
+import * as Ariakit from "@ariakit/react";
+import { forwardRef } from "@wordpress/element";
+import { useCompositeContext } from "./context";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const CompositeItem = forwardRef(function CompositeItem(props, ref) {
+const CompositeItem = forwardRef(function CompositeItem2(props, ref) {
   var _props$store;
   const 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 store = (_props$store = props.store) !== null && _props$store !== void 0 ? _props$store : context.store;
-  return /*#__PURE__*/_jsx(Ariakit.CompositeItem, {
-    store: store,
+  return /* @__PURE__ */ _jsx(Ariakit.CompositeItem, {
+    store,
     ...props,
-    ref: ref
+    ref
   });
 });
-//# sourceMappingURL=item.js.map
+export {
+  CompositeItem
+};
+//# sourceMappingURL=item.js.map

package/build-module/composite/item.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","forwardRef","useCompositeContext","jsx","_jsx","CompositeItem","props","ref","_props$store","context","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\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":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;;AAEA,SAASC,mBAAmB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,OAAO,MAAMC,aAAa,GAAGJ,UAAU,CAGpC,SAASI,aAAaA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAAA,IAAAC,YAAA;EACvC,MAAMC,OAAO,GAAGP,mBAAmB,CAAC,CAAC;;EAErC;EACA;EACA;EACA,MAAMQ,KAAK,IAAAF,YAAA,GAAKF,KAAK,CAACI,KAAK,cAAAF,YAAA,cAAAA,YAAA,GAAIC,OAAO,CAACC,KAAiC;EAExE,oBAAON,IAAA,CAACJ,OAAO,CAACK,aAAa;IAACK,KAAK,EAAGA,KAAO;IAAA,GAAMJ,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": "AAGA,YAAY,aAAa;AAKzB,SAAS,kBAAkB;AAM3B,SAAS,2BAA2B;AACpC,SAAS,OAAO,YAAY;AACrB,MAAM,gBAAgB,WAAW,SAASA,eAAc,OAAO,KAAK;AACzE,MAAI;AACJ,QAAM,UAAU,oBAAoB;AAKpC,QAAM,SAAS,eAAe,MAAM,WAAW,QAAQ,iBAAiB,SAAS,eAAe,QAAQ;AACxG,SAAoB,qBAAK,QAAQ,eAAe;AAAA,IAC9C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH,CAAC;",
+  "names": ["CompositeItem"]
+}

package/build-module/composite/legacy/index.js

@@ -1,43 +1,10 @@
-/**
- * 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
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-import { useInstanceId } from '@wordpress/compose';
-import deprecated from '@wordpress/deprecated';
-
-/**
- * Internal dependencies
- */
-import { Composite as Current } from '..';
-
-// 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 }>`.
+import * as Ariakit from "@ariakit/react";
+import { forwardRef } from "@wordpress/element";
+import { useInstanceId } from "@wordpress/compose";
+import deprecated from "@wordpress/deprecated";
+import { Composite as Current } from "..";
 import { jsx as _jsx } from "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,
@@ -56,18 +23,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 => {
+  const displayName = (_ProxiedComponent$dis = ProxiedComponent.displayName) !== null && _ProxiedComponent$dis !== void 0 ? _ProxiedComponent$dis : "";
+  const Component = (legacyProps) => {
     deprecated(`wp.components.${displayName}`, {
-      since: '6.7',
-      alternative: LEGACY_TO_NEW_DISPLAY_NAME.hasOwnProperty(displayName) ? LEGACY_TO_NEW_DISPLAY_NAME[displayName] : undefined
+      since: "6.7",
+      alternative: LEGACY_TO_NEW_DISPLAY_NAME.hasOwnProperty(displayName) ? LEGACY_TO_NEW_DISPLAY_NAME[displayName] : void 0
     });
     const {
       store,
@@ -87,68 +54,41 @@ function proxyComposite(ProxiedComponent, propMap = {}) {
       }
     });
     delete props.baseId;
-    return /*#__PURE__*/_jsx(ProxiedComponent, {
+    return /* @__PURE__ */ _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 = forwardRef(({
   role,
   ...props
 }, ref) => {
-  const Component = role === 'row' ? Current.Row : Current.Group;
-  return /*#__PURE__*/_jsx(Component, {
-    ref: ref,
-    role: role,
+  const Component = role === "row" ? Current.Row : Current.Group;
+  return /* @__PURE__ */ _jsx(Component, {
+    ref,
+    role,
     ...props
   });
 });
-
-/**
- * _Note: please use the `Composite` component instead._
- *
- * @deprecated
- */
-export const Composite = proxyComposite(Object.assign(Current, {
-  displayName: '__unstableComposite'
+const Composite = proxyComposite(Object.assign(Current, {
+  displayName: "__unstableComposite"
 }), {
-  baseId: 'id'
+  baseId: "id"
 });
-/**
- * _Note: please use the `Composite.Row` or `Composite.Group` components instead._
- *
- * @deprecated
- */
-export const CompositeGroup = proxyComposite(Object.assign(UnproxiedCompositeGroup, {
-  displayName: '__unstableCompositeGroup'
+const CompositeGroup = proxyComposite(Object.assign(UnproxiedCompositeGroup, {
+  displayName: "__unstableCompositeGroup"
 }));
-/**
- * _Note: please use the `Composite.Item` component instead._
- *
- * @deprecated
- */
-export const CompositeItem = proxyComposite(Object.assign(Current.Item, {
-  displayName: '__unstableCompositeItem'
+const CompositeItem = proxyComposite(Object.assign(Current.Item, {
+  displayName: "__unstableCompositeItem"
 }), {
-  focusable: 'accessibleWhenDisabled'
+  focusable: "accessibleWhenDisabled"
 });
-
-/**
- * _Note: please use the `Composite` component instead._
- *
- * @deprecated
- */
-export function useCompositeState(legacyStateOptions = {}) {
+function useCompositeState(legacyStateOptions = {}) {
   deprecated(`wp.components.__unstableUseCompositeState`, {
-    since: '6.7',
+    since: "6.7",
     alternative: LEGACY_TO_NEW_DISPLAY_NAME.__unstableUseCompositeState
   });
   const {
@@ -163,7 +103,7 @@ export function useCompositeState(legacyStateOptions = {}) {
     unstable_virtual: virtualFocus
   } = legacyStateOptions;
   return {
-    baseId: useInstanceId(Composite, 'composite', baseId),
+    baseId: useInstanceId(Composite, "composite", baseId),
     store: Ariakit.useCompositeStore({
       defaultActiveId,
       rtl,
@@ -175,4 +115,10 @@ export function useCompositeState(legacyStateOptions = {}) {
     })
   };
 }
-//# sourceMappingURL=index.js.map
+export {
+  Composite,
+  CompositeGroup,
+  CompositeItem,
+  useCompositeState
+};
+//# sourceMappingURL=index.js.map