@wordpress/dataviews 16.0.0 → 16.0.1

package/build-wp/index.js

@@ -5,7 +5,7 @@ var __export = (target, all) => {
 };
 
 // src/dataviews/index.tsx
-import clsx52 from "clsx";
+import clsx53 from "clsx";
 
 // ../element/build-module/react.mjs
 import {
@@ -443,6 +443,7 @@ var CORE_MODULES_USING_PRIVATE_APIS = [
   "@wordpress/route",
   "@wordpress/router",
   "@wordpress/routes",
+  "@wordpress/storybook",
   "@wordpress/sync",
   "@wordpress/theme",
   "@wordpress/dataviews",
@@ -1046,25 +1047,40 @@ function useFocusOutside(onFocusOutside) {
 // ../compose/build-module/hooks/use-merge-refs/index.mjs
 function assignRef(ref, value) {
   if (typeof ref === "function") {
-    ref(value);
+    const returned = ref(value);
+    return typeof returned === "function" ? returned : void 0;
   } else if (ref && ref.hasOwnProperty("current")) {
     ref.current = value;
   }
+  return void 0;
+}
+function detachRef(ref, index, cleanups) {
+  const cleanup = cleanups[index];
+  if (cleanup) {
+    cleanups[index] = void 0;
+    cleanup();
+  } else {
+    assignRef(ref, null);
+  }
 }
 function useMergeRefs(refs) {
-  const element = useRef(null);
+  const elementRef = useRef(null);
   const isAttachedRef = useRef(false);
   const didElementChangeRef = useRef(false);
   const previousRefsRef = useRef([]);
   const currentRefsRef = useRef(refs);
+  const cleanupsRef = useRef([]);
   currentRefsRef.current = refs;
   useLayoutEffect(() => {
     if (didElementChangeRef.current === false && isAttachedRef.current === true) {
       refs.forEach((ref, index) => {
         const previousRef = previousRefsRef.current[index];
         if (ref !== previousRef) {
-          assignRef(previousRef, null);
-          assignRef(ref, element.current);
+          detachRef(previousRef, index, cleanupsRef.current);
+          cleanupsRef.current[index] = assignRef(
+            ref,
+            elementRef.current
+          );
         }
       });
     }
@@ -1074,12 +1090,17 @@ function useMergeRefs(refs) {
     didElementChangeRef.current = false;
   });
   return useCallback((value) => {
-    assignRef(element, value);
+    elementRef.current = value;
     didElementChangeRef.current = true;
     isAttachedRef.current = value !== null;
-    const refsToAssign = value ? currentRefsRef.current : previousRefsRef.current;
-    for (const ref of refsToAssign) {
-      assignRef(ref, value);
+    if (value === null) {
+      previousRefsRef.current.forEach((ref, index) => {
+        detachRef(ref, index, cleanupsRef.current);
+      });
+    } else {
+      currentRefsRef.current.forEach((ref, index) => {
+        cleanupsRef.current[index] = assignRef(ref, value);
+      });
     }
   }, []);
 }
@@ -1163,7 +1184,7 @@ var EMPTY_SUBSCRIBER = {
   getValue: () => false
 };
 function getMQLSubscriber(view, query) {
-  if (!query || typeof view?.matchMedia !== "function") {
+  if (!view || !query || typeof view.matchMedia !== "function") {
     return EMPTY_SUBSCRIBER;
   }
   let queryCache = perWindowCache.get(view);
@@ -1202,7 +1223,7 @@ function getMQLSubscriber(view, query) {
   queryCache.set(query, subscriber);
   return subscriber;
 }
-function useMediaQuery(query, view = window) {
+function useMediaQuery(query, view = typeof window !== "undefined" ? window : void 0) {
   const source = getMQLSubscriber(view, query);
   return useSyncExternalStore(
     source.subscribe,
@@ -1248,7 +1269,7 @@ var ViewportMatchWidthContext = createContext(
   null
 );
 ViewportMatchWidthContext.displayName = "ViewportMatchWidthContext";
-var useViewportMatch = (breakpoint2, operator = ">=", view = window) => {
+var useViewportMatch = (breakpoint2, operator = ">=", view = typeof window !== "undefined" ? window : void 0) => {
   const simulatedWidth = useContext(ViewportMatchWidthContext);
   const mediaQuery = !simulatedWidth && `(${CONDITIONS[operator]}: ${BREAKPOINTS[breakpoint2]}px)`;
   const mediaQueryResult = useMediaQuery(mediaQuery || void 0, view);
@@ -1468,11 +1489,11 @@ function registerStyle(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle("0c8601dd83", '@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._83ed8a8da5dd50ea__text{margin:0}._14437cfb77831647__heading-2xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-p-line-height:var(--wpds-typography-line-height-2xl,40px);font-size:var(--wpds-typography-font-size-2xl,32px);line-height:var(--wpds-typography-line-height-2xl,40px)}._14437cfb77831647__heading-2xl,._3c78b7fa9b4072dd__heading-xl{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-medium,499)}._3c78b7fa9b4072dd__heading-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-md,24px)}.aa58f227716bcde2__heading-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-lg,15px)}.aa58f227716bcde2__heading-lg,.fc4da56d8dfe52c4__heading-md{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-medium,499);line-height:var(--wpds-typography-line-height-sm,20px)}.fc4da56d8dfe52c4__heading-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px)}.a9b78c7c82e8dff7__heading-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-size:var(--wpds-typography-font-size-xs,11px);font-weight:var(--wpds-typography-font-weight-medium,499);line-height:var(--wpds-typography-line-height-xs,16px);text-transform:uppercase}._305ff559e52180d5__body-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-xl,32px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-xl,32px)}._305ff559e52180d5__body-xl,.ca1aa3fc2029e958__body-lg{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-regular,400)}.ca1aa3fc2029e958__body-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-lg,15px);line-height:var(--wpds-typography-line-height-md,24px)}._131101940be12424__body-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px);line-height:var(--wpds-typography-line-height-sm,20px)}._0e8d87a42c1f75fa__body-sm,._131101940be12424__body-md{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-regular,400)}._0e8d87a42c1f75fa__body-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-size:var(--wpds-typography-font-size-sm,12px);line-height:var(--wpds-typography-line-height-xs,16px)}}');
+  registerStyle("0c5702ddca", '@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._83ed8a8da5dd50ea__text{margin:0}._14437cfb77831647__heading-2xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-2xl,32px);--_gcd-p-line-height:var(--wpds-typography-line-height-2xl,40px);font-size:var(--wpds-typography-font-size-2xl,32px);line-height:var(--wpds-typography-line-height-2xl,40px)}._14437cfb77831647__heading-2xl,._3c78b7fa9b4072dd__heading-xl{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-medium,499)}._3c78b7fa9b4072dd__heading-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-md,24px)}.aa58f227716bcde2__heading-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-lg,15px)}.aa58f227716bcde2__heading-lg,.fc4da56d8dfe52c4__heading-md{font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-medium,499);line-height:var(--wpds-typography-line-height-sm,20px)}.fc4da56d8dfe52c4__heading-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px)}.a9b78c7c82e8dff7__heading-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-medium,499);--_gcd-p-font-size:var(--wpds-typography-font-size-xs,11px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-family:var(--wpds-typography-font-family-heading,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-size:var(--wpds-typography-font-size-xs,11px);font-weight:var(--wpds-typography-font-weight-medium,499);line-height:var(--wpds-typography-line-height-xs,16px);text-transform:uppercase}._305ff559e52180d5__body-xl{--_gcd-heading-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-xl,20px);--_gcd-p-line-height:var(--wpds-typography-line-height-xl,32px);font-size:var(--wpds-typography-font-size-xl,20px);line-height:var(--wpds-typography-line-height-xl,32px)}._305ff559e52180d5__body-xl,.ca1aa3fc2029e958__body-lg{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-regular,400)}.ca1aa3fc2029e958__body-lg{--_gcd-heading-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-lg,15px);--_gcd-p-line-height:var(--wpds-typography-line-height-md,24px);font-size:var(--wpds-typography-font-size-lg,15px);line-height:var(--wpds-typography-line-height-md,24px)}._131101940be12424__body-md{--_gcd-heading-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-md,13px);--_gcd-p-line-height:var(--wpds-typography-line-height-sm,20px);font-size:var(--wpds-typography-font-size-md,13px);line-height:var(--wpds-typography-line-height-sm,20px)}._0e8d87a42c1f75fa__body-sm,._131101940be12424__body-md{font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-weight:var(--wpds-typography-font-weight-regular,400)}._0e8d87a42c1f75fa__body-sm{--_gcd-heading-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-heading-font-weight:var(--wpds-typography-font-weight-regular,400);--_gcd-p-font-size:var(--wpds-typography-font-size-sm,12px);--_gcd-p-line-height:var(--wpds-typography-line-height-xs,16px);font-size:var(--wpds-typography-font-size-sm,12px);line-height:var(--wpds-typography-line-height-xs,16px)}}}');
 }
 var style_default = { "text": "_83ed8a8da5dd50ea__text", "heading-2xl": "_14437cfb77831647__heading-2xl", "heading-xl": "_3c78b7fa9b4072dd__heading-xl", "heading-lg": "aa58f227716bcde2__heading-lg", "heading-md": "fc4da56d8dfe52c4__heading-md", "heading-sm": "a9b78c7c82e8dff7__heading-sm", "body-xl": "_305ff559e52180d5__body-xl", "body-lg": "ca1aa3fc2029e958__body-lg", "body-md": "_131101940be12424__body-md", "body-sm": "_0e8d87a42c1f75fa__body-sm" };
 if (typeof process === "undefined" || true) {
-  registerStyle("1fb29d3a3c", "._6defc79820e382c6__button{box-sizing:var(--_gcd-button-box-sizing,border-box);font-family:var(--_gcd-button-font-family,inherit);font-size:var(--_gcd-button-font-size,inherit);font-weight:var(--_gcd-button-font-weight,inherit)}.d2cff2e5dea83bd1__input{box-sizing:var(--_gcd-input-box-sizing,border-box);font-family:var(--_gcd-input-font-family,inherit);font-size:var(--_gcd-input-font-size,inherit);font-weight:var(--_gcd-input-font-weight,inherit);margin:var(--_gcd-input-margin,0);&:is(textarea,[type=text],[type=password],[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){background-color:var(--_gcd-input-background-color,#0000);border:var(--_gcd-input-border,none);border-radius:var(--_gcd-input-border-radius,0);box-shadow:var(--_gcd-input-box-shadow,0 0 0 #0000);color:var(--_gcd-input-color,var(--wpds-color-fg-interactive-neutral,#1e1e1e));&:focus{border-color:var(--_gcd-input-border-color-focus,var(--wp-admin-theme-color));box-shadow:var(--_gcd-input-box-shadow-focus,none);outline:var(--_gcd-input-outline-focus,none)}&:disabled{background:var(--_gcd-input-background-disabled,#0000);border-color:var(--_gcd-input-border-color-disabled,#0000);box-shadow:var(--_gcd-input-box-shadow-disabled,none);color:var(--_gcd-input-color-disabled,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}&::placeholder{color:var(--_gcd-input-placeholder-color,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}}&:is(textarea,[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){line-height:var(--_gcd-input-line-height,inherit);min-height:var(--_gcd-input-min-height,auto);padding:var(--_gcd-input-padding,0)}}._547d86373d02e108__textarea{box-sizing:var(--_gcd-textarea-box-sizing,border-box);overflow:var(--_gcd-textarea-overflow,auto);resize:var(--_gcd-textarea-resize,block)}._8c15fd0ed9f28ba4__div{outline:var(--_gcd-div-outline,0 solid #0000)}p._43cec3e1eec1066d__p{font-size:var(--_gcd-p-font-size,13px);line-height:var(--_gcd-p-line-height,1.5);margin:var(--_gcd-p-margin,0)}:is(h1,h2,h3,h4,h5,h6).e97669c6d9a38497__heading{color:var(--_gcd-heading-color,var(--wpds-color-fg-content-neutral,#1e1e1e));font-size:var(--_gcd-heading-font-size,inherit);font-weight:var(--_gcd-heading-font-weight,var(--wpds-typography-font-weight-medium,499));margin:var(--_gcd-heading-margin,0)}._2c0831b0499dbd6e__a,._2c0831b0499dbd6e__a:is(:hover,:focus,:active){border-radius:var(--_gcd-a-border-radius,0);box-shadow:var(--_gcd-a-box-shadow,none);color:var(--_gcd-a-color,inherit);outline:var(--_gcd-a-outline,0 solid #0000);transition:var(--_gcd-a-transition,none)}");
+  registerStyle("d5c1b736fd", "._6defc79820e382c6__button{box-sizing:var(--_gcd-button-box-sizing,border-box);font-family:var(--_gcd-button-font-family,inherit);font-size:var(--_gcd-button-font-size,inherit);font-weight:var(--_gcd-button-font-weight,inherit)}.d2cff2e5dea83bd1__input{box-sizing:var(--_gcd-input-box-sizing,border-box);font-family:var(--_gcd-input-font-family,inherit);font-size:var(--_gcd-input-font-size,inherit);font-weight:var(--_gcd-input-font-weight,inherit);margin:var(--_gcd-input-margin,0);&:is(textarea,[type=text],[type=password],[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){background-color:var(--_gcd-input-background-color,transparent);border:var(--_gcd-input-border,none);border-radius:var(--_gcd-input-border-radius,0);box-shadow:var(--_gcd-input-box-shadow,0 0 0 transparent);color:var(--_gcd-input-color,var(--wpds-color-fg-interactive-neutral,#1e1e1e));&:focus{border-color:var(--_gcd-input-border-color-focus,var(--wp-admin-theme-color));box-shadow:var(--_gcd-input-box-shadow-focus,none);outline:var(--_gcd-input-outline-focus,none)}&:disabled{background:var(--_gcd-input-background-disabled,transparent);border-color:var(--_gcd-input-border-color-disabled,transparent);box-shadow:var(--_gcd-input-box-shadow-disabled,none);color:var(--_gcd-input-color-disabled,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}&::placeholder{color:var(--_gcd-input-placeholder-color,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}}&:is(textarea,[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){line-height:var(--_gcd-input-line-height,inherit);min-height:var(--_gcd-input-min-height,auto);padding:var(--_gcd-input-padding,0)}}._547d86373d02e108__textarea{box-sizing:var(--_gcd-textarea-box-sizing,border-box);overflow:var(--_gcd-textarea-overflow,auto);resize:var(--_gcd-textarea-resize,block)}._8c15fd0ed9f28ba4__div{outline:var(--_gcd-div-outline,0 solid transparent)}p._43cec3e1eec1066d__p{font-size:var(--_gcd-p-font-size,13px);line-height:var(--_gcd-p-line-height,1.5);margin:var(--_gcd-p-margin,0)}:is(h1,h2,h3,h4,h5,h6).e97669c6d9a38497__heading{color:var(--_gcd-heading-color,var(--wpds-color-fg-content-neutral,#1e1e1e));font-size:var(--_gcd-heading-font-size,inherit);font-weight:var(--_gcd-heading-font-weight,var(--wpds-typography-font-weight-medium,499));margin:var(--_gcd-heading-margin,0)}._2c0831b0499dbd6e__a,._2c0831b0499dbd6e__a:is(:hover,:focus,:active){border-radius:var(--_gcd-a-border-radius,0);box-shadow:var(--_gcd-a-box-shadow,none);color:var(--_gcd-a-color,inherit);outline:var(--_gcd-a-outline,0 solid transparent);transition:var(--_gcd-a-transition,none)}");
 }
 var global_css_defense_default = { "button": "_6defc79820e382c6__button", "input": "d2cff2e5dea83bd1__input", "textarea": "_547d86373d02e108__textarea", "div": "_8c15fd0ed9f28ba4__div", "p": "_43cec3e1eec1066d__p", "heading": "e97669c6d9a38497__heading", "a": "_2c0831b0499dbd6e__a" };
 var Text = forwardRef(function Text2({ variant = "body-md", render: render5, className: className2, ...props }, ref) {
@@ -1576,7 +1597,7 @@ function registerStyle2(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle2("d6a685e1aa", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._96e6251aad1a6136__badge{border-radius:var(--wpds-border-radius-lg,8px);padding-block:var(--wpds-dimension-padding-xs,4px);padding-inline:var(--wpds-dimension-padding-sm,8px)}._99f7158cb520f750__is-high-intent{background-color:var(--wpds-color-bg-surface-error,#f6e6e3);color:var(--wpds-color-fg-content-error,#470000)}.c20ebef2365bc8b7__is-medium-intent{background-color:var(--wpds-color-bg-surface-warning,#fde6be);color:var(--wpds-color-fg-content-warning,#2e1900)}._365e1626c6202e52__is-low-intent{background-color:var(--wpds-color-bg-surface-caution,#fee995);color:var(--wpds-color-fg-content-caution,#281d00)}._33f8198127ddf4ef__is-stable-intent{background-color:var(--wpds-color-bg-surface-success,#c6f7cd);color:var(--wpds-color-fg-content-success,#002900)}._04c1aca8fc449412__is-informational-intent{background-color:var(--wpds-color-bg-surface-info,#deebfa);color:var(--wpds-color-fg-content-info,#001b4f)}._90726e69d495ec19__is-draft-intent{background-color:var(--wpds-color-bg-surface-neutral-weak,#f4f4f4);color:var(--wpds-color-fg-content-neutral,#1e1e1e)}._898f4a544993bd39__is-none-intent{background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border:var(--wpds-border-width-xs,1px) solid var(--wpds-color-stroke-surface-neutral,#dbdbdb);color:var(--wpds-color-fg-content-neutral,#1e1e1e);padding-block:calc(var(--wpds-dimension-padding-xs, 4px) - var(--wpds-border-width-xs, 1px));padding-inline:calc(var(--wpds-dimension-padding-sm, 8px) - var(--wpds-border-width-xs, 1px))}}");
+  registerStyle2("9d817a6077", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._96e6251aad1a6136__badge{border-radius:var(--wpds-border-radius-lg,8px);padding-block:var(--wpds-dimension-padding-xs,4px);padding-inline:var(--wpds-dimension-padding-sm,8px)}._99f7158cb520f750__is-high-intent{background-color:var(--wpds-color-bg-surface-error,#f6e6e3);color:var(--wpds-color-fg-content-error,#470000)}.c20ebef2365bc8b7__is-medium-intent{background-color:var(--wpds-color-bg-surface-warning,#fde6be);color:var(--wpds-color-fg-content-warning,#2e1900)}._365e1626c6202e52__is-low-intent{background-color:var(--wpds-color-bg-surface-caution,#fee995);color:var(--wpds-color-fg-content-caution,#281d00)}._33f8198127ddf4ef__is-stable-intent{background-color:var(--wpds-color-bg-surface-success,#c6f7cd);color:var(--wpds-color-fg-content-success,#002900)}._04c1aca8fc449412__is-informational-intent{background-color:var(--wpds-color-bg-surface-info,#deebfa);color:var(--wpds-color-fg-content-info,#001b4f)}._90726e69d495ec19__is-draft-intent{background-color:var(--wpds-color-bg-surface-neutral-weak,#f4f4f4);color:var(--wpds-color-fg-content-neutral,#1e1e1e)}._898f4a544993bd39__is-none-intent{background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border:var(--wpds-border-width-xs,1px) solid var(--wpds-color-stroke-surface-neutral,#dbdbdb);color:var(--wpds-color-fg-content-neutral,#1e1e1e);padding-block:calc(var(--wpds-dimension-padding-xs, 4px) - var(--wpds-border-width-xs, 1px));padding-inline:calc(var(--wpds-dimension-padding-sm, 8px) - var(--wpds-border-width-xs, 1px))}}}");
 }
 var style_default2 = { "badge": "_96e6251aad1a6136__badge", "is-high-intent": "_99f7158cb520f750__is-high-intent", "is-medium-intent": "c20ebef2365bc8b7__is-medium-intent", "is-low-intent": "_365e1626c6202e52__is-low-intent", "is-stable-intent": "_33f8198127ddf4ef__is-stable-intent", "is-informational-intent": "_04c1aca8fc449412__is-informational-intent", "is-draft-intent": "_90726e69d495ec19__is-draft-intent", "is-none-intent": "_898f4a544993bd39__is-none-intent" };
 var Badge = forwardRef(function Badge2({ intent = "none", className: className2, ...props }, ref) {
@@ -1841,11 +1862,11 @@ function registerStyle3(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle3("e3ae230cea", "@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}}}");
+  registerStyle3("10f3806643", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer utilities{._336cd3e4e743482f__box-sizing{box-sizing:border-box;*,:after,:before{box-sizing:inherit}}}}");
 }
 var resets_default = { "box-sizing": "_336cd3e4e743482f__box-sizing" };
 if (typeof process === "undefined" || true) {
-  registerStyle3("7bb6e0116a", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._02872bf298eadc43__root{--wp-ui-card-padding:var(--wpds-dimension-padding-2xl,24px);--wp-ui-card-header-content-gap:var(--wpds-dimension-gap-xl,24px);--wp-ui-card-header-content-margin:calc(var(--wp-ui-card-header-content-gap) - var(--wp-ui-card-padding));background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border:1px solid var(--wpds-color-stroke-surface-neutral-weak,#e4e4e4);border-radius:var(--wpds-border-radius-lg,8px);color:var(--wpds-color-fg-content-neutral,#1e1e1e);display:flex;flex-direction:column;overflow:clip}._5dffdaf2a6e669ac__content,.bbccc92e6ba5662d__header{padding:var(--wp-ui-card-padding);&:not(:first-child):not(:last-child){padding-block-end:0}}.bbccc92e6ba5662d__header+._5dffdaf2a6e669ac__content{margin-block-start:var(--wp-ui-card-header-content-margin);padding-block-start:0}.c1fa192587e1b4a6__fullbleed{margin-inline:calc(var(--wp-ui-card-padding)*-1);width:calc(100% + var(--wp-ui-card-padding)*2)}._02872bf298eadc43__root>:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):first-child>.c1fa192587e1b4a6__fullbleed:first-child{margin-block-start:calc(var(--wp-ui-card-padding)*-1)}:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):last-child>.c1fa192587e1b4a6__fullbleed:last-child{margin-block-end:calc(var(--wp-ui-card-padding)*-1)}}");
+  registerStyle3("66ab1fd35b", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._02872bf298eadc43__root{--wp-ui-card-padding:var(--wpds-dimension-padding-2xl,24px);--wp-ui-card-header-content-gap:var(--wpds-dimension-gap-xl,24px);--wp-ui-card-header-content-margin:calc(var(--wp-ui-card-header-content-gap) - var(--wp-ui-card-padding));background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border:1px solid var(--wpds-color-stroke-surface-neutral-weak,#f0f0f0);border-radius:var(--wpds-border-radius-lg,8px);color:var(--wpds-color-fg-content-neutral,#1e1e1e);display:flex;flex-direction:column;overflow:clip}._5dffdaf2a6e669ac__content,.bbccc92e6ba5662d__header{padding:var(--wp-ui-card-padding);&:not(:first-child):not(:last-child){padding-block-end:0}}.bbccc92e6ba5662d__header+._5dffdaf2a6e669ac__content{margin-block-start:var(--wp-ui-card-header-content-margin);padding-block-start:0}.c1fa192587e1b4a6__fullbleed{margin-inline:calc(var(--wp-ui-card-padding)*-1);width:calc(100% + var(--wp-ui-card-padding)*2)}._02872bf298eadc43__root>:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):first-child>.c1fa192587e1b4a6__fullbleed:first-child{margin-block-start:calc(var(--wp-ui-card-padding)*-1)}:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):last-child>.c1fa192587e1b4a6__fullbleed:last-child{margin-block-end:calc(var(--wp-ui-card-padding)*-1)}}}");
 }
 var style_default3 = { "root": "_02872bf298eadc43__root", "header": "bbccc92e6ba5662d__header", "content": "_5dffdaf2a6e669ac__content", "fullbleed": "c1fa192587e1b4a6__fullbleed" };
 var Root = forwardRef(function Card({ render: render5, ...restProps }, ref) {
@@ -1942,7 +1963,7 @@ function registerStyle4(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle4("7bb6e0116a", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._02872bf298eadc43__root{--wp-ui-card-padding:var(--wpds-dimension-padding-2xl,24px);--wp-ui-card-header-content-gap:var(--wpds-dimension-gap-xl,24px);--wp-ui-card-header-content-margin:calc(var(--wp-ui-card-header-content-gap) - var(--wp-ui-card-padding));background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border:1px solid var(--wpds-color-stroke-surface-neutral-weak,#e4e4e4);border-radius:var(--wpds-border-radius-lg,8px);color:var(--wpds-color-fg-content-neutral,#1e1e1e);display:flex;flex-direction:column;overflow:clip}._5dffdaf2a6e669ac__content,.bbccc92e6ba5662d__header{padding:var(--wp-ui-card-padding);&:not(:first-child):not(:last-child){padding-block-end:0}}.bbccc92e6ba5662d__header+._5dffdaf2a6e669ac__content{margin-block-start:var(--wp-ui-card-header-content-margin);padding-block-start:0}.c1fa192587e1b4a6__fullbleed{margin-inline:calc(var(--wp-ui-card-padding)*-1);width:calc(100% + var(--wp-ui-card-padding)*2)}._02872bf298eadc43__root>:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):first-child>.c1fa192587e1b4a6__fullbleed:first-child{margin-block-start:calc(var(--wp-ui-card-padding)*-1)}:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):last-child>.c1fa192587e1b4a6__fullbleed:last-child{margin-block-end:calc(var(--wp-ui-card-padding)*-1)}}");
+  registerStyle4("66ab1fd35b", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._02872bf298eadc43__root{--wp-ui-card-padding:var(--wpds-dimension-padding-2xl,24px);--wp-ui-card-header-content-gap:var(--wpds-dimension-gap-xl,24px);--wp-ui-card-header-content-margin:calc(var(--wp-ui-card-header-content-gap) - var(--wp-ui-card-padding));background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border:1px solid var(--wpds-color-stroke-surface-neutral-weak,#f0f0f0);border-radius:var(--wpds-border-radius-lg,8px);color:var(--wpds-color-fg-content-neutral,#1e1e1e);display:flex;flex-direction:column;overflow:clip}._5dffdaf2a6e669ac__content,.bbccc92e6ba5662d__header{padding:var(--wp-ui-card-padding);&:not(:first-child):not(:last-child){padding-block-end:0}}.bbccc92e6ba5662d__header+._5dffdaf2a6e669ac__content{margin-block-start:var(--wp-ui-card-header-content-margin);padding-block-start:0}.c1fa192587e1b4a6__fullbleed{margin-inline:calc(var(--wp-ui-card-padding)*-1);width:calc(100% + var(--wp-ui-card-padding)*2)}._02872bf298eadc43__root>:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):first-child>.c1fa192587e1b4a6__fullbleed:first-child{margin-block-start:calc(var(--wp-ui-card-padding)*-1)}:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):last-child>.c1fa192587e1b4a6__fullbleed:last-child{margin-block-end:calc(var(--wp-ui-card-padding)*-1)}}}");
 }
 var style_default4 = { "root": "_02872bf298eadc43__root", "header": "bbccc92e6ba5662d__header", "content": "_5dffdaf2a6e669ac__content", "fullbleed": "c1fa192587e1b4a6__fullbleed" };
 var Header = forwardRef(
@@ -2040,7 +2061,7 @@ function registerStyle5(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle5("7bb6e0116a", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._02872bf298eadc43__root{--wp-ui-card-padding:var(--wpds-dimension-padding-2xl,24px);--wp-ui-card-header-content-gap:var(--wpds-dimension-gap-xl,24px);--wp-ui-card-header-content-margin:calc(var(--wp-ui-card-header-content-gap) - var(--wp-ui-card-padding));background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border:1px solid var(--wpds-color-stroke-surface-neutral-weak,#e4e4e4);border-radius:var(--wpds-border-radius-lg,8px);color:var(--wpds-color-fg-content-neutral,#1e1e1e);display:flex;flex-direction:column;overflow:clip}._5dffdaf2a6e669ac__content,.bbccc92e6ba5662d__header{padding:var(--wp-ui-card-padding);&:not(:first-child):not(:last-child){padding-block-end:0}}.bbccc92e6ba5662d__header+._5dffdaf2a6e669ac__content{margin-block-start:var(--wp-ui-card-header-content-margin);padding-block-start:0}.c1fa192587e1b4a6__fullbleed{margin-inline:calc(var(--wp-ui-card-padding)*-1);width:calc(100% + var(--wp-ui-card-padding)*2)}._02872bf298eadc43__root>:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):first-child>.c1fa192587e1b4a6__fullbleed:first-child{margin-block-start:calc(var(--wp-ui-card-padding)*-1)}:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):last-child>.c1fa192587e1b4a6__fullbleed:last-child{margin-block-end:calc(var(--wp-ui-card-padding)*-1)}}");
+  registerStyle5("66ab1fd35b", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._02872bf298eadc43__root{--wp-ui-card-padding:var(--wpds-dimension-padding-2xl,24px);--wp-ui-card-header-content-gap:var(--wpds-dimension-gap-xl,24px);--wp-ui-card-header-content-margin:calc(var(--wp-ui-card-header-content-gap) - var(--wp-ui-card-padding));background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border:1px solid var(--wpds-color-stroke-surface-neutral-weak,#f0f0f0);border-radius:var(--wpds-border-radius-lg,8px);color:var(--wpds-color-fg-content-neutral,#1e1e1e);display:flex;flex-direction:column;overflow:clip}._5dffdaf2a6e669ac__content,.bbccc92e6ba5662d__header{padding:var(--wp-ui-card-padding);&:not(:first-child):not(:last-child){padding-block-end:0}}.bbccc92e6ba5662d__header+._5dffdaf2a6e669ac__content{margin-block-start:var(--wp-ui-card-header-content-margin);padding-block-start:0}.c1fa192587e1b4a6__fullbleed{margin-inline:calc(var(--wp-ui-card-padding)*-1);width:calc(100% + var(--wp-ui-card-padding)*2)}._02872bf298eadc43__root>:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):first-child>.c1fa192587e1b4a6__fullbleed:first-child{margin-block-start:calc(var(--wp-ui-card-padding)*-1)}:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):last-child>.c1fa192587e1b4a6__fullbleed:last-child{margin-block-end:calc(var(--wp-ui-card-padding)*-1)}}}");
 }
 var style_default5 = { "root": "_02872bf298eadc43__root", "header": "bbccc92e6ba5662d__header", "content": "_5dffdaf2a6e669ac__content", "fullbleed": "c1fa192587e1b4a6__fullbleed" };
 var Content = forwardRef(
@@ -2138,7 +2159,7 @@ function registerStyle6(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle6("7bb6e0116a", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._02872bf298eadc43__root{--wp-ui-card-padding:var(--wpds-dimension-padding-2xl,24px);--wp-ui-card-header-content-gap:var(--wpds-dimension-gap-xl,24px);--wp-ui-card-header-content-margin:calc(var(--wp-ui-card-header-content-gap) - var(--wp-ui-card-padding));background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border:1px solid var(--wpds-color-stroke-surface-neutral-weak,#e4e4e4);border-radius:var(--wpds-border-radius-lg,8px);color:var(--wpds-color-fg-content-neutral,#1e1e1e);display:flex;flex-direction:column;overflow:clip}._5dffdaf2a6e669ac__content,.bbccc92e6ba5662d__header{padding:var(--wp-ui-card-padding);&:not(:first-child):not(:last-child){padding-block-end:0}}.bbccc92e6ba5662d__header+._5dffdaf2a6e669ac__content{margin-block-start:var(--wp-ui-card-header-content-margin);padding-block-start:0}.c1fa192587e1b4a6__fullbleed{margin-inline:calc(var(--wp-ui-card-padding)*-1);width:calc(100% + var(--wp-ui-card-padding)*2)}._02872bf298eadc43__root>:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):first-child>.c1fa192587e1b4a6__fullbleed:first-child{margin-block-start:calc(var(--wp-ui-card-padding)*-1)}:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):last-child>.c1fa192587e1b4a6__fullbleed:last-child{margin-block-end:calc(var(--wp-ui-card-padding)*-1)}}");
+  registerStyle6("66ab1fd35b", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._02872bf298eadc43__root{--wp-ui-card-padding:var(--wpds-dimension-padding-2xl,24px);--wp-ui-card-header-content-gap:var(--wpds-dimension-gap-xl,24px);--wp-ui-card-header-content-margin:calc(var(--wp-ui-card-header-content-gap) - var(--wp-ui-card-padding));background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border:1px solid var(--wpds-color-stroke-surface-neutral-weak,#f0f0f0);border-radius:var(--wpds-border-radius-lg,8px);color:var(--wpds-color-fg-content-neutral,#1e1e1e);display:flex;flex-direction:column;overflow:clip}._5dffdaf2a6e669ac__content,.bbccc92e6ba5662d__header{padding:var(--wp-ui-card-padding);&:not(:first-child):not(:last-child){padding-block-end:0}}.bbccc92e6ba5662d__header+._5dffdaf2a6e669ac__content{margin-block-start:var(--wp-ui-card-header-content-margin);padding-block-start:0}.c1fa192587e1b4a6__fullbleed{margin-inline:calc(var(--wp-ui-card-padding)*-1);width:calc(100% + var(--wp-ui-card-padding)*2)}._02872bf298eadc43__root>:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):first-child>.c1fa192587e1b4a6__fullbleed:first-child{margin-block-start:calc(var(--wp-ui-card-padding)*-1)}:is(.bbccc92e6ba5662d__header,._5dffdaf2a6e669ac__content):last-child>.c1fa192587e1b4a6__fullbleed:last-child{margin-block-end:calc(var(--wp-ui-card-padding)*-1)}}}");
 }
 var style_default6 = { "root": "_02872bf298eadc43__root", "header": "bbccc92e6ba5662d__header", "content": "_5dffdaf2a6e669ac__content", "fullbleed": "c1fa192587e1b4a6__fullbleed" };
 var FullBleed = forwardRef(
@@ -2466,15 +2487,15 @@ function registerStyle7(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle7("f1b9bb6252", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._626190151275d6d3__heading-wrapper{--_gcd-heading-color:inherit;--_gcd-heading-font-size:inherit;--_gcd-heading-font-weight:inherit;--_gcd-heading-margin:0;font-family:inherit;line-height:inherit}.cab17c7a373cb60d__header-content{flex:1;min-width:0}.dd89d27c4f15912d__header-trigger-positioner{align-self:center;flex-shrink:0;max-height:0;overflow:visible}.bcfab5f2448bafef__header-trigger-wrapper{border-radius:var(--wpds-border-radius-sm,2px);display:flex;translate:0 -50%}._3106f8d2b0330faa__header-trigger{@media not (prefers-reduced-motion){transition:rotate .15s ease-out}}._5d2dfcb4085c6d0f__header[data-panel-open] ._3106f8d2b0330faa__header-trigger{rotate:180deg}._5d2dfcb4085c6d0f__header[data-disabled] ._3106f8d2b0330faa__header-trigger{color:var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d)}.e34cf37ccd0d81e0__content{height:var(--collapsible-panel-height);margin-block-start:var(--wp-ui-card-header-content-margin);overflow:hidden;&._165c4572592944b2__overflowVisible{overflow:visible}&[hidden]:not([hidden=until-found]){display:none}&[data-ending-style],&[data-starting-style]{height:0}@media not (prefers-reduced-motion){transition:all .15s ease-out}}}@layer wp-ui-compositions{._41bfdbf7b6c087c2__content-inner{padding-block-start:0}._5d2dfcb4085c6d0f__header{align-items:stretch;display:flex;flex-direction:row;gap:var(--wpds-dimension-gap-sm,8px);outline:none;&:not([data-disabled]){cursor:var(--wpds-cursor-control,pointer)}}}");
+  registerStyle7("2072cdf420", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._626190151275d6d3__heading-wrapper{--_gcd-heading-color:inherit;--_gcd-heading-font-size:inherit;--_gcd-heading-font-weight:inherit;--_gcd-heading-margin:0;font-family:inherit;line-height:inherit}.cab17c7a373cb60d__header-content{flex:1;min-width:0}.dd89d27c4f15912d__header-trigger-positioner{align-self:center;flex-shrink:0;max-height:0;overflow:visible}.bcfab5f2448bafef__header-trigger-wrapper{border-radius:var(--wpds-border-radius-sm,2px);display:flex;translate:0 -50%}._3106f8d2b0330faa__header-trigger{@media not (prefers-reduced-motion){transition:rotate .15s ease-out}}._5d2dfcb4085c6d0f__header[data-panel-open] ._3106f8d2b0330faa__header-trigger{rotate:180deg}._5d2dfcb4085c6d0f__header[data-disabled] ._3106f8d2b0330faa__header-trigger{color:var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d)}.e34cf37ccd0d81e0__content{height:var(--collapsible-panel-height);margin-block-start:var(--wp-ui-card-header-content-margin);overflow:hidden;&._165c4572592944b2__overflowVisible{overflow:visible}&[hidden]:not([hidden=until-found]){display:none}&[data-ending-style],&[data-starting-style]{height:0}@media not (prefers-reduced-motion){transition:all .15s ease-out}}}@layer compositions{._41bfdbf7b6c087c2__content-inner{padding-block-start:0}._5d2dfcb4085c6d0f__header{align-items:stretch;display:flex;flex-direction:row;gap:var(--wpds-dimension-gap-sm,8px);outline:none;&:not([data-disabled]){cursor:var(--wpds-cursor-control,pointer)}}}}");
 }
 var style_default7 = { "heading-wrapper": "_626190151275d6d3__heading-wrapper", "header-content": "cab17c7a373cb60d__header-content", "header-trigger-positioner": "dd89d27c4f15912d__header-trigger-positioner", "header-trigger-wrapper": "bcfab5f2448bafef__header-trigger-wrapper", "header-trigger": "_3106f8d2b0330faa__header-trigger", "header": "_5d2dfcb4085c6d0f__header", "content": "e34cf37ccd0d81e0__content", "overflowVisible": "_165c4572592944b2__overflowVisible", "content-inner": "_41bfdbf7b6c087c2__content-inner" };
 if (typeof process === "undefined" || true) {
-  registerStyle7("1fb29d3a3c", "._6defc79820e382c6__button{box-sizing:var(--_gcd-button-box-sizing,border-box);font-family:var(--_gcd-button-font-family,inherit);font-size:var(--_gcd-button-font-size,inherit);font-weight:var(--_gcd-button-font-weight,inherit)}.d2cff2e5dea83bd1__input{box-sizing:var(--_gcd-input-box-sizing,border-box);font-family:var(--_gcd-input-font-family,inherit);font-size:var(--_gcd-input-font-size,inherit);font-weight:var(--_gcd-input-font-weight,inherit);margin:var(--_gcd-input-margin,0);&:is(textarea,[type=text],[type=password],[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){background-color:var(--_gcd-input-background-color,#0000);border:var(--_gcd-input-border,none);border-radius:var(--_gcd-input-border-radius,0);box-shadow:var(--_gcd-input-box-shadow,0 0 0 #0000);color:var(--_gcd-input-color,var(--wpds-color-fg-interactive-neutral,#1e1e1e));&:focus{border-color:var(--_gcd-input-border-color-focus,var(--wp-admin-theme-color));box-shadow:var(--_gcd-input-box-shadow-focus,none);outline:var(--_gcd-input-outline-focus,none)}&:disabled{background:var(--_gcd-input-background-disabled,#0000);border-color:var(--_gcd-input-border-color-disabled,#0000);box-shadow:var(--_gcd-input-box-shadow-disabled,none);color:var(--_gcd-input-color-disabled,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}&::placeholder{color:var(--_gcd-input-placeholder-color,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}}&:is(textarea,[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){line-height:var(--_gcd-input-line-height,inherit);min-height:var(--_gcd-input-min-height,auto);padding:var(--_gcd-input-padding,0)}}._547d86373d02e108__textarea{box-sizing:var(--_gcd-textarea-box-sizing,border-box);overflow:var(--_gcd-textarea-overflow,auto);resize:var(--_gcd-textarea-resize,block)}._8c15fd0ed9f28ba4__div{outline:var(--_gcd-div-outline,0 solid #0000)}p._43cec3e1eec1066d__p{font-size:var(--_gcd-p-font-size,13px);line-height:var(--_gcd-p-line-height,1.5);margin:var(--_gcd-p-margin,0)}:is(h1,h2,h3,h4,h5,h6).e97669c6d9a38497__heading{color:var(--_gcd-heading-color,var(--wpds-color-fg-content-neutral,#1e1e1e));font-size:var(--_gcd-heading-font-size,inherit);font-weight:var(--_gcd-heading-font-weight,var(--wpds-typography-font-weight-medium,499));margin:var(--_gcd-heading-margin,0)}._2c0831b0499dbd6e__a,._2c0831b0499dbd6e__a:is(:hover,:focus,:active){border-radius:var(--_gcd-a-border-radius,0);box-shadow:var(--_gcd-a-box-shadow,none);color:var(--_gcd-a-color,inherit);outline:var(--_gcd-a-outline,0 solid #0000);transition:var(--_gcd-a-transition,none)}");
+  registerStyle7("d5c1b736fd", "._6defc79820e382c6__button{box-sizing:var(--_gcd-button-box-sizing,border-box);font-family:var(--_gcd-button-font-family,inherit);font-size:var(--_gcd-button-font-size,inherit);font-weight:var(--_gcd-button-font-weight,inherit)}.d2cff2e5dea83bd1__input{box-sizing:var(--_gcd-input-box-sizing,border-box);font-family:var(--_gcd-input-font-family,inherit);font-size:var(--_gcd-input-font-size,inherit);font-weight:var(--_gcd-input-font-weight,inherit);margin:var(--_gcd-input-margin,0);&:is(textarea,[type=text],[type=password],[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){background-color:var(--_gcd-input-background-color,transparent);border:var(--_gcd-input-border,none);border-radius:var(--_gcd-input-border-radius,0);box-shadow:var(--_gcd-input-box-shadow,0 0 0 transparent);color:var(--_gcd-input-color,var(--wpds-color-fg-interactive-neutral,#1e1e1e));&:focus{border-color:var(--_gcd-input-border-color-focus,var(--wp-admin-theme-color));box-shadow:var(--_gcd-input-box-shadow-focus,none);outline:var(--_gcd-input-outline-focus,none)}&:disabled{background:var(--_gcd-input-background-disabled,transparent);border-color:var(--_gcd-input-border-color-disabled,transparent);box-shadow:var(--_gcd-input-box-shadow-disabled,none);color:var(--_gcd-input-color-disabled,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}&::placeholder{color:var(--_gcd-input-placeholder-color,var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d))}}&:is(textarea,[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=week]){line-height:var(--_gcd-input-line-height,inherit);min-height:var(--_gcd-input-min-height,auto);padding:var(--_gcd-input-padding,0)}}._547d86373d02e108__textarea{box-sizing:var(--_gcd-textarea-box-sizing,border-box);overflow:var(--_gcd-textarea-overflow,auto);resize:var(--_gcd-textarea-resize,block)}._8c15fd0ed9f28ba4__div{outline:var(--_gcd-div-outline,0 solid transparent)}p._43cec3e1eec1066d__p{font-size:var(--_gcd-p-font-size,13px);line-height:var(--_gcd-p-line-height,1.5);margin:var(--_gcd-p-margin,0)}:is(h1,h2,h3,h4,h5,h6).e97669c6d9a38497__heading{color:var(--_gcd-heading-color,var(--wpds-color-fg-content-neutral,#1e1e1e));font-size:var(--_gcd-heading-font-size,inherit);font-weight:var(--_gcd-heading-font-weight,var(--wpds-typography-font-weight-medium,499));margin:var(--_gcd-heading-margin,0)}._2c0831b0499dbd6e__a,._2c0831b0499dbd6e__a:is(:hover,:focus,:active){border-radius:var(--_gcd-a-border-radius,0);box-shadow:var(--_gcd-a-box-shadow,none);color:var(--_gcd-a-color,inherit);outline:var(--_gcd-a-outline,0 solid transparent);transition:var(--_gcd-a-transition,none)}");
 }
 var global_css_defense_default2 = { "button": "_6defc79820e382c6__button", "input": "d2cff2e5dea83bd1__input", "textarea": "_547d86373d02e108__textarea", "div": "_8c15fd0ed9f28ba4__div", "p": "_43cec3e1eec1066d__p", "heading": "e97669c6d9a38497__heading", "a": "_2c0831b0499dbd6e__a" };
 if (typeof process === "undefined" || true) {
-  registerStyle7("2a5ab8f3a7", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-utilities{._08e8a2e44959f892__outset-ring--focus,._970d04df7376df67__outset-ring--focus-within-except-active,.c5cb3ee4bddaa8e4__outset-ring--focus-within-visible,.cd83dfc2126a0846__outset-ring--focus-within,.d0541bc9dd9dc7b6__outset-ring--focus-visible,.e25b2bdd7aa21721__outset-ring--focus-except-active,.ecadb9e080e2dfa5__outset-ring--focus-parent-visible{@media not (prefers-reduced-motion){--_gcd-a-transition:outline 0.1s ease-out;transition:outline .1s ease-out}outline:0 solid #0000;outline-offset:1px}._08e8a2e44959f892__outset-ring--focus:focus,._970d04df7376df67__outset-ring--focus-within-except-active:focus-within:not(:has(:active)),.c5cb3ee4bddaa8e4__outset-ring--focus-within-visible:focus-within:has(:focus-visible),.cd83dfc2126a0846__outset-ring--focus-within:focus-within,.d0541bc9dd9dc7b6__outset-ring--focus-visible:focus-visible,.e25b2bdd7aa21721__outset-ring--focus-except-active:focus:not(:active),:focus-visible .ecadb9e080e2dfa5__outset-ring--focus-parent-visible{--_gcd-a-outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--wpds-color-stroke-focus-brand,var(--wp-admin-theme-color,#3858e9));--_gcd-div-outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--wpds-color-stroke-focus-brand,var(--wp-admin-theme-color,#3858e9));outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--wpds-color-stroke-focus-brand,var(--wp-admin-theme-color,#3858e9))}}");
+  registerStyle7("693cd16544", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer utilities{._08e8a2e44959f892__outset-ring--focus,._970d04df7376df67__outset-ring--focus-within-except-active,.c5cb3ee4bddaa8e4__outset-ring--focus-within-visible,.cd83dfc2126a0846__outset-ring--focus-within,.d0541bc9dd9dc7b6__outset-ring--focus-visible,.e25b2bdd7aa21721__outset-ring--focus-except-active,.ecadb9e080e2dfa5__outset-ring--focus-parent-visible{@media not (prefers-reduced-motion){--_gcd-a-transition:outline 0.1s ease-out;transition:outline .1s ease-out}outline:0 solid transparent;outline-offset:1px}._08e8a2e44959f892__outset-ring--focus:focus,._970d04df7376df67__outset-ring--focus-within-except-active:focus-within:not(:has(:active)),.c5cb3ee4bddaa8e4__outset-ring--focus-within-visible:focus-within:has(:focus-visible),.cd83dfc2126a0846__outset-ring--focus-within:focus-within,.d0541bc9dd9dc7b6__outset-ring--focus-visible:focus-visible,.e25b2bdd7aa21721__outset-ring--focus-except-active:focus:not(:active),:focus-visible .ecadb9e080e2dfa5__outset-ring--focus-parent-visible{--_gcd-a-outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--wpds-color-stroke-focus-brand,var(--wp-admin-theme-color,#3858e9));--_gcd-div-outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--wpds-color-stroke-focus-brand,var(--wp-admin-theme-color,#3858e9));outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--wpds-color-stroke-focus-brand,var(--wp-admin-theme-color,#3858e9))}}}");
 }
 var focus_default = { "outset-ring--focus": "_08e8a2e44959f892__outset-ring--focus", "outset-ring--focus-except-active": "e25b2bdd7aa21721__outset-ring--focus-except-active", "outset-ring--focus-visible": "d0541bc9dd9dc7b6__outset-ring--focus-visible", "outset-ring--focus-within": "cd83dfc2126a0846__outset-ring--focus-within", "outset-ring--focus-within-except-active": "_970d04df7376df67__outset-ring--focus-within-except-active", "outset-ring--focus-within-visible": "c5cb3ee4bddaa8e4__outset-ring--focus-within-visible", "outset-ring--focus-parent-visible": "ecadb9e080e2dfa5__outset-ring--focus-parent-visible" };
 var Header2 = forwardRef(
@@ -2645,7 +2666,7 @@ function registerStyle8(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle8("f1b9bb6252", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._626190151275d6d3__heading-wrapper{--_gcd-heading-color:inherit;--_gcd-heading-font-size:inherit;--_gcd-heading-font-weight:inherit;--_gcd-heading-margin:0;font-family:inherit;line-height:inherit}.cab17c7a373cb60d__header-content{flex:1;min-width:0}.dd89d27c4f15912d__header-trigger-positioner{align-self:center;flex-shrink:0;max-height:0;overflow:visible}.bcfab5f2448bafef__header-trigger-wrapper{border-radius:var(--wpds-border-radius-sm,2px);display:flex;translate:0 -50%}._3106f8d2b0330faa__header-trigger{@media not (prefers-reduced-motion){transition:rotate .15s ease-out}}._5d2dfcb4085c6d0f__header[data-panel-open] ._3106f8d2b0330faa__header-trigger{rotate:180deg}._5d2dfcb4085c6d0f__header[data-disabled] ._3106f8d2b0330faa__header-trigger{color:var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d)}.e34cf37ccd0d81e0__content{height:var(--collapsible-panel-height);margin-block-start:var(--wp-ui-card-header-content-margin);overflow:hidden;&._165c4572592944b2__overflowVisible{overflow:visible}&[hidden]:not([hidden=until-found]){display:none}&[data-ending-style],&[data-starting-style]{height:0}@media not (prefers-reduced-motion){transition:all .15s ease-out}}}@layer wp-ui-compositions{._41bfdbf7b6c087c2__content-inner{padding-block-start:0}._5d2dfcb4085c6d0f__header{align-items:stretch;display:flex;flex-direction:row;gap:var(--wpds-dimension-gap-sm,8px);outline:none;&:not([data-disabled]){cursor:var(--wpds-cursor-control,pointer)}}}");
+  registerStyle8("2072cdf420", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._626190151275d6d3__heading-wrapper{--_gcd-heading-color:inherit;--_gcd-heading-font-size:inherit;--_gcd-heading-font-weight:inherit;--_gcd-heading-margin:0;font-family:inherit;line-height:inherit}.cab17c7a373cb60d__header-content{flex:1;min-width:0}.dd89d27c4f15912d__header-trigger-positioner{align-self:center;flex-shrink:0;max-height:0;overflow:visible}.bcfab5f2448bafef__header-trigger-wrapper{border-radius:var(--wpds-border-radius-sm,2px);display:flex;translate:0 -50%}._3106f8d2b0330faa__header-trigger{@media not (prefers-reduced-motion){transition:rotate .15s ease-out}}._5d2dfcb4085c6d0f__header[data-panel-open] ._3106f8d2b0330faa__header-trigger{rotate:180deg}._5d2dfcb4085c6d0f__header[data-disabled] ._3106f8d2b0330faa__header-trigger{color:var(--wpds-color-fg-interactive-neutral-disabled,#8d8d8d)}.e34cf37ccd0d81e0__content{height:var(--collapsible-panel-height);margin-block-start:var(--wp-ui-card-header-content-margin);overflow:hidden;&._165c4572592944b2__overflowVisible{overflow:visible}&[hidden]:not([hidden=until-found]){display:none}&[data-ending-style],&[data-starting-style]{height:0}@media not (prefers-reduced-motion){transition:all .15s ease-out}}}@layer compositions{._41bfdbf7b6c087c2__content-inner{padding-block-start:0}._5d2dfcb4085c6d0f__header{align-items:stretch;display:flex;flex-direction:row;gap:var(--wpds-dimension-gap-sm,8px);outline:none;&:not([data-disabled]){cursor:var(--wpds-cursor-control,pointer)}}}}");
 }
 var style_default8 = { "heading-wrapper": "_626190151275d6d3__heading-wrapper", "header-content": "cab17c7a373cb60d__header-content", "header-trigger-positioner": "dd89d27c4f15912d__header-trigger-positioner", "header-trigger-wrapper": "bcfab5f2448bafef__header-trigger-wrapper", "header-trigger": "_3106f8d2b0330faa__header-trigger", "header": "_5d2dfcb4085c6d0f__header", "content": "e34cf37ccd0d81e0__content", "overflowVisible": "_165c4572592944b2__overflowVisible", "content-inner": "_41bfdbf7b6c087c2__content-inner" };
 var Content2 = forwardRef(
@@ -2870,7 +2891,7 @@ var ACCENT_SCALE_BASE_LIGHTNESS_THRESHOLDS = {
 var CONTRAST_EPSILON = 4e-3;
 var MAX_BISECTION_ITERATIONS = 10;
 var DEFAULT_SEED_COLORS = {
-  bg: "#fcfcfc",
+  background: "#fcfcfc",
   primary: "#3858e9",
   info: "#0090ff",
   success: "#4ab866",
@@ -3523,7 +3544,7 @@ var BG_RAMP_CONFIG = {
     contrast: {
       reference: "stroke3",
       followDirection: "opposite",
-      target: 2.6
+      target: 2.9
     },
     taperChromaOptions: STROKE_TAPER_CHROMA
   },
@@ -3840,29 +3861,29 @@ function useThemeProviderStyles({
 } = {}) {
   const { resolvedSettings: inheritedSettings } = useContext(ThemeContext);
   const primary = color.primary ?? inheritedSettings.color?.primary ?? DEFAULT_SEED_COLORS.primary;
-  const bg = color.bg ?? inheritedSettings.color?.bg ?? DEFAULT_SEED_COLORS.bg;
+  const background = color.background ?? inheritedSettings.color?.background ?? DEFAULT_SEED_COLORS.background;
   const cursorControl = cursor?.control ?? inheritedSettings.cursor?.control;
   const resolvedSettings = useMemo(
     () => ({
       color: {
         primary,
-        bg
+        background
       },
       cursor: cursorControl ? { control: cursorControl } : void 0
     }),
-    [primary, bg, cursorControl]
+    [primary, background, cursorControl]
   );
   const colorStyles = useMemo(() => {
     const seeds = {
       ...DEFAULT_SEED_COLORS,
-      bg,
+      background,
       primary
     };
     const computedColorRamps = /* @__PURE__ */ new Map();
-    const bgRamp = getCachedBgRamp(seeds.bg);
+    const bgRamp = getCachedBgRamp(seeds.background);
     Object.entries(seeds).forEach(([rampName, seed]) => {
-      if (rampName === "bg") {
-        computedColorRamps.set(rampName, bgRamp);
+      if (rampName === "background") {
+        computedColorRamps.set("bg", bgRamp);
       } else {
         computedColorRamps.set(
           rampName,
@@ -3874,7 +3895,7 @@ function useThemeProviderStyles({
       primary: seeds.primary,
       computedColorRamps
     });
-  }, [primary, bg]);
+  }, [primary, background]);
   const themeProviderStyles = useMemo(
     () => ({
       ...colorStyles,
@@ -3998,8 +4019,7 @@ var ThemeProvider = ({
   children,
   color = {},
   cursor,
-  isRoot = false,
-  density
+  isRoot = false
 }) => {
   const instanceId = useId();
   const { themeProviderStyles, resolvedSettings } = useThemeProviderStyles({
@@ -4022,7 +4042,6 @@ var ThemeProvider = ({
       {
         "data-wpds-theme-provider-id": instanceId,
         "data-wpds-root-provider": isRoot,
-        "data-wpds-density": density,
         className: style_default9.root,
         children: /* @__PURE__ */ jsx47(ThemeContext.Provider, { value: contextValue, children })
       }
@@ -4131,7 +4150,7 @@ function registerStyle10(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle10("b51ff41489", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._19ce0419607e1896__stack{display:flex}}");
+  registerStyle10("32aba35fe1", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._19ce0419607e1896__stack{display:flex}}}");
 }
 var style_default10 = { "stack": "_19ce0419607e1896__stack" };
 var gapTokens = {
@@ -4259,7 +4278,7 @@ function registerStyle11(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle11("45eb1fe20f", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;._11fc52b637ff8a7e__slot{inset:0;isolation:isolate;pointer-events:none;position:fixed;z-index:1000000003}@layer wp-ui-utilities{._11fc52b637ff8a7e__slot>*{pointer-events:auto}}");
+  registerStyle11("be37f31c1e", "._11fc52b637ff8a7e__slot{inset:0;isolation:isolate;pointer-events:none;position:fixed;z-index:1000000003}@layer wp-ui{@layer utilities, components, compositions, overrides;@layer utilities{._11fc52b637ff8a7e__slot>*{pointer-events:auto}}}");
 }
 var wp_compat_overlay_slot_default = { "slot": "_11fc52b637ff8a7e__slot" };
 var WP_COMPAT_OVERLAY_SLOT_ATTRIBUTE = "data-wp-compat-overlay-slot";
@@ -4413,11 +4432,11 @@ function registerStyle12(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle12("e3ae230cea", "@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}}}");
+  registerStyle12("10f3806643", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer utilities{._336cd3e4e743482f__box-sizing{box-sizing:border-box;*,:after,:before{box-sizing:inherit}}}}");
 }
 var resets_default2 = { "box-sizing": "_336cd3e4e743482f__box-sizing" };
 if (typeof process === "undefined" || true) {
-  registerStyle12("8293efbb49", '@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._480b748dd3510e64__positioner{z-index:var(--wp-ui-tooltip-z-index,initial)}._50096b232db7709d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border-radius:var(--wpds-border-radius-sm,2px);box-shadow:var(--wpds-elevation-sm,0 1px 2px 0 #0000000d,0 2px 3px 0 #0000000a,0 6px 6px 0 #00000008,0 8px 8px 0 #00000005);color:var(--wpds-color-fg-content-neutral,#1e1e1e);font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-size:var(--wpds-typography-font-size-sm,12px);line-height:1.4;padding:var(--wpds-dimension-padding-xs,4px) var(--wpds-dimension-padding-sm,8px);@media (forced-colors:active){border-bottom-color:CanvasText;border-bottom-style:solid;border-bottom-width:1px;border-left-color:CanvasText;border-left-style:solid;border-left-width:1px;border-right-color:CanvasText;border-right-style:solid;border-right-width:1px;border-top-color:CanvasText;border-top-style:solid;border-top-width:1px}}}');
+  registerStyle12("4811d023d1", '@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._480b748dd3510e64__positioner{z-index:var(--wp-ui-tooltip-z-index,initial)}._50096b232db7709d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border-radius:var(--wpds-border-radius-md,4px);box-shadow:var(--wpds-elevation-sm,0 1px 2px 0 #0000000d,0 2px 3px 0 #0000000a,0 6px 6px 0 #00000008,0 8px 8px 0 #00000005);color:var(--wpds-color-fg-content-neutral,#1e1e1e);font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-size:var(--wpds-typography-font-size-sm,12px);line-height:1.4;padding:var(--wpds-dimension-padding-xs,4px) var(--wpds-dimension-padding-sm,8px);@media (forced-colors:active){border-bottom-color:CanvasText;border-bottom-style:solid;border-bottom-width:1px;border-left-color:CanvasText;border-left-style:solid;border-left-width:1px;border-right-color:CanvasText;border-right-style:solid;border-right-width:1px;border-top-color:CanvasText;border-top-style:solid;border-top-width:1px}}}}');
 }
 var style_default11 = { "positioner": "_480b748dd3510e64__positioner", "popup": "_50096b232db7709d__popup" };
 var Positioner = forwardRef(
@@ -4523,32 +4542,21 @@ function registerStyle13(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle13("8293efbb49", '@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{._480b748dd3510e64__positioner{z-index:var(--wp-ui-tooltip-z-index,initial)}._50096b232db7709d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border-radius:var(--wpds-border-radius-sm,2px);box-shadow:var(--wpds-elevation-sm,0 1px 2px 0 #0000000d,0 2px 3px 0 #0000000a,0 6px 6px 0 #00000008,0 8px 8px 0 #00000005);color:var(--wpds-color-fg-content-neutral,#1e1e1e);font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-size:var(--wpds-typography-font-size-sm,12px);line-height:1.4;padding:var(--wpds-dimension-padding-xs,4px) var(--wpds-dimension-padding-sm,8px);@media (forced-colors:active){border-bottom-color:CanvasText;border-bottom-style:solid;border-bottom-width:1px;border-left-color:CanvasText;border-left-style:solid;border-left-width:1px;border-right-color:CanvasText;border-right-style:solid;border-right-width:1px;border-top-color:CanvasText;border-top-style:solid;border-top-width:1px}}}');
+  registerStyle13("4811d023d1", '@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{._480b748dd3510e64__positioner{z-index:var(--wp-ui-tooltip-z-index,initial)}._50096b232db7709d__popup{background-color:var(--wpds-color-bg-surface-neutral-strong,#fff);border-radius:var(--wpds-border-radius-md,4px);box-shadow:var(--wpds-elevation-sm,0 1px 2px 0 #0000000d,0 2px 3px 0 #0000000a,0 6px 6px 0 #00000008,0 8px 8px 0 #00000005);color:var(--wpds-color-fg-content-neutral,#1e1e1e);font-family:var(--wpds-typography-font-family-body,-apple-system,system-ui,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif);font-size:var(--wpds-typography-font-size-sm,12px);line-height:1.4;padding:var(--wpds-dimension-padding-xs,4px) var(--wpds-dimension-padding-sm,8px);@media (forced-colors:active){border-bottom-color:CanvasText;border-bottom-style:solid;border-bottom-width:1px;border-left-color:CanvasText;border-left-style:solid;border-left-width:1px;border-right-color:CanvasText;border-right-style:solid;border-right-width:1px;border-top-color:CanvasText;border-top-style:solid;border-top-width:1px}}}}');
 }
 var style_default12 = { "positioner": "_480b748dd3510e64__positioner", "popup": "_50096b232db7709d__popup" };
 var ThemeProvider2 = unlock3(privateApis).ThemeProvider;
+var POPUP_COLOR = { background: "#1e1e1e" };
 var Popup = forwardRef(function TooltipPopup({ portal, positioner, children, className: className2, ...props }, ref) {
-  const popupContent = (
-    /* This should ideally use whatever dark color makes sense,
-     * and not be hardcoded to #1e1e1e. The solutions would be to:
-     *   - review the design of the tooltip, in case we want to stop
-     *     hardcoding it to a dark background
-     *   - create new semantic tokens as needed (aliasing either the
-     *     "inverted bg" or "perma-dark bg" private tokens) and have
-     *     Tooltip.Popup use them;
-     *   - remove the hardcoded `bg` setting from the `ThemeProvider`
-     *     below
-     */
-    /* @__PURE__ */ jsx50(ThemeProvider2, { color: { bg: "#1e1e1e" }, children: /* @__PURE__ */ jsx50(
-      _Tooltip3.Popup,
-      {
-        ref,
-        className: clsx8(style_default12.popup, className2),
-        ...props,
-        children
-      }
-    ) })
-  );
+  const popupContent = /* @__PURE__ */ jsx50(ThemeProvider2, { color: POPUP_COLOR, children: /* @__PURE__ */ jsx50(
+    _Tooltip3.Popup,
+    {
+      ref,
+      className: clsx8(style_default12.popup, className2),
+      ...props,
+      children
+    }
+  ) });
   const positionedPopup = renderSlotWithChildren(
     positioner,
     /* @__PURE__ */ jsx50(Positioner, {}),
@@ -4663,7 +4671,7 @@ function registerStyle14(hash, css27) {
   }
 }
 if (typeof process === "undefined" || true) {
-  registerStyle14("c46e8cb841", "@layer wp-ui-utilities, wp-ui-components, wp-ui-compositions, wp-ui-overrides;@layer wp-ui-components{.f37b9e2e191ebd66__visually-hidden{word-wrap:normal;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal}}");
+  registerStyle14("fa606a57ae", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{.f37b9e2e191ebd66__visually-hidden{word-wrap:normal;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal}}}");
 }
 var style_default13 = { "visually-hidden": "f37b9e2e191ebd66__visually-hidden" };
 var VisuallyHidden = forwardRef(
@@ -4725,6 +4733,7 @@ var LAYOUT_LIST = "list";
 var LAYOUT_ACTIVITY = "activity";
 var LAYOUT_PICKER_GRID = "pickerGrid";
 var LAYOUT_PICKER_TABLE = "pickerTable";
+var LAYOUT_PICKER_ACTIVITY = "pickerActivity";
 
 // src/components/dataviews-context/index.ts
 var DataViewsContext = createContext({
@@ -4765,7 +4774,7 @@ DataViewsContext.displayName = "DataViewsContext";
 var dataviews_context_default = DataViewsContext;
 
 // src/components/dataviews-layouts/index.ts
-import { __ as __35, isRTL as isRTL12 } from "@wordpress/i18n";
+import { __ as __36, isRTL as isRTL12 } from "@wordpress/i18n";
 
 // src/components/dataviews-layouts/table/index.tsx
 import clsx38 from "clsx";
@@ -20383,17 +20392,279 @@ function ViewPickerTable({
 }
 var picker_table_default = ViewPickerTable;
 
+// src/components/dataviews-layouts/picker-activity/index.tsx
+import clsx47 from "clsx";
+import { __ as __33, sprintf as sprintf14 } from "@wordpress/i18n";
+import { Fragment as Fragment12, jsx as jsx74, jsxs as jsxs19 } from "react/jsx-runtime";
+function isDefined5(item2) {
+  return !!item2;
+}
+function PickerActivityItem({
+  view,
+  multiselect,
+  selection,
+  onChangeSelection,
+  getItemId,
+  item: item2,
+  titleField,
+  mediaField,
+  descriptionField,
+  otherFields,
+  posinset,
+  setsize
+}) {
+  const elementRef = useRef(null);
+  useIntersectionObserver(elementRef, posinset);
+  const { showTitle = true, showMedia = true, showDescription = true } = view;
+  const id = getItemId(item2);
+  const isSelected = selection.includes(id);
+  const density = view.layout?.density ?? "balanced";
+  const mediaContent = showMedia && density !== "compact" && mediaField?.render ? /* @__PURE__ */ jsx74(
+    mediaField.render,
+    {
+      item: item2,
+      field: mediaField,
+      config: {
+        sizes: density === "comfortable" ? "32px" : "24px"
+      }
+    }
+  ) : null;
+  const renderedMediaField = /* @__PURE__ */ jsx74("div", { className: "dataviews-view-picker-activity__item-type-icon", children: mediaContent || /* @__PURE__ */ jsx74(
+    "span",
+    {
+      className: "dataviews-view-picker-activity__item-bullet",
+      "aria-hidden": "true"
+    }
+  ) });
+  const renderedTitleField = showTitle && titleField?.render ? /* @__PURE__ */ jsx74(titleField.render, { item: item2, field: titleField }) : null;
+  const renderedDescriptionField = showDescription && descriptionField?.render ? /* @__PURE__ */ jsx74(descriptionField.render, { item: item2, field: descriptionField }) : null;
+  const verticalGap = useMemo(() => {
+    switch (density) {
+      case "comfortable":
+        return "md";
+      default:
+        return "sm";
+    }
+  }, [density]);
+  return /* @__PURE__ */ jsx74(
+    Composite2.Item,
+    {
+      ref: elementRef,
+      role: "option",
+      "aria-label": titleField ? titleField.getValue({ item: item2 }) || void 0 : void 0,
+      "aria-posinset": posinset,
+      "aria-setsize": setsize,
+      "aria-selected": isSelected,
+      className: clsx47(
+        "dataviews-view-picker-activity__item",
+        density === "compact" && "is-compact",
+        density === "balanced" && "is-balanced",
+        density === "comfortable" && "is-comfortable",
+        isSelected && "is-selected"
+      ),
+      onClick: () => {
+        if (isSelected) {
+          onChangeSelection(
+            selection.filter((itemId) => id !== itemId)
+          );
+        } else {
+          const newSelection = multiselect ? [...selection, id] : [id];
+          onChangeSelection(newSelection);
+        }
+      },
+      render: /* @__PURE__ */ jsx74("div", {}),
+      children: /* @__PURE__ */ jsxs19(Stack, { direction: "row", gap: "lg", justify: "start", align: "flex-start", children: [
+        /* @__PURE__ */ jsx74(
+          Stack,
+          {
+            direction: "column",
+            gap: "xs",
+            align: "center",
+            className: "dataviews-view-picker-activity__item-type",
+            children: renderedMediaField
+          }
+        ),
+        /* @__PURE__ */ jsxs19(
+          Stack,
+          {
+            direction: "column",
+            gap: verticalGap,
+            align: "flex-start",
+            className: "dataviews-view-picker-activity__item-content",
+            children: [
+              renderedTitleField && /* @__PURE__ */ jsx74("div", { className: "dataviews-view-picker-activity__item-title", children: renderedTitleField }),
+              renderedDescriptionField && /* @__PURE__ */ jsx74("div", { className: "dataviews-view-picker-activity__item-description", children: renderedDescriptionField }),
+              /* @__PURE__ */ jsx74("div", { className: "dataviews-view-picker-activity__item-fields", children: otherFields.map((field) => /* @__PURE__ */ jsxs19(
+                "div",
+                {
+                  className: "dataviews-view-picker-activity__item-field",
+                  children: [
+                    /* @__PURE__ */ jsx74(
+                      VisuallyHidden,
+                      {
+                        render: /* @__PURE__ */ jsx74("span", {}),
+                        className: "dataviews-view-picker-activity__item-field-label",
+                        children: field.label
+                      }
+                    ),
+                    /* @__PURE__ */ jsx74("span", { className: "dataviews-view-picker-activity__item-field-value", children: /* @__PURE__ */ jsx74(
+                      field.render,
+                      {
+                        item: item2,
+                        field
+                      }
+                    ) })
+                  ]
+                },
+                field.id
+              )) })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function PickerActivityGroup({
+  groupName,
+  groupField,
+  showLabel = true,
+  children
+}) {
+  const headerId = use_instance_id_default(
+    PickerActivityGroup,
+    "dataviews-view-picker-activity-group__header"
+  );
+  return /* @__PURE__ */ jsxs19(
+    Stack,
+    {
+      direction: "column",
+      role: "group",
+      "aria-labelledby": headerId,
+      className: "dataviews-view-picker-activity-group",
+      children: [
+        /* @__PURE__ */ jsx74(
+          "h3",
+          {
+            className: "dataviews-view-picker-activity-group__header",
+            id: headerId,
+            children: showLabel ? sprintf14(
+              // translators: 1: The label of the field e.g. "Date". 2: The value of the field, e.g.: "May 2022".
+              __33("%1$s: %2$s"),
+              groupField.label,
+              groupName
+            ) : groupName
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function ViewPickerActivity({
+  data,
+  fields,
+  getItemId,
+  isLoading,
+  onChangeSelection,
+  selection,
+  view,
+  actions,
+  className: className2,
+  empty
+}) {
+  const { itemListLabel, paginationInfo } = useContext(dataviews_context_default);
+  const isMultiselect = useIsMultiselectPicker(actions);
+  const titleField = fields.find(
+    (field) => field.id === view?.titleField
+  );
+  const mediaField = fields.find(
+    (field) => field.id === view?.mediaField
+  );
+  const descriptionField = fields.find(
+    (field) => field.id === view?.descriptionField
+  );
+  const otherFields = (view?.fields ?? []).map((fieldId) => fields.find((f) => fieldId === f.id)).filter(isDefined5);
+  const groupField = view.groupBy?.field ? fields.find((f) => f.id === view.groupBy?.field) : null;
+  const dataByGroup = groupField ? getDataByGroup(data, groupField) : null;
+  const isInfiniteScroll = (view.infiniteScrollEnabled && !dataByGroup) ?? false;
+  const setsize = isInfiniteScroll ? paginationInfo?.totalItems : void 0;
+  const hasData = !!data?.length;
+  const isGrouped = !!(groupField && dataByGroup);
+  const renderItem = (item2) => /* @__PURE__ */ jsx74(
+    PickerActivityItem,
+    {
+      view,
+      multiselect: isMultiselect,
+      selection,
+      onChangeSelection,
+      getItemId,
+      item: item2,
+      titleField,
+      mediaField,
+      descriptionField,
+      otherFields,
+      posinset: item2.position,
+      setsize
+    },
+    getItemId(item2)
+  );
+  if (!hasData) {
+    return /* @__PURE__ */ jsx74(
+      "div",
+      {
+        className: clsx47({
+          "dataviews-loading": isLoading,
+          "dataviews-no-results": !isLoading
+        }),
+        children: isLoading ? /* @__PURE__ */ jsx74("p", { children: /* @__PURE__ */ jsx74(spinner_default, {}) }) : empty
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs19(Fragment12, { children: [
+    /* @__PURE__ */ jsx74(
+      Composite2,
+      {
+        virtualFocus: true,
+        orientation: "vertical",
+        role: "listbox",
+        "aria-multiselectable": isMultiselect,
+        "aria-label": itemListLabel,
+        "aria-busy": isLoading,
+        render: isGrouped ? /* @__PURE__ */ jsx74(Stack, { direction: "column", gap: "sm" }) : void 0,
+        className: clsx47(
+          "dataviews-view-picker-activity",
+          className2
+        ),
+        children: isGrouped && dataByGroup ? Array.from(dataByGroup.entries()).map(
+          ([groupName, groupItems]) => /* @__PURE__ */ jsx74(
+            PickerActivityGroup,
+            {
+              groupName,
+              groupField,
+              showLabel: view.groupBy?.showLabel !== false,
+              children: groupItems.map(renderItem)
+            },
+            groupName
+          )
+        ) : data.map(renderItem)
+      }
+    ),
+    isLoading && /* @__PURE__ */ jsx74("p", { className: "dataviews-loading-more", children: /* @__PURE__ */ jsx74(spinner_default, {}) })
+  ] });
+}
+
 // src/components/dataviews-layouts/utils/density-picker.tsx
-import { __ as __33, _x as _x2 } from "@wordpress/i18n";
-import { jsx as jsx74, jsxs as jsxs19 } from "react/jsx-runtime";
+import { __ as __34, _x as _x2 } from "@wordpress/i18n";
+import { jsx as jsx75, jsxs as jsxs20 } from "react/jsx-runtime";
 function DensityPicker() {
   const context = useContext(dataviews_context_default);
   const view = context.view;
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     component_default10,
     {
       size: "__unstable-large",
-      label: __33("Density"),
+      label: __34("Density"),
       value: view.layout?.density || "balanced",
       onChange: (value) => {
         context.onChangeView({
@@ -20406,7 +20677,7 @@ function DensityPicker() {
       },
       isBlock: true,
       children: [
-        /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx75(
           component_default12,
           {
             value: "comfortable",
@@ -20417,7 +20688,7 @@ function DensityPicker() {
           },
           "comfortable"
         ),
-        /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx75(
           component_default12,
           {
             value: "balanced",
@@ -20425,7 +20696,7 @@ function DensityPicker() {
           },
           "balanced"
         ),
-        /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx75(
           component_default12,
           {
             value: "compact",
@@ -20439,8 +20710,8 @@ function DensityPicker() {
 }
 
 // src/components/dataviews-layouts/utils/preview-size-picker.tsx
-import { __ as __34 } from "@wordpress/i18n";
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { __ as __35 } from "@wordpress/i18n";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var imageSizes2 = [
   {
     value: 120,
@@ -20483,12 +20754,12 @@ function PreviewSizePicker() {
       value: index
     };
   });
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx76(
     range_control_default,
     {
       __next40pxDefaultSize: true,
       showTooltip: false,
-      label: __34("Preview size"),
+      label: __35("Preview size"),
       value: previewSizeToUse,
       min: 0,
       max: breakValues.length - 1,
@@ -20509,11 +20780,11 @@ function PreviewSizePicker() {
 }
 
 // src/components/dataviews-layouts/utils/grid-config-options.tsx
-import { Fragment as Fragment12, jsx as jsx76, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx77, jsxs as jsxs21 } from "react/jsx-runtime";
 function GridConfigOptions() {
-  return /* @__PURE__ */ jsxs20(Fragment12, { children: [
-    /* @__PURE__ */ jsx76(DensityPicker, {}),
-    /* @__PURE__ */ jsx76(PreviewSizePicker, {})
+  return /* @__PURE__ */ jsxs21(Fragment13, { children: [
+    /* @__PURE__ */ jsx77(DensityPicker, {}),
+    /* @__PURE__ */ jsx77(PreviewSizePicker, {})
   ] });
 }
 
@@ -20521,35 +20792,35 @@ function GridConfigOptions() {
 var VIEW_LAYOUTS = [
   {
     type: LAYOUT_TABLE,
-    label: __35("Table"),
+    label: __36("Table"),
     component: table_default,
     icon: block_table_default,
     viewConfigOptions: DensityPicker
   },
   {
     type: LAYOUT_GRID,
-    label: __35("Grid"),
+    label: __36("Grid"),
     component: grid_default,
     icon: category_default,
     viewConfigOptions: GridConfigOptions
   },
   {
     type: LAYOUT_LIST,
-    label: __35("List"),
+    label: __36("List"),
     component: ViewList,
     icon: isRTL12() ? format_list_bullets_rtl_default : format_list_bullets_default,
     viewConfigOptions: DensityPicker
   },
   {
     type: LAYOUT_ACTIVITY,
-    label: __35("Activity"),
+    label: __36("Activity"),
     component: ViewActivity,
     icon: scheduled_default,
     viewConfigOptions: DensityPicker
   },
   {
     type: LAYOUT_PICKER_GRID,
-    label: __35("Grid"),
+    label: __36("Grid"),
     component: picker_grid_default,
     icon: category_default,
     viewConfigOptions: GridConfigOptions,
@@ -20557,23 +20828,31 @@ var VIEW_LAYOUTS = [
   },
   {
     type: LAYOUT_PICKER_TABLE,
-    label: __35("Table"),
+    label: __36("Table"),
     component: picker_table_default,
     icon: block_table_default,
     viewConfigOptions: DensityPicker,
     isPicker: true
+  },
+  {
+    type: LAYOUT_PICKER_ACTIVITY,
+    label: __36("Activity"),
+    component: ViewPickerActivity,
+    icon: scheduled_default,
+    viewConfigOptions: DensityPicker,
+    isPicker: true
   }
 ];
 
 // src/components/dataviews-filters/filter.tsx
-import clsx48 from "clsx";
-import { __ as __38, sprintf as sprintf16 } from "@wordpress/i18n";
+import clsx49 from "clsx";
+import { __ as __39, sprintf as sprintf17 } from "@wordpress/i18n";
 
 // src/components/dataviews-filters/search-widget.tsx
 import * as Ariakit21 from "@ariakit/react";
 import removeAccents2 from "remove-accents";
-import clsx47 from "clsx";
-import { __ as __36, sprintf as sprintf14 } from "@wordpress/i18n";
+import clsx48 from "clsx";
+import { __ as __37, sprintf as sprintf15 } from "@wordpress/i18n";
 
 // src/components/dataviews-filters/utils.ts
 var EMPTY_ARRAY3 = [];
@@ -20631,7 +20910,7 @@ function useElements({
 }
 
 // src/components/dataviews-filters/search-widget.tsx
-import { jsx as jsx77, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs22 } from "react/jsx-runtime";
 function normalizeSearchInput(input = "") {
   return removeAccents2(input.trim().toLowerCase());
 }
@@ -20648,22 +20927,22 @@ function generateFilterElementCompositeItemId(prefix, filterElementValue) {
   return `${prefix}-${filterElementValue}`;
 }
 var MultiSelectionOption = ({ selected }) => {
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78(
     "span",
     {
-      className: clsx47(
+      className: clsx48(
         "dataviews-filters__search-widget-listitem-multi-selection",
         { "is-selected": selected }
       ),
-      children: selected && /* @__PURE__ */ jsx77(icon_default2, { icon: check_default })
+      children: selected && /* @__PURE__ */ jsx78(icon_default2, { icon: check_default })
     }
   );
 };
 var SingleSelectionOption = ({ selected }) => {
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78(
     "span",
     {
-      className: clsx47(
+      className: clsx48(
         "dataviews-filters__search-widget-listitem-single-selection",
         { "is-selected": selected }
       )
@@ -20685,7 +20964,7 @@ function ListBox({ view, filter, onChangeView }) {
     (f) => f.field === filter.field
   );
   const currentValue = getCurrentValue(filter, currentFilter);
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78(
     Composite2,
     {
       virtualFocus: true,
@@ -20694,9 +20973,9 @@ function ListBox({ view, filter, onChangeView }) {
       setActiveId: setActiveCompositeId,
       role: "listbox",
       className: "dataviews-filters__search-widget-listbox",
-      "aria-label": sprintf14(
+      "aria-label": sprintf15(
         /* translators: List of items for a filter. 1: Filter name. e.g.: "List of: Author". */
-        __36("List of: %1$s"),
+        __37("List of: %1$s"),
         filter.name
       ),
       onFocusVisible: () => {
@@ -20709,18 +20988,18 @@ function ListBox({ view, filter, onChangeView }) {
           );
         }
       },
-      render: /* @__PURE__ */ jsx77(Composite2.Typeahead, {}),
-      children: filter.elements.map((element) => /* @__PURE__ */ jsxs21(
+      render: /* @__PURE__ */ jsx78(Composite2.Typeahead, {}),
+      children: filter.elements.map((element) => /* @__PURE__ */ jsxs22(
         Composite2.Hover,
         {
-          render: /* @__PURE__ */ jsx77(
+          render: /* @__PURE__ */ jsx78(
             Composite2.Item,
             {
               id: generateFilterElementCompositeItemId(
                 baseId,
                 element.value
               ),
-              render: /* @__PURE__ */ jsx77(
+              render: /* @__PURE__ */ jsx78(
                 "div",
                 {
                   "aria-label": element.label,
@@ -20767,19 +21046,19 @@ function ListBox({ view, filter, onChangeView }) {
             }
           ),
           children: [
-            filter.singleSelection && /* @__PURE__ */ jsx77(
+            filter.singleSelection && /* @__PURE__ */ jsx78(
               SingleSelectionOption,
               {
                 selected: currentValue === element.value
               }
             ),
-            !filter.singleSelection && /* @__PURE__ */ jsx77(
+            !filter.singleSelection && /* @__PURE__ */ jsx78(
               MultiSelectionOption,
               {
                 selected: currentValue.includes(element.value)
               }
             ),
-            /* @__PURE__ */ jsx77(
+            /* @__PURE__ */ jsx78(
               "span",
               {
                 className: "dataviews-filters__search-widget-listitem-value",
@@ -20807,7 +21086,7 @@ function ComboboxList2({ view, filter, onChangeView }) {
       (item2) => normalizeSearchInput(item2.label).includes(normalizedSearch)
     );
   }, [filter.elements, deferredSearchValue]);
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     Ariakit21.ComboboxProvider,
     {
       selectedValue: currentValue,
@@ -20839,26 +21118,26 @@ function ComboboxList2({ view, filter, onChangeView }) {
       },
       setValue: setSearchValue,
       children: [
-        /* @__PURE__ */ jsxs21("div", { className: "dataviews-filters__search-widget-filter-combobox__wrapper", children: [
-          /* @__PURE__ */ jsx77(VisuallyHidden, { render: /* @__PURE__ */ jsx77(Ariakit21.ComboboxLabel, {}), children: __36("Search items") }),
-          /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsxs22("div", { className: "dataviews-filters__search-widget-filter-combobox__wrapper", children: [
+          /* @__PURE__ */ jsx78(VisuallyHidden, { render: /* @__PURE__ */ jsx78(Ariakit21.ComboboxLabel, {}), children: __37("Search items") }),
+          /* @__PURE__ */ jsx78(
             Ariakit21.Combobox,
             {
               autoSelect: "always",
-              placeholder: __36("Search"),
+              placeholder: __37("Search"),
               className: "dataviews-filters__search-widget-filter-combobox__input"
             }
           ),
-          /* @__PURE__ */ jsx77("div", { className: "dataviews-filters__search-widget-filter-combobox__icon", children: /* @__PURE__ */ jsx77(icon_default2, { icon: search_default }) })
+          /* @__PURE__ */ jsx78("div", { className: "dataviews-filters__search-widget-filter-combobox__icon", children: /* @__PURE__ */ jsx78(icon_default2, { icon: search_default }) })
         ] }),
-        /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsxs22(
           Ariakit21.ComboboxList,
           {
             className: "dataviews-filters__search-widget-filter-combobox-list",
             alwaysVisible: true,
             children: [
               matches.map((element) => {
-                return /* @__PURE__ */ jsxs21(
+                return /* @__PURE__ */ jsxs22(
                   Ariakit21.ComboboxItem,
                   {
                     resetValueOnSelect: false,
@@ -20868,13 +21147,13 @@ function ComboboxList2({ view, filter, onChangeView }) {
                     setValueOnClick: false,
                     focusOnHover: true,
                     children: [
-                      filter.singleSelection && /* @__PURE__ */ jsx77(
+                      filter.singleSelection && /* @__PURE__ */ jsx78(
                         SingleSelectionOption,
                         {
                           selected: currentValue === element.value
                         }
                       ),
-                      !filter.singleSelection && /* @__PURE__ */ jsx77(
+                      !filter.singleSelection && /* @__PURE__ */ jsx78(
                         MultiSelectionOption,
                         {
                           selected: currentValue.includes(
@@ -20882,20 +21161,20 @@ function ComboboxList2({ view, filter, onChangeView }) {
                           )
                         }
                       ),
-                      /* @__PURE__ */ jsxs21(
+                      /* @__PURE__ */ jsxs22(
                         "span",
                         {
                           className: "dataviews-filters__search-widget-listitem-value",
                           title: element.label,
                           children: [
-                            /* @__PURE__ */ jsx77(
+                            /* @__PURE__ */ jsx78(
                               Ariakit21.ComboboxItemValue,
                               {
                                 className: "dataviews-filters__search-widget-filter-combobox-item-value",
                                 value: element.label
                               }
                             ),
-                            !!element.description && /* @__PURE__ */ jsx77("span", { className: "dataviews-filters__search-widget-listitem-description", children: element.description })
+                            !!element.description && /* @__PURE__ */ jsx78("span", { className: "dataviews-filters__search-widget-listitem-description", children: element.description })
                           ]
                         }
                       )
@@ -20904,7 +21183,7 @@ function ComboboxList2({ view, filter, onChangeView }) {
                   element.value
                 );
               }),
-              !matches.length && /* @__PURE__ */ jsx77("p", { children: __36("No results found") })
+              !matches.length && /* @__PURE__ */ jsx78("p", { children: __37("No results found") })
             ]
           }
         )
@@ -20918,18 +21197,18 @@ function SearchWidget(props) {
     getElements: props.filter.getElements
   });
   if (isLoading) {
-    return /* @__PURE__ */ jsx77("div", { className: "dataviews-filters__search-widget-no-elements", children: /* @__PURE__ */ jsx77(spinner_default, {}) });
+    return /* @__PURE__ */ jsx78("div", { className: "dataviews-filters__search-widget-no-elements", children: /* @__PURE__ */ jsx78(spinner_default, {}) });
   }
   if (elements.length === 0) {
-    return /* @__PURE__ */ jsx77("div", { className: "dataviews-filters__search-widget-no-elements", children: __36("No elements found") });
+    return /* @__PURE__ */ jsx78("div", { className: "dataviews-filters__search-widget-no-elements", children: __37("No elements found") });
   }
   const Widget = elements.length > 10 ? ComboboxList2 : ListBox;
-  return /* @__PURE__ */ jsx77(Widget, { ...props, filter: { ...props.filter, elements } });
+  return /* @__PURE__ */ jsx78(Widget, { ...props, filter: { ...props.filter, elements } });
 }
 
 // src/components/dataviews-filters/input-widget.tsx
 import fastDeepEqual2 from "fast-deep-equal/es6/index.js";
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 function InputWidget({
   filter,
   view,
@@ -20997,13 +21276,13 @@ function InputWidget({
   if (!field || !field.Edit || !currentFilter) {
     return null;
   }
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx79(
     component_default3,
     {
       className: "dataviews-filters__user-input-widget",
       gap: 2.5,
       direction: "column",
-      children: /* @__PURE__ */ jsx78(
+      children: /* @__PURE__ */ jsx79(
         field.Edit,
         {
           hideLabelFromVision: true,
@@ -21019,12 +21298,12 @@ function InputWidget({
 
 // src/utils/operators.tsx
 import { subDays, subWeeks, subMonths, subYears } from "date-fns";
-import { __ as __37, sprintf as sprintf15 } from "@wordpress/i18n";
+import { __ as __38, sprintf as sprintf16 } from "@wordpress/i18n";
 import { getDate } from "@wordpress/date";
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var filterTextWrappers = {
-  Name: /* @__PURE__ */ jsx79("span", { className: "dataviews-filters__summary-filter-text-name" }),
-  Value: /* @__PURE__ */ jsx79("span", { className: "dataviews-filters__summary-filter-text-value" })
+  Name: /* @__PURE__ */ jsx80("span", { className: "dataviews-filters__summary-filter-text-name" }),
+  Value: /* @__PURE__ */ jsx80("span", { className: "dataviews-filters__summary-filter-text-value" })
 };
 function getRelativeDate(value, unit) {
   switch (unit) {
@@ -21042,11 +21321,11 @@ function getRelativeDate(value, unit) {
 }
 var isNoneOperatorDefinition = {
   /* translators: DataViews operator name */
-  label: __37("Is none of"),
+  label: __38("Is none of"),
   filterText: (filter, activeElements) => create_interpolate_element_default(
-    sprintf15(
+    sprintf16(
       /* translators: 1: Filter name (e.g. "Author"). 2: Filter value (e.g. "Admin"): "Author is none of: Admin, Editor". */
-      __37("<Name>%1$s is none of: </Name><Value>%2$s</Value>"),
+      __38("<Name>%1$s is none of: </Name><Value>%2$s</Value>"),
       filter.name,
       activeElements.map((element) => element.label).join(", ")
     ),
@@ -21072,11 +21351,11 @@ var OPERATORS = [
   {
     name: OPERATOR_IS_ANY,
     /* translators: DataViews operator name */
-    label: __37("Includes"),
+    label: __38("Includes"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Author"). 2: Filter value (e.g. "Admin"): "Author is any: Admin, Editor". */
-        __37("<Name>%1$s includes: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s includes: </Name><Value>%2$s</Value>"),
         filter.name,
         activeElements.map((element) => element.label).join(", ")
       ),
@@ -21105,11 +21384,11 @@ var OPERATORS = [
   {
     name: OPERATOR_IS_ALL,
     /* translators: DataViews operator name */
-    label: __37("Includes all"),
+    label: __38("Includes all"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Author"). 2: Filter value (e.g. "Admin"): "Author includes all: Admin, Editor". */
-        __37("<Name>%1$s includes all: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s includes all: </Name><Value>%2$s</Value>"),
         filter.name,
         activeElements.map((element) => element.label).join(", ")
       ),
@@ -21132,11 +21411,11 @@ var OPERATORS = [
   {
     name: OPERATOR_BETWEEN,
     /* translators: DataViews operator name */
-    label: __37("Between (inc)"),
+    label: __38("Between (inc)"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Item count"). 2: Filter value min. 3: Filter value max. e.g.: "Item count between (inc): 10 and 180". */
-        __37(
+        __38(
           "<Name>%1$s between (inc): </Name><Value>%2$s and %3$s</Value>"
         ),
         filter.name,
@@ -21160,11 +21439,11 @@ var OPERATORS = [
   {
     name: OPERATOR_IN_THE_PAST,
     /* translators: DataViews operator name */
-    label: __37("In the past"),
+    label: __38("In the past"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "7 days"): "Date is in the past: 7 days". */
-        __37(
+        __38(
           "<Name>%1$s is in the past: </Name><Value>%2$s</Value>"
         ),
         filter.name,
@@ -21188,11 +21467,11 @@ var OPERATORS = [
   {
     name: OPERATOR_OVER,
     /* translators: DataViews operator name */
-    label: __37("Over"),
+    label: __38("Over"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "7 days"): "Date is over: 7 days". */
-        __37("<Name>%1$s is over: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s is over: </Name><Value>%2$s</Value>"),
         filter.name,
         `${activeElements[0].value.value} ${activeElements[0].value.unit}`
       ),
@@ -21214,11 +21493,11 @@ var OPERATORS = [
   {
     name: OPERATOR_IS,
     /* translators: DataViews operator name */
-    label: __37("Is"),
+    label: __38("Is"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Author"). 2: Filter value (e.g. "Admin"): "Author is: Admin". */
-        __37("<Name>%1$s is: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s is: </Name><Value>%2$s</Value>"),
         filter.name,
         activeElements[0].label
       ),
@@ -21232,11 +21511,11 @@ var OPERATORS = [
   {
     name: OPERATOR_IS_NOT,
     /* translators: DataViews operator name */
-    label: __37("Is not"),
+    label: __38("Is not"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Author"). 2: Filter value (e.g. "Admin"): "Author is not: Admin". */
-        __37("<Name>%1$s is not: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s is not: </Name><Value>%2$s</Value>"),
         filter.name,
         activeElements[0].label
       ),
@@ -21250,11 +21529,11 @@ var OPERATORS = [
   {
     name: OPERATOR_LESS_THAN,
     /* translators: DataViews operator name */
-    label: __37("Less than"),
+    label: __38("Less than"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Count"). 2: Filter value (e.g. "10"): "Count is less than: 10". */
-        __37("<Name>%1$s is less than: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s is less than: </Name><Value>%2$s</Value>"),
         filter.name,
         activeElements[0].label
       ),
@@ -21272,11 +21551,11 @@ var OPERATORS = [
   {
     name: OPERATOR_GREATER_THAN,
     /* translators: DataViews operator name */
-    label: __37("Greater than"),
+    label: __38("Greater than"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Count"). 2: Filter value (e.g. "10"): "Count is greater than: 10". */
-        __37(
+        __38(
           "<Name>%1$s is greater than: </Name><Value>%2$s</Value>"
         ),
         filter.name,
@@ -21296,11 +21575,11 @@ var OPERATORS = [
   {
     name: OPERATOR_LESS_THAN_OR_EQUAL,
     /* translators: DataViews operator name */
-    label: __37("Less than or equal"),
+    label: __38("Less than or equal"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Count"). 2: Filter value (e.g. "10"): "Count is less than or equal to: 10". */
-        __37(
+        __38(
           "<Name>%1$s is less than or equal to: </Name><Value>%2$s</Value>"
         ),
         filter.name,
@@ -21320,11 +21599,11 @@ var OPERATORS = [
   {
     name: OPERATOR_GREATER_THAN_OR_EQUAL,
     /* translators: DataViews operator name */
-    label: __37("Greater than or equal"),
+    label: __38("Greater than or equal"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Count"). 2: Filter value (e.g. "10"): "Count is greater than or equal to: 10". */
-        __37(
+        __38(
           "<Name>%1$s is greater than or equal to: </Name><Value>%2$s</Value>"
         ),
         filter.name,
@@ -21344,11 +21623,11 @@ var OPERATORS = [
   {
     name: OPERATOR_BEFORE,
     /* translators: DataViews operator name */
-    label: __37("Before"),
+    label: __38("Before"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is before: 2024-01-01". */
-        __37("<Name>%1$s is before: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s is before: </Name><Value>%2$s</Value>"),
         filter.name,
         activeElements[0].label
       ),
@@ -21367,11 +21646,11 @@ var OPERATORS = [
   {
     name: OPERATOR_AFTER,
     /* translators: DataViews operator name */
-    label: __37("After"),
+    label: __38("After"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is after: 2024-01-01". */
-        __37("<Name>%1$s is after: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s is after: </Name><Value>%2$s</Value>"),
         filter.name,
         activeElements[0].label
       ),
@@ -21390,11 +21669,11 @@ var OPERATORS = [
   {
     name: OPERATOR_BEFORE_INC,
     /* translators: DataViews operator name */
-    label: __37("Before (inc)"),
+    label: __38("Before (inc)"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is on or before: 2024-01-01". */
-        __37(
+        __38(
           "<Name>%1$s is on or before: </Name><Value>%2$s</Value>"
         ),
         filter.name,
@@ -21415,11 +21694,11 @@ var OPERATORS = [
   {
     name: OPERATOR_AFTER_INC,
     /* translators: DataViews operator name */
-    label: __37("After (inc)"),
+    label: __38("After (inc)"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is on or after: 2024-01-01". */
-        __37(
+        __38(
           "<Name>%1$s is on or after: </Name><Value>%2$s</Value>"
         ),
         filter.name,
@@ -21440,11 +21719,11 @@ var OPERATORS = [
   {
     name: OPERATOR_CONTAINS,
     /* translators: DataViews operator name */
-    label: __37("Contains"),
+    label: __38("Contains"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Title"). 2: Filter value (e.g. "Hello"): "Title contains: Hello". */
-        __37("<Name>%1$s contains: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s contains: </Name><Value>%2$s</Value>"),
         filter.name,
         activeElements[0].label
       ),
@@ -21462,11 +21741,11 @@ var OPERATORS = [
   {
     name: OPERATOR_NOT_CONTAINS,
     /* translators: DataViews operator name */
-    label: __37("Doesn't contain"),
+    label: __38("Doesn't contain"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Title"). 2: Filter value (e.g. "Hello"): "Title doesn't contain: Hello". */
-        __37(
+        __38(
           "<Name>%1$s doesn't contain: </Name><Value>%2$s</Value>"
         ),
         filter.name,
@@ -21486,11 +21765,11 @@ var OPERATORS = [
   {
     name: OPERATOR_STARTS_WITH,
     /* translators: DataViews operator name */
-    label: __37("Starts with"),
+    label: __38("Starts with"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Title"). 2: Filter value (e.g. "Hello"): "Title starts with: Hello". */
-        __37("<Name>%1$s starts with: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s starts with: </Name><Value>%2$s</Value>"),
         filter.name,
         activeElements[0].label
       ),
@@ -21508,11 +21787,11 @@ var OPERATORS = [
   {
     name: OPERATOR_ON,
     /* translators: DataViews operator name */
-    label: __37("On"),
+    label: __38("On"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is: 2024-01-01". */
-        __37("<Name>%1$s is: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s is: </Name><Value>%2$s</Value>"),
         filter.name,
         activeElements[0].label
       ),
@@ -21531,11 +21810,11 @@ var OPERATORS = [
   {
     name: OPERATOR_NOT_ON,
     /* translators: DataViews operator name */
-    label: __37("Not on"),
+    label: __38("Not on"),
     filterText: (filter, activeElements) => create_interpolate_element_default(
-      sprintf15(
+      sprintf16(
         /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is not: 2024-01-01". */
-        __37("<Name>%1$s is not: </Name><Value>%2$s</Value>"),
+        __38("<Name>%1$s is not: </Name><Value>%2$s</Value>"),
         filter.name,
         activeElements[0].label
       ),
@@ -21560,7 +21839,7 @@ var isSingleSelectionOperator = (name) => OPERATORS.filter((op) => op.selection
 var isRegisteredOperator = (name) => OPERATORS.some((op) => op.name === name);
 
 // src/components/dataviews-filters/filter.tsx
-import { jsx as jsx80, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs23 } from "react/jsx-runtime";
 var ENTER = "Enter";
 var SPACE = " ";
 var FilterText = ({
@@ -21575,9 +21854,9 @@ var FilterText = ({
   if (operator !== void 0) {
     return operator.filterText(filter, activeElements);
   }
-  return sprintf16(
+  return sprintf17(
     /* translators: 1: Filter name e.g.: "Unknown status for Author". */
-    __38("Unknown status for %1$s"),
+    __39("Unknown status for %1$s"),
     filter.name
   );
 };
@@ -21594,7 +21873,7 @@ function OperatorSelector({
     (_filter) => _filter.field === filter.field
   );
   const value = currentFilter?.operator || filter.operators[0];
-  return operatorOptions.length > 1 && /* @__PURE__ */ jsxs22(
+  return operatorOptions.length > 1 && /* @__PURE__ */ jsxs23(
     Stack,
     {
       direction: "row",
@@ -21603,12 +21882,12 @@ function OperatorSelector({
       className: "dataviews-filters__summary-operators-container",
       align: "center",
       children: [
-        /* @__PURE__ */ jsx80(component_default4, { className: "dataviews-filters__summary-operators-filter-name", children: filter.name }),
-        /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsx81(component_default4, { className: "dataviews-filters__summary-operators-filter-name", children: filter.name }),
+        /* @__PURE__ */ jsx81(
           select_control_default,
           {
             className: "dataviews-filters__summary-operators-filter-select",
-            label: __38("Conditions"),
+            label: __39("Conditions"),
             value,
             options: operatorOptions,
             onChange: (newValue) => {
@@ -21730,8 +22009,8 @@ function Filter({
   const isLocked = filterInView?.isLocked;
   const hasValues = !isLocked && filterInView?.value !== void 0;
   const canResetOrRemove = !isLocked && (!isPrimary || hasValues);
-  const resetOrRemoveLabel = isPrimary ? __38("Reset") : __38("Remove");
-  return /* @__PURE__ */ jsx80(
+  const resetOrRemoveLabel = isPrimary ? __39("Reset") : __39("Remove");
+  return /* @__PURE__ */ jsx81(
     dropdown_default,
     {
       defaultOpen: openedFilter === filter.field,
@@ -21740,15 +22019,15 @@ function Filter({
       onClose: () => {
         toggleRef.current?.focus();
       },
-      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsxs22("div", { className: "dataviews-filters__summary-chip-container", children: [
-        /* @__PURE__ */ jsxs22(tooltip_exports.Root, { children: [
-          /* @__PURE__ */ jsx80(
+      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsxs23("div", { className: "dataviews-filters__summary-chip-container", children: [
+        /* @__PURE__ */ jsxs23(tooltip_exports.Root, { children: [
+          /* @__PURE__ */ jsx81(
             tooltip_exports.Trigger,
             {
-              render: /* @__PURE__ */ jsx80(
+              render: /* @__PURE__ */ jsx81(
                 "div",
                 {
-                  className: clsx48(
+                  className: clsx49(
                     "dataviews-filters__summary-chip",
                     {
                       "has-reset": canResetOrRemove,
@@ -21775,7 +22054,7 @@ function Filter({
                   "aria-pressed": isOpen,
                   "aria-expanded": isOpen,
                   ref: toggleRef,
-                  children: /* @__PURE__ */ jsx80(
+                  children: /* @__PURE__ */ jsx81(
                     FilterText,
                     {
                       activeElements,
@@ -21787,20 +22066,20 @@ function Filter({
               )
             }
           ),
-          /* @__PURE__ */ jsx80(tooltip_exports.Popup, { children: sprintf16(
+          /* @__PURE__ */ jsx81(tooltip_exports.Popup, { children: sprintf17(
             /* translators: 1: Filter name. */
-            __38("Filter by: %1$s"),
+            __39("Filter by: %1$s"),
             filter.name.toLowerCase()
           ) })
         ] }),
-        canResetOrRemove && /* @__PURE__ */ jsxs22(tooltip_exports.Root, { children: [
-          /* @__PURE__ */ jsx80(
+        canResetOrRemove && /* @__PURE__ */ jsxs23(tooltip_exports.Root, { children: [
+          /* @__PURE__ */ jsx81(
             tooltip_exports.Trigger,
             {
-              render: /* @__PURE__ */ jsx80(
+              render: /* @__PURE__ */ jsx81(
                 "button",
                 {
-                  className: clsx48(
+                  className: clsx49(
                     "dataviews-filters__summary-chip-remove",
                     { "has-values": hasValues }
                   ),
@@ -21819,18 +22098,18 @@ function Filter({
                       toggleRef.current?.focus();
                     }
                   },
-                  children: /* @__PURE__ */ jsx80(icon_default2, { icon: close_small_default })
+                  children: /* @__PURE__ */ jsx81(icon_default2, { icon: close_small_default })
                 }
               )
             }
           ),
-          /* @__PURE__ */ jsx80(tooltip_exports.Popup, { children: resetOrRemoveLabel })
+          /* @__PURE__ */ jsx81(tooltip_exports.Popup, { children: resetOrRemoveLabel })
         ] })
       ] }),
       renderContent: () => {
-        return /* @__PURE__ */ jsxs22(Stack, { direction: "column", justify: "flex-start", children: [
-          /* @__PURE__ */ jsx80(OperatorSelector, { ...commonProps }),
-          commonProps.filter.hasElements ? /* @__PURE__ */ jsx80(
+        return /* @__PURE__ */ jsxs23(Stack, { direction: "column", justify: "flex-start", children: [
+          /* @__PURE__ */ jsx81(OperatorSelector, { ...commonProps }),
+          commonProps.filter.hasElements ? /* @__PURE__ */ jsx81(
             SearchWidget,
             {
               ...commonProps,
@@ -21839,7 +22118,7 @@ function Filter({
                 elements
               }
             }
-          ) : /* @__PURE__ */ jsx80(InputWidget, { ...commonProps, fields })
+          ) : /* @__PURE__ */ jsx81(InputWidget, { ...commonProps, fields })
         ] });
       }
     }
@@ -21847,8 +22126,8 @@ function Filter({
 }
 
 // src/components/dataviews-filters/add-filter.tsx
-import { __ as __39 } from "@wordpress/i18n";
-import { jsx as jsx81, jsxs as jsxs23 } from "react/jsx-runtime";
+import { __ as __40 } from "@wordpress/i18n";
+import { jsx as jsx82, jsxs as jsxs24 } from "react/jsx-runtime";
 var { Menu: Menu7 } = unlock5(privateApis2);
 function AddFilterMenu({
   filters,
@@ -21858,10 +22137,10 @@ function AddFilterMenu({
   triggerProps
 }) {
   const inactiveFilters = filters.filter((filter) => !filter.isVisible);
-  return /* @__PURE__ */ jsxs23(Menu7, { children: [
-    /* @__PURE__ */ jsx81(Menu7.TriggerButton, { ...triggerProps }),
-    /* @__PURE__ */ jsx81(Menu7.Popover, { children: inactiveFilters.map((filter) => {
-      return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsxs24(Menu7, { children: [
+    /* @__PURE__ */ jsx82(Menu7.TriggerButton, { ...triggerProps }),
+    /* @__PURE__ */ jsx82(Menu7.Popover, { children: inactiveFilters.map((filter) => {
+      return /* @__PURE__ */ jsx82(
         Menu7.Item,
         {
           onClick: () => {
@@ -21879,7 +22158,7 @@ function AddFilterMenu({
               ]
             });
           },
-          children: /* @__PURE__ */ jsx81(Menu7.ItemLabel, { children: filter.name })
+          children: /* @__PURE__ */ jsx82(Menu7.ItemLabel, { children: filter.name })
         },
         filter.field
       );
@@ -21891,11 +22170,11 @@ function AddFilter({ filters, view, onChangeView, setOpenedFilter }, ref) {
     return null;
   }
   const inactiveFilters = filters.filter((filter) => !filter.isVisible);
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     AddFilterMenu,
     {
       triggerProps: {
-        render: /* @__PURE__ */ jsx81(
+        render: /* @__PURE__ */ jsx82(
           button_default,
           {
             accessibleWhenDisabled: true,
@@ -21906,7 +22185,7 @@ function AddFilter({ filters, view, onChangeView, setOpenedFilter }, ref) {
             ref
           }
         ),
-        children: __39("Add filter")
+        children: __40("Add filter")
       },
       ...{ filters, view, onChangeView, setOpenedFilter }
     }
@@ -21915,8 +22194,8 @@ function AddFilter({ filters, view, onChangeView, setOpenedFilter }, ref) {
 var add_filter_default = forwardRef(AddFilter);
 
 // src/components/dataviews-filters/reset-filters.tsx
-import { __ as __40 } from "@wordpress/i18n";
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { __ as __41 } from "@wordpress/i18n";
+import { jsx as jsx83 } from "react/jsx-runtime";
 function ResetFilter({
   filters,
   view,
@@ -21928,7 +22207,7 @@ function ResetFilter({
   const isDisabled = !view.search && !view.filters?.some(
     (_filter) => !_filter.isLocked && (_filter.value !== void 0 || !isPrimary(_filter.field))
   );
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     button_default,
     {
       disabled: isDisabled,
@@ -21944,7 +22223,7 @@ function ResetFilter({
           filters: view.filters?.filter((f) => !!f.isLocked) || []
         });
       },
-      children: __40("Reset")
+      children: __41("Reset")
     }
   );
 }
@@ -22000,12 +22279,12 @@ function useFilters(fields, view) {
 var use_filters_default = useFilters;
 
 // src/components/dataviews-filters/filters.tsx
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 function Filters({ className: className2 }) {
   const { fields, view, onChangeView, openedFilter, setOpenedFilter } = useContext(dataviews_context_default);
   const addFilterRef = useRef(null);
   const filters = use_filters_default(fields, view);
-  const addFilter = /* @__PURE__ */ jsx83(
+  const addFilter = /* @__PURE__ */ jsx84(
     add_filter_default,
     {
       filters,
@@ -22022,7 +22301,7 @@ function Filters({ className: className2 }) {
   }
   const filterComponents = [
     ...visibleFilters.map((filter) => {
-      return /* @__PURE__ */ jsx83(
+      return /* @__PURE__ */ jsx84(
         Filter,
         {
           filter,
@@ -22038,7 +22317,7 @@ function Filters({ className: className2 }) {
     addFilter
   ];
   filterComponents.push(
-    /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsx84(
       ResetFilter,
       {
         filters,
@@ -22048,7 +22327,7 @@ function Filters({ className: className2 }) {
       "reset-filters"
     )
   );
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     Stack,
     {
       direction: "row",
@@ -22064,8 +22343,8 @@ function Filters({ className: className2 }) {
 var filters_default = memo(Filters);
 
 // src/components/dataviews-filters/toggle.tsx
-import { __ as __41, _x as _x3 } from "@wordpress/i18n";
-import { Fragment as Fragment13, jsx as jsx84, jsxs as jsxs24 } from "react/jsx-runtime";
+import { __ as __42, _x as _x3 } from "@wordpress/i18n";
+import { Fragment as Fragment14, jsx as jsx85, jsxs as jsxs25 } from "react/jsx-runtime";
 function FiltersToggle() {
   const {
     filters,
@@ -22088,7 +22367,7 @@ function FiltersToggle() {
   }
   const hasVisibleFilters = filters.some((filter) => filter.isVisible);
   const addFilterButtonProps = {
-    label: __41("Add filter"),
+    label: __42("Add filter"),
     "aria-expanded": false,
     isPressed: false
   };
@@ -22106,7 +22385,7 @@ function FiltersToggle() {
   const hasPrimaryOrLockedFilters = filters.some(
     (filter) => filter.isPrimary || filter.isLocked
   );
-  const buttonComponent = /* @__PURE__ */ jsx84(
+  const buttonComponent = /* @__PURE__ */ jsx85(
     button_default,
     {
       ref: buttonRef,
@@ -22118,7 +22397,7 @@ function FiltersToggle() {
       ...hasVisibleFilters ? toggleFiltersButtonProps : addFilterButtonProps
     }
   );
-  return /* @__PURE__ */ jsx84("div", { className: "dataviews-filters__container-visibility-toggle", children: !hasVisibleFilters ? /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx85("div", { className: "dataviews-filters__container-visibility-toggle", children: !hasVisibleFilters ? /* @__PURE__ */ jsx85(
     AddFilterMenu,
     {
       filters,
@@ -22127,7 +22406,7 @@ function FiltersToggle() {
       setOpenedFilter,
       triggerProps: { render: buttonComponent }
     }
-  ) : /* @__PURE__ */ jsx84(
+  ) : /* @__PURE__ */ jsx85(
     FilterVisibilityToggle,
     {
       buttonRef,
@@ -22147,27 +22426,27 @@ function FilterVisibilityToggle({
     },
     [buttonRef]
   );
-  return /* @__PURE__ */ jsxs24(Fragment13, { children: [
+  return /* @__PURE__ */ jsxs25(Fragment14, { children: [
     children,
-    !!filtersCount && /* @__PURE__ */ jsx84("span", { className: "dataviews-filters-toggle__count", children: filtersCount })
+    !!filtersCount && /* @__PURE__ */ jsx85("span", { className: "dataviews-filters-toggle__count", children: filtersCount })
   ] });
 }
 var toggle_default = FiltersToggle;
 
 // src/components/dataviews-filters/filters-toggled.tsx
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 function FiltersToggled(props) {
   const { isShowingFilter } = useContext(dataviews_context_default);
   if (!isShowingFilter) {
     return null;
   }
-  return /* @__PURE__ */ jsx85(filters_default, { ...props });
+  return /* @__PURE__ */ jsx86(filters_default, { ...props });
 }
 var filters_toggled_default = FiltersToggled;
 
 // src/components/dataviews-layout/index.tsx
-import { __ as __42 } from "@wordpress/i18n";
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { __ as __43 } from "@wordpress/i18n";
+import { jsx as jsx87 } from "react/jsx-runtime";
 function DataViewsLayout({ className: className2 }) {
   const {
     actions = [],
@@ -22187,7 +22466,7 @@ function DataViewsLayout({ className: className2 }) {
     renderItemLink,
     defaultLayouts,
     containerRef,
-    empty = /* @__PURE__ */ jsx86("p", { children: __42("No results") })
+    empty = /* @__PURE__ */ jsx87("p", { children: __43("No results") })
   } = useContext(dataviews_context_default);
   const isDelayedInitialLoading = useDelayedLoading(!hasInitiallyLoaded, {
     delay: 200
@@ -22196,12 +22475,12 @@ function DataViewsLayout({ className: className2 }) {
     if (!isDelayedInitialLoading) {
       return null;
     }
-    return /* @__PURE__ */ jsx86("div", { className: "dataviews-loading", children: /* @__PURE__ */ jsx86("p", { children: /* @__PURE__ */ jsx86(spinner_default, {}) }) });
+    return /* @__PURE__ */ jsx87("div", { className: "dataviews-loading", children: /* @__PURE__ */ jsx87("p", { children: /* @__PURE__ */ jsx87(spinner_default, {}) }) });
   }
   const ViewComponent = VIEW_LAYOUTS.find(
     (v) => v.type === view.type && defaultLayouts[v.type]
   )?.component;
-  return /* @__PURE__ */ jsx86("div", { className: "dataviews-layout__container", ref: containerRef, children: /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87("div", { className: "dataviews-layout__container", ref: containerRef, children: /* @__PURE__ */ jsx87(
     ViewComponent,
     {
       className: className2,
@@ -22225,8 +22504,8 @@ function DataViewsLayout({ className: className2 }) {
 }
 
 // src/components/dataviews-footer/index.tsx
-import clsx49 from "clsx";
-import { jsx as jsx87, jsxs as jsxs25 } from "react/jsx-runtime";
+import clsx50 from "clsx";
+import { jsx as jsx88, jsxs as jsxs26 } from "react/jsx-runtime";
 var EMPTY_ARRAY5 = [];
 function DataViewsFooter() {
   const {
@@ -22243,24 +22522,24 @@ function DataViewsFooter() {
   if (!isRefreshing && (!totalItems || !totalPages || totalPages <= 1 && !hasBulkActions)) {
     return null;
   }
-  return (!!totalItems || isRefreshing) && /* @__PURE__ */ jsx87(
+  return (!!totalItems || isRefreshing) && /* @__PURE__ */ jsx88(
     "div",
     {
       className: "dataviews-footer",
       inert: isRefreshing ? "true" : void 0,
-      children: /* @__PURE__ */ jsxs25(
+      children: /* @__PURE__ */ jsxs26(
         Stack,
         {
           direction: "row",
           justify: "end",
           align: "center",
-          className: clsx49("dataviews-footer__content", {
+          className: clsx50("dataviews-footer__content", {
             "is-refreshing": isDelayedRefreshing
           }),
           gap: "sm",
           children: [
-            hasBulkActions && /* @__PURE__ */ jsx87(BulkActionsFooter, {}),
-            /* @__PURE__ */ jsx87(dataviews_pagination_default, {})
+            hasBulkActions && /* @__PURE__ */ jsx88(BulkActionsFooter, {}),
+            /* @__PURE__ */ jsx88(dataviews_pagination_default, {})
           ]
         }
       )
@@ -22269,8 +22548,8 @@ function DataViewsFooter() {
 }
 
 // src/components/dataviews-search/index.tsx
-import { __ as __43 } from "@wordpress/i18n";
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { __ as __44 } from "@wordpress/i18n";
+import { jsx as jsx89 } from "react/jsx-runtime";
 var DataViewsSearch = memo(function Search({ label }) {
   const { view, onChangeView } = useContext(dataviews_context_default);
   const [search, setSearch, debouncedSearch] = useDebouncedInput(
@@ -22297,8 +22576,8 @@ var DataViewsSearch = memo(function Search({ label }) {
       });
     }
   }, [debouncedSearch]);
-  const searchLabel = label || __43("Search");
-  return /* @__PURE__ */ jsx88(
+  const searchLabel = label || __44("Search");
+  return /* @__PURE__ */ jsx89(
     search_control_default,
     {
       className: "dataviews-search",
@@ -22313,8 +22592,8 @@ var DataViewsSearch = memo(function Search({ label }) {
 var dataviews_search_default = DataViewsSearch;
 
 // src/components/dataviews-view-config/index.tsx
-import { __ as __44, _x as _x4 } from "@wordpress/i18n";
-import { Fragment as Fragment14, jsx as jsx89, jsxs as jsxs26 } from "react/jsx-runtime";
+import { __ as __45, _x as _x4 } from "@wordpress/i18n";
+import { Fragment as Fragment15, jsx as jsx90, jsxs as jsxs27 } from "react/jsx-runtime";
 var { Menu: Menu8 } = unlock5(privateApis2);
 var DATAVIEWS_CONFIG_POPOVER_PROPS = {
   className: "dataviews-config__popover",
@@ -22328,28 +22607,28 @@ function ViewTypeMenu() {
     return null;
   }
   const activeView = VIEW_LAYOUTS.find((v) => view.type === v.type);
-  return /* @__PURE__ */ jsxs26(Menu8, { children: [
-    /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsxs27(Menu8, { children: [
+    /* @__PURE__ */ jsx90(
       Menu8.TriggerButton,
       {
-        render: /* @__PURE__ */ jsx89(
+        render: /* @__PURE__ */ jsx90(
           button_default,
           {
             size: "compact",
             icon: activeView?.icon,
-            label: __44("Layout")
+            label: __45("Layout")
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx89(Menu8.Popover, { children: availableLayouts.map((layout) => {
+    /* @__PURE__ */ jsx90(Menu8.Popover, { children: availableLayouts.map((layout) => {
       const config = VIEW_LAYOUTS.find(
         (v) => v.type === layout
       );
       if (!config) {
         return null;
       }
-      return /* @__PURE__ */ jsx89(
+      return /* @__PURE__ */ jsx90(
         Menu8.RadioItem,
         {
           value: layout,
@@ -22363,6 +22642,7 @@ function ViewTypeMenu() {
               case "table":
               case "pickerGrid":
               case "pickerTable":
+              case "pickerActivity":
               case "activity":
                 const viewWithoutLayout = { ...view };
                 if ("layout" in viewWithoutLayout) {
@@ -22376,7 +22656,7 @@ function ViewTypeMenu() {
             }
             warning("Invalid dataview");
           },
-          children: /* @__PURE__ */ jsx89(Menu8.ItemLabel, { children: config.label })
+          children: /* @__PURE__ */ jsx90(Menu8.ItemLabel, { children: config.label })
         },
         layout
       );
@@ -22396,11 +22676,11 @@ function SortFieldControl() {
       };
     });
   }, [fields]);
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     select_control_default,
     {
       __next40pxDefaultSize: true,
-      label: __44("Sort by"),
+      label: __45("Sort by"),
       value: view.sort?.field,
       options: orderOptions,
       onChange: (value) => {
@@ -22428,13 +22708,13 @@ function SortDirectionControl() {
   if (!value && view.sort?.field) {
     value = "desc";
   }
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     component_default10,
     {
       className: "dataviews-view-config__sort-direction",
       __next40pxDefaultSize: true,
       isBlock: true,
-      label: __44("Order"),
+      label: __45("Order"),
       value,
       onChange: (newDirection) => {
         if (newDirection === "asc" || newDirection === "desc") {
@@ -22454,7 +22734,7 @@ function SortDirectionControl() {
         warning("Invalid direction");
       },
       children: SORTING_DIRECTIONS.map((direction) => {
-        return /* @__PURE__ */ jsx89(
+        return /* @__PURE__ */ jsx90(
           component_default13,
           {
             value: direction,
@@ -22473,12 +22753,12 @@ function ItemsPerPageControl() {
   if (!config || !config.perPageSizes || config.perPageSizes.length < 2 || config.perPageSizes.length > 6 || infiniteScrollEnabled) {
     return null;
   }
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     component_default10,
     {
       __next40pxDefaultSize: true,
       isBlock: true,
-      label: __44("Items per page"),
+      label: __45("Items per page"),
       value: view.perPage || 10,
       disabled: !view?.sort?.field,
       onChange: (newItemsPerPage) => {
@@ -22490,7 +22770,7 @@ function ItemsPerPageControl() {
         });
       },
       children: config.perPageSizes.map((value) => {
-        return /* @__PURE__ */ jsx89(
+        return /* @__PURE__ */ jsx90(
           component_default12,
           {
             value,
@@ -22508,7 +22788,7 @@ function ResetViewButton() {
     return null;
   }
   const isDisabled = onReset === false;
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     button_default,
     {
       variant: "tertiary",
@@ -22521,7 +22801,7 @@ function ResetViewButton() {
           onReset();
         }
       },
-      children: __44("Reset view")
+      children: __45("Reset view")
     }
   );
 }
@@ -22535,7 +22815,7 @@ function DataviewsViewConfigDropdown() {
     (layout) => layout.type === view.type
   );
   const isModified = typeof onReset === "function";
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     dropdown_default,
     {
       expandOnMobile: true,
@@ -22544,8 +22824,8 @@ function DataviewsViewConfigDropdown() {
         id: popoverId
       },
       renderToggle: ({ onToggle, isOpen }) => {
-        return /* @__PURE__ */ jsxs26("div", { className: "dataviews-view-config__toggle-wrapper", children: [
-          /* @__PURE__ */ jsx89(
+        return /* @__PURE__ */ jsxs27("div", { className: "dataviews-view-config__toggle-wrapper", children: [
+          /* @__PURE__ */ jsx90(
             button_default,
             {
               size: "compact",
@@ -22559,22 +22839,22 @@ function DataviewsViewConfigDropdown() {
               "aria-controls": popoverId
             }
           ),
-          isModified && /* @__PURE__ */ jsx89("span", { className: "dataviews-view-config__modified-indicator" })
+          isModified && /* @__PURE__ */ jsx90("span", { className: "dataviews-view-config__modified-indicator" })
         ] });
       },
-      renderContent: () => /* @__PURE__ */ jsx89(
+      renderContent: () => /* @__PURE__ */ jsx90(
         dropdown_content_wrapper_default,
         {
           paddingSize: "medium",
           className: "dataviews-config__popover-content-wrapper",
-          children: /* @__PURE__ */ jsxs26(
+          children: /* @__PURE__ */ jsxs27(
             Stack,
             {
               direction: "column",
               className: "dataviews-view-config",
               gap: "xl",
               children: [
-                /* @__PURE__ */ jsxs26(
+                /* @__PURE__ */ jsxs27(
                   Stack,
                   {
                     direction: "row",
@@ -22582,34 +22862,34 @@ function DataviewsViewConfigDropdown() {
                     align: "center",
                     className: "dataviews-view-config__header",
                     children: [
-                      /* @__PURE__ */ jsx89(
+                      /* @__PURE__ */ jsx90(
                         component_default16,
                         {
                           level: 2,
                           className: "dataviews-settings-section__title",
-                          children: __44("Appearance")
+                          children: __45("Appearance")
                         }
                       ),
-                      /* @__PURE__ */ jsx89(ResetViewButton, {})
+                      /* @__PURE__ */ jsx90(ResetViewButton, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs26(Stack, { direction: "column", gap: "lg", children: [
-                  /* @__PURE__ */ jsxs26(
+                /* @__PURE__ */ jsxs27(Stack, { direction: "column", gap: "lg", children: [
+                  /* @__PURE__ */ jsxs27(
                     Stack,
                     {
                       direction: "row",
                       gap: "sm",
                       className: "dataviews-view-config__sort-controls",
                       children: [
-                        /* @__PURE__ */ jsx89(SortFieldControl, {}),
-                        /* @__PURE__ */ jsx89(SortDirectionControl, {})
+                        /* @__PURE__ */ jsx90(SortFieldControl, {}),
+                        /* @__PURE__ */ jsx90(SortDirectionControl, {})
                       ]
                     }
                   ),
-                  !!activeLayout?.viewConfigOptions && /* @__PURE__ */ jsx89(activeLayout.viewConfigOptions, {}),
-                  /* @__PURE__ */ jsx89(ItemsPerPageControl, {}),
-                  /* @__PURE__ */ jsx89(PropertiesSection, {})
+                  !!activeLayout?.viewConfigOptions && /* @__PURE__ */ jsx90(activeLayout.viewConfigOptions, {}),
+                  /* @__PURE__ */ jsx90(ItemsPerPageControl, {}),
+                  /* @__PURE__ */ jsx90(PropertiesSection, {})
                 ] })
               ]
             }
@@ -22620,9 +22900,9 @@ function DataviewsViewConfigDropdown() {
   );
 }
 function _DataViewsViewConfig() {
-  return /* @__PURE__ */ jsxs26(Fragment14, { children: [
-    /* @__PURE__ */ jsx89(ViewTypeMenu, {}),
-    /* @__PURE__ */ jsx89(DataviewsViewConfigDropdown, {})
+  return /* @__PURE__ */ jsxs27(Fragment15, { children: [
+    /* @__PURE__ */ jsx90(ViewTypeMenu, {}),
+    /* @__PURE__ */ jsx90(DataviewsViewConfigDropdown, {})
   ] });
 }
 var DataViewsViewConfig = memo(_DataViewsViewConfig);
@@ -22652,7 +22932,7 @@ function getCustomValidity(isValid, validity) {
 }
 
 // src/components/dataform-controls/checkbox.tsx
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var { ValidatedCheckboxControl: ValidatedCheckboxControl2 } = unlock5(privateApis2);
 function Checkbox({
   field,
@@ -22669,7 +22949,7 @@ function Checkbox({
       setValue({ item: data, value: !getValue({ item: data }) })
     );
   }, [data, getValue, onChange, setValue]);
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     ValidatedCheckboxControl2,
     {
       required: !!field.isValid?.required,
@@ -22686,7 +22966,7 @@ function Checkbox({
 }
 
 // src/components/dataform-controls/combobox.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var { ValidatedComboboxControl: ValidatedComboboxControl2 } = unlock5(privateApis2);
 function Combobox2({
   data,
@@ -22706,9 +22986,9 @@ function Combobox2({
     getElements: field.getElements
   });
   if (isLoading) {
-    return /* @__PURE__ */ jsx91(spinner_default, {});
+    return /* @__PURE__ */ jsx92(spinner_default, {});
   }
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx92(
     ValidatedComboboxControl2,
     {
       required: !!field.isValid?.required,
@@ -22727,25 +23007,25 @@ function Combobox2({
 }
 
 // src/components/dataform-controls/datetime.tsx
-import { __ as __46 } from "@wordpress/i18n";
+import { __ as __47 } from "@wordpress/i18n";
 import { dateI18n, getDate as getDate3, getSettings } from "@wordpress/date";
 
 // src/components/dataform-controls/utils/relative-date-control.tsx
-import clsx50 from "clsx";
-import { __ as __45 } from "@wordpress/i18n";
-import { jsx as jsx92, jsxs as jsxs27 } from "react/jsx-runtime";
+import clsx51 from "clsx";
+import { __ as __46 } from "@wordpress/i18n";
+import { jsx as jsx93, jsxs as jsxs28 } from "react/jsx-runtime";
 var TIME_UNITS_OPTIONS = {
   [OPERATOR_IN_THE_PAST]: [
-    { value: "days", label: __45("Days") },
-    { value: "weeks", label: __45("Weeks") },
-    { value: "months", label: __45("Months") },
-    { value: "years", label: __45("Years") }
+    { value: "days", label: __46("Days") },
+    { value: "weeks", label: __46("Weeks") },
+    { value: "months", label: __46("Months") },
+    { value: "years", label: __46("Years") }
   ],
   [OPERATOR_OVER]: [
-    { value: "days", label: __45("Days ago") },
-    { value: "weeks", label: __45("Weeks ago") },
-    { value: "months", label: __45("Months ago") },
-    { value: "years", label: __45("Years ago") }
+    { value: "days", label: __46("Days ago") },
+    { value: "weeks", label: __46("Weeks ago") },
+    { value: "months", label: __46("Months ago") },
+    { value: "years", label: __46("Years ago") }
   ]
 };
 function RelativeDateControl({
@@ -22779,16 +23059,16 @@ function RelativeDateControl({
     ),
     [onChange, setValue, data, relValue]
   );
-  return /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx93(
     base_control_default,
     {
       id,
-      className: clsx50(className2, "dataviews-controls__relative-date"),
+      className: clsx51(className2, "dataviews-controls__relative-date"),
       label,
       hideLabelFromVision,
       help: description,
-      children: /* @__PURE__ */ jsxs27(Stack, { direction: "row", gap: "sm", children: [
-        /* @__PURE__ */ jsx92(
+      children: /* @__PURE__ */ jsxs28(Stack, { direction: "row", gap: "sm", children: [
+        /* @__PURE__ */ jsx93(
           number_control_default,
           {
             __next40pxDefaultSize: true,
@@ -22801,12 +23081,12 @@ function RelativeDateControl({
             disabled
           }
         ),
-        /* @__PURE__ */ jsx92(
+        /* @__PURE__ */ jsx93(
           select_control_default,
           {
             className: "dataviews-controls__relative-date-unit",
             __next40pxDefaultSize: true,
-            label: __45("Unit"),
+            label: __46("Unit"),
             value: unit,
             options: options2,
             onChange: onChangeUnit,
@@ -22854,7 +23134,7 @@ function parseDateTime(dateTimeString) {
 }
 
 // src/components/dataform-controls/datetime.tsx
-import { jsx as jsx93, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs29 } from "react/jsx-runtime";
 var { DateCalendar: DateCalendar2, ValidatedInputControl: ValidatedInputControl2 } = unlock5(privateApis2);
 var formatDateTime = (value) => {
   if (!value) {
@@ -22951,19 +23231,19 @@ function CalendarDateTimeControl({
   } = getSettings();
   let displayLabel = label;
   if (isValid?.required && !markWhenOptional && !hideLabelFromVision) {
-    displayLabel = `${label} (${__46("Required")})`;
+    displayLabel = `${label} (${__47("Required")})`;
   } else if (!isValid?.required && markWhenOptional && !hideLabelFromVision) {
-    displayLabel = `${label} (${__46("Optional")})`;
+    displayLabel = `${label} (${__47("Optional")})`;
   }
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(
     base_control_default,
     {
       id,
       label: displayLabel,
       help: description,
       hideLabelFromVision,
-      children: /* @__PURE__ */ jsxs28(Stack, { direction: "column", gap: "lg", children: [
-        /* @__PURE__ */ jsx93(
+      children: /* @__PURE__ */ jsxs29(Stack, { direction: "column", gap: "lg", children: [
+        /* @__PURE__ */ jsx94(
           ValidatedInputControl2,
           {
             ref: inputControlRef,
@@ -22971,7 +23251,7 @@ function CalendarDateTimeControl({
             required: !!isValid?.required,
             customValidity: getCustomValidity(isValid, validity),
             type: "datetime-local",
-            label: __46("Date time"),
+            label: __47("Date time"),
             hideLabelFromVision: true,
             value: formatDateTime(value),
             onChange: handleManualDateTimeChange,
@@ -22980,7 +23260,7 @@ function CalendarDateTimeControl({
             max: maxConstraint ? formatDateTime(maxConstraint) : void 0
           }
         ),
-        !compact && /* @__PURE__ */ jsx93(
+        !compact && /* @__PURE__ */ jsx94(
           DateCalendar2,
           {
             style: { width: "100%" },
@@ -23008,7 +23288,7 @@ function DateTime({
   config
 }) {
   if (operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER) {
-    return /* @__PURE__ */ jsx93(
+    return /* @__PURE__ */ jsx94(
       RelativeDateControl,
       {
         className: "dataviews-controls__datetime",
@@ -23020,7 +23300,7 @@ function DateTime({
       }
     );
   }
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(
     CalendarDateTimeControl,
     {
       data,
@@ -23035,7 +23315,7 @@ function DateTime({
 }
 
 // src/components/dataform-controls/date.tsx
-import clsx51 from "clsx";
+import clsx52 from "clsx";
 import {
   format,
   isValid as isValidDate2,
@@ -23045,19 +23325,19 @@ import {
   startOfMonth,
   startOfYear
 } from "date-fns";
-import { __ as __47 } from "@wordpress/i18n";
+import { __ as __48 } from "@wordpress/i18n";
 import { getDate as getDate4, getSettings as getSettings2 } from "@wordpress/date";
-import { jsx as jsx94, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs30 } from "react/jsx-runtime";
 var { DateCalendar: DateCalendar3, DateRangeCalendar: DateRangeCalendar2 } = unlock5(privateApis2);
 var DATE_PRESETS = [
   {
     id: "today",
-    label: __47("Today"),
+    label: __48("Today"),
     getValue: () => getDate4(null)
   },
   {
     id: "yesterday",
-    label: __47("Yesterday"),
+    label: __48("Yesterday"),
     getValue: () => {
       const today = getDate4(null);
       return subDays2(today, 1);
@@ -23065,7 +23345,7 @@ var DATE_PRESETS = [
   },
   {
     id: "past-week",
-    label: __47("Past week"),
+    label: __48("Past week"),
     getValue: () => {
       const today = getDate4(null);
       return subDays2(today, 7);
@@ -23073,7 +23353,7 @@ var DATE_PRESETS = [
   },
   {
     id: "past-month",
-    label: __47("Past month"),
+    label: __48("Past month"),
     getValue: () => {
       const today = getDate4(null);
       return subMonths2(today, 1);
@@ -23083,7 +23363,7 @@ var DATE_PRESETS = [
 var DATE_RANGE_PRESETS = [
   {
     id: "last-7-days",
-    label: __47("Last 7 days"),
+    label: __48("Last 7 days"),
     getValue: () => {
       const today = getDate4(null);
       return [subDays2(today, 7), today];
@@ -23091,7 +23371,7 @@ var DATE_RANGE_PRESETS = [
   },
   {
     id: "last-30-days",
-    label: __47("Last 30 days"),
+    label: __48("Last 30 days"),
     getValue: () => {
       const today = getDate4(null);
       return [subDays2(today, 30), today];
@@ -23099,7 +23379,7 @@ var DATE_RANGE_PRESETS = [
   },
   {
     id: "month-to-date",
-    label: __47("Month to date"),
+    label: __48("Month to date"),
     getValue: () => {
       const today = getDate4(null);
       return [startOfMonth(today), today];
@@ -23107,7 +23387,7 @@ var DATE_RANGE_PRESETS = [
   },
   {
     id: "last-year",
-    label: __47("Last year"),
+    label: __48("Last year"),
     getValue: () => {
       const today = getDate4(null);
       return [subYears2(today, 1), today];
@@ -23115,7 +23395,7 @@ var DATE_RANGE_PRESETS = [
   },
   {
     id: "year-to-date",
-    label: __47("Year to date"),
+    label: __48("Year to date"),
     getValue: () => {
       const today = getDate4(null);
       return [startOfYear(today), today];
@@ -23205,17 +23485,17 @@ function ValidatedDateControl({
       setIsTouched(true);
     }
   };
-  return /* @__PURE__ */ jsxs29("div", { onBlur, children: [
+  return /* @__PURE__ */ jsxs30("div", { onBlur, children: [
     children,
-    /* @__PURE__ */ jsx94("div", { "aria-live": "polite", children: customValidity && /* @__PURE__ */ jsxs29(
+    /* @__PURE__ */ jsx95("div", { "aria-live": "polite", children: customValidity && /* @__PURE__ */ jsxs30(
       "p",
       {
-        className: clsx51(
+        className: clsx52(
           "components-validated-control__indicator",
           customValidity.type === "invalid" ? "is-invalid" : void 0
         ),
         children: [
-          /* @__PURE__ */ jsx94(
+          /* @__PURE__ */ jsx95(
             icon_default2,
             {
               className: "components-validated-control__indicator-icon",
@@ -23304,11 +23584,11 @@ function CalendarDateControl({
   } = getSettings2();
   let displayLabel = label;
   if (isValid?.required && !markWhenOptional) {
-    displayLabel = `${label} (${__47("Required")})`;
+    displayLabel = `${label} (${__48("Required")})`;
   } else if (!isValid?.required && markWhenOptional) {
-    displayLabel = `${label} (${__47("Optional")})`;
+    displayLabel = `${label} (${__48("Optional")})`;
   }
-  return /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx95(
     ValidatedDateControl,
     {
       field,
@@ -23316,7 +23596,7 @@ function CalendarDateControl({
       inputRefs: validityTargetRef,
       isTouched,
       setIsTouched,
-      children: /* @__PURE__ */ jsx94(
+      children: /* @__PURE__ */ jsx95(
         base_control_default,
         {
           id,
@@ -23324,8 +23604,8 @@ function CalendarDateControl({
           label: displayLabel,
           help: description,
           hideLabelFromVision,
-          children: /* @__PURE__ */ jsxs29(Stack, { direction: "column", gap: "lg", children: [
-            /* @__PURE__ */ jsxs29(
+          children: /* @__PURE__ */ jsxs30(Stack, { direction: "column", gap: "lg", children: [
+            /* @__PURE__ */ jsxs30(
               Stack,
               {
                 direction: "row",
@@ -23335,7 +23615,7 @@ function CalendarDateControl({
                 children: [
                   DATE_PRESETS.map((preset) => {
                     const isSelected = selectedPresetId === preset.id;
-                    return /* @__PURE__ */ jsx94(
+                    return /* @__PURE__ */ jsx95(
                       button_default,
                       {
                         className: "dataviews-controls__date-preset",
@@ -23350,7 +23630,7 @@ function CalendarDateControl({
                       preset.id
                     );
                   }),
-                  /* @__PURE__ */ jsx94(
+                  /* @__PURE__ */ jsx95(
                     button_default,
                     {
                       className: "dataviews-controls__date-preset",
@@ -23359,19 +23639,19 @@ function CalendarDateControl({
                       size: "small",
                       disabled: !!selectedPresetId || disabled,
                       accessibleWhenDisabled: true,
-                      children: __47("Custom")
+                      children: __48("Custom")
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ jsx94(
+            /* @__PURE__ */ jsx95(
               input_control_default,
               {
                 __next40pxDefaultSize: true,
                 ref: validityTargetRef,
                 type: "date",
-                label: __47("Date"),
+                label: __48("Date"),
                 hideLabelFromVision: true,
                 value,
                 onChange: handleManualDateChange,
@@ -23381,7 +23661,7 @@ function CalendarDateControl({
                 max: maxConstraint
               }
             ),
-            /* @__PURE__ */ jsx94(
+            /* @__PURE__ */ jsx95(
               DateCalendar3,
               {
                 style: { width: "100%" },
@@ -23510,11 +23790,11 @@ function CalendarDateRangeControl({
   const { timezone } = getSettings2();
   let displayLabel = label;
   if (field.isValid?.required && !markWhenOptional) {
-    displayLabel = `${label} (${__47("Required")})`;
+    displayLabel = `${label} (${__48("Required")})`;
   } else if (!field.isValid?.required && markWhenOptional) {
-    displayLabel = `${label} (${__47("Optional")})`;
+    displayLabel = `${label} (${__48("Optional")})`;
   }
-  return /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx95(
     ValidatedDateControl,
     {
       field,
@@ -23522,7 +23802,7 @@ function CalendarDateRangeControl({
       inputRefs: [fromInputRef, toInputRef],
       isTouched,
       setIsTouched,
-      children: /* @__PURE__ */ jsx94(
+      children: /* @__PURE__ */ jsx95(
         base_control_default,
         {
           id,
@@ -23530,8 +23810,8 @@ function CalendarDateRangeControl({
           label: displayLabel,
           help: description,
           hideLabelFromVision,
-          children: /* @__PURE__ */ jsxs29(Stack, { direction: "column", gap: "lg", children: [
-            /* @__PURE__ */ jsxs29(
+          children: /* @__PURE__ */ jsxs30(Stack, { direction: "column", gap: "lg", children: [
+            /* @__PURE__ */ jsxs30(
               Stack,
               {
                 direction: "row",
@@ -23541,7 +23821,7 @@ function CalendarDateRangeControl({
                 children: [
                   DATE_RANGE_PRESETS.map((preset) => {
                     const isSelected = selectedPresetId === preset.id;
-                    return /* @__PURE__ */ jsx94(
+                    return /* @__PURE__ */ jsx95(
                       button_default,
                       {
                         className: "dataviews-controls__date-preset",
@@ -23556,7 +23836,7 @@ function CalendarDateRangeControl({
                       preset.id
                     );
                   }),
-                  /* @__PURE__ */ jsx94(
+                  /* @__PURE__ */ jsx95(
                     button_default,
                     {
                       className: "dataviews-controls__date-preset",
@@ -23565,13 +23845,13 @@ function CalendarDateRangeControl({
                       size: "small",
                       accessibleWhenDisabled: true,
                       disabled: !!selectedPresetId || disabled,
-                      children: __47("Custom")
+                      children: __48("Custom")
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs29(
+            /* @__PURE__ */ jsxs30(
               Stack,
               {
                 direction: "row",
@@ -23579,13 +23859,13 @@ function CalendarDateRangeControl({
                 justify: "space-between",
                 className: "dataviews-controls__date-range-inputs",
                 children: [
-                  /* @__PURE__ */ jsx94(
+                  /* @__PURE__ */ jsx95(
                     input_control_default,
                     {
                       __next40pxDefaultSize: true,
                       ref: fromInputRef,
                       type: "date",
-                      label: __47("From"),
+                      label: __48("From"),
                       hideLabelFromVision: true,
                       value: value?.[0],
                       onChange: (newValue) => handleManualDateChange("from", newValue),
@@ -23595,13 +23875,13 @@ function CalendarDateRangeControl({
                       max: maxConstraint
                     }
                   ),
-                  /* @__PURE__ */ jsx94(
+                  /* @__PURE__ */ jsx95(
                     input_control_default,
                     {
                       __next40pxDefaultSize: true,
                       ref: toInputRef,
                       type: "date",
-                      label: __47("To"),
+                      label: __48("To"),
                       hideLabelFromVision: true,
                       value: value?.[1],
                       onChange: (newValue) => handleManualDateChange("to", newValue),
@@ -23614,7 +23894,7 @@ function CalendarDateRangeControl({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx94(
+            /* @__PURE__ */ jsx95(
               DateRangeCalendar2,
               {
                 style: { width: "100%" },
@@ -23643,7 +23923,7 @@ function DateControl({
   validity
 }) {
   if (operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER) {
-    return /* @__PURE__ */ jsx94(
+    return /* @__PURE__ */ jsx95(
       RelativeDateControl,
       {
         className: "dataviews-controls__date",
@@ -23656,7 +23936,7 @@ function DateControl({
     );
   }
   if (operator === OPERATOR_BETWEEN) {
-    return /* @__PURE__ */ jsx94(
+    return /* @__PURE__ */ jsx95(
       CalendarDateRangeControl,
       {
         data,
@@ -23668,7 +23948,7 @@ function DateControl({
       }
     );
   }
-  return /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx95(
     CalendarDateControl,
     {
       data,
@@ -23682,7 +23962,7 @@ function DateControl({
 }
 
 // src/components/dataform-controls/select.tsx
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx96 } from "react/jsx-runtime";
 var { ValidatedSelectControl: ValidatedSelectControl2 } = unlock5(privateApis2);
 function Select2({
   data,
@@ -23705,9 +23985,9 @@ function Select2({
     getElements: field.getElements
   });
   if (isLoading) {
-    return /* @__PURE__ */ jsx95(spinner_default, {});
+    return /* @__PURE__ */ jsx96(spinner_default, {});
   }
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx96(
     ValidatedSelectControl2,
     {
       required: !!field.isValid?.required,
@@ -23727,7 +24007,7 @@ function Select2({
 }
 
 // src/components/dataform-controls/adaptive-select.tsx
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 var ELEMENTS_THRESHOLD = 10;
 function AdaptiveSelect(props) {
   const { field } = props;
@@ -23736,13 +24016,13 @@ function AdaptiveSelect(props) {
     getElements: field.getElements
   });
   if (elements.length >= ELEMENTS_THRESHOLD) {
-    return /* @__PURE__ */ jsx96(Combobox2, { ...props });
+    return /* @__PURE__ */ jsx97(Combobox2, { ...props });
   }
-  return /* @__PURE__ */ jsx96(Select2, { ...props });
+  return /* @__PURE__ */ jsx97(Select2, { ...props });
 }
 
 // src/components/dataform-controls/utils/validated-input.tsx
-import { jsx as jsx97 } from "react/jsx-runtime";
+import { jsx as jsx98 } from "react/jsx-runtime";
 var { ValidatedInputControl: ValidatedInputControl3 } = unlock5(privateApis2);
 function ValidatedText({
   data,
@@ -23767,7 +24047,7 @@ function ValidatedText({
     ),
     [data, setValue, onChange]
   );
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx98(
     ValidatedInputControl3,
     {
       required: !!isValid.required,
@@ -23792,7 +24072,7 @@ function ValidatedText({
 }
 
 // src/components/dataform-controls/email.tsx
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx99 } from "react/jsx-runtime";
 function Email({
   data,
   field,
@@ -23801,7 +24081,7 @@ function Email({
   markWhenOptional,
   validity
 }) {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx99(
     ValidatedText,
     {
       ...{
@@ -23812,14 +24092,14 @@ function Email({
         markWhenOptional,
         validity,
         type: "email",
-        prefix: /* @__PURE__ */ jsx98(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx98(icon_default2, { icon: envelope_default }) })
+        prefix: /* @__PURE__ */ jsx99(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx99(icon_default2, { icon: envelope_default }) })
       }
     }
   );
 }
 
 // src/components/dataform-controls/telephone.tsx
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 function Telephone({
   data,
   field,
@@ -23828,7 +24108,7 @@ function Telephone({
   markWhenOptional,
   validity
 }) {
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx100(
     ValidatedText,
     {
       ...{
@@ -23839,14 +24119,14 @@ function Telephone({
         markWhenOptional,
         validity,
         type: "tel",
-        prefix: /* @__PURE__ */ jsx99(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx99(icon_default2, { icon: mobile_default }) })
+        prefix: /* @__PURE__ */ jsx100(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx100(icon_default2, { icon: mobile_default }) })
       }
     }
   );
 }
 
 // src/components/dataform-controls/url.tsx
-import { jsx as jsx100 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 function Url({
   data,
   field,
@@ -23855,7 +24135,7 @@ function Url({
   markWhenOptional,
   validity
 }) {
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     ValidatedText,
     {
       ...{
@@ -23866,15 +24146,15 @@ function Url({
         markWhenOptional,
         validity,
         type: "url",
-        prefix: /* @__PURE__ */ jsx100(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx100(icon_default2, { icon: link_default }) })
+        prefix: /* @__PURE__ */ jsx101(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx101(icon_default2, { icon: link_default }) })
       }
     }
   );
 }
 
 // src/components/dataform-controls/utils/validated-number.tsx
-import { __ as __48 } from "@wordpress/i18n";
-import { jsx as jsx101, jsxs as jsxs30 } from "react/jsx-runtime";
+import { __ as __49 } from "@wordpress/i18n";
+import { jsx as jsx102, jsxs as jsxs31 } from "react/jsx-runtime";
 var { ValidatedNumberControl: ValidatedNumberControl2 } = unlock5(privateApis2);
 function toNumberOrEmpty(value) {
   if (value === "" || value === void 0) {
@@ -23898,15 +24178,15 @@ function BetweenControls({
     (newValue) => onChange([min, toNumberOrEmpty(newValue)]),
     [onChange, min]
   );
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     base_control_default,
     {
-      help: __48("The max. value must be greater than the min. value."),
-      children: /* @__PURE__ */ jsxs30(component_default3, { direction: "row", gap: 4, children: [
-        /* @__PURE__ */ jsx101(
+      help: __49("The max. value must be greater than the min. value."),
+      children: /* @__PURE__ */ jsxs31(component_default3, { direction: "row", gap: 4, children: [
+        /* @__PURE__ */ jsx102(
           number_control_default,
           {
-            label: __48("Min."),
+            label: __49("Min."),
             value: min,
             max: max ? Number(max) - step : void 0,
             onChange: onChangeMin,
@@ -23915,10 +24195,10 @@ function BetweenControls({
             step
           }
         ),
-        /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx102(
           number_control_default,
           {
-            label: __48("Max."),
+            label: __49("Max."),
             value: max,
             min: min ? Number(min) + step : void 0,
             onChange: onChangeMax,
@@ -23977,7 +24257,7 @@ function ValidatedNumber({
     )) {
       valueBetween = value;
     }
-    return /* @__PURE__ */ jsx101(
+    return /* @__PURE__ */ jsx102(
       BetweenControls,
       {
         value: valueBetween,
@@ -23987,7 +24267,7 @@ function ValidatedNumber({
       }
     );
   }
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx102(
     ValidatedNumberControl2,
     {
       required: !!isValid.required,
@@ -24008,19 +24288,19 @@ function ValidatedNumber({
 }
 
 // src/components/dataform-controls/integer.tsx
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 function Integer(props) {
-  return /* @__PURE__ */ jsx102(ValidatedNumber, { ...props });
+  return /* @__PURE__ */ jsx103(ValidatedNumber, { ...props });
 }
 
 // src/components/dataform-controls/number.tsx
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx104 } from "react/jsx-runtime";
 function Number2(props) {
-  return /* @__PURE__ */ jsx103(ValidatedNumber, { ...props });
+  return /* @__PURE__ */ jsx104(ValidatedNumber, { ...props });
 }
 
 // src/components/dataform-controls/radio.tsx
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx105 } from "react/jsx-runtime";
 var { ValidatedRadioControl: ValidatedRadioControl2 } = unlock5(privateApis2);
 function Radio2({
   data,
@@ -24042,9 +24322,9 @@ function Radio2({
     [data, onChange, setValue]
   );
   if (isLoading) {
-    return /* @__PURE__ */ jsx104(spinner_default, {});
+    return /* @__PURE__ */ jsx105(spinner_default, {});
   }
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx105(
     ValidatedRadioControl2,
     {
       required: !!field.isValid?.required,
@@ -24062,7 +24342,7 @@ function Radio2({
 }
 
 // src/components/dataform-controls/text.tsx
-import { jsx as jsx105 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 function Text5({
   data,
   field,
@@ -24073,7 +24353,7 @@ function Text5({
   validity
 }) {
   const { prefix, suffix } = config || {};
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     ValidatedText,
     {
       ...{
@@ -24091,7 +24371,7 @@ function Text5({
 }
 
 // src/components/dataform-controls/toggle.tsx
-import { jsx as jsx106 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var { ValidatedToggleControl: ValidatedToggleControl2 } = unlock5(privateApis2);
 function Toggle({
   field,
@@ -24108,7 +24388,7 @@ function Toggle({
       setValue({ item: data, value: !getValue({ item: data }) })
     );
   }, [onChange, setValue, data, getValue]);
-  return /* @__PURE__ */ jsx106(
+  return /* @__PURE__ */ jsx107(
     ValidatedToggleControl2,
     {
       required: !!isValid.required,
@@ -24125,7 +24405,7 @@ function Toggle({
 }
 
 // src/components/dataform-controls/textarea.tsx
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 var { ValidatedTextareaControl: ValidatedTextareaControl2 } = unlock5(privateApis2);
 function Textarea({
   data,
@@ -24144,7 +24424,7 @@ function Textarea({
     (newValue) => onChange(setValue({ item: data, value: newValue })),
     [data, onChange, setValue]
   );
-  return /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx108(
     ValidatedTextareaControl2,
     {
       required: !!isValid.required,
@@ -24166,7 +24446,7 @@ function Textarea({
 }
 
 // src/components/dataform-controls/toggle-group.tsx
-import { jsx as jsx108 } from "react/jsx-runtime";
+import { jsx as jsx109 } from "react/jsx-runtime";
 var { ValidatedToggleGroupControl: ValidatedToggleGroupControl2 } = unlock5(privateApis2);
 function ToggleGroup({
   data,
@@ -24188,13 +24468,13 @@ function ToggleGroup({
     getElements: field.getElements
   });
   if (isLoading) {
-    return /* @__PURE__ */ jsx108(spinner_default, {});
+    return /* @__PURE__ */ jsx109(spinner_default, {});
   }
   if (elements.length === 0) {
     return null;
   }
   const selectedOption = elements.find((el) => el.value === value);
-  return /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsx109(
     ValidatedToggleGroupControl2,
     {
       required: !!field.isValid?.required,
@@ -24207,7 +24487,7 @@ function ToggleGroup({
       onChange: onChangeControl,
       value,
       hideLabelFromVision,
-      children: elements.map((el) => /* @__PURE__ */ jsx108(
+      children: elements.map((el) => /* @__PURE__ */ jsx109(
         component_default12,
         {
           label: el.label,
@@ -24221,7 +24501,7 @@ function ToggleGroup({
 }
 
 // src/components/dataform-controls/array.tsx
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var { ValidatedFormTokenField: ValidatedFormTokenField2 } = unlock5(privateApis2);
 function ArrayControl({
   data,
@@ -24260,9 +24540,9 @@ function ArrayControl({
     [onChange, setValue, data]
   );
   if (isLoading) {
-    return /* @__PURE__ */ jsx109(spinner_default, {});
+    return /* @__PURE__ */ jsx110(spinner_default, {});
   }
-  return /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110(
     ValidatedFormTokenField2,
     {
       required: !!isValid?.required,
@@ -24301,9 +24581,9 @@ function ArrayControl({
           const element = elements.find(
             (el) => el.value === item2
           );
-          return /* @__PURE__ */ jsx109("span", { children: element?.label || item2 });
+          return /* @__PURE__ */ jsx110("span", { children: element?.label || item2 });
         }
-        return /* @__PURE__ */ jsx109("span", { children: item2 });
+        return /* @__PURE__ */ jsx110("span", { children: item2 });
       }
     }
   );
@@ -24311,8 +24591,8 @@ function ArrayControl({
 
 // src/components/dataform-controls/color.tsx
 import { colord as colord7 } from "colord";
-import { __ as __49 } from "@wordpress/i18n";
-import { jsx as jsx110 } from "react/jsx-runtime";
+import { __ as __50 } from "@wordpress/i18n";
+import { jsx as jsx111 } from "react/jsx-runtime";
 var { ValidatedInputControl: ValidatedInputControl4 } = unlock5(privateApis2);
 var ColorPickerDropdown = ({
   color,
@@ -24320,23 +24600,23 @@ var ColorPickerDropdown = ({
   disabled
 }) => {
   const validColor = color && colord7(color).isValid() ? color : "#ffffff";
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx111(
     dropdown_default,
     {
       className: "dataviews-controls__color-picker-dropdown",
       popoverProps: { resize: false },
-      renderToggle: ({ onToggle }) => /* @__PURE__ */ jsx110(
+      renderToggle: ({ onToggle }) => /* @__PURE__ */ jsx111(
         button_default,
         {
           onClick: onToggle,
-          "aria-label": __49("Open color picker"),
+          "aria-label": __50("Open color picker"),
           size: "small",
           disabled,
           accessibleWhenDisabled: true,
-          icon: () => /* @__PURE__ */ jsx110(color_indicator_default, { colorValue: validColor })
+          icon: () => /* @__PURE__ */ jsx111(color_indicator_default, { colorValue: validColor })
         }
       ),
-      renderContent: () => /* @__PURE__ */ jsx110(dropdown_content_wrapper_default, { paddingSize: "none", children: /* @__PURE__ */ jsx110(
+      renderContent: () => /* @__PURE__ */ jsx111(dropdown_content_wrapper_default, { paddingSize: "none", children: /* @__PURE__ */ jsx111(
         LegacyAdapter,
         {
           color: validColor,
@@ -24370,7 +24650,7 @@ function Color({
     },
     [data, onChange, setValue]
   );
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx111(
     ValidatedInputControl4,
     {
       required: !!field.isValid?.required,
@@ -24384,7 +24664,7 @@ function Color({
       hideLabelFromVision,
       type: "text",
       disabled,
-      prefix: /* @__PURE__ */ jsx110(input_prefix_wrapper_default, { variant: "control", children: /* @__PURE__ */ jsx110(
+      prefix: /* @__PURE__ */ jsx111(input_prefix_wrapper_default, { variant: "control", children: /* @__PURE__ */ jsx111(
         ColorPickerDropdown,
         {
           color: value,
@@ -24397,8 +24677,8 @@ function Color({
 }
 
 // src/components/dataform-controls/password.tsx
-import { __ as __50 } from "@wordpress/i18n";
-import { jsx as jsx111 } from "react/jsx-runtime";
+import { __ as __51 } from "@wordpress/i18n";
+import { jsx as jsx112 } from "react/jsx-runtime";
 function Password({
   data,
   field,
@@ -24412,7 +24692,7 @@ function Password({
   const toggleVisibility = useCallback(() => {
     setIsVisible((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx112(
     ValidatedText,
     {
       ...{
@@ -24423,13 +24703,13 @@ function Password({
         markWhenOptional,
         validity,
         type: isVisible2 ? "text" : "password",
-        suffix: /* @__PURE__ */ jsx111(input_suffix_wrapper_default, { variant: "control", children: /* @__PURE__ */ jsx111(
+        suffix: /* @__PURE__ */ jsx112(input_suffix_wrapper_default, { variant: "control", children: /* @__PURE__ */ jsx112(
           button_default,
           {
             icon: isVisible2 ? unseen_default : seen_default,
             onClick: toggleVisibility,
             size: "small",
-            label: isVisible2 ? __50("Hide password") : __50("Show password"),
+            label: isVisible2 ? __51("Hide password") : __51("Show password"),
             disabled,
             accessibleWhenDisabled: true
           }
@@ -24445,7 +24725,7 @@ function hasElements(field) {
 }
 
 // src/components/dataform-controls/index.tsx
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var FORM_CONTROLS = {
   adaptiveSelect: AdaptiveSelect,
   array: ArrayControl,
@@ -24477,7 +24757,7 @@ function createConfiguredControl(config) {
     return null;
   }
   return function ConfiguredControl(props) {
-    return /* @__PURE__ */ jsx112(BaseControlType, { ...props, config: controlConfig });
+    return /* @__PURE__ */ jsx113(BaseControlType, { ...props, config: controlConfig });
   };
 }
 function getControl(field, fallback) {
@@ -24553,7 +24833,7 @@ var setValueFromId = (id) => ({ value }) => {
 var set_value_from_id_default = setValueFromId;
 
 // src/field-types/email.tsx
-import { __ as __51 } from "@wordpress/i18n";
+import { __ as __52 } from "@wordpress/i18n";
 
 // src/field-types/utils/render-from-elements.tsx
 function RenderFromElements({
@@ -24575,13 +24855,13 @@ function RenderFromElements({
 }
 
 // src/field-types/utils/render-default.tsx
-import { jsx as jsx113 } from "react/jsx-runtime";
+import { jsx as jsx114 } from "react/jsx-runtime";
 function render2({
   item: item2,
   field
 }) {
   if (field.hasElements) {
-    return /* @__PURE__ */ jsx113(RenderFromElements, { item: item2, field });
+    return /* @__PURE__ */ jsx114(RenderFromElements, { item: item2, field });
   }
   return field.getValueFormatted({ item: item2, field });
 }
@@ -24663,7 +24943,7 @@ var emailRegex = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{
 function isValidCustom(item2, field) {
   const value = field.getValue({ item: item2 });
   if (![void 0, "", null].includes(value) && !emailRegex.test(value)) {
-    return __51("Value must be a valid email address.");
+    return __52("Value must be a valid email address.");
   }
   return null;
 }
@@ -24700,7 +24980,7 @@ var email_default = {
 };
 
 // src/field-types/integer.tsx
-import { __ as __52 } from "@wordpress/i18n";
+import { __ as __53 } from "@wordpress/i18n";
 
 // src/field-types/utils/sort-number.ts
 var sort_number_default = (a, b, direction) => {
@@ -24766,7 +25046,7 @@ function getValueFormatted2({
 function isValidCustom2(item2, field) {
   const value = field.getValue({ item: item2 });
   if (![void 0, "", null].includes(value) && !Number.isInteger(value)) {
-    return __52("Value must be an integer.");
+    return __53("Value must be an integer.");
   }
   return null;
 }
@@ -24813,7 +25093,7 @@ var integer_default = {
 };
 
 // src/field-types/number.tsx
-import { __ as __53 } from "@wordpress/i18n";
+import { __ as __54 } from "@wordpress/i18n";
 var format3 = {
   separatorThousand: ",",
   separatorDecimal: ".",
@@ -24849,7 +25129,7 @@ function isEmpty(value) {
 function isValidCustom3(item2, field) {
   const value = field.getValue({ item: item2 });
   if (!isEmpty(value) && !Number.isFinite(value)) {
-    return __53("Value must be a number.");
+    return __54("Value must be a number.");
   }
   return null;
 }
@@ -25095,7 +25375,7 @@ var date_default = {
 };
 
 // src/field-types/boolean.tsx
-import { __ as __54 } from "@wordpress/i18n";
+import { __ as __55 } from "@wordpress/i18n";
 
 // src/field-types/utils/is-valid-required-for-bool.ts
 function isValidRequiredForBool(item2, field) {
@@ -25110,17 +25390,17 @@ function getValueFormatted6({
 }) {
   const value = field.getValue({ item: item2 });
   if (value === true) {
-    return __54("True");
+    return __55("True");
   }
   if (value === false) {
-    return __54("False");
+    return __55("False");
   }
   return "";
 }
 function isValidCustom4(item2, field) {
   const value = field.getValue({ item: item2 });
   if (![void 0, "", null].includes(value) && ![true, false].includes(value)) {
-    return __54("Value must be true, false, or undefined");
+    return __55("Value must be true, false, or undefined");
   }
   return null;
 }
@@ -25172,7 +25452,7 @@ var media_default = {
 };
 
 // src/field-types/array.tsx
-import { __ as __55 } from "@wordpress/i18n";
+import { __ as __56 } from "@wordpress/i18n";
 
 // src/field-types/utils/is-valid-required-for-array.ts
 function isValidRequiredForArray(item2, field) {
@@ -25197,10 +25477,10 @@ function render3({ item: item2, field }) {
 function isValidCustom5(item2, field) {
   const value = field.getValue({ item: item2 });
   if (![void 0, "", null].includes(value) && !Array.isArray(value)) {
-    return __55("Value must be an array.");
+    return __56("Value must be an array.");
   }
   if (!value.every((v) => typeof v === "string")) {
-    return __55("Every value must be a string.");
+    return __56("Every value must be a string.");
   }
   return null;
 }
@@ -25299,18 +25579,18 @@ var telephone_default = {
 
 // src/field-types/color.tsx
 import { colord as colord8 } from "colord";
-import { __ as __56 } from "@wordpress/i18n";
-import { jsx as jsx114, jsxs as jsxs31 } from "react/jsx-runtime";
+import { __ as __57 } from "@wordpress/i18n";
+import { jsx as jsx115, jsxs as jsxs32 } from "react/jsx-runtime";
 function render4({ item: item2, field }) {
   if (field.hasElements) {
-    return /* @__PURE__ */ jsx114(RenderFromElements, { item: item2, field });
+    return /* @__PURE__ */ jsx115(RenderFromElements, { item: item2, field });
   }
   const value = get_value_formatted_default_default({ item: item2, field });
   if (!value || !colord8(value).isValid()) {
     return value;
   }
-  return /* @__PURE__ */ jsxs31("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-    /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsxs32("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+    /* @__PURE__ */ jsx115(
       "div",
       {
         style: {
@@ -25323,13 +25603,13 @@ function render4({ item: item2, field }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx114("span", { children: value })
+    /* @__PURE__ */ jsx115("span", { children: value })
   ] });
 }
 function isValidCustom6(item2, field) {
   const value = field.getValue({ item: item2 });
   if (![void 0, "", null].includes(value) && !colord8(value).isValid()) {
-    return __56("Value must be a valid color.");
+    return __57("Value must be a valid color.");
   }
   return null;
 }
@@ -25927,7 +26207,7 @@ function useInfiniteScroll({
 }
 
 // src/dataviews/index.tsx
-import { Fragment as Fragment15, jsx as jsx115, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx116, jsxs as jsxs33 } from "react/jsx-runtime";
 var defaultGetItemId = (item2) => item2.id;
 var defaultIsItemClickable = () => true;
 var EMPTY_ARRAY6 = [];
@@ -25942,19 +26222,19 @@ function DefaultUI({
 }) {
   const { view } = useContext(dataviews_context_default);
   const isInfiniteScroll = view.infiniteScrollEnabled;
-  return /* @__PURE__ */ jsxs32(Fragment15, { children: [
-    /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(Fragment16, { children: [
+    /* @__PURE__ */ jsxs33(
       Stack,
       {
         direction: "row",
         align: "top",
         justify: "space-between",
-        className: clsx52("dataviews__view-actions", {
+        className: clsx53("dataviews__view-actions", {
           "dataviews__view-actions--infinite-scroll": isInfiniteScroll
         }),
         gap: "xs",
         children: [
-          /* @__PURE__ */ jsxs32(
+          /* @__PURE__ */ jsxs33(
             Stack,
             {
               direction: "row",
@@ -25962,21 +26242,21 @@ function DefaultUI({
               gap: "sm",
               className: "dataviews__search",
               children: [
-                search && /* @__PURE__ */ jsx115(dataviews_search_default, { label: searchLabel }),
-                /* @__PURE__ */ jsx115(toggle_default, {})
+                search && /* @__PURE__ */ jsx116(dataviews_search_default, { label: searchLabel }),
+                /* @__PURE__ */ jsx116(toggle_default, {})
               ]
             }
           ),
-          /* @__PURE__ */ jsxs32(Stack, { direction: "row", gap: "xs", style: { flexShrink: 0 }, children: [
-            /* @__PURE__ */ jsx115(dataviews_view_config_default, {}),
+          /* @__PURE__ */ jsxs33(Stack, { direction: "row", gap: "xs", style: { flexShrink: 0 }, children: [
+            /* @__PURE__ */ jsx116(dataviews_view_config_default, {}),
             header
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsx115(filters_toggled_default, { className: "dataviews-filters__container" }),
-    /* @__PURE__ */ jsx115(DataViewsLayout, {}),
-    /* @__PURE__ */ jsx115(DataViewsFooter, {})
+    /* @__PURE__ */ jsx116(filters_toggled_default, { className: "dataviews-filters__container" }),
+    /* @__PURE__ */ jsx116(DataViewsLayout, {}),
+    /* @__PURE__ */ jsx116(DataViewsFooter, {})
   ] });
 }
 function DataViews({
@@ -26087,7 +26367,7 @@ function DataViews({
   if (!defaultLayouts[view.type]) {
     return null;
   }
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx116(
     dataviews_context_default.Provider,
     {
       value: {
@@ -26120,7 +26400,7 @@ function DataViews({
         onReset,
         intersectionObserver
       },
-      children: /* @__PURE__ */ jsx115("div", { className: "dataviews-wrapper", children: children ?? /* @__PURE__ */ jsx115(
+      children: /* @__PURE__ */ jsx116("div", { className: "dataviews-wrapper", children: children ?? /* @__PURE__ */ jsx116(
         DefaultUI,
         {
           header,
@@ -26145,8 +26425,8 @@ DataViewsSubComponents.Footer = DataViewsFooter;
 var dataviews_default = DataViewsSubComponents;
 
 // src/dataviews-picker/index.tsx
-import clsx53 from "clsx";
-import { Fragment as Fragment16, jsx as jsx116, jsxs as jsxs33 } from "react/jsx-runtime";
+import clsx54 from "clsx";
+import { Fragment as Fragment17, jsx as jsx117, jsxs as jsxs34 } from "react/jsx-runtime";
 var isItemClickable = () => false;
 var dataViewsPickerLayouts = VIEW_LAYOUTS.filter(
   (viewLayout) => viewLayout.isPicker
@@ -26163,19 +26443,19 @@ function DefaultUI2({
 }) {
   const { view } = useContext(dataviews_context_default);
   const isInfiniteScroll = view.infiniteScrollEnabled;
-  return /* @__PURE__ */ jsxs33(Fragment16, { children: [
-    /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(Fragment17, { children: [
+    /* @__PURE__ */ jsxs34(
       Stack,
       {
         direction: "row",
         align: "top",
         justify: "space-between",
-        className: clsx53("dataviews__view-actions", {
+        className: clsx54("dataviews__view-actions", {
           "dataviews__view-actions--infinite-scroll": isInfiniteScroll
         }),
         gap: "xs",
         children: [
-          /* @__PURE__ */ jsxs33(
+          /* @__PURE__ */ jsxs34(
             Stack,
             {
               direction: "row",
@@ -26183,18 +26463,18 @@ function DefaultUI2({
               justify: "start",
               className: "dataviews__search",
               children: [
-                search && /* @__PURE__ */ jsx116(dataviews_search_default, { label: searchLabel }),
-                /* @__PURE__ */ jsx116(toggle_default, {})
+                search && /* @__PURE__ */ jsx117(dataviews_search_default, { label: searchLabel }),
+                /* @__PURE__ */ jsx117(toggle_default, {})
               ]
             }
           ),
-          /* @__PURE__ */ jsx116(Stack, { direction: "row", gap: "xs", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx116(dataviews_view_config_default, {}) })
+          /* @__PURE__ */ jsx117(Stack, { direction: "row", gap: "xs", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx117(dataviews_view_config_default, {}) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx116(filters_toggled_default, { className: "dataviews-filters__container" }),
-    /* @__PURE__ */ jsx116(DataViewsLayout, {}),
-    /* @__PURE__ */ jsx116(DataViewsPickerFooter, {})
+    /* @__PURE__ */ jsx117(filters_toggled_default, { className: "dataviews-filters__container" }),
+    /* @__PURE__ */ jsx117(DataViewsLayout, {}),
+    /* @__PURE__ */ jsx117(DataViewsPickerFooter, {})
   ] });
 }
 function DataViewsPicker({
@@ -26281,7 +26561,7 @@ function DataViewsPicker({
   if (!defaultLayouts[view.type]) {
     return null;
   }
-  return /* @__PURE__ */ jsx116(
+  return /* @__PURE__ */ jsx117(
     dataviews_context_default.Provider,
     {
       value: {
@@ -26312,7 +26592,7 @@ function DataViewsPicker({
         hasInitiallyLoaded: true,
         intersectionObserver
       },
-      children: /* @__PURE__ */ jsx116("div", { className: "dataviews-picker-wrapper", children: children ?? /* @__PURE__ */ jsx116(DefaultUI2, { search, searchLabel }) })
+      children: /* @__PURE__ */ jsx117("div", { className: "dataviews-picker-wrapper", children: children ?? /* @__PURE__ */ jsx117(DefaultUI2, { search, searchLabel }) })
     }
   );
 }
@@ -26329,7 +26609,7 @@ DataViewsPickerSubComponents.ViewConfig = DataviewsViewConfigDropdown;
 var dataviews_picker_default = DataViewsPickerSubComponents;
 
 // src/components/dataform-context/index.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 var DataFormContext = createContext({
   fields: []
 });
@@ -26338,15 +26618,15 @@ function DataFormProvider({
   fields,
   children
 }) {
-  return /* @__PURE__ */ jsx117(DataFormContext.Provider, { value: { fields }, children });
+  return /* @__PURE__ */ jsx118(DataFormContext.Provider, { value: { fields }, children });
 }
 var dataform_context_default = DataFormContext;
 
 // src/components/dataform-layouts/regular/index.tsx
-import clsx54 from "clsx";
+import clsx55 from "clsx";
 
 // src/components/dataform-layouts/normalize-form.ts
-import { __ as __57 } from "@wordpress/i18n";
+import { __ as __58 } from "@wordpress/i18n";
 var DEFAULT_LAYOUT = {
   type: "regular",
   labelPosition: "top"
@@ -26377,14 +26657,14 @@ function normalizeLayout(layout) {
     if (typeof openAs === "object" && openAs.type === "modal") {
       normalizedOpenAs = {
         type: "modal",
-        applyLabel: openAs.applyLabel?.trim() || __57("Apply"),
-        cancelLabel: openAs.cancelLabel?.trim() || __57("Cancel")
+        applyLabel: openAs.applyLabel?.trim() || __58("Apply"),
+        cancelLabel: openAs.cancelLabel?.trim() || __58("Cancel")
       };
     } else if (openAs === "modal") {
       normalizedOpenAs = {
         type: "modal",
-        applyLabel: __57("Apply"),
-        cancelLabel: __57("Cancel")
+        applyLabel: __58("Apply"),
+        cancelLabel: __58("Cancel")
       };
     } else {
       normalizedOpenAs = { type: "dropdown" };
@@ -26464,15 +26744,15 @@ function normalizeForm(form) {
 var normalize_form_default = normalizeForm;
 
 // src/components/dataform-layouts/regular/index.tsx
-import { Fragment as Fragment17, jsx as jsx118, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx119, jsxs as jsxs35 } from "react/jsx-runtime";
 function Header3({ title }) {
-  return /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx119(
     Stack,
     {
       direction: "column",
       className: "dataforms-layouts-regular__header",
       gap: "lg",
-      children: /* @__PURE__ */ jsx118(Stack, { direction: "row", align: "center", children: /* @__PURE__ */ jsx118(component_default16, { level: 2, size: 13, children: title }) })
+      children: /* @__PURE__ */ jsx119(Stack, { direction: "row", align: "center", children: /* @__PURE__ */ jsx119(component_default16, { level: 2, size: 13, children: title }) })
     }
   );
 }
@@ -26494,9 +26774,9 @@ function FormRegularField({
     [field]
   );
   if (!!field.children) {
-    return /* @__PURE__ */ jsxs34(Fragment17, { children: [
-      !hideLabelFromVision && field.label && /* @__PURE__ */ jsx118(Header3, { title: field.label }),
-      /* @__PURE__ */ jsx118(
+    return /* @__PURE__ */ jsxs35(Fragment18, { children: [
+      !hideLabelFromVision && field.label && /* @__PURE__ */ jsx119(Header3, { title: field.label }),
+      /* @__PURE__ */ jsx119(
         DataFormLayout,
         {
           data,
@@ -26515,30 +26795,30 @@ function FormRegularField({
     return null;
   }
   if (labelPosition === "side") {
-    return /* @__PURE__ */ jsxs34(
+    return /* @__PURE__ */ jsxs35(
       Stack,
       {
         direction: "row",
         className: "dataforms-layouts-regular__field",
         gap: "sm",
         children: [
-          /* @__PURE__ */ jsx118(
+          /* @__PURE__ */ jsx119(
             "div",
             {
-              className: clsx54(
+              className: clsx55(
                 "dataforms-layouts-regular__field-label",
                 `dataforms-layouts-regular__field-label--label-position-${labelPosition}`
               ),
-              children: /* @__PURE__ */ jsx118(base_control_default.VisualLabel, { children: fieldDefinition.label })
+              children: /* @__PURE__ */ jsx119(base_control_default.VisualLabel, { children: fieldDefinition.label })
             }
           ),
-          /* @__PURE__ */ jsx118("div", { className: "dataforms-layouts-regular__field-control", children: fieldDefinition.readOnly === true ? /* @__PURE__ */ jsx118(
+          /* @__PURE__ */ jsx119("div", { className: "dataforms-layouts-regular__field-control", children: fieldDefinition.readOnly === true ? /* @__PURE__ */ jsx119(
             fieldDefinition.render,
             {
               item: data,
               field: fieldDefinition
             }
-          ) : /* @__PURE__ */ jsx118(
+          ) : /* @__PURE__ */ jsx119(
             fieldDefinition.Edit,
             {
               data,
@@ -26554,16 +26834,16 @@ function FormRegularField({
       }
     );
   }
-  return /* @__PURE__ */ jsx118("div", { className: "dataforms-layouts-regular__field", children: fieldDefinition.readOnly === true ? /* @__PURE__ */ jsx118(Fragment17, { children: /* @__PURE__ */ jsxs34(Fragment17, { children: [
-    !hideLabelFromVision && labelPosition !== "none" && /* @__PURE__ */ jsx118(base_control_default.VisualLabel, { children: fieldDefinition.label }),
-    /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx119("div", { className: "dataforms-layouts-regular__field", children: fieldDefinition.readOnly === true ? /* @__PURE__ */ jsx119(Fragment18, { children: /* @__PURE__ */ jsxs35(Fragment18, { children: [
+    !hideLabelFromVision && labelPosition !== "none" && /* @__PURE__ */ jsx119(base_control_default.VisualLabel, { children: fieldDefinition.label }),
+    /* @__PURE__ */ jsx119(
       fieldDefinition.render,
       {
         item: data,
         field: fieldDefinition
       }
     )
-  ] }) }) : /* @__PURE__ */ jsx118(
+  ] }) }) : /* @__PURE__ */ jsx119(
     fieldDefinition.Edit,
     {
       data,
@@ -26580,13 +26860,13 @@ function FormRegularField({
 import deepMerge2 from "deepmerge";
 
 // src/components/dataform-layouts/panel/summary-button.tsx
-import clsx56 from "clsx";
-import { sprintf as sprintf17, _x as _x5 } from "@wordpress/i18n";
+import clsx57 from "clsx";
+import { sprintf as sprintf18, _x as _x5 } from "@wordpress/i18n";
 
 // src/components/dataform-layouts/panel/utils/get-label-classname.ts
-import clsx55 from "clsx";
+import clsx56 from "clsx";
 function getLabelClassName(labelPosition, showError) {
-  return clsx55(
+  return clsx56(
     "dataforms-layouts-panel__field-label",
     `dataforms-layouts-panel__field-label--label-position-${labelPosition}`,
     { "has-error": showError }
@@ -26595,15 +26875,15 @@ function getLabelClassName(labelPosition, showError) {
 var get_label_classname_default = getLabelClassName;
 
 // src/components/dataform-layouts/panel/utils/get-label-content.tsx
-import { jsx as jsx119, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs36 } from "react/jsx-runtime";
 function getLabelContent(showError, errorMessage, fieldLabel) {
-  return showError ? /* @__PURE__ */ jsxs35(tooltip_exports.Root, { children: [
-    /* @__PURE__ */ jsx119(
+  return showError ? /* @__PURE__ */ jsxs36(tooltip_exports.Root, { children: [
+    /* @__PURE__ */ jsx120(
       tooltip_exports.Trigger,
       {
-        render: /* @__PURE__ */ jsxs35("span", { className: "dataforms-layouts-panel__field-label-error-content", children: [
-          /* @__PURE__ */ jsx119(icon_default2, { icon: error_default, size: 16 }),
-          /* @__PURE__ */ jsxs35(VisuallyHidden, { children: [
+        render: /* @__PURE__ */ jsxs36("span", { className: "dataforms-layouts-panel__field-label-error-content", children: [
+          /* @__PURE__ */ jsx120(icon_default2, { icon: error_default, size: 16 }),
+          /* @__PURE__ */ jsxs36(VisuallyHidden, { children: [
             errorMessage,
             ": "
           ] }),
@@ -26611,7 +26891,7 @@ function getLabelContent(showError, errorMessage, fieldLabel) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx119(tooltip_exports.Popup, { children: errorMessage })
+    /* @__PURE__ */ jsx120(tooltip_exports.Popup, { children: errorMessage })
   ] }) : fieldLabel;
 }
 var get_label_content_default = getLabelContent;
@@ -26652,7 +26932,7 @@ function getFirstValidationError(validity) {
 var get_first_validation_error_default = getFirstValidationError;
 
 // src/components/dataform-layouts/panel/summary-button.tsx
-import { jsx as jsx120, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs37 } from "react/jsx-runtime";
 function SummaryButton({
   data,
   field,
@@ -26669,7 +26949,7 @@ function SummaryButton({
   const showError = touched && !!errorMessage;
   const labelClassName = get_label_classname_default(labelPosition, showError);
   const labelContent = get_label_content_default(showError, errorMessage, fieldLabel);
-  const className2 = clsx56(
+  const className2 = clsx57(
     "dataforms-layouts-panel__field-trigger",
     `dataforms-layouts-panel__field-trigger--label-${labelPosition}`,
     {
@@ -26681,11 +26961,11 @@ function SummaryButton({
     SummaryButton,
     "dataforms-layouts-panel__field-control"
   );
-  const ariaLabel = showError ? sprintf17(
+  const ariaLabel = showError ? sprintf18(
     // translators: %s: Field name.
     _x5("Edit %s (has errors)", "field"),
     fieldLabel || ""
-  ) : sprintf17(
+  ) : sprintf18(
     // translators: %s: Field name.
     _x5("Edit %s", "field"),
     fieldLabel || ""
@@ -26704,7 +26984,7 @@ function SummaryButton({
       onClick();
     }
   };
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       ref: rowRef,
@@ -26712,30 +26992,30 @@ function SummaryButton({
       onClick: !disabled ? handleRowClick : void 0,
       onKeyDown: !disabled ? handleKeyDown : void 0,
       children: [
-        labelPosition !== "none" && /* @__PURE__ */ jsx120("span", { className: labelClassName, children: labelContent }),
-        labelPosition === "none" && showError && /* @__PURE__ */ jsxs36(tooltip_exports.Root, { children: [
-          /* @__PURE__ */ jsx120(
+        labelPosition !== "none" && /* @__PURE__ */ jsx121("span", { className: labelClassName, children: labelContent }),
+        labelPosition === "none" && showError && /* @__PURE__ */ jsxs37(tooltip_exports.Root, { children: [
+          /* @__PURE__ */ jsx121(
             tooltip_exports.Trigger,
             {
-              render: /* @__PURE__ */ jsx120(
+              render: /* @__PURE__ */ jsx121(
                 "span",
                 {
                   className: "dataforms-layouts-panel__field-label-error-content",
                   role: "img",
                   "aria-label": errorMessage,
-                  children: /* @__PURE__ */ jsx120(icon_default2, { icon: error_default, size: 16 })
+                  children: /* @__PURE__ */ jsx121(icon_default2, { icon: error_default, size: 16 })
                 }
               )
             }
           ),
-          /* @__PURE__ */ jsx120(tooltip_exports.Popup, { children: errorMessage })
+          /* @__PURE__ */ jsx121(tooltip_exports.Popup, { children: errorMessage })
         ] }),
-        /* @__PURE__ */ jsx120(
+        /* @__PURE__ */ jsx121(
           "span",
           {
             id: `${controlId}`,
             className: "dataforms-layouts-panel__field-control",
-            children: summaryFields.length > 1 ? /* @__PURE__ */ jsx120(
+            children: summaryFields.length > 1 ? /* @__PURE__ */ jsx121(
               "span",
               {
                 style: {
@@ -26745,11 +27025,11 @@ function SummaryButton({
                   width: "100%",
                   gap: "2px"
                 },
-                children: summaryFields.map((summaryField) => /* @__PURE__ */ jsx120(
+                children: summaryFields.map((summaryField) => /* @__PURE__ */ jsx121(
                   "span",
                   {
                     style: { width: "100%" },
-                    children: /* @__PURE__ */ jsx120(
+                    children: /* @__PURE__ */ jsx121(
                       summaryField.render,
                       {
                         item: data,
@@ -26760,7 +27040,7 @@ function SummaryButton({
                   summaryField.id
                 ))
               }
-            ) : summaryFields.map((summaryField) => /* @__PURE__ */ jsx120(
+            ) : summaryFields.map((summaryField) => /* @__PURE__ */ jsx121(
               summaryField.render,
               {
                 item: data,
@@ -26770,7 +27050,7 @@ function SummaryButton({
             ))
           }
         ),
-        !disabled && /* @__PURE__ */ jsx120(
+        !disabled && /* @__PURE__ */ jsx121(
           button_default,
           {
             className: "dataforms-layouts-panel__field-trigger-icon",
@@ -26790,7 +27070,7 @@ function SummaryButton({
 // src/hooks/use-form-validity.ts
 import deepMerge from "deepmerge";
 import fastDeepEqual3 from "fast-deep-equal/es6/index.js";
-import { __ as __58 } from "@wordpress/i18n";
+import { __ as __59 } from "@wordpress/i18n";
 function isFormValid(formValidity) {
   if (!formValidity) {
     return true;
@@ -26920,7 +27200,7 @@ function handleElementsValidationAsync(promise, formField, promiseHandler) {
           {
             elements: {
               type: "invalid",
-              message: __58("Could not validate elements.")
+              message: __59("Could not validate elements.")
             }
           },
           [...path, formField.id]
@@ -26939,7 +27219,7 @@ function handleElementsValidationAsync(promise, formField, promiseHandler) {
           {
             elements: {
               type: "invalid",
-              message: __58(
+              message: __59(
                 "Value must be one of the elements."
               )
             }
@@ -26965,7 +27245,7 @@ function handleElementsValidationAsync(promise, formField, promiseHandler) {
     if (error instanceof Error) {
       errorMessage = error.message;
     } else {
-      errorMessage = String(error) || __58(
+      errorMessage = String(error) || __59(
         "Unknown error when running elements validation asynchronously."
       );
     }
@@ -27024,7 +27304,7 @@ function handleCustomValidationAsync(promise, formField, promiseHandler) {
         {
           custom: {
             type: "invalid",
-            message: __58("Validation could not be processed.")
+            message: __59("Validation could not be processed.")
           }
         },
         [...path, formField.id]
@@ -27039,7 +27319,7 @@ function handleCustomValidationAsync(promise, formField, promiseHandler) {
     if (error instanceof Error) {
       errorMessage = error.message;
     } else {
-      errorMessage = String(error) || __58(
+      errorMessage = String(error) || __59(
         "Unknown error when running custom validation asynchronously."
       );
     }
@@ -27068,7 +27348,7 @@ function validateFormField(item2, formField, promiseHandler) {
     return {
       pattern: {
         type: "invalid",
-        message: __58("Value does not match the required pattern.")
+        message: __59("Value does not match the required pattern.")
       }
     };
   }
@@ -27076,7 +27356,7 @@ function validateFormField(item2, formField, promiseHandler) {
     return {
       min: {
         type: "invalid",
-        message: __58("Value is below the minimum.")
+        message: __59("Value is below the minimum.")
       }
     };
   }
@@ -27084,7 +27364,7 @@ function validateFormField(item2, formField, promiseHandler) {
     return {
       max: {
         type: "invalid",
-        message: __58("Value is above the maximum.")
+        message: __59("Value is above the maximum.")
       }
     };
   }
@@ -27092,7 +27372,7 @@ function validateFormField(item2, formField, promiseHandler) {
     return {
       minLength: {
         type: "invalid",
-        message: __58("Value is too short.")
+        message: __59("Value is too short.")
       }
     };
   }
@@ -27100,7 +27380,7 @@ function validateFormField(item2, formField, promiseHandler) {
     return {
       maxLength: {
         type: "invalid",
-        message: __58("Value is too long.")
+        message: __59("Value is too long.")
       }
     };
   }
@@ -27108,7 +27388,7 @@ function validateFormField(item2, formField, promiseHandler) {
     return {
       elements: {
         type: "invalid",
-        message: __58("Value must be one of the elements.")
+        message: __59("Value must be one of the elements.")
       }
     };
   }
@@ -27131,7 +27411,7 @@ function validateFormField(item2, formField, promiseHandler) {
       if (error instanceof Error) {
         errorMessage = error.message;
       } else {
-        errorMessage = String(error) || __58("Unknown error when running custom validation.");
+        errorMessage = String(error) || __59("Unknown error when running custom validation.");
       }
       return {
         custom: {
@@ -27158,14 +27438,14 @@ function validateFormField(item2, formField, promiseHandler) {
     );
     fieldValidity.elements = {
       type: "validating",
-      message: __58("Validating\u2026")
+      message: __59("Validating\u2026")
     };
   }
   if (customError instanceof Promise) {
     handleCustomValidationAsync(customError, formField, promiseHandler);
     fieldValidity.custom = {
       type: "validating",
-      message: __58("Validating\u2026")
+      message: __59("Validating\u2026")
     };
   }
   if (Object.keys(fieldValidity).length > 0) {
@@ -27357,7 +27637,7 @@ function useFieldFromFormField(field) {
 var use_field_from_form_field_default = useFieldFromFormField;
 
 // src/components/dataform-layouts/panel/modal.tsx
-import { Fragment as Fragment18, jsx as jsx121, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx122, jsxs as jsxs38 } from "react/jsx-runtime";
 function ModalContent({
   data,
   field,
@@ -27414,7 +27694,7 @@ function ModalContent({
   const contentRef = useRef(null);
   const mergedRef = useMergeRefs([focusOnMountRef, contentRef]);
   useReportValidity(contentRef, touched);
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(
     modal_default,
     {
       className: "dataforms-layouts-panel__modal",
@@ -27423,14 +27703,14 @@ function ModalContent({
       title: fieldLabel,
       size: "medium",
       children: [
-        /* @__PURE__ */ jsx121("div", { ref: mergedRef, children: /* @__PURE__ */ jsx121(
+        /* @__PURE__ */ jsx122("div", { ref: mergedRef, children: /* @__PURE__ */ jsx122(
           DataFormLayout,
           {
             data: modalData,
             form,
             onChange: handleOnChange,
             validity,
-            children: (FieldLayout, childField, childFieldValidity, markWhenOptional) => /* @__PURE__ */ jsx121(
+            children: (FieldLayout, childField, childFieldValidity, markWhenOptional) => /* @__PURE__ */ jsx122(
               FieldLayout,
               {
                 data: modalData,
@@ -27444,15 +27724,15 @@ function ModalContent({
             )
           }
         ) }),
-        /* @__PURE__ */ jsxs37(
+        /* @__PURE__ */ jsxs38(
           Stack,
           {
             direction: "row",
             className: "dataforms-layouts-panel__modal-footer",
             gap: "md",
             children: [
-              /* @__PURE__ */ jsx121(component_default6, { style: { flex: 1 } }),
-              /* @__PURE__ */ jsx121(
+              /* @__PURE__ */ jsx122(component_default6, { style: { flex: 1 } }),
+              /* @__PURE__ */ jsx122(
                 button_default,
                 {
                   variant: "tertiary",
@@ -27461,7 +27741,7 @@ function ModalContent({
                   children: cancelLabel
                 }
               ),
-              /* @__PURE__ */ jsx121(
+              /* @__PURE__ */ jsx122(
                 button_default,
                 {
                   variant: "primary",
@@ -27493,8 +27773,8 @@ function PanelModal({
     setIsOpen(false);
     setTouched(true);
   };
-  return /* @__PURE__ */ jsxs37(Fragment18, { children: [
-    /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsxs38(Fragment19, { children: [
+    /* @__PURE__ */ jsx122(
       SummaryButton,
       {
         data,
@@ -27508,7 +27788,7 @@ function PanelModal({
         "aria-expanded": isOpen
       }
     ),
-    isOpen && /* @__PURE__ */ jsx121(
+    isOpen && /* @__PURE__ */ jsx122(
       ModalContent,
       {
         data,
@@ -27524,25 +27804,25 @@ function PanelModal({
 var modal_default2 = PanelModal;
 
 // src/components/dataform-layouts/panel/dropdown.tsx
-import { __ as __59 } from "@wordpress/i18n";
-import { jsx as jsx122, jsxs as jsxs38 } from "react/jsx-runtime";
+import { __ as __60 } from "@wordpress/i18n";
+import { jsx as jsx123, jsxs as jsxs39 } from "react/jsx-runtime";
 function DropdownHeader({
   title,
   onClose
 }) {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx123(
     Stack,
     {
       direction: "column",
       className: "dataforms-layouts-panel__dropdown-header",
       gap: "lg",
-      children: /* @__PURE__ */ jsxs38(Stack, { direction: "row", gap: "sm", align: "center", children: [
-        title && /* @__PURE__ */ jsx122(component_default16, { level: 2, size: 13, children: title }),
-        /* @__PURE__ */ jsx122(component_default6, { style: { flex: 1 } }),
-        onClose && /* @__PURE__ */ jsx122(
+      children: /* @__PURE__ */ jsxs39(Stack, { direction: "row", gap: "sm", align: "center", children: [
+        title && /* @__PURE__ */ jsx123(component_default16, { level: 2, size: 13, children: title }),
+        /* @__PURE__ */ jsx123(component_default6, { style: { flex: 1 } }),
+        onClose && /* @__PURE__ */ jsx123(
           button_default,
           {
-            label: __59("Close"),
+            label: __60("Close"),
             icon: close_small_default,
             onClick: onClose,
             size: "small"
@@ -27558,7 +27838,7 @@ function DropdownContentWithValidation({
 }) {
   const ref = useRef(null);
   useReportValidity(ref, touched);
-  return /* @__PURE__ */ jsx122("div", { ref, children });
+  return /* @__PURE__ */ jsx123("div", { ref, children });
 }
 function PanelDropdown({
   data,
@@ -27607,12 +27887,12 @@ function PanelDropdown({
   if (!fieldDefinition) {
     return null;
   }
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       ref: setPopoverAnchor,
       className: "dataforms-layouts-panel__field-dropdown-anchor",
-      children: /* @__PURE__ */ jsx122(
+      children: /* @__PURE__ */ jsx123(
         dropdown_default,
         {
           contentClassName: "dataforms-layouts-panel__field-dropdown",
@@ -27623,7 +27903,7 @@ function PanelDropdown({
               setTouched(true);
             }
           },
-          renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsx122(
+          renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsx123(
             SummaryButton,
             {
               data,
@@ -27637,22 +27917,22 @@ function PanelDropdown({
               "aria-expanded": isOpen
             }
           ),
-          renderContent: ({ onClose }) => /* @__PURE__ */ jsx122(DropdownContentWithValidation, { touched, children: /* @__PURE__ */ jsxs38("div", { ref: dialogRef, ...dialogProps, children: [
-            /* @__PURE__ */ jsx122(
+          renderContent: ({ onClose }) => /* @__PURE__ */ jsx123(DropdownContentWithValidation, { touched, children: /* @__PURE__ */ jsxs39("div", { ref: dialogRef, ...dialogProps, children: [
+            /* @__PURE__ */ jsx123(
               DropdownHeader,
               {
                 title: fieldLabel,
                 onClose
               }
             ),
-            /* @__PURE__ */ jsx122(
+            /* @__PURE__ */ jsx123(
               DataFormLayout,
               {
                 data,
                 form,
                 onChange,
                 validity: formValidity,
-                children: (FieldLayout, childField, childFieldValidity, markWhenOptional) => /* @__PURE__ */ jsx122(
+                children: (FieldLayout, childField, childFieldValidity, markWhenOptional) => /* @__PURE__ */ jsx123(
                   FieldLayout,
                   {
                     data,
@@ -27675,7 +27955,7 @@ function PanelDropdown({
 var dropdown_default2 = PanelDropdown;
 
 // src/components/dataform-layouts/panel/index.tsx
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 function FormPanelField({
   data,
   field,
@@ -27684,7 +27964,7 @@ function FormPanelField({
 }) {
   const layout = field.layout;
   if (layout.openAs.type === "modal") {
-    return /* @__PURE__ */ jsx123(
+    return /* @__PURE__ */ jsx124(
       modal_default2,
       {
         data,
@@ -27694,7 +27974,7 @@ function FormPanelField({
       }
     );
   }
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx124(
     dropdown_default2,
     {
       data,
@@ -27706,8 +27986,8 @@ function FormPanelField({
 }
 
 // src/components/dataform-layouts/validation-badge.tsx
-import { sprintf as sprintf18, _n as _n4 } from "@wordpress/i18n";
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { sprintf as sprintf19, _n as _n4 } from "@wordpress/i18n";
+import { jsx as jsx125 } from "react/jsx-runtime";
 function countInvalidFields(validity) {
   if (!validity) {
     return 0;
@@ -27736,7 +28016,7 @@ function ValidationBadge({
   if (invalidCount === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx124(Badge, { intent: "high", children: sprintf18(
+  return /* @__PURE__ */ jsx125(Badge, { intent: "high", children: sprintf19(
     /* translators: %d: Number of fields that need attention */
     _n4(
       "%d field needs attention",
@@ -27748,7 +28028,7 @@ function ValidationBadge({
 }
 
 // src/components/dataform-layouts/card/index.tsx
-import { Fragment as Fragment19, jsx as jsx125, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx126, jsxs as jsxs40 } from "react/jsx-runtime";
 function isSummaryFieldVisible(summaryField, summaryConfig, isOpen) {
   if (!summaryConfig || Array.isArray(summaryConfig) && summaryConfig.length === 0) {
     return false;
@@ -27789,17 +28069,17 @@ function HeaderContent({
   );
   const hasBadge = touched && layout.isCollapsible;
   const hasSummary = visibleSummaryFields.length > 0 && layout.withHeader;
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     Stack,
     {
       align: "center",
       justify: "space-between",
       className: "dataforms-layouts-card__field-header-content",
       children: [
-        /* @__PURE__ */ jsx125(card_exports.Title, { children: label }),
-        (hasBadge || hasSummary) && /* @__PURE__ */ jsxs39(collapsible_card_exports.HeaderDescription, { className: "dataforms-layouts-card__field-header-content-description", children: [
-          hasBadge && /* @__PURE__ */ jsx125(ValidationBadge, { validity }),
-          hasSummary && /* @__PURE__ */ jsx125("div", { className: "dataforms-layouts-card__field-summary", children: visibleSummaryFields.map((summaryField) => /* @__PURE__ */ jsx125(
+        /* @__PURE__ */ jsx126(card_exports.Title, { children: label }),
+        (hasBadge || hasSummary) && /* @__PURE__ */ jsxs40(collapsible_card_exports.HeaderDescription, { className: "dataforms-layouts-card__field-header-content-description", children: [
+          hasBadge && /* @__PURE__ */ jsx126(ValidationBadge, { validity }),
+          hasSummary && /* @__PURE__ */ jsx126("div", { className: "dataforms-layouts-card__field-summary", children: visibleSummaryFields.map((summaryField) => /* @__PURE__ */ jsx126(
             summaryField.render,
             {
               item: data,
@@ -27823,9 +28103,9 @@ function BodyContent({
   withHeader
 }) {
   if (field.children) {
-    return /* @__PURE__ */ jsxs39(Fragment19, { children: [
-      field.description && /* @__PURE__ */ jsx125("div", { className: "dataforms-layouts-card__field-description", children: field.description }),
-      /* @__PURE__ */ jsx125(
+    return /* @__PURE__ */ jsxs40(Fragment20, { children: [
+      field.description && /* @__PURE__ */ jsx126("div", { className: "dataforms-layouts-card__field-description", children: field.description }),
+      /* @__PURE__ */ jsx126(
         DataFormLayout,
         {
           data,
@@ -27840,7 +28120,7 @@ function BodyContent({
   if (!SingleFieldLayout) {
     return null;
   }
-  return /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx126(
     SingleFieldLayout,
     {
       data,
@@ -27903,7 +28183,7 @@ function FormCardField({
     label = fieldDefinition.label;
     withHeader = !!label && layout.withHeader;
   }
-  const bodyContent = /* @__PURE__ */ jsx125(
+  const bodyContent = /* @__PURE__ */ jsx126(
     BodyContent,
     {
       data,
@@ -27916,7 +28196,7 @@ function FormCardField({
       withHeader
     }
   );
-  const headerContent = /* @__PURE__ */ jsx125(
+  const headerContent = /* @__PURE__ */ jsx126(
     HeaderContent,
     {
       data,
@@ -27929,15 +28209,15 @@ function FormCardField({
     }
   );
   if (withHeader && isCollapsible) {
-    return /* @__PURE__ */ jsxs39(
+    return /* @__PURE__ */ jsxs40(
       collapsible_card_exports.Root,
       {
         className: "dataforms-layouts-card__field",
         open: isOpen,
         onOpenChange: handleOpenChange,
         children: [
-          /* @__PURE__ */ jsx125(collapsible_card_exports.Header, { children: headerContent }),
-          /* @__PURE__ */ jsx125(
+          /* @__PURE__ */ jsx126(collapsible_card_exports.Header, { children: headerContent }),
+          /* @__PURE__ */ jsx126(
             collapsible_card_exports.Content,
             {
               ref: contentRef,
@@ -27949,26 +28229,26 @@ function FormCardField({
       }
     );
   }
-  return /* @__PURE__ */ jsxs39(card_exports.Root, { className: "dataforms-layouts-card__field", children: [
-    withHeader && /* @__PURE__ */ jsx125(card_exports.Header, { children: headerContent }),
-    /* @__PURE__ */ jsx125(card_exports.Content, { ref: contentRef, onBlur: handleBlur, children: bodyContent })
+  return /* @__PURE__ */ jsxs40(card_exports.Root, { className: "dataforms-layouts-card__field", children: [
+    withHeader && /* @__PURE__ */ jsx126(card_exports.Header, { children: headerContent }),
+    /* @__PURE__ */ jsx126(card_exports.Content, { ref: contentRef, onBlur: handleBlur, children: bodyContent })
   ] });
 }
 
 // src/components/dataform-layouts/row/index.tsx
-import { Fragment as Fragment20, jsx as jsx126, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx127, jsxs as jsxs41 } from "react/jsx-runtime";
 function Header4({ title }) {
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     Stack,
     {
       direction: "column",
       className: "dataforms-layouts-row__header",
       gap: "lg",
-      children: /* @__PURE__ */ jsx126(Stack, { direction: "row", align: "center", children: /* @__PURE__ */ jsx126(component_default16, { level: 2, size: 13, children: title }) })
+      children: /* @__PURE__ */ jsx127(Stack, { direction: "row", align: "center", children: /* @__PURE__ */ jsx127(component_default16, { level: 2, size: 13, children: title }) })
     }
   );
 }
-var EMPTY_WRAPPER = ({ children }) => /* @__PURE__ */ jsx126(Fragment20, { children });
+var EMPTY_WRAPPER = ({ children }) => /* @__PURE__ */ jsx127(Fragment21, { children });
 function FormRowField({
   data,
   field,
@@ -27983,9 +28263,9 @@ function FormRowField({
       layout: DEFAULT_LAYOUT,
       fields: field.children
     };
-    return /* @__PURE__ */ jsxs40("div", { className: "dataforms-layouts-row__field", children: [
-      !hideLabelFromVision && field.label && /* @__PURE__ */ jsx126(Header4, { title: field.label }),
-      /* @__PURE__ */ jsx126(Stack, { direction: "row", align: layout.alignment, gap: "lg", children: /* @__PURE__ */ jsx126(
+    return /* @__PURE__ */ jsxs41("div", { className: "dataforms-layouts-row__field", children: [
+      !hideLabelFromVision && field.label && /* @__PURE__ */ jsx127(Header4, { title: field.label }),
+      /* @__PURE__ */ jsx127(Stack, { direction: "row", align: layout.alignment, gap: "lg", children: /* @__PURE__ */ jsx127(
         DataFormLayout,
         {
           data,
@@ -27993,12 +28273,12 @@ function FormRowField({
           onChange,
           validity: validity?.children,
           as: EMPTY_WRAPPER,
-          children: (FieldLayout, childField, childFieldValidity) => /* @__PURE__ */ jsx126(
+          children: (FieldLayout, childField, childFieldValidity) => /* @__PURE__ */ jsx127(
             "div",
             {
               className: "dataforms-layouts-row__field-control",
               style: layout.styles[childField.id],
-              children: /* @__PURE__ */ jsx126(
+              children: /* @__PURE__ */ jsx127(
                 FieldLayout,
                 {
                   data,
@@ -28020,7 +28300,7 @@ function FormRowField({
   if (!RegularLayout) {
     return null;
   }
-  return /* @__PURE__ */ jsx126(Fragment20, { children: /* @__PURE__ */ jsx126("div", { className: "dataforms-layouts-row__field-control", children: /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(Fragment21, { children: /* @__PURE__ */ jsx127("div", { className: "dataforms-layouts-row__field-control", children: /* @__PURE__ */ jsx127(
     RegularLayout,
     {
       data,
@@ -28033,8 +28313,8 @@ function FormRowField({
 }
 
 // src/components/dataform-layouts/details/index.tsx
-import { __ as __60 } from "@wordpress/i18n";
-import { jsx as jsx127, jsxs as jsxs41 } from "react/jsx-runtime";
+import { __ as __61 } from "@wordpress/i18n";
+import { jsx as jsx128, jsxs as jsxs42 } from "react/jsx-runtime";
 function FormDetailsField({
   data,
   field,
@@ -28081,17 +28361,17 @@ function FormDetailsField({
   const summaryField = summaryFieldId ? fields.find((fieldDef) => fieldDef.id === summaryFieldId) : void 0;
   let summaryContent;
   if (summaryField && summaryField.render) {
-    summaryContent = /* @__PURE__ */ jsx127(summaryField.render, { item: data, field: summaryField });
+    summaryContent = /* @__PURE__ */ jsx128(summaryField.render, { item: data, field: summaryField });
   } else {
-    summaryContent = field.label || __60("More details");
+    summaryContent = field.label || __61("More details");
   }
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(
     "details",
     {
       ref: detailsRef,
       className: "dataforms-layouts-details__details",
       children: [
-        /* @__PURE__ */ jsx127("summary", { className: "dataforms-layouts-details__summary", children: /* @__PURE__ */ jsxs41(
+        /* @__PURE__ */ jsx128("summary", { className: "dataforms-layouts-details__summary", children: /* @__PURE__ */ jsxs42(
           Stack,
           {
             direction: "row",
@@ -28100,17 +28380,17 @@ function FormDetailsField({
             className: "dataforms-layouts-details__summary-content",
             children: [
               summaryContent,
-              touched && /* @__PURE__ */ jsx127(ValidationBadge, { validity })
+              touched && /* @__PURE__ */ jsx128(ValidationBadge, { validity })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx127(
+        /* @__PURE__ */ jsx128(
           "div",
           {
             ref: contentRef,
             className: "dataforms-layouts-details__content",
             onBlur: handleBlur,
-            children: /* @__PURE__ */ jsx127(
+            children: /* @__PURE__ */ jsx128(
               DataFormLayout,
               {
                 data,
@@ -28127,12 +28407,12 @@ function FormDetailsField({
 }
 
 // src/components/dataform-layouts/index.tsx
-import { jsx as jsx128 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 var FORM_FIELD_LAYOUTS = [
   {
     type: "regular",
     component: FormRegularField,
-    wrapper: ({ children }) => /* @__PURE__ */ jsx128(
+    wrapper: ({ children }) => /* @__PURE__ */ jsx129(
       Stack,
       {
         direction: "column",
@@ -28145,7 +28425,7 @@ var FORM_FIELD_LAYOUTS = [
   {
     type: "panel",
     component: FormPanelField,
-    wrapper: ({ children }) => /* @__PURE__ */ jsx128(
+    wrapper: ({ children }) => /* @__PURE__ */ jsx129(
       Stack,
       {
         direction: "column",
@@ -28158,7 +28438,7 @@ var FORM_FIELD_LAYOUTS = [
   {
     type: "card",
     component: FormCardField,
-    wrapper: ({ children }) => /* @__PURE__ */ jsx128(
+    wrapper: ({ children }) => /* @__PURE__ */ jsx129(
       Stack,
       {
         direction: "column",
@@ -28174,13 +28454,13 @@ var FORM_FIELD_LAYOUTS = [
     wrapper: ({
       children,
       layout
-    }) => /* @__PURE__ */ jsx128(
+    }) => /* @__PURE__ */ jsx129(
       Stack,
       {
         direction: "column",
         className: "dataforms-layouts__wrapper",
         gap: "lg",
-        children: /* @__PURE__ */ jsx128("div", { className: "dataforms-layouts-row__field", children: /* @__PURE__ */ jsx128(
+        children: /* @__PURE__ */ jsx129("div", { className: "dataforms-layouts-row__field", children: /* @__PURE__ */ jsx129(
           Stack,
           {
             direction: "row",
@@ -28202,8 +28482,8 @@ function getFormFieldLayout(type) {
 }
 
 // src/components/dataform-layouts/data-form-layout.tsx
-import { jsx as jsx129 } from "react/jsx-runtime";
-var DEFAULT_WRAPPER = ({ children }) => /* @__PURE__ */ jsx129(Stack, { direction: "column", className: "dataforms-layouts__wrapper", gap: "lg", children });
+import { jsx as jsx130 } from "react/jsx-runtime";
+var DEFAULT_WRAPPER = ({ children }) => /* @__PURE__ */ jsx130(Stack, { direction: "column", className: "dataforms-layouts__wrapper", gap: "lg", children });
 function DataFormLayout({
   data,
   form,
@@ -28226,7 +28506,7 @@ function DataFormLayout({
     );
   }
   const Wrapper4 = as ?? getFormFieldLayout(form.layout.type)?.wrapper ?? DEFAULT_WRAPPER;
-  return /* @__PURE__ */ jsx129(Wrapper4, { layout: form.layout, children: form.fields.map((formField) => {
+  return /* @__PURE__ */ jsx130(Wrapper4, { layout: form.layout, children: form.fields.map((formField) => {
     const FieldLayout = getFormFieldLayout(formField.layout.type)?.component;
     if (!FieldLayout) {
       return null;
@@ -28243,7 +28523,7 @@ function DataFormLayout({
         markWhenOptional
       );
     }
-    return /* @__PURE__ */ jsx129(
+    return /* @__PURE__ */ jsx130(
       FieldLayout,
       {
         data,
@@ -28258,7 +28538,7 @@ function DataFormLayout({
 }
 
 // src/dataform/index.tsx
-import { jsx as jsx130 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 function DataForm({
   data,
   form,
@@ -28274,7 +28554,7 @@ function DataForm({
   if (!form.fields) {
     return null;
   }
-  return /* @__PURE__ */ jsx130(DataFormProvider, { fields: normalizedFields, children: /* @__PURE__ */ jsx130(
+  return /* @__PURE__ */ jsx131(DataFormProvider, { fields: normalizedFields, children: /* @__PURE__ */ jsx131(
     DataFormLayout,
     {
       data,