@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

package/build/badge/index.js

@@ -1,68 +1,81 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var badge_exports = {};
+__export(badge_exports, {
+  default: () => badge_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _icons = require("@wordpress/icons");
-var _icon = _interopRequireDefault(require("../icon"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Returns an icon based on the badge context.
- *
- * @return The corresponding icon for the provided context.
- */function contextBasedIcon(intent = 'default') {
+module.exports = __toCommonJS(badge_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_icons = require("@wordpress/icons");
+var import_icon = __toESM(require("../icon"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function contextBasedIcon(intent = "default") {
   switch (intent) {
-    case 'info':
-      return _icons.info;
-    case 'success':
-      return _icons.published;
-    case 'warning':
-      return _icons.caution;
-    case 'error':
-      return _icons.error;
+    case "info":
+      return import_icons.info;
+    case "success":
+      return import_icons.published;
+    case "warning":
+      return import_icons.caution;
+    case "error":
+      return import_icons.error;
     default:
       return null;
   }
 }
 function Badge({
   className,
-  intent = 'default',
+  intent = "default",
   children,
   ...props
 }) {
   const icon = contextBasedIcon(intent);
   const hasIcon = !!icon;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-    className: (0, _clsx.default)('components-badge', className, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+    className: (0, import_clsx.default)("components-badge", className, {
       [`is-${intent}`]: intent,
-      'has-icon': hasIcon
+      "has-icon": hasIcon
     }),
     ...props,
-    children: [hasIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
-      icon: icon,
-      size: 16,
-      fill: "currentColor",
-      className: "components-badge__icon"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "components-badge__content",
-      children: children
-    })]
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+      className: "components-badge__flex-wrapper",
+      children: [hasIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.default, {
+        icon,
+        size: 16,
+        fill: "currentColor",
+        className: "components-badge__icon"
+      }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+        className: "components-badge__content",
+        children
+      })]
+    })
   });
 }
-var _default = exports.default = Badge;
-//# sourceMappingURL=index.js.map
+var badge_default = Badge;
+//# sourceMappingURL=index.js.map

package/build/badge/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_icons","_icon","_jsxRuntime","contextBasedIcon","intent","info","published","caution","error","Badge","className","children","props","icon","hasIcon","jsxs","clsx","jsx","default","size","fill","_default","exports"],"sources":["@wordpress/components/src/badge/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { info, caution, error, published } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport type { BadgeProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport Icon from '../icon';\n\n/**\n * Returns an icon based on the badge context.\n *\n * @return The corresponding icon for the provided context.\n */\nfunction contextBasedIcon( intent: BadgeProps[ 'intent' ] = 'default' ) {\n\tswitch ( intent ) {\n\t\tcase 'info':\n\t\t\treturn info;\n\t\tcase 'success':\n\t\t\treturn published;\n\t\tcase 'warning':\n\t\t\treturn caution;\n\t\tcase 'error':\n\t\t\treturn error;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n\nfunction Badge( {\n\tclassName,\n\tintent = 'default',\n\tchildren,\n\t...props\n}: WordPressComponentProps< BadgeProps, 'span', false > ) {\n\tconst icon = contextBasedIcon( intent );\n\tconst hasIcon = !! icon;\n\n\treturn (\n\t\t<span\n\t\t\tclassName={ clsx( 'components-badge', className, {\n\t\t\t\t[ `is-${ intent }` ]: intent,\n\t\t\t\t'has-icon': hasIcon,\n\t\t\t} ) }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ hasIcon && (\n\t\t\t\t<Icon\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tsize={ 16 }\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\tclassName=\"components-badge__icon\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<span className=\"components-badge__content\">{ children }</span>\n\t\t</span>\n\t);\n}\n\nexport default Badge;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AAOA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA2B,IAAAG,WAAA,GAAAH,OAAA;AAf3B;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA,GACA,SAASI,gBAAgBA,CAAEC,MAA8B,GAAG,SAAS,EAAG;EACvE,QAASA,MAAM;IACd,KAAK,MAAM;MACV,OAAOC,WAAI;IACZ,KAAK,SAAS;MACb,OAAOC,gBAAS;IACjB,KAAK,SAAS;MACb,OAAOC,cAAO;IACf,KAAK,OAAO;MACX,OAAOC,YAAK;IACb;MACC,OAAO,IAAI;EACb;AACD;AAEA,SAASC,KAAKA,CAAE;EACfC,SAAS;EACTN,MAAM,GAAG,SAAS;EAClBO,QAAQ;EACR,GAAGC;AACkD,CAAC,EAAG;EACzD,MAAMC,IAAI,GAAGV,gBAAgB,CAAEC,MAAO,CAAC;EACvC,MAAMU,OAAO,GAAG,CAAC,CAAED,IAAI;EAEvB,oBACC,IAAAX,WAAA,CAAAa,IAAA;IACCL,SAAS,EAAG,IAAAM,aAAI,EAAE,kBAAkB,EAAEN,SAAS,EAAE;MAChD,CAAE,MAAON,MAAM,EAAG,GAAIA,MAAM;MAC5B,UAAU,EAAEU;IACb,CAAE,CAAG;IAAA,GACAF,KAAK;IAAAD,QAAA,GAERG,OAAO,iBACR,IAAAZ,WAAA,CAAAe,GAAA,EAAChB,KAAA,CAAAiB,OAAI;MACJL,IAAI,EAAGA,IAAM;MACbM,IAAI,EAAG,EAAI;MACXC,IAAI,EAAC,cAAc;MACnBV,SAAS,EAAC;IAAwB,CAClC,CACD,eACD,IAAAR,WAAA,CAAAe,GAAA;MAAMP,SAAS,EAAC,2BAA2B;MAAAC,QAAA,EAAGA;IAAQ,CAAQ,CAAC;EAAA,CAC1D,CAAC;AAET;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEcT,KAAK","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/badge/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { info, caution, error, published } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\n\nimport Icon from '../icon';\n\n/**\n * Returns an icon based on the badge context.\n *\n * @return The corresponding icon for the provided context.\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction contextBasedIcon(intent = 'default') {\n  switch (intent) {\n    case 'info':\n      return info;\n    case 'success':\n      return published;\n    case 'warning':\n      return caution;\n    case 'error':\n      return error;\n    default:\n      return null;\n  }\n}\nfunction Badge({\n  className,\n  intent = 'default',\n  children,\n  ...props\n}) {\n  const icon = contextBasedIcon(intent);\n  const hasIcon = !!icon;\n  return /*#__PURE__*/_jsx(\"span\", {\n    className: clsx('components-badge', className, {\n      [`is-${intent}`]: intent,\n      'has-icon': hasIcon\n    }),\n    ...props,\n    children: /*#__PURE__*/_jsxs(\"span\", {\n      className: \"components-badge__flex-wrapper\",\n      children: [hasIcon && /*#__PURE__*/_jsx(Icon, {\n        icon: icon,\n        size: 16,\n        fill: \"currentColor\",\n        className: \"components-badge__icon\"\n      }), /*#__PURE__*/_jsx(\"span\", {\n        className: \"components-badge__content\",\n        children: children\n      })]\n    })\n  });\n}\nexport default Badge;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,mBAAgD;AAMhD,kBAAiB;AAOjB,yBAA2C;AAC3C,SAAS,iBAAiB,SAAS,WAAW;AAC5C,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AACA,SAAS,MAAM;AAAA,EACb;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,OAAO,iBAAiB,MAAM;AACpC,QAAM,UAAU,CAAC,CAAC;AAClB,SAAoB,uCAAAA,KAAK,QAAQ;AAAA,IAC/B,eAAW,YAAAC,SAAK,oBAAoB,WAAW;AAAA,MAC7C,CAAC,MAAM,MAAM,EAAE,GAAG;AAAA,MAClB,YAAY;AAAA,IACd,CAAC;AAAA,IACD,GAAG;AAAA,IACH,UAAuB,uCAAAC,MAAM,QAAQ;AAAA,MACnC,WAAW;AAAA,MACX,UAAU,CAAC,WAAwB,uCAAAF,KAAK,YAAAG,SAAM;AAAA,QAC5C;AAAA,QACA,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,MACb,CAAC,GAAgB,uCAAAH,KAAK,QAAQ;AAAA,QAC5B,WAAW;AAAA,QACX;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gBAAQ;",
+  "names": ["_jsx", "clsx", "_jsxs", "Icon"]
+}

package/build/badge/types.js

@@ -1,6 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=types.js.map
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/build/badge/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/badge/types.ts"],"sourcesContent":["export type BadgeProps = {\n\t/**\n\t * Badge variant.\n\t *\n\t * @default 'default'\n\t */\n\tintent?: 'default' | 'info' | 'success' | 'warning' | 'error';\n\t/**\n\t * Text to display inside the badge.\n\t */\n\tchildren: string;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/badge/types.ts"],
+  "sourcesContent": ["export {};"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/build/base-control/docs-manifest.json

@@ -0,0 +1,12 @@
+{
+	"$schema": "../../schemas/docs-manifest.json",
+	"displayName": "BaseControl",
+	"filePath": "./index.tsx",
+	"subcomponents": [
+		{
+			"displayName": "VisualLabel",
+			"preferredDisplayName": "BaseControl.VisualLabel",
+			"filePath": "./index.tsx"
+		}
+	]
+}

package/build/base-control/hooks.js

@@ -1,34 +1,45 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hooks_exports = {};
+__export(hooks_exports, {
+  useBaseControlProps: () => useBaseControlProps
 });
-exports.useBaseControlProps = useBaseControlProps;
-var _compose = require("@wordpress/compose");
-var _ = _interopRequireDefault(require("."));
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Generate props for the `BaseControl` and the inner control itself.
- *
- * Namely, it takes care of generating a unique `id`, properly associating it with the `label` and `help` elements.
- *
- * @param props
- */
+module.exports = __toCommonJS(hooks_exports);
+var import_compose = require("@wordpress/compose");
+var import__ = __toESM(require("."));
 function useBaseControlProps(props) {
   const {
     help,
     id: preferredId,
     ...restProps
   } = props;
-  const uniqueId = (0, _compose.useInstanceId)(_.default, 'wp-components-base-control', preferredId);
+  const uniqueId = (0, import_compose.useInstanceId)(import__.default, "wp-components-base-control", preferredId);
   return {
     baseControlProps: {
       id: uniqueId,
@@ -37,10 +48,14 @@ function useBaseControlProps(props) {
     },
     controlProps: {
       id: uniqueId,
-      ...(!!help ? {
-        'aria-describedby': `${uniqueId}__help`
-      } : {})
+      ...!!help ? {
+        "aria-describedby": `${uniqueId}__help`
+      } : {}
     }
   };
 }
-//# sourceMappingURL=hooks.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBaseControlProps
+});
+//# sourceMappingURL=hooks.js.map

package/build/base-control/hooks.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_compose","require","_","_interopRequireDefault","useBaseControlProps","props","help","id","preferredId","restProps","uniqueId","useInstanceId","BaseControl","baseControlProps","controlProps"],"sources":["@wordpress/components/src/base-control/hooks.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '.';\nimport type { BaseControlProps } from './types';\n\n/**\n * Generate props for the `BaseControl` and the inner control itself.\n *\n * Namely, it takes care of generating a unique `id`, properly associating it with the `label` and `help` elements.\n *\n * @param props\n */\nexport function useBaseControlProps(\n\tprops: Omit< BaseControlProps, 'children' >\n) {\n\tconst { help, id: preferredId, ...restProps } = props;\n\n\tconst uniqueId = useInstanceId(\n\t\tBaseControl,\n\t\t'wp-components-base-control',\n\t\tpreferredId\n\t);\n\n\treturn {\n\t\tbaseControlProps: {\n\t\t\tid: uniqueId,\n\t\t\thelp,\n\t\t\t...restProps,\n\t\t},\n\t\tcontrolProps: {\n\t\t\tid: uniqueId,\n\t\t\t...( !! help ? { 'aria-describedby': `${ uniqueId }__help` } : {} ),\n\t\t},\n\t};\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,CAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,mBAAmBA,CAClCC,KAA2C,EAC1C;EACD,MAAM;IAAEC,IAAI;IAAEC,EAAE,EAAEC,WAAW;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAErD,MAAMK,QAAQ,GAAG,IAAAC,sBAAa,EAC7BC,SAAW,EACX,4BAA4B,EAC5BJ,WACD,CAAC;EAED,OAAO;IACNK,gBAAgB,EAAE;MACjBN,EAAE,EAAEG,QAAQ;MACZJ,IAAI;MACJ,GAAGG;IACJ,CAAC;IACDK,YAAY,EAAE;MACbP,EAAE,EAAEG,QAAQ;MACZ,IAAK,CAAC,CAAEJ,IAAI,GAAG;QAAE,kBAAkB,EAAE,GAAII,QAAQ;MAAU,CAAC,GAAG,CAAC,CAAC;IAClE;EACD,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/base-control/hooks.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '.';\n/**\n * Generate props for the `BaseControl` and the inner control itself.\n *\n * Namely, it takes care of generating a unique `id`, properly associating it with the `label` and `help` elements.\n *\n * @param props\n */\nexport function useBaseControlProps(props) {\n  const {\n    help,\n    id: preferredId,\n    ...restProps\n  } = props;\n  const uniqueId = useInstanceId(BaseControl, 'wp-components-base-control', preferredId);\n  return {\n    baseControlProps: {\n      id: uniqueId,\n      help,\n      ...restProps\n    },\n    controlProps: {\n      id: uniqueId,\n      ...(!!help ? {\n        'aria-describedby': `${uniqueId}__help`\n      } : {})\n    }\n  };\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA8B;AAK9B,eAAwB;AAQjB,SAAS,oBAAoB,OAAO;AACzC,QAAM;AAAA,IACJ;AAAA,IACA,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,eAAW,8BAAc,SAAAA,SAAa,8BAA8B,WAAW;AACrF,SAAO;AAAA,IACL,kBAAkB;AAAA,MAChB,IAAI;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,cAAc;AAAA,MACZ,IAAI;AAAA,MACJ,GAAI,CAAC,CAAC,OAAO;AAAA,QACX,oBAAoB,GAAG,QAAQ;AAAA,MACjC,IAAI,CAAC;AAAA,IACP;AAAA,EACF;AACF;",
+  "names": ["BaseControl"]
+}

package/build/base-control/index.js

@@ -1,79 +1,88 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.VisualLabel = exports.BaseControl = void 0;
-Object.defineProperty(exports, "useBaseControlProps", {
-  enumerable: true,
-  get: function () {
-    return _hooks.useBaseControlProps;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var base_control_exports = {};
+__export(base_control_exports, {
+  BaseControl: () => BaseControl,
+  VisualLabel: () => VisualLabel,
+  default: () => base_control_default,
+  useBaseControlProps: () => import_hooks.useBaseControlProps
 });
-var _clsx = _interopRequireDefault(require("clsx"));
-var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
-var _element = require("@wordpress/element");
-var _visuallyHidden = require("../visually-hidden");
-var _baseControlStyles = require("./styles/base-control-styles");
-var _context = require("../context");
-var _jsxRuntime = require("react/jsx-runtime");
-var _hooks = require("./hooks");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const UnconnectedBaseControl = props => {
+module.exports = __toCommonJS(base_control_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
+var import_element = require("@wordpress/element");
+var import_visually_hidden = require("../visually-hidden");
+var import_base_control_styles = require("./styles/base-control-styles");
+var import_context = require("../context");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_hooks = require("./hooks");
+const UnconnectedBaseControl = (props) => {
   const {
     __nextHasNoMarginBottom = false,
-    __associatedWPComponentName = 'BaseControl',
+    __associatedWPComponentName = "BaseControl",
     id,
     label,
     hideLabelFromVision = false,
     help,
     className,
     children
-  } = (0, _context.useContextSystem)(props, 'BaseControl');
+  } = (0, import_context.useContextSystem)(props, "BaseControl");
   if (!__nextHasNoMarginBottom) {
-    (0, _deprecated.default)(`Bottom margin styles for wp.components.${__associatedWPComponentName}`, {
-      since: '6.7',
-      version: '7.0',
-      hint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version.'
+    (0, import_deprecated.default)(`Bottom margin styles for wp.components.${__associatedWPComponentName}`, {
+      since: "6.7",
+      version: "7.0",
+      hint: "Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version."
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_baseControlStyles.Wrapper, {
-    className: className,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_baseControlStyles.StyledField, {
-      className: "components-base-control__field"
-      // TODO: Official deprecation for this should start after all internal usages have been migrated
-      ,
-      __nextHasNoMarginBottom: __nextHasNoMarginBottom,
-      children: [label && id && (hideLabelFromVision ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_base_control_styles.Wrapper, {
+    className,
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_base_control_styles.StyledField, {
+      className: "components-base-control__field",
+      __nextHasNoMarginBottom,
+      children: [label && id && (hideLabelFromVision ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {
         as: "label",
         htmlFor: id,
         children: label
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_baseControlStyles.StyledLabel, {
+      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base_control_styles.StyledLabel, {
         className: "components-base-control__label",
         htmlFor: id,
         children: label
-      })), label && !id && (hideLabelFromVision ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
+      })), label && !id && (hideLabelFromVision ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {
         as: "label",
         children: label
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(VisualLabel, {
+      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VisualLabel, {
         children: label
       })), children]
-    }), !!help && /*#__PURE__*/(0, _jsxRuntime.jsx)(_baseControlStyles.StyledHelp, {
-      id: id ? id + '__help' : undefined,
+    }), !!help && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base_control_styles.StyledHelp, {
+      id: id ? id + "__help" : void 0,
       className: "components-base-control__help",
-      __nextHasNoMarginBottom: __nextHasNoMarginBottom,
+      __nextHasNoMarginBottom,
       children: help
     })]
   });
@@ -84,39 +93,15 @@ const UnforwardedVisualLabel = (props, ref) => {
     children,
     ...restProps
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_baseControlStyles.StyledVisualLabel, {
-    ref: ref,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base_control_styles.StyledVisualLabel, {
+    ref,
     ...restProps,
-    className: (0, _clsx.default)('components-base-control__label', className),
-    children: children
+    className: (0, import_clsx.default)("components-base-control__label", className),
+    children
   });
 };
-const VisualLabel = exports.VisualLabel = (0, _element.forwardRef)(UnforwardedVisualLabel);
-
-/**
- * `BaseControl` is a component used to generate labels and help text for components handling user inputs.
- *
- * ```jsx
- * import { BaseControl, useBaseControlProps } from '@wordpress/components';
- *
- * // Render a `BaseControl` for a textarea input
- * const MyCustomTextareaControl = ({ children, ...baseProps }) => (
- * 	// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`
- * 	// and the inner control itself. Namely, it takes care of generating a unique `id`,
- * 	// properly associating it with the `label` and `help` elements.
- * 	const { baseControlProps, controlProps } = useBaseControlProps( baseProps );
- *
- * 	return (
- * 		<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>
- * 			<textarea { ...controlProps }>
- * 			  { children }
- * 			</textarea>
- * 		</BaseControl>
- * 	);
- * );
- * ```
- */
-const BaseControl = exports.BaseControl = Object.assign((0, _context.contextConnectWithoutRef)(UnconnectedBaseControl, 'BaseControl'), {
+const VisualLabel = (0, import_element.forwardRef)(UnforwardedVisualLabel);
+const BaseControl = Object.assign((0, import_context.contextConnectWithoutRef)(UnconnectedBaseControl, "BaseControl"), {
   /**
    * `BaseControl.VisualLabel` is used to render a purely visual label inside a `BaseControl` component.
    *
@@ -140,5 +125,11 @@ const BaseControl = exports.BaseControl = Object.assign((0, _context.contextConn
    */
   VisualLabel
 });
-var _default = exports.default = BaseControl;
-//# sourceMappingURL=index.js.map
+var base_control_default = BaseControl;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BaseControl,
+  VisualLabel,
+  useBaseControlProps
+});
+//# sourceMappingURL=index.js.map

package/build/base-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_deprecated","_element","_visuallyHidden","_baseControlStyles","_context","_jsxRuntime","_hooks","UnconnectedBaseControl","props","__nextHasNoMarginBottom","__associatedWPComponentName","id","label","hideLabelFromVision","help","className","children","useContextSystem","deprecated","since","version","hint","jsxs","Wrapper","StyledField","jsx","VisuallyHidden","as","htmlFor","StyledLabel","VisualLabel","StyledHelp","undefined","UnforwardedVisualLabel","ref","restProps","StyledVisualLabel","clsx","exports","forwardRef","BaseControl","Object","assign","contextConnectWithoutRef","_default","default"],"sources":["@wordpress/components/src/base-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport type { BaseControlProps, BaseControlVisualLabelProps } from './types';\nimport {\n\tWrapper,\n\tStyledField,\n\tStyledLabel,\n\tStyledHelp,\n\tStyledVisualLabel,\n} from './styles/base-control-styles';\nimport type { WordPressComponentProps } from '../context';\nimport { contextConnectWithoutRef, useContextSystem } from '../context';\n\nexport { useBaseControlProps } from './hooks';\n\nconst UnconnectedBaseControl = (\n\tprops: WordPressComponentProps< BaseControlProps, null >\n) => {\n\tconst {\n\t\t__nextHasNoMarginBottom = false,\n\t\t__associatedWPComponentName = 'BaseControl',\n\t\tid,\n\t\tlabel,\n\t\thideLabelFromVision = false,\n\t\thelp,\n\t\tclassName,\n\t\tchildren,\n\t} = useContextSystem( props, 'BaseControl' );\n\n\tif ( ! __nextHasNoMarginBottom ) {\n\t\tdeprecated(\n\t\t\t`Bottom margin styles for wp.components.${ __associatedWPComponentName }`,\n\t\t\t{\n\t\t\t\tsince: '6.7',\n\t\t\t\tversion: '7.0',\n\t\t\t\thint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version.',\n\t\t\t}\n\t\t);\n\t}\n\n\treturn (\n\t\t<Wrapper className={ className }>\n\t\t\t<StyledField\n\t\t\t\tclassName=\"components-base-control__field\"\n\t\t\t\t// TODO: Official deprecation for this should start after all internal usages have been migrated\n\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t>\n\t\t\t\t{ label &&\n\t\t\t\t\tid &&\n\t\t\t\t\t( hideLabelFromVision ? (\n\t\t\t\t\t\t<VisuallyHidden as=\"label\" htmlFor={ id }>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<StyledLabel\n\t\t\t\t\t\t\tclassName=\"components-base-control__label\"\n\t\t\t\t\t\t\thtmlFor={ id }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</StyledLabel>\n\t\t\t\t\t) ) }\n\t\t\t\t{ label &&\n\t\t\t\t\t! id &&\n\t\t\t\t\t( hideLabelFromVision ? (\n\t\t\t\t\t\t<VisuallyHidden as=\"label\">{ label }</VisuallyHidden>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<VisualLabel>{ label }</VisualLabel>\n\t\t\t\t\t) ) }\n\t\t\t\t{ children }\n\t\t\t</StyledField>\n\t\t\t{ !! help && (\n\t\t\t\t<StyledHelp\n\t\t\t\t\tid={ id ? id + '__help' : undefined }\n\t\t\t\t\tclassName=\"components-base-control__help\"\n\t\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\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</Wrapper>\n\t);\n};\n\nconst UnforwardedVisualLabel = (\n\tprops: WordPressComponentProps< BaseControlVisualLabelProps, 'span' >,\n\tref: ForwardedRef< any >\n) => {\n\tconst { className, children, ...restProps } = props;\n\n\treturn (\n\t\t<StyledVisualLabel\n\t\t\tref={ ref }\n\t\t\t{ ...restProps }\n\t\t\tclassName={ clsx( 'components-base-control__label', className ) }\n\t\t>\n\t\t\t{ children }\n\t\t</StyledVisualLabel>\n\t);\n};\n\nexport const VisualLabel = forwardRef( UnforwardedVisualLabel );\n\n/**\n * `BaseControl` is a component used to generate labels and help text for components handling user inputs.\n *\n * ```jsx\n * import { BaseControl, useBaseControlProps } from '@wordpress/components';\n *\n * // Render a `BaseControl` for a textarea input\n * const MyCustomTextareaControl = ({ children, ...baseProps }) => (\n * \t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n * \t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n * \t// properly associating it with the `label` and `help` elements.\n * \tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n *\n * \treturn (\n * \t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n * \t\t\t<textarea { ...controlProps }>\n * \t\t\t  { children }\n * \t\t\t</textarea>\n * \t\t</BaseControl>\n * \t);\n * );\n * ```\n */\nexport const BaseControl = Object.assign(\n\tcontextConnectWithoutRef( UnconnectedBaseControl, 'BaseControl' ),\n\n\t{\n\t\t/**\n\t\t * `BaseControl.VisualLabel` is used to render a purely visual label inside a `BaseControl` component.\n\t\t *\n\t\t * It should only be used in cases where the children being rendered inside `BaseControl` are already accessibly labeled,\n\t\t * e.g., a button, but we want an additional visual label for that section equivalent to the labels `BaseControl` would\n\t\t * otherwise use if the `label` prop was passed.\n\t\t *\n\t\t * ```jsx\n\t\t * import { BaseControl } from '@wordpress/components';\n\t\t *\n\t\t * const MyBaseControl = () => (\n\t\t * \t<BaseControl\n\t\t * \t\t__nextHasNoMarginBottom\n\t\t * \t\thelp=\"This button is already accessibly labeled.\"\n\t\t * \t>\n\t\t * \t\t<BaseControl.VisualLabel>Author</BaseControl.VisualLabel>\n\t\t * \t\t<Button>Select an author</Button>\n\t\t * \t</BaseControl>\n\t\t * );\n\t\t * ```\n\t\t */\n\t\tVisualLabel,\n\t}\n);\n\nexport default BaseControl;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/base-control/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport { Wrapper, StyledField, StyledLabel, StyledHelp, StyledVisualLabel } from './styles/base-control-styles';\nimport { contextConnectWithoutRef, useContextSystem } from '../context';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport { useBaseControlProps } from './hooks';\nconst UnconnectedBaseControl = props => {\n  const {\n    __nextHasNoMarginBottom = false,\n    __associatedWPComponentName = 'BaseControl',\n    id,\n    label,\n    hideLabelFromVision = false,\n    help,\n    className,\n    children\n  } = useContextSystem(props, 'BaseControl');\n  if (!__nextHasNoMarginBottom) {\n    deprecated(`Bottom margin styles for wp.components.${__associatedWPComponentName}`, {\n      since: '6.7',\n      version: '7.0',\n      hint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version.'\n    });\n  }\n  return /*#__PURE__*/_jsxs(Wrapper, {\n    className: className,\n    children: [/*#__PURE__*/_jsxs(StyledField, {\n      className: \"components-base-control__field\"\n      // TODO: Official deprecation for this should start after all internal usages have been migrated\n      ,\n      __nextHasNoMarginBottom: __nextHasNoMarginBottom,\n      children: [label && id && (hideLabelFromVision ? /*#__PURE__*/_jsx(VisuallyHidden, {\n        as: \"label\",\n        htmlFor: id,\n        children: label\n      }) : /*#__PURE__*/_jsx(StyledLabel, {\n        className: \"components-base-control__label\",\n        htmlFor: id,\n        children: label\n      })), label && !id && (hideLabelFromVision ? /*#__PURE__*/_jsx(VisuallyHidden, {\n        as: \"label\",\n        children: label\n      }) : /*#__PURE__*/_jsx(VisualLabel, {\n        children: label\n      })), children]\n    }), !!help && /*#__PURE__*/_jsx(StyledHelp, {\n      id: id ? id + '__help' : undefined,\n      className: \"components-base-control__help\",\n      __nextHasNoMarginBottom: __nextHasNoMarginBottom,\n      children: help\n    })]\n  });\n};\nconst UnforwardedVisualLabel = (props, ref) => {\n  const {\n    className,\n    children,\n    ...restProps\n  } = props;\n  return /*#__PURE__*/_jsx(StyledVisualLabel, {\n    ref: ref,\n    ...restProps,\n    className: clsx('components-base-control__label', className),\n    children: children\n  });\n};\nexport const VisualLabel = forwardRef(UnforwardedVisualLabel);\n\n/**\n * `BaseControl` is a component used to generate labels and help text for components handling user inputs.\n *\n * ```jsx\n * import { BaseControl, useBaseControlProps } from '@wordpress/components';\n *\n * // Render a `BaseControl` for a textarea input\n * const MyCustomTextareaControl = ({ children, ...baseProps }) => (\n * \t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n * \t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n * \t// properly associating it with the `label` and `help` elements.\n * \tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n *\n * \treturn (\n * \t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n * \t\t\t<textarea { ...controlProps }>\n * \t\t\t  { children }\n * \t\t\t</textarea>\n * \t\t</BaseControl>\n * \t);\n * );\n * ```\n */\nexport const BaseControl = Object.assign(contextConnectWithoutRef(UnconnectedBaseControl, 'BaseControl'), {\n  /**\n   * `BaseControl.VisualLabel` is used to render a purely visual label inside a `BaseControl` component.\n   *\n   * It should only be used in cases where the children being rendered inside `BaseControl` are already accessibly labeled,\n   * e.g., a button, but we want an additional visual label for that section equivalent to the labels `BaseControl` would\n   * otherwise use if the `label` prop was passed.\n   *\n   * ```jsx\n   * import { BaseControl } from '@wordpress/components';\n   *\n   * const MyBaseControl = () => (\n   * \t<BaseControl\n   * \t\t__nextHasNoMarginBottom\n   * \t\thelp=\"This button is already accessibly labeled.\"\n   * \t>\n   * \t\t<BaseControl.VisualLabel>Author</BaseControl.VisualLabel>\n   * \t\t<Button>Select an author</Button>\n   * \t</BaseControl>\n   * );\n   * ```\n   */\n  VisualLabel\n});\nexport default BaseControl;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAIjB,wBAAuB;AACvB,qBAA2B;AAK3B,6BAA+B;AAC/B,iCAAiF;AACjF,qBAA2D;AAC3D,yBAA2C;AAC3C,mBAAoC;AACpC,MAAM,yBAAyB,WAAS;AACtC,QAAM;AAAA,IACJ,0BAA0B;AAAA,IAC1B,8BAA8B;AAAA,IAC9B;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,iCAAiB,OAAO,aAAa;AACzC,MAAI,CAAC,yBAAyB;AAC5B,0BAAAA,SAAW,0CAA0C,2BAA2B,IAAI;AAAA,MAClF,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR,CAAC;AAAA,EACH;AACA,SAAoB,uCAAAC,MAAM,oCAAS;AAAA,IACjC;AAAA,IACA,UAAU,CAAc,uCAAAA,MAAM,wCAAa;AAAA,MACzC,WAAW;AAAA,MAGX;AAAA,MACA,UAAU,CAAC,SAAS,OAAO,sBAAmC,uCAAAC,KAAK,uCAAgB;AAAA,QACjF,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC,IAAiB,uCAAAA,KAAK,wCAAa;AAAA,QAClC,WAAW;AAAA,QACX,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC,IAAI,SAAS,CAAC,OAAO,sBAAmC,uCAAAA,KAAK,uCAAgB;AAAA,QAC5E,IAAI;AAAA,QACJ,UAAU;AAAA,MACZ,CAAC,IAAiB,uCAAAA,KAAK,aAAa;AAAA,QAClC,UAAU;AAAA,MACZ,CAAC,IAAI,QAAQ;AAAA,IACf,CAAC,GAAG,CAAC,CAAC,QAAqB,uCAAAA,KAAK,uCAAY;AAAA,MAC1C,IAAI,KAAK,KAAK,WAAW;AAAA,MACzB,WAAW;AAAA,MACX;AAAA,MACA,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,MAAM,yBAAyB,CAAC,OAAO,QAAQ;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAoB,uCAAAA,KAAK,8CAAmB;AAAA,IAC1C;AAAA,IACA,GAAG;AAAA,IACH,eAAW,YAAAC,SAAK,kCAAkC,SAAS;AAAA,IAC3D;AAAA,EACF,CAAC;AACH;AACO,MAAM,kBAAc,2BAAW,sBAAsB;AAyBrD,MAAM,cAAc,OAAO,WAAO,yCAAyB,wBAAwB,aAAa,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBxG;AACF,CAAC;AACD,IAAO,uBAAQ;",
+  "names": ["deprecated", "_jsxs", "_jsx", "clsx"]
+}