@wordpress/components 32.2.1-next.v.202602191100.0 → 32.2.1

package/src/validated-form-controls/test/textarea-control.tsx

@@ -0,0 +1,51 @@
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ValidatedTextareaControl } from '../components';
+
+describe( 'ValidatedTextareaControl', () => {
+	it( 'should preserve the help description', () => {
+		render(
+			<ValidatedTextareaControl
+				label="Bio"
+				help="A short bio."
+				onChange={ () => {} }
+				value=""
+			/>
+		);
+
+		expect(
+			screen.getByRole( 'textbox', { name: 'Bio' } )
+		).toHaveAccessibleDescription( 'A short bio.' );
+	} );
+
+	it( 'should append the validation error alongside the help description', async () => {
+		const user = userEvent.setup();
+		render(
+			<form>
+				<ValidatedTextareaControl
+					label="Bio"
+					help="A short bio."
+					onChange={ () => {} }
+					value=""
+					required
+				/>
+				<button type="submit">Submit</button>
+			</form>
+		);
+
+		const textarea = screen.getByRole( 'textbox', {
+			name: /^Bio/,
+		} );
+
+		await user.click( screen.getByRole( 'button', { name: 'Submit' } ) );
+
+		await waitFor( () => {
+			expect( textarea ).toHaveAccessibleDescription(
+				expect.stringContaining( 'Constraints not satisfied' )
+			);
+		} );
+		expect( textarea ).toHaveAccessibleDescription(
+			expect.stringContaining( 'A short bio.' )
+		);
+	} );
+} );

package/src/validated-form-controls/test/toggle-control.tsx

@@ -0,0 +1,49 @@
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ValidatedToggleControl } from '../components';
+
+describe( 'ValidatedToggleControl', () => {
+	it( 'should preserve the help description', () => {
+		render(
+			<ValidatedToggleControl
+				label="Dark mode"
+				help="Enable dark mode."
+				onChange={ () => {} }
+			/>
+		);
+
+		expect(
+			screen.getByRole( 'checkbox', { name: 'Dark mode' } )
+		).toHaveAccessibleDescription( 'Enable dark mode.' );
+	} );
+
+	it( 'should append the validation error alongside the help description', async () => {
+		const user = userEvent.setup();
+		render(
+			<form>
+				<ValidatedToggleControl
+					label="Dark mode"
+					help="Enable dark mode."
+					onChange={ () => {} }
+					required
+				/>
+				<button type="submit">Submit</button>
+			</form>
+		);
+
+		const toggle = screen.getByRole( 'checkbox', {
+			name: /^Dark mode/,
+		} );
+
+		await user.click( screen.getByRole( 'button', { name: 'Submit' } ) );
+
+		await waitFor( () => {
+			expect( toggle ).toHaveAccessibleDescription(
+				expect.stringContaining( 'Constraints not satisfied' )
+			);
+		} );
+		expect( toggle ).toHaveAccessibleDescription(
+			expect.stringContaining( 'Enable dark mode.' )
+		);
+	} );
+} );

package/src/validated-form-controls/test/toggle-group-control.tsx

@@ -0,0 +1,28 @@
+import { render, screen } from '@testing-library/react';
+import { ValidatedToggleGroupControl } from '../components';
+import { ToggleGroupControlOption } from '../../toggle-group-control';
+
+// The `help` prop is rendered visually by BaseControl but is not
+// programmatically associated with the toggle group via aria-describedby.
+// Additionally, the validity target is a hidden delegate radio input, not the
+// toggle group itself. These are pre-existing bugs, not caused by ControlWithError.
+describe( 'ValidatedToggleGroupControl', () => {
+	// eslint-disable-next-line jest/no-disabled-tests
+	it.skip( 'should preserve the help description', () => {
+		render(
+			<ValidatedToggleGroupControl
+				label="Alignment"
+				help="Choose text alignment."
+				value="left"
+				onChange={ () => {} }
+			>
+				<ToggleGroupControlOption label="Left" value="left" />
+				<ToggleGroupControlOption label="Center" value="center" />
+			</ValidatedToggleGroupControl>
+		);
+
+		expect(
+			screen.getByRole( 'radiogroup', { name: 'Alignment' } )
+		).toHaveAccessibleDescription( 'Choose text alignment.' );
+	} );
+} );

package/src/validated-form-controls/validity-indicator.tsx

@@ -15,9 +15,11 @@ import Icon from '../icon';
 import Spinner from '../spinner';
 
 export function ValidityIndicator( {
+	id,
 	type,
 	message,
 }: {
+	id?: string;
 	type: 'validating' | 'valid' | 'invalid';
 	message?: string;
 } ) {
@@ -27,6 +29,7 @@ export function ValidityIndicator( {
 	};
 	return (
 		<p
+			id={ id }
 			className={ clsx(
 				'components-validated-control__indicator',
 				`is-${ type }`

package/build/avatar/component.cjs

@@ -1,99 +0,0 @@
-"use strict";
-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);
-
-// packages/components/src/avatar/component.tsx
-var component_exports = {};
-__export(component_exports, {
-  default: () => component_default
-});
-module.exports = __toCommonJS(component_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_icon = __toESM(require("../icon/index.cjs"));
-var import_tooltip = __toESM(require("../tooltip/index.cjs"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function Avatar({
-  className,
-  src,
-  name,
-  label,
-  badge = false,
-  size = "default",
-  borderColor,
-  status,
-  statusIndicator,
-  style,
-  ...props
-}) {
-  const showBadge = badge && !!name;
-  const initials = name ? name.split(/\s+/).slice(0, 2).map((word) => word[0]).join("").toUpperCase() : void 0;
-  const customProperties = {
-    ...style,
-    ...src ? {
-      "--components-avatar-url": `url(${src})`
-    } : {},
-    ...borderColor ? {
-      "--components-avatar-outline-color": borderColor
-    } : {}
-  };
-  const avatar = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-    className: (0, import_clsx.default)("components-avatar", className, {
-      "has-avatar-border-color": !!borderColor,
-      "has-src": !!src,
-      "has-badge": showBadge,
-      "is-small": size === "small",
-      "has-status": !!status,
-      [`is-${status}`]: !!status
-    }),
-    style: customProperties,
-    role: "img",
-    "aria-label": name,
-    ...props,
-    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-      className: "components-avatar__image",
-      children: [!src && initials, !!status && !!statusIndicator && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-        className: "components-avatar__status-indicator",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.default, {
-          icon: statusIndicator
-        })
-      })]
-    }), showBadge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-      className: "components-avatar__name",
-      children: label || name
-    })]
-  });
-  if (name && (!showBadge || label)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.default, {
-      text: name,
-      children: avatar
-    });
-  }
-  return avatar;
-}
-var component_default = Avatar;
-//# sourceMappingURL=component.cjs.map

package/build/avatar/component.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/avatar/component.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\nimport Tooltip from '../tooltip';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction Avatar({\n  className,\n  src,\n  name,\n  label,\n  badge = false,\n  size = 'default',\n  borderColor,\n  status,\n  statusIndicator,\n  style,\n  ...props\n}) {\n  const showBadge = badge && !!name;\n  const initials = name ? name.split(/\\s+/).slice(0, 2).map(word => word[0]).join('').toUpperCase() : undefined;\n  const customProperties = {\n    ...style,\n    ...(src ? {\n      '--components-avatar-url': `url(${src})`\n    } : {}),\n    ...(borderColor ? {\n      '--components-avatar-outline-color': borderColor\n    } : {})\n  };\n  const avatar = /*#__PURE__*/_jsxs(\"div\", {\n    className: clsx('components-avatar', className, {\n      'has-avatar-border-color': !!borderColor,\n      'has-src': !!src,\n      'has-badge': showBadge,\n      'is-small': size === 'small',\n      'has-status': !!status,\n      [`is-${status}`]: !!status\n    }),\n    style: customProperties,\n    role: \"img\",\n    \"aria-label\": name,\n    ...props,\n    children: [/*#__PURE__*/_jsxs(\"span\", {\n      className: \"components-avatar__image\",\n      children: [!src && initials, !!status && !!statusIndicator && /*#__PURE__*/_jsx(\"span\", {\n        className: \"components-avatar__status-indicator\",\n        children: /*#__PURE__*/_jsx(Icon, {\n          icon: statusIndicator\n        })\n      })]\n    }), showBadge && /*#__PURE__*/_jsx(\"span\", {\n      className: \"components-avatar__name\",\n      children: label || name\n    })]\n  });\n  if (name && (!showBadge || label)) {\n    return /*#__PURE__*/_jsx(Tooltip, {\n      text: name,\n      children: avatar\n    });\n  }\n  return avatar;\n}\nexport default Avatar;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,kBAAiB;AACjB,qBAAoB;AACpB,yBAA2C;AAC3C,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,YAAY,SAAS,CAAC,CAAC;AAC7B,QAAM,WAAW,OAAO,KAAK,MAAM,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE,IAAI,UAAQ,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,IAAI;AACpG,QAAM,mBAAmB;AAAA,IACvB,GAAG;AAAA,IACH,GAAI,MAAM;AAAA,MACR,2BAA2B,OAAO,GAAG;AAAA,IACvC,IAAI,CAAC;AAAA,IACL,GAAI,cAAc;AAAA,MAChB,qCAAqC;AAAA,IACvC,IAAI,CAAC;AAAA,EACP;AACA,QAAM,SAAsB,uCAAAA,MAAM,OAAO;AAAA,IACvC,eAAW,YAAAC,SAAK,qBAAqB,WAAW;AAAA,MAC9C,2BAA2B,CAAC,CAAC;AAAA,MAC7B,WAAW,CAAC,CAAC;AAAA,MACb,aAAa;AAAA,MACb,YAAY,SAAS;AAAA,MACrB,cAAc,CAAC,CAAC;AAAA,MAChB,CAAC,MAAM,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IACtB,CAAC;AAAA,IACD,OAAO;AAAA,IACP,MAAM;AAAA,IACN,cAAc;AAAA,IACd,GAAG;AAAA,IACH,UAAU,CAAc,uCAAAD,MAAM,QAAQ;AAAA,MACpC,WAAW;AAAA,MACX,UAAU,CAAC,CAAC,OAAO,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,mBAAgC,uCAAAE,KAAK,QAAQ;AAAA,QACtF,WAAW;AAAA,QACX,UAAuB,uCAAAA,KAAK,YAAAC,SAAM;AAAA,UAChC,MAAM;AAAA,QACR,CAAC;AAAA,MACH,CAAC,CAAC;AAAA,IACJ,CAAC,GAAG,aAA0B,uCAAAD,KAAK,QAAQ;AAAA,MACzC,WAAW;AAAA,MACX,UAAU,SAAS;AAAA,IACrB,CAAC,CAAC;AAAA,EACJ,CAAC;AACD,MAAI,SAAS,CAAC,aAAa,QAAQ;AACjC,WAAoB,uCAAAA,KAAK,eAAAE,SAAS;AAAA,MAChC,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AACA,SAAO;AACT;AACA,IAAO,oBAAQ;",
-  "names": ["_jsxs", "clsx", "_jsx", "Icon", "Tooltip"]
-}

package/build/avatar/index.cjs

@@ -1,37 +0,0 @@
-"use strict";
-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);
-
-// packages/components/src/avatar/index.ts
-var avatar_exports = {};
-__export(avatar_exports, {
-  default: () => import_component.default
-});
-module.exports = __toCommonJS(avatar_exports);
-var import_component = __toESM(require("./component.cjs"));
-//# sourceMappingURL=index.cjs.map

package/build/avatar/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/avatar/index.ts"],
-  "sourcesContent": ["export { default } from './component';"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAwB;",
-  "names": []
-}

package/build/avatar/types.cjs

@@ -1,19 +0,0 @@
-"use strict";
-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);
-
-// packages/components/src/avatar/types.ts
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.cjs.map

package/build/avatar/types.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/avatar/types.ts"],
-  "sourcesContent": ["export {};"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
-  "names": []
-}

package/build/avatar-group/component.cjs

@@ -1,60 +0,0 @@
-"use strict";
-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);
-
-// packages/components/src/avatar-group/component.tsx
-var component_exports = {};
-__export(component_exports, {
-  default: () => component_default
-});
-module.exports = __toCommonJS(component_exports);
-var import_clsx = __toESM(require("clsx"));
-var import_element = require("@wordpress/element");
-var import_jsx_runtime = require("react/jsx-runtime");
-function AvatarGroup({
-  className,
-  max = 3,
-  children,
-  ...props
-}) {
-  const childArray = import_element.Children.toArray(children);
-  const visible = childArray.slice(0, max);
-  const overflowCount = childArray.length - max;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-    role: "group",
-    className: (0, import_clsx.default)("components-avatar-group", className),
-    ...props,
-    children: [visible, overflowCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-      className: "components-avatar-group__overflow",
-      "aria-label": `${overflowCount} more`,
-      children: `+${overflowCount}`
-    })]
-  });
-}
-var component_default = AvatarGroup;
-//# sourceMappingURL=component.cjs.map

package/build/avatar-group/component.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/avatar-group/component.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction AvatarGroup({\n  className,\n  max = 3,\n  children,\n  ...props\n}) {\n  const childArray = Children.toArray(children);\n  const visible = childArray.slice(0, max);\n  const overflowCount = childArray.length - max;\n  return /*#__PURE__*/_jsxs(\"div\", {\n    role: \"group\",\n    className: clsx('components-avatar-group', className),\n    ...props,\n    children: [visible, overflowCount > 0 && /*#__PURE__*/_jsx(\"span\", {\n      className: \"components-avatar-group__overflow\",\n      \"aria-label\": `${overflowCount} more`,\n      children: `+${overflowCount}`\n    })]\n  });\n}\nexport default AvatarGroup;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,yBAA2C;AAC3C,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,aAAa,wBAAS,QAAQ,QAAQ;AAC5C,QAAM,UAAU,WAAW,MAAM,GAAG,GAAG;AACvC,QAAM,gBAAgB,WAAW,SAAS;AAC1C,SAAoB,uCAAAA,MAAM,OAAO;AAAA,IAC/B,MAAM;AAAA,IACN,eAAW,YAAAC,SAAK,2BAA2B,SAAS;AAAA,IACpD,GAAG;AAAA,IACH,UAAU,CAAC,SAAS,gBAAgB,KAAkB,uCAAAC,KAAK,QAAQ;AAAA,MACjE,WAAW;AAAA,MACX,cAAc,GAAG,aAAa;AAAA,MAC9B,UAAU,IAAI,aAAa;AAAA,IAC7B,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,oBAAQ;",
-  "names": ["_jsxs", "clsx", "_jsx"]
-}

package/build/avatar-group/index.cjs

@@ -1,37 +0,0 @@
-"use strict";
-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);
-
-// packages/components/src/avatar-group/index.ts
-var avatar_group_exports = {};
-__export(avatar_group_exports, {
-  default: () => import_component.default
-});
-module.exports = __toCommonJS(avatar_group_exports);
-var import_component = __toESM(require("./component.cjs"));
-//# sourceMappingURL=index.cjs.map

package/build/avatar-group/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/avatar-group/index.ts"],
-  "sourcesContent": ["export { default } from './component';"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAwB;",
-  "names": []
-}

package/build/avatar-group/types.cjs

@@ -1,19 +0,0 @@
-"use strict";
-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);
-
-// packages/components/src/avatar-group/types.ts
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.cjs.map

package/build/avatar-group/types.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/avatar-group/types.ts"],
-  "sourcesContent": ["export {};"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
-  "names": []
-}

package/build-module/avatar/component.mjs

@@ -1,68 +0,0 @@
-// packages/components/src/avatar/component.tsx
-import clsx from "clsx";
-import Icon from "../icon/index.mjs";
-import Tooltip from "../tooltip/index.mjs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function Avatar({
-  className,
-  src,
-  name,
-  label,
-  badge = false,
-  size = "default",
-  borderColor,
-  status,
-  statusIndicator,
-  style,
-  ...props
-}) {
-  const showBadge = badge && !!name;
-  const initials = name ? name.split(/\s+/).slice(0, 2).map((word) => word[0]).join("").toUpperCase() : void 0;
-  const customProperties = {
-    ...style,
-    ...src ? {
-      "--components-avatar-url": `url(${src})`
-    } : {},
-    ...borderColor ? {
-      "--components-avatar-outline-color": borderColor
-    } : {}
-  };
-  const avatar = /* @__PURE__ */ _jsxs("div", {
-    className: clsx("components-avatar", className, {
-      "has-avatar-border-color": !!borderColor,
-      "has-src": !!src,
-      "has-badge": showBadge,
-      "is-small": size === "small",
-      "has-status": !!status,
-      [`is-${status}`]: !!status
-    }),
-    style: customProperties,
-    role: "img",
-    "aria-label": name,
-    ...props,
-    children: [/* @__PURE__ */ _jsxs("span", {
-      className: "components-avatar__image",
-      children: [!src && initials, !!status && !!statusIndicator && /* @__PURE__ */ _jsx("span", {
-        className: "components-avatar__status-indicator",
-        children: /* @__PURE__ */ _jsx(Icon, {
-          icon: statusIndicator
-        })
-      })]
-    }), showBadge && /* @__PURE__ */ _jsx("span", {
-      className: "components-avatar__name",
-      children: label || name
-    })]
-  });
-  if (name && (!showBadge || label)) {
-    return /* @__PURE__ */ _jsx(Tooltip, {
-      text: name,
-      children: avatar
-    });
-  }
-  return avatar;
-}
-var component_default = Avatar;
-export {
-  component_default as default
-};
-//# sourceMappingURL=component.mjs.map

package/build-module/avatar/component.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/avatar/component.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\nimport Tooltip from '../tooltip';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction Avatar({\n  className,\n  src,\n  name,\n  label,\n  badge = false,\n  size = 'default',\n  borderColor,\n  status,\n  statusIndicator,\n  style,\n  ...props\n}) {\n  const showBadge = badge && !!name;\n  const initials = name ? name.split(/\\s+/).slice(0, 2).map(word => word[0]).join('').toUpperCase() : undefined;\n  const customProperties = {\n    ...style,\n    ...(src ? {\n      '--components-avatar-url': `url(${src})`\n    } : {}),\n    ...(borderColor ? {\n      '--components-avatar-outline-color': borderColor\n    } : {})\n  };\n  const avatar = /*#__PURE__*/_jsxs(\"div\", {\n    className: clsx('components-avatar', className, {\n      'has-avatar-border-color': !!borderColor,\n      'has-src': !!src,\n      'has-badge': showBadge,\n      'is-small': size === 'small',\n      'has-status': !!status,\n      [`is-${status}`]: !!status\n    }),\n    style: customProperties,\n    role: \"img\",\n    \"aria-label\": name,\n    ...props,\n    children: [/*#__PURE__*/_jsxs(\"span\", {\n      className: \"components-avatar__image\",\n      children: [!src && initials, !!status && !!statusIndicator && /*#__PURE__*/_jsx(\"span\", {\n        className: \"components-avatar__status-indicator\",\n        children: /*#__PURE__*/_jsx(Icon, {\n          icon: statusIndicator\n        })\n      })]\n    }), showBadge && /*#__PURE__*/_jsx(\"span\", {\n      className: \"components-avatar__name\",\n      children: label || name\n    })]\n  });\n  if (name && (!showBadge || label)) {\n    return /*#__PURE__*/_jsx(Tooltip, {\n      text: name,\n      children: avatar\n    });\n  }\n  return avatar;\n}\nexport default Avatar;"],
-  "mappings": ";AAGA,OAAO,UAAU;AAKjB,OAAO,UAAU;AACjB,OAAO,aAAa;AACpB,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,YAAY,SAAS,CAAC,CAAC;AAC7B,QAAM,WAAW,OAAO,KAAK,MAAM,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE,IAAI,UAAQ,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,IAAI;AACpG,QAAM,mBAAmB;AAAA,IACvB,GAAG;AAAA,IACH,GAAI,MAAM;AAAA,MACR,2BAA2B,OAAO,GAAG;AAAA,IACvC,IAAI,CAAC;AAAA,IACL,GAAI,cAAc;AAAA,MAChB,qCAAqC;AAAA,IACvC,IAAI,CAAC;AAAA,EACP;AACA,QAAM,SAAsB,sBAAM,OAAO;AAAA,IACvC,WAAW,KAAK,qBAAqB,WAAW;AAAA,MAC9C,2BAA2B,CAAC,CAAC;AAAA,MAC7B,WAAW,CAAC,CAAC;AAAA,MACb,aAAa;AAAA,MACb,YAAY,SAAS;AAAA,MACrB,cAAc,CAAC,CAAC;AAAA,MAChB,CAAC,MAAM,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IACtB,CAAC;AAAA,IACD,OAAO;AAAA,IACP,MAAM;AAAA,IACN,cAAc;AAAA,IACd,GAAG;AAAA,IACH,UAAU,CAAc,sBAAM,QAAQ;AAAA,MACpC,WAAW;AAAA,MACX,UAAU,CAAC,CAAC,OAAO,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,mBAAgC,qBAAK,QAAQ;AAAA,QACtF,WAAW;AAAA,QACX,UAAuB,qBAAK,MAAM;AAAA,UAChC,MAAM;AAAA,QACR,CAAC;AAAA,MACH,CAAC,CAAC;AAAA,IACJ,CAAC,GAAG,aAA0B,qBAAK,QAAQ;AAAA,MACzC,WAAW;AAAA,MACX,UAAU,SAAS;AAAA,IACrB,CAAC,CAAC;AAAA,EACJ,CAAC;AACD,MAAI,SAAS,CAAC,aAAa,QAAQ;AACjC,WAAoB,qBAAK,SAAS;AAAA,MAChC,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AACA,SAAO;AACT;AACA,IAAO,oBAAQ;",
-  "names": []
-}

package/build-module/avatar/index.mjs

@@ -1,6 +0,0 @@
-// packages/components/src/avatar/index.ts
-import { default as default2 } from "./component.mjs";
-export {
-  default2 as default
-};
-//# sourceMappingURL=index.mjs.map

package/build-module/avatar/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/avatar/index.ts"],
-  "sourcesContent": ["export { default } from './component';"],
-  "mappings": ";AAAA,SAAS,WAAAA,gBAAe;",
-  "names": ["default"]
-}

package/build-module/avatar/types.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=types.mjs.map

package/build-module/avatar/types.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/build-module/avatar-group/component.mjs

@@ -1,29 +0,0 @@
-// packages/components/src/avatar-group/component.tsx
-import clsx from "clsx";
-import { Children } from "@wordpress/element";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function AvatarGroup({
-  className,
-  max = 3,
-  children,
-  ...props
-}) {
-  const childArray = Children.toArray(children);
-  const visible = childArray.slice(0, max);
-  const overflowCount = childArray.length - max;
-  return /* @__PURE__ */ _jsxs("div", {
-    role: "group",
-    className: clsx("components-avatar-group", className),
-    ...props,
-    children: [visible, overflowCount > 0 && /* @__PURE__ */ _jsx("span", {
-      className: "components-avatar-group__overflow",
-      "aria-label": `${overflowCount} more`,
-      children: `+${overflowCount}`
-    })]
-  });
-}
-var component_default = AvatarGroup;
-export {
-  component_default as default
-};
-//# sourceMappingURL=component.mjs.map

package/build-module/avatar-group/component.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/avatar-group/component.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction AvatarGroup({\n  className,\n  max = 3,\n  children,\n  ...props\n}) {\n  const childArray = Children.toArray(children);\n  const visible = childArray.slice(0, max);\n  const overflowCount = childArray.length - max;\n  return /*#__PURE__*/_jsxs(\"div\", {\n    role: \"group\",\n    className: clsx('components-avatar-group', className),\n    ...props,\n    children: [visible, overflowCount > 0 && /*#__PURE__*/_jsx(\"span\", {\n      className: \"components-avatar-group__overflow\",\n      \"aria-label\": `${overflowCount} more`,\n      children: `+${overflowCount}`\n    })]\n  });\n}\nexport default AvatarGroup;"],
-  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AAKzB,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,GAAG;AACL,GAAG;AACD,QAAM,aAAa,SAAS,QAAQ,QAAQ;AAC5C,QAAM,UAAU,WAAW,MAAM,GAAG,GAAG;AACvC,QAAM,gBAAgB,WAAW,SAAS;AAC1C,SAAoB,sBAAM,OAAO;AAAA,IAC/B,MAAM;AAAA,IACN,WAAW,KAAK,2BAA2B,SAAS;AAAA,IACpD,GAAG;AAAA,IACH,UAAU,CAAC,SAAS,gBAAgB,KAAkB,qBAAK,QAAQ;AAAA,MACjE,WAAW;AAAA,MACX,cAAc,GAAG,aAAa;AAAA,MAC9B,UAAU,IAAI,aAAa;AAAA,IAC7B,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,oBAAQ;",
-  "names": []
-}

package/build-module/avatar-group/index.mjs

@@ -1,6 +0,0 @@
-// packages/components/src/avatar-group/index.ts
-import { default as default2 } from "./component.mjs";
-export {
-  default2 as default
-};
-//# sourceMappingURL=index.mjs.map