@wordpress/ui 0.9.1-next.v.202603102151.0 → 0.10.0

package/build/collapsible/root.cjs

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/ui/src/collapsible/root.tsx
+var root_exports = {};
+__export(root_exports, {
+  Root: () => Root
+});
+module.exports = __toCommonJS(root_exports);
+var import_collapsible = require("@base-ui/react/collapsible");
+var import_element = require("@wordpress/element");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Root = (0, import_element.forwardRef)(
+  function CollapsibleRoot(props, forwardedRef) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.Collapsible.Root, { ref: forwardedRef, ...props });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Root
+});
+//# sourceMappingURL=root.cjs.map

package/build/collapsible/root.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/collapsible/root.tsx"],
+  "sourcesContent": ["import { Collapsible as _Collapsible } from '@base-ui/react/collapsible';\nimport { forwardRef } from '@wordpress/element';\nimport type { RootProps } from './types';\n\n/**\n * Groups all parts of the collapsible.\n *\n * `Collapsible` is a collection of React components that combine to render\n * a collapsible panel controlled by a button.\n */\nexport const Root = forwardRef< HTMLDivElement, RootProps >(\n\tfunction CollapsibleRoot( props, forwardedRef ) {\n\t\treturn <_Collapsible.Root ref={ forwardedRef } { ...props } />;\n\t}\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4C;AAC5C,qBAA2B;AAWlB;AAFF,IAAM,WAAO;AAAA,EACnB,SAAS,gBAAiB,OAAO,cAAe;AAC/C,WAAO,4CAAC,mBAAAA,YAAa,MAAb,EAAkB,KAAM,cAAiB,GAAG,OAAQ;AAAA,EAC7D;AACD;",
+  "names": ["_Collapsible"]
+}

package/build/collapsible/trigger.cjs

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/ui/src/collapsible/trigger.tsx
+var trigger_exports = {};
+__export(trigger_exports, {
+  Trigger: () => Trigger
+});
+module.exports = __toCommonJS(trigger_exports);
+var import_collapsible = require("@base-ui/react/collapsible");
+var import_element = require("@wordpress/element");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Trigger = (0, import_element.forwardRef)(
+  function CollapsibleTrigger(props, forwardedRef) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_collapsible.Collapsible.Trigger, { ref: forwardedRef, ...props });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Trigger
+});
+//# sourceMappingURL=trigger.cjs.map

package/build/collapsible/trigger.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/collapsible/trigger.tsx"],
+  "sourcesContent": ["import { Collapsible as _Collapsible } from '@base-ui/react/collapsible';\nimport { forwardRef } from '@wordpress/element';\nimport type { TriggerProps } from './types';\n\n/**\n * A button that opens and closes the collapsible panel.\n *\n * `Collapsible` is a collection of React components that combine to render\n * a collapsible panel controlled by a button.\n */\nexport const Trigger = forwardRef< HTMLButtonElement, TriggerProps >(\n\tfunction CollapsibleTrigger( props, forwardedRef ) {\n\t\treturn <_Collapsible.Trigger ref={ forwardedRef } { ...props } />;\n\t}\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4C;AAC5C,qBAA2B;AAWlB;AAFF,IAAM,cAAU;AAAA,EACtB,SAAS,mBAAoB,OAAO,cAAe;AAClD,WAAO,4CAAC,mBAAAA,YAAa,SAAb,EAAqB,KAAM,cAAiB,GAAG,OAAQ;AAAA,EAChE;AACD;",
+  "names": ["_Collapsible"]
+}

package/build/collapsible/types.cjs

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

package/build/collapsible/types.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/collapsible/types.ts"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\nimport type { Collapsible as _Collapsible } from '@base-ui/react/collapsible';\nimport type { ComponentProps } from '../utils/types';\n\nexport type RootProps = ComponentProps< typeof _Collapsible.Root > & {\n\t/**\n\t * The content to be rendered inside the component.\n\t */\n\tchildren?: ReactNode;\n};\n\nexport type TriggerProps = ComponentProps< typeof _Collapsible.Trigger > & {\n\t/**\n\t * The content to be rendered inside the component.\n\t */\n\tchildren?: ReactNode;\n};\n\nexport type PanelProps = ComponentProps< typeof _Collapsible.Panel > & {\n\t/**\n\t * The content to be rendered inside the component.\n\t */\n\tchildren?: ReactNode;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/build/collapsible-card/content.cjs

@@ -33,18 +33,39 @@ __export(content_exports, {
   Content: () => Content2
 });
 module.exports = __toCommonJS(content_exports);
-var import_collapsible = require("@base-ui/react/collapsible");
 var import_element = require("@wordpress/element");
+var import_clsx = __toESM(require("clsx"));
 var Card = __toESM(require("../card/index.cjs"));
+var Collapsible = __toESM(require("../collapsible/index.cjs"));
+
+// packages/ui/src/collapsible-card/style.module.css
+if (typeof document !== "undefined" && process.env.NODE_ENV !== "test" && !document.head.querySelector("style[data-wp-hash='23250ec980']")) {
+  const style = document.createElement("style");
+  style.setAttribute("data-wp-hash", "23250ec980");
+  style.appendChild(document.createTextNode("@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{.cab17c7a373cb60d__header-content{flex:1;min-width:0}.dd89d27c4f15912d__header-trigger-positioner{align-self:center;flex-shrink:0;max-height:0;overflow:visible}.bcfab5f2448bafef__header-trigger-wrapper{border-radius:var(--wpds-border-radius-sm,2px);display:flex;translate:0 -50%}._3106f8d2b0330faa__header-trigger{@media not (prefers-reduced-motion){transition:rotate .15s ease-out}}._5d2dfcb4085c6d0f__header[data-panel-open] ._3106f8d2b0330faa__header-trigger{rotate:180deg}._5d2dfcb4085c6d0f__header[data-disabled] ._3106f8d2b0330faa__header-trigger{color:var(--wpds-color-fg-interactive-neutral-disabled,#8a8a8a)}.e34cf37ccd0d81e0__content{height:var(--collapsible-panel-height);margin-block-start:var(--wp-ui-card-header-content-margin);overflow:hidden;&[hidden]:not([hidden=until-found]){display:none}&[data-ending-style],&[data-starting-style]{height:0}@media not (prefers-reduced-motion){transition:all .15s ease-out}}}@layer wp-ui-compositions{._41bfdbf7b6c087c2__content-inner{padding-block-start:0}._5d2dfcb4085c6d0f__header{align-items:stretch;display:flex;flex-direction:row;gap:var(--wpds-dimension-gap-sm,8px);outline:none;&:not([data-disabled]){cursor:var(--wpds-cursor-control,pointer)}}}"));
+  document.head.appendChild(style);
+}
+var style_default = { "header-content": "cab17c7a373cb60d__header-content", "header-trigger-positioner": "dd89d27c4f15912d__header-trigger-positioner", "header-trigger-wrapper": "bcfab5f2448bafef__header-trigger-wrapper", "header-trigger": "_3106f8d2b0330faa__header-trigger", "header": "_5d2dfcb4085c6d0f__header", "content": "e34cf37ccd0d81e0__content", "content-inner": "_41bfdbf7b6c087c2__content-inner" };
+
+// packages/ui/src/collapsible-card/content.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var Content2 = (0, import_element.forwardRef)(
-  function CollapsibleCardContent({ render, ...restProps }, ref) {
+  function CollapsibleCardContent({ className, render, children, hiddenUntilFound = true, ...restProps }, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_collapsible.Collapsible.Panel,
+      Collapsible.Panel,
       {
         ref,
-        render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card.Content, { render }),
-        ...restProps
+        className: (0, import_clsx.default)(style_default.content, className),
+        hiddenUntilFound,
+        ...restProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Card.Content,
+          {
+            className: style_default["content-inner"],
+            render,
+            children
+          }
+        )
       }
     );
   }

package/build/collapsible-card/content.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/collapsible-card/content.tsx"],
-  "sourcesContent": ["import { Collapsible } from '@base-ui/react/collapsible';\nimport { forwardRef } from '@wordpress/element';\nimport * as Card from '../card';\nimport type { ContentProps } from './types';\n\n/**\n * The collapsible content area of the card. Hidden when collapsed,\n * visible when expanded.\n */\nexport const Content = forwardRef< HTMLDivElement, ContentProps >(\n\tfunction CollapsibleCardContent( { render, ...restProps }, ref ) {\n\t\treturn (\n\t\t\t<Collapsible.Panel\n\t\t\t\tref={ ref }\n\t\t\t\trender={ <Card.Content render={ render } /> }\n\t\t\t\t{ ...restProps }\n\t\t\t/>\n\t\t);\n\t}\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;AAAA,yBAA4B;AAC5B,qBAA2B;AAC3B,WAAsB;AAYT;AALN,IAAMA,eAAU;AAAA,EACtB,SAAS,uBAAwB,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAM;AAChE,WACC;AAAA,MAAC,+BAAY;AAAA,MAAZ;AAAA,QACA;AAAA,QACA,QAAS,4CAAM,cAAL,EAAa,QAAkB;AAAA,QACvC,GAAG;AAAA;AAAA,IACN;AAAA,EAEF;AACD;",
-  "names": ["Content"]
+  "sources": ["../../src/collapsible-card/content.tsx", "../../src/collapsible-card/style.module.css"],
+  "sourcesContent": ["import { forwardRef } from '@wordpress/element';\nimport clsx from 'clsx';\nimport * as Card from '../card';\nimport * as Collapsible from '../collapsible';\nimport styles from './style.module.css';\nimport type { ContentProps } from './types';\n\n/**\n * The collapsible content area of the card. Hidden when collapsed,\n * visible when expanded.\n */\nexport const Content = forwardRef< HTMLDivElement, ContentProps >(\n\tfunction CollapsibleCardContent(\n\t\t{ className, render, children, hiddenUntilFound = true, ...restProps },\n\t\tref\n\t) {\n\t\treturn (\n\t\t\t<Collapsible.Panel\n\t\t\t\tref={ ref }\n\t\t\t\tclassName={ clsx( styles.content, className ) }\n\t\t\t\thiddenUntilFound={ hiddenUntilFound }\n\t\t\t\t{ ...restProps }\n\t\t\t>\n\t\t\t\t<Card.Content\n\t\t\t\t\tclassName={ styles[ 'content-inner' ] }\n\t\t\t\t\trender={ render }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</Card.Content>\n\t\t\t</Collapsible.Panel>\n\t\t);\n\t}\n);\n", "if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && !document.head.querySelector(\"style[data-wp-hash='23250ec980']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"23250ec980\");\n\tstyle.appendChild(document.createTextNode(\"@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{.cab17c7a373cb60d__header-content{flex:1;min-width:0}.dd89d27c4f15912d__header-trigger-positioner{align-self:center;flex-shrink:0;max-height:0;overflow:visible}.bcfab5f2448bafef__header-trigger-wrapper{border-radius:var(--wpds-border-radius-sm,2px);display:flex;translate:0 -50%}._3106f8d2b0330faa__header-trigger{@media not (prefers-reduced-motion){transition:rotate .15s ease-out}}._5d2dfcb4085c6d0f__header[data-panel-open] ._3106f8d2b0330faa__header-trigger{rotate:180deg}._5d2dfcb4085c6d0f__header[data-disabled] ._3106f8d2b0330faa__header-trigger{color:var(--wpds-color-fg-interactive-neutral-disabled,#8a8a8a)}.e34cf37ccd0d81e0__content{height:var(--collapsible-panel-height);margin-block-start:var(--wp-ui-card-header-content-margin);overflow:hidden;&[hidden]:not([hidden=until-found]){display:none}&[data-ending-style],&[data-starting-style]{height:0}@media not (prefers-reduced-motion){transition:all .15s ease-out}}}@layer wp-ui-compositions{._41bfdbf7b6c087c2__content-inner{padding-block-start:0}._5d2dfcb4085c6d0f__header{align-items:stretch;display:flex;flex-direction:row;gap:var(--wpds-dimension-gap-sm,8px);outline:none;&:not([data-disabled]){cursor:var(--wpds-cursor-control,pointer)}}}\"));\n\tdocument.head.appendChild(style);\n}\nexport default {\"header-content\":\"cab17c7a373cb60d__header-content\",\"header-trigger-positioner\":\"dd89d27c4f15912d__header-trigger-positioner\",\"header-trigger-wrapper\":\"bcfab5f2448bafef__header-trigger-wrapper\",\"header-trigger\":\"_3106f8d2b0330faa__header-trigger\",\"header\":\"_5d2dfcb4085c6d0f__header\",\"content\":\"e34cf37ccd0d81e0__content\",\"content-inner\":\"_41bfdbf7b6c087c2__content-inner\"};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;AAAA,qBAA2B;AAC3B,kBAAiB;AACjB,WAAsB;AACtB,kBAA6B;;;ACH7B,IAAI,OAAO,aAAa,eAAe,QAAQ,IAAI,aAAa,UAAU,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AAC3I,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,6xCAA6xC,CAAC;AACx0C,WAAS,KAAK,YAAY,KAAK;AAChC;AACA,IAAO,gBAAQ,EAAC,kBAAiB,oCAAmC,6BAA4B,+CAA8C,0BAAyB,4CAA2C,kBAAiB,qCAAoC,UAAS,6BAA4B,WAAU,6BAA4B,iBAAgB,mCAAkC;;;ADiBhY;AAZG,IAAMC,eAAU;AAAA,EACtB,SAAS,uBACR,EAAE,WAAW,QAAQ,UAAU,mBAAmB,MAAM,GAAG,UAAU,GACrE,KACC;AACD,WACC;AAAA,MAAa;AAAA,MAAZ;AAAA,QACA;AAAA,QACA,eAAY,YAAAC,SAAM,cAAO,SAAS,SAAU;AAAA,QAC5C;AAAA,QACE,GAAG;AAAA,QAEL;AAAA,UAAM;AAAA,UAAL;AAAA,YACA,WAAY,cAAQ,eAAgB;AAAA,YACpC;AAAA,YAEE;AAAA;AAAA,QACH;AAAA;AAAA,IACD;AAAA,EAEF;AACD;",
+  "names": ["Content", "Content", "clsx"]
 }

package/build/collapsible-card/context.cjs

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/ui/src/collapsible-card/context.ts
+var context_exports = {};
+__export(context_exports, {
+  HeaderDescriptionIdContext: () => HeaderDescriptionIdContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_element = require("@wordpress/element");
+var HeaderDescriptionIdContext = (0, import_element.createContext)({
+  setDescriptionId: () => {
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeaderDescriptionIdContext
+});
+//# sourceMappingURL=context.cjs.map

package/build/collapsible-card/context.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/collapsible-card/context.ts"],
+  "sourcesContent": ["import { createContext } from '@wordpress/element';\n\nexport const HeaderDescriptionIdContext = createContext< {\n\tsetDescriptionId: ( id: string | undefined ) => void;\n} >( {\n\tsetDescriptionId: () => {},\n} );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA8B;AAEvB,IAAM,iCAA6B,8BAErC;AAAA,EACJ,kBAAkB,MAAM;AAAA,EAAC;AAC1B,CAAE;",
+  "names": []
+}

package/build/collapsible-card/header-description.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/ui/src/collapsible-card/header-description.tsx
+var header_description_exports = {};
+__export(header_description_exports, {
+  HeaderDescription: () => HeaderDescription
+});
+module.exports = __toCommonJS(header_description_exports);
+var import_element = require("@wordpress/element");
+var import_context = require("./context.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var HeaderDescription = (0, import_element.forwardRef)(function CollapsibleCardHeaderDescription({ children, className, ...restProps }, ref) {
+  const descriptionId = (0, import_element.useId)();
+  const { setDescriptionId } = (0, import_element.useContext)(import_context.HeaderDescriptionIdContext);
+  (0, import_element.useEffect)(() => {
+    setDescriptionId(descriptionId);
+    return () => setDescriptionId(void 0);
+  }, [descriptionId, setDescriptionId]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      id: descriptionId,
+      "aria-hidden": "true",
+      className,
+      ...restProps,
+      children
+    }
+  );
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeaderDescription
+});
+//# sourceMappingURL=header-description.cjs.map

package/build/collapsible-card/header-description.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/collapsible-card/header-description.tsx"],
+  "sourcesContent": ["import { forwardRef, useContext, useEffect, useId } from '@wordpress/element';\nimport { HeaderDescriptionIdContext } from './context';\nimport type { HeaderDescriptionProps } from './types';\n\n/**\n * Secondary content placed in the collapsible card header that describes\n * the trigger button via `aria-describedby`. Use it for supplementary\n * information such as status badges or summary values.\n *\n * The content is visually rendered but marked `aria-hidden` so that\n * assistive technologies consume it only through the `aria-describedby`\n * relationship on the trigger, avoiding double announcements.\n *\n * Avoid interactive elements (buttons, links, inputs) inside this\n * component \u2014 the entire header is the toggle trigger.\n */\nexport const HeaderDescription = forwardRef<\n\tHTMLDivElement,\n\tHeaderDescriptionProps\n>( function CollapsibleCardHeaderDescription(\n\t{ children, className, ...restProps },\n\tref\n) {\n\tconst descriptionId = useId();\n\tconst { setDescriptionId } = useContext( HeaderDescriptionIdContext );\n\n\tuseEffect( () => {\n\t\tsetDescriptionId( descriptionId );\n\t\treturn () => setDescriptionId( undefined );\n\t}, [ descriptionId, setDescriptionId ] );\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\tid={ descriptionId }\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={ className }\n\t\t\t{ ...restProps }\n\t\t>\n\t\t\t{ children }\n\t\t</div>\n\t);\n} );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAyD;AACzD,qBAA2C;AA+BzC;AAhBK,IAAM,wBAAoB,2BAG9B,SAAS,iCACX,EAAE,UAAU,WAAW,GAAG,UAAU,GACpC,KACC;AACD,QAAM,oBAAgB,sBAAM;AAC5B,QAAM,EAAE,iBAAiB,QAAI,2BAAY,yCAA2B;AAEpE,gCAAW,MAAM;AAChB,qBAAkB,aAAc;AAChC,WAAO,MAAM,iBAAkB,MAAU;AAAA,EAC1C,GAAG,CAAE,eAAe,gBAAiB,CAAE;AAEvC,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,IAAK;AAAA,MACL,eAAY;AAAA,MACZ;AAAA,MACE,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEF,CAAE;",
+  "names": []
+}

package/build/collapsible-card/header.cjs

@@ -33,68 +33,87 @@ __export(header_exports, {
   Header: () => Header2
 });
 module.exports = __toCommonJS(header_exports);
-var import_collapsible = require("@base-ui/react/collapsible");
 var import_clsx = __toESM(require("clsx"));
 var import_element = require("@wordpress/element");
-var import_i18n = require("@wordpress/i18n");
 var import_icons = require("@wordpress/icons");
 var Card = __toESM(require("../card/index.cjs"));
-var import_icon_button = require("../icon-button/index.cjs");
+var Collapsible = __toESM(require("../collapsible/index.cjs"));
+var import_icon = require("../icon/index.cjs");
 
 // packages/ui/src/collapsible-card/style.module.css
-if (typeof document !== "undefined" && process.env.NODE_ENV !== "test" && !document.head.querySelector("style[data-wp-hash='369efd7a16']")) {
+if (typeof document !== "undefined" && process.env.NODE_ENV !== "test" && !document.head.querySelector("style[data-wp-hash='23250ec980']")) {
   const style = document.createElement("style");
-  style.setAttribute("data-wp-hash", "369efd7a16");
-  style.appendChild(document.createTextNode("@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{.cab17c7a373cb60d__header-content{flex:1;min-width:0}.bcfab5f2448bafef__header-trigger-wrapper{align-self:center;flex-shrink:0;max-height:0;overflow:visible}._3106f8d2b0330faa__header-trigger{transform:translateY(-50%)}}@layer wp-ui-compositions{._5d2dfcb4085c6d0f__header{align-items:stretch;display:flex;flex-direction:row;gap:var(--wpds-dimension-gap-sm,8px);&:has(._3106f8d2b0330faa__header-trigger:not([data-disabled])){cursor:var(--wpds-cursor-control,default)}}}"));
+  style.setAttribute("data-wp-hash", "23250ec980");
+  style.appendChild(document.createTextNode("@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{.cab17c7a373cb60d__header-content{flex:1;min-width:0}.dd89d27c4f15912d__header-trigger-positioner{align-self:center;flex-shrink:0;max-height:0;overflow:visible}.bcfab5f2448bafef__header-trigger-wrapper{border-radius:var(--wpds-border-radius-sm,2px);display:flex;translate:0 -50%}._3106f8d2b0330faa__header-trigger{@media not (prefers-reduced-motion){transition:rotate .15s ease-out}}._5d2dfcb4085c6d0f__header[data-panel-open] ._3106f8d2b0330faa__header-trigger{rotate:180deg}._5d2dfcb4085c6d0f__header[data-disabled] ._3106f8d2b0330faa__header-trigger{color:var(--wpds-color-fg-interactive-neutral-disabled,#8a8a8a)}.e34cf37ccd0d81e0__content{height:var(--collapsible-panel-height);margin-block-start:var(--wp-ui-card-header-content-margin);overflow:hidden;&[hidden]:not([hidden=until-found]){display:none}&[data-ending-style],&[data-starting-style]{height:0}@media not (prefers-reduced-motion){transition:all .15s ease-out}}}@layer wp-ui-compositions{._41bfdbf7b6c087c2__content-inner{padding-block-start:0}._5d2dfcb4085c6d0f__header{align-items:stretch;display:flex;flex-direction:row;gap:var(--wpds-dimension-gap-sm,8px);outline:none;&:not([data-disabled]){cursor:var(--wpds-cursor-control,pointer)}}}"));
   document.head.appendChild(style);
 }
-var style_default = { "header-content": "cab17c7a373cb60d__header-content", "header-trigger-wrapper": "bcfab5f2448bafef__header-trigger-wrapper", "header-trigger": "_3106f8d2b0330faa__header-trigger", "header": "_5d2dfcb4085c6d0f__header" };
+var style_default = { "header-content": "cab17c7a373cb60d__header-content", "header-trigger-positioner": "dd89d27c4f15912d__header-trigger-positioner", "header-trigger-wrapper": "bcfab5f2448bafef__header-trigger-wrapper", "header-trigger": "_3106f8d2b0330faa__header-trigger", "header": "_5d2dfcb4085c6d0f__header", "content": "e34cf37ccd0d81e0__content", "content-inner": "_41bfdbf7b6c087c2__content-inner" };
+
+// packages/ui/src/utils/css/focus.module.css
+if (typeof document !== "undefined" && process.env.NODE_ENV !== "test" && !document.head.querySelector("style[data-wp-hash='4acd2b57a1']")) {
+  const style = document.createElement("style");
+  style.setAttribute("data-wp-hash", "4acd2b57a1");
+  style.appendChild(document.createTextNode("@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-utilities{._08e8a2e44959f892__outset-ring--focus,._970d04df7376df67__outset-ring--focus-within-except-active,.c5cb3ee4bddaa8e4__outset-ring--focus-within-visible,.cd83dfc2126a0846__outset-ring--focus-within,.d0541bc9dd9dc7b6__outset-ring--focus-visible,.e25b2bdd7aa21721__outset-ring--focus-except-active,.ecadb9e080e2dfa5__outset-ring--focus-parent-visible{@media not (prefers-reduced-motion){transition:outline .1s ease-out}outline-color:#0000;outline-offset:1px;outline-style:solid;outline-width:0}._08e8a2e44959f892__outset-ring--focus:focus,._970d04df7376df67__outset-ring--focus-within-except-active:focus-within:not(:has(:active)),.c5cb3ee4bddaa8e4__outset-ring--focus-within-visible:focus-within:has(:focus-visible),.cd83dfc2126a0846__outset-ring--focus-within:focus-within,.d0541bc9dd9dc7b6__outset-ring--focus-visible:focus-visible,.e25b2bdd7aa21721__outset-ring--focus-except-active:focus:not(:active),:focus-visible .ecadb9e080e2dfa5__outset-ring--focus-parent-visible{outline-color:var(--wpds-color-stroke-focus-brand,var(--wp-admin-theme-color,#3858e9));outline-width:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px))}}"));
+  document.head.appendChild(style);
+}
+var focus_default = { "outset-ring--focus": "_08e8a2e44959f892__outset-ring--focus", "outset-ring--focus-except-active": "e25b2bdd7aa21721__outset-ring--focus-except-active", "outset-ring--focus-visible": "d0541bc9dd9dc7b6__outset-ring--focus-visible", "outset-ring--focus-within": "cd83dfc2126a0846__outset-ring--focus-within", "outset-ring--focus-within-except-active": "_970d04df7376df67__outset-ring--focus-within-except-active", "outset-ring--focus-within-visible": "c5cb3ee4bddaa8e4__outset-ring--focus-within-visible", "outset-ring--focus-parent-visible": "ecadb9e080e2dfa5__outset-ring--focus-parent-visible" };
 
 // packages/ui/src/collapsible-card/header.tsx
+var import_context = require("./context.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Header2 = (0, import_element.forwardRef)(
-  function CollapsibleCardHeader({ children, className, onClick, ...restProps }, ref) {
-    const triggerRef = (0, import_element.useRef)(null);
-    const handleHeaderClick = (0, import_element.useCallback)(
-      (event) => {
-        const trigger = triggerRef.current;
-        if (trigger && event.target instanceof Node && !trigger.contains(event.target)) {
-          trigger.click();
-        }
-        onClick?.(event);
-      },
-      [onClick]
+  function CollapsibleCardHeader({ children, className, render, ...restProps }, ref) {
+    const [descriptionId, setDescriptionId] = (0, import_element.useState)();
+    const contextValue = (0, import_element.useMemo)(
+      () => ({ setDescriptionId }),
+      [setDescriptionId]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      Card.Header,
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.HeaderDescriptionIdContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      Collapsible.Trigger,
       {
-        ref,
         className: (0, import_clsx.default)(style_default.header, className),
-        onClick: handleHeaderClick,
-        ...restProps,
+        render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Card.Header,
+          {
+            ref,
+            render,
+            ...restProps
+          }
+        ),
+        nativeButton: false,
+        "aria-describedby": descriptionId,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: style_default["header-content"], children }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: style_default["header-trigger-wrapper"], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_collapsible.Collapsible.Trigger,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
             {
-              ref: triggerRef,
-              render: (props, state) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_icon_button.IconButton,
+              className: (0, import_clsx.default)(
+                style_default["header-trigger-positioner"]
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
                 {
-                  ...props,
-                  label: (0, import_i18n.__)("Expand or collapse card"),
-                  icon: state.open ? import_icons.chevronUp : import_icons.chevronDown,
-                  variant: "minimal",
-                  tone: "neutral",
-                  size: "compact"
+                  className: (0, import_clsx.default)(
+                    style_default["header-trigger-wrapper"],
+                    // While the interactive trigger element is the whole header,
+                    // the focus ring will be displayed only on the icon to visually
+                    // emulate it being the button.
+                    focus_default["outset-ring--focus-parent-visible"]
+                  ),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_icon.Icon,
+                    {
+                      icon: import_icons.chevronDown,
+                      className: style_default["header-trigger"]
+                    }
+                  )
                 }
-              ),
-              className: style_default["header-trigger"]
+              )
             }
-          ) })
+          )
         ]
       }
-    );
+    ) });
   }
 );
 // Annotate the CommonJS export names for ESM import in node:

package/build/collapsible-card/header.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/collapsible-card/header.tsx", "../../src/collapsible-card/style.module.css"],
-  "sourcesContent": ["import { Collapsible } from '@base-ui/react/collapsible';\nimport clsx from 'clsx';\nimport type { MouseEvent } from 'react';\nimport { forwardRef, useCallback, useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { chevronDown, chevronUp } from '@wordpress/icons';\nimport * as Card from '../card';\nimport { IconButton } from '../icon-button';\nimport styles from './style.module.css';\nimport type { HeaderProps } from './types';\n\n/**\n * The header of a collapsible card. Always visible, and acts as the\n * toggle trigger \u2014 clicking anywhere on it expands or collapses the\n * card's content.\n *\n * Avoid placing interactive elements (buttons, links, inputs) inside the\n * header, since the entire area is clickable and their events will bubble\n * to trigger the collapse toggle.\n */\nexport const Header = forwardRef< HTMLDivElement, HeaderProps >(\n\tfunction CollapsibleCardHeader(\n\t\t{ children, className, onClick, ...restProps },\n\t\tref\n\t) {\n\t\tconst triggerRef = useRef< HTMLButtonElement >( null );\n\n\t\tconst handleHeaderClick = useCallback(\n\t\t\t( event: MouseEvent< HTMLDivElement > ) => {\n\t\t\t\tconst trigger = triggerRef.current;\n\t\t\t\tif (\n\t\t\t\t\ttrigger &&\n\t\t\t\t\tevent.target instanceof Node &&\n\t\t\t\t\t! trigger.contains( event.target )\n\t\t\t\t) {\n\t\t\t\t\ttrigger.click();\n\t\t\t\t}\n\n\t\t\t\tonClick?.( event );\n\t\t\t},\n\t\t\t[ onClick ]\n\t\t);\n\n\t\treturn (\n\t\t\t<Card.Header\n\t\t\t\tref={ ref }\n\t\t\t\tclassName={ clsx( styles.header, className ) }\n\t\t\t\tonClick={ handleHeaderClick }\n\t\t\t\t{ ...restProps }\n\t\t\t>\n\t\t\t\t<div className={ styles[ 'header-content' ] }>{ children }</div>\n\t\t\t\t<div className={ styles[ 'header-trigger-wrapper' ] }>\n\t\t\t\t\t<Collapsible.Trigger\n\t\t\t\t\t\tref={ triggerRef }\n\t\t\t\t\t\trender={ ( props, state ) => (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\t\t\tlabel={ __( 'Expand or collapse card' ) }\n\t\t\t\t\t\t\t\ticon={ state.open ? chevronUp : chevronDown }\n\t\t\t\t\t\t\t\tvariant=\"minimal\"\n\t\t\t\t\t\t\t\ttone=\"neutral\"\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tclassName={ styles[ 'header-trigger' ] }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</Card.Header>\n\t\t);\n\t}\n);\n", "if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && !document.head.querySelector(\"style[data-wp-hash='369efd7a16']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"369efd7a16\");\n\tstyle.appendChild(document.createTextNode(\"@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{.cab17c7a373cb60d__header-content{flex:1;min-width:0}.bcfab5f2448bafef__header-trigger-wrapper{align-self:center;flex-shrink:0;max-height:0;overflow:visible}._3106f8d2b0330faa__header-trigger{transform:translateY(-50%)}}@layer wp-ui-compositions{._5d2dfcb4085c6d0f__header{align-items:stretch;display:flex;flex-direction:row;gap:var(--wpds-dimension-gap-sm,8px);&:has(._3106f8d2b0330faa__header-trigger:not([data-disabled])){cursor:var(--wpds-cursor-control,default)}}}\"));\n\tdocument.head.appendChild(style);\n}\nexport default {\"header-content\":\"cab17c7a373cb60d__header-content\",\"header-trigger-wrapper\":\"bcfab5f2448bafef__header-trigger-wrapper\",\"header-trigger\":\"_3106f8d2b0330faa__header-trigger\",\"header\":\"_5d2dfcb4085c6d0f__header\"};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gBAAAA;AAAA;AAAA;AAAA,yBAA4B;AAC5B,kBAAiB;AAEjB,qBAAgD;AAChD,kBAAmB;AACnB,mBAAuC;AACvC,WAAsB;AACtB,yBAA2B;;;ACP3B,IAAI,OAAO,aAAa,eAAe,QAAQ,IAAI,aAAa,UAAU,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AAC3I,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,6jBAA6jB,CAAC;AACxmB,WAAS,KAAK,YAAY,KAAK;AAChC;AACA,IAAO,gBAAQ,EAAC,kBAAiB,oCAAmC,0BAAyB,4CAA2C,kBAAiB,qCAAoC,UAAS,4BAA2B;;;ADsC9N;AAxBI,IAAMC,cAAS;AAAA,EACrB,SAAS,sBACR,EAAE,UAAU,WAAW,SAAS,GAAG,UAAU,GAC7C,KACC;AACD,UAAM,iBAAa,uBAA6B,IAAK;AAErD,UAAM,wBAAoB;AAAA,MACzB,CAAE,UAAyC;AAC1C,cAAM,UAAU,WAAW;AAC3B,YACC,WACA,MAAM,kBAAkB,QACxB,CAAE,QAAQ,SAAU,MAAM,MAAO,GAChC;AACD,kBAAQ,MAAM;AAAA,QACf;AAEA,kBAAW,KAAM;AAAA,MAClB;AAAA,MACA,CAAE,OAAQ;AAAA,IACX;AAEA,WACC;AAAA,MAAM;AAAA,MAAL;AAAA,QACA;AAAA,QACA,eAAY,YAAAC,SAAM,cAAO,QAAQ,SAAU;AAAA,QAC3C,SAAU;AAAA,QACR,GAAG;AAAA,QAEL;AAAA,sDAAC,SAAI,WAAY,cAAQ,gBAAiB,GAAM,UAAU;AAAA,UAC1D,4CAAC,SAAI,WAAY,cAAQ,wBAAyB,GACjD;AAAA,YAAC,+BAAY;AAAA,YAAZ;AAAA,cACA,KAAM;AAAA,cACN,QAAS,CAAE,OAAO,UACjB;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG;AAAA,kBACL,WAAQ,gBAAI,yBAA0B;AAAA,kBACtC,MAAO,MAAM,OAAO,yBAAY;AAAA,kBAChC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,MAAK;AAAA;AAAA,cACN;AAAA,cAED,WAAY,cAAQ,gBAAiB;AAAA;AAAA,UACtC,GACD;AAAA;AAAA;AAAA,IACD;AAAA,EAEF;AACD;",
+  "sources": ["../../src/collapsible-card/header.tsx", "../../src/collapsible-card/style.module.css", "../../src/utils/css/focus.module.css"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useMemo, useState } from '@wordpress/element';\nimport { chevronDown } from '@wordpress/icons';\nimport * as Card from '../card';\nimport * as Collapsible from '../collapsible';\nimport { Icon } from '../icon';\nimport styles from './style.module.css';\nimport focusStyles from '../utils/css/focus.module.css';\nimport { HeaderDescriptionIdContext } from './context';\nimport type { HeaderProps } from './types';\n\n/**\n * The header of a collapsible card. Always visible, and acts as the\n * toggle trigger \u2014 clicking anywhere on it expands or collapses the\n * card's content.\n *\n * Avoid placing interactive elements (buttons, links, inputs) inside the\n * header, since the entire area is clickable and their events will bubble\n * to trigger the collapse toggle.\n */\nexport const Header = forwardRef< HTMLDivElement, HeaderProps >(\n\tfunction CollapsibleCardHeader(\n\t\t{ children, className, render, ...restProps },\n\t\tref\n\t) {\n\t\tconst [ descriptionId, setDescriptionId ] = useState< string >();\n\n\t\tconst contextValue = useMemo(\n\t\t\t() => ( { setDescriptionId } ),\n\t\t\t[ setDescriptionId ]\n\t\t);\n\n\t\treturn (\n\t\t\t<HeaderDescriptionIdContext.Provider value={ contextValue }>\n\t\t\t\t<Collapsible.Trigger\n\t\t\t\t\tclassName={ clsx( styles.header, className ) }\n\t\t\t\t\trender={\n\t\t\t\t\t\t<Card.Header\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\trender={ render }\n\t\t\t\t\t\t\t{ ...restProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\tnativeButton={ false }\n\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t>\n\t\t\t\t\t<div className={ styles[ 'header-content' ] }>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\tstyles[ 'header-trigger-positioner' ]\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\tstyles[ 'header-trigger-wrapper' ],\n\t\t\t\t\t\t\t\t// While the interactive trigger element is the whole header,\n\t\t\t\t\t\t\t\t// the focus ring will be displayed only on the icon to visually\n\t\t\t\t\t\t\t\t// emulate it being the button.\n\t\t\t\t\t\t\t\tfocusStyles[\n\t\t\t\t\t\t\t\t\t'outset-ring--focus-parent-visible'\n\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\tclassName={ styles[ 'header-trigger' ] }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Collapsible.Trigger>\n\t\t\t</HeaderDescriptionIdContext.Provider>\n\t\t);\n\t}\n);\n", "if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && !document.head.querySelector(\"style[data-wp-hash='23250ec980']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"23250ec980\");\n\tstyle.appendChild(document.createTextNode(\"@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{.cab17c7a373cb60d__header-content{flex:1;min-width:0}.dd89d27c4f15912d__header-trigger-positioner{align-self:center;flex-shrink:0;max-height:0;overflow:visible}.bcfab5f2448bafef__header-trigger-wrapper{border-radius:var(--wpds-border-radius-sm,2px);display:flex;translate:0 -50%}._3106f8d2b0330faa__header-trigger{@media not (prefers-reduced-motion){transition:rotate .15s ease-out}}._5d2dfcb4085c6d0f__header[data-panel-open] ._3106f8d2b0330faa__header-trigger{rotate:180deg}._5d2dfcb4085c6d0f__header[data-disabled] ._3106f8d2b0330faa__header-trigger{color:var(--wpds-color-fg-interactive-neutral-disabled,#8a8a8a)}.e34cf37ccd0d81e0__content{height:var(--collapsible-panel-height);margin-block-start:var(--wp-ui-card-header-content-margin);overflow:hidden;&[hidden]:not([hidden=until-found]){display:none}&[data-ending-style],&[data-starting-style]{height:0}@media not (prefers-reduced-motion){transition:all .15s ease-out}}}@layer wp-ui-compositions{._41bfdbf7b6c087c2__content-inner{padding-block-start:0}._5d2dfcb4085c6d0f__header{align-items:stretch;display:flex;flex-direction:row;gap:var(--wpds-dimension-gap-sm,8px);outline:none;&:not([data-disabled]){cursor:var(--wpds-cursor-control,pointer)}}}\"));\n\tdocument.head.appendChild(style);\n}\nexport default {\"header-content\":\"cab17c7a373cb60d__header-content\",\"header-trigger-positioner\":\"dd89d27c4f15912d__header-trigger-positioner\",\"header-trigger-wrapper\":\"bcfab5f2448bafef__header-trigger-wrapper\",\"header-trigger\":\"_3106f8d2b0330faa__header-trigger\",\"header\":\"_5d2dfcb4085c6d0f__header\",\"content\":\"e34cf37ccd0d81e0__content\",\"content-inner\":\"_41bfdbf7b6c087c2__content-inner\"};\n", "if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && !document.head.querySelector(\"style[data-wp-hash='4acd2b57a1']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"4acd2b57a1\");\n\tstyle.appendChild(document.createTextNode(\"@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-utilities{._08e8a2e44959f892__outset-ring--focus,._970d04df7376df67__outset-ring--focus-within-except-active,.c5cb3ee4bddaa8e4__outset-ring--focus-within-visible,.cd83dfc2126a0846__outset-ring--focus-within,.d0541bc9dd9dc7b6__outset-ring--focus-visible,.e25b2bdd7aa21721__outset-ring--focus-except-active,.ecadb9e080e2dfa5__outset-ring--focus-parent-visible{@media not (prefers-reduced-motion){transition:outline .1s ease-out}outline-color:#0000;outline-offset:1px;outline-style:solid;outline-width:0}._08e8a2e44959f892__outset-ring--focus:focus,._970d04df7376df67__outset-ring--focus-within-except-active:focus-within:not(:has(:active)),.c5cb3ee4bddaa8e4__outset-ring--focus-within-visible:focus-within:has(:focus-visible),.cd83dfc2126a0846__outset-ring--focus-within:focus-within,.d0541bc9dd9dc7b6__outset-ring--focus-visible:focus-visible,.e25b2bdd7aa21721__outset-ring--focus-except-active:focus:not(:active),:focus-visible .ecadb9e080e2dfa5__outset-ring--focus-parent-visible{outline-color:var(--wpds-color-stroke-focus-brand,var(--wp-admin-theme-color,#3858e9));outline-width:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px))}}\"));\n\tdocument.head.appendChild(style);\n}\nexport default {\"outset-ring--focus\":\"_08e8a2e44959f892__outset-ring--focus\",\"outset-ring--focus-except-active\":\"e25b2bdd7aa21721__outset-ring--focus-except-active\",\"outset-ring--focus-visible\":\"d0541bc9dd9dc7b6__outset-ring--focus-visible\",\"outset-ring--focus-within\":\"cd83dfc2126a0846__outset-ring--focus-within\",\"outset-ring--focus-within-except-active\":\"_970d04df7376df67__outset-ring--focus-within-except-active\",\"outset-ring--focus-within-visible\":\"c5cb3ee4bddaa8e4__outset-ring--focus-within-visible\",\"outset-ring--focus-parent-visible\":\"ecadb9e080e2dfa5__outset-ring--focus-parent-visible\"};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gBAAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,qBAA8C;AAC9C,mBAA4B;AAC5B,WAAsB;AACtB,kBAA6B;AAC7B,kBAAqB;;;ACLrB,IAAI,OAAO,aAAa,eAAe,QAAQ,IAAI,aAAa,UAAU,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AAC3I,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,6xCAA6xC,CAAC;AACx0C,WAAS,KAAK,YAAY,KAAK;AAChC;AACA,IAAO,gBAAQ,EAAC,kBAAiB,oCAAmC,6BAA4B,+CAA8C,0BAAyB,4CAA2C,kBAAiB,qCAAoC,UAAS,6BAA4B,WAAU,6BAA4B,iBAAgB,mCAAkC;;;ACNpY,IAAI,OAAO,aAAa,eAAe,QAAQ,IAAI,aAAa,UAAU,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AAC3I,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,8tCAA8tC,CAAC;AACzwC,WAAS,KAAK,YAAY,KAAK;AAChC;AACA,IAAO,gBAAQ,EAAC,sBAAqB,yCAAwC,oCAAmC,sDAAqD,8BAA6B,gDAA+C,6BAA4B,+CAA8C,2CAA0C,8DAA6D,qCAAoC,uDAAsD,qCAAoC,sDAAqD;;;AFErlB,qBAA2C;AA0BvC;AAdG,IAAMC,cAAS;AAAA,EACrB,SAAS,sBACR,EAAE,UAAU,WAAW,QAAQ,GAAG,UAAU,GAC5C,KACC;AACD,UAAM,CAAE,eAAe,gBAAiB,QAAI,yBAAmB;AAE/D,UAAM,mBAAe;AAAA,MACpB,OAAQ,EAAE,iBAAiB;AAAA,MAC3B,CAAE,gBAAiB;AAAA,IACpB;AAEA,WACC,4CAAC,0CAA2B,UAA3B,EAAoC,OAAQ,cAC5C;AAAA,MAAa;AAAA,MAAZ;AAAA,QACA,eAAY,YAAAC,SAAM,cAAO,QAAQ,SAAU;AAAA,QAC3C,QACC;AAAA,UAAM;AAAA,UAAL;AAAA,YACA;AAAA,YACA;AAAA,YACE,GAAG;AAAA;AAAA,QACN;AAAA,QAED,cAAe;AAAA,QACf,oBAAmB;AAAA,QAEnB;AAAA,sDAAC,SAAI,WAAY,cAAQ,gBAAiB,GACvC,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,eAAY,YAAAA;AAAA,gBACX,cAAQ,2BAA4B;AAAA,cACrC;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACA,eAAY,YAAAA;AAAA,oBACX,cAAQ,wBAAyB;AAAA;AAAA;AAAA;AAAA,oBAIjC,cACC,mCACD;AAAA,kBACD;AAAA,kBAEA;AAAA,oBAAC;AAAA;AAAA,sBACA,MAAO;AAAA,sBACP,WAAY,cAAQ,gBAAiB;AAAA;AAAA,kBACtC;AAAA;AAAA,cACD;AAAA;AAAA,UACD;AAAA;AAAA;AAAA,IACD,GACD;AAAA,EAEF;AACD;",
   "names": ["Header", "Header", "clsx"]
 }

package/build/collapsible-card/index.cjs

@@ -22,16 +22,19 @@ var collapsible_card_exports = {};
 __export(collapsible_card_exports, {
   Content: () => import_content.Content,
   Header: () => import_header.Header,
+  HeaderDescription: () => import_header_description.HeaderDescription,
   Root: () => import_root.Root
 });
 module.exports = __toCommonJS(collapsible_card_exports);
 var import_root = require("./root.cjs");
 var import_header = require("./header.cjs");
+var import_header_description = require("./header-description.cjs");
 var import_content = require("./content.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Content,
   Header,
+  HeaderDescription,
   Root
 });
 //# sourceMappingURL=index.cjs.map

package/build/collapsible-card/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/collapsible-card/index.ts"],
-  "sourcesContent": ["import { Root } from './root';\nimport { Header } from './header';\nimport { Content } from './content';\n\nexport { Root, Header, Content };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqB;AACrB,oBAAuB;AACvB,qBAAwB;",
+  "sourcesContent": ["import { Root } from './root';\nimport { Header } from './header';\nimport { HeaderDescription } from './header-description';\nimport { Content } from './content';\n\nexport { Root, Header, HeaderDescription, Content };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqB;AACrB,oBAAuB;AACvB,gCAAkC;AAClC,qBAAwB;",
   "names": []
 }

package/build/collapsible-card/root.cjs

@@ -30,17 +30,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // packages/ui/src/collapsible-card/root.tsx
 var root_exports = {};
 __export(root_exports, {
-  Root: () => Root2
+  Root: () => Root3
 });
 module.exports = __toCommonJS(root_exports);
-var import_collapsible = require("@base-ui/react/collapsible");
 var import_element = require("@wordpress/element");
 var Card = __toESM(require("../card/index.cjs"));
+var Collapsible = __toESM(require("../collapsible/index.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var Root2 = (0, import_element.forwardRef)(
+var Root3 = (0, import_element.forwardRef)(
   function CollapsibleCardRoot({ render, ...restProps }, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_collapsible.Collapsible.Root,
+      Collapsible.Root,
       {
         ref,
         render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card.Root, { render }),

package/build/collapsible-card/root.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/collapsible-card/root.tsx"],
-  "sourcesContent": ["import { Collapsible } from '@base-ui/react/collapsible';\nimport { forwardRef } from '@wordpress/element';\nimport * as Card from '../card';\nimport type { RootProps } from './types';\n\n/**\n * A card that can be expanded and collapsed. When collapsed, only the\n * header is visible.\n *\n * ```jsx\n * import { CollapsibleCard, Card } from '@wordpress/ui';\n *\n * function MyComponent() {\n * \treturn (\n * \t\t<CollapsibleCard.Root defaultOpen>\n * \t\t\t<CollapsibleCard.Header>\n * \t\t\t\t<Card.Title>Heading</Card.Title>\n * \t\t\t</CollapsibleCard.Header>\n * \t\t\t<CollapsibleCard.Content>\n * \t\t\t\t<p>Collapsible content here.</p>\n * \t\t\t</CollapsibleCard.Content>\n * \t\t</CollapsibleCard.Root>\n * \t);\n * }\n * ```\n */\nexport const Root = forwardRef< HTMLDivElement, RootProps >(\n\tfunction CollapsibleCardRoot( { render, ...restProps }, ref ) {\n\t\treturn (\n\t\t\t<Collapsible.Root\n\t\t\t\tref={ ref }\n\t\t\t\trender={ <Card.Root render={ render } /> }\n\t\t\t\t{ ...restProps }\n\t\t\t/>\n\t\t);\n\t}\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,cAAAA;AAAA;AAAA;AAAA,yBAA4B;AAC5B,qBAA2B;AAC3B,WAAsB;AA6BT;AALN,IAAMA,YAAO;AAAA,EACnB,SAAS,oBAAqB,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAM;AAC7D,WACC;AAAA,MAAC,+BAAY;AAAA,MAAZ;AAAA,QACA;AAAA,QACA,QAAS,4CAAM,WAAL,EAAU,QAAkB;AAAA,QACpC,GAAG;AAAA;AAAA,IACN;AAAA,EAEF;AACD;",
+  "sourcesContent": ["import { forwardRef } from '@wordpress/element';\nimport * as Card from '../card';\nimport * as Collapsible from '../collapsible';\nimport type { RootProps } from './types';\n\n/**\n * A card that can be expanded and collapsed. When collapsed, only the\n * header is visible.\n *\n * ```jsx\n * import { CollapsibleCard, Card } from '@wordpress/ui';\n *\n * function MyComponent() {\n * \treturn (\n * \t\t<CollapsibleCard.Root defaultOpen>\n * \t\t\t<CollapsibleCard.Header>\n * \t\t\t\t<Card.Title>Heading</Card.Title>\n * \t\t\t</CollapsibleCard.Header>\n * \t\t\t<CollapsibleCard.Content>\n * \t\t\t\t<p>Collapsible content here.</p>\n * \t\t\t</CollapsibleCard.Content>\n * \t\t</CollapsibleCard.Root>\n * \t);\n * }\n * ```\n */\nexport const Root = forwardRef< HTMLDivElement, RootProps >(\n\tfunction CollapsibleCardRoot( { render, ...restProps }, ref ) {\n\t\treturn (\n\t\t\t<Collapsible.Root\n\t\t\t\tref={ ref }\n\t\t\t\trender={ <Card.Root render={ render } /> }\n\t\t\t\t{ ...restProps }\n\t\t\t/>\n\t\t);\n\t}\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,cAAAA;AAAA;AAAA;AAAA,qBAA2B;AAC3B,WAAsB;AACtB,kBAA6B;AA6BhB;AALN,IAAMA,YAAO;AAAA,EACnB,SAAS,oBAAqB,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAM;AAC7D,WACC;AAAA,MAAa;AAAA,MAAZ;AAAA,QACA;AAAA,QACA,QAAS,4CAAM,WAAL,EAAU,QAAkB;AAAA,QACpC,GAAG;AAAA;AAAA,IACN;AAAA,EAEF;AACD;",
   "names": ["Root"]
 }

package/build/collapsible-card/types.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/collapsible-card/types.ts"],
-  "sourcesContent": ["import type { ReactNode } from 'react';\nimport type { ComponentProps } from '../utils/types';\n\nexport interface RootProps extends ComponentProps< 'div' > {\n\t/**\n\t * The content to be rendered inside the collapsible card.\n\t * Should include `CollapsibleCard.Header` and `CollapsibleCard.Content`.\n\t */\n\tchildren?: ReactNode;\n\t/**\n\t * Whether the collapsible panel is currently open (controlled).\n\t *\n\t * To render an uncontrolled collapsible card, use `defaultOpen` instead.\n\t */\n\topen?: boolean;\n\t/**\n\t * Whether the collapsible panel is initially open (uncontrolled).\n\t * @default false\n\t */\n\tdefaultOpen?: boolean;\n\t/**\n\t * Event handler called when the panel is opened or closed.\n\t */\n\tonOpenChange?: ( open: boolean ) => void;\n\t/**\n\t * Whether the component should ignore user interaction.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n}\n\nexport interface HeaderProps extends ComponentProps< 'div' > {\n\t/**\n\t * The content to be rendered inside the header.\n\t */\n\tchildren?: ReactNode;\n}\n\nexport interface ContentProps extends ComponentProps< 'div' > {\n\t/**\n\t * The content to be rendered inside the collapsible content area.\n\t */\n\tchildren?: ReactNode;\n}\n"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\nimport type { PanelProps } from '../collapsible/types';\nimport type { ComponentProps } from '../utils/types';\n\nexport interface RootProps extends ComponentProps< 'div' > {\n\t/**\n\t * The content to be rendered inside the collapsible card.\n\t * Should include `CollapsibleCard.Header` and `CollapsibleCard.Content`.\n\t */\n\tchildren?: ReactNode;\n\t/**\n\t * Whether the collapsible panel is currently open (controlled).\n\t *\n\t * To render an uncontrolled collapsible card, use `defaultOpen` instead.\n\t */\n\topen?: boolean;\n\t/**\n\t * Whether the collapsible panel is initially open (uncontrolled).\n\t * @default false\n\t */\n\tdefaultOpen?: boolean;\n\t/**\n\t * Event handler called when the panel is opened or closed.\n\t */\n\tonOpenChange?: ( open: boolean ) => void;\n\t/**\n\t * Whether the component should ignore user interaction.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n}\n\nexport interface HeaderProps extends ComponentProps< 'div' > {\n\t/**\n\t * The content to be rendered inside the header.\n\t */\n\tchildren?: ReactNode;\n}\n\nexport interface HeaderDescriptionProps extends ComponentProps< 'div' > {\n\t/**\n\t * Secondary content that describes the header trigger via\n\t * `aria-describedby`. Rendered visually but marked `aria-hidden`\n\t * so assistive technologies consume it only through the description\n\t * relationship, avoiding double announcements.\n\t *\n\t * Avoid interactive elements \u2014 the entire header is the toggle trigger.\n\t */\n\tchildren?: ReactNode;\n}\n\nexport interface ContentProps extends ComponentProps< 'div' > {\n\t/**\n\t * The content to be rendered inside the collapsible content area.\n\t */\n\tchildren?: ReactNode;\n\t/**\n\t * Allows the browser\u2019s built-in page search to find and expand the panel contents.\n\t *\n\t * Overrides the `keepMounted` prop and uses `hidden=\"until-found\"`\n\t * to hide the element without removing it from the DOM.\n\t *\n\t * @default true\n\t */\n\thiddenUntilFound?: PanelProps[ 'hiddenUntilFound' ];\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/build/dialog/action.cjs

@@ -28,12 +28,14 @@ var import_element = require("@wordpress/element");
 var import_button = require("../button/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Action = (0, import_element.forwardRef)(
-  function DialogAction({ render, ...props }, ref) {
+  function DialogAction({ render, disabled, loading, ...props }, ref) {
+    const resolvedDisabled = disabled ?? loading;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_dialog.Dialog.Close,
       {
         ref,
-        render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { render }),
+        render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { render, loading }),
+        disabled: resolvedDisabled,
         ...props
       }
     );

package/build/dialog/action.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/dialog/action.tsx"],
-  "sourcesContent": ["import { Dialog as _Dialog } from '@base-ui/react/dialog';\nimport { forwardRef } from '@wordpress/element';\nimport { Button } from '../button';\nimport type { ActionProps } from './types';\n\n/**\n * Renders a button that closes the dialog when clicked.\n * Accepts all Button component props for styling.\n */\nconst Action = forwardRef< HTMLButtonElement, ActionProps >(\n\tfunction DialogAction( { render, ...props }, ref ) {\n\t\treturn (\n\t\t\t<_Dialog.Close\n\t\t\t\tref={ ref }\n\t\t\t\trender={ <Button render={ render } /> }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport { Action };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAkC;AAClC,qBAA2B;AAC3B,oBAAuB;AAYV;AALb,IAAM,aAAS;AAAA,EACd,SAAS,aAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAM;AAClD,WACC;AAAA,MAAC,cAAAA,OAAQ;AAAA,MAAR;AAAA,QACA;AAAA,QACA,QAAS,4CAAC,wBAAO,QAAkB;AAAA,QACjC,GAAG;AAAA;AAAA,IACN;AAAA,EAEF;AACD;",
+  "sourcesContent": ["import { Dialog as _Dialog } from '@base-ui/react/dialog';\nimport { forwardRef } from '@wordpress/element';\nimport { Button } from '../button';\nimport type { ActionProps } from './types';\n\n/**\n * Renders a button that closes the dialog when clicked.\n * Accepts all Button component props for styling.\n */\nconst Action = forwardRef< HTMLButtonElement, ActionProps >(\n\tfunction DialogAction( { render, disabled, loading, ...props }, ref ) {\n\t\t// Resolve `disabled` the same way Button does so that\n\t\t// _Dialog.Close's internal useButton (which controls\n\t\t// aria-disabled) stays in sync with the rendered Button.\n\t\tconst resolvedDisabled = disabled ?? loading;\n\n\t\treturn (\n\t\t\t<_Dialog.Close\n\t\t\t\tref={ ref }\n\t\t\t\trender={ <Button render={ render } loading={ loading } /> }\n\t\t\t\tdisabled={ resolvedDisabled }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport { Action };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAkC;AAClC,qBAA2B;AAC3B,oBAAuB;AAiBV;AAVb,IAAM,aAAS;AAAA,EACd,SAAS,aAAc,EAAE,QAAQ,UAAU,SAAS,GAAG,MAAM,GAAG,KAAM;AAIrE,UAAM,mBAAmB,YAAY;AAErC,WACC;AAAA,MAAC,cAAAA,OAAQ;AAAA,MAAR;AAAA,QACA;AAAA,QACA,QAAS,4CAAC,wBAAO,QAAkB,SAAoB;AAAA,QACvD,UAAW;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,EAEF;AACD;",
   "names": ["_Dialog"]
 }