@wordpress/ui 0.4.0 → 0.4.1-next.76cff8c98.0

package/build-module/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["export * from './badge';\nexport * from './box';\nexport * from './form/primitives';\nexport * from './stack';\nexport * from './visually-hidden';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/build-module/stack/index.mjs

@@ -0,0 +1,6 @@
+// packages/ui/src/stack/index.ts
+import { Stack } from "./stack.mjs";
+export {
+  Stack
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/stack/index.ts"],
+  "sourcesContent": ["export { Stack } from './stack';\n"],
+  "mappings": ";AAAA,SAAS,aAAa;",
+  "names": []
+}

package/build-module/stack/{stack.js → stack.mjs}

@@ -1,7 +1,6 @@
 // packages/ui/src/stack/stack.tsx
-import clsx from "clsx";
+import { useRender, mergeProps } from "@base-ui/react";
 import { forwardRef } from "@wordpress/element";
-import { renderElement } from "../utils/element";
 
 // packages/ui/src/stack/style.module.css
 var css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;
@@ -19,22 +18,21 @@ var style_default = {
 
 // packages/ui/src/stack/stack.tsx
 var Stack = forwardRef(function Stack2({ direction, gap, align, justify, wrap, render, ...props }, ref) {
-  const className = clsx(props.className, style_default.stack);
   const style = {
     gap: gap && `var(--wpds-dimension-gap-${gap})`,
     alignItems: align,
     justifyContent: justify,
     flexDirection: direction,
-    flexWrap: wrap,
-    ...props.style
+    flexWrap: wrap
   };
-  return renderElement({
+  const element = useRender({
     render,
     ref,
-    props: { ...props, style, className }
+    props: mergeProps(props, { style, className: style_default.stack })
   });
+  return element;
 });
 export {
   Stack
 };
-//# sourceMappingURL=stack.js.map
+//# sourceMappingURL=stack.mjs.map

package/build-module/stack/stack.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/stack/stack.tsx", "../../src/stack/style.module.css"],
+  "sourcesContent": ["import { useRender, mergeProps } from '@base-ui/react';\nimport { forwardRef } from '@wordpress/element';\nimport { type StackProps } from './types';\nimport styles from './style.module.css';\n\n/**\n * A flexible layout component using CSS Flexbox for consistent spacing and alignment.\n * Built on design tokens for predictable spacing values.\n */\nexport const Stack = forwardRef< HTMLDivElement, StackProps >( function Stack(\n\t{ direction, gap, align, justify, wrap, render, ...props },\n\tref\n) {\n\tconst style: React.CSSProperties = {\n\t\tgap: gap && `var(--wpds-dimension-gap-${ gap })`,\n\t\talignItems: align,\n\t\tjustifyContent: justify,\n\t\tflexDirection: direction,\n\t\tflexWrap: wrap,\n\t};\n\n\tconst element = useRender( {\n\t\trender,\n\t\tref,\n\t\tprops: mergeProps< 'div' >( props, { style, className: styles.stack } ),\n\t} );\n\n\treturn element;\n} );\n", "const css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;\n\n@layer wp-ui-components {\n\t.style-module__stack__Gc4EG {\n\t\tdisplay: flex;\n\t}\n}\n`;\ndocument.head\n    .appendChild(document.createElement(\"style\"))\n    .appendChild(document.createTextNode(css));\nexport {css};\nexport default {\n  \"stack\": \"style-module__stack__Gc4EG\"\n};"],
+  "mappings": ";AAAA,SAAS,WAAW,kBAAkB;AACtC,SAAS,kBAAkB;;;ACD3B,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQZ,SAAS,KACJ,YAAY,SAAS,cAAc,OAAO,CAAC,EAC3C,YAAY,SAAS,eAAe,GAAG,CAAC;AAE7C,IAAO,gBAAQ;AAAA,EACb,SAAS;AACX;;;ADLO,IAAM,QAAQ,WAA0C,SAASA,OACvE,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,QAAQ,GAAG,MAAM,GACzD,KACC;AACD,QAAM,QAA6B;AAAA,IAClC,KAAK,OAAO,4BAA6B,GAAI;AAAA,IAC7C,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,EACX;AAEA,QAAM,UAAU,UAAW;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,OAAO,WAAqB,OAAO,EAAE,OAAO,WAAW,cAAO,MAAM,CAAE;AAAA,EACvE,CAAE;AAEF,SAAO;AACR,CAAE;",
+  "names": ["Stack"]
+}

package/build-module/stack/types.mjs

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

package/build-module/types/css-modules.d.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=css-modules.d.mjs.map

package/build-module/types/{react.d.js → react.d.mjs}

@@ -1,3 +1,3 @@
 // packages/ui/src/types/react.d.ts
 import "react";
-//# sourceMappingURL=react.d.js.map
+//# sourceMappingURL=react.d.mjs.map

package/build-module/utils/types.mjs

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

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

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

package/build-module/visually-hidden/index.mjs

@@ -0,0 +1,6 @@
+// packages/ui/src/visually-hidden/index.ts
+import { VisuallyHidden } from "./visually-hidden.mjs";
+export {
+  VisuallyHidden
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/visually-hidden/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/visually-hidden/index.ts"],
+  "sourcesContent": ["export { VisuallyHidden } from './visually-hidden';\n"],
+  "mappings": ";AAAA,SAAS,sBAAsB;",
+  "names": []
+}

package/build-module/visually-hidden/types.mjs

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

package/build-module/visually-hidden/types.mjs.map

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

package/build-module/visually-hidden/visually-hidden.mjs

@@ -0,0 +1,44 @@
+// packages/ui/src/visually-hidden/visually-hidden.tsx
+import { mergeProps, useRender } from "@base-ui/react";
+import { forwardRef } from "@wordpress/element";
+
+// packages/ui/src/visually-hidden/style.module.css
+var css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;
+
+@layer wp-ui-components {
+	.style-module__visually-hidden__83ueL {
+		border: 0;
+		clip-path: inset(50%);
+		height: 1px;
+		margin: -1px;
+		overflow: hidden;
+		padding: 0;
+		position: absolute;
+		width: 1px;
+		word-wrap: normal;
+	}
+}
+`;
+document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
+var style_default = {
+  "visually-hidden": "style-module__visually-hidden__83ueL"
+};
+
+// packages/ui/src/visually-hidden/visually-hidden.tsx
+var VisuallyHidden = forwardRef(
+  function VisuallyHidden2({ render, ...restProps }, ref) {
+    const element = useRender({
+      render,
+      ref,
+      props: mergeProps(
+        { className: style_default["visually-hidden"] },
+        restProps
+      )
+    });
+    return element;
+  }
+);
+export {
+  VisuallyHidden
+};
+//# sourceMappingURL=visually-hidden.mjs.map

package/build-module/visually-hidden/visually-hidden.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/visually-hidden/visually-hidden.tsx", "../../src/visually-hidden/style.module.css"],
+  "sourcesContent": ["import { mergeProps, useRender } from '@base-ui/react';\nimport { forwardRef } from '@wordpress/element';\nimport type { VisuallyHiddenProps } from './types';\nimport styles from './style.module.css';\n\n/**\n * Visually hides content while keeping it accessible to screen readers.\n * Useful when providing context that's only meaningful to assistive technology.\n */\nexport const VisuallyHidden = forwardRef< HTMLDivElement, VisuallyHiddenProps >(\n\tfunction VisuallyHidden( { render, ...restProps }, ref ) {\n\t\tconst element = useRender( {\n\t\t\trender,\n\t\t\tref,\n\t\t\tprops: mergeProps< 'div' >(\n\t\t\t\t{ className: styles[ 'visually-hidden' ] },\n\t\t\t\trestProps\n\t\t\t),\n\t\t} );\n\n\t\treturn element;\n\t}\n);\n", "const css = `@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;\n\n@layer wp-ui-components {\n\t.style-module__visually-hidden__83ueL {\n\t\tborder: 0;\n\t\tclip-path: inset(50%);\n\t\theight: 1px;\n\t\tmargin: -1px;\n\t\toverflow: hidden;\n\t\tpadding: 0;\n\t\tposition: absolute;\n\t\twidth: 1px;\n\t\tword-wrap: normal;\n\t}\n}\n`;\ndocument.head\n    .appendChild(document.createElement(\"style\"))\n    .appendChild(document.createTextNode(css));\nexport {css};\nexport default {\n  \"visually-hidden\": \"style-module__visually-hidden__83ueL\"\n};"],
+  "mappings": ";AAAA,SAAS,YAAY,iBAAiB;AACtC,SAAS,kBAAkB;;;ACD3B,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBZ,SAAS,KACJ,YAAY,SAAS,cAAc,OAAO,CAAC,EAC3C,YAAY,SAAS,eAAe,GAAG,CAAC;AAE7C,IAAO,gBAAQ;AAAA,EACb,mBAAmB;AACrB;;;ADbO,IAAM,iBAAiB;AAAA,EAC7B,SAASA,gBAAgB,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAM;AACxD,UAAM,UAAU,UAAW;AAAA,MAC1B;AAAA,MACA;AAAA,MACA,OAAO;AAAA,QACN,EAAE,WAAW,cAAQ,iBAAkB,EAAE;AAAA,QACzC;AAAA,MACD;AAAA,IACD,CAAE;AAEF,WAAO;AAAA,EACR;AACD;",
+  "names": ["VisuallyHidden"]
+}

package/build-types/badge/badge.d.ts

@@ -0,0 +1,7 @@
+import { type BadgeProps } from './types';
+/**
+ * A badge component for displaying labels with semantic intent.
+ * Built on the Box primitive for consistent theming and accessibility.
+ */
+export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=badge.d.ts.map

package/build-types/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/badge/badge.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAwD1C;;;GAGG;AACH,eAAO,MAAM,KAAK,uGAwBf,CAAC"}

package/build-types/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './badge';
+//# sourceMappingURL=index.d.ts.map

package/build-types/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/build-types/badge/stories/index.story.d.ts

@@ -0,0 +1,21 @@
+/**
+ * External dependencies
+ */
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+/**
+ * Internal dependencies
+ */
+import { Badge } from '../index';
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const Default: Story;
+export declare const High: Story;
+export declare const Medium: Story;
+export declare const Low: Story;
+export declare const Stable: Story;
+export declare const Informational: Story;
+export declare const Draft: Story;
+export declare const None: Story;
+export declare const AllIntents: Story;
+//# sourceMappingURL=index.story.d.ts.map

package/build-types/badge/stories/index.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/badge/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAOhE;;GAEG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAI7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,KAAK,CAAE,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA8CxB,CAAC"}

package/build-types/badge/types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Internal dependencies
+ */
+import { type ComponentProps } from '../utils/types';
+export interface BadgeProps extends ComponentProps<'span'> {
+    /**
+     * The text to display in the badge.
+     */
+    children: string;
+    /**
+     * The semantic intent of the badge, communicating its meaning through color.
+     *
+     * @default "none"
+     */
+    intent?: 'high' | 'medium' | 'low' | 'stable' | 'informational' | 'draft' | 'none';
+}
+//# sourceMappingURL=types.d.ts.map

package/build-types/badge/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/badge/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAE,MAAM,CAAE;IAC3D;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,MAAM,CAAC,EACJ,MAAM,GACN,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,eAAe,GACf,OAAO,GACP,MAAM,CAAC;CACV"}

package/build-types/box/box.d.ts

@@ -1,6 +1,3 @@
-/**
- * Internal dependencies
- */
 import { type BoxProps } from './types';
 /**
  * A low-level visual primitive that provides an interface for applying design

package/build-types/box/box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../src/box/box.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAoExC;;;GAGG;AACH,eAAO,MAAM,GAAG,qGAiDb,CAAC"}
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../src/box/box.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AA4DxC;;;GAGG;AACH,eAAO,MAAM,GAAG,qGAmDb,CAAC"}

package/build-types/box/stories/index.story.d.ts

@@ -1,14 +1,4 @@
-/**
- * External dependencies
- */
-import { type Meta, type StoryObj } from '@storybook/react';
-/**
- * WordPress dependencies
- */
-import '@wordpress/theme/design-tokens.css';
-/**
- * Internal dependencies
- */
+import { type Meta, type StoryObj } from '@storybook/react-webpack5';
 import { Box } from '../box';
 declare const meta: Meta<typeof Box>;
 export default meta;

package/build-types/box/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/box/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;GAEG;AACH,OAAO,oCAAoC,CAAC;AAE5C;;GAEG;AACH,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,GAAG,CAI3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,GAAG,CAAE,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAUhC,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/box/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,GAAG,CAI3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,GAAG,CAAE,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAUhC,CAAC"}

package/build-types/box/types.d.ts

@@ -1,12 +1,5 @@
-/**
- * Internal dependencies
- */
+import { type PaddingSize, type BorderRadiusSize, type BorderWidthSize, type Target, type SurfaceBackgroundColor, type ContentForegroundColor, type SurfaceStrokeColor } from '@wordpress/theme';
 import { type ComponentProps } from '../utils/types';
-type SizeToken = '2xs' | 'xs' | 'sm' | 'md' | 'lg';
-type Size = number | SizeToken;
-type BackgroundColor = 'neutral' | 'neutral-strong' | 'neutral-weak' | 'brand' | 'success' | 'success-weak' | 'info' | 'info-weak' | 'warning' | 'warning-weak' | 'caution' | 'caution-weak' | 'error' | 'error-weak';
-type ForegroundColor = 'neutral' | 'neutral-weak' | 'success' | 'success-weak' | 'info' | 'info-weak' | 'warning' | 'warning-weak' | 'caution' | 'caution-weak' | 'error' | 'error-weak';
-type StrokeColor = 'brand' | 'brand-strong' | 'error' | 'error-strong' | 'info' | 'info-strong' | 'neutral' | 'neutral-strong' | 'neutral-weak' | 'success' | 'success-strong' | 'warning' | 'warning-strong';
 type DimensionVariant<T> = {
     block?: T;
     blockStart?: T;
@@ -19,31 +12,31 @@ export interface BoxProps extends ComponentProps<'div'> {
     /**
      * The target rendering element design token grouping to use for the box.
      */
-    target?: string;
+    target?: Target;
     /**
      * The surface background design token for box background color.
      */
-    backgroundColor?: BackgroundColor;
+    backgroundColor?: SurfaceBackgroundColor;
     /**
      * The surface foreground design token for box text color.
      */
-    color?: ForegroundColor;
+    color?: ContentForegroundColor;
     /**
      * The surface spacing design token or base unit multiplier for box padding.
      */
-    padding?: Size | DimensionVariant<Size>;
+    padding?: PaddingSize | DimensionVariant<PaddingSize>;
     /**
      * The surface border radius design token.
      */
-    borderRadius?: Exclude<SizeToken, '2xs'>;
+    borderRadius?: BorderRadiusSize;
     /**
      * The surface border width design token.
      */
-    borderWidth?: Exclude<SizeToken, '2xs'>;
+    borderWidth?: BorderWidthSize;
     /**
      * The surface border stroke color design token.
      */
-    borderColor?: StrokeColor;
+    borderColor?: SurfaceStrokeColor;
     /**
      * The content to be rendered inside the component.
      */

package/build-types/box/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/box/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,KAAK,SAAS,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,KAAK,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/B,KAAK,eAAe,GACjB,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,OAAO,GACP,SAAS,GACT,cAAc,GACd,MAAM,GACN,WAAW,GACX,SAAS,GACT,cAAc,GACd,SAAS,GACT,cAAc,GACd,OAAO,GACP,YAAY,CAAC;AAEhB,KAAK,eAAe,GACjB,SAAS,GACT,cAAc,GACd,SAAS,GACT,cAAc,GACd,MAAM,GACN,WAAW,GACX,SAAS,GACT,cAAc,GACd,SAAS,GACT,cAAc,GACd,OAAO,GACP,YAAY,CAAC;AAEhB,KAAK,WAAW,GACb,OAAO,GACP,cAAc,GACd,OAAO,GACP,cAAc,GACd,MAAM,GACN,aAAa,GACb,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,SAAS,GACT,gBAAgB,GAChB,SAAS,GACT,gBAAgB,CAAC;AAEpB,KAAK,gBAAgB,CAAE,CAAC,IAAK;IAC5B,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAE,KAAK,CAAE;IACxD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,gBAAgB,CAAE,IAAI,CAAE,CAAC;IAE1C;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAE,SAAS,EAAE,KAAK,CAAE,CAAC;IAE3C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAE,SAAS,EAAE,KAAK,CAAE,CAAC;IAE1C;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/box/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,MAAM,EACX,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,KAAK,gBAAgB,CAAE,CAAC,IAAK;IAC5B,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAE,KAAK,CAAE;IACxD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,eAAe,CAAC,EAAE,sBAAsB,CAAC;IAEzC;;OAEG;IACH,KAAK,CAAC,EAAE,sBAAsB,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,gBAAgB,CAAE,WAAW,CAAE,CAAC;IAExD;;OAEG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAEhC;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAE9B;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/build-types/form/primitives/field/control.d.ts

@@ -0,0 +1,6 @@
+import { Field as _Field } from '@base-ui/react/field';
+export declare const Control: import("react").ForwardRefExoticComponent<Omit<import("../../../utils/types").ComponentProps<import("react").ForwardRefExoticComponent<import("@base-ui/react/field").FieldControlProps & import("react").RefAttributes<HTMLInputElement>>>, "defaultValue"> & {
+    children?: _Field.Control.Props["children"];
+    defaultValue?: _Field.Control.Props["defaultValue"];
+} & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=control.d.ts.map

package/build-types/form/primitives/field/control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAIvD,eAAO,MAAM,OAAO;;;oDAInB,CAAC"}

package/build-types/form/primitives/field/description.d.ts

@@ -0,0 +1,9 @@
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react/field").FieldDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref">, "className" | "children" | "render"> & {
+    className?: string;
+    render?: ((props: import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
+} & {
+    children?: string;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=description.d.ts.map

package/build-types/form/primitives/field/description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/description.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW;;;;;;;wDAWrB,CAAC"}

package/build-types/form/primitives/field/details.d.ts

@@ -0,0 +1,21 @@
+/**
+ * A component for showing additional information about the field,
+ * styled similarly to a normal `Field.Description`.
+ * Unlike a normal description, it can include links and other semantic elements.
+ *
+ * Although this content is not associated with the field using direct semantics,
+ * it is made discoverable to screen reader users via a visually hidden description,
+ * alerting them to the presence of additional information below.
+ *
+ * If the content only includes plain text, use `Field.Description` instead,
+ * so the readout is not unnecessarily verbose for screen reader users.
+ */
+export declare const Details: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "children" | "render"> & {
+    className?: string;
+    render?: ((props: import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
+} & {
+    children?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=details.d.ts.map

package/build-types/form/primitives/field/details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/details.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;;;;;;;kDAenB,CAAC"}

package/build-types/form/primitives/field/index.d.ts

@@ -0,0 +1,8 @@
+import { Root } from './root';
+import { Item } from './item';
+import { Label } from './label';
+import { Description } from './description';
+import { Details } from './details';
+import { Control } from './control';
+export { Root, Item, Label, Description, Details, Control };
+//# sourceMappingURL=index.d.ts.map

package/build-types/form/primitives/field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/build-types/form/primitives/field/item.d.ts

@@ -0,0 +1,3 @@
+import type { FieldItemProps } from './types';
+export declare const Item: React.ForwardRefExoticComponent<FieldItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=item.d.ts.map

package/build-types/form/primitives/field/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,yBAAyB,CACjD,cAAc,GAAG,KAAK,CAAC,aAAa,CAAE,cAAc,CAAE,CAGpD,CAAC"}

package/build-types/form/primitives/field/label.d.ts

@@ -0,0 +1,11 @@
+import { Field as _Field } from '@base-ui/react/field';
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react/field").FieldLabelProps & import("react").RefAttributes<any>, "ref">, "className" | "children" | "render"> & {
+    className?: string;
+    render?: ((props: import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
+} & {
+    children?: _Field.Label.Props["children"];
+    variant?: "default" | "plain";
+} & import("react").RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=label.d.ts.map

package/build-types/form/primitives/field/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAKvD,eAAO,MAAM,KAAK;;;;;;;;oDAcjB,CAAC"}

package/build-types/form/primitives/field/root.d.ts

@@ -0,0 +1,13 @@
+import { Field as _Field } from '@base-ui/react/field';
+/**
+ * A low-level component that associates an accessible label and description
+ * with a single form control element.
+ *
+ * Simply wrapping a control with this component does not guarantee
+ * accessible labeling. See examples for how to associate the label in different cases.
+ */
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<import("../../../utils/types").ComponentProps<import("react").ForwardRefExoticComponent<import("@base-ui/react/field").FieldRootProps & import("react").RefAttributes<HTMLDivElement>>>, "disabled" | "validate" | "validationMode" | "validationDebounceTime" | "invalid" | "dirty" | "touched"> & {
+    children?: _Field.Root.Props["children"];
+    disabled?: _Field.Root.Props["disabled"];
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=root.d.ts.map

package/build-types/form/primitives/field/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/root.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAUvD;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;;;kDAYd,CAAC"}

package/build-types/form/primitives/field/stories/index.story.d.ts

@@ -0,0 +1,39 @@
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import '@wordpress/theme/design-tokens.css';
+import { Field } from '../../../..';
+declare const meta: Meta<typeof Field.Root>;
+export default meta;
+/**
+ * If your control component forwards refs, as well as the `aria-labelledby` and `aria-describedby` props
+ * to the actual underlying HTML element to be labeled,
+ * you can simply place your control in the `render` prop of `Field.Control`.
+ */
+export declare const Default: StoryObj<typeof Field.Root>;
+/**
+ * If your control component does not forward refs, but does forward the `id` prop
+ * to the actual underlying HTML element to be labeled, use the `htmlFor` prop
+ * of the `Field.Label` component to associate the label with the control.
+ *
+ * This is preferred over `aria-labelledby` because it allows users to click the
+ * label to focus the control.
+ */
+export declare const UsingHtmlFor: StoryObj<typeof Field.Root>;
+/**
+ * If your control component does not forward refs nor the `id` prop, but does
+ * forward the `aria-labelledby` prop to the actual underlying HTML element to be
+ * labeled, use the `id` prop of the `Field.Label` component to associate the
+ * label with the control.
+ */
+export declare const UsingAriaLabelledby: StoryObj<typeof Field.Root>;
+/**
+ * To add rich content (such as links) to the description, use `Field.Details`.
+ *
+ * Although this content is not associated with the field using direct semantics,
+ * it is made discoverable to screen reader users via a visually hidden description,
+ * alerting them to the presence of additional information below.
+ *
+ * If the content only includes plain text, use `Field.Description` instead,
+ * so the readout is not unnecessarily verbose for screen reader users.
+ */
+export declare const WithDetails: StoryObj<typeof Field.Root>;
+//# sourceMappingURL=index.story.d.ts.map

package/build-types/form/primitives/field/stories/index.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/field/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,oCAAoC,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAAC,IAAI,CAUlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAchD,CAAC;AAQF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoBrD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoB5D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAkBpD,CAAC"}

package/build-types/form/primitives/field/test/index.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.test.d.ts.map

package/build-types/form/primitives/field/test/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/field/test/index.test.tsx"],"names":[],"mappings":""}

package/build-types/form/primitives/field/types.d.ts

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

package/build-types/form/primitives/field/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,EACjC,UAAU,GAEV,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,wBAAwB,GACxB,gBAAgB,CAClB,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,GAAG;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,KAAK,CAAE,GAAG;IACpE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC3C;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACnC,cAAc,CAAE,OAAO,KAAK,CAAC,OAAO,CAAE,EACtC,cAAc,CACd,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,cAAc,CAAE,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CACjD,OAAO,KAAK,CAAC,WAAW,CACxB,GAAG;IACH;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IACzD;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}

package/build-types/form/primitives/index.d.ts

@@ -0,0 +1,2 @@
+export * as Field from './field';
+//# sourceMappingURL=index.d.ts.map

package/build-types/form/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}

package/build-types/index.d.ts

@@ -1,2 +1,6 @@
+export * from './badge';
 export * from './box';
+export * from './form/primitives';
+export * from './stack';
+export * from './visually-hidden';
 //# sourceMappingURL=index.d.ts.map

package/build-types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC"}

package/build-types/stack/index.d.ts

@@ -1,5 +1,2 @@
-/**
- * Internal dependencies
- */
 export { Stack } from './stack';
 //# sourceMappingURL=index.d.ts.map