npm - @wordpress/dataviews - Versions diffs - 17.0.1-next.v.202606191442.0 → 17.1.0 - Mend

@wordpress/dataviews 17.0.1-next.v.202606191442.0 → 17.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/build-wp/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ var __export = (target, all) => {
 };
 // src/dataviews/index.tsx
-import clsx53 from "clsx";
+import clsx52 from "clsx";
 // ../element/build-module/react.mjs
 import {
@@ -1159,6 +1159,10 @@ function useEvent(callback) {
   );
 }
+// ../compose/build-module/hooks/use-isomorphic-layout-effect/index.mjs
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var use_isomorphic_layout_effect_default = useIsomorphicLayoutEffect;
 // ../keycodes/build-module/index.mjs
 import { __ } from "@wordpress/i18n";
@@ -1754,7 +1758,6 @@ var Icon = forwardRef(function Icon2({ icon, size: size3 = 24, ...restProps }, r
     SVG,
     {
       ref,
-      fill: "currentColor",
       ...icon.props,
       ...restProps,
       width: size3,
@@ -2259,139 +2262,139 @@ var icon_default = forwardRef(
 // ../icons/build-module/library/arrow-down.mjs
 import { jsx as jsx10 } from "react/jsx-runtime";
-var arrow_down_default = /* @__PURE__ */ jsx10(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx10(Path, { d: "m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z" }) });
+var arrow_down_default = /* @__PURE__ */ jsx10(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx10(Path, { d: "m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z" }) });
 // ../icons/build-module/library/arrow-left.mjs
 import { jsx as jsx11 } from "react/jsx-runtime";
-var arrow_left_default = /* @__PURE__ */ jsx11(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx11(Path, { d: "M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z" }) });
+var arrow_left_default = /* @__PURE__ */ jsx11(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx11(Path, { d: "M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z" }) });
 // ../icons/build-module/library/arrow-right.mjs
 import { jsx as jsx12 } from "react/jsx-runtime";
-var arrow_right_default = /* @__PURE__ */ jsx12(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx12(Path, { d: "m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z" }) });
+var arrow_right_default = /* @__PURE__ */ jsx12(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx12(Path, { d: "m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z" }) });
 // ../icons/build-module/library/arrow-up.mjs
 import { jsx as jsx13 } from "react/jsx-runtime";
-var arrow_up_default = /* @__PURE__ */ jsx13(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx13(Path, { d: "M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z" }) });
+var arrow_up_default = /* @__PURE__ */ jsx13(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx13(Path, { d: "M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z" }) });
 // ../icons/build-module/library/block-table.mjs
 import { jsx as jsx14 } from "react/jsx-runtime";
-var block_table_default = /* @__PURE__ */ jsx14(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx14(Path, { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.5h14c.3 0 .5.2.5.5v3.5h-15V5c0-.3.2-.5.5-.5zm8 5.5h6.5v3.5H13V10zm-1.5 3.5h-7V10h7v3.5zm-7 5.5v-4h7v4.5H5c-.3 0-.5-.2-.5-.5zm14.5.5h-6V15h6.5v4c0 .3-.2.5-.5.5z" }) });
+var block_table_default = /* @__PURE__ */ jsx14(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx14(Path, { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.5h14c.3 0 .5.2.5.5v3.5h-15V5c0-.3.2-.5.5-.5zm8 5.5h6.5v3.5H13V10zm-1.5 3.5h-7V10h7v3.5zm-7 5.5v-4h7v4.5H5c-.3 0-.5-.2-.5-.5zm14.5.5h-6V15h6.5v4c0 .3-.2.5-.5.5z" }) });
 // ../icons/build-module/library/category.mjs
 import { jsx as jsx15 } from "react/jsx-runtime";
-var category_default = /* @__PURE__ */ jsx15(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx15(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z" }) });
+var category_default = /* @__PURE__ */ jsx15(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx15(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z" }) });
 // ../icons/build-module/library/caution.mjs
 import { jsx as jsx16 } from "react/jsx-runtime";
-var caution_default = /* @__PURE__ */ jsx16(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 12a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0ZM12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-.75 12v-1.5h1.5V16h-1.5Zm0-8v5h1.5V8h-1.5Z" }) });
+var caution_default = /* @__PURE__ */ jsx16(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx16(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 12a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0ZM12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-.75 12v-1.5h1.5V16h-1.5Zm0-8v5h1.5V8h-1.5Z" }) });
 // ../icons/build-module/library/check.mjs
 import { jsx as jsx17 } from "react/jsx-runtime";
-var check_default = /* @__PURE__ */ jsx17(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17(Path, { d: "M16.5 7.5 10 13.9l-2.5-2.4-1 1 3.5 3.6 7.5-7.6z" }) });
+var check_default = /* @__PURE__ */ jsx17(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx17(Path, { d: "M16.5 7.5 10 13.9l-2.5-2.4-1 1 3.5 3.6 7.5-7.6z" }) });
 // ../icons/build-module/library/chevron-down.mjs
 import { jsx as jsx18 } from "react/jsx-runtime";
-var chevron_down_default = /* @__PURE__ */ jsx18(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx18(Path, { d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z" }) });
+var chevron_down_default = /* @__PURE__ */ jsx18(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx18(Path, { d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z" }) });
 // ../icons/build-module/library/chevron-right-small.mjs
 import { jsx as jsx19 } from "react/jsx-runtime";
-var chevron_right_small_default = /* @__PURE__ */ jsx19(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx19(Path, { d: "M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z" }) });
+var chevron_right_small_default = /* @__PURE__ */ jsx19(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx19(Path, { d: "M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z" }) });
 // ../icons/build-module/library/chevron-right.mjs
 import { jsx as jsx20 } from "react/jsx-runtime";
-var chevron_right_default = /* @__PURE__ */ jsx20(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20(Path, { d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z" }) });
+var chevron_right_default = /* @__PURE__ */ jsx20(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx20(Path, { d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z" }) });
 // ../icons/build-module/library/close-small.mjs
 import { jsx as jsx21 } from "react/jsx-runtime";
-var close_small_default = /* @__PURE__ */ jsx21(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx21(Path, { d: "M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z" }) });
+var close_small_default = /* @__PURE__ */ jsx21(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx21(Path, { d: "M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z" }) });
 // ../icons/build-module/library/close.mjs
 import { jsx as jsx22 } from "react/jsx-runtime";
-var close_default = /* @__PURE__ */ jsx22(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx22(Path, { d: "m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z" }) });
+var close_default = /* @__PURE__ */ jsx22(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx22(Path, { d: "m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z" }) });
 // ../icons/build-module/library/cog.mjs
 import { jsx as jsx23 } from "react/jsx-runtime";
-var cog_default = /* @__PURE__ */ jsx23(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx23(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z" }) });
+var cog_default = /* @__PURE__ */ jsx23(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx23(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z" }) });
 // ../icons/build-module/library/copy.mjs
 import { jsx as jsx24 } from "react/jsx-runtime";
-var copy_default = /* @__PURE__ */ jsx24(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx24(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M5 4.5h11a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5ZM3 5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Zm17 3v10.75c0 .69-.56 1.25-1.25 1.25H6v1.5h12.75a2.75 2.75 0 0 0 2.75-2.75V8H20Z" }) });
+var copy_default = /* @__PURE__ */ jsx24(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx24(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M5 4.5h11a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5ZM3 5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Zm17 3v10.75c0 .69-.56 1.25-1.25 1.25H6v1.5h12.75a2.75 2.75 0 0 0 2.75-2.75V8H20Z" }) });
 // ../icons/build-module/library/envelope.mjs
 import { jsx as jsx25 } from "react/jsx-runtime";
-var envelope_default = /* @__PURE__ */ jsx25(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx25(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M3 7c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Zm2-.5h14c.3 0 .5.2.5.5v1L12 13.5 4.5 7.9V7c0-.3.2-.5.5-.5Zm-.5 3.3V17c0 .3.2.5.5.5h14c.3 0 .5-.2.5-.5V9.8L12 15.4 4.5 9.8Z" }) });
+var envelope_default = /* @__PURE__ */ jsx25(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx25(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M3 7c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Zm2-.5h14c.3 0 .5.2.5.5v1L12 13.5 4.5 7.9V7c0-.3.2-.5.5-.5Zm-.5 3.3V17c0 .3.2.5.5.5h14c.3 0 .5-.2.5-.5V9.8L12 15.4 4.5 9.8Z" }) });
 // ../icons/build-module/library/error.mjs
 import { jsx as jsx26 } from "react/jsx-runtime";
-var error_default = /* @__PURE__ */ jsx26(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx26(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12.218 5.377a.25.25 0 0 0-.436 0l-7.29 12.96a.25.25 0 0 0 .218.373h14.58a.25.25 0 0 0 .218-.372l-7.29-12.96Zm-1.743-.735c.669-1.19 2.381-1.19 3.05 0l7.29 12.96a1.75 1.75 0 0 1-1.525 2.608H4.71a1.75 1.75 0 0 1-1.525-2.608l7.29-12.96ZM12.75 17.46h-1.5v-1.5h1.5v1.5Zm-1.5-3h1.5v-5h-1.5v5Z" }) });
+var error_default = /* @__PURE__ */ jsx26(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx26(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12.218 5.377a.25.25 0 0 0-.436 0l-7.29 12.96a.25.25 0 0 0 .218.373h14.58a.25.25 0 0 0 .218-.372l-7.29-12.96Zm-1.743-.735c.669-1.19 2.381-1.19 3.05 0l7.29 12.96a1.75 1.75 0 0 1-1.525 2.608H4.71a1.75 1.75 0 0 1-1.525-2.608l7.29-12.96ZM12.75 17.46h-1.5v-1.5h1.5v1.5Zm-1.5-3h1.5v-5h-1.5v5Z" }) });
 // ../icons/build-module/library/format-list-bullets-rtl.mjs
 import { jsx as jsx27 } from "react/jsx-runtime";
-var format_list_bullets_rtl_default = /* @__PURE__ */ jsx27(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx27(Path, { d: "M4 8.8h8.9V7.2H4v1.6zm0 7h8.9v-1.5H4v1.5zM18 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z" }) });
+var format_list_bullets_rtl_default = /* @__PURE__ */ jsx27(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx27(Path, { d: "M4 8.8h8.9V7.2H4v1.6zm0 7h8.9v-1.5H4v1.5zM18 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z" }) });
 // ../icons/build-module/library/format-list-bullets.mjs
 import { jsx as jsx28 } from "react/jsx-runtime";
-var format_list_bullets_default = /* @__PURE__ */ jsx28(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx28(Path, { d: "M11.1 15.8H20v-1.5h-8.9v1.5zm0-8.6v1.5H20V7.2h-8.9zM6 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-7c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) });
+var format_list_bullets_default = /* @__PURE__ */ jsx28(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx28(Path, { d: "M11.1 15.8H20v-1.5h-8.9v1.5zm0-8.6v1.5H20V7.2h-8.9zM6 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-7c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) });
 // ../icons/build-module/library/funnel.mjs
 import { jsx as jsx29 } from "react/jsx-runtime";
-var funnel_default = /* @__PURE__ */ jsx29(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx29(Path, { d: "M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z" }) });
+var funnel_default = /* @__PURE__ */ jsx29(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx29(Path, { d: "M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z" }) });
 // ../icons/build-module/library/info.mjs
 import { jsx as jsx30 } from "react/jsx-runtime";
-var info_default = /* @__PURE__ */ jsx30(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx30(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 12a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0ZM12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm.75 4v1.5h-1.5V8h1.5Zm0 8v-5h-1.5v5h1.5Z" }) });
+var info_default = /* @__PURE__ */ jsx30(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx30(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 12a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0ZM12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm.75 4v1.5h-1.5V8h1.5Zm0 8v-5h-1.5v5h1.5Z" }) });
 // ../icons/build-module/library/link.mjs
 import { jsx as jsx31 } from "react/jsx-runtime";
-var link_default = /* @__PURE__ */ jsx31(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx31(Path, { d: "M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z" }) });
+var link_default = /* @__PURE__ */ jsx31(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx31(Path, { d: "M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z" }) });
 // ../icons/build-module/library/mobile.mjs
 import { jsx as jsx32 } from "react/jsx-runtime";
-var mobile_default = /* @__PURE__ */ jsx32(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx32(Path, { d: "M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z" }) });
+var mobile_default = /* @__PURE__ */ jsx32(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx32(Path, { d: "M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z" }) });
 // ../icons/build-module/library/more-vertical.mjs
 import { jsx as jsx33 } from "react/jsx-runtime";
-var more_vertical_default = /* @__PURE__ */ jsx33(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx33(Path, { d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z" }) });
+var more_vertical_default = /* @__PURE__ */ jsx33(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx33(Path, { d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z" }) });
 // ../icons/build-module/library/next.mjs
 import { jsx as jsx34 } from "react/jsx-runtime";
-var next_default = /* @__PURE__ */ jsx34(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx34(Path, { d: "M6.6 6L5.4 7l4.5 5-4.5 5 1.1 1 5.5-6-5.4-6zm6 0l-1.1 1 4.5 5-4.5 5 1.1 1 5.5-6-5.5-6z" }) });
+var next_default = /* @__PURE__ */ jsx34(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx34(Path, { d: "M6.6 6L5.4 7l4.5 5-4.5 5 1.1 1 5.5-6-5.4-6zm6 0l-1.1 1 4.5 5-4.5 5 1.1 1 5.5-6-5.5-6z" }) });
 // ../icons/build-module/library/pencil.mjs
 import { jsx as jsx35 } from "react/jsx-runtime";
-var pencil_default = /* @__PURE__ */ jsx35(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx35(Path, { d: "m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z" }) });
+var pencil_default = /* @__PURE__ */ jsx35(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx35(Path, { d: "m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z" }) });
 // ../icons/build-module/library/plus.mjs
 import { jsx as jsx36 } from "react/jsx-runtime";
-var plus_default = /* @__PURE__ */ jsx36(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx36(Path, { d: "M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z" }) });
+var plus_default = /* @__PURE__ */ jsx36(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx36(Path, { d: "M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z" }) });
 // ../icons/build-module/library/previous.mjs
 import { jsx as jsx37 } from "react/jsx-runtime";
-var previous_default = /* @__PURE__ */ jsx37(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx37(Path, { d: "M11.6 7l-1.1-1L5 12l5.5 6 1.1-1L7 12l4.6-5zm6 0l-1.1-1-5.5 6 5.5 6 1.1-1-4.6-5 4.6-5z" }) });
+var previous_default = /* @__PURE__ */ jsx37(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx37(Path, { d: "M11.6 7l-1.1-1L5 12l5.5 6 1.1-1L7 12l4.6-5zm6 0l-1.1-1-5.5 6 5.5 6 1.1-1-4.6-5 4.6-5z" }) });
 // ../icons/build-module/library/published.mjs
 import { jsx as jsx38 } from "react/jsx-runtime";
-var published_default = /* @__PURE__ */ jsx38(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx38(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12 18.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm11.53-1.47-1.06-1.06L11 12.94l-1.47-1.47-1.06 1.06L11 15.06l4.53-4.53Z" }) });
+var published_default = /* @__PURE__ */ jsx38(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx38(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12 18.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm11.53-1.47-1.06-1.06L11 12.94l-1.47-1.47-1.06 1.06L11 15.06l4.53-4.53Z" }) });
 // ../icons/build-module/library/reset.mjs
 import { jsx as jsx39 } from "react/jsx-runtime";
-var reset_default = /* @__PURE__ */ jsx39(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx39(Path, { d: "M7 11.5h10V13H7z" }) });
+var reset_default = /* @__PURE__ */ jsx39(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx39(Path, { d: "M7 11.5h10V13H7z" }) });
 // ../icons/build-module/library/scheduled.mjs
 import { jsx as jsx40 } from "react/jsx-runtime";
-var scheduled_default = /* @__PURE__ */ jsx40(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx40(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12 18.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm9 1V8h-1.5v3.5h-2V13H13Z" }) });
+var scheduled_default = /* @__PURE__ */ jsx40(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx40(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12 18.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm9 1V8h-1.5v3.5h-2V13H13Z" }) });
 // ../icons/build-module/library/search.mjs
 import { jsx as jsx41 } from "react/jsx-runtime";
-var search_default = /* @__PURE__ */ jsx41(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx41(Path, { d: "M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z" }) });
+var search_default = /* @__PURE__ */ jsx41(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx41(Path, { d: "M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z" }) });
 // ../icons/build-module/library/seen.mjs
 import { jsx as jsx42 } from "react/jsx-runtime";
-var seen_default = /* @__PURE__ */ jsx42(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx42(Path, { d: "M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z" }) });
+var seen_default = /* @__PURE__ */ jsx42(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx42(Path, { d: "M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z" }) });
 // ../icons/build-module/library/unseen.mjs
 import { jsx as jsx43 } from "react/jsx-runtime";
-var unseen_default = /* @__PURE__ */ jsx43(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx43(Path, { d: "M20.7 12.7s0-.1-.1-.2c0-.2-.2-.4-.4-.6-.3-.5-.9-1.2-1.6-1.8-.7-.6-1.5-1.3-2.6-1.8l-.6 1.4c.9.4 1.6 1 2.1 1.5.6.6 1.1 1.2 1.4 1.6.1.2.3.4.3.5v.1l.7-.3.7-.3Zm-5.2-9.3-1.8 4c-.5-.1-1.1-.2-1.7-.2-3 0-5.2 1.4-6.6 2.7-.7.7-1.2 1.3-1.6 1.8-.2.3-.3.5-.4.6 0 0 0 .1-.1.2s0 0 .7.3l.7.3V13c0-.1.2-.3.3-.5.3-.4.7-1 1.4-1.6 1.2-1.2 3-2.3 5.5-2.3H13v.3c-.4 0-.8-.1-1.1-.1-1.9 0-3.5 1.6-3.5 3.5s.6 2.3 1.6 2.9l-2 4.4.9.4 7.6-16.2-.9-.4Zm-3 12.6c1.7-.2 3-1.7 3-3.5s-.2-1.4-.6-1.9L12.4 16Z" }) });
+var unseen_default = /* @__PURE__ */ jsx43(SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx43(Path, { d: "M20.7 12.7s0-.1-.1-.2c0-.2-.2-.4-.4-.6-.3-.5-.9-1.2-1.6-1.8-.7-.6-1.5-1.3-2.6-1.8l-.6 1.4c.9.4 1.6 1 2.1 1.5.6.6 1.1 1.2 1.4 1.6.1.2.3.4.3.5v.1l.7-.3.7-.3Zm-5.2-9.3-1.8 4c-.5-.1-1.1-.2-1.7-.2-3 0-5.2 1.4-6.6 2.7-.7.7-1.2 1.3-1.6 1.8-.2.3-.3.5-.4.6 0 0 0 .1-.1.2s0 0 .7.3l.7.3V13c0-.1.2-.3.3-.5.3-.4.7-1 1.4-1.6 1.2-1.2 3-2.3 5.5-2.3H13v.3c-.4 0-.8-.1-1.1-.1-1.9 0-3.5 1.6-3.5 3.5s.6 2.3 1.6 2.9l-2 4.4.9.4 7.6-16.2-.9-.4Zm-3 12.6c1.7-.2 3-1.7 3-3.5s-.2-1.4-.6-1.9L12.4 16Z" }) });
 // ../ui/build-module/collapsible-card/context.mjs
 var HeaderDescriptionIdContext = createContext({
@@ -2490,7 +2493,7 @@ if (typeof process === "undefined" || true) {
 }
 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("311eec8c75", "@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,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,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,var(--wp-admin-theme-color,#3858e9))}}}");
+  registerStyle7("5f8e7aa0bc", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer utilities{._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,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,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,var(--wp-admin-theme-color,#3858e9));outline-offset:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px))}}}");
 }
 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(
@@ -2690,6 +2693,18 @@ var Content2 = forwardRef(
   }
 );
+// ../ui/build-module/utils/render-slot-with-children.mjs
+function renderSlotWithChildren(slot, defaultSlot, children) {
+  return cloneElement(slot ?? defaultSlot, { children });
+}
+// ../theme/build-module/index.mjs
+var build_module_exports = {};
+__export(build_module_exports, {
+  ThemeProvider: () => ThemeProvider,
+  privateApis: () => privateApis
+});
 // ../theme/build-module/lock-unlock.mjs
 var { lock: lock2, unlock: unlock2 } = __dangerousOptInToUnstableAPIsOnlyForCoreModules(
   "I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.",
@@ -3957,7 +3972,7 @@ function useThemeProviderStyles({
 }
 // ../theme/build-module/theme-provider.mjs
-import { Fragment as Fragment2, jsx as jsx47, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var STYLE_HASH_ATTRIBUTE9 = "data-wp-hash";
 function getRuntime9() {
   const globalScope = globalThis;
@@ -4042,24 +4057,7 @@ if (typeof process === "undefined" || true) {
   registerStyle9("f4e6e06c6a", ".dba930ea7a9438fd__root{display:contents}");
 }
 var style_default9 = { "root": "dba930ea7a9438fd__root" };
-function cssObjectToText(values) {
-  return Object.entries(values).map(([key, value]) => `${key}: ${value};`).join("");
-}
-function generateCSSSelector({
-  instanceId,
-  isRoot
-}) {
-  const rootSel = `[data-wpds-root-provider="true"]`;
-  const instanceIdSel = `[data-wpds-theme-provider-id="${instanceId}"]`;
-  const selectors = [];
-  if (isRoot) {
-    selectors.push(
-      `:root:has(.${style_default9.root}${rootSel}${instanceIdSel})`
-    );
-  }
-  selectors.push(`.${style_default9.root}.${style_default9.root}${instanceIdSel}`);
-  return selectors.join(",");
-}
+var rootProviderCountByDocument = /* @__PURE__ */ new WeakMap();
 var ThemeProvider = ({
   children,
   color = {},
@@ -4067,7 +4065,6 @@ var ThemeProvider = ({
   cornerRadius,
   isRoot = false
 }) => {
-  const instanceId = useId();
   const { themeProviderStyles, resolvedSettings } = useThemeProviderStyles({
     color,
     cursor,
@@ -4080,42 +4077,117 @@ var ThemeProvider = ({
     }),
     [resolvedSettings]
   );
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    themeProviderStyles ? /* @__PURE__ */ jsx47("style", { children: `${generateCSSSelector({
-      instanceId,
-      isRoot
-    })} {${cssObjectToText(themeProviderStyles)}}` }) : null,
-    /* @__PURE__ */ jsx47(
-      "div",
-      {
-        "data-wpds-theme-provider-id": instanceId,
-        "data-wpds-root-provider": isRoot || void 0,
-        "data-wpds-corner-radius": cornerRadiusPreset,
-        className: style_default9.root,
-        children: /* @__PURE__ */ jsx47(ThemeContext.Provider, { value: contextValue, children })
+  const wrapperRef = useRef(null);
+  use_isomorphic_layout_effect_default(() => {
+    if (!isRoot) {
+      return;
+    }
+    const doc = wrapperRef.current?.ownerDocument;
+    if (!doc) {
+      return;
+    }
+    const root = doc.documentElement;
+    if (true) {
+      const active = rootProviderCountByDocument.get(doc) ?? 0;
+      if (active > 0) {
+        console.warn(
+          "ThemeProvider: More than one root provider (`isRoot`) is mounted on the same document. Their forwarded document-level styles conflict, and unmounting one can reset the others. Render a single root provider per document."
+        );
       }
-    )
-  ] });
+      rootProviderCountByDocument.set(doc, active + 1);
+    }
+    const previous = /* @__PURE__ */ new Map();
+    const applied = [];
+    for (const [rawKey, rawValue] of Object.entries(
+      themeProviderStyles
+    )) {
+      if (!rawKey.startsWith("--") || rawValue === null || rawValue === void 0) {
+        continue;
+      }
+      previous.set(rawKey, root.style.getPropertyValue(rawKey));
+      root.style.setProperty(rawKey, String(rawValue));
+      applied.push(rawKey);
+    }
+    return () => {
+      if (true) {
+        const active = rootProviderCountByDocument.get(doc) ?? 1;
+        if (active <= 1) {
+          rootProviderCountByDocument.delete(doc);
+        } else {
+          rootProviderCountByDocument.set(doc, active - 1);
+        }
+      }
+      for (const key of applied) {
+        const prev = previous.get(key);
+        if (prev) {
+          root.style.setProperty(key, prev);
+        } else {
+          root.style.removeProperty(key);
+        }
+      }
+    };
+  }, [isRoot, themeProviderStyles]);
+  return /* @__PURE__ */ jsx47(
+    "div",
+    {
+      ref: wrapperRef,
+      "data-wpds-root-provider": isRoot || void 0,
+      "data-wpds-corner-radius": cornerRadiusPreset,
+      className: style_default9.root,
+      style: themeProviderStyles,
+      children: /* @__PURE__ */ jsx47(ThemeContext.Provider, { value: contextValue, children })
+    }
+  );
 };
 // ../theme/build-module/private-apis.mjs
+function warnPrivateApi(apiName, options2 = {}) {
+  deprecated(`\`privateApis.${apiName}\` from \`@wordpress/theme\``, {
+    since: "7.1",
+    version: "7.3",
+    ...options2
+  });
+}
 var privateApis = {};
 lock2(privateApis, {
-  ThemeProvider,
-  useThemeProviderStyles
+  get ThemeProvider() {
+    warnPrivateApi("ThemeProvider", {
+      alternative: "`ThemeProvider` from `@wordpress/theme`"
+    });
+    return ThemeProvider;
+  },
+  get useThemeProviderStyles() {
+    warnPrivateApi("useThemeProviderStyles", {
+      alternative: "`ThemeProvider` from `@wordpress/theme` for supported theming use cases",
+      hint: "`useThemeProviderStyles` has no public replacement."
+    });
+    return useThemeProviderStyles;
+  }
 });
-// ../ui/build-module/utils/render-slot-with-children.mjs
-function renderSlotWithChildren(slot, defaultSlot, children) {
-  return cloneElement(slot ?? defaultSlot, { children });
-}
 // ../ui/build-module/lock-unlock.mjs
 var { lock: lock3, unlock: unlock3 } = __dangerousOptInToUnstableAPIsOnlyForCoreModules(
   "I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.",
   "@wordpress/ui"
 );
+// ../ui/build-module/utils/theme-provider.mjs
+function getThemeProvider() {
+  const themePackage = build_module_exports;
+  if (themePackage.ThemeProvider) {
+    return themePackage.ThemeProvider;
+  }
+  if (!themePackage.privateApis) {
+    throw new Error(
+      "@wordpress/ui: @wordpress/theme must expose `ThemeProvider` or `privateApis.ThemeProvider`."
+    );
+  }
+  return unlock3(
+    themePackage.privateApis
+  ).ThemeProvider;
+}
+var ThemeProvider2 = getThemeProvider();
 // ../ui/build-module/stack/stack.mjs
 import { useRender as useRender7, mergeProps as mergeProps7 } from "@base-ui/react";
 var STYLE_HASH_ATTRIBUTE10 = "data-wp-hash";
@@ -4594,7 +4666,6 @@ if (typeof process === "undefined" || true) {
   registerStyle13("789467362f", '@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-background-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-foreground-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 = /* @__PURE__ */ jsx50(ThemeProvider2, { color: POPUP_COLOR, children: /* @__PURE__ */ jsx50(
@@ -4826,7 +4897,7 @@ var dataviews_context_default = DataViewsContext;
 import { __ as __36, isRTL as isRTL12 } from "@wordpress/i18n";
 // src/components/dataviews-layouts/table/index.tsx
-import clsx38 from "clsx";
+import clsx37 from "clsx";
 import { __ as __23, sprintf as sprintf6, isRTL as isRTL10 } from "@wordpress/i18n";
 // ../components/build-module/composite/index.mjs
@@ -13817,13 +13888,12 @@ SearchControl.displayName = "SearchControl";
 var search_control_default = SearchControl;
 // ../components/build-module/text-control/index.mjs
-import clsx32 from "clsx";
 import { jsx as _jsx82 } from "react/jsx-runtime";
 function UnforwardedTextControl(props, ref) {
   const {
-    // Prevent passing this to `input`.
+    // Prevent passing legacy props to `input`.
     __nextHasNoMarginBottom: _,
-    __next40pxDefaultSize = false,
+    __next40pxDefaultSize: __62,
     label,
     hideLabelFromVision,
     value,
@@ -13836,11 +13906,6 @@ function UnforwardedTextControl(props, ref) {
   } = props;
   const id = use_instance_id_default(TextControl, "inspector-text-control", idProp);
   const onChangeValue = (event) => onChange(event.target.value);
-  maybeWarnDeprecated36pxSize({
-    componentName: "TextControl",
-    size: void 0,
-    __next40pxDefaultSize
-  });
   return /* @__PURE__ */ _jsx82(base_control_default, {
     label,
     hideLabelFromVision,
@@ -13848,9 +13913,7 @@ function UnforwardedTextControl(props, ref) {
     help,
     className: className2,
     children: /* @__PURE__ */ _jsx82("input", {
-      className: clsx32("components-text-control__input", {
-        "is-next-40px-default-size": __next40pxDefaultSize
-      }),
+      className: "components-text-control__input",
       type,
       id,
       value,
@@ -13866,7 +13929,7 @@ TextControl.displayName = "TextControl";
 var text_control_default = TextControl;
 // ../components/build-module/textarea-control/index.mjs
-import clsx33 from "clsx";
+import clsx32 from "clsx";
 // ../components/build-module/textarea-control/styles/textarea-control-styles.mjs
 import _styled14 from "@emotion/styled/base";
@@ -13898,7 +13961,7 @@ function UnforwardedTextareaControl(props, ref) {
   const instanceId = use_instance_id_default(TextareaControl);
   const id = `inspector-textarea-control-${instanceId}`;
   const onChangeValue = (event) => onChange(event.target.value);
-  const classes = clsx33("components-textarea-control", className2);
+  const classes = clsx32("components-textarea-control", className2);
   return /* @__PURE__ */ _jsx83(base_control_default, {
     label,
     hideLabelFromVision,
@@ -13922,7 +13985,7 @@ TextareaControl.displayName = "TextareaControl";
 var textarea_control_default = TextareaControl;
 // ../components/build-module/toggle-control/index.mjs
-import clsx34 from "clsx";
+import clsx33 from "clsx";
 import { jsx as _jsx84, jsxs as _jsxs24 } from "react/jsx-runtime";
 function UnforwardedToggleControl({
   label,
@@ -13959,7 +14022,7 @@ function UnforwardedToggleControl({
       className: "components-toggle-control__help",
       children: helpLabel
     }),
-    className: clsx34("components-toggle-control", className2),
+    className: clsx33("components-toggle-control", className2),
     children: /* @__PURE__ */ _jsxs24(component_default9, {
       justify: "flex-start",
       spacing: 2,
@@ -13974,7 +14037,7 @@ function UnforwardedToggleControl({
       }), /* @__PURE__ */ _jsx84(component_default5, {
         as: "label",
         htmlFor: id,
-        className: clsx34("components-toggle-control__label", {
+        className: clsx33("components-toggle-control__label", {
           "is-disabled": disabled
         }),
         children: label
@@ -14810,7 +14873,7 @@ var Tab3 = forwardRef(function Tab22({
 // ../components/build-module/tabs/tablist.mjs
 import { useStoreState as useStoreState4 } from "@ariakit/react";
-import clsx35 from "clsx";
+import clsx34 from "clsx";
 // ../components/build-module/tabs/use-track-overflow.mjs
 function useTrackOverflow(parent, children) {
@@ -14940,7 +15003,7 @@ var TabList2 = forwardRef(function TabList22({
     }),
     "data-select-on-move": selectOnMove ? "true" : "false",
     ...otherProps,
-    className: clsx35(overflow.first && "is-overflowing-first", overflow.last && "is-overflowing-last", otherProps.className),
+    className: clsx34(overflow.first && "is-overflowing-first", overflow.last && "is-overflowing-last", otherProps.className),
     children
   });
 });
@@ -15049,7 +15112,7 @@ var Tabs = Object.assign(function Tabs2({
 });
 // ../components/build-module/badge/index.mjs
-import clsx36 from "clsx";
+import clsx35 from "clsx";
 import { jsx as _jsx102, jsxs as _jsxs30 } from "react/jsx-runtime";
 function contextBasedIcon(intent = "default") {
   switch (intent) {
@@ -15074,7 +15137,7 @@ function Badge3({
   const icon = contextBasedIcon(intent);
   const hasIcon = !!icon;
   return /* @__PURE__ */ _jsx102("span", {
-    className: clsx36("components-badge", className2, {
+    className: clsx35("components-badge", className2, {
       [`is-${intent}`]: intent,
       "has-icon": hasIcon
     }),
@@ -15552,7 +15615,7 @@ var DateRangeCalendar = ({
 import { __ as __17 } from "@wordpress/i18n";
 // ../components/build-module/validated-form-controls/validity-indicator.mjs
-import clsx37 from "clsx";
+import clsx36 from "clsx";
 import { jsx as _jsx106, jsxs as _jsxs32 } from "react/jsx-runtime";
 function ValidityIndicator({
   id,
@@ -15565,7 +15628,7 @@ function ValidityIndicator({
   };
   return /* @__PURE__ */ _jsxs32("p", {
     id,
-    className: clsx37("components-validated-control__indicator", `is-${type}`),
+    className: clsx36("components-validated-control__indicator", `is-${type}`),
     children: [type === "validating" ? /* @__PURE__ */ _jsx106(spinner_default, {
       className: "components-validated-control__indicator-spinner"
     }) : /* @__PURE__ */ _jsx106(icon_default2, {
@@ -15961,7 +16024,6 @@ var UnforwardedValidatedTextControl = ({
     customValidity,
     getValidityTarget: () => validityTargetRef.current,
     children: /* @__PURE__ */ _jsx115(text_control_default, {
-      __next40pxDefaultSize: true,
       ref: mergedRefs,
       ...restProps
     })
@@ -16136,7 +16198,7 @@ var { lock: lock5, unlock: unlock5 } = __dangerousOptInToUnstableAPIsOnlyForCore
 );
 // src/components/dataviews-item-actions/index.tsx
-import { Fragment as Fragment3, jsx as jsx55, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx55, jsxs as jsxs2 } from "react/jsx-runtime";
 var { Menu: Menu4, kebabCase: kebabCase3 } = unlock5(privateApis2);
 function ButtonTrigger({
   action,
@@ -16220,7 +16282,7 @@ function ActionsMenuGroup({
     },
     action.id
   ));
-  return /* @__PURE__ */ jsxs3(Menu4.Group, { children: [
+  return /* @__PURE__ */ jsxs2(Menu4.Group, { children: [
     renderActionGroup(primaryActions),
     renderActionGroup(regularActions)
   ] });
@@ -16255,7 +16317,7 @@ function ItemActions({
       }
     );
   }
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     Stack,
     {
       direction: "row",
@@ -16297,8 +16359,8 @@ function CompactItemActions({
   const [activeModalAction, setActiveModalAction] = useState(
     null
   );
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsxs3(Menu4, { placement: "bottom-end", children: [
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsxs2(Menu4, { placement: "bottom-end", children: [
       /* @__PURE__ */ jsx55(
         Menu4.TriggerButton,
         {
@@ -16349,7 +16411,7 @@ function PrimaryActions({
   if (!Array.isArray(actions) || actions.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
     actions.map((action) => /* @__PURE__ */ jsx55(
       ButtonTrigger,
       {
@@ -16407,7 +16469,7 @@ function getFooterMessage(selectionCount, itemsCount, totalItems, onlyTotalCount
 }
 // src/components/dataviews-bulk-actions/index.tsx
-import { Fragment as Fragment4, jsx as jsx56, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx56, jsxs as jsxs3 } from "react/jsx-runtime";
 function ActionWithModal({
   action,
   items,
@@ -16421,7 +16483,7 @@ function ActionWithModal({
     },
     items
   };
-  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
     /* @__PURE__ */ jsx56(ActionTriggerComponent, { ...actionTriggerProps }),
     isModalOpen && /* @__PURE__ */ jsx56(
       ActionModal,
@@ -16584,7 +16646,7 @@ function renderFooterContent(data, actions, getItemId, isInfiniteScroll, selecti
     paginationInfo.totalItems,
     isInfiniteScroll
   );
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     Stack,
     {
       direction: "row",
@@ -16604,7 +16666,7 @@ function renderFooterContent(data, actions, getItemId, isInfiniteScroll, selecti
           }
         ),
         /* @__PURE__ */ jsx56("span", { className: "dataviews-bulk-actions-footer__item-count", children: message }),
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs3(
           Stack,
           {
             direction: "row",
@@ -16757,10 +16819,10 @@ function getHideableFields(view, fields) {
 }
 // src/components/dataviews-layouts/table/column-header-menu.tsx
-import { jsx as jsx57, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs4 } from "react/jsx-runtime";
 var { Menu: Menu5 } = unlock5(privateApis2);
 function WithMenuSeparators({ children }) {
-  return Children.toArray(children).filter(Boolean).map((child, i) => /* @__PURE__ */ jsxs5(Fragment, { children: [
+  return Children.toArray(children).filter(Boolean).map((child, i) => /* @__PURE__ */ jsxs4(Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx57(Menu5.Separator, {}),
     child
   ] }, i));
@@ -16801,8 +16863,8 @@ var _HeaderMenu = forwardRef(function HeaderMenu({
   );
   const canInsert = (canInsertLeft || canInsertRight) && !!hiddenFields.length;
   const isRtl = isRTL8();
-  return /* @__PURE__ */ jsxs5(Menu5, { children: [
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(Menu5, { children: [
+    /* @__PURE__ */ jsxs4(
       Menu5.TriggerButton,
       {
         render: /* @__PURE__ */ jsx57(
@@ -16820,7 +16882,7 @@ var _HeaderMenu = forwardRef(function HeaderMenu({
         ]
       }
     ),
-    /* @__PURE__ */ jsx57(Menu5.Popover, { style: { minWidth: "240px" }, children: /* @__PURE__ */ jsxs5(WithMenuSeparators, { children: [
+    /* @__PURE__ */ jsx57(Menu5.Popover, { style: { minWidth: "240px" }, children: /* @__PURE__ */ jsxs4(WithMenuSeparators, { children: [
       isSortable && /* @__PURE__ */ jsx57(Menu5.Group, { children: SORTING_DIRECTIONS.map(
         (direction) => {
           const isChecked = view.sort && isSorted && view.sort.direction === direction;
@@ -16870,7 +16932,7 @@ var _HeaderMenu = forwardRef(function HeaderMenu({
           children: /* @__PURE__ */ jsx57(Menu5.ItemLabel, { children: __21("Add filter") })
         }
       ) }),
-      (canMove || isHidable || canInsert) && field && /* @__PURE__ */ jsxs5(Menu5.Group, { children: [
+      (canMove || isHidable || canInsert) && field && /* @__PURE__ */ jsxs4(Menu5.Group, { children: [
         canMove && /* @__PURE__ */ jsx57(
           Menu5.Item,
           {
@@ -16919,7 +16981,7 @@ var _HeaderMenu = forwardRef(function HeaderMenu({
             children: /* @__PURE__ */ jsx57(Menu5.ItemLabel, { children: __21("Move right") })
           }
         ),
-        canInsertLeft && !!hiddenFields.length && /* @__PURE__ */ jsxs5(Menu5, { children: [
+        canInsertLeft && !!hiddenFields.length && /* @__PURE__ */ jsxs4(Menu5, { children: [
           /* @__PURE__ */ jsx57(Menu5.SubmenuTriggerItem, { children: /* @__PURE__ */ jsx57(Menu5.ItemLabel, { children: __21("Insert left") }) }),
           /* @__PURE__ */ jsx57(Menu5.Popover, { children: hiddenFields.map((hiddenField) => {
             const insertIndex = isRtl ? index + 1 : index;
@@ -16947,7 +17009,7 @@ var _HeaderMenu = forwardRef(function HeaderMenu({
             );
           }) })
         ] }),
-        canInsertRight && !!hiddenFields.length && /* @__PURE__ */ jsxs5(Menu5, { children: [
+        canInsertRight && !!hiddenFields.length && /* @__PURE__ */ jsxs4(Menu5, { children: [
           /* @__PURE__ */ jsx57(Menu5.SubmenuTriggerItem, { children: /* @__PURE__ */ jsx57(Menu5.ItemLabel, { children: __21("Insert right") }) }),
           /* @__PURE__ */ jsx57(Menu5.Popover, { children: hiddenFields.map((hiddenField) => {
             const insertIndex = isRtl ? index : index + 1;
@@ -17071,7 +17133,7 @@ function ItemClickWrapper({
 }
 // src/components/dataviews-layouts/table/column-primary.tsx
-import { jsx as jsx59, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs5 } from "react/jsx-runtime";
 function ColumnPrimary({
   item: item2,
   level,
@@ -17082,7 +17144,7 @@ function ColumnPrimary({
   renderItemLink,
   isItemClickable: isItemClickable2
 }) {
-  return /* @__PURE__ */ jsxs6(Stack, { direction: "row", gap: "md", align: "flex-start", justify: "flex-start", children: [
+  return /* @__PURE__ */ jsxs5(Stack, { direction: "row", gap: "md", align: "flex-start", justify: "flex-start", children: [
     mediaField && /* @__PURE__ */ jsx59(
       ItemClickWrapper,
       {
@@ -17102,14 +17164,14 @@ function ColumnPrimary({
         )
       }
     ),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs5(
       Stack,
       {
         direction: "column",
         align: "flex-start",
         className: "dataviews-view-table__primary-column-content",
         children: [
-          titleField && /* @__PURE__ */ jsxs6(
+          titleField && /* @__PURE__ */ jsxs5(
             ItemClickWrapper,
             {
               item: item2,
@@ -17118,7 +17180,7 @@ function ColumnPrimary({
               renderItemLink,
               className: "dataviews-view-table__cell-content-wrapper dataviews-title-field",
               children: [
-                level !== void 0 && level > 0 && /* @__PURE__ */ jsxs6("span", { className: "dataviews-view-table__level", children: [
+                level !== void 0 && level > 0 && /* @__PURE__ */ jsxs5("span", { className: "dataviews-view-table__level", children: [
                   Array(level).fill("\u2014").join(" "),
                   "\xA0"
                 ] }),
@@ -17196,13 +17258,13 @@ function getDataByGroup(data, groupByField) {
 // src/components/dataviews-view-config/properties-section.tsx
 import { __ as __22 } from "@wordpress/i18n";
-import { jsx as jsx60, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs6 } from "react/jsx-runtime";
 function FieldItem({
   field,
   isVisible: isVisible2,
   onToggleVisibility
 }) {
-  return /* @__PURE__ */ jsx60(component_default17, { onClick: field.enableHiding ? onToggleVisibility : void 0, children: /* @__PURE__ */ jsxs7(Stack, { direction: "row", gap: "sm", justify: "flex-start", align: "center", children: [
+  return /* @__PURE__ */ jsx60(component_default17, { onClick: field.enableHiding ? onToggleVisibility : void 0, children: /* @__PURE__ */ jsxs6(Stack, { direction: "row", gap: "sm", justify: "flex-start", align: "center", children: [
     /* @__PURE__ */ jsx60("div", { style: { height: 24, width: 24 }, children: isVisible2 && /* @__PURE__ */ jsx60(icon_default2, { icon: check_default }) }),
     /* @__PURE__ */ jsx60("span", { className: "dataviews-view-config__label", children: field.label })
   ] }) });
@@ -17249,14 +17311,14 @@ function PropertiesSection({
   );
   const totalVisibleFields = visibleLockedFields.length + visibleRegularFieldsCount;
   const isSingleVisibleLockedField = totalVisibleFields === 1 && visibleLockedFields.length === 1;
-  return /* @__PURE__ */ jsxs7(Stack, { direction: "column", className: "dataviews-field-control", children: [
+  return /* @__PURE__ */ jsxs6(Stack, { direction: "column", className: "dataviews-field-control", children: [
     showLabel && /* @__PURE__ */ jsx60(base_control_default.VisualLabel, { children: __22("Properties") }),
     /* @__PURE__ */ jsx60(
       Stack,
       {
         direction: "column",
         className: "dataviews-view-config__properties",
-        children: /* @__PURE__ */ jsxs7(component_default18, { isBordered: true, isSeparated: true, size: "medium", children: [
+        children: /* @__PURE__ */ jsxs6(component_default18, { isBordered: true, isSeparated: true, size: "medium", children: [
           lockedFields.map(({ field, isVisibleFlag }) => {
             const isVisible2 = view[isVisibleFlag] ?? true;
             const fieldToRender = isSingleVisibleLockedField && isVisible2 ? { ...field, enableHiding: false } : field;
@@ -17320,7 +17382,7 @@ function useDelayedLoading(isLoading, options2 = { delay: 400 }) {
 }
 // src/components/dataviews-layouts/table/index.tsx
-import { Fragment as Fragment5, jsx as jsx61, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx61, jsxs as jsxs7 } from "react/jsx-runtime";
 function getEffectiveAlign(explicitAlign, fieldType) {
   if (explicitAlign) {
     return explicitAlign;
@@ -17340,7 +17402,7 @@ function TableColumnField({
   if (!field) {
     return null;
   }
-  const className2 = clsx38("dataviews-view-table__cell-content-wrapper", {
+  const className2 = clsx37("dataviews-view-table__cell-content-wrapper", {
     "dataviews-view-table__cell-align-end": align === "end",
     "dataviews-view-table__cell-align-center": align === "center"
   });
@@ -17378,10 +17440,10 @@ function TableRow({
   const isTouchDeviceRef = useRef(false);
   const columns = view.fields ?? [];
   const hasPrimaryColumn = titleField && showTitle || mediaField && showMedia || descriptionField && showDescription;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     "tr",
     {
-      className: clsx38("dataviews-view-table__row", {
+      className: clsx37("dataviews-view-table__row", {
         "is-selected": hasPossibleBulkAction && isSelected,
         "has-bulk-actions": hasPossibleBulkAction
       }),
@@ -17466,7 +17528,7 @@ function TableRow({
         /* @__PURE__ */ jsx61(
           "td",
           {
-            className: clsx38("dataviews-view-table__actions-column", {
+            className: clsx37("dataviews-view-table__actions-column", {
               "dataviews-view-table__actions-column--sticky": true,
               "dataviews-view-table__actions-column--stuck": isActionsColumnSticky
             }),
@@ -17571,7 +17633,7 @@ function ViewTable({
     return /* @__PURE__ */ jsx61(
       "div",
       {
-        className: clsx38("dataviews-no-results", {
+        className: clsx37("dataviews-no-results", {
           "is-refreshing": isDelayedLoading
         }),
         id: tableNoticeId,
@@ -17579,11 +17641,11 @@ function ViewTable({
       }
     );
   }
-  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
-    /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(Fragment4, { children: [
+    /* @__PURE__ */ jsxs7(
       "table",
       {
-        className: clsx38("dataviews-view-table", className2, {
+        className: clsx37("dataviews-view-table", className2, {
           [`has-${view.layout?.density}-density`]: view.layout?.density && ["compact", "comfortable"].includes(
             view.layout.density
           ),
@@ -17595,13 +17657,13 @@ function ViewTable({
         role: isInfiniteScroll ? "feed" : void 0,
         inert: !isInfiniteScroll && isLoading ? "true" : void 0,
         children: [
-          /* @__PURE__ */ jsxs8("colgroup", { children: [
+          /* @__PURE__ */ jsxs7("colgroup", { children: [
             hasBulkActions && /* @__PURE__ */ jsx61("col", { className: "dataviews-view-table__col-checkbox" }),
             hasPrimaryColumn && /* @__PURE__ */ jsx61("col", { className: "dataviews-view-table__col-first-data" }),
             columns.map((column, index) => /* @__PURE__ */ jsx61(
               "col",
               {
-                className: clsx38(
+                className: clsx37(
                   `dataviews-view-table__col-${column}`,
                   {
                     "dataviews-view-table__col-expand": !hasPrimaryColumn && index === columns.length - 1
@@ -17624,11 +17686,11 @@ function ViewTable({
           /* @__PURE__ */ jsx61(
             "thead",
             {
-              className: clsx38({
+              className: clsx37({
                 "dataviews-view-table__thead--stuck": isVerticallyScrolled
               }),
               onContextMenu: handleHeaderContextMenu,
-              children: /* @__PURE__ */ jsxs8("tr", { className: "dataviews-view-table__row", children: [
+              children: /* @__PURE__ */ jsxs7("tr", { className: "dataviews-view-table__row", children: [
                 hasBulkActions && /* @__PURE__ */ jsx61(
                   "th",
                   {
@@ -17708,7 +17770,7 @@ function ViewTable({
                 !!actions?.length && /* @__PURE__ */ jsx61(
                   "th",
                   {
-                    className: clsx38(
+                    className: clsx37(
                       "dataviews-view-table__actions-column",
                       {
                         "dataviews-view-table__actions-column--sticky": true,
@@ -17722,7 +17784,7 @@ function ViewTable({
             }
           ),
           hasData && groupField && dataByGroup ? Array.from(dataByGroup.entries()).map(
-            ([groupName, groupItems]) => /* @__PURE__ */ jsxs8("tbody", { children: [
+            ([groupName, groupItems]) => /* @__PURE__ */ jsxs7("tbody", { children: [
               /* @__PURE__ */ jsx61("tr", { className: "dataviews-view-table__group-header-row", children: /* @__PURE__ */ jsx61(
                 "td",
                 {
@@ -17793,11 +17855,11 @@ function ViewTable({
 var table_default = ViewTable;
 // src/components/dataviews-layouts/grid/index.tsx
-import clsx41 from "clsx";
+import clsx40 from "clsx";
 import { __ as __26, sprintf as sprintf8 } from "@wordpress/i18n";
 // src/components/dataviews-layouts/grid/composite-grid.tsx
-import clsx40 from "clsx";
+import clsx39 from "clsx";
 import { __ as __25, sprintf as sprintf7 } from "@wordpress/i18n";
 // src/components/dataviews-layouts/grid/preview-size-picker.tsx
@@ -17848,14 +17910,14 @@ function useGridColumns() {
 }
 // src/components/dataviews-layouts/utils/grid-items.tsx
-import clsx39 from "clsx";
+import clsx38 from "clsx";
 import { jsx as jsx63 } from "react/jsx-runtime";
 var GridItems = forwardRef(({ className: className2, previewSize, ...props }, ref) => {
   return /* @__PURE__ */ jsx63(
     "div",
     {
       ref,
-      className: clsx39("dataviews-view-grid-items", className2),
+      className: clsx38("dataviews-view-grid-items", className2),
       style: {
         gridTemplateColumns: previewSize && `repeat(auto-fill, minmax(${previewSize}px, 1fr))`
       },
@@ -17885,7 +17947,7 @@ function usePlaceholdersNeeded(data, isInfiniteScroll, gridColumns) {
 }
 // src/components/dataviews-layouts/grid/composite-grid.tsx
-import { Fragment as Fragment6, jsx as jsx64, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx64, jsxs as jsxs8 } from "react/jsx-runtime";
 var { Badge: WCBadge } = unlock5(privateApis2);
 function chunk(array, size3) {
   const chunks = [];
@@ -17965,7 +18027,7 @@ var GridItem = forwardRef(
         };
       }
     }
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs8(
       Stack,
       {
         direction: "column",
@@ -17973,7 +18035,7 @@ var GridItem = forwardRef(
         ref: setRefs,
         "aria-setsize": setsize,
         "aria-posinset": posinset,
-        className: clsx40(
+        className: clsx39(
           props.className,
           "dataviews-view-grid__row__gridcell",
           "dataviews-view-grid__card",
@@ -18004,7 +18066,7 @@ var GridItem = forwardRef(
               isItemClickable: isItemClickable2,
               onClickItem,
               renderItemLink,
-              className: clsx40("dataviews-view-grid__media", {
+              className: clsx39("dataviews-view-grid__media", {
                 "dataviews-view-grid__media--placeholder": !rendersMediaField
               }),
               ...mediaA11yProps,
@@ -18046,7 +18108,7 @@ var GridItem = forwardRef(
               children: renderedTitleField
             }
           ) }),
-          /* @__PURE__ */ jsxs9(Stack, { direction: "column", gap: "xs", children: [
+          /* @__PURE__ */ jsxs8(Stack, { direction: "column", gap: "xs", children: [
             showDescription && descriptionField?.render && /* @__PURE__ */ jsx64(
               descriptionField.render,
               {
@@ -18097,8 +18159,8 @@ var GridItem = forwardRef(
                       expanded: true,
                       style: { height: "auto" },
                       direction: "row",
-                      children: /* @__PURE__ */ jsxs9(Fragment6, { children: [
-                        /* @__PURE__ */ jsxs9(tooltip_exports.Root, { children: [
+                      children: /* @__PURE__ */ jsxs8(Fragment5, { children: [
+                        /* @__PURE__ */ jsxs8(tooltip_exports.Root, { children: [
                           /* @__PURE__ */ jsx64(
                             tooltip_exports.Trigger,
                             {
@@ -18182,16 +18244,16 @@ function CompositeGrid({
     isInfiniteScroll,
     gridColumns
   );
-  return /* @__PURE__ */ jsxs9(Fragment6, {
+  return /* @__PURE__ */ jsxs8(Fragment5, {
     // Render infinite scroll layout (no rows, feed semantics)
     children: [
-      isInfiniteScroll && /* @__PURE__ */ jsxs9(
+      isInfiniteScroll && /* @__PURE__ */ jsxs8(
         Composite2,
         {
           render: /* @__PURE__ */ jsx64(
             GridItems,
             {
-              className: clsx40(
+              className: clsx39(
                 "dataviews-view-grid-infinite-scroll",
                 className2,
                 {
@@ -18275,7 +18337,7 @@ function CompositeGrid({
         Composite2,
         {
           role: "grid",
-          className: clsx40("dataviews-view-grid", className2, {
+          className: clsx39("dataviews-view-grid", className2, {
             [`has-${view.layout?.density}-density`]: view.layout?.density && ["compact", "comfortable"].includes(
               view.layout.density
             )
@@ -18349,7 +18411,7 @@ function CompositeGrid({
 }
 // src/components/dataviews-layouts/grid/index.tsx
-import { Fragment as Fragment7, jsx as jsx65, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx65, jsxs as jsxs9 } from "react/jsx-runtime";
 function ViewGrid({
   actions,
   data,
@@ -18374,7 +18436,7 @@ function ViewGrid({
     return /* @__PURE__ */ jsx65(
       "div",
       {
-        className: clsx41("dataviews-no-results", {
+        className: clsx40("dataviews-no-results", {
           "is-refreshing": isDelayedLoading
         }),
         children: empty
@@ -18382,7 +18444,7 @@ function ViewGrid({
     );
   }
   const gridProps = {
-    className: clsx41(className2, {
+    className: clsx40(className2, {
       "is-refreshing": !isInfiniteScroll && isDelayedLoading
     }),
     inert: !isInfiniteScroll && !!isLoading ? "true" : void 0,
@@ -18397,11 +18459,11 @@ function ViewGrid({
     getItemId,
     actions
   };
-  return /* @__PURE__ */ jsxs10(Fragment7, {
+  return /* @__PURE__ */ jsxs9(Fragment6, {
     // Render multiple groups.
     children: [
       hasData && groupField && dataByGroup && /* @__PURE__ */ jsx65(Stack, { direction: "column", gap: "lg", children: Array.from(dataByGroup.entries()).map(
-        ([groupName, groupItems]) => /* @__PURE__ */ jsxs10(
+        ([groupName, groupItems]) => /* @__PURE__ */ jsxs9(
           Stack,
           {
             direction: "column",
@@ -18442,10 +18504,10 @@ function ViewGrid({
 var grid_default = ViewGrid;
 // src/components/dataviews-layouts/list/index.tsx
-import clsx42 from "clsx";
+import clsx41 from "clsx";
 import { __ as __27, sprintf as sprintf9 } from "@wordpress/i18n";
 import { useRegistry as useRegistry3 } from "@wordpress/data";
-import { Fragment as Fragment8, jsx as jsx66, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx66, jsxs as jsxs10 } from "react/jsx-runtime";
 var { Menu: Menu6 } = unlock5(privateApis2);
 function generateItemWrapperCompositeId(idPrefix) {
   return `${idPrefix}-item-wrapper`;
@@ -18576,7 +18638,7 @@ function ListItem({
   const renderedTitleField = showTitle && titleField?.render ? /* @__PURE__ */ jsx66(titleField.render, { item: item2, field: titleField }) : null;
   const renderDescription = showDescription && descriptionField?.render;
   const hasOnlyMediaAndTitle = !!renderedMediaField && !renderDescription && !otherFields.length;
-  const usedActions = eligibleActions?.length > 0 && /* @__PURE__ */ jsxs11(
+  const usedActions = eligibleActions?.length > 0 && /* @__PURE__ */ jsxs10(
     Stack,
     {
       direction: "row",
@@ -18591,8 +18653,8 @@ function ListItem({
             item: item2
           }
         ),
-        !hasOnlyOnePrimaryAction && /* @__PURE__ */ jsxs11("div", { role: "gridcell", children: [
-          /* @__PURE__ */ jsxs11(Menu6, { placement: "bottom-end", children: [
+        !hasOnlyOnePrimaryAction && /* @__PURE__ */ jsxs10("div", { role: "gridcell", children: [
+          /* @__PURE__ */ jsxs10(Menu6, { placement: "bottom-end", children: [
             /* @__PURE__ */ jsx66(
               Menu6.TriggerButton,
               {
@@ -18654,13 +18716,13 @@ function ListItem({
         )
       ),
       role: infiniteScrollEnabled ? "article" : "row",
-      className: clsx42({
+      className: clsx41({
         "is-selected": isSelected,
         "is-hovered": isHovered
       }),
       onMouseEnter: handleHover,
       onMouseLeave: handleHover,
-      children: /* @__PURE__ */ jsxs11(
+      children: /* @__PURE__ */ jsxs10(
         Stack,
         {
           direction: "row",
@@ -18677,7 +18739,7 @@ function ListItem({
                 onClick: () => onSelect(item2)
               }
             ) }),
-            /* @__PURE__ */ jsxs11(
+            /* @__PURE__ */ jsxs10(
               Stack,
               {
                 direction: "row",
@@ -18687,14 +18749,14 @@ function ListItem({
                 style: { flex: 1, minWidth: 0 },
                 children: [
                   renderedMediaField,
-                  /* @__PURE__ */ jsxs11(
+                  /* @__PURE__ */ jsxs10(
                     Stack,
                     {
                       direction: "column",
                       gap: "xs",
                       className: "dataviews-view-list__field-wrapper",
                       children: [
-                        /* @__PURE__ */ jsxs11(Stack, { direction: "row", align: "center", children: [
+                        /* @__PURE__ */ jsxs10(Stack, { direction: "row", align: "center", children: [
                           /* @__PURE__ */ jsx66(
                             "div",
                             {
@@ -18717,7 +18779,7 @@ function ListItem({
                           {
                             className: "dataviews-view-list__fields",
                             id: descriptionId,
-                            children: otherFields.map((field) => /* @__PURE__ */ jsxs11(
+                            children: otherFields.map((field) => /* @__PURE__ */ jsxs10(
                               "div",
                               {
                                 className: "dataviews-view-list__field",
@@ -18869,7 +18931,7 @@ function ViewList(props) {
     return /* @__PURE__ */ jsx66(
       "div",
       {
-        className: clsx42("dataviews-no-results", {
+        className: clsx41("dataviews-no-results", {
           "is-refreshing": isDelayedLoading
         }),
         children: empty
@@ -18892,9 +18954,9 @@ function ViewList(props) {
           {
             direction: "column",
             gap: "lg",
-            className: clsx42("dataviews-view-list", className2),
+            className: clsx41("dataviews-view-list", className2),
             children: Array.from(dataByGroup.entries()).map(
-              ([groupName, groupItems]) => /* @__PURE__ */ jsxs11(
+              ([groupName, groupItems]) => /* @__PURE__ */ jsxs10(
                 Stack,
                 {
                   direction: "column",
@@ -18936,14 +18998,14 @@ function ViewList(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
     /* @__PURE__ */ jsx66(
       Composite2,
       {
         ref: compositeRef,
         id: baseId,
         render: /* @__PURE__ */ jsx66("div", {}),
-        className: clsx42("dataviews-view-list", className2, {
+        className: clsx41("dataviews-view-list", className2, {
           [`has-${view.layout?.density}-density`]: view.layout?.density && ["compact", "comfortable"].includes(
             view.layout.density
           ),
@@ -18981,11 +19043,11 @@ function ViewList(props) {
 }
 // src/components/dataviews-layouts/activity/index.tsx
-import clsx44 from "clsx";
+import clsx43 from "clsx";
 // src/components/dataviews-layouts/activity/activity-group.tsx
 import { __ as __28, sprintf as sprintf10 } from "@wordpress/i18n";
-import { jsx as jsx67, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs11 } from "react/jsx-runtime";
 function ActivityGroup({
   groupName,
   groupData,
@@ -19006,7 +19068,7 @@ function ActivityGroup({
       )
     }
   ) : /* @__PURE__ */ jsx67(groupField.render, { item: groupData[0], field: groupField });
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     Stack,
     {
       direction: "column",
@@ -19021,9 +19083,9 @@ function ActivityGroup({
 }
 // src/components/dataviews-layouts/activity/activity-item.tsx
-import clsx43 from "clsx";
+import clsx42 from "clsx";
 import { useRegistry as useRegistry4 } from "@wordpress/data";
-import { jsx as jsx68, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs12 } from "react/jsx-runtime";
 function ActivityItem(props) {
   const {
     view,
@@ -19094,13 +19156,13 @@ function ActivityItem(props) {
       role: infiniteScrollEnabled ? "article" : void 0,
       "aria-posinset": posinset,
       "aria-setsize": infiniteScrollEnabled ? paginationInfo.totalItems : void 0,
-      className: clsx43(
+      className: clsx42(
         "dataviews-view-activity__item",
         density === "compact" && "is-compact",
         density === "balanced" && "is-balanced",
         density === "comfortable" && "is-comfortable"
       ),
-      children: /* @__PURE__ */ jsxs13(Stack, { direction: "row", gap: "lg", justify: "start", align: "flex-start", children: [
+      children: /* @__PURE__ */ jsxs12(Stack, { direction: "row", gap: "lg", justify: "start", align: "flex-start", children: [
         /* @__PURE__ */ jsx68(
           Stack,
           {
@@ -19111,7 +19173,7 @@ function ActivityItem(props) {
             children: renderedMediaField
           }
         ),
-        /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs12(
           Stack,
           {
             direction: "column",
@@ -19137,7 +19199,7 @@ function ActivityItem(props) {
                   field: descriptionField
                 }
               ) }),
-              /* @__PURE__ */ jsx68("div", { className: "dataviews-view-activity__item-fields", children: otherFields.map((field) => /* @__PURE__ */ jsxs13(
+              /* @__PURE__ */ jsx68("div", { className: "dataviews-view-activity__item-fields", children: otherFields.map((field) => /* @__PURE__ */ jsxs12(
                 "div",
                 {
                   className: "dataviews-view-activity__item-field",
@@ -19221,7 +19283,7 @@ function ActivityItems(props) {
 }
 // src/components/dataviews-layouts/activity/index.tsx
-import { Fragment as Fragment9, jsx as jsx69, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx69, jsxs as jsxs13 } from "react/jsx-runtime";
 function ViewActivity(props) {
   const { empty, data, fields, isLoading, view, className: className2 } = props;
   const isDelayedLoading = useDelayedLoading(!!isLoading);
@@ -19233,7 +19295,7 @@ function ViewActivity(props) {
     return /* @__PURE__ */ jsx69(
       "div",
       {
-        className: clsx44("dataviews-no-results", {
+        className: clsx43("dataviews-no-results", {
           "is-refreshing": isDelayedLoading
         }),
         children: empty
@@ -19241,7 +19303,7 @@ function ViewActivity(props) {
     );
   }
   const isInert = !isInfiniteScroll && !!isLoading;
-  const wrapperClassName = clsx44("dataviews-view-activity", className2, {
+  const wrapperClassName = clsx43("dataviews-view-activity", className2, {
     "is-refreshing": !isInfiniteScroll && isDelayedLoading
   });
   const groupedEntries = dataByGroup ? Array.from(dataByGroup.entries()) : [];
@@ -19275,7 +19337,7 @@ function ViewActivity(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs14(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs13(Fragment8, { children: [
     /* @__PURE__ */ jsx69(
       "div",
       {
@@ -19290,7 +19352,7 @@ function ViewActivity(props) {
 }
 // src/components/dataviews-layouts/picker-grid/index.tsx
-import clsx45 from "clsx";
+import clsx44 from "clsx";
 import { __ as __31, sprintf as sprintf12 } from "@wordpress/i18n";
 // src/components/dataviews-picker-footer/index.tsx
@@ -19299,7 +19361,7 @@ import { __ as __30 } from "@wordpress/i18n";
 // src/components/dataviews-pagination/index.tsx
 import { sprintf as sprintf11, __ as __29, _x, isRTL as isRTL11 } from "@wordpress/i18n";
-import { jsx as jsx70, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs14 } from "react/jsx-runtime";
 function DataViewsPagination() {
   const {
     view,
@@ -19325,7 +19387,7 @@ function DataViewsPagination() {
       };
     }
   );
-  return !!totalItems && totalPages !== 1 && /* @__PURE__ */ jsxs15(
+  return !!totalItems && totalPages !== 1 && /* @__PURE__ */ jsxs14(
     Stack,
     {
       direction: "row",
@@ -19375,7 +19437,7 @@ function DataViewsPagination() {
             )
           }
         ),
-        /* @__PURE__ */ jsxs15(Stack, { direction: "row", gap: "xs", align: "center", children: [
+        /* @__PURE__ */ jsxs14(Stack, { direction: "row", gap: "xs", align: "center", children: [
           /* @__PURE__ */ jsx70(
             button_default,
             {
@@ -19413,7 +19475,7 @@ function DataViewsPagination() {
 var dataviews_pagination_default = memo(DataViewsPagination);
 // src/components/dataviews-picker-footer/index.tsx
-import { jsx as jsx71, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs15 } from "react/jsx-runtime";
 var EMPTY_ARRAY2 = [];
 function useIsMultiselectPicker(actions) {
   return useMemo(() => {
@@ -19534,7 +19596,7 @@ function PickerBulkSelectionInfo() {
     paginationInfo.totalItems,
     !!view.infiniteScrollEnabled
   );
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     Stack,
     {
       direction: "row",
@@ -19582,7 +19644,7 @@ function PickerActions() {
   ) });
 }
 function DataViewsPickerBulkActionToolbar() {
-  return /* @__PURE__ */ jsxs16(Stack, { direction: "row", gap: "md", align: "center", children: [
+  return /* @__PURE__ */ jsxs15(Stack, { direction: "row", gap: "md", align: "center", children: [
     /* @__PURE__ */ jsx71(PickerBulkSelectionInfo, {}),
     /* @__PURE__ */ jsx71(PickerActions, {})
   ] });
@@ -19597,7 +19659,7 @@ function DataViewsPickerFooter() {
   if (!actions.length && !hasPagination) {
     return null;
   }
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     Stack,
     {
       direction: "row",
@@ -19615,7 +19677,7 @@ function DataViewsPickerFooter() {
 }
 // src/components/dataviews-layouts/picker-grid/index.tsx
-import { Fragment as Fragment10, jsx as jsx72, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx72, jsxs as jsxs16 } from "react/jsx-runtime";
 var { Badge: WCBadge2 } = unlock5(privateApis2);
 function GridItem3({
   view,
@@ -19647,7 +19709,7 @@ function GridItem3({
     }
   ) : null;
   const renderedTitleField = showTitle && titleField?.render ? /* @__PURE__ */ jsx72(titleField.render, { item: item2, field: titleField }) : null;
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     Composite2.Item,
     {
       ref: elementRef,
@@ -19656,7 +19718,7 @@ function GridItem3({
       role: "option",
       "aria-posinset": posinset,
       "aria-setsize": setsize,
-      className: clsx45("dataviews-view-picker-grid__card", {
+      className: clsx44("dataviews-view-picker-grid__card", {
         "is-selected": isSelected
       }),
       "aria-selected": isSelected,
@@ -19694,7 +19756,7 @@ function GridItem3({
             children: /* @__PURE__ */ jsx72("div", { className: "dataviews-view-picker-grid__title-field dataviews-title-field", children: renderedTitleField })
           }
         ),
-        /* @__PURE__ */ jsxs17(Stack, { direction: "column", gap: "xs", children: [
+        /* @__PURE__ */ jsxs16(Stack, { direction: "column", gap: "xs", children: [
           showDescription && descriptionField?.render && /* @__PURE__ */ jsx72(
             descriptionField.render,
             {
@@ -19745,7 +19807,7 @@ function GridItem3({
                     expanded: true,
                     style: { height: "auto" },
                     direction: "row",
-                    children: /* @__PURE__ */ jsxs17(Fragment10, { children: [
+                    children: /* @__PURE__ */ jsxs16(Fragment9, { children: [
                       /* @__PURE__ */ jsx72(component_default4, { className: "dataviews-view-picker-grid__field-name", children: field.header }),
                       /* @__PURE__ */ jsx72(
                         component_default4,
@@ -19784,7 +19846,7 @@ function GridGroup({
     GridGroup,
     "dataviews-view-picker-grid-group__header"
   );
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     Stack,
     {
       direction: "column",
@@ -19862,7 +19924,7 @@ function ViewPickerGrid({
     isInfiniteScroll,
     gridColumns
   );
-  return /* @__PURE__ */ jsxs17(Fragment10, {
+  return /* @__PURE__ */ jsxs16(Fragment9, {
     // Render multiple groups.
     children: [
       hasData && groupField && dataByGroup && /* @__PURE__ */ jsx72(
@@ -19872,7 +19934,7 @@ function ViewPickerGrid({
           orientation: "horizontal",
           role: "listbox",
           "aria-multiselectable": isMultiselect,
-          className: clsx45(
+          className: clsx44(
             "dataviews-view-picker-grid",
             className2,
             {
@@ -19941,13 +20003,13 @@ function ViewPickerGrid({
         }
       ),
       // Render a single grid with all data.
-      hasData && !dataByGroup && /* @__PURE__ */ jsxs17(
+      hasData && !dataByGroup && /* @__PURE__ */ jsxs16(
         Composite2,
         {
           render: /* @__PURE__ */ jsx72(
             GridItems,
             {
-              className: clsx45(
+              className: clsx44(
                 "dataviews-view-picker-grid",
                 className2,
                 {
@@ -20020,7 +20082,7 @@ function ViewPickerGrid({
       !hasData && /* @__PURE__ */ jsx72(
         "div",
         {
-          className: clsx45({
+          className: clsx44({
             "dataviews-loading": isLoading,
             "dataviews-no-results": !isLoading
           }),
@@ -20034,9 +20096,9 @@ function ViewPickerGrid({
 var picker_grid_default = ViewPickerGrid;
 // src/components/dataviews-layouts/picker-table/index.tsx
-import clsx46 from "clsx";
+import clsx45 from "clsx";
 import { __ as __32, sprintf as sprintf13 } from "@wordpress/i18n";
-import { Fragment as Fragment11, jsx as jsx73, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx73, jsxs as jsxs17 } from "react/jsx-runtime";
 function TableColumnField2({
   item: item2,
   fields,
@@ -20047,7 +20109,7 @@ function TableColumnField2({
   if (!field) {
     return null;
   }
-  const className2 = clsx46("dataviews-view-table__cell-content-wrapper", {
+  const className2 = clsx45("dataviews-view-table__cell-content-wrapper", {
     "dataviews-view-table__cell-align-end": align === "end",
     "dataviews-view-table__cell-align-center": align === "center"
   });
@@ -20086,14 +20148,14 @@ function TableRow2({
   };
   const columns = view.fields ?? [];
   const hasPrimaryColumn = titleField && showTitle || mediaField && showMedia || descriptionField && showDescription;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     Composite2.Item,
     {
       ref: elementRef,
       render: ({ children, ...props }) => /* @__PURE__ */ jsx73(
         "tr",
         {
-          className: clsx46("dataviews-view-table__row", {
+          className: clsx45("dataviews-view-table__row", {
             "is-selected": isSelected,
             "is-hovered": isHovered
           }),
@@ -20248,11 +20310,11 @@ function ViewPickerTable({
       headerMenuRefs.current.delete(column);
     }
   };
-  return /* @__PURE__ */ jsxs18(Fragment11, { children: [
-    /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(Fragment10, { children: [
+    /* @__PURE__ */ jsxs17(
       "table",
       {
-        className: clsx46(
+        className: clsx45(
           "dataviews-view-table",
           "dataviews-view-picker-table",
           className2,
@@ -20266,7 +20328,7 @@ function ViewPickerTable({
         "aria-describedby": tableNoticeId,
         role: isInfiniteScroll ? "feed" : "listbox",
         children: [
-          /* @__PURE__ */ jsx73("thead", { role: "presentation", children: /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsx73("thead", { role: "presentation", children: /* @__PURE__ */ jsxs17(
             "tr",
             {
               className: "dataviews-view-table__row",
@@ -20333,7 +20395,7 @@ function ViewPickerTable({
             }
           ) }),
           hasData && groupField && dataByGroup ? Array.from(dataByGroup.entries()).map(
-            ([groupName, groupItems]) => /* @__PURE__ */ jsxs18(
+            ([groupName, groupItems]) => /* @__PURE__ */ jsxs17(
               Composite2,
               {
                 virtualFocus: true,
@@ -20415,10 +20477,10 @@ function ViewPickerTable({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs17(
       "div",
       {
-        className: clsx46({
+        className: clsx45({
           "dataviews-loading": isLoading,
           "dataviews-no-results": !hasData && !isLoading
         }),
@@ -20434,9 +20496,9 @@ function ViewPickerTable({
 var picker_table_default = ViewPickerTable;
 // src/components/dataviews-layouts/picker-activity/index.tsx
-import clsx47 from "clsx";
+import clsx46 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";
+import { Fragment as Fragment11, jsx as jsx74, jsxs as jsxs18 } from "react/jsx-runtime";
 function isDefined5(item2) {
   return !!item2;
 }
@@ -20496,7 +20558,7 @@ function PickerActivityItem({
       "aria-posinset": posinset,
       "aria-setsize": setsize,
       "aria-selected": isSelected,
-      className: clsx47(
+      className: clsx46(
         "dataviews-view-picker-activity__item",
         density === "compact" && "is-compact",
         density === "balanced" && "is-balanced",
@@ -20514,7 +20576,7 @@ function PickerActivityItem({
         }
       },
       render: /* @__PURE__ */ jsx74("div", {}),
-      children: /* @__PURE__ */ jsxs19(Stack, { direction: "row", gap: "lg", justify: "start", align: "flex-start", children: [
+      children: /* @__PURE__ */ jsxs18(Stack, { direction: "row", gap: "lg", justify: "start", align: "flex-start", children: [
         /* @__PURE__ */ jsx74(
           Stack,
           {
@@ -20525,7 +20587,7 @@ function PickerActivityItem({
             children: renderedMediaField
           }
         ),
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsxs18(
           Stack,
           {
             direction: "column",
@@ -20535,7 +20597,7 @@ function PickerActivityItem({
             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(
+              /* @__PURE__ */ jsx74("div", { className: "dataviews-view-picker-activity__item-fields", children: otherFields.map((field) => /* @__PURE__ */ jsxs18(
                 "div",
                 {
                   className: "dataviews-view-picker-activity__item-field",
@@ -20576,7 +20638,7 @@ function PickerActivityGroup({
     PickerActivityGroup,
     "dataviews-view-picker-activity-group__header"
   );
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     Stack,
     {
       direction: "column",
@@ -20654,7 +20716,7 @@ function ViewPickerActivity({
     return /* @__PURE__ */ jsx74(
       "div",
       {
-        className: clsx47({
+        className: clsx46({
           "dataviews-loading": isLoading,
           "dataviews-no-results": !isLoading
         }),
@@ -20662,7 +20724,7 @@ function ViewPickerActivity({
       }
     );
   }
-  return /* @__PURE__ */ jsxs19(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs18(Fragment11, { children: [
     /* @__PURE__ */ jsx74(
       Composite2,
       {
@@ -20673,7 +20735,7 @@ function ViewPickerActivity({
         "aria-label": itemListLabel,
         "aria-busy": isLoading,
         render: isGrouped ? /* @__PURE__ */ jsx74(Stack, { direction: "column", gap: "sm" }) : void 0,
-        className: clsx47(
+        className: clsx46(
           "dataviews-view-picker-activity",
           className2
         ),
@@ -20697,11 +20759,11 @@ function ViewPickerActivity({
 // src/components/dataviews-layouts/utils/density-picker.tsx
 import { __ as __34, _x as _x2 } from "@wordpress/i18n";
-import { jsx as jsx75, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs19 } from "react/jsx-runtime";
 function DensityPicker() {
   const context = useContext(dataviews_context_default);
   const view = context.view;
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     component_default10,
     {
       size: "__unstable-large",
@@ -20821,9 +20883,9 @@ function PreviewSizePicker() {
 }
 // src/components/dataviews-layouts/utils/grid-config-options.tsx
-import { Fragment as Fragment13, jsx as jsx77, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx77, jsxs as jsxs20 } from "react/jsx-runtime";
 function GridConfigOptions() {
-  return /* @__PURE__ */ jsxs21(Fragment13, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment12, { children: [
     /* @__PURE__ */ jsx77(DensityPicker, {}),
     /* @__PURE__ */ jsx77(PreviewSizePicker, {})
   ] });
@@ -20886,13 +20948,13 @@ var VIEW_LAYOUTS = [
 ];
 // src/components/dataviews-filters/filter.tsx
-import clsx49 from "clsx";
+import clsx48 from "clsx";
 import { __ as __39, sprintf as sprintf17 } from "@wordpress/i18n";
 // src/components/dataviews-filters/search-widget.tsx
 import * as Ariakit20 from "@ariakit/react";
 import removeAccents2 from "remove-accents";
-import clsx48 from "clsx";
+import clsx47 from "clsx";
 import { __ as __37, sprintf as sprintf15 } from "@wordpress/i18n";
 // src/components/dataviews-filters/utils.ts
@@ -20951,7 +21013,7 @@ function useElements({
 }
 // src/components/dataviews-filters/search-widget.tsx
-import { jsx as jsx78, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs21 } from "react/jsx-runtime";
 function normalizeSearchInput(input = "") {
   return removeAccents2(input.trim().toLowerCase());
 }
@@ -20971,7 +21033,7 @@ var MultiSelectionOption = ({ selected }) => {
   return /* @__PURE__ */ jsx78(
     "span",
     {
-      className: clsx48(
+      className: clsx47(
         "dataviews-filters__search-widget-listitem-multi-selection",
         { "is-selected": selected }
       ),
@@ -20983,7 +21045,7 @@ var SingleSelectionOption = ({ selected }) => {
   return /* @__PURE__ */ jsx78(
     "span",
     {
-      className: clsx48(
+      className: clsx47(
         "dataviews-filters__search-widget-listitem-single-selection",
         { "is-selected": selected }
       )
@@ -21030,7 +21092,7 @@ function ListBox({ view, filter, onChangeView }) {
         }
       },
       render: /* @__PURE__ */ jsx78(Composite2.Typeahead, {}),
-      children: filter.elements.map((element) => /* @__PURE__ */ jsxs22(
+      children: filter.elements.map((element) => /* @__PURE__ */ jsxs21(
         Composite2.Hover,
         {
           render: /* @__PURE__ */ jsx78(
@@ -21127,7 +21189,7 @@ function ComboboxList2({ view, filter, onChangeView }) {
       (item2) => normalizeSearchInput(item2.label).includes(normalizedSearch)
     );
   }, [filter.elements, deferredSearchValue]);
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs21(
     Ariakit20.ComboboxProvider,
     {
       selectedValue: currentValue,
@@ -21159,7 +21221,7 @@ function ComboboxList2({ view, filter, onChangeView }) {
       },
       setValue: setSearchValue,
       children: [
-        /* @__PURE__ */ jsxs22("div", { className: "dataviews-filters__search-widget-filter-combobox__wrapper", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "dataviews-filters__search-widget-filter-combobox__wrapper", children: [
           /* @__PURE__ */ jsx78(VisuallyHidden, { render: /* @__PURE__ */ jsx78(Ariakit20.ComboboxLabel, {}), children: __37("Search items") }),
           /* @__PURE__ */ jsx78(
             Ariakit20.Combobox,
@@ -21171,14 +21233,14 @@ function ComboboxList2({ view, filter, onChangeView }) {
           ),
           /* @__PURE__ */ jsx78("div", { className: "dataviews-filters__search-widget-filter-combobox__icon", children: /* @__PURE__ */ jsx78(icon_default2, { icon: search_default }) })
         ] }),
-        /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsxs21(
           Ariakit20.ComboboxList,
           {
             className: "dataviews-filters__search-widget-filter-combobox-list",
             alwaysVisible: true,
             children: [
               matches.map((element) => {
-                return /* @__PURE__ */ jsxs22(
+                return /* @__PURE__ */ jsxs21(
                   Ariakit20.ComboboxItem,
                   {
                     resetValueOnSelect: false,
@@ -21202,7 +21264,7 @@ function ComboboxList2({ view, filter, onChangeView }) {
                           )
                         }
                       ),
-                      /* @__PURE__ */ jsxs22(
+                      /* @__PURE__ */ jsxs21(
                         "span",
                         {
                           className: "dataviews-filters__search-widget-listitem-value",
@@ -21880,7 +21942,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 jsx81, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs22 } from "react/jsx-runtime";
 var ENTER = "Enter";
 var SPACE = " ";
 var FilterText = ({
@@ -21914,7 +21976,7 @@ function OperatorSelector({
     (_filter) => _filter.field === filter.field
   );
   const value = currentFilter?.operator || filter.operators[0];
-  return operatorOptions.length > 1 && /* @__PURE__ */ jsxs23(
+  return operatorOptions.length > 1 && /* @__PURE__ */ jsxs22(
     Stack,
     {
       direction: "row",
@@ -22060,15 +22122,15 @@ function Filter({
       onClose: () => {
         toggleRef.current?.focus();
       },
-      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsxs23("div", { className: "dataviews-filters__summary-chip-container", children: [
-        /* @__PURE__ */ jsxs23(tooltip_exports.Root, { children: [
+      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsxs22("div", { className: "dataviews-filters__summary-chip-container", children: [
+        /* @__PURE__ */ jsxs22(tooltip_exports.Root, { children: [
           /* @__PURE__ */ jsx81(
             tooltip_exports.Trigger,
             {
               render: /* @__PURE__ */ jsx81(
                 "div",
                 {
-                  className: clsx49(
+                  className: clsx48(
                     "dataviews-filters__summary-chip",
                     {
                       "has-reset": canResetOrRemove,
@@ -22113,14 +22175,14 @@ function Filter({
             filter.name.toLowerCase()
           ) })
         ] }),
-        canResetOrRemove && /* @__PURE__ */ jsxs23(tooltip_exports.Root, { children: [
+        canResetOrRemove && /* @__PURE__ */ jsxs22(tooltip_exports.Root, { children: [
           /* @__PURE__ */ jsx81(
             tooltip_exports.Trigger,
             {
               render: /* @__PURE__ */ jsx81(
                 "button",
                 {
-                  className: clsx49(
+                  className: clsx48(
                     "dataviews-filters__summary-chip-remove",
                     { "has-values": hasValues }
                   ),
@@ -22148,7 +22210,7 @@ function Filter({
         ] })
       ] }),
       renderContent: () => {
-        return /* @__PURE__ */ jsxs23(Stack, { direction: "column", justify: "flex-start", children: [
+        return /* @__PURE__ */ jsxs22(Stack, { direction: "column", justify: "flex-start", children: [
           /* @__PURE__ */ jsx81(OperatorSelector, { ...commonProps }),
           commonProps.filter.hasElements ? /* @__PURE__ */ jsx81(
             SearchWidget,
@@ -22168,7 +22230,7 @@ function Filter({
 // src/components/dataviews-filters/add-filter.tsx
 import { __ as __40 } from "@wordpress/i18n";
-import { jsx as jsx82, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs23 } from "react/jsx-runtime";
 var { Menu: Menu7 } = unlock5(privateApis2);
 function AddFilterMenu({
   filters,
@@ -22178,7 +22240,7 @@ function AddFilterMenu({
   triggerProps
 }) {
   const inactiveFilters = filters.filter((filter) => !filter.isVisible);
-  return /* @__PURE__ */ jsxs24(Menu7, { children: [
+  return /* @__PURE__ */ jsxs23(Menu7, { children: [
     /* @__PURE__ */ jsx82(Menu7.TriggerButton, { ...triggerProps }),
     /* @__PURE__ */ jsx82(Menu7.Popover, { children: inactiveFilters.map((filter) => {
       return /* @__PURE__ */ jsx82(
@@ -22385,7 +22447,7 @@ var filters_default = memo(Filters);
 // src/components/dataviews-filters/toggle.tsx
 import { __ as __42, _x as _x3 } from "@wordpress/i18n";
-import { Fragment as Fragment14, jsx as jsx85, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx85, jsxs as jsxs24 } from "react/jsx-runtime";
 function FiltersToggle() {
   const {
     filters,
@@ -22467,7 +22529,7 @@ function FilterVisibilityToggle({
     },
     [buttonRef]
   );
-  return /* @__PURE__ */ jsxs25(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs24(Fragment13, { children: [
     children,
     !!filtersCount && /* @__PURE__ */ jsx85("span", { className: "dataviews-filters-toggle__count", children: filtersCount })
   ] });
@@ -22545,8 +22607,8 @@ function DataViewsLayout({ className: className2 }) {
 }
 // src/components/dataviews-footer/index.tsx
-import clsx50 from "clsx";
-import { jsx as jsx88, jsxs as jsxs26 } from "react/jsx-runtime";
+import clsx49 from "clsx";
+import { jsx as jsx88, jsxs as jsxs25 } from "react/jsx-runtime";
 var EMPTY_ARRAY5 = [];
 function DataViewsFooter() {
   const {
@@ -22568,13 +22630,13 @@ function DataViewsFooter() {
     {
       className: "dataviews-footer",
       inert: isRefreshing ? "true" : void 0,
-      children: /* @__PURE__ */ jsxs26(
+      children: /* @__PURE__ */ jsxs25(
         Stack,
         {
           direction: "row",
           justify: "end",
           align: "center",
-          className: clsx50("dataviews-footer__content", {
+          className: clsx49("dataviews-footer__content", {
             "is-refreshing": isDelayedRefreshing
           }),
           gap: "sm",
@@ -22634,7 +22696,7 @@ var dataviews_search_default = DataViewsSearch;
 // src/components/dataviews-view-config/index.tsx
 import { __ as __45, _x as _x4 } from "@wordpress/i18n";
-import { Fragment as Fragment15, jsx as jsx90, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx90, jsxs as jsxs26 } from "react/jsx-runtime";
 var { Menu: Menu8 } = unlock5(privateApis2);
 var DATAVIEWS_CONFIG_POPOVER_PROPS = {
   className: "dataviews-config__popover",
@@ -22648,7 +22710,7 @@ function ViewTypeMenu() {
     return null;
   }
   const activeView = VIEW_LAYOUTS.find((v) => view.type === v.type);
-  return /* @__PURE__ */ jsxs27(Menu8, { children: [
+  return /* @__PURE__ */ jsxs26(Menu8, { children: [
     /* @__PURE__ */ jsx90(
       Menu8.TriggerButton,
       {
@@ -22865,7 +22927,7 @@ function DataviewsViewConfigDropdown() {
         id: popoverId
       },
       renderToggle: ({ onToggle, isOpen }) => {
-        return /* @__PURE__ */ jsxs27("div", { className: "dataviews-view-config__toggle-wrapper", children: [
+        return /* @__PURE__ */ jsxs26("div", { className: "dataviews-view-config__toggle-wrapper", children: [
           /* @__PURE__ */ jsx90(
             button_default,
             {
@@ -22888,14 +22950,14 @@ function DataviewsViewConfigDropdown() {
         {
           paddingSize: "medium",
           className: "dataviews-config__popover-content-wrapper",
-          children: /* @__PURE__ */ jsxs27(
+          children: /* @__PURE__ */ jsxs26(
             Stack,
             {
               direction: "column",
               className: "dataviews-view-config",
               gap: "xl",
               children: [
-                /* @__PURE__ */ jsxs27(
+                /* @__PURE__ */ jsxs26(
                   Stack,
                   {
                     direction: "row",
@@ -22915,8 +22977,8 @@ function DataviewsViewConfigDropdown() {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs27(Stack, { direction: "column", gap: "lg", children: [
-                  /* @__PURE__ */ jsxs27(
+                /* @__PURE__ */ jsxs26(Stack, { direction: "column", gap: "lg", children: [
+                  /* @__PURE__ */ jsxs26(
                     Stack,
                     {
                       direction: "row",
@@ -22941,7 +23003,7 @@ function DataviewsViewConfigDropdown() {
   );
 }
 function _DataViewsViewConfig() {
-  return /* @__PURE__ */ jsxs27(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs26(Fragment14, { children: [
     /* @__PURE__ */ jsx90(ViewTypeMenu, {}),
     /* @__PURE__ */ jsx90(DataviewsViewConfigDropdown, {})
   ] });
@@ -23052,9 +23114,9 @@ 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 clsx51 from "clsx";
+import clsx50 from "clsx";
 import { __ as __46 } from "@wordpress/i18n";
-import { jsx as jsx93, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs27 } from "react/jsx-runtime";
 var TIME_UNITS_OPTIONS = {
   [OPERATOR_IN_THE_PAST]: [
     { value: "days", label: __46("Days") },
@@ -23104,11 +23166,11 @@ function RelativeDateControl({
     base_control_default,
     {
       id,
-      className: clsx51(className2, "dataviews-controls__relative-date"),
+      className: clsx50(className2, "dataviews-controls__relative-date"),
       label,
       hideLabelFromVision,
       help: description,
-      children: /* @__PURE__ */ jsxs28(Stack, { direction: "row", gap: "sm", children: [
+      children: /* @__PURE__ */ jsxs27(Stack, { direction: "row", gap: "sm", children: [
         /* @__PURE__ */ jsx93(
           number_control_default,
           {
@@ -23175,7 +23237,7 @@ function parseDateTime(dateTimeString) {
 }
 // src/components/dataform-controls/datetime.tsx
-import { jsx as jsx94, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs28 } from "react/jsx-runtime";
 var { DateCalendar: DateCalendar2, ValidatedInputControl: ValidatedInputControl2 } = unlock5(privateApis2);
 var formatDateTime = (value) => {
   if (!value) {
@@ -23283,7 +23345,7 @@ function CalendarDateTimeControl({
       label: displayLabel,
       help: description,
       hideLabelFromVision,
-      children: /* @__PURE__ */ jsxs29(Stack, { direction: "column", gap: "lg", children: [
+      children: /* @__PURE__ */ jsxs28(Stack, { direction: "column", gap: "lg", children: [
         /* @__PURE__ */ jsx94(
           ValidatedInputControl2,
           {
@@ -23356,7 +23418,7 @@ function DateTime({
 }
 // src/components/dataform-controls/date.tsx
-import clsx52 from "clsx";
+import clsx51 from "clsx";
 import {
   format,
   isValid as isValidDate2,
@@ -23368,7 +23430,7 @@ import {
 } from "date-fns";
 import { __ as __48 } from "@wordpress/i18n";
 import { getDate as getDate4, getSettings as getSettings2 } from "@wordpress/date";
-import { jsx as jsx95, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs29 } from "react/jsx-runtime";
 var { DateCalendar: DateCalendar3, DateRangeCalendar: DateRangeCalendar2 } = unlock5(privateApis2);
 var DATE_PRESETS = [
   {
@@ -23526,12 +23588,12 @@ function ValidatedDateControl({
       setIsTouched(true);
     }
   };
-  return /* @__PURE__ */ jsxs30("div", { onBlur, children: [
+  return /* @__PURE__ */ jsxs29("div", { onBlur, children: [
     children,
-    /* @__PURE__ */ jsx95("div", { "aria-live": "polite", children: customValidity && /* @__PURE__ */ jsxs30(
+    /* @__PURE__ */ jsx95("div", { "aria-live": "polite", children: customValidity && /* @__PURE__ */ jsxs29(
       "p",
       {
-        className: clsx52(
+        className: clsx51(
           "components-validated-control__indicator",
           customValidity.type === "invalid" ? "is-invalid" : void 0
         ),
@@ -23645,8 +23707,8 @@ function CalendarDateControl({
           label: displayLabel,
           help: description,
           hideLabelFromVision,
-          children: /* @__PURE__ */ jsxs30(Stack, { direction: "column", gap: "lg", children: [
-            /* @__PURE__ */ jsxs30(
+          children: /* @__PURE__ */ jsxs29(Stack, { direction: "column", gap: "lg", children: [
+            /* @__PURE__ */ jsxs29(
               Stack,
               {
                 direction: "row",
@@ -23851,8 +23913,8 @@ function CalendarDateRangeControl({
           label: displayLabel,
           help: description,
           hideLabelFromVision,
-          children: /* @__PURE__ */ jsxs30(Stack, { direction: "column", gap: "lg", children: [
-            /* @__PURE__ */ jsxs30(
+          children: /* @__PURE__ */ jsxs29(Stack, { direction: "column", gap: "lg", children: [
+            /* @__PURE__ */ jsxs29(
               Stack,
               {
                 direction: "row",
@@ -23892,7 +23954,7 @@ function CalendarDateRangeControl({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs30(
+            /* @__PURE__ */ jsxs29(
               Stack,
               {
                 direction: "row",
@@ -24195,7 +24257,7 @@ function Url({
 // src/components/dataform-controls/utils/validated-number.tsx
 import { __ as __49 } from "@wordpress/i18n";
-import { jsx as jsx102, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs30 } from "react/jsx-runtime";
 var { ValidatedNumberControl: ValidatedNumberControl2 } = unlock5(privateApis2);
 function toNumberOrEmpty(value) {
   if (value === "" || value === void 0) {
@@ -24223,7 +24285,7 @@ function BetweenControls({
     base_control_default,
     {
       help: __49("The max. value must be greater than the min. value."),
-      children: /* @__PURE__ */ jsxs31(component_default3, { direction: "row", gap: 4, children: [
+      children: /* @__PURE__ */ jsxs30(component_default3, { direction: "row", gap: 4, children: [
         /* @__PURE__ */ jsx102(
           number_control_default,
           {
@@ -25621,7 +25683,7 @@ var telephone_default = {
 // src/field-types/color.tsx
 import { colord as colord8 } from "colord";
 import { __ as __57 } from "@wordpress/i18n";
-import { jsx as jsx115, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs31 } from "react/jsx-runtime";
 function render4({ item: item2, field }) {
   if (field.hasElements) {
     return /* @__PURE__ */ jsx115(RenderFromElements, { item: item2, field });
@@ -25630,7 +25692,7 @@ function render4({ item: item2, field }) {
   if (!value || !colord8(value).isValid()) {
     return value;
   }
-  return /* @__PURE__ */ jsxs32("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+  return /* @__PURE__ */ jsxs31("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
     /* @__PURE__ */ jsx115(
       "div",
       {
@@ -26248,7 +26310,7 @@ function useInfiniteScroll({
 }
 // src/dataviews/index.tsx
-import { Fragment as Fragment16, jsx as jsx116, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx116, jsxs as jsxs32 } from "react/jsx-runtime";
 var defaultGetItemId = (item2) => item2.id;
 var defaultIsItemClickable = () => true;
 var EMPTY_ARRAY6 = [];
@@ -26263,19 +26325,19 @@ function DefaultUI({
 }) {
   const { view } = useContext(dataviews_context_default);
   const isInfiniteScroll = view.infiniteScrollEnabled;
-  return /* @__PURE__ */ jsxs33(Fragment16, { children: [
-    /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs32(Fragment15, { children: [
+    /* @__PURE__ */ jsxs32(
       Stack,
       {
         direction: "row",
         align: "top",
         justify: "space-between",
-        className: clsx53("dataviews__view-actions", {
+        className: clsx52("dataviews__view-actions", {
           "dataviews__view-actions--infinite-scroll": isInfiniteScroll
         }),
         gap: "xs",
         children: [
-          /* @__PURE__ */ jsxs33(
+          /* @__PURE__ */ jsxs32(
             Stack,
             {
               direction: "row",
@@ -26288,7 +26350,7 @@ function DefaultUI({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs33(Stack, { direction: "row", gap: "xs", style: { flexShrink: 0 }, children: [
+          /* @__PURE__ */ jsxs32(Stack, { direction: "row", gap: "xs", style: { flexShrink: 0 }, children: [
             /* @__PURE__ */ jsx116(dataviews_view_config_default, {}),
             header
           ] })
@@ -26466,8 +26528,8 @@ DataViewsSubComponents.Footer = DataViewsFooter;
 var dataviews_default = DataViewsSubComponents;
 // src/dataviews-picker/index.tsx
-import clsx54 from "clsx";
-import { Fragment as Fragment17, jsx as jsx117, jsxs as jsxs34 } from "react/jsx-runtime";
+import clsx53 from "clsx";
+import { Fragment as Fragment16, jsx as jsx117, jsxs as jsxs33 } from "react/jsx-runtime";
 var isItemClickable = () => false;
 var dataViewsPickerLayouts = VIEW_LAYOUTS.filter(
   (viewLayout) => viewLayout.isPicker
@@ -26484,19 +26546,19 @@ function DefaultUI2({
 }) {
   const { view } = useContext(dataviews_context_default);
   const isInfiniteScroll = view.infiniteScrollEnabled;
-  return /* @__PURE__ */ jsxs34(Fragment17, { children: [
-    /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs33(Fragment16, { children: [
+    /* @__PURE__ */ jsxs33(
       Stack,
       {
         direction: "row",
         align: "top",
         justify: "space-between",
-        className: clsx54("dataviews__view-actions", {
+        className: clsx53("dataviews__view-actions", {
           "dataviews__view-actions--infinite-scroll": isInfiniteScroll
         }),
         gap: "xs",
         children: [
-          /* @__PURE__ */ jsxs34(
+          /* @__PURE__ */ jsxs33(
             Stack,
             {
               direction: "row",
@@ -26665,7 +26727,7 @@ function DataFormProvider({
 var dataform_context_default = DataFormContext;
 // src/components/dataform-layouts/regular/index.tsx
-import clsx55 from "clsx";
+import clsx54 from "clsx";
 // src/components/dataform-layouts/normalize-form.ts
 import { __ as __58 } from "@wordpress/i18n";
@@ -26786,7 +26848,7 @@ function normalizeForm(form) {
 var normalize_form_default = normalizeForm;
 // src/components/dataform-layouts/regular/index.tsx
-import { Fragment as Fragment18, jsx as jsx119, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx119, jsxs as jsxs34 } from "react/jsx-runtime";
 function Header3({ title }) {
   return /* @__PURE__ */ jsx119(
     Stack,
@@ -26816,7 +26878,7 @@ function FormRegularField({
     [field]
   );
   if (!!field.children) {
-    return /* @__PURE__ */ jsxs35(Fragment18, { children: [
+    return /* @__PURE__ */ jsxs34(Fragment17, { children: [
       !hideLabelFromVision && field.label && /* @__PURE__ */ jsx119(Header3, { title: field.label }),
       /* @__PURE__ */ jsx119(
         DataFormLayout,
@@ -26837,7 +26899,7 @@ function FormRegularField({
     return null;
   }
   if (labelPosition === "side") {
-    return /* @__PURE__ */ jsxs35(
+    return /* @__PURE__ */ jsxs34(
       Stack,
       {
         direction: "row",
@@ -26847,7 +26909,7 @@ function FormRegularField({
           /* @__PURE__ */ jsx119(
             "div",
             {
-              className: clsx55(
+              className: clsx54(
                 "dataforms-layouts-regular__field-label",
                 `dataforms-layouts-regular__field-label--label-position-${labelPosition}`
               ),
@@ -26876,7 +26938,7 @@ function FormRegularField({
       }
     );
   }
-  return /* @__PURE__ */ jsx119("div", { className: "dataforms-layouts-regular__field", children: fieldDefinition.readOnly === true ? /* @__PURE__ */ jsx119(Fragment18, { children: /* @__PURE__ */ jsxs35(Fragment18, { children: [
+  return /* @__PURE__ */ jsx119("div", { className: "dataforms-layouts-regular__field", children: fieldDefinition.readOnly === true ? /* @__PURE__ */ jsx119(Fragment17, { children: /* @__PURE__ */ jsxs34(Fragment17, { children: [
     !hideLabelFromVision && labelPosition !== "none" && /* @__PURE__ */ jsx119(base_control_default.VisualLabel, { children: fieldDefinition.label }),
     /* @__PURE__ */ jsx119(
       fieldDefinition.render,
@@ -26902,13 +26964,13 @@ function FormRegularField({
 import deepMerge2 from "deepmerge";
 // src/components/dataform-layouts/panel/summary-button.tsx
-import clsx57 from "clsx";
+import clsx56 from "clsx";
 import { sprintf as sprintf18, _x as _x5 } from "@wordpress/i18n";
 // src/components/dataform-layouts/panel/utils/get-label-classname.ts
-import clsx56 from "clsx";
+import clsx55 from "clsx";
 function getLabelClassName(labelPosition, showError) {
-  return clsx56(
+  return clsx55(
     "dataforms-layouts-panel__field-label",
     `dataforms-layouts-panel__field-label--label-position-${labelPosition}`,
     { "has-error": showError }
@@ -26917,15 +26979,15 @@ function getLabelClassName(labelPosition, showError) {
 var get_label_classname_default = getLabelClassName;
 // src/components/dataform-layouts/panel/utils/get-label-content.tsx
-import { jsx as jsx120, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs35 } from "react/jsx-runtime";
 function getLabelContent(showError, errorMessage, fieldLabel) {
-  return showError ? /* @__PURE__ */ jsxs36(tooltip_exports.Root, { children: [
+  return showError ? /* @__PURE__ */ jsxs35(tooltip_exports.Root, { children: [
     /* @__PURE__ */ jsx120(
       tooltip_exports.Trigger,
       {
-        render: /* @__PURE__ */ jsxs36("span", { className: "dataforms-layouts-panel__field-label-error-content", children: [
+        render: /* @__PURE__ */ jsxs35("span", { className: "dataforms-layouts-panel__field-label-error-content", children: [
           /* @__PURE__ */ jsx120(icon_default2, { icon: error_default, size: 16 }),
-          /* @__PURE__ */ jsxs36(VisuallyHidden, { children: [
+          /* @__PURE__ */ jsxs35(VisuallyHidden, { children: [
             errorMessage,
             ": "
           ] }),
@@ -26974,7 +27036,7 @@ function getFirstValidationError(validity) {
 var get_first_validation_error_default = getFirstValidationError;
 // src/components/dataform-layouts/panel/summary-button.tsx
-import { jsx as jsx121, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs36 } from "react/jsx-runtime";
 function SummaryButton({
   data,
   field,
@@ -26983,15 +27045,15 @@ function SummaryButton({
   validity,
   touched,
   disabled,
-  onClick,
-  "aria-expanded": ariaExpanded
+  isOpen,
+  onClick
 }) {
   const { labelPosition, editVisibility } = field.layout;
   const errorMessage = get_first_validation_error_default(validity);
   const showError = touched && !!errorMessage;
   const labelClassName = get_label_classname_default(labelPosition, showError);
   const labelContent = get_label_content_default(showError, errorMessage, fieldLabel);
-  const className2 = clsx57(
+  const className2 = clsx56(
     "dataforms-layouts-panel__field-trigger",
     `dataforms-layouts-panel__field-trigger--label-${labelPosition}`,
     {
@@ -27013,9 +27075,9 @@ function SummaryButton({
     fieldLabel || ""
   );
   const rowRef = useRef(null);
-  const handleRowClick = () => {
-    const selection = rowRef.current?.ownerDocument.defaultView?.getSelection();
-    if (selection && selection.toString().length > 0) {
+  const editButtonRef = useRef(null);
+  const handleRowClick = (event) => {
+    if (!isOpen && event.detail < 2 && !editButtonRef.current?.contains(event.target) && rowRef.current?.ownerDocument.defaultView?.getSelection()?.toString()) {
       return;
     }
     onClick();
@@ -27026,7 +27088,7 @@ function SummaryButton({
       onClick();
     }
   };
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       ref: rowRef,
@@ -27035,7 +27097,7 @@ function SummaryButton({
       onKeyDown: !disabled ? handleKeyDown : void 0,
       children: [
         labelPosition !== "none" && /* @__PURE__ */ jsx121("span", { className: labelClassName, children: labelContent }),
-        labelPosition === "none" && showError && /* @__PURE__ */ jsxs37(tooltip_exports.Root, { children: [
+        labelPosition === "none" && showError && /* @__PURE__ */ jsxs36(tooltip_exports.Root, { children: [
           /* @__PURE__ */ jsx121(
             tooltip_exports.Trigger,
             {
@@ -27095,11 +27157,12 @@ function SummaryButton({
         !disabled && /* @__PURE__ */ jsx121(
           button_default,
           {
+            ref: editButtonRef,
             className: "dataforms-layouts-panel__field-trigger-icon",
             label: ariaLabel,
             icon: pencil_default,
             size: "small",
-            "aria-expanded": ariaExpanded,
+            "aria-expanded": isOpen,
             "aria-haspopup": "dialog",
             "aria-describedby": `${controlId}`
           }
@@ -27679,7 +27742,7 @@ function useFieldFromFormField(field) {
 var use_field_from_form_field_default = useFieldFromFormField;
 // src/components/dataform-layouts/panel/modal.tsx
-import { Fragment as Fragment19, jsx as jsx122, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx122, jsxs as jsxs37 } from "react/jsx-runtime";
 function ModalContent({
   data,
   field,
@@ -27736,7 +27799,7 @@ function ModalContent({
   const contentRef = useRef(null);
   const mergedRef = useMergeRefs([focusOnMountRef, contentRef]);
   useReportValidity(contentRef, touched);
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs37(
     modal_default,
     {
       className: "dataforms-layouts-panel__modal",
@@ -27766,7 +27829,7 @@ function ModalContent({
             )
           }
         ) }),
-        /* @__PURE__ */ jsxs38(
+        /* @__PURE__ */ jsxs37(
           Stack,
           {
             direction: "row",
@@ -27815,7 +27878,7 @@ function PanelModal({
     setIsOpen(false);
     setTouched(true);
   };
-  return /* @__PURE__ */ jsxs38(Fragment19, { children: [
+  return /* @__PURE__ */ jsxs37(Fragment18, { children: [
     /* @__PURE__ */ jsx122(
       SummaryButton,
       {
@@ -27827,7 +27890,7 @@ function PanelModal({
         touched,
         disabled: fieldDefinition.readOnly === true,
         onClick: () => setIsOpen(true),
-        "aria-expanded": isOpen
+        isOpen
       }
     ),
     isOpen && /* @__PURE__ */ jsx122(
@@ -27847,7 +27910,7 @@ var modal_default2 = PanelModal;
 // src/components/dataform-layouts/panel/dropdown.tsx
 import { __ as __60 } from "@wordpress/i18n";
-import { jsx as jsx123, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs38 } from "react/jsx-runtime";
 function DropdownHeader({
   title,
   onClose
@@ -27858,7 +27921,7 @@ function DropdownHeader({
       direction: "column",
       className: "dataforms-layouts-panel__dropdown-header",
       gap: "lg",
-      children: /* @__PURE__ */ jsxs39(Stack, { direction: "row", gap: "sm", align: "center", children: [
+      children: /* @__PURE__ */ jsxs38(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(
@@ -27955,11 +28018,11 @@ function PanelDropdown({
               validity,
               touched,
               disabled: fieldDefinition.readOnly === true,
-              onClick: onToggle,
-              "aria-expanded": isOpen
+              isOpen,
+              onClick: onToggle
             }
           ),
-          renderContent: ({ onClose }) => /* @__PURE__ */ jsx123(DropdownContentWithValidation, { touched, children: /* @__PURE__ */ jsxs39("div", { ref: dialogRef, ...dialogProps, children: [
+          renderContent: ({ onClose }) => /* @__PURE__ */ jsx123(DropdownContentWithValidation, { touched, children: /* @__PURE__ */ jsxs38("div", { ref: dialogRef, ...dialogProps, children: [
             /* @__PURE__ */ jsx123(
               DropdownHeader,
               {
@@ -28070,7 +28133,7 @@ function ValidationBadge({
 }
 // src/components/dataform-layouts/card/index.tsx
-import { Fragment as Fragment20, jsx as jsx126, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx126, jsxs as jsxs39 } from "react/jsx-runtime";
 function isSummaryFieldVisible(summaryField, summaryConfig, isOpen) {
   if (!summaryConfig || Array.isArray(summaryConfig) && summaryConfig.length === 0) {
     return false;
@@ -28111,7 +28174,7 @@ function HeaderContent({
   );
   const hasBadge = touched && layout.isCollapsible;
   const hasSummary = visibleSummaryFields.length > 0 && layout.withHeader;
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs39(
     Stack,
     {
       align: "center",
@@ -28119,7 +28182,7 @@ function HeaderContent({
       className: "dataforms-layouts-card__field-header-content",
       children: [
         /* @__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 || hasSummary) && /* @__PURE__ */ jsxs39(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,
@@ -28145,7 +28208,7 @@ function BodyContent({
   withHeader
 }) {
   if (field.children) {
-    return /* @__PURE__ */ jsxs40(Fragment20, { children: [
+    return /* @__PURE__ */ jsxs39(Fragment19, { children: [
       field.description && /* @__PURE__ */ jsx126("div", { className: "dataforms-layouts-card__field-description", children: field.description }),
       /* @__PURE__ */ jsx126(
         DataFormLayout,
@@ -28251,7 +28314,7 @@ function FormCardField({
     }
   );
   if (withHeader && isCollapsible) {
-    return /* @__PURE__ */ jsxs40(
+    return /* @__PURE__ */ jsxs39(
       collapsible_card_exports.Root,
       {
         className: "dataforms-layouts-card__field",
@@ -28271,14 +28334,14 @@ function FormCardField({
       }
     );
   }
-  return /* @__PURE__ */ jsxs40(card_exports.Root, { className: "dataforms-layouts-card__field", children: [
+  return /* @__PURE__ */ jsxs39(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 Fragment21, jsx as jsx127, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx127, jsxs as jsxs40 } from "react/jsx-runtime";
 function Header4({ title }) {
   return /* @__PURE__ */ jsx127(
     Stack,
@@ -28290,7 +28353,7 @@ function Header4({ title }) {
     }
   );
 }
-var EMPTY_WRAPPER = ({ children }) => /* @__PURE__ */ jsx127(Fragment21, { children });
+var EMPTY_WRAPPER = ({ children }) => /* @__PURE__ */ jsx127(Fragment20, { children });
 function FormRowField({
   data,
   field,
@@ -28305,7 +28368,7 @@ function FormRowField({
       layout: DEFAULT_LAYOUT,
       fields: field.children
     };
-    return /* @__PURE__ */ jsxs41("div", { className: "dataforms-layouts-row__field", children: [
+    return /* @__PURE__ */ jsxs40("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,
@@ -28342,7 +28405,7 @@ function FormRowField({
   if (!RegularLayout) {
     return null;
   }
-  return /* @__PURE__ */ jsx127(Fragment21, { children: /* @__PURE__ */ jsx127("div", { className: "dataforms-layouts-row__field-control", children: /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsx127(Fragment20, { children: /* @__PURE__ */ jsx127("div", { className: "dataforms-layouts-row__field-control", children: /* @__PURE__ */ jsx127(
     RegularLayout,
     {
       data,
@@ -28356,7 +28419,7 @@ function FormRowField({
 // src/components/dataform-layouts/details/index.tsx
 import { __ as __61 } from "@wordpress/i18n";
-import { jsx as jsx128, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs41 } from "react/jsx-runtime";
 function FormDetailsField({
   data,
   field,
@@ -28407,13 +28470,13 @@ function FormDetailsField({
   } else {
     summaryContent = field.label || __61("More details");
   }
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs41(
     "details",
     {
       ref: detailsRef,
       className: "dataforms-layouts-details__details",
       children: [
-        /* @__PURE__ */ jsx128("summary", { className: "dataforms-layouts-details__summary", children: /* @__PURE__ */ jsxs42(
+        /* @__PURE__ */ jsx128("summary", { className: "dataforms-layouts-details__summary", children: /* @__PURE__ */ jsxs41(
           Stack,
           {
             direction: "row",