@wordpress/ui 0.6.1-next.v.0 → 0.7.0

package/build/dialog/footer.cjs

@@ -0,0 +1,64 @@
+"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/ui/src/dialog/footer.tsx
+var footer_exports = {};
+__export(footer_exports, {
+  Footer: () => Footer
+});
+module.exports = __toCommonJS(footer_exports);
+var import_react = require("@base-ui/react");
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+
+// packages/ui/src/dialog/style.module.css
+if (typeof document !== "undefined" && !document.head.querySelector("style[data-wp-hash='b79a3d2115']")) {
+  const style = document.createElement("style");
+  style.setAttribute("data-wp-hash", "b79a3d2115");
+  style.appendChild(document.createTextNode("@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._074affe4c56b4f2f__backdrop{background-color:#00000059;inset:0;position:fixed;&[data-ending-style],&[data-starting-style]{opacity:0}&[data-open]{opacity:1}@media not (prefers-reduced-motion){transition:opacity .2s ease-out}}._8acaa98861620d4d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong);border-radius:var(--wpds-border-radius-lg);box-shadow:var(--wpds-elevation-lg);box-sizing:border-box;color:var(--wpds-color-fg-content-neutral);font-family:var(--wpds-font-family-body);font-size:var(--wpds-font-size-md);left:50%;line-height:var(--wpds-font-line-height-md);max-height:calc(100vh - var(--wpds-dimension-padding-2xl)*2);min-width:320px;overflow:auto;padding:var(--wpds-dimension-padding-2xl);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - var(--wpds-dimension-padding-2xl)*2);&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}@media not (prefers-reduced-motion){transition:opacity .2s cubic-bezier(1,0,.2,1),transform .2s cubic-bezier(1,0,.2,1);&[data-open]{transition:opacity .2s cubic-bezier(.29,0,0,1),transform .2s cubic-bezier(.29,0,0,1)}}@media (min-width:480px){min-width:384px}&._7acfa67ebf092988__is-small{max-width:384px}&._1eeeed880cb5769d__is-medium{max-width:512px}&._99f900b2267e22d0__is-large{max-width:840px}&.b49f7ff9c06fe387__is-stretch{max-width:none}&.dcd4c2f5036cbf1a__is-full{height:100vh}}._76fb3b28fcbd45fc__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--wpds-dimension-gap-lg)}.f636832002af749e__title{color:var(--wpds-color-fg-content-neutral);font-size:var(--wpds-font-size-xl);font-weight:var(--wpds-font-weight-medium);line-height:var(--wpds-font-line-height-xl);margin:0}._00eeb4f220cddae3__footer{align-items:center;display:flex;gap:var(--wpds-dimension-gap-sm);justify-content:flex-end;margin-top:var(--wpds-dimension-gap-lg);padding-top:var(--wpds-dimension-padding-lg)}}"));
+  document.head.appendChild(style);
+}
+var style_default = { "backdrop": "_074affe4c56b4f2f__backdrop", "popup": "_8acaa98861620d4d__popup", "is-small": "_7acfa67ebf092988__is-small", "is-medium": "_1eeeed880cb5769d__is-medium", "is-large": "_99f900b2267e22d0__is-large", "is-stretch": "b49f7ff9c06fe387__is-stretch", "is-full": "dcd4c2f5036cbf1a__is-full", "header": "_76fb3b28fcbd45fc__header", "title": "f636832002af749e__title", "footer": "_00eeb4f220cddae3__footer" };
+
+// packages/ui/src/dialog/footer.tsx
+var Footer = (0, import_element.forwardRef)(function DialogFooter({ className, render, ...props }, ref) {
+  const element = (0, import_react.useRender)({
+    render,
+    ref,
+    props: (0, import_react.mergeProps)(props, {
+      className: (0, import_clsx.default)(style_default.footer, className)
+    })
+  });
+  return element;
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Footer
+});
+//# sourceMappingURL=footer.cjs.map

package/build/dialog/footer.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/dialog/footer.tsx", "../../src/dialog/style.module.css"],
+  "sourcesContent": ["import { mergeProps, useRender } from '@base-ui/react';\nimport clsx from 'clsx';\nimport { forwardRef } from '@wordpress/element';\nimport styles from './style.module.css';\nimport type { FooterProps } from './types';\n\n/**\n * Renders the footer section of the dialog, typically containing\n * action buttons.\n */\nconst Footer = forwardRef< HTMLDivElement, FooterProps >( function DialogFooter(\n\t{ className, render, ...props },\n\tref\n) {\n\tconst element = useRender( {\n\t\trender,\n\t\tref,\n\t\tprops: mergeProps< 'div' >( props, {\n\t\t\tclassName: clsx( styles.footer, className ),\n\t\t} ),\n\t} );\n\n\treturn element;\n} );\n\nexport { Footer };\n", "if (typeof document !== 'undefined' && !document.head.querySelector(\"style[data-wp-hash='b79a3d2115']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"b79a3d2115\");\n\tstyle.appendChild(document.createTextNode(\"@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._074affe4c56b4f2f__backdrop{background-color:#00000059;inset:0;position:fixed;&[data-ending-style],&[data-starting-style]{opacity:0}&[data-open]{opacity:1}@media not (prefers-reduced-motion){transition:opacity .2s ease-out}}._8acaa98861620d4d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong);border-radius:var(--wpds-border-radius-lg);box-shadow:var(--wpds-elevation-lg);box-sizing:border-box;color:var(--wpds-color-fg-content-neutral);font-family:var(--wpds-font-family-body);font-size:var(--wpds-font-size-md);left:50%;line-height:var(--wpds-font-line-height-md);max-height:calc(100vh - var(--wpds-dimension-padding-2xl)*2);min-width:320px;overflow:auto;padding:var(--wpds-dimension-padding-2xl);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - var(--wpds-dimension-padding-2xl)*2);&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}@media not (prefers-reduced-motion){transition:opacity .2s cubic-bezier(1,0,.2,1),transform .2s cubic-bezier(1,0,.2,1);&[data-open]{transition:opacity .2s cubic-bezier(.29,0,0,1),transform .2s cubic-bezier(.29,0,0,1)}}@media (min-width:480px){min-width:384px}&._7acfa67ebf092988__is-small{max-width:384px}&._1eeeed880cb5769d__is-medium{max-width:512px}&._99f900b2267e22d0__is-large{max-width:840px}&.b49f7ff9c06fe387__is-stretch{max-width:none}&.dcd4c2f5036cbf1a__is-full{height:100vh}}._76fb3b28fcbd45fc__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--wpds-dimension-gap-lg)}.f636832002af749e__title{color:var(--wpds-color-fg-content-neutral);font-size:var(--wpds-font-size-xl);font-weight:var(--wpds-font-weight-medium);line-height:var(--wpds-font-line-height-xl);margin:0}._00eeb4f220cddae3__footer{align-items:center;display:flex;gap:var(--wpds-dimension-gap-sm);justify-content:flex-end;margin-top:var(--wpds-dimension-gap-lg);padding-top:var(--wpds-dimension-padding-lg)}}\"));\n\tdocument.head.appendChild(style);\n}\nexport default {\"backdrop\":\"_074affe4c56b4f2f__backdrop\",\"popup\":\"_8acaa98861620d4d__popup\",\"is-small\":\"_7acfa67ebf092988__is-small\",\"is-medium\":\"_1eeeed880cb5769d__is-medium\",\"is-large\":\"_99f900b2267e22d0__is-large\",\"is-stretch\":\"b49f7ff9c06fe387__is-stretch\",\"is-full\":\"dcd4c2f5036cbf1a__is-full\",\"header\":\"_76fb3b28fcbd45fc__header\",\"title\":\"f636832002af749e__title\",\"footer\":\"_00eeb4f220cddae3__footer\"};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AACtC,kBAAiB;AACjB,qBAA2B;;;ACF3B,IAAI,OAAO,aAAa,eAAe,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AACxG,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,+/DAA+/D,CAAC;AAC1iE,WAAS,KAAK,YAAY,KAAK;AAChC;AACA,IAAO,gBAAQ,EAAC,YAAW,+BAA8B,SAAQ,4BAA2B,YAAW,+BAA8B,aAAY,gCAA+B,YAAW,+BAA8B,cAAa,gCAA+B,WAAU,6BAA4B,UAAS,6BAA4B,SAAQ,2BAA0B,UAAS,4BAA2B;;;ADItZ,IAAM,aAAS,2BAA2C,SAAS,aAClE,EAAE,WAAW,QAAQ,GAAG,MAAM,GAC9B,KACC;AACD,QAAM,cAAU,wBAAW;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,WAAO,yBAAqB,OAAO;AAAA,MAClC,eAAW,YAAAA,SAAM,cAAO,QAAQ,SAAU;AAAA,IAC3C,CAAE;AAAA,EACH,CAAE;AAEF,SAAO;AACR,CAAE;",
+  "names": ["clsx"]
+}

package/build/dialog/header.cjs

@@ -0,0 +1,64 @@
+"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/ui/src/dialog/header.tsx
+var header_exports = {};
+__export(header_exports, {
+  Header: () => Header
+});
+module.exports = __toCommonJS(header_exports);
+var import_react = require("@base-ui/react");
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+
+// packages/ui/src/dialog/style.module.css
+if (typeof document !== "undefined" && !document.head.querySelector("style[data-wp-hash='b79a3d2115']")) {
+  const style = document.createElement("style");
+  style.setAttribute("data-wp-hash", "b79a3d2115");
+  style.appendChild(document.createTextNode("@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._074affe4c56b4f2f__backdrop{background-color:#00000059;inset:0;position:fixed;&[data-ending-style],&[data-starting-style]{opacity:0}&[data-open]{opacity:1}@media not (prefers-reduced-motion){transition:opacity .2s ease-out}}._8acaa98861620d4d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong);border-radius:var(--wpds-border-radius-lg);box-shadow:var(--wpds-elevation-lg);box-sizing:border-box;color:var(--wpds-color-fg-content-neutral);font-family:var(--wpds-font-family-body);font-size:var(--wpds-font-size-md);left:50%;line-height:var(--wpds-font-line-height-md);max-height:calc(100vh - var(--wpds-dimension-padding-2xl)*2);min-width:320px;overflow:auto;padding:var(--wpds-dimension-padding-2xl);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - var(--wpds-dimension-padding-2xl)*2);&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}@media not (prefers-reduced-motion){transition:opacity .2s cubic-bezier(1,0,.2,1),transform .2s cubic-bezier(1,0,.2,1);&[data-open]{transition:opacity .2s cubic-bezier(.29,0,0,1),transform .2s cubic-bezier(.29,0,0,1)}}@media (min-width:480px){min-width:384px}&._7acfa67ebf092988__is-small{max-width:384px}&._1eeeed880cb5769d__is-medium{max-width:512px}&._99f900b2267e22d0__is-large{max-width:840px}&.b49f7ff9c06fe387__is-stretch{max-width:none}&.dcd4c2f5036cbf1a__is-full{height:100vh}}._76fb3b28fcbd45fc__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--wpds-dimension-gap-lg)}.f636832002af749e__title{color:var(--wpds-color-fg-content-neutral);font-size:var(--wpds-font-size-xl);font-weight:var(--wpds-font-weight-medium);line-height:var(--wpds-font-line-height-xl);margin:0}._00eeb4f220cddae3__footer{align-items:center;display:flex;gap:var(--wpds-dimension-gap-sm);justify-content:flex-end;margin-top:var(--wpds-dimension-gap-lg);padding-top:var(--wpds-dimension-padding-lg)}}"));
+  document.head.appendChild(style);
+}
+var style_default = { "backdrop": "_074affe4c56b4f2f__backdrop", "popup": "_8acaa98861620d4d__popup", "is-small": "_7acfa67ebf092988__is-small", "is-medium": "_1eeeed880cb5769d__is-medium", "is-large": "_99f900b2267e22d0__is-large", "is-stretch": "b49f7ff9c06fe387__is-stretch", "is-full": "dcd4c2f5036cbf1a__is-full", "header": "_76fb3b28fcbd45fc__header", "title": "f636832002af749e__title", "footer": "_00eeb4f220cddae3__footer" };
+
+// packages/ui/src/dialog/header.tsx
+var Header = (0, import_element.forwardRef)(function DialogHeader({ className, render, ...props }, ref) {
+  const element = (0, import_react.useRender)({
+    render,
+    ref,
+    props: (0, import_react.mergeProps)(props, {
+      className: (0, import_clsx.default)(style_default.header, className)
+    })
+  });
+  return element;
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Header
+});
+//# sourceMappingURL=header.cjs.map

package/build/dialog/header.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/dialog/header.tsx", "../../src/dialog/style.module.css"],
+  "sourcesContent": ["import { mergeProps, useRender } from '@base-ui/react';\nimport clsx from 'clsx';\nimport { forwardRef } from '@wordpress/element';\nimport styles from './style.module.css';\nimport type { HeaderProps } from './types';\n\n/**\n * Renders the header section of the dialog, typically containing\n * the heading and close button.\n */\nconst Header = forwardRef< HTMLDivElement, HeaderProps >( function DialogHeader(\n\t{ className, render, ...props },\n\tref\n) {\n\tconst element = useRender( {\n\t\trender,\n\t\tref,\n\t\tprops: mergeProps< 'div' >( props, {\n\t\t\tclassName: clsx( styles.header, className ),\n\t\t} ),\n\t} );\n\n\treturn element;\n} );\n\nexport { Header };\n", "if (typeof document !== 'undefined' && !document.head.querySelector(\"style[data-wp-hash='b79a3d2115']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"b79a3d2115\");\n\tstyle.appendChild(document.createTextNode(\"@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._074affe4c56b4f2f__backdrop{background-color:#00000059;inset:0;position:fixed;&[data-ending-style],&[data-starting-style]{opacity:0}&[data-open]{opacity:1}@media not (prefers-reduced-motion){transition:opacity .2s ease-out}}._8acaa98861620d4d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong);border-radius:var(--wpds-border-radius-lg);box-shadow:var(--wpds-elevation-lg);box-sizing:border-box;color:var(--wpds-color-fg-content-neutral);font-family:var(--wpds-font-family-body);font-size:var(--wpds-font-size-md);left:50%;line-height:var(--wpds-font-line-height-md);max-height:calc(100vh - var(--wpds-dimension-padding-2xl)*2);min-width:320px;overflow:auto;padding:var(--wpds-dimension-padding-2xl);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - var(--wpds-dimension-padding-2xl)*2);&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}@media not (prefers-reduced-motion){transition:opacity .2s cubic-bezier(1,0,.2,1),transform .2s cubic-bezier(1,0,.2,1);&[data-open]{transition:opacity .2s cubic-bezier(.29,0,0,1),transform .2s cubic-bezier(.29,0,0,1)}}@media (min-width:480px){min-width:384px}&._7acfa67ebf092988__is-small{max-width:384px}&._1eeeed880cb5769d__is-medium{max-width:512px}&._99f900b2267e22d0__is-large{max-width:840px}&.b49f7ff9c06fe387__is-stretch{max-width:none}&.dcd4c2f5036cbf1a__is-full{height:100vh}}._76fb3b28fcbd45fc__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--wpds-dimension-gap-lg)}.f636832002af749e__title{color:var(--wpds-color-fg-content-neutral);font-size:var(--wpds-font-size-xl);font-weight:var(--wpds-font-weight-medium);line-height:var(--wpds-font-line-height-xl);margin:0}._00eeb4f220cddae3__footer{align-items:center;display:flex;gap:var(--wpds-dimension-gap-sm);justify-content:flex-end;margin-top:var(--wpds-dimension-gap-lg);padding-top:var(--wpds-dimension-padding-lg)}}\"));\n\tdocument.head.appendChild(style);\n}\nexport default {\"backdrop\":\"_074affe4c56b4f2f__backdrop\",\"popup\":\"_8acaa98861620d4d__popup\",\"is-small\":\"_7acfa67ebf092988__is-small\",\"is-medium\":\"_1eeeed880cb5769d__is-medium\",\"is-large\":\"_99f900b2267e22d0__is-large\",\"is-stretch\":\"b49f7ff9c06fe387__is-stretch\",\"is-full\":\"dcd4c2f5036cbf1a__is-full\",\"header\":\"_76fb3b28fcbd45fc__header\",\"title\":\"f636832002af749e__title\",\"footer\":\"_00eeb4f220cddae3__footer\"};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AACtC,kBAAiB;AACjB,qBAA2B;;;ACF3B,IAAI,OAAO,aAAa,eAAe,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AACxG,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,+/DAA+/D,CAAC;AAC1iE,WAAS,KAAK,YAAY,KAAK;AAChC;AACA,IAAO,gBAAQ,EAAC,YAAW,+BAA8B,SAAQ,4BAA2B,YAAW,+BAA8B,aAAY,gCAA+B,YAAW,+BAA8B,cAAa,gCAA+B,WAAU,6BAA4B,UAAS,6BAA4B,SAAQ,2BAA0B,UAAS,4BAA2B;;;ADItZ,IAAM,aAAS,2BAA2C,SAAS,aAClE,EAAE,WAAW,QAAQ,GAAG,MAAM,GAC9B,KACC;AACD,QAAM,cAAU,wBAAW;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,WAAO,yBAAqB,OAAO;AAAA,MAClC,eAAW,YAAAA,SAAM,cAAO,QAAQ,SAAU;AAAA,IAC3C,CAAE;AAAA,EACH,CAAE;AAEF,SAAO;AACR,CAAE;",
+  "names": ["clsx"]
+}

package/build/dialog/index.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/dialog/index.ts
+var dialog_exports = {};
+__export(dialog_exports, {
+  Action: () => import_action.Action,
+  CloseIcon: () => import_close_icon.CloseIcon,
+  Footer: () => import_footer.Footer,
+  Header: () => import_header.Header,
+  Popup: () => import_popup.Popup,
+  Root: () => import_root.Root,
+  Title: () => import_title.Title,
+  Trigger: () => import_trigger.Trigger
+});
+module.exports = __toCommonJS(dialog_exports);
+var import_action = require("./action.cjs");
+var import_close_icon = require("./close-icon.cjs");
+var import_footer = require("./footer.cjs");
+var import_header = require("./header.cjs");
+var import_popup = require("./popup.cjs");
+var import_root = require("./root.cjs");
+var import_title = require("./title.cjs");
+var import_trigger = require("./trigger.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Action,
+  CloseIcon,
+  Footer,
+  Header,
+  Popup,
+  Root,
+  Title,
+  Trigger
+});
+//# sourceMappingURL=index.cjs.map

package/build/dialog/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/dialog/index.ts"],
+  "sourcesContent": ["import { Action } from './action';\nimport { CloseIcon } from './close-icon';\nimport { Footer } from './footer';\nimport { Header } from './header';\nimport { Popup } from './popup';\nimport { Root } from './root';\nimport { Title } from './title';\nimport { Trigger } from './trigger';\n\nexport { Action, CloseIcon, Footer, Header, Popup, Root, Title, Trigger };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AACvB,wBAA0B;AAC1B,oBAAuB;AACvB,oBAAuB;AACvB,mBAAsB;AACtB,kBAAqB;AACrB,mBAAsB;AACtB,qBAAwB;",
+  "names": []
+}

package/build/dialog/popup.cjs

@@ -0,0 +1,77 @@
+"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/ui/src/dialog/popup.tsx
+var popup_exports = {};
+__export(popup_exports, {
+  Popup: () => Popup
+});
+module.exports = __toCommonJS(popup_exports);
+var import_dialog = require("@base-ui/react/dialog");
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+var import_theme = require("@wordpress/theme");
+var import_lock_unlock = require("../lock-unlock.cjs");
+var import_context = require("./context.cjs");
+
+// packages/ui/src/dialog/style.module.css
+if (typeof document !== "undefined" && !document.head.querySelector("style[data-wp-hash='b79a3d2115']")) {
+  const style = document.createElement("style");
+  style.setAttribute("data-wp-hash", "b79a3d2115");
+  style.appendChild(document.createTextNode("@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._074affe4c56b4f2f__backdrop{background-color:#00000059;inset:0;position:fixed;&[data-ending-style],&[data-starting-style]{opacity:0}&[data-open]{opacity:1}@media not (prefers-reduced-motion){transition:opacity .2s ease-out}}._8acaa98861620d4d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong);border-radius:var(--wpds-border-radius-lg);box-shadow:var(--wpds-elevation-lg);box-sizing:border-box;color:var(--wpds-color-fg-content-neutral);font-family:var(--wpds-font-family-body);font-size:var(--wpds-font-size-md);left:50%;line-height:var(--wpds-font-line-height-md);max-height:calc(100vh - var(--wpds-dimension-padding-2xl)*2);min-width:320px;overflow:auto;padding:var(--wpds-dimension-padding-2xl);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - var(--wpds-dimension-padding-2xl)*2);&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}@media not (prefers-reduced-motion){transition:opacity .2s cubic-bezier(1,0,.2,1),transform .2s cubic-bezier(1,0,.2,1);&[data-open]{transition:opacity .2s cubic-bezier(.29,0,0,1),transform .2s cubic-bezier(.29,0,0,1)}}@media (min-width:480px){min-width:384px}&._7acfa67ebf092988__is-small{max-width:384px}&._1eeeed880cb5769d__is-medium{max-width:512px}&._99f900b2267e22d0__is-large{max-width:840px}&.b49f7ff9c06fe387__is-stretch{max-width:none}&.dcd4c2f5036cbf1a__is-full{height:100vh}}._76fb3b28fcbd45fc__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--wpds-dimension-gap-lg)}.f636832002af749e__title{color:var(--wpds-color-fg-content-neutral);font-size:var(--wpds-font-size-xl);font-weight:var(--wpds-font-weight-medium);line-height:var(--wpds-font-line-height-xl);margin:0}._00eeb4f220cddae3__footer{align-items:center;display:flex;gap:var(--wpds-dimension-gap-sm);justify-content:flex-end;margin-top:var(--wpds-dimension-gap-lg);padding-top:var(--wpds-dimension-padding-lg)}}"));
+  document.head.appendChild(style);
+}
+var style_default = { "backdrop": "_074affe4c56b4f2f__backdrop", "popup": "_8acaa98861620d4d__popup", "is-small": "_7acfa67ebf092988__is-small", "is-medium": "_1eeeed880cb5769d__is-medium", "is-large": "_99f900b2267e22d0__is-large", "is-stretch": "b49f7ff9c06fe387__is-stretch", "is-full": "dcd4c2f5036cbf1a__is-full", "header": "_76fb3b28fcbd45fc__header", "title": "f636832002af749e__title", "footer": "_00eeb4f220cddae3__footer" };
+
+// packages/ui/src/dialog/popup.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeProvider = (0, import_lock_unlock.unlock)(import_theme.privateApis).ThemeProvider;
+var Popup = (0, import_element.forwardRef)(function DialogPopup({ className, size = "medium", children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Backdrop, { className: style_default.backdrop }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dialog.Dialog.Popup,
+      {
+        ref,
+        className: (0, import_clsx.default)(
+          style_default.popup,
+          className,
+          style_default[`is-${size}`]
+        ),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.DialogValidationProvider, { children })
+      }
+    ) })
+  ] });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Popup
+});
+//# sourceMappingURL=popup.cjs.map

package/build/dialog/popup.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/dialog/popup.tsx", "../../src/dialog/style.module.css"],
+  "sourcesContent": ["import { Dialog as _Dialog } from '@base-ui/react/dialog';\nimport clsx from 'clsx';\nimport { forwardRef } from '@wordpress/element';\nimport {\n\ttype ThemeProvider as ThemeProviderType,\n\tprivateApis as themePrivateApis,\n} from '@wordpress/theme';\nimport { unlock } from '../lock-unlock';\nimport { DialogValidationProvider } from './context';\nimport styles from './style.module.css';\nimport type { PopupProps } from './types';\n\nconst ThemeProvider: typeof ThemeProviderType =\n\tunlock( themePrivateApis ).ThemeProvider;\n\n/**\n * Renders the dialog popup element that contains the dialog content.\n * Uses a portal to render outside the DOM hierarchy.\n */\nconst Popup = forwardRef< HTMLDivElement, PopupProps >( function DialogPopup(\n\t{ className, size = 'medium', children, ...props },\n\tref\n) {\n\treturn (\n\t\t<_Dialog.Portal>\n\t\t\t<_Dialog.Backdrop className={ styles.backdrop } />\n\t\t\t<ThemeProvider>\n\t\t\t\t<_Dialog.Popup\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\tstyles.popup,\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\tstyles[ `is-${ size }` ]\n\t\t\t\t\t) }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t<DialogValidationProvider>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</DialogValidationProvider>\n\t\t\t\t</_Dialog.Popup>\n\t\t\t</ThemeProvider>\n\t\t</_Dialog.Portal>\n\t);\n} );\n\nexport { Popup };\n", "if (typeof document !== 'undefined' && !document.head.querySelector(\"style[data-wp-hash='b79a3d2115']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"b79a3d2115\");\n\tstyle.appendChild(document.createTextNode(\"@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._074affe4c56b4f2f__backdrop{background-color:#00000059;inset:0;position:fixed;&[data-ending-style],&[data-starting-style]{opacity:0}&[data-open]{opacity:1}@media not (prefers-reduced-motion){transition:opacity .2s ease-out}}._8acaa98861620d4d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong);border-radius:var(--wpds-border-radius-lg);box-shadow:var(--wpds-elevation-lg);box-sizing:border-box;color:var(--wpds-color-fg-content-neutral);font-family:var(--wpds-font-family-body);font-size:var(--wpds-font-size-md);left:50%;line-height:var(--wpds-font-line-height-md);max-height:calc(100vh - var(--wpds-dimension-padding-2xl)*2);min-width:320px;overflow:auto;padding:var(--wpds-dimension-padding-2xl);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - var(--wpds-dimension-padding-2xl)*2);&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}@media not (prefers-reduced-motion){transition:opacity .2s cubic-bezier(1,0,.2,1),transform .2s cubic-bezier(1,0,.2,1);&[data-open]{transition:opacity .2s cubic-bezier(.29,0,0,1),transform .2s cubic-bezier(.29,0,0,1)}}@media (min-width:480px){min-width:384px}&._7acfa67ebf092988__is-small{max-width:384px}&._1eeeed880cb5769d__is-medium{max-width:512px}&._99f900b2267e22d0__is-large{max-width:840px}&.b49f7ff9c06fe387__is-stretch{max-width:none}&.dcd4c2f5036cbf1a__is-full{height:100vh}}._76fb3b28fcbd45fc__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--wpds-dimension-gap-lg)}.f636832002af749e__title{color:var(--wpds-color-fg-content-neutral);font-size:var(--wpds-font-size-xl);font-weight:var(--wpds-font-weight-medium);line-height:var(--wpds-font-line-height-xl);margin:0}._00eeb4f220cddae3__footer{align-items:center;display:flex;gap:var(--wpds-dimension-gap-sm);justify-content:flex-end;margin-top:var(--wpds-dimension-gap-lg);padding-top:var(--wpds-dimension-padding-lg)}}\"));\n\tdocument.head.appendChild(style);\n}\nexport default {\"backdrop\":\"_074affe4c56b4f2f__backdrop\",\"popup\":\"_8acaa98861620d4d__popup\",\"is-small\":\"_7acfa67ebf092988__is-small\",\"is-medium\":\"_1eeeed880cb5769d__is-medium\",\"is-large\":\"_99f900b2267e22d0__is-large\",\"is-stretch\":\"b49f7ff9c06fe387__is-stretch\",\"is-full\":\"dcd4c2f5036cbf1a__is-full\",\"header\":\"_76fb3b28fcbd45fc__header\",\"title\":\"f636832002af749e__title\",\"footer\":\"_00eeb4f220cddae3__footer\"};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAkC;AAClC,kBAAiB;AACjB,qBAA2B;AAC3B,mBAGO;AACP,yBAAuB;AACvB,qBAAyC;;;ACRzC,IAAI,OAAO,aAAa,eAAe,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AACxG,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,+/DAA+/D,CAAC;AAC1iE,WAAS,KAAK,YAAY,KAAK;AAChC;AACA,IAAO,gBAAQ,EAAC,YAAW,+BAA8B,SAAQ,4BAA2B,YAAW,+BAA8B,aAAY,gCAA+B,YAAW,+BAA8B,cAAa,gCAA+B,WAAU,6BAA4B,UAAS,6BAA4B,SAAQ,2BAA0B,UAAS,4BAA2B;;;ADkBpZ;AAZF,IAAM,oBACL,2BAAQ,aAAAA,WAAiB,EAAE;AAM5B,IAAM,YAAQ,2BAA0C,SAAS,YAChE,EAAE,WAAW,OAAO,UAAU,UAAU,GAAG,MAAM,GACjD,KACC;AACD,SACC,6CAAC,cAAAC,OAAQ,QAAR,EACA;AAAA,gDAAC,cAAAA,OAAQ,UAAR,EAAiB,WAAY,cAAO,UAAW;AAAA,IAChD,4CAAC,iBACA;AAAA,MAAC,cAAAA,OAAQ;AAAA,MAAR;AAAA,QACA;AAAA,QACA,eAAY,YAAAC;AAAA,UACX,cAAO;AAAA,UACP;AAAA,UACA,cAAQ,MAAO,IAAK,EAAG;AAAA,QACxB;AAAA,QACE,GAAG;AAAA,QAEL,sDAAC,2CACE,UACH;AAAA;AAAA,IACD,GACD;AAAA,KACD;AAEF,CAAE;",
+  "names": ["themePrivateApis", "_Dialog", "clsx"]
+}

package/build/dialog/root.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/dialog/root.tsx
+var root_exports = {};
+__export(root_exports, {
+  Root: () => Root
+});
+module.exports = __toCommonJS(root_exports);
+var import_dialog = require("@base-ui/react/dialog");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Root(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Root
+});
+//# sourceMappingURL=root.cjs.map

package/build/dialog/root.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/dialog/root.tsx"],
+  "sourcesContent": ["import { Dialog as _Dialog } from '@base-ui/react/dialog';\nimport type { RootProps } from './types';\n\n/**\n * Groups the dialog trigger and popup.\n *\n * `Dialog` is a collection of React components that combine to render\n * an ARIA-compliant dialog pattern.\n */\nfunction Root( props: RootProps ) {\n\treturn <_Dialog.Root { ...props } />;\n}\n\nexport { Root };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAkC;AAU1B;AADR,SAAS,KAAM,OAAmB;AACjC,SAAO,4CAAC,cAAAA,OAAQ,MAAR,EAAe,GAAG,OAAQ;AACnC;",
+  "names": ["_Dialog"]
+}

package/build/dialog/title.cjs

@@ -0,0 +1,76 @@
+"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/ui/src/dialog/title.tsx
+var title_exports = {};
+__export(title_exports, {
+  Title: () => Title
+});
+module.exports = __toCommonJS(title_exports);
+var import_dialog = require("@base-ui/react/dialog");
+var import_clsx = __toESM(require("clsx"));
+var import_compose = require("@wordpress/compose");
+var import_element = require("@wordpress/element");
+var import_context = require("./context.cjs");
+
+// packages/ui/src/dialog/style.module.css
+if (typeof document !== "undefined" && !document.head.querySelector("style[data-wp-hash='b79a3d2115']")) {
+  const style = document.createElement("style");
+  style.setAttribute("data-wp-hash", "b79a3d2115");
+  style.appendChild(document.createTextNode("@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._074affe4c56b4f2f__backdrop{background-color:#00000059;inset:0;position:fixed;&[data-ending-style],&[data-starting-style]{opacity:0}&[data-open]{opacity:1}@media not (prefers-reduced-motion){transition:opacity .2s ease-out}}._8acaa98861620d4d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong);border-radius:var(--wpds-border-radius-lg);box-shadow:var(--wpds-elevation-lg);box-sizing:border-box;color:var(--wpds-color-fg-content-neutral);font-family:var(--wpds-font-family-body);font-size:var(--wpds-font-size-md);left:50%;line-height:var(--wpds-font-line-height-md);max-height:calc(100vh - var(--wpds-dimension-padding-2xl)*2);min-width:320px;overflow:auto;padding:var(--wpds-dimension-padding-2xl);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - var(--wpds-dimension-padding-2xl)*2);&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}@media not (prefers-reduced-motion){transition:opacity .2s cubic-bezier(1,0,.2,1),transform .2s cubic-bezier(1,0,.2,1);&[data-open]{transition:opacity .2s cubic-bezier(.29,0,0,1),transform .2s cubic-bezier(.29,0,0,1)}}@media (min-width:480px){min-width:384px}&._7acfa67ebf092988__is-small{max-width:384px}&._1eeeed880cb5769d__is-medium{max-width:512px}&._99f900b2267e22d0__is-large{max-width:840px}&.b49f7ff9c06fe387__is-stretch{max-width:none}&.dcd4c2f5036cbf1a__is-full{height:100vh}}._76fb3b28fcbd45fc__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--wpds-dimension-gap-lg)}.f636832002af749e__title{color:var(--wpds-color-fg-content-neutral);font-size:var(--wpds-font-size-xl);font-weight:var(--wpds-font-weight-medium);line-height:var(--wpds-font-line-height-xl);margin:0}._00eeb4f220cddae3__footer{align-items:center;display:flex;gap:var(--wpds-dimension-gap-sm);justify-content:flex-end;margin-top:var(--wpds-dimension-gap-lg);padding-top:var(--wpds-dimension-padding-lg)}}"));
+  document.head.appendChild(style);
+}
+var style_default = { "backdrop": "_074affe4c56b4f2f__backdrop", "popup": "_8acaa98861620d4d__popup", "is-small": "_7acfa67ebf092988__is-small", "is-medium": "_1eeeed880cb5769d__is-medium", "is-large": "_99f900b2267e22d0__is-large", "is-stretch": "b49f7ff9c06fe387__is-stretch", "is-full": "dcd4c2f5036cbf1a__is-full", "header": "_76fb3b28fcbd45fc__header", "title": "f636832002af749e__title", "footer": "_00eeb4f220cddae3__footer" };
+
+// packages/ui/src/dialog/title.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Title = (0, import_element.forwardRef)(
+  function DialogTitle({ className, render, ...props }, forwardedRef) {
+    const validationContext = (0, import_context.useDialogValidationContext)();
+    const internalRef = (0, import_element.useRef)(null);
+    const mergedRef = (0, import_compose.useMergeRefs)([internalRef, forwardedRef]);
+    (0, import_element.useLayoutEffect)(() => {
+      validationContext?.registerTitle(internalRef.current);
+    }, [validationContext]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dialog.Dialog.Title,
+      {
+        ref: mergedRef,
+        className: (0, import_clsx.default)(style_default.title, className),
+        render,
+        ...props
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Title
+});
+//# sourceMappingURL=title.cjs.map

package/build/dialog/title.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/dialog/title.tsx", "../../src/dialog/style.module.css"],
+  "sourcesContent": ["import { Dialog as _Dialog } from '@base-ui/react/dialog';\nimport clsx from 'clsx';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { forwardRef, useLayoutEffect, useRef } from '@wordpress/element';\nimport { useDialogValidationContext } from './context';\nimport styles from './style.module.css';\nimport type { TitleProps } from './types';\n\n/**\n * Renders the dialog title. This component is required for accessibility\n * and serves as both the visible heading and the accessible label for\n * the dialog.\n *\n * Base UI's Dialog.Title renders an `<h2>` by default. Use the `render` prop\n * to customize the element if needed.\n */\nconst Title = forwardRef< HTMLHeadingElement, TitleProps >(\n\tfunction DialogTitle( { className, render, ...props }, forwardedRef ) {\n\t\tconst validationContext = useDialogValidationContext();\n\t\tconst internalRef = useRef< HTMLHeadingElement >( null );\n\t\tconst mergedRef = useMergeRefs( [ internalRef, forwardedRef ] );\n\n\t\t// Register this title with the parent Popup for validation (dev only)\n\t\tuseLayoutEffect( () => {\n\t\t\tvalidationContext?.registerTitle( internalRef.current );\n\t\t}, [ validationContext ] );\n\n\t\treturn (\n\t\t\t<_Dialog.Title\n\t\t\t\tref={ mergedRef }\n\t\t\t\tclassName={ clsx( styles.title, className ) }\n\t\t\t\trender={ render }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport { Title };\n", "if (typeof document !== 'undefined' && !document.head.querySelector(\"style[data-wp-hash='b79a3d2115']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"b79a3d2115\");\n\tstyle.appendChild(document.createTextNode(\"@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._074affe4c56b4f2f__backdrop{background-color:#00000059;inset:0;position:fixed;&[data-ending-style],&[data-starting-style]{opacity:0}&[data-open]{opacity:1}@media not (prefers-reduced-motion){transition:opacity .2s ease-out}}._8acaa98861620d4d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong);border-radius:var(--wpds-border-radius-lg);box-shadow:var(--wpds-elevation-lg);box-sizing:border-box;color:var(--wpds-color-fg-content-neutral);font-family:var(--wpds-font-family-body);font-size:var(--wpds-font-size-md);left:50%;line-height:var(--wpds-font-line-height-md);max-height:calc(100vh - var(--wpds-dimension-padding-2xl)*2);min-width:320px;overflow:auto;padding:var(--wpds-dimension-padding-2xl);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - var(--wpds-dimension-padding-2xl)*2);&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}@media not (prefers-reduced-motion){transition:opacity .2s cubic-bezier(1,0,.2,1),transform .2s cubic-bezier(1,0,.2,1);&[data-open]{transition:opacity .2s cubic-bezier(.29,0,0,1),transform .2s cubic-bezier(.29,0,0,1)}}@media (min-width:480px){min-width:384px}&._7acfa67ebf092988__is-small{max-width:384px}&._1eeeed880cb5769d__is-medium{max-width:512px}&._99f900b2267e22d0__is-large{max-width:840px}&.b49f7ff9c06fe387__is-stretch{max-width:none}&.dcd4c2f5036cbf1a__is-full{height:100vh}}._76fb3b28fcbd45fc__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--wpds-dimension-gap-lg)}.f636832002af749e__title{color:var(--wpds-color-fg-content-neutral);font-size:var(--wpds-font-size-xl);font-weight:var(--wpds-font-weight-medium);line-height:var(--wpds-font-line-height-xl);margin:0}._00eeb4f220cddae3__footer{align-items:center;display:flex;gap:var(--wpds-dimension-gap-sm);justify-content:flex-end;margin-top:var(--wpds-dimension-gap-lg);padding-top:var(--wpds-dimension-padding-lg)}}\"));\n\tdocument.head.appendChild(style);\n}\nexport default {\"backdrop\":\"_074affe4c56b4f2f__backdrop\",\"popup\":\"_8acaa98861620d4d__popup\",\"is-small\":\"_7acfa67ebf092988__is-small\",\"is-medium\":\"_1eeeed880cb5769d__is-medium\",\"is-large\":\"_99f900b2267e22d0__is-large\",\"is-stretch\":\"b49f7ff9c06fe387__is-stretch\",\"is-full\":\"dcd4c2f5036cbf1a__is-full\",\"header\":\"_76fb3b28fcbd45fc__header\",\"title\":\"f636832002af749e__title\",\"footer\":\"_00eeb4f220cddae3__footer\"};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAkC;AAClC,kBAAiB;AACjB,qBAA6B;AAC7B,qBAAoD;AACpD,qBAA2C;;;ACJ3C,IAAI,OAAO,aAAa,eAAe,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AACxG,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,+/DAA+/D,CAAC;AAC1iE,WAAS,KAAK,YAAY,KAAK;AAChC;AACA,IAAO,gBAAQ,EAAC,YAAW,+BAA8B,SAAQ,4BAA2B,YAAW,+BAA8B,aAAY,gCAA+B,YAAW,+BAA8B,cAAa,gCAA+B,WAAU,6BAA4B,UAAS,6BAA4B,SAAQ,2BAA0B,UAAS,4BAA2B;;;ADsBnZ;AAZH,IAAM,YAAQ;AAAA,EACb,SAAS,YAAa,EAAE,WAAW,QAAQ,GAAG,MAAM,GAAG,cAAe;AACrE,UAAM,wBAAoB,2CAA2B;AACrD,UAAM,kBAAc,uBAA8B,IAAK;AACvD,UAAM,gBAAY,6BAAc,CAAE,aAAa,YAAa,CAAE;AAG9D,wCAAiB,MAAM;AACtB,yBAAmB,cAAe,YAAY,OAAQ;AAAA,IACvD,GAAG,CAAE,iBAAkB,CAAE;AAEzB,WACC;AAAA,MAAC,cAAAA,OAAQ;AAAA,MAAR;AAAA,QACA,KAAM;AAAA,QACN,eAAY,YAAAC,SAAM,cAAO,OAAO,SAAU;AAAA,QAC1C;AAAA,QACE,GAAG;AAAA;AAAA,IACN;AAAA,EAEF;AACD;",
+  "names": ["_Dialog", "clsx"]
+}

package/build/dialog/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/dialog/trigger.tsx
+var trigger_exports = {};
+__export(trigger_exports, {
+  Trigger: () => Trigger
+});
+module.exports = __toCommonJS(trigger_exports);
+var import_dialog = require("@base-ui/react/dialog");
+var import_element = require("@wordpress/element");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Trigger = (0, import_element.forwardRef)(
+  function DialogTrigger(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Trigger, { ref, ...props });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Trigger
+});
+//# sourceMappingURL=trigger.cjs.map

package/build/dialog/trigger.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/dialog/trigger.tsx"],
+  "sourcesContent": ["import { Dialog as _Dialog } from '@base-ui/react/dialog';\nimport { forwardRef } from '@wordpress/element';\nimport type { TriggerProps } from './types';\n\n/**\n * Renders a button that opens the dialog popup when clicked.\n */\nconst Trigger = forwardRef< HTMLButtonElement, TriggerProps >(\n\tfunction DialogTrigger( props, ref ) {\n\t\treturn <_Dialog.Trigger ref={ ref } { ...props } />;\n\t}\n);\n\nexport { Trigger };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAkC;AAClC,qBAA2B;AAQlB;AAFT,IAAM,cAAU;AAAA,EACf,SAAS,cAAe,OAAO,KAAM;AACpC,WAAO,4CAAC,cAAAA,OAAQ,SAAR,EAAgB,KAAc,GAAG,OAAQ;AAAA,EAClD;AACD;",
+  "names": ["_Dialog"]
+}

package/build/dialog/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/dialog/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.cjs.map

package/build/dialog/types.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/dialog/types.ts"],
+  "sourcesContent": ["import type { Dialog as _Dialog } from '@base-ui/react/dialog';\nimport type { ReactNode } from 'react';\nimport type { Button } from '../button';\nimport type { IconButton } from '../icon-button';\nimport type { ComponentProps } from '../utils/types';\n\nexport interface RootProps\n\textends Pick<\n\t\t_Dialog.Root.Props,\n\t\t'open' | 'onOpenChange' | 'defaultOpen' | 'modal'\n\t> {\n\t/**\n\t * The content to be rendered inside the component.\n\t */\n\tchildren?: ReactNode;\n}\n\nexport interface TriggerProps extends ComponentProps< 'button' > {\n\t/**\n\t * The content to be rendered inside the component.\n\t */\n\tchildren?: ReactNode;\n}\n\nexport interface PopupProps extends ComponentProps< 'div' > {\n\t/**\n\t * The content to be rendered inside the component.\n\t */\n\tchildren?: ReactNode;\n\n\t/**\n\t * Renders the dialog at a preset width (excluding additional padding from\n\t * the viewport edges).\n\t *\n\t * - `'small'` \u2014 max-width of 384px.\n\t * - `'medium'` \u2014 max-width of 512px.\n\t * - `'large'` \u2014 max-width of 840px.\n\t * - `'stretch'` \u2014 no max-width, stretches to fill available space.\n\t * - `'full'` \u2014 stretches to fill available width and height.\n\t *\n\t * @default 'medium'\n\t */\n\tsize?: 'small' | 'medium' | 'large' | 'stretch' | 'full';\n}\n\nexport interface ActionProps extends ComponentProps< typeof Button > {\n\t/**\n\t * The content to be rendered inside the component.\n\t */\n\tchildren?: ReactNode;\n}\n\nexport interface FooterProps extends ComponentProps< 'div' > {\n\t/**\n\t * The content to be rendered inside the component.\n\t */\n\tchildren?: ReactNode;\n}\n\nexport interface HeaderProps extends ComponentProps< 'div' > {\n\t/**\n\t * The content to be rendered inside the component.\n\t */\n\tchildren?: ReactNode;\n}\n\nexport interface TitleProps extends ComponentProps< 'h2' > {\n\t/**\n\t * The title content to be rendered. This serves as both the visible\n\t * heading and the accessible label for the dialog.\n\t */\n\tchildren: ReactNode;\n}\n\nexport interface CloseIconProps\n\textends Omit<\n\t\tComponentProps< typeof IconButton >,\n\t\t'label' | 'icon' | 'loading' | 'loadingAnnouncement'\n\t> {\n\t/**\n\t * A label describing the button's action, shown as a tooltip and to\n\t * assistive technology.\n\t *\n\t * @default __( 'Close' )\n\t */\n\tlabel?: ComponentProps< typeof IconButton >[ 'label' ];\n\t/**\n\t * The icon to display in the button.\n\t *\n\t * @default the `close` icon from `@wordpress/icons`\n\t */\n\ticon?: ComponentProps< typeof IconButton >[ 'icon' ];\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/build/form/primitives/field/root.cjs

@@ -49,7 +49,7 @@ var resets_default = { "box-sizing": "_336cd3e4e743482f__box-sizing" };
 // packages/ui/src/form/primitives/field/root.tsx
 var import_stack = require("../../../stack/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-var DEFAULT_RENDER = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack.Stack, { ...props, direction: "column", gap: "xs" });
+var DEFAULT_RENDER = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack.Stack, { ...props, direction: "column", gap: "sm" });
 var Root = (0, import_element.forwardRef)(function Root2({ className, render = DEFAULT_RENDER, ...restProps }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_field.Field.Root,

package/build/form/primitives/field/root.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/primitives/field/root.tsx", "../../../../src/utils/css/resets.module.css"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { Field as _Field } from '@base-ui/react/field';\nimport { forwardRef } from '@wordpress/element';\nimport resetStyles from '../../../utils/css/resets.module.css';\nimport type { FieldRootProps } from './types';\nimport { Stack } from '../../../stack';\n\nconst DEFAULT_RENDER = ( props: React.ComponentProps< typeof Stack > ) => (\n\t<Stack { ...props } direction=\"column\" gap=\"xs\" />\n);\n\n/**\n * A low-level component that associates an accessible label and description\n * with a single form control element.\n *\n * To label a group of multiple form control elements, use the `Fieldset` component instead.\n *\n * Simply wrapping a control with this component does not guarantee\n * accessible labeling. See examples for how to associate the label in different cases.\n */\nexport const Root = forwardRef< HTMLDivElement, FieldRootProps >( function Root(\n\t{ className, render = DEFAULT_RENDER, ...restProps },\n\tref\n) {\n\treturn (\n\t\t<_Field.Root\n\t\t\tref={ ref }\n\t\t\tclassName={ clsx( resetStyles[ 'box-sizing' ], className ) }\n\t\t\trender={ render }\n\t\t\t{ ...restProps }\n\t\t/>\n\t);\n} );\n", "if (typeof document !== 'undefined' && !document.head.querySelector(\"style[data-wp-hash='671ebfc62d']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"671ebfc62d\");\n\tstyle.appendChild(document.createTextNode(\"@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-utilities{._336cd3e4e743482f__box-sizing{box-sizing:border-box;*,:after,:before{box-sizing:inherit}}}\"));\n\tdocument.head.appendChild(style);\n}\nexport default {\"box-sizing\":\"_336cd3e4e743482f__box-sizing\"};\n"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { Field as _Field } from '@base-ui/react/field';\nimport { forwardRef } from '@wordpress/element';\nimport resetStyles from '../../../utils/css/resets.module.css';\nimport type { FieldRootProps } from './types';\nimport { Stack } from '../../../stack';\n\nconst DEFAULT_RENDER = ( props: React.ComponentProps< typeof Stack > ) => (\n\t<Stack { ...props } direction=\"column\" gap=\"sm\" />\n);\n\n/**\n * A low-level component that associates an accessible label and description\n * with a single form control element.\n *\n * To label a group of multiple form control elements, use the `Fieldset` component instead.\n *\n * Simply wrapping a control with this component does not guarantee\n * accessible labeling. See examples for how to associate the label in different cases.\n */\nexport const Root = forwardRef< HTMLDivElement, FieldRootProps >( function Root(\n\t{ className, render = DEFAULT_RENDER, ...restProps },\n\tref\n) {\n\treturn (\n\t\t<_Field.Root\n\t\t\tref={ ref }\n\t\t\tclassName={ clsx( resetStyles[ 'box-sizing' ], className ) }\n\t\t\trender={ render }\n\t\t\t{ ...restProps }\n\t\t/>\n\t);\n} );\n", "if (typeof document !== 'undefined' && !document.head.querySelector(\"style[data-wp-hash='671ebfc62d']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"671ebfc62d\");\n\tstyle.appendChild(document.createTextNode(\"@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-utilities{._336cd3e4e743482f__box-sizing{box-sizing:border-box;*,:after,:before{box-sizing:inherit}}}\"));\n\tdocument.head.appendChild(style);\n}\nexport default {\"box-sizing\":\"_336cd3e4e743482f__box-sizing\"};\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,mBAAgC;AAChC,qBAA2B;;;ACF3B,IAAI,OAAO,aAAa,eAAe,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AACxG,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,kMAAkM,CAAC;AAC7O,WAAS,KAAK,YAAY,KAAK;AAChC;AACA,IAAO,iBAAQ,EAAC,cAAa,gCAA+B;;;ADD5D,mBAAsB;AAGrB;AADD,IAAM,iBAAiB,CAAE,UACxB,4CAAC,sBAAQ,GAAG,OAAQ,WAAU,UAAS,KAAI,MAAK;AAY1C,IAAM,WAAO,2BAA8C,SAASA,MAC1E,EAAE,WAAW,SAAS,gBAAgB,GAAG,UAAU,GACnD,KACC;AACD,SACC;AAAA,IAAC,aAAAC,MAAO;AAAA,IAAP;AAAA,MACA;AAAA,MACA,eAAY,YAAAC,SAAM,eAAa,YAAa,GAAG,SAAU;AAAA,MACzD;AAAA,MACE,GAAG;AAAA;AAAA,EACN;AAEF,CAAE;",
   "names": ["Root", "_Field", "clsx"]
 }

package/build/form/primitives/fieldset/root.cjs

@@ -38,10 +38,10 @@ var import_fieldset = require("@base-ui/react/fieldset");
 var import_element = require("@wordpress/element");
 
 // packages/ui/src/form/primitives/fieldset/style.module.css
-if (typeof document !== "undefined" && !document.head.querySelector("style[data-wp-hash='645ae380ba']")) {
+if (typeof document !== "undefined" && !document.head.querySelector("style[data-wp-hash='04ece4d23e']")) {
   const style = document.createElement("style");
-  style.setAttribute("data-wp-hash", "645ae380ba");
-  style.appendChild(document.createTextNode("@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{.a946d12d3d763c87__root{border:0;display:flex;flex-direction:column;gap:var(--wpds-dimension-gap-2xs);margin:0;padding:0}}"));
+  style.setAttribute("data-wp-hash", "04ece4d23e");
+  style.appendChild(document.createTextNode("@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{.a946d12d3d763c87__root{border:0;display:flex;flex-direction:column;gap:var(--wpds-dimension-gap-xs);margin:0;padding:0}}"));
   document.head.appendChild(style);
 }
 var style_default = { "root": "a946d12d3d763c87__root" };