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

package/build-module/query-controls/terms.js

@@ -1,29 +1,13 @@
-/**
- * Internal dependencies
- */
-
-const ensureParentsAreDefined = terms => {
-  return terms.every(term => term.parent !== null);
+const ensureParentsAreDefined = (terms) => {
+  return terms.every((term) => term.parent !== null);
 };
-/**
- * Returns terms in a tree form.
- *
- * @param flatTerms Array of terms in flat format.
- *
- * @return Terms in tree format.
- */
-export function buildTermsTree(flatTerms) {
-  const flatTermsWithParentAndChildren = flatTerms.map(term => ({
+function buildTermsTree(flatTerms) {
+  const flatTermsWithParentAndChildren = flatTerms.map((term) => ({
     children: [],
     parent: null,
     ...term,
     id: String(term.id)
   }));
-
-  // We use a custom type guard here to ensure that the parent property is
-  // defined on all terms. The type of the `parent` property is `number | null`
-  // and we need to ensure that it is `number`. This is because we use the
-  // `parent` property as a key in the `termsByParent` object.
   if (!ensureParentsAreDefined(flatTermsWithParentAndChildren)) {
     return flatTermsWithParentAndChildren;
   }
@@ -37,8 +21,8 @@ export function buildTermsTree(flatTerms) {
     acc[parent].push(term);
     return acc;
   }, {});
-  const fillWithChildren = terms => {
-    return terms.map(term => {
+  const fillWithChildren = (terms) => {
+    return terms.map((term) => {
       const children = termsByParent[term.id];
       return {
         ...term,
@@ -46,6 +30,9 @@ export function buildTermsTree(flatTerms) {
       };
     });
   };
-  return fillWithChildren(termsByParent['0'] || []);
+  return fillWithChildren(termsByParent["0"] || []);
 }
-//# sourceMappingURL=terms.js.map
+export {
+  buildTermsTree
+};
+//# sourceMappingURL=terms.js.map

package/build-module/query-controls/terms.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["ensureParentsAreDefined","terms","every","term","parent","buildTermsTree","flatTerms","flatTermsWithParentAndChildren","map","children","id","String","termsByParent","reduce","acc","push","fillWithChildren","length"],"sources":["@wordpress/components/src/query-controls/terms.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type {\n\tAuthor,\n\tCategory,\n\tTermWithParentAndChildren,\n\tTermsByParent,\n} from './types';\n\nconst ensureParentsAreDefined = (\n\tterms: TermWithParentAndChildren[]\n): terms is ( TermWithParentAndChildren & { parent: number } )[] => {\n\treturn terms.every( ( term ) => term.parent !== null );\n};\n/**\n * Returns terms in a tree form.\n *\n * @param flatTerms Array of terms in flat format.\n *\n * @return Terms in tree format.\n */\nexport function buildTermsTree( flatTerms: readonly ( Author | Category )[] ) {\n\tconst flatTermsWithParentAndChildren: TermWithParentAndChildren[] =\n\t\tflatTerms.map( ( term ) => ( {\n\t\t\tchildren: [],\n\t\t\tparent: null,\n\t\t\t...term,\n\t\t\tid: String( term.id ),\n\t\t} ) );\n\n\t// We use a custom type guard here to ensure that the parent property is\n\t// defined on all terms. The type of the `parent` property is `number | null`\n\t// and we need to ensure that it is `number`. This is because we use the\n\t// `parent` property as a key in the `termsByParent` object.\n\tif ( ! ensureParentsAreDefined( flatTermsWithParentAndChildren ) ) {\n\t\treturn flatTermsWithParentAndChildren;\n\t}\n\n\tconst termsByParent = flatTermsWithParentAndChildren.reduce(\n\t\t( acc: TermsByParent, term ) => {\n\t\t\tconst { parent } = term;\n\t\t\tif ( ! acc[ parent ] ) {\n\t\t\t\tacc[ parent ] = [];\n\t\t\t}\n\t\t\tacc[ parent ].push( term );\n\t\t\treturn acc;\n\t\t},\n\t\t{}\n\t);\n\n\tconst fillWithChildren = (\n\t\tterms: TermWithParentAndChildren[]\n\t): TermWithParentAndChildren[] => {\n\t\treturn terms.map( ( term ) => {\n\t\t\tconst children = termsByParent[ term.id ];\n\t\t\treturn {\n\t\t\t\t...term,\n\t\t\t\tchildren:\n\t\t\t\t\tchildren && children.length\n\t\t\t\t\t\t? fillWithChildren( children )\n\t\t\t\t\t\t: [],\n\t\t\t};\n\t\t} );\n\t};\n\n\treturn fillWithChildren( termsByParent[ '0' ] || [] );\n}\n"],"mappings":"AAAA;AACA;AACA;;AAQA,MAAMA,uBAAuB,GAC5BC,KAAkC,IACiC;EACnE,OAAOA,KAAK,CAACC,KAAK,CAAIC,IAAI,IAAMA,IAAI,CAACC,MAAM,KAAK,IAAK,CAAC;AACvD,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAEC,SAA2C,EAAG;EAC7E,MAAMC,8BAA2D,GAChED,SAAS,CAACE,GAAG,CAAIL,IAAI,KAAQ;IAC5BM,QAAQ,EAAE,EAAE;IACZL,MAAM,EAAE,IAAI;IACZ,GAAGD,IAAI;IACPO,EAAE,EAAEC,MAAM,CAAER,IAAI,CAACO,EAAG;EACrB,CAAC,CAAG,CAAC;;EAEN;EACA;EACA;EACA;EACA,IAAK,CAAEV,uBAAuB,CAAEO,8BAA+B,CAAC,EAAG;IAClE,OAAOA,8BAA8B;EACtC;EAEA,MAAMK,aAAa,GAAGL,8BAA8B,CAACM,MAAM,CAC1D,CAAEC,GAAkB,EAAEX,IAAI,KAAM;IAC/B,MAAM;MAAEC;IAAO,CAAC,GAAGD,IAAI;IACvB,IAAK,CAAEW,GAAG,CAAEV,MAAM,CAAE,EAAG;MACtBU,GAAG,CAAEV,MAAM,CAAE,GAAG,EAAE;IACnB;IACAU,GAAG,CAAEV,MAAM,CAAE,CAACW,IAAI,CAAEZ,IAAK,CAAC;IAC1B,OAAOW,GAAG;EACX,CAAC,EACD,CAAC,CACF,CAAC;EAED,MAAME,gBAAgB,GACrBf,KAAkC,IACD;IACjC,OAAOA,KAAK,CAACO,GAAG,CAAIL,IAAI,IAAM;MAC7B,MAAMM,QAAQ,GAAGG,aAAa,CAAET,IAAI,CAACO,EAAE,CAAE;MACzC,OAAO;QACN,GAAGP,IAAI;QACPM,QAAQ,EACPA,QAAQ,IAAIA,QAAQ,CAACQ,MAAM,GACxBD,gBAAgB,CAAEP,QAAS,CAAC,GAC5B;MACL,CAAC;IACF,CAAE,CAAC;EACJ,CAAC;EAED,OAAOO,gBAAgB,CAAEJ,aAAa,CAAE,GAAG,CAAE,IAAI,EAAG,CAAC;AACtD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/query-controls/terms.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\n\nconst ensureParentsAreDefined = terms => {\n  return terms.every(term => term.parent !== null);\n};\n/**\n * Returns terms in a tree form.\n *\n * @param flatTerms Array of terms in flat format.\n *\n * @return Terms in tree format.\n */\nexport function buildTermsTree(flatTerms) {\n  const flatTermsWithParentAndChildren = flatTerms.map(term => ({\n    children: [],\n    parent: null,\n    ...term,\n    id: String(term.id)\n  }));\n\n  // We use a custom type guard here to ensure that the parent property is\n  // defined on all terms. The type of the `parent` property is `number | null`\n  // and we need to ensure that it is `number`. This is because we use the\n  // `parent` property as a key in the `termsByParent` object.\n  if (!ensureParentsAreDefined(flatTermsWithParentAndChildren)) {\n    return flatTermsWithParentAndChildren;\n  }\n  const termsByParent = flatTermsWithParentAndChildren.reduce((acc, term) => {\n    const {\n      parent\n    } = term;\n    if (!acc[parent]) {\n      acc[parent] = [];\n    }\n    acc[parent].push(term);\n    return acc;\n  }, {});\n  const fillWithChildren = terms => {\n    return terms.map(term => {\n      const children = termsByParent[term.id];\n      return {\n        ...term,\n        children: children && children.length ? fillWithChildren(children) : []\n      };\n    });\n  };\n  return fillWithChildren(termsByParent['0'] || []);\n}"],
+  "mappings": "AAIA,MAAM,0BAA0B,WAAS;AACvC,SAAO,MAAM,MAAM,UAAQ,KAAK,WAAW,IAAI;AACjD;AAQO,SAAS,eAAe,WAAW;AACxC,QAAM,iCAAiC,UAAU,IAAI,WAAS;AAAA,IAC5D,UAAU,CAAC;AAAA,IACX,QAAQ;AAAA,IACR,GAAG;AAAA,IACH,IAAI,OAAO,KAAK,EAAE;AAAA,EACpB,EAAE;AAMF,MAAI,CAAC,wBAAwB,8BAA8B,GAAG;AAC5D,WAAO;AAAA,EACT;AACA,QAAM,gBAAgB,+BAA+B,OAAO,CAAC,KAAK,SAAS;AACzE,UAAM;AAAA,MACJ;AAAA,IACF,IAAI;AACJ,QAAI,CAAC,IAAI,MAAM,GAAG;AAChB,UAAI,MAAM,IAAI,CAAC;AAAA,IACjB;AACA,QAAI,MAAM,EAAE,KAAK,IAAI;AACrB,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,QAAM,mBAAmB,WAAS;AAChC,WAAO,MAAM,IAAI,UAAQ;AACvB,YAAM,WAAW,cAAc,KAAK,EAAE;AACtC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU,YAAY,SAAS,SAAS,iBAAiB,QAAQ,IAAI,CAAC;AAAA,MACxE;AAAA,IACF,CAAC;AAAA,EACH;AACA,SAAO,iBAAiB,cAAc,GAAG,KAAK,CAAC,CAAC;AAClD;",
+  "names": []
+}

package/build-module/query-controls/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/query-controls/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/query-controls/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { FormTokenFieldProps } from '../form-token-field/types';\nimport type { TreeSelectProps } from '../tree-select/types';\n\nexport type Author = {\n\tid: number;\n\tname: string;\n};\n\nexport type Category = {\n\tid: number;\n\tname: string;\n\tparent: number;\n};\n\nexport type TermWithParentAndChildren = {\n\tid: string;\n\tname: string;\n\tparent: number | null;\n\tchildren: TermWithParentAndChildren[];\n};\n\nexport type TermsByParent = Record< string, TermWithParentAndChildren[] >;\n\nexport type CategorySelectProps = Pick<\n\tTreeSelectProps,\n\t'label' | 'noOptionLabel'\n> & {\n\tcategoriesList: Category[];\n\tonChange: ( newCategory: string ) => void;\n\tselectedCategoryId?: Category[ 'id' ];\n\t__next40pxDefaultSize: boolean;\n};\n\nexport type AuthorSelectProps = Pick<\n\tTreeSelectProps,\n\t'label' | 'noOptionLabel'\n> & {\n\tauthorList?: Author[];\n\tonChange: ( newAuthor: string ) => void;\n\tselectedAuthorId?: Author[ 'id' ];\n\t__next40pxDefaultSize: boolean;\n};\n\ntype Order = 'asc' | 'desc';\ntype OrderBy = 'date' | 'title' | 'menu_order';\n\nexport type OrderByOption = {\n\t/**\n\t * The label to be shown to the user.\n\t */\n\tlabel: string;\n\t/**\n\t * Option value passed to `onChange` when the option is selected.\n\t */\n\tvalue: `${ OrderBy }/${ Order }`;\n};\n\ntype BaseQueryControlsProps = {\n\t/**\n\t * An array of the authors to select from.\n\t */\n\tauthorList?: AuthorSelectProps[ 'authorList' ];\n\t/**\n\t * The maximum number of items.\n\t *\n\t * @default 100\n\t */\n\tmaxItems?: number;\n\t/**\n\t * The minimum number of items.\n\t *\n\t * @default 1\n\t */\n\tminItems?: number;\n\t/**\n\t * The selected number of items to retrieve via the query.\n\t */\n\tnumberOfItems?: number;\n\t/**\n\t * A function that receives the new author value.\n\t * If not specified, the author controls are not rendered.\n\t */\n\tonAuthorChange?: AuthorSelectProps[ 'onChange' ];\n\t/**\n\t * A function that receives the new number of items.\n\t * If not specified, then the number of items\n\t * range control is not rendered.\n\t */\n\tonNumberOfItemsChange?: ( newNumber?: number ) => void;\n\t/**\n\t * A function that receives the new order value.\n\t * If this prop or the `onOrderByChange` prop are not specified,\n\t * then the order controls are not rendered.\n\t */\n\tonOrderChange?: ( newOrder: Order ) => void;\n\t/**\n\t * A function that receives the new orderby value.\n\t * If this prop or the `onOrderChange` prop are not specified,\n\t * then the order controls are not rendered.\n\t */\n\tonOrderByChange?: ( newOrderBy: OrderBy ) => void;\n\t/**\n\t * The order in which to retrieve posts.\n\t */\n\torder?: Order;\n\t/**\n\t * The meta key by which to order posts.\n\t */\n\torderBy?: OrderBy;\n\t/**\n\t * List of available ordering options.\n\t */\n\torderByOptions?: OrderByOption[];\n\t/**\n\t * The selected author ID.\n\t */\n\tselectedAuthorId?: AuthorSelectProps[ 'selectedAuthorId' ];\n\t/**\n\t * Start opting into the larger default height that will become the\n\t * default size in a future version.\n\t *\n\t * @deprecated Default behavior since WP 6.7. Prop can be safely removed.\n\t * @ignore\n\t */\n\t__next40pxDefaultSize?: boolean;\n};\n\nexport type QueryControlsWithSingleCategorySelectionProps =\n\tBaseQueryControlsProps & {\n\t\t/**\n\t\t * An array of categories. When passed in conjunction with the\n\t\t * `onCategoryChange` prop, it causes the component to render UI that allows\n\t\t * selecting one category at a time.\n\t\t */\n\t\tcategoriesList?: CategorySelectProps[ 'categoriesList' ];\n\t\t/**\n\t\t * The selected category for the `categoriesList` prop.\n\t\t */\n\t\tselectedCategoryId?: CategorySelectProps[ 'selectedCategoryId' ];\n\t\t/**\n\t\t * A function that receives the new category value. If not specified, the\n\t\t * category controls are not rendered.\n\t\t * The function's signature changes depending on whether multiple category\n\t\t * selection is enabled or not.\n\t\t */\n\t\tonCategoryChange?: CategorySelectProps[ 'onChange' ];\n\t};\n\nexport type QueryControlsWithMultipleCategorySelectionProps =\n\tBaseQueryControlsProps & {\n\t\t/**\n\t\t * An object of categories with the category name as the key. When passed in\n\t\t * conjunction with the `onCategoryChange` prop, it causes the component to\n\t\t * render UI that enables multiple selection.\n\t\t */\n\t\tcategorySuggestions?: Record< Category[ 'name' ], Category >;\n\t\t/**\n\t\t * The selected categories for the `categorySuggestions` prop.\n\t\t */\n\t\tselectedCategories?: Category[];\n\t\t/**\n\t\t * A function that receives the new category value. If not specified, the\n\t\t * category controls are not rendered.\n\t\t * The function's signature changes depending on whether multiple category\n\t\t * selection is enabled or not.\n\t\t */\n\t\tonCategoryChange?: FormTokenFieldProps[ 'onChange' ];\n\t};\n\nexport type QueryControlsProps =\n\t| QueryControlsWithSingleCategorySelectionProps\n\t| QueryControlsWithMultipleCategorySelectionProps;\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build-module/radio-control/index.js

@@ -1,19 +1,9 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-/**
- * WordPress dependencies
- */
-import { useInstanceId } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import BaseControl from '../base-control';
-import { VStack } from '../v-stack';
-import { StyledHelp } from '../base-control/styles/base-control-styles';
-import { VisuallyHidden } from '../visually-hidden';
+import clsx from "clsx";
+import { useInstanceId } from "@wordpress/compose";
+import BaseControl from "../base-control";
+import { VStack } from "../v-stack";
+import { StyledHelp } from "../base-control/styles/base-control-styles";
+import { VisuallyHidden } from "../visually-hidden";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function generateOptionDescriptionId(radioGroupId, index) {
   return `${radioGroupId}-${index}-option-description`;
@@ -24,67 +14,42 @@ function generateOptionId(radioGroupId, index) {
 function generateHelpId(radioGroupId) {
   return `${radioGroupId}__help`;
 }
-
-/**
- * Render a user interface to select the user type using radio inputs.
- *
- * ```jsx
- * import { RadioControl } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyRadioControl = () => {
- *   const [ option, setOption ] = useState( 'a' );
- *
- *   return (
- *     <RadioControl
- *       label="User type"
- *       help="The type of the current user"
- *       selected={ option }
- *       options={ [
- *         { label: 'Author', value: 'a' },
- *         { label: 'Editor', value: 'e' },
- *       ] }
- *       onChange={ ( value ) => setOption( value ) }
- *     />
- *   );
- * };
- * ```
- */
-export function RadioControl(props) {
+function RadioControl(props) {
   const {
     label,
     className,
     selected,
     help,
     onChange,
+    onClick,
     hideLabelFromVision,
     options = [],
     id: preferredId,
     ...additionalProps
   } = props;
-  const id = useInstanceId(RadioControl, 'inspector-radio-control', preferredId);
-  const onChangeValue = event => onChange(event.target.value);
+  const id = useInstanceId(RadioControl, "inspector-radio-control", preferredId);
+  const onChangeValue = (event) => onChange(event.target.value);
   if (!options?.length) {
     return null;
   }
-  return /*#__PURE__*/_jsxs("fieldset", {
-    id: id,
-    className: clsx(className, 'components-radio-control'),
-    "aria-describedby": !!help ? generateHelpId(id) : undefined,
-    children: [hideLabelFromVision ? /*#__PURE__*/_jsx(VisuallyHidden, {
+  return /* @__PURE__ */ _jsxs("fieldset", {
+    id,
+    className: clsx(className, "components-radio-control"),
+    "aria-describedby": !!help ? generateHelpId(id) : void 0,
+    children: [hideLabelFromVision ? /* @__PURE__ */ _jsx(VisuallyHidden, {
       as: "legend",
       children: label
-    }) : /*#__PURE__*/_jsx(BaseControl.VisualLabel, {
+    }) : /* @__PURE__ */ _jsx(BaseControl.VisualLabel, {
       as: "legend",
       children: label
-    }), /*#__PURE__*/_jsx(VStack, {
+    }), /* @__PURE__ */ _jsx(VStack, {
       spacing: 3,
-      className: clsx('components-radio-control__group-wrapper', {
-        'has-help': !!help
+      className: clsx("components-radio-control__group-wrapper", {
+        "has-help": !!help
       }),
-      children: options.map((option, index) => /*#__PURE__*/_jsxs("div", {
+      children: options.map((option, index) => /* @__PURE__ */ _jsxs("div", {
         className: "components-radio-control__option",
-        children: [/*#__PURE__*/_jsx("input", {
+        children: [/* @__PURE__ */ _jsx("input", {
           id: generateOptionId(id, index),
           className: "components-radio-control__input",
           type: "radio",
@@ -92,20 +57,24 @@ export function RadioControl(props) {
           value: option.value,
           onChange: onChangeValue,
           checked: option.value === selected,
-          "aria-describedby": !!option.description ? generateOptionDescriptionId(id, index) : undefined,
+          "aria-describedby": !!option.description ? generateOptionDescriptionId(id, index) : void 0,
+          onClick: (event) => {
+            event.currentTarget.focus();
+            onClick?.(event);
+          },
           ...additionalProps
-        }), /*#__PURE__*/_jsx("label", {
+        }), /* @__PURE__ */ _jsx("label", {
           className: "components-radio-control__label",
           htmlFor: generateOptionId(id, index),
           children: option.label
-        }), !!option.description ? /*#__PURE__*/_jsx(StyledHelp, {
+        }), !!option.description ? /* @__PURE__ */ _jsx(StyledHelp, {
           __nextHasNoMarginBottom: true,
           id: generateOptionDescriptionId(id, index),
           className: "components-radio-control__option-description",
           children: option.description
         }) : null]
       }, generateOptionId(id, index)))
-    }), !!help && /*#__PURE__*/_jsx(StyledHelp, {
+    }), !!help && /* @__PURE__ */ _jsx(StyledHelp, {
       __nextHasNoMarginBottom: true,
       id: generateHelpId(id),
       className: "components-base-control__help",
@@ -113,5 +82,9 @@ export function RadioControl(props) {
     })]
   });
 }
-export default RadioControl;
-//# sourceMappingURL=index.js.map
+var radio_control_default = RadioControl;
+export {
+  RadioControl,
+  radio_control_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/radio-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useInstanceId","BaseControl","VStack","StyledHelp","VisuallyHidden","jsx","_jsx","jsxs","_jsxs","generateOptionDescriptionId","radioGroupId","index","generateOptionId","generateHelpId","RadioControl","props","label","className","selected","help","onChange","hideLabelFromVision","options","id","preferredId","additionalProps","onChangeValue","event","target","value","length","undefined","children","as","VisualLabel","spacing","map","option","type","name","checked","description","htmlFor","__nextHasNoMarginBottom"],"sources":["@wordpress/components/src/radio-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type { ChangeEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport type { WordPressComponentProps } from '../context';\nimport type { RadioControlProps } from './types';\nimport { VStack } from '../v-stack';\nimport { StyledHelp } from '../base-control/styles/base-control-styles';\nimport { VisuallyHidden } from '../visually-hidden';\n\nfunction generateOptionDescriptionId( radioGroupId: string, index: number ) {\n\treturn `${ radioGroupId }-${ index }-option-description`;\n}\n\nfunction generateOptionId( radioGroupId: string, index: number ) {\n\treturn `${ radioGroupId }-${ index }`;\n}\n\nfunction generateHelpId( radioGroupId: string ) {\n\treturn `${ radioGroupId }__help`;\n}\n\n/**\n * Render a user interface to select the user type using radio inputs.\n *\n * ```jsx\n * import { RadioControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyRadioControl = () => {\n *   const [ option, setOption ] = useState( 'a' );\n *\n *   return (\n *     <RadioControl\n *       label=\"User type\"\n *       help=\"The type of the current user\"\n *       selected={ option }\n *       options={ [\n *         { label: 'Author', value: 'a' },\n *         { label: 'Editor', value: 'e' },\n *       ] }\n *       onChange={ ( value ) => setOption( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function RadioControl(\n\tprops: WordPressComponentProps< RadioControlProps, 'input', false >\n) {\n\tconst {\n\t\tlabel,\n\t\tclassName,\n\t\tselected,\n\t\thelp,\n\t\tonChange,\n\t\thideLabelFromVision,\n\t\toptions = [],\n\t\tid: preferredId,\n\t\t...additionalProps\n\t} = props;\n\tconst id = useInstanceId(\n\t\tRadioControl,\n\t\t'inspector-radio-control',\n\t\tpreferredId\n\t);\n\n\tconst onChangeValue = ( event: ChangeEvent< HTMLInputElement > ) =>\n\t\tonChange( event.target.value );\n\n\tif ( ! options?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<fieldset\n\t\t\tid={ id }\n\t\t\tclassName={ clsx( className, 'components-radio-control' ) }\n\t\t\taria-describedby={ !! help ? generateHelpId( id ) : undefined }\n\t\t>\n\t\t\t{ hideLabelFromVision ? (\n\t\t\t\t<VisuallyHidden as=\"legend\">{ label }</VisuallyHidden>\n\t\t\t) : (\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t) }\n\n\t\t\t<VStack\n\t\t\t\tspacing={ 3 }\n\t\t\t\tclassName={ clsx( 'components-radio-control__group-wrapper', {\n\t\t\t\t\t'has-help': !! help,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ options.map( ( option, index ) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={ generateOptionId( id, index ) }\n\t\t\t\t\t\tclassName=\"components-radio-control__option\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={ generateOptionId( id, index ) }\n\t\t\t\t\t\t\tclassName=\"components-radio-control__input\"\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname={ id }\n\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\tonChange={ onChangeValue }\n\t\t\t\t\t\t\tchecked={ option.value === selected }\n\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t!! option.description\n\t\t\t\t\t\t\t\t\t? generateOptionDescriptionId( id, index )\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ ...additionalProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\tclassName=\"components-radio-control__label\"\n\t\t\t\t\t\t\thtmlFor={ generateOptionId( id, index ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t</label>\n\t\t\t\t\t\t{ !! option.description ? (\n\t\t\t\t\t\t\t<StyledHelp\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tid={ generateOptionDescriptionId( id, index ) }\n\t\t\t\t\t\t\t\tclassName=\"components-radio-control__option-description\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ option.description }\n\t\t\t\t\t\t\t</StyledHelp>\n\t\t\t\t\t\t) : null }\n\t\t\t\t\t</div>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t\t{ !! help && (\n\t\t\t\t<StyledHelp\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tid={ generateHelpId( id ) }\n\t\t\t\t\tclassName=\"components-base-control__help\"\n\t\t\t\t>\n\t\t\t\t\t{ help }\n\t\t\t\t</StyledHelp>\n\t\t\t) }\n\t\t</fieldset>\n\t);\n}\n\nexport default RadioControl;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/radio-control/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport { VStack } from '../v-stack';\nimport { StyledHelp } from '../base-control/styles/base-control-styles';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction generateOptionDescriptionId(radioGroupId, index) {\n  return `${radioGroupId}-${index}-option-description`;\n}\nfunction generateOptionId(radioGroupId, index) {\n  return `${radioGroupId}-${index}`;\n}\nfunction generateHelpId(radioGroupId) {\n  return `${radioGroupId}__help`;\n}\n\n/**\n * Render a user interface to select the user type using radio inputs.\n *\n * ```jsx\n * import { RadioControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyRadioControl = () => {\n *   const [ option, setOption ] = useState( 'a' );\n *\n *   return (\n *     <RadioControl\n *       label=\"User type\"\n *       help=\"The type of the current user\"\n *       selected={ option }\n *       options={ [\n *         { label: 'Author', value: 'a' },\n *         { label: 'Editor', value: 'e' },\n *       ] }\n *       onChange={ ( value ) => setOption( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function RadioControl(props) {\n  const {\n    label,\n    className,\n    selected,\n    help,\n    onChange,\n    onClick,\n    hideLabelFromVision,\n    options = [],\n    id: preferredId,\n    ...additionalProps\n  } = props;\n  const id = useInstanceId(RadioControl, 'inspector-radio-control', preferredId);\n  const onChangeValue = event => onChange(event.target.value);\n  if (!options?.length) {\n    return null;\n  }\n  return /*#__PURE__*/_jsxs(\"fieldset\", {\n    id: id,\n    className: clsx(className, 'components-radio-control'),\n    \"aria-describedby\": !!help ? generateHelpId(id) : undefined,\n    children: [hideLabelFromVision ? /*#__PURE__*/_jsx(VisuallyHidden, {\n      as: \"legend\",\n      children: label\n    }) : /*#__PURE__*/_jsx(BaseControl.VisualLabel, {\n      as: \"legend\",\n      children: label\n    }), /*#__PURE__*/_jsx(VStack, {\n      spacing: 3,\n      className: clsx('components-radio-control__group-wrapper', {\n        'has-help': !!help\n      }),\n      children: options.map((option, index) => /*#__PURE__*/_jsxs(\"div\", {\n        className: \"components-radio-control__option\",\n        children: [/*#__PURE__*/_jsx(\"input\", {\n          id: generateOptionId(id, index),\n          className: \"components-radio-control__input\",\n          type: \"radio\",\n          name: id,\n          value: option.value,\n          onChange: onChangeValue,\n          checked: option.value === selected,\n          \"aria-describedby\": !!option.description ? generateOptionDescriptionId(id, index) : undefined,\n          onClick: event => {\n            // Compat code for Safari to ensure that the radio is focused when clicked.\n            event.currentTarget.focus();\n            onClick?.(event);\n          },\n          ...additionalProps\n        }), /*#__PURE__*/_jsx(\"label\", {\n          className: \"components-radio-control__label\",\n          htmlFor: generateOptionId(id, index),\n          children: option.label\n        }), !!option.description ? /*#__PURE__*/_jsx(StyledHelp, {\n          __nextHasNoMarginBottom: true,\n          id: generateOptionDescriptionId(id, index),\n          className: \"components-radio-control__option-description\",\n          children: option.description\n        }) : null]\n      }, generateOptionId(id, index)))\n    }), !!help && /*#__PURE__*/_jsx(StyledHelp, {\n      __nextHasNoMarginBottom: true,\n      id: generateHelpId(id),\n      className: \"components-base-control__help\",\n      children: help\n    })]\n  });\n}\nexport default RadioControl;"],
+  "mappings": "AAGA,OAAO,UAAU;AAIjB,SAAS,qBAAqB;AAK9B,OAAO,iBAAiB;AACxB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,4BAA4B,cAAc,OAAO;AACxD,SAAO,GAAG,YAAY,IAAI,KAAK;AACjC;AACA,SAAS,iBAAiB,cAAc,OAAO;AAC7C,SAAO,GAAG,YAAY,IAAI,KAAK;AACjC;AACA,SAAS,eAAe,cAAc;AACpC,SAAO,GAAG,YAAY;AACxB;AA2BO,SAAS,aAAa,OAAO;AAClC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,IACX,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,KAAK,cAAc,cAAc,2BAA2B,WAAW;AAC7E,QAAM,gBAAgB,WAAS,SAAS,MAAM,OAAO,KAAK;AAC1D,MAAI,CAAC,SAAS,QAAQ;AACpB,WAAO;AAAA,EACT;AACA,SAAoB,sBAAM,YAAY;AAAA,IACpC;AAAA,IACA,WAAW,KAAK,WAAW,0BAA0B;AAAA,IACrD,oBAAoB,CAAC,CAAC,OAAO,eAAe,EAAE,IAAI;AAAA,IAClD,UAAU,CAAC,sBAAmC,qBAAK,gBAAgB;AAAA,MACjE,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ,CAAC,IAAiB,qBAAK,YAAY,aAAa;AAAA,MAC9C,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ,CAAC,GAAgB,qBAAK,QAAQ;AAAA,MAC5B,SAAS;AAAA,MACT,WAAW,KAAK,2CAA2C;AAAA,QACzD,YAAY,CAAC,CAAC;AAAA,MAChB,CAAC;AAAA,MACD,UAAU,QAAQ,IAAI,CAAC,QAAQ,UAAuB,sBAAM,OAAO;AAAA,QACjE,WAAW;AAAA,QACX,UAAU,CAAc,qBAAK,SAAS;AAAA,UACpC,IAAI,iBAAiB,IAAI,KAAK;AAAA,UAC9B,WAAW;AAAA,UACX,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO,OAAO;AAAA,UACd,UAAU;AAAA,UACV,SAAS,OAAO,UAAU;AAAA,UAC1B,oBAAoB,CAAC,CAAC,OAAO,cAAc,4BAA4B,IAAI,KAAK,IAAI;AAAA,UACpF,SAAS,WAAS;AAEhB,kBAAM,cAAc,MAAM;AAC1B,sBAAU,KAAK;AAAA,UACjB;AAAA,UACA,GAAG;AAAA,QACL,CAAC,GAAgB,qBAAK,SAAS;AAAA,UAC7B,WAAW;AAAA,UACX,SAAS,iBAAiB,IAAI,KAAK;AAAA,UACnC,UAAU,OAAO;AAAA,QACnB,CAAC,GAAG,CAAC,CAAC,OAAO,cAA2B,qBAAK,YAAY;AAAA,UACvD,yBAAyB;AAAA,UACzB,IAAI,4BAA4B,IAAI,KAAK;AAAA,UACzC,WAAW;AAAA,UACX,UAAU,OAAO;AAAA,QACnB,CAAC,IAAI,IAAI;AAAA,MACX,GAAG,iBAAiB,IAAI,KAAK,CAAC,CAAC;AAAA,IACjC,CAAC,GAAG,CAAC,CAAC,QAAqB,qBAAK,YAAY;AAAA,MAC1C,yBAAyB;AAAA,MACzB,IAAI,eAAe,EAAE;AAAA,MACrB,WAAW;AAAA,MACX,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,wBAAQ;",
+  "names": []
+}

package/build-module/radio-control/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/radio-control/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/radio-control/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { BaseControlProps } from '../base-control/types';\n\nexport type RadioControlProps = Pick<\n\tBaseControlProps,\n\t'label' | 'help' | 'hideLabelFromVision'\n> & {\n\t/**\n\t * A function that receives the value of the new option that is being\n\t * selected as input.\n\t */\n\tonChange: ( value: string ) => void;\n\t/**\n\t * An array of objects containing the value and label of the options.\n\t */\n\toptions?: {\n\t\t/**\n\t\t * The label to be shown to the user\n\t\t */\n\t\tlabel: string;\n\t\t/**\n\t\t * The internal value compared against select and passed to onChange\n\t\t */\n\t\tvalue: string;\n\t\t/**\n\t\t * Optional help text to be shown in addition the label.\n\t\t */\n\t\tdescription?: string;\n\t}[];\n\t/**\n\t * The value property of the currently selected option.\n\t */\n\tselected?: string;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build-module/radio-group/context.js

@@ -1,14 +1,10 @@
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { createContext } from '@wordpress/element';
-export const RadioGroupContext = createContext({
-  store: undefined,
-  disabled: undefined
+import { createContext } from "@wordpress/element";
+const RadioGroupContext = createContext({
+  store: void 0,
+  disabled: void 0
 });
-RadioGroupContext.displayName = 'RadioGroupContext';
-//# sourceMappingURL=context.js.map
+RadioGroupContext.displayName = "RadioGroupContext";
+export {
+  RadioGroupContext
+};
+//# sourceMappingURL=context.js.map

package/build-module/radio-group/context.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","RadioGroupContext","store","undefined","disabled","displayName"],"sources":["@wordpress/components/src/radio-group/context.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nexport const RadioGroupContext = createContext< {\n\tstore?: Ariakit.RadioStore;\n\tdisabled?: boolean;\n} >( {\n\tstore: undefined,\n\tdisabled: undefined,\n} );\nRadioGroupContext.displayName = 'RadioGroupContext';\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAElD,OAAO,MAAMC,iBAAiB,GAAGD,aAAa,CAGzC;EACJE,KAAK,EAAEC,SAAS;EAChBC,QAAQ,EAAED;AACX,CAAE,CAAC;AACHF,iBAAiB,CAACI,WAAW,GAAG,mBAAmB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/radio-group/context.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\nexport const RadioGroupContext = createContext({\n  store: undefined,\n  disabled: undefined\n});\nRadioGroupContext.displayName = 'RadioGroupContext';"],
+  "mappings": "AAOA,SAAS,qBAAqB;AACvB,MAAM,oBAAoB,cAAc;AAAA,EAC7C,OAAO;AAAA,EACP,UAAU;AACZ,CAAC;AACD,kBAAkB,cAAc;",
+  "names": []
+}

package/build-module/radio-group/index.js

@@ -1,20 +1,9 @@
-/**
- * External dependencies
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import deprecated from '@wordpress/deprecated';
-import { useMemo, forwardRef } from '@wordpress/element';
-import { isRTL } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import ButtonGroup from '../button-group';
-import { RadioGroupContext } from './context';
+import * as Ariakit from "@ariakit/react";
+import deprecated from "@wordpress/deprecated";
+import { useMemo, forwardRef } from "@wordpress/element";
+import { isRTL } from "@wordpress/i18n";
+import ButtonGroup from "../button-group";
+import { RadioGroupContext } from "./context";
 import { jsx as _jsx } from "react/jsx-runtime";
 function UnforwardedRadioGroup({
   label,
@@ -28,8 +17,8 @@ function UnforwardedRadioGroup({
   const radioStore = Ariakit.useRadioStore({
     value: checked,
     defaultValue: defaultChecked,
-    setValue: newValue => {
-      onChange?.(newValue !== null && newValue !== void 0 ? newValue : undefined);
+    setValue: (newValue) => {
+      onChange?.(newValue !== null && newValue !== void 0 ? newValue : void 0);
     },
     rtl: isRTL()
   });
@@ -37,28 +26,28 @@ function UnforwardedRadioGroup({
     store: radioStore,
     disabled
   }), [radioStore, disabled]);
-  deprecated('wp.components.__experimentalRadioGroup', {
-    alternative: 'wp.components.RadioControl or wp.components.__experimentalToggleGroupControl',
-    since: '6.8'
+  deprecated("wp.components.__experimentalRadioGroup", {
+    alternative: "wp.components.RadioControl or wp.components.__experimentalToggleGroupControl",
+    since: "6.8"
   });
-  return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
+  return /* @__PURE__ */ _jsx(RadioGroupContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(Ariakit.RadioGroup, {
+    children: /* @__PURE__ */ _jsx(Ariakit.RadioGroup, {
       store: radioStore,
-      render: /*#__PURE__*/_jsx(ButtonGroup, {
+      render: /* @__PURE__ */ _jsx(ButtonGroup, {
         __shouldNotWarnDeprecated: true,
-        children: children
+        children
       }),
       "aria-label": label,
-      ref: ref,
+      ref,
       ...props
     })
   });
 }
-
-/**
- * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.
- */
-export const RadioGroup = forwardRef(UnforwardedRadioGroup);
-export default RadioGroup;
-//# sourceMappingURL=index.js.map
+const RadioGroup = forwardRef(UnforwardedRadioGroup);
+var radio_group_default = RadioGroup;
+export {
+  RadioGroup,
+  radio_group_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/radio-group/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","deprecated","useMemo","forwardRef","isRTL","ButtonGroup","RadioGroupContext","jsx","_jsx","UnforwardedRadioGroup","label","checked","defaultChecked","disabled","onChange","children","props","ref","radioStore","useRadioStore","value","defaultValue","setValue","newValue","undefined","rtl","contextValue","store","alternative","since","Provider","RadioGroup","render","__shouldNotWarnDeprecated"],"sources":["@wordpress/components/src/radio-group/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { useMemo, forwardRef } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ButtonGroup from '../button-group';\nimport type { WordPressComponentProps } from '../context';\nimport { RadioGroupContext } from './context';\nimport type { RadioGroupProps } from './types';\n\nfunction UnforwardedRadioGroup(\n\t{\n\t\tlabel,\n\t\tchecked,\n\t\tdefaultChecked,\n\t\tdisabled,\n\t\tonChange,\n\t\tchildren,\n\t\t...props\n\t}: WordPressComponentProps< RadioGroupProps, 'div', false >,\n\tref: React.ForwardedRef< any >\n) {\n\tconst radioStore = Ariakit.useRadioStore( {\n\t\tvalue: checked,\n\t\tdefaultValue: defaultChecked,\n\t\tsetValue: ( newValue ) => {\n\t\t\tonChange?.( newValue ?? undefined );\n\t\t},\n\t\trtl: isRTL(),\n\t} );\n\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\tstore: radioStore,\n\t\t\tdisabled,\n\t\t} ),\n\t\t[ radioStore, disabled ]\n\t);\n\n\tdeprecated( 'wp.components.__experimentalRadioGroup', {\n\t\talternative:\n\t\t\t'wp.components.RadioControl or wp.components.__experimentalToggleGroupControl',\n\t\tsince: '6.8',\n\t} );\n\n\treturn (\n\t\t<RadioGroupContext.Provider value={ contextValue }>\n\t\t\t<Ariakit.RadioGroup\n\t\t\t\tstore={ radioStore }\n\t\t\t\trender={\n\t\t\t\t\t<ButtonGroup __shouldNotWarnDeprecated>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</ButtonGroup>\n\t\t\t\t}\n\t\t\t\taria-label={ label }\n\t\t\t\tref={ ref }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</RadioGroupContext.Provider>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport const RadioGroup = forwardRef( UnforwardedRadioGroup );\nexport default RadioGroup;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,OAAO,EAAEC,UAAU,QAAQ,oBAAoB;AACxD,SAASC,KAAK,QAAQ,iBAAiB;;AAEvC;AACA;AACA;AACA,OAAOC,WAAW,MAAM,iBAAiB;AAEzC,SAASC,iBAAiB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C,SAASC,qBAAqBA,CAC7B;EACCC,KAAK;EACLC,OAAO;EACPC,cAAc;EACdC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACsD,CAAC,EAC3DC,GAA8B,EAC7B;EACD,MAAMC,UAAU,GAAGlB,OAAO,CAACmB,aAAa,CAAE;IACzCC,KAAK,EAAET,OAAO;IACdU,YAAY,EAAET,cAAc;IAC5BU,QAAQ,EAAIC,QAAQ,IAAM;MACzBT,QAAQ,GAAIS,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIC,SAAU,CAAC;IACpC,CAAC;IACDC,GAAG,EAAErB,KAAK,CAAC;EACZ,CAAE,CAAC;EAEH,MAAMsB,YAAY,GAAGxB,OAAO,CAC3B,OAAQ;IACPyB,KAAK,EAAET,UAAU;IACjBL;EACD,CAAC,CAAE,EACH,CAAEK,UAAU,EAAEL,QAAQ,CACvB,CAAC;EAEDZ,UAAU,CAAE,wCAAwC,EAAE;IACrD2B,WAAW,EACV,8EAA8E;IAC/EC,KAAK,EAAE;EACR,CAAE,CAAC;EAEH,oBACCrB,IAAA,CAACF,iBAAiB,CAACwB,QAAQ;IAACV,KAAK,EAAGM,YAAc;IAAAX,QAAA,eACjDP,IAAA,CAACR,OAAO,CAAC+B,UAAU;MAClBJ,KAAK,EAAGT,UAAY;MACpBc,MAAM,eACLxB,IAAA,CAACH,WAAW;QAAC4B,yBAAyB;QAAAlB,QAAA,EACnCA;MAAQ,CACE,CACb;MACD,cAAaL,KAAO;MACpBO,GAAG,EAAGA,GAAK;MAAA,GACND;IAAK,CACV;EAAC,CACyB,CAAC;AAE/B;;AAEA;AACA;AACA;AACA,OAAO,MAAMe,UAAU,GAAG5B,UAAU,CAAEM,qBAAsB,CAAC;AAC7D,eAAesB,UAAU","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/radio-group/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { useMemo, forwardRef } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ButtonGroup from '../button-group';\nimport { RadioGroupContext } from './context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedRadioGroup({\n  label,\n  checked,\n  defaultChecked,\n  disabled,\n  onChange,\n  children,\n  ...props\n}, ref) {\n  const radioStore = Ariakit.useRadioStore({\n    value: checked,\n    defaultValue: defaultChecked,\n    setValue: newValue => {\n      onChange?.(newValue !== null && newValue !== void 0 ? newValue : undefined);\n    },\n    rtl: isRTL()\n  });\n  const contextValue = useMemo(() => ({\n    store: radioStore,\n    disabled\n  }), [radioStore, disabled]);\n  deprecated('wp.components.__experimentalRadioGroup', {\n    alternative: 'wp.components.RadioControl or wp.components.__experimentalToggleGroupControl',\n    since: '6.8'\n  });\n  return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {\n    value: contextValue,\n    children: /*#__PURE__*/_jsx(Ariakit.RadioGroup, {\n      store: radioStore,\n      render: /*#__PURE__*/_jsx(ButtonGroup, {\n        __shouldNotWarnDeprecated: true,\n        children: children\n      }),\n      \"aria-label\": label,\n      ref: ref,\n      ...props\n    })\n  });\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport const RadioGroup = forwardRef(UnforwardedRadioGroup);\nexport default RadioGroup;"],
+  "mappings": "AAGA,YAAY,aAAa;AAKzB,OAAO,gBAAgB;AACvB,SAAS,SAAS,kBAAkB;AACpC,SAAS,aAAa;AAKtB,OAAO,iBAAiB;AACxB,SAAS,yBAAyB;AAClC,SAAS,OAAO,YAAY;AAC5B,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,aAAa,QAAQ,cAAc;AAAA,IACvC,OAAO;AAAA,IACP,cAAc;AAAA,IACd,UAAU,cAAY;AACpB,iBAAW,aAAa,QAAQ,aAAa,SAAS,WAAW,MAAS;AAAA,IAC5E;AAAA,IACA,KAAK,MAAM;AAAA,EACb,CAAC;AACD,QAAM,eAAe,QAAQ,OAAO;AAAA,IAClC,OAAO;AAAA,IACP;AAAA,EACF,IAAI,CAAC,YAAY,QAAQ,CAAC;AAC1B,aAAW,0CAA0C;AAAA,IACnD,aAAa;AAAA,IACb,OAAO;AAAA,EACT,CAAC;AACD,SAAoB,qBAAK,kBAAkB,UAAU;AAAA,IACnD,OAAO;AAAA,IACP,UAAuB,qBAAK,QAAQ,YAAY;AAAA,MAC9C,OAAO;AAAA,MACP,QAAqB,qBAAK,aAAa;AAAA,QACrC,2BAA2B;AAAA,QAC3B;AAAA,MACF,CAAC;AAAA,MACD,cAAc;AAAA,MACd;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AAKO,MAAM,aAAa,WAAW,qBAAqB;AAC1D,IAAO,sBAAQ;",
+  "names": []
+}

package/build-module/radio-group/radio.js

@@ -1,19 +1,8 @@
-/**
- * WordPress dependencies
- */
-import { forwardRef, useContext } from '@wordpress/element';
-
-/**
- * External dependencies
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * Internal dependencies
- */
-import Button from '../button';
-import { RadioGroupContext } from './context';
-import { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';
+import { forwardRef, useContext } from "@wordpress/element";
+import * as Ariakit from "@ariakit/react";
+import Button from "../button";
+import { RadioGroupContext } from "./context";
+import { maybeWarnDeprecated36pxSize } from "../utils/deprecated-36px-size";
 import { jsx as _jsx } from "react/jsx-runtime";
 function UnforwardedRadio({
   value,
@@ -24,29 +13,29 @@ function UnforwardedRadio({
     store,
     disabled
   } = useContext(RadioGroupContext);
-  const selectedValue = Ariakit.useStoreState(store, 'value');
-  const isChecked = selectedValue !== undefined && selectedValue === value;
+  const selectedValue = Ariakit.useStoreState(store, "value");
+  const isChecked = selectedValue !== void 0 && selectedValue === value;
   maybeWarnDeprecated36pxSize({
-    componentName: 'Radio',
-    size: undefined,
+    componentName: "Radio",
+    size: void 0,
     __next40pxDefaultSize: props.__next40pxDefaultSize
   });
-  return /*#__PURE__*/_jsx(Ariakit.Radio, {
-    disabled: disabled,
-    store: store,
-    ref: ref,
-    value: value,
-    render: /*#__PURE__*/_jsx(Button, {
-      variant: isChecked ? 'primary' : 'secondary',
+  return /* @__PURE__ */ _jsx(Ariakit.Radio, {
+    disabled,
+    store,
+    ref,
+    value,
+    render: /* @__PURE__ */ _jsx(Button, {
+      variant: isChecked ? "primary" : "secondary",
       ...props
     }),
     children: children || value
   });
 }
-
-/**
- * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.
- */
-export const Radio = forwardRef(UnforwardedRadio);
-export default Radio;
-//# sourceMappingURL=radio.js.map
+const Radio = forwardRef(UnforwardedRadio);
+var radio_default = Radio;
+export {
+  Radio,
+  radio_default as default
+};
+//# sourceMappingURL=radio.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","useContext","Ariakit","Button","RadioGroupContext","maybeWarnDeprecated36pxSize","jsx","_jsx","UnforwardedRadio","value","children","props","ref","store","disabled","selectedValue","useStoreState","isChecked","undefined","componentName","size","__next40pxDefaultSize","Radio","render","variant"],"sources":["@wordpress/components/src/radio-group/radio.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { RadioGroupContext } from './context';\nimport type { WordPressComponentProps } from '../context';\nimport type { RadioProps } from './types';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\n\nfunction UnforwardedRadio(\n\t{\n\t\tvalue,\n\t\tchildren,\n\t\t...props\n\t}: WordPressComponentProps< RadioProps, 'button', false >,\n\tref: React.ForwardedRef< any >\n) {\n\tconst { store, disabled } = useContext( RadioGroupContext );\n\n\tconst selectedValue = Ariakit.useStoreState( store, 'value' );\n\tconst isChecked = selectedValue !== undefined && selectedValue === value;\n\n\tmaybeWarnDeprecated36pxSize( {\n\t\tcomponentName: 'Radio',\n\t\tsize: undefined,\n\t\t__next40pxDefaultSize: props.__next40pxDefaultSize,\n\t} );\n\n\treturn (\n\t\t<Ariakit.Radio\n\t\t\tdisabled={ disabled }\n\t\t\tstore={ store }\n\t\t\tref={ ref }\n\t\t\tvalue={ value }\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ isChecked ? 'primary' : 'secondary' }\n\t\t\t\t\t{ ...props }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ children || value }\n\t\t</Ariakit.Radio>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport const Radio = forwardRef( UnforwardedRadio );\nexport default Radio;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;AACA,OAAO,KAAKC,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,iBAAiB,QAAQ,WAAW;AAG7C,SAASC,2BAA2B,QAAQ,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5E,SAASC,gBAAgBA,CACxB;EACCC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACoD,CAAC,EACzDC,GAA8B,EAC7B;EACD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGb,UAAU,CAAEG,iBAAkB,CAAC;EAE3D,MAAMW,aAAa,GAAGb,OAAO,CAACc,aAAa,CAAEH,KAAK,EAAE,OAAQ,CAAC;EAC7D,MAAMI,SAAS,GAAGF,aAAa,KAAKG,SAAS,IAAIH,aAAa,KAAKN,KAAK;EAExEJ,2BAA2B,CAAE;IAC5Bc,aAAa,EAAE,OAAO;IACtBC,IAAI,EAAEF,SAAS;IACfG,qBAAqB,EAAEV,KAAK,CAACU;EAC9B,CAAE,CAAC;EAEH,oBACCd,IAAA,CAACL,OAAO,CAACoB,KAAK;IACbR,QAAQ,EAAGA,QAAU;IACrBD,KAAK,EAAGA,KAAO;IACfD,GAAG,EAAGA,GAAK;IACXH,KAAK,EAAGA,KAAO;IACfc,MAAM,eACLhB,IAAA,CAACJ,MAAM;MACNqB,OAAO,EAAGP,SAAS,GAAG,SAAS,GAAG,WAAa;MAAA,GAC1CN;IAAK,CACV,CACD;IAAAD,QAAA,EAECA,QAAQ,IAAID;EAAK,CACL,CAAC;AAElB;;AAEA;AACA;AACA;AACA,OAAO,MAAMa,KAAK,GAAGtB,UAAU,CAAEQ,gBAAiB,CAAC;AACnD,eAAec,KAAK","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/radio-group/radio.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { RadioGroupContext } from './context';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedRadio({\n  value,\n  children,\n  ...props\n}, ref) {\n  const {\n    store,\n    disabled\n  } = useContext(RadioGroupContext);\n  const selectedValue = Ariakit.useStoreState(store, 'value');\n  const isChecked = selectedValue !== undefined && selectedValue === value;\n  maybeWarnDeprecated36pxSize({\n    componentName: 'Radio',\n    size: undefined,\n    __next40pxDefaultSize: props.__next40pxDefaultSize\n  });\n  return /*#__PURE__*/_jsx(Ariakit.Radio, {\n    disabled: disabled,\n    store: store,\n    ref: ref,\n    value: value,\n    render: /*#__PURE__*/_jsx(Button, {\n      variant: isChecked ? 'primary' : 'secondary',\n      ...props\n    }),\n    children: children || value\n  });\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport const Radio = forwardRef(UnforwardedRadio);\nexport default Radio;"],
+  "mappings": "AAGA,SAAS,YAAY,kBAAkB;AAKvC,YAAY,aAAa;AAKzB,OAAO,YAAY;AACnB,SAAS,yBAAyB;AAClC,SAAS,mCAAmC;AAC5C,SAAS,OAAO,YAAY;AAC5B,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,WAAW,iBAAiB;AAChC,QAAM,gBAAgB,QAAQ,cAAc,OAAO,OAAO;AAC1D,QAAM,YAAY,kBAAkB,UAAa,kBAAkB;AACnE,8BAA4B;AAAA,IAC1B,eAAe;AAAA,IACf,MAAM;AAAA,IACN,uBAAuB,MAAM;AAAA,EAC/B,CAAC;AACD,SAAoB,qBAAK,QAAQ,OAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAqB,qBAAK,QAAQ;AAAA,MAChC,SAAS,YAAY,YAAY;AAAA,MACjC,GAAG;AAAA,IACL,CAAC;AAAA,IACD,UAAU,YAAY;AAAA,EACxB,CAAC;AACH;AAKO,MAAM,QAAQ,WAAW,gBAAgB;AAChD,IAAO,gBAAQ;",
+  "names": []
+}

package/build-module/radio-group/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/radio-group/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/radio-group/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { ButtonProps } from '../button/types';\n\nexport type RadioGroupProps = {\n\t/**\n\t * Accessible label for the radio group\n\t */\n\tlabel: string;\n\t/**\n\t * The `value` of the `Radio` element which should be selected.\n\t * Indicates controlled usage of the component.\n\t */\n\tchecked?: string | number;\n\t/**\n\t * The value of the radio element which is initially selected.\n\t */\n\tdefaultChecked?: string | number;\n\t/**\n\t * Whether the `RadioGroup` should be disabled.\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Called when a `Radio` element has been selected.\n\t * Receives the `value` of the selected element as an argument.\n\t */\n\tonChange?: ( value: string | number | undefined ) => void;\n\t/**\n\t * The children elements, which should be a series of `Radio` components.\n\t */\n\tchildren: React.ReactNode;\n};\n\nexport type RadioProps = Pick< ButtonProps, '__next40pxDefaultSize' > & {\n\t/**\n\t * The actual value of the radio element.\n\t */\n\tvalue: string | number;\n\t/**\n\t * Content displayed on the Radio element. If there aren't any children, `value` is displayed.\n\t */\n\tchildren?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}