@wordpress/ui 0.4.0 → 0.5.0

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

@@ -0,0 +1,92 @@
+"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/form/primitives/field/description.tsx
+var description_exports = {};
+__export(description_exports, {
+  Description: () => Description
+});
+module.exports = __toCommonJS(description_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_field = require("@base-ui/react/field");
+var import_element = require("@wordpress/element");
+
+// packages/ui/src/utils/css/field.module.css
+var css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;
+
+@layer wp-ui-utilities {
+	.field-module__label__LVrYU {
+		--wp-ui-field-label-line-height: var(--wpds-font-line-height-xs);
+
+		font-family: var(--wpds-font-family-body);
+		font-size: var(--wpds-font-size-xs);
+		line-height: var(--wp-ui-field-label-line-height);
+		font-weight: var(--wpds-font-weight-medium);
+		text-transform: uppercase;
+		color: var(--wpds-color-fg-content-neutral);
+
+		&.field-module__is-plain__F8QhR {
+			font-size: var(--wpds-font-size-md);
+			text-transform: none;
+		}
+	}
+
+	.field-module__description__CKN1B {
+		margin: 0;
+		font-family: var(--wpds-font-family-body);
+		font-size: var(--wpds-font-size-sm);
+		line-height: var(--wpds-font-line-height-xs);
+		color: var(--wpds-color-fg-content-neutral-weak);
+	}
+}
+`;
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
+var field_default = {
+  "label": "field-module__label__LVrYU",
+  "is-plain": "field-module__is-plain__F8QhR",
+  "description": "field-module__description__CKN1B"
+};
+
+// packages/ui/src/form/primitives/field/description.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Description = (0, import_element.forwardRef)(function Description2({ className, ...restProps }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_field.Field.Description,
+    {
+      ref,
+      className: (0, import_clsx.default)(field_default.description, className),
+      ...restProps
+    }
+  );
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Description
+});
+//# sourceMappingURL=description.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/primitives/field/description.tsx", "../../../../src/utils/css/field.module.css"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { Field as _Field } from '@base-ui/react/field';\nimport { forwardRef } from '@wordpress/element';\nimport fieldStyles from '../../../utils/css/field.module.css';\nimport type { FieldDescriptionProps } from './types';\n\nexport const Description = forwardRef<\n\tHTMLParagraphElement,\n\tFieldDescriptionProps\n>( function Description( { className, ...restProps }, ref ) {\n\treturn (\n\t\t<_Field.Description\n\t\t\tref={ ref }\n\t\t\tclassName={ clsx( fieldStyles.description, className ) }\n\t\t\t{ ...restProps }\n\t\t/>\n\t);\n} );\n", "const css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;\n\n@layer wp-ui-utilities {\n\t.field-module__label__LVrYU {\n\t\t--wp-ui-field-label-line-height: var(--wpds-font-line-height-xs);\n\n\t\tfont-family: var(--wpds-font-family-body);\n\t\tfont-size: var(--wpds-font-size-xs);\n\t\tline-height: var(--wp-ui-field-label-line-height);\n\t\tfont-weight: var(--wpds-font-weight-medium);\n\t\ttext-transform: uppercase;\n\t\tcolor: var(--wpds-color-fg-content-neutral);\n\n\t\t&.field-module__is-plain__F8QhR {\n\t\t\tfont-size: var(--wpds-font-size-md);\n\t\t\ttext-transform: none;\n\t\t}\n\t}\n\n\t.field-module__description__CKN1B {\n\t\tmargin: 0;\n\t\tfont-family: var(--wpds-font-family-body);\n\t\tfont-size: var(--wpds-font-size-sm);\n\t\tline-height: var(--wpds-font-line-height-xs);\n\t\tcolor: var(--wpds-color-fg-content-neutral-weak);\n\t}\n}\n`;\ndocument.head\n    .appendChild(document.createElement(\"style\"))\n    .appendChild(document.createTextNode(css));\nexport {css};\nexport default {\n  \"label\": \"field-module__label__LVrYU\",\n  \"is-plain\": \"field-module__is-plain__F8QhR\",\n  \"description\": \"field-module__description__CKN1B\"\n};"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,mBAAgC;AAChC,qBAA2B;;;ACF3B,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BZ,SAAS,KACJ,YAAY,SAAS,cAAc,OAAO,CAAC,EAC3C,YAAY,SAAS,eAAe,GAAG,CAAC;AAE7C,IAAO,gBAAQ;AAAA,EACb,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AACjB;;;ADzBE;AALK,IAAM,kBAAc,2BAGxB,SAASA,aAAa,EAAE,WAAW,GAAG,UAAU,GAAG,KAAM;AAC3D,SACC;AAAA,IAAC,aAAAC,MAAO;AAAA,IAAP;AAAA,MACA;AAAA,MACA,eAAY,YAAAC,SAAM,cAAY,aAAa,SAAU;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEF,CAAE;",
+  "names": ["Description", "_Field", "clsx"]
+}

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

@@ -0,0 +1,99 @@
+"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/form/primitives/field/details.tsx
+var details_exports = {};
+__export(details_exports, {
+  Details: () => Details
+});
+module.exports = __toCommonJS(details_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_field = require("@base-ui/react/field");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+
+// packages/ui/src/utils/css/field.module.css
+var css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;
+
+@layer wp-ui-utilities {
+	.field-module__label__LVrYU {
+		--wp-ui-field-label-line-height: var(--wpds-font-line-height-xs);
+
+		font-family: var(--wpds-font-family-body);
+		font-size: var(--wpds-font-size-xs);
+		line-height: var(--wp-ui-field-label-line-height);
+		font-weight: var(--wpds-font-weight-medium);
+		text-transform: uppercase;
+		color: var(--wpds-color-fg-content-neutral);
+
+		&.field-module__is-plain__F8QhR {
+			font-size: var(--wpds-font-size-md);
+			text-transform: none;
+		}
+	}
+
+	.field-module__description__CKN1B {
+		margin: 0;
+		font-family: var(--wpds-font-family-body);
+		font-size: var(--wpds-font-size-sm);
+		line-height: var(--wpds-font-line-height-xs);
+		color: var(--wpds-color-fg-content-neutral-weak);
+	}
+}
+`;
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
+var field_default = {
+  "label": "field-module__label__LVrYU",
+  "is-plain": "field-module__is-plain__F8QhR",
+  "description": "field-module__description__CKN1B"
+};
+
+// packages/ui/src/form/primitives/field/details.tsx
+var import_visually_hidden = require("../../../visually-hidden/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Details = (0, import_element.forwardRef)(
+  function Details2({ className, ...restProps }, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.Field.Description, { render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {}), children: (0, import_i18n.__)("More details follow the field.") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ref,
+          className: (0, import_clsx.default)(field_default.description, className),
+          ...restProps
+        }
+      )
+    ] });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Details
+});
+//# sourceMappingURL=details.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/primitives/field/details.tsx", "../../../../src/utils/css/field.module.css"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { Field as _Field } from '@base-ui/react/field';\nimport { forwardRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport fieldStyles from '../../../utils/css/field.module.css';\nimport type { FieldDetailsProps } from './types';\nimport { VisuallyHidden } from '../../../visually-hidden';\n\n/**\n * A component for showing additional information about the field,\n * styled similarly to a normal `Field.Description`.\n * Unlike a normal description, it can include links and other semantic elements.\n *\n * Although this content is not associated with the field using direct semantics,\n * it is made discoverable to screen reader users via a visually hidden description,\n * alerting them to the presence of additional information below.\n *\n * If the content only includes plain text, use `Field.Description` instead,\n * so the readout is not unnecessarily verbose for screen reader users.\n */\nexport const Details = forwardRef< HTMLDivElement, FieldDetailsProps >(\n\tfunction Details( { className, ...restProps }, ref ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<_Field.Description render={ <VisuallyHidden /> }>\n\t\t\t\t\t{ __( 'More details follow the field.' ) }\n\t\t\t\t</_Field.Description>\n\t\t\t\t<div\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx( fieldStyles.description, className ) }\n\t\t\t\t\t{ ...restProps }\n\t\t\t\t></div>\n\t\t\t</>\n\t\t);\n\t}\n);\n", "const css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;\n\n@layer wp-ui-utilities {\n\t.field-module__label__LVrYU {\n\t\t--wp-ui-field-label-line-height: var(--wpds-font-line-height-xs);\n\n\t\tfont-family: var(--wpds-font-family-body);\n\t\tfont-size: var(--wpds-font-size-xs);\n\t\tline-height: var(--wp-ui-field-label-line-height);\n\t\tfont-weight: var(--wpds-font-weight-medium);\n\t\ttext-transform: uppercase;\n\t\tcolor: var(--wpds-color-fg-content-neutral);\n\n\t\t&.field-module__is-plain__F8QhR {\n\t\t\tfont-size: var(--wpds-font-size-md);\n\t\t\ttext-transform: none;\n\t\t}\n\t}\n\n\t.field-module__description__CKN1B {\n\t\tmargin: 0;\n\t\tfont-family: var(--wpds-font-family-body);\n\t\tfont-size: var(--wpds-font-size-sm);\n\t\tline-height: var(--wpds-font-line-height-xs);\n\t\tcolor: var(--wpds-color-fg-content-neutral-weak);\n\t}\n}\n`;\ndocument.head\n    .appendChild(document.createElement(\"style\"))\n    .appendChild(document.createTextNode(css));\nexport {css};\nexport default {\n  \"label\": \"field-module__label__LVrYU\",\n  \"is-plain\": \"field-module__is-plain__F8QhR\",\n  \"description\": \"field-module__description__CKN1B\"\n};"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,mBAAgC;AAChC,qBAA2B;AAC3B,kBAAmB;;;ACHnB,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BZ,SAAS,KACJ,YAAY,SAAS,cAAc,OAAO,CAAC,EAC3C,YAAY,SAAS,eAAe,GAAG,CAAC;AAE7C,IAAO,gBAAQ;AAAA,EACb,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AACjB;;;AD9BA,6BAA+B;AAiB5B;AAHI,IAAM,cAAU;AAAA,EACtB,SAASA,SAAS,EAAE,WAAW,GAAG,UAAU,GAAG,KAAM;AACpD,WACC,4EACC;AAAA,kDAAC,aAAAC,MAAO,aAAP,EAAmB,QAAS,4CAAC,yCAAe,GAC1C,8BAAI,gCAAiC,GACxC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,eAAY,YAAAC,SAAM,cAAY,aAAa,SAAU;AAAA,UACnD,GAAG;AAAA;AAAA,MACL;AAAA,OACF;AAAA,EAEF;AACD;",
+  "names": ["Details", "_Field", "clsx"]
+}

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

@@ -0,0 +1,46 @@
+"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/form/primitives/field/index.ts
+var field_exports = {};
+__export(field_exports, {
+  Control: () => import_control.Control,
+  Description: () => import_description.Description,
+  Details: () => import_details.Details,
+  Item: () => import_item.Item,
+  Label: () => import_label.Label,
+  Root: () => import_root.Root
+});
+module.exports = __toCommonJS(field_exports);
+var import_root = require("./root.cjs");
+var import_item = require("./item.cjs");
+var import_label = require("./label.cjs");
+var import_description = require("./description.cjs");
+var import_details = require("./details.cjs");
+var import_control = require("./control.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Control,
+  Description,
+  Details,
+  Item,
+  Label,
+  Root
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/primitives/field/index.ts"],
+  "sourcesContent": ["import { Root } from './root';\nimport { Item } from './item';\nimport { Label } from './label';\nimport { Description } from './description';\nimport { Details } from './details';\nimport { Control } from './control';\n\nexport { Root, Item, Label, Description, Details, Control };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqB;AACrB,kBAAqB;AACrB,mBAAsB;AACtB,yBAA4B;AAC5B,qBAAwB;AACxB,qBAAwB;",
+  "names": []
+}

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

@@ -0,0 +1,36 @@
+"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/form/primitives/field/item.tsx
+var item_exports = {};
+__export(item_exports, {
+  Item: () => Item
+});
+module.exports = __toCommonJS(item_exports);
+var import_field = require("@base-ui/react/field");
+var import_element = require("@wordpress/element");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Item = (0, import_element.forwardRef)(function Item2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.Field.Item, { ref, ...props });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Item
+});
+//# sourceMappingURL=item.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/primitives/field/item.tsx"],
+  "sourcesContent": ["import { Field as _Field } from '@base-ui/react/field';\nimport { forwardRef } from '@wordpress/element';\nimport type { FieldItemProps } from './types';\n\nexport const Item: React.ForwardRefExoticComponent<\n\tFieldItemProps & React.RefAttributes< HTMLDivElement >\n> = forwardRef( function Item( props, ref ) {\n\treturn <_Field.Item ref={ ref } { ...props } />;\n} );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,qBAA2B;AAMnB;AAHD,IAAM,WAET,2BAAY,SAASA,MAAM,OAAO,KAAM;AAC3C,SAAO,4CAAC,aAAAC,MAAO,MAAP,EAAY,KAAc,GAAG,OAAQ;AAC9C,CAAE;",
+  "names": ["Item", "_Field"]
+}

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

@@ -0,0 +1,98 @@
+"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/form/primitives/field/label.tsx
+var label_exports = {};
+__export(label_exports, {
+  Label: () => Label
+});
+module.exports = __toCommonJS(label_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_field = require("@base-ui/react/field");
+var import_element = require("@wordpress/element");
+
+// packages/ui/src/utils/css/field.module.css
+var css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;
+
+@layer wp-ui-utilities {
+	.field-module__label__LVrYU {
+		--wp-ui-field-label-line-height: var(--wpds-font-line-height-xs);
+
+		font-family: var(--wpds-font-family-body);
+		font-size: var(--wpds-font-size-xs);
+		line-height: var(--wp-ui-field-label-line-height);
+		font-weight: var(--wpds-font-weight-medium);
+		text-transform: uppercase;
+		color: var(--wpds-color-fg-content-neutral);
+
+		&.field-module__is-plain__F8QhR {
+			font-size: var(--wpds-font-size-md);
+			text-transform: none;
+		}
+	}
+
+	.field-module__description__CKN1B {
+		margin: 0;
+		font-family: var(--wpds-font-family-body);
+		font-size: var(--wpds-font-size-sm);
+		line-height: var(--wpds-font-line-height-xs);
+		color: var(--wpds-color-fg-content-neutral-weak);
+	}
+}
+`;
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
+var field_default = {
+  "label": "field-module__label__LVrYU",
+  "is-plain": "field-module__is-plain__F8QhR",
+  "description": "field-module__description__CKN1B"
+};
+
+// packages/ui/src/form/primitives/field/label.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Label = (0, import_element.forwardRef)(
+  function Label2({ className, variant, ...restProps }, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_field.Field.Label,
+      {
+        ref,
+        className: (0, import_clsx.default)(
+          field_default.label,
+          variant && field_default[`is-${variant}`],
+          className
+        ),
+        ...restProps
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Label
+});
+//# sourceMappingURL=label.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/primitives/field/label.tsx", "../../../../src/utils/css/field.module.css"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { Field as _Field } from '@base-ui/react/field';\nimport { forwardRef } from '@wordpress/element';\nimport fieldStyles from '../../../utils/css/field.module.css';\nimport type { FieldLabelProps } from './types';\n\nexport const Label = forwardRef< HTMLLabelElement, FieldLabelProps >(\n\tfunction Label( { className, variant, ...restProps }, ref ) {\n\t\treturn (\n\t\t\t<_Field.Label\n\t\t\t\tref={ ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\tfieldStyles.label,\n\t\t\t\t\tvariant && fieldStyles[ `is-${ variant }` ],\n\t\t\t\t\tclassName\n\t\t\t\t) }\n\t\t\t\t{ ...restProps }\n\t\t\t/>\n\t\t);\n\t}\n);\n", "const css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;\n\n@layer wp-ui-utilities {\n\t.field-module__label__LVrYU {\n\t\t--wp-ui-field-label-line-height: var(--wpds-font-line-height-xs);\n\n\t\tfont-family: var(--wpds-font-family-body);\n\t\tfont-size: var(--wpds-font-size-xs);\n\t\tline-height: var(--wp-ui-field-label-line-height);\n\t\tfont-weight: var(--wpds-font-weight-medium);\n\t\ttext-transform: uppercase;\n\t\tcolor: var(--wpds-color-fg-content-neutral);\n\n\t\t&.field-module__is-plain__F8QhR {\n\t\t\tfont-size: var(--wpds-font-size-md);\n\t\t\ttext-transform: none;\n\t\t}\n\t}\n\n\t.field-module__description__CKN1B {\n\t\tmargin: 0;\n\t\tfont-family: var(--wpds-font-family-body);\n\t\tfont-size: var(--wpds-font-size-sm);\n\t\tline-height: var(--wpds-font-line-height-xs);\n\t\tcolor: var(--wpds-color-fg-content-neutral-weak);\n\t}\n}\n`;\ndocument.head\n    .appendChild(document.createElement(\"style\"))\n    .appendChild(document.createTextNode(css));\nexport {css};\nexport default {\n  \"label\": \"field-module__label__LVrYU\",\n  \"is-plain\": \"field-module__is-plain__F8QhR\",\n  \"description\": \"field-module__description__CKN1B\"\n};"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,mBAAgC;AAChC,qBAA2B;;;ACF3B,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BZ,SAAS,KACJ,YAAY,SAAS,cAAc,OAAO,CAAC,EAC3C,YAAY,SAAS,eAAe,GAAG,CAAC;AAE7C,IAAO,gBAAQ;AAAA,EACb,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AACjB;;;AD3BG;AAHI,IAAM,YAAQ;AAAA,EACpB,SAASA,OAAO,EAAE,WAAW,SAAS,GAAG,UAAU,GAAG,KAAM;AAC3D,WACC;AAAA,MAAC,aAAAC,MAAO;AAAA,MAAP;AAAA,QACA;AAAA,QACA,eAAY,YAAAC;AAAA,UACX,cAAY;AAAA,UACZ,WAAW,cAAa,MAAO,OAAQ,EAAG;AAAA,UAC1C;AAAA,QACD;AAAA,QACE,GAAG;AAAA;AAAA,IACN;AAAA,EAEF;AACD;",
+  "names": ["Label", "_Field", "clsx"]
+}

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

@@ -0,0 +1,79 @@
+"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/form/primitives/field/root.tsx
+var root_exports = {};
+__export(root_exports, {
+  Root: () => Root
+});
+module.exports = __toCommonJS(root_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_field = require("@base-ui/react/field");
+var import_element = require("@wordpress/element");
+
+// packages/ui/src/utils/css/resets.module.css
+var css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;
+
+@layer wp-ui-utilities {
+	.resets-module__box-sizing__M2zT5 {
+		box-sizing: border-box;
+
+		*,
+		*::before,
+		*::after {
+			box-sizing: inherit;
+		}
+	}
+}
+`;
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
+var resets_default = {
+  "box-sizing": "resets-module__box-sizing__M2zT5"
+};
+
+// 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 Root = (0, import_element.forwardRef)(function Root2({ className, render = DEFAULT_RENDER, ...restProps }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_field.Field.Root,
+    {
+      ref,
+      className: (0, import_clsx.default)(resets_default["box-sizing"], className),
+      render,
+      ...restProps
+    }
+  );
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Root
+});
+//# sourceMappingURL=root.cjs.map

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

@@ -0,0 +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", "const css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;\n\n@layer wp-ui-utilities {\n\t.resets-module__box-sizing__M2zT5 {\n\t\tbox-sizing: border-box;\n\n\t\t*,\n\t\t*::before,\n\t\t*::after {\n\t\t\tbox-sizing: inherit;\n\t\t}\n\t}\n}\n`;\ndocument.head\n    .appendChild(document.createElement(\"style\"))\n    .appendChild(document.createTextNode(css));\nexport {css};\nexport default {\n  \"box-sizing\": \"resets-module__box-sizing__M2zT5\"\n};"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,mBAAgC;AAChC,qBAA2B;;;ACF3B,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcZ,SAAS,KACJ,YAAY,SAAS,cAAc,OAAO,CAAC,EAC3C,YAAY,SAAS,eAAe,GAAG,CAAC;AAE7C,IAAO,iBAAQ;AAAA,EACb,cAAc;AAChB;;;ADfA,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/field/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/form/primitives/field/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/primitives/field/types.ts"],
+  "sourcesContent": ["import type { Field } from '@base-ui/react/field';\nimport type { ComponentProps } from '../../../utils/types';\n\nexport type FieldRootProps = Omit<\n\tComponentProps< typeof Field.Root >,\n\t| 'disabled'\n\t// TODO: Maybe allow these when we have validation support ready.\n\t| 'dirty'\n\t| 'invalid'\n\t| 'touched'\n\t| 'validate'\n\t| 'validationDebounceTime'\n\t| 'validationMode'\n> & {\n\tchildren?: Field.Root.Props[ 'children' ];\n\t/**\n\t * Whether the field is disabled.\n\t *\n\t * @default false\n\t */\n\tdisabled?: Field.Root.Props[ 'disabled' ];\n};\n\nexport type FieldItemProps = ComponentProps< typeof Field.Item > & {\n\tchildren?: React.ReactNode;\n};\n\nexport type FieldLabelProps = ComponentProps< typeof Field.Label > & {\n\t/**\n\t * The label string, or the string and the element to associate it with.\n\t *\n\t * To keep things accessible, do not include other interactive\n\t * elements such as links or buttons.\n\t */\n\tchildren?: Field.Label.Props[ 'children' ];\n\t/**\n\t * The visual variant of the label.\n\t *\n\t * Use 'plain' for controls like checkboxes and radio buttons.\n\t *\n\t * @default 'default'\n\t */\n\tvariant?: 'default' | 'plain';\n};\n\nexport type FieldControlProps = Omit<\n\tComponentProps< typeof Field.Control >,\n\t'defaultValue'\n> & {\n\tchildren?: Field.Control.Props[ 'children' ];\n\t/**\n\t * The default value to use in uncontrolled mode.\n\t */\n\tdefaultValue?: Field.Control.Props[ 'defaultValue' ];\n};\n\nexport type FieldDescriptionProps = ComponentProps<\n\ttypeof Field.Description\n> & {\n\t/**\n\t * The accessible description, associated using `aria-describedby`.\n\t *\n\t * For screen reader accessibility, this should only contain plain text,\n\t * and no semantics such as links.\n\t */\n\tchildren?: string;\n};\n\nexport type FieldDetailsProps = ComponentProps< 'div' > & {\n\t/**\n\t * Additional information about the field, which unlike a normal description,\n\t * can include links and other semantic elements.\n\t *\n\t * Although this content is not associated with the field using direct semantics,\n\t * it is made discoverable to screen reader users via a visually hidden description,\n\t * alerting them to the presence of additional information below.\n\t *\n\t * Do not use this component when the details content is only plain text,\n\t * as it makes the readout unnecessarily verbose for screen reader users.\n\t */\n\tchildren?: React.ReactNode;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,40 @@
+"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/form/primitives/fieldset/context.tsx
+var context_exports = {};
+__export(context_exports, {
+  FieldsetContext: () => FieldsetContext,
+  useFieldsetContext: () => useFieldsetContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_element = require("@wordpress/element");
+var FieldsetContext = (0, import_element.createContext)({
+  registerDescriptionId: () => {
+  },
+  unregisterDescriptionId: () => {
+  }
+});
+var useFieldsetContext = () => (0, import_element.useContext)(FieldsetContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FieldsetContext,
+  useFieldsetContext
+});
+//# sourceMappingURL=context.cjs.map

package/build/form/primitives/fieldset/context.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/form/primitives/fieldset/context.tsx"],
+  "sourcesContent": ["import { createContext, useContext } from '@wordpress/element';\n\ntype FieldsetContextType = {\n\tregisterDescriptionId: ( id: string ) => void;\n\tunregisterDescriptionId: () => void;\n};\n\nexport const FieldsetContext = createContext< FieldsetContextType >( {\n\tregisterDescriptionId: () => {},\n\tunregisterDescriptionId: () => {},\n} );\n\nexport const useFieldsetContext = () => useContext( FieldsetContext );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA0C;AAOnC,IAAM,sBAAkB,8BAAsC;AAAA,EACpE,uBAAuB,MAAM;AAAA,EAAC;AAAA,EAC9B,yBAAyB,MAAM;AAAA,EAAC;AACjC,CAAE;AAEK,IAAM,qBAAqB,UAAM,2BAAY,eAAgB;",
+  "names": []
+}