@wordpress/dataviews 9.0.1-next.a730c9c8c.0 → 9.1.1-next.233ccab9b.0

package/build-wp/index.js

@@ -4837,7 +4837,8 @@ function UnforwardedButton(props, ref) {
     "is-link": variant === "link",
     "is-destructive": isDestructive,
     "has-text": !!icon && (hasChildren || text),
-    "has-icon": !!icon
+    "has-icon": !!icon,
+    "has-icon-right": iconPosition === "right"
   });
   const trulyDisabled = disabled && !accessibleWhenDisabled;
   const Tag = href !== void 0 && !disabled ? "a" : "button";
@@ -10158,7 +10159,6 @@ function FormTokenField(props) {
     })]
   });
 }
-var form_token_field_default = FormTokenField;
 
 // ../components/build-module/search-control/index.js
 import clsx21 from "clsx";
@@ -10409,14 +10409,14 @@ import clsx24 from "clsx";
 // ../components/build-module/textarea-control/styles/textarea-control-styles.js
 import _styled13 from "@emotion/styled/base";
 import { css as css30 } from "@emotion/react";
-var inputStyleNeutral = /* @__PURE__ */ css30("box-shadow:0 0 0 transparent;border-radius:", config_values_default.radiusSmall, ";border:", config_values_default.borderWidth, " solid ", COLORS.ui.border, ";@media not ( prefers-reduced-motion ){transition:box-shadow 0.1s linear;}" + (false ? "" : ";label:inputStyleNeutral;"), false ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdGV4dGFyZWEtY29udHJvbC9zdHlsZXMvdGV4dGFyZWEtY29udHJvbC1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzZCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdGV4dGFyZWEtY29udHJvbC9zdHlsZXMvdGV4dGFyZWEtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGZvbnQgfSBmcm9tICcuLi8uLi91dGlscy9mb250JztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbG9ycy12YWx1ZXMnO1xuaW1wb3J0IHsgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgYnJlYWtwb2ludCB9IGZyb20gJy4uLy4uL3V0aWxzL2JyZWFrcG9pbnQnO1xuXG5jb25zdCBpbnB1dFN0eWxlTmV1dHJhbCA9IGNzc2Bcblx0Ym94LXNoYWRvdzogMCAwIDAgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRib3JkZXI6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy51aS5ib3JkZXIgfTtcblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHR0cmFuc2l0aW9uOiBib3gtc2hhZG93IDAuMXMgbGluZWFyO1xuXHR9XG5gO1xuXG5jb25zdCBpbnB1dFN0eWxlRm9jdXMgPSBjc3NgXG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRib3gtc2hhZG93OiAwIDAgMFxuXHRcdGNhbGMoICR7IENPTkZJRy5ib3JkZXJXaWR0aEZvY3VzIH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSApXG5cdFx0JHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXG5cdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0YXJlYSA9IHN0eWxlZC50ZXh0YXJlYWBcblx0d2lkdGg6IDEwMCU7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmb250LWZhbWlseTogJHsgZm9udCggJ2RlZmF1bHQuZm9udEZhbWlseScgKSB9O1xuXHRsaW5lLWhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmJhY2tncm91bmQgfTtcblx0Y29sb3I6ICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5cblx0Ly8gVmVydGljYWwgcGFkZGluZyBpcyB0byBtYXRjaCB0aGUgc3RhbmRhcmQgNDBweCBjb250cm9sIGhlaWdodCB3aGVuIHJvd3M9MSxcblx0Ly8gaW4gY29uanVuY3Rpb24gd2l0aCB0aGUgMjBweCBsaW5lLWhlaWdodC5cblx0Ly8gXCJTdGFuZGFyZFwiIG1ldHJpY3MgYXJlIDEwcHggMTJweCwgYnV0IHN1YnRyYWN0cyAxcHggZWFjaCB0byBhY2NvdW50IGZvciB0aGUgYm9yZGVyIHdpZHRoLlxuXHRwYWRkaW5nOiA5cHggMTFweDtcblxuXHQkeyBpbnB1dFN0eWxlTmV1dHJhbCB9O1xuXG5cdC8qIEZvbnRzIHNtYWxsZXIgdGhhbiAxNnB4IGNhdXNlcyBtb2JpbGUgc2FmYXJpIHRvIHpvb20uICovXG5cdGZvbnQtc2l6ZTogJHsgZm9udCggJ21vYmlsZVRleHRNaW5Gb250U2l6ZScgKSB9O1xuXG5cdCR7IGJyZWFrcG9pbnQoICdzbWFsbCcgKSB9IHtcblx0XHRmb250LXNpemU6ICR7IGZvbnQoICdkZWZhdWx0LmZvbnRTaXplJyApIH07XG5cdH1cblxuXHQmOmZvY3VzIHtcblx0XHQkeyBpbnB1dFN0eWxlRm9jdXMgfVxuXHR9XG5cblx0Ly8gVXNlIG9wYWNpdHkgdG8gd29yayBpbiB2YXJpb3VzIGVkaXRvciBzdHlsZXMuXG5cdCY6Oi13ZWJraXQtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0Jjo6LW1vei1wbGFjZWhvbGRlciB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS5kYXJrR3JheVBsYWNlaG9sZGVyIH07XG5cdH1cblxuXHQmOi1tcy1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS5kYXJrR3JheVBsYWNlaG9sZGVyIH07XG5cdH1cblxuXHQuaXMtZGFyay10aGVtZSAmIHtcblx0XHQmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRcdGNvbG9yOiAkeyBDT0xPUlMudWkubGlnaHRHcmF5UGxhY2Vob2xkZXIgfTtcblx0XHR9XG5cblx0XHQmOjotbW96LXBsYWNlaG9sZGVyIHtcblx0XHRcdGNvbG9yOiAkeyBDT0xPUlMudWkubGlnaHRHcmF5UGxhY2Vob2xkZXIgfTtcblx0XHR9XG5cblx0XHQmOi1tcy1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXHR9XG5gO1xuIl19 */");
-var inputStyleFocus = /* @__PURE__ */ css30("border-color:", COLORS.theme.accent, ";box-shadow:0 0 0 calc( ", config_values_default.borderWidthFocus, " - ", config_values_default.borderWidth, " ) ", COLORS.theme.accent, ";outline:2px solid transparent;" + (false ? "" : ";label:inputStyleFocus;"), false ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdGV4dGFyZWEtY29udHJvbC9zdHlsZXMvdGV4dGFyZWEtY29udHJvbC1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3RleHRhcmVhLWNvbnRyb2wvc3R5bGVzL3RleHRhcmVhLWNvbnRyb2wtc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBmb250IH0gZnJvbSAnLi4vLi4vdXRpbHMvZm9udCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscy9jb2xvcnMtdmFsdWVzJztcbmltcG9ydCB7IENPTkZJRyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IGJyZWFrcG9pbnQgfSBmcm9tICcuLi8uLi91dGlscy9icmVha3BvaW50JztcblxuY29uc3QgaW5wdXRTdHlsZU5ldXRyYWwgPSBjc3NgXG5cdGJveC1zaGFkb3c6IDAgMCAwIHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0Ym9yZGVyOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMudWkuYm9yZGVyIH07XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0dHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjFzIGxpbmVhcjtcblx0fVxuYDtcblxuY29uc3QgaW5wdXRTdHlsZUZvY3VzID0gY3NzYFxuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0Ym94LXNoYWRvdzogMCAwIDBcblx0XHRjYWxjKCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKVxuXHRcdCR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblxuXHQvLyBXaW5kb3dzIEhpZ2ggQ29udHJhc3QgbW9kZSB3aWxsIHNob3cgdGhpcyBvdXRsaW5lLCBidXQgbm90IHRoZSBib3gtc2hhZG93LlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dGFyZWEgPSBzdHlsZWQudGV4dGFyZWFgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC1mYW1pbHk6ICR7IGZvbnQoICdkZWZhdWx0LmZvbnRGYW1pbHknICkgfTtcblx0bGluZS1oZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9O1xuXG5cdC8vIFZlcnRpY2FsIHBhZGRpbmcgaXMgdG8gbWF0Y2ggdGhlIHN0YW5kYXJkIDQwcHggY29udHJvbCBoZWlnaHQgd2hlbiByb3dzPTEsXG5cdC8vIGluIGNvbmp1bmN0aW9uIHdpdGggdGhlIDIwcHggbGluZS1oZWlnaHQuXG5cdC8vIFwiU3RhbmRhcmRcIiBtZXRyaWNzIGFyZSAxMHB4IDEycHgsIGJ1dCBzdWJ0cmFjdHMgMXB4IGVhY2ggdG8gYWNjb3VudCBmb3IgdGhlIGJvcmRlciB3aWR0aC5cblx0cGFkZGluZzogOXB4IDExcHg7XG5cblx0JHsgaW5wdXRTdHlsZU5ldXRyYWwgfTtcblxuXHQvKiBGb250cyBzbWFsbGVyIHRoYW4gMTZweCBjYXVzZXMgbW9iaWxlIHNhZmFyaSB0byB6b29tLiAqL1xuXHRmb250LXNpemU6ICR7IGZvbnQoICdtb2JpbGVUZXh0TWluRm9udFNpemUnICkgfTtcblxuXHQkeyBicmVha3BvaW50KCAnc21hbGwnICkgfSB7XG5cdFx0Zm9udC1zaXplOiAkeyBmb250KCAnZGVmYXVsdC5mb250U2l6ZScgKSB9O1xuXHR9XG5cblx0Jjpmb2N1cyB7XG5cdFx0JHsgaW5wdXRTdHlsZUZvY3VzIH1cblx0fVxuXG5cdC8vIFVzZSBvcGFjaXR5IHRvIHdvcmsgaW4gdmFyaW91cyBlZGl0b3Igc3R5bGVzLlxuXHQmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmRhcmtHcmF5UGxhY2Vob2xkZXIgfTtcblx0fVxuXG5cdCY6Oi1tb3otcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0JjotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0LmlzLWRhcmstdGhlbWUgJiB7XG5cdFx0Jjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXG5cdFx0Jjo6LW1vei1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXG5cdFx0JjotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy51aS5saWdodEdyYXlQbGFjZWhvbGRlciB9O1xuXHRcdH1cblx0fVxuYDtcbiJdfQ== */");
+var inputStyleNeutral = /* @__PURE__ */ css30("box-shadow:0 0 0 transparent;border-radius:", config_values_default.radiusSmall, ";border:", config_values_default.borderWidth, " solid ", COLORS.ui.border, ";@media not ( prefers-reduced-motion ){transition:box-shadow 0.1s linear;}" + (false ? "" : ";label:inputStyleNeutral;"), false ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdGV4dGFyZWEtY29udHJvbC9zdHlsZXMvdGV4dGFyZWEtY29udHJvbC1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzZCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdGV4dGFyZWEtY29udHJvbC9zdHlsZXMvdGV4dGFyZWEtY29udHJvbC1zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGZvbnQgfSBmcm9tICcuLi8uLi91dGlscy9mb250JztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbG9ycy12YWx1ZXMnO1xuaW1wb3J0IHsgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgYnJlYWtwb2ludCB9IGZyb20gJy4uLy4uL3V0aWxzL2JyZWFrcG9pbnQnO1xuXG5jb25zdCBpbnB1dFN0eWxlTmV1dHJhbCA9IGNzc2Bcblx0Ym94LXNoYWRvdzogMCAwIDAgdHJhbnNwYXJlbnQ7XG5cdGJvcmRlci1yYWRpdXM6ICR7IENPTkZJRy5yYWRpdXNTbWFsbCB9O1xuXHRib3JkZXI6ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy51aS5ib3JkZXIgfTtcblxuXHRAbWVkaWEgbm90ICggcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiApIHtcblx0XHR0cmFuc2l0aW9uOiBib3gtc2hhZG93IDAuMXMgbGluZWFyO1xuXHR9XG5gO1xuXG5jb25zdCBpbnB1dFN0eWxlRm9jdXMgPSBjc3NgXG5cdGJvcmRlci1jb2xvcjogJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRib3gtc2hhZG93OiAwIDAgMFxuXHRcdGNhbGMoICR7IENPTkZJRy5ib3JkZXJXaWR0aEZvY3VzIH0gLSAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSApXG5cdFx0JHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXG5cdC8vIFdpbmRvd3MgSGlnaCBDb250cmFzdCBtb2RlIHdpbGwgc2hvdyB0aGlzIG91dGxpbmUsIGJ1dCBub3QgdGhlIGJveC1zaGFkb3cuXG5cdG91dGxpbmU6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0YXJlYSA9IHN0eWxlZC50ZXh0YXJlYWBcblx0d2lkdGg6IDEwMCU7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRmb250LWZhbWlseTogJHsgZm9udCggJ2RlZmF1bHQuZm9udEZhbWlseScgKSB9O1xuXHRsaW5lLWhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmJhY2tncm91bmQgfTtcblx0Y29sb3I6ICR7IENPTE9SUy50aGVtZS5mb3JlZ3JvdW5kIH07XG5cdHJlc2l6ZTogdmVydGljYWw7XG5cblx0Ly8gVmVydGljYWwgcGFkZGluZyBpcyB0byBtYXRjaCB0aGUgc3RhbmRhcmQgNDBweCBjb250cm9sIGhlaWdodCB3aGVuIHJvd3M9MSxcblx0Ly8gaW4gY29uanVuY3Rpb24gd2l0aCB0aGUgMjBweCBsaW5lLWhlaWdodC5cblx0Ly8gXCJTdGFuZGFyZFwiIG1ldHJpY3MgYXJlIDEwcHggMTJweCwgYnV0IHN1YnRyYWN0cyAxcHggZWFjaCB0byBhY2NvdW50IGZvciB0aGUgYm9yZGVyIHdpZHRoLlxuXHRwYWRkaW5nOiA5cHggMTFweDtcblxuXHQkeyBpbnB1dFN0eWxlTmV1dHJhbCB9O1xuXG5cdC8qIEZvbnRzIHNtYWxsZXIgdGhhbiAxNnB4IGNhdXNlcyBtb2JpbGUgc2FmYXJpIHRvIHpvb20uICovXG5cdGZvbnQtc2l6ZTogJHsgZm9udCggJ21vYmlsZVRleHRNaW5Gb250U2l6ZScgKSB9O1xuXG5cdCR7IGJyZWFrcG9pbnQoICdzbWFsbCcgKSB9IHtcblx0XHRmb250LXNpemU6ICR7IGZvbnQoICdkZWZhdWx0LmZvbnRTaXplJyApIH07XG5cdH1cblxuXHQmOmZvY3VzIHtcblx0XHQkeyBpbnB1dFN0eWxlRm9jdXMgfVxuXHR9XG5cblx0Ly8gVXNlIG9wYWNpdHkgdG8gd29yayBpbiB2YXJpb3VzIGVkaXRvciBzdHlsZXMuXG5cdCY6Oi13ZWJraXQtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0Jjo6LW1vei1wbGFjZWhvbGRlciB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS5kYXJrR3JheVBsYWNlaG9sZGVyIH07XG5cdH1cblxuXHQmOi1tcy1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy51aS5kYXJrR3JheVBsYWNlaG9sZGVyIH07XG5cdH1cblxuXHQuaXMtZGFyay10aGVtZSAmIHtcblx0XHQmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRcdGNvbG9yOiAkeyBDT0xPUlMudWkubGlnaHRHcmF5UGxhY2Vob2xkZXIgfTtcblx0XHR9XG5cblx0XHQmOjotbW96LXBsYWNlaG9sZGVyIHtcblx0XHRcdGNvbG9yOiAkeyBDT0xPUlMudWkubGlnaHRHcmF5UGxhY2Vob2xkZXIgfTtcblx0XHR9XG5cblx0XHQmOi1tcy1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXHR9XG5gO1xuIl19 */");
+var inputStyleFocus = /* @__PURE__ */ css30("border-color:", COLORS.theme.accent, ";box-shadow:0 0 0 calc( ", config_values_default.borderWidthFocus, " - ", config_values_default.borderWidth, " ) ", COLORS.theme.accent, ";outline:2px solid transparent;" + (false ? "" : ";label:inputStyleFocus;"), false ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdGV4dGFyZWEtY29udHJvbC9zdHlsZXMvdGV4dGFyZWEtY29udHJvbC1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3RleHRhcmVhLWNvbnRyb2wvc3R5bGVzL3RleHRhcmVhLWNvbnRyb2wtc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBmb250IH0gZnJvbSAnLi4vLi4vdXRpbHMvZm9udCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscy9jb2xvcnMtdmFsdWVzJztcbmltcG9ydCB7IENPTkZJRyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IGJyZWFrcG9pbnQgfSBmcm9tICcuLi8uLi91dGlscy9icmVha3BvaW50JztcblxuY29uc3QgaW5wdXRTdHlsZU5ldXRyYWwgPSBjc3NgXG5cdGJveC1zaGFkb3c6IDAgMCAwIHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0Ym9yZGVyOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMudWkuYm9yZGVyIH07XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0dHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjFzIGxpbmVhcjtcblx0fVxuYDtcblxuY29uc3QgaW5wdXRTdHlsZUZvY3VzID0gY3NzYFxuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0Ym94LXNoYWRvdzogMCAwIDBcblx0XHRjYWxjKCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKVxuXHRcdCR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblxuXHQvLyBXaW5kb3dzIEhpZ2ggQ29udHJhc3QgbW9kZSB3aWxsIHNob3cgdGhpcyBvdXRsaW5lLCBidXQgbm90IHRoZSBib3gtc2hhZG93LlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dGFyZWEgPSBzdHlsZWQudGV4dGFyZWFgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC1mYW1pbHk6ICR7IGZvbnQoICdkZWZhdWx0LmZvbnRGYW1pbHknICkgfTtcblx0bGluZS1oZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9O1xuXHRyZXNpemU6IHZlcnRpY2FsO1xuXG5cdC8vIFZlcnRpY2FsIHBhZGRpbmcgaXMgdG8gbWF0Y2ggdGhlIHN0YW5kYXJkIDQwcHggY29udHJvbCBoZWlnaHQgd2hlbiByb3dzPTEsXG5cdC8vIGluIGNvbmp1bmN0aW9uIHdpdGggdGhlIDIwcHggbGluZS1oZWlnaHQuXG5cdC8vIFwiU3RhbmRhcmRcIiBtZXRyaWNzIGFyZSAxMHB4IDEycHgsIGJ1dCBzdWJ0cmFjdHMgMXB4IGVhY2ggdG8gYWNjb3VudCBmb3IgdGhlIGJvcmRlciB3aWR0aC5cblx0cGFkZGluZzogOXB4IDExcHg7XG5cblx0JHsgaW5wdXRTdHlsZU5ldXRyYWwgfTtcblxuXHQvKiBGb250cyBzbWFsbGVyIHRoYW4gMTZweCBjYXVzZXMgbW9iaWxlIHNhZmFyaSB0byB6b29tLiAqL1xuXHRmb250LXNpemU6ICR7IGZvbnQoICdtb2JpbGVUZXh0TWluRm9udFNpemUnICkgfTtcblxuXHQkeyBicmVha3BvaW50KCAnc21hbGwnICkgfSB7XG5cdFx0Zm9udC1zaXplOiAkeyBmb250KCAnZGVmYXVsdC5mb250U2l6ZScgKSB9O1xuXHR9XG5cblx0Jjpmb2N1cyB7XG5cdFx0JHsgaW5wdXRTdHlsZUZvY3VzIH1cblx0fVxuXG5cdC8vIFVzZSBvcGFjaXR5IHRvIHdvcmsgaW4gdmFyaW91cyBlZGl0b3Igc3R5bGVzLlxuXHQmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmRhcmtHcmF5UGxhY2Vob2xkZXIgfTtcblx0fVxuXG5cdCY6Oi1tb3otcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0JjotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0LmlzLWRhcmstdGhlbWUgJiB7XG5cdFx0Jjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXG5cdFx0Jjo6LW1vei1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXG5cdFx0JjotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy51aS5saWdodEdyYXlQbGFjZWhvbGRlciB9O1xuXHRcdH1cblx0fVxuYDtcbiJdfQ== */");
 var StyledTextarea = /* @__PURE__ */ _styled13("textarea", false ? {
   target: "e1w5nnrk0"
 } : {
   target: "e1w5nnrk0",
   label: "StyledTextarea"
-})("width:100%;display:block;font-family:", font("default.fontFamily"), ";line-height:20px;background:", COLORS.theme.background, ";color:", COLORS.theme.foreground, ";padding:9px 11px;", inputStyleNeutral, ";font-size:", font("mobileTextMinFontSize"), ";", breakpoint("small"), "{font-size:", font("default.fontSize"), ";}&:focus{", inputStyleFocus, ";}&::-webkit-input-placeholder{color:", COLORS.ui.darkGrayPlaceholder, ";}&::-moz-placeholder{color:", COLORS.ui.darkGrayPlaceholder, ";}&:-ms-input-placeholder{color:", COLORS.ui.darkGrayPlaceholder, ";}.is-dark-theme &{&::-webkit-input-placeholder{color:", COLORS.ui.lightGrayPlaceholder, ";}&::-moz-placeholder{color:", COLORS.ui.lightGrayPlaceholder, ";}&:-ms-input-placeholder{color:", COLORS.ui.lightGrayPlaceholder, ";}}" + (false ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdGV4dGFyZWEtY29udHJvbC9zdHlsZXMvdGV4dGFyZWEtY29udHJvbC1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0M2QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3RleHRhcmVhLWNvbnRyb2wvc3R5bGVzL3RleHRhcmVhLWNvbnRyb2wtc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBmb250IH0gZnJvbSAnLi4vLi4vdXRpbHMvZm9udCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscy9jb2xvcnMtdmFsdWVzJztcbmltcG9ydCB7IENPTkZJRyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IGJyZWFrcG9pbnQgfSBmcm9tICcuLi8uLi91dGlscy9icmVha3BvaW50JztcblxuY29uc3QgaW5wdXRTdHlsZU5ldXRyYWwgPSBjc3NgXG5cdGJveC1zaGFkb3c6IDAgMCAwIHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0Ym9yZGVyOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMudWkuYm9yZGVyIH07XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0dHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjFzIGxpbmVhcjtcblx0fVxuYDtcblxuY29uc3QgaW5wdXRTdHlsZUZvY3VzID0gY3NzYFxuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0Ym94LXNoYWRvdzogMCAwIDBcblx0XHRjYWxjKCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKVxuXHRcdCR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblxuXHQvLyBXaW5kb3dzIEhpZ2ggQ29udHJhc3QgbW9kZSB3aWxsIHNob3cgdGhpcyBvdXRsaW5lLCBidXQgbm90IHRoZSBib3gtc2hhZG93LlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dGFyZWEgPSBzdHlsZWQudGV4dGFyZWFgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC1mYW1pbHk6ICR7IGZvbnQoICdkZWZhdWx0LmZvbnRGYW1pbHknICkgfTtcblx0bGluZS1oZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9O1xuXG5cdC8vIFZlcnRpY2FsIHBhZGRpbmcgaXMgdG8gbWF0Y2ggdGhlIHN0YW5kYXJkIDQwcHggY29udHJvbCBoZWlnaHQgd2hlbiByb3dzPTEsXG5cdC8vIGluIGNvbmp1bmN0aW9uIHdpdGggdGhlIDIwcHggbGluZS1oZWlnaHQuXG5cdC8vIFwiU3RhbmRhcmRcIiBtZXRyaWNzIGFyZSAxMHB4IDEycHgsIGJ1dCBzdWJ0cmFjdHMgMXB4IGVhY2ggdG8gYWNjb3VudCBmb3IgdGhlIGJvcmRlciB3aWR0aC5cblx0cGFkZGluZzogOXB4IDExcHg7XG5cblx0JHsgaW5wdXRTdHlsZU5ldXRyYWwgfTtcblxuXHQvKiBGb250cyBzbWFsbGVyIHRoYW4gMTZweCBjYXVzZXMgbW9iaWxlIHNhZmFyaSB0byB6b29tLiAqL1xuXHRmb250LXNpemU6ICR7IGZvbnQoICdtb2JpbGVUZXh0TWluRm9udFNpemUnICkgfTtcblxuXHQkeyBicmVha3BvaW50KCAnc21hbGwnICkgfSB7XG5cdFx0Zm9udC1zaXplOiAkeyBmb250KCAnZGVmYXVsdC5mb250U2l6ZScgKSB9O1xuXHR9XG5cblx0Jjpmb2N1cyB7XG5cdFx0JHsgaW5wdXRTdHlsZUZvY3VzIH1cblx0fVxuXG5cdC8vIFVzZSBvcGFjaXR5IHRvIHdvcmsgaW4gdmFyaW91cyBlZGl0b3Igc3R5bGVzLlxuXHQmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmRhcmtHcmF5UGxhY2Vob2xkZXIgfTtcblx0fVxuXG5cdCY6Oi1tb3otcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0JjotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0LmlzLWRhcmstdGhlbWUgJiB7XG5cdFx0Jjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXG5cdFx0Jjo6LW1vei1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXG5cdFx0JjotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy51aS5saWdodEdyYXlQbGFjZWhvbGRlciB9O1xuXHRcdH1cblx0fVxuYDtcbiJdfQ== */"));
+})("width:100%;display:block;font-family:", font("default.fontFamily"), ";line-height:20px;background:", COLORS.theme.background, ";color:", COLORS.theme.foreground, ";resize:vertical;padding:9px 11px;", inputStyleNeutral, ";font-size:", font("mobileTextMinFontSize"), ";", breakpoint("small"), "{font-size:", font("default.fontSize"), ";}&:focus{", inputStyleFocus, ";}&::-webkit-input-placeholder{color:", COLORS.ui.darkGrayPlaceholder, ";}&::-moz-placeholder{color:", COLORS.ui.darkGrayPlaceholder, ";}&:-ms-input-placeholder{color:", COLORS.ui.darkGrayPlaceholder, ";}.is-dark-theme &{&::-webkit-input-placeholder{color:", COLORS.ui.lightGrayPlaceholder, ";}&::-moz-placeholder{color:", COLORS.ui.lightGrayPlaceholder, ";}&:-ms-input-placeholder{color:", COLORS.ui.lightGrayPlaceholder, ";}}" + (false ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdGV4dGFyZWEtY29udHJvbC9zdHlsZXMvdGV4dGFyZWEtY29udHJvbC1zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0M2QyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3RleHRhcmVhLWNvbnRyb2wvc3R5bGVzL3RleHRhcmVhLWNvbnRyb2wtc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBmb250IH0gZnJvbSAnLi4vLi4vdXRpbHMvZm9udCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi91dGlscy9jb2xvcnMtdmFsdWVzJztcbmltcG9ydCB7IENPTkZJRyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB7IGJyZWFrcG9pbnQgfSBmcm9tICcuLi8uLi91dGlscy9icmVha3BvaW50JztcblxuY29uc3QgaW5wdXRTdHlsZU5ldXRyYWwgPSBjc3NgXG5cdGJveC1zaGFkb3c6IDAgMCAwIHRyYW5zcGFyZW50O1xuXHRib3JkZXItcmFkaXVzOiAkeyBDT05GSUcucmFkaXVzU21hbGwgfTtcblx0Ym9yZGVyOiAkeyBDT05GSUcuYm9yZGVyV2lkdGggfSBzb2xpZCAkeyBDT0xPUlMudWkuYm9yZGVyIH07XG5cblx0QG1lZGlhIG5vdCAoIHByZWZlcnMtcmVkdWNlZC1tb3Rpb24gKSB7XG5cdFx0dHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjFzIGxpbmVhcjtcblx0fVxuYDtcblxuY29uc3QgaW5wdXRTdHlsZUZvY3VzID0gY3NzYFxuXHRib3JkZXItY29sb3I6ICR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblx0Ym94LXNoYWRvdzogMCAwIDBcblx0XHRjYWxjKCAkeyBDT05GSUcuYm9yZGVyV2lkdGhGb2N1cyB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKVxuXHRcdCR7IENPTE9SUy50aGVtZS5hY2NlbnQgfTtcblxuXHQvLyBXaW5kb3dzIEhpZ2ggQ29udHJhc3QgbW9kZSB3aWxsIHNob3cgdGhpcyBvdXRsaW5lLCBidXQgbm90IHRoZSBib3gtc2hhZG93LlxuXHRvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dGFyZWEgPSBzdHlsZWQudGV4dGFyZWFgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBibG9jaztcblx0Zm9udC1mYW1pbHk6ICR7IGZvbnQoICdkZWZhdWx0LmZvbnRGYW1pbHknICkgfTtcblx0bGluZS1oZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7IENPTE9SUy50aGVtZS5iYWNrZ3JvdW5kIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMudGhlbWUuZm9yZWdyb3VuZCB9O1xuXHRyZXNpemU6IHZlcnRpY2FsO1xuXG5cdC8vIFZlcnRpY2FsIHBhZGRpbmcgaXMgdG8gbWF0Y2ggdGhlIHN0YW5kYXJkIDQwcHggY29udHJvbCBoZWlnaHQgd2hlbiByb3dzPTEsXG5cdC8vIGluIGNvbmp1bmN0aW9uIHdpdGggdGhlIDIwcHggbGluZS1oZWlnaHQuXG5cdC8vIFwiU3RhbmRhcmRcIiBtZXRyaWNzIGFyZSAxMHB4IDEycHgsIGJ1dCBzdWJ0cmFjdHMgMXB4IGVhY2ggdG8gYWNjb3VudCBmb3IgdGhlIGJvcmRlciB3aWR0aC5cblx0cGFkZGluZzogOXB4IDExcHg7XG5cblx0JHsgaW5wdXRTdHlsZU5ldXRyYWwgfTtcblxuXHQvKiBGb250cyBzbWFsbGVyIHRoYW4gMTZweCBjYXVzZXMgbW9iaWxlIHNhZmFyaSB0byB6b29tLiAqL1xuXHRmb250LXNpemU6ICR7IGZvbnQoICdtb2JpbGVUZXh0TWluRm9udFNpemUnICkgfTtcblxuXHQkeyBicmVha3BvaW50KCAnc21hbGwnICkgfSB7XG5cdFx0Zm9udC1zaXplOiAkeyBmb250KCAnZGVmYXVsdC5mb250U2l6ZScgKSB9O1xuXHR9XG5cblx0Jjpmb2N1cyB7XG5cdFx0JHsgaW5wdXRTdHlsZUZvY3VzIH1cblx0fVxuXG5cdC8vIFVzZSBvcGFjaXR5IHRvIHdvcmsgaW4gdmFyaW91cyBlZGl0b3Igc3R5bGVzLlxuXHQmOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmRhcmtHcmF5UGxhY2Vob2xkZXIgfTtcblx0fVxuXG5cdCY6Oi1tb3otcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0JjotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkuZGFya0dyYXlQbGFjZWhvbGRlciB9O1xuXHR9XG5cblx0LmlzLWRhcmstdGhlbWUgJiB7XG5cdFx0Jjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXG5cdFx0Jjo6LW1vei1wbGFjZWhvbGRlciB7XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLnVpLmxpZ2h0R3JheVBsYWNlaG9sZGVyIH07XG5cdFx0fVxuXG5cdFx0JjotbXMtaW5wdXQtcGxhY2Vob2xkZXIge1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy51aS5saWdodEdyYXlQbGFjZWhvbGRlciB9O1xuXHRcdH1cblx0fVxuYDtcbiJdfQ== */"));
 
 // ../components/build-module/textarea-control/index.js
 import { jsx as _jsx114 } from "react/jsx-runtime";
@@ -12364,8 +12364,57 @@ var UnforwardedValidatedCheckboxControl = ({
 };
 var ValidatedCheckboxControl = forwardRef(UnforwardedValidatedCheckboxControl);
 
+// ../components/build-module/validated-form-controls/components/form-token-field.js
+import { jsx as _jsx140, jsxs as _jsxs32 } from "react/jsx-runtime";
+var UnforwardedValidatedFormTokenField = ({
+  required,
+  onValidate,
+  customValidity,
+  onChange,
+  markWhenOptional,
+  ...restProps
+}, forwardedRef) => {
+  const validityTargetRef = useRef(null);
+  const valueRef = useRef(restProps.value);
+  return /* @__PURE__ */ _jsxs32("div", {
+    className: "components-validated-control__wrapper-with-error-delegate",
+    ref: forwardedRef,
+    children: [/* @__PURE__ */ _jsx140(ControlWithError, {
+      required,
+      markWhenOptional,
+      onValidate: () => {
+        return onValidate?.(valueRef.current);
+      },
+      customValidity,
+      getValidityTarget: () => validityTargetRef.current,
+      children: /* @__PURE__ */ _jsx140(FormTokenField, {
+        __next40pxDefaultSize: true,
+        __nextHasNoMarginBottom: true,
+        ...restProps,
+        onChange: (value, ...args) => {
+          valueRef.current = value;
+          onChange?.(value, ...args);
+        }
+      })
+    }), /* @__PURE__ */ _jsx140("input", {
+      className: "components-validated-control__error-delegate",
+      type: "text",
+      ref: validityTargetRef,
+      required,
+      value: valueRef.current && valueRef.current.length > 0 ? "hasvalue" : "",
+      tabIndex: -1,
+      onChange: () => {
+      },
+      onFocus: (e) => {
+        e.target.previousElementSibling?.querySelector('input[type="text"]')?.focus();
+      }
+    })]
+  });
+};
+var ValidatedFormTokenField = forwardRef(UnforwardedValidatedFormTokenField);
+
 // ../components/build-module/validated-form-controls/components/input-control.js
-import { jsx as _jsx140 } from "react/jsx-runtime";
+import { jsx as _jsx141 } from "react/jsx-runtime";
 var UnforwardedValidatedInputControl = ({
   required,
   onValidate,
@@ -12377,7 +12426,7 @@ var UnforwardedValidatedInputControl = ({
   const validityTargetRef = useRef(null);
   const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);
   const valueRef = useRef(restProps.value);
-  return /* @__PURE__ */ _jsx140(ControlWithError, {
+  return /* @__PURE__ */ _jsx141(ControlWithError, {
     required,
     markWhenOptional,
     onValidate: () => {
@@ -12385,7 +12434,7 @@ var UnforwardedValidatedInputControl = ({
     },
     customValidity,
     getValidityTarget: () => validityTargetRef.current,
-    children: /* @__PURE__ */ _jsx140(input_control_default, {
+    children: /* @__PURE__ */ _jsx141(input_control_default, {
       __next40pxDefaultSize: true,
       ref: mergedRefs,
       onChange: (value, ...args) => {
@@ -12399,7 +12448,7 @@ var UnforwardedValidatedInputControl = ({
 var ValidatedInputControl = forwardRef(UnforwardedValidatedInputControl);
 
 // ../components/build-module/validated-form-controls/components/number-control.js
-import { jsx as _jsx141 } from "react/jsx-runtime";
+import { jsx as _jsx142 } from "react/jsx-runtime";
 var UnforwardedValidatedNumberControl = ({
   required,
   onValidate,
@@ -12411,7 +12460,7 @@ var UnforwardedValidatedNumberControl = ({
   const validityTargetRef = useRef(null);
   const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);
   const valueRef = useRef(restProps.value);
-  return /* @__PURE__ */ _jsx141(ControlWithError, {
+  return /* @__PURE__ */ _jsx142(ControlWithError, {
     required,
     markWhenOptional,
     onValidate: () => {
@@ -12419,7 +12468,7 @@ var UnforwardedValidatedNumberControl = ({
     },
     customValidity,
     getValidityTarget: () => validityTargetRef.current,
-    children: /* @__PURE__ */ _jsx141(number_control_default, {
+    children: /* @__PURE__ */ _jsx142(number_control_default, {
       __next40pxDefaultSize: true,
       ref: mergedRefs,
       onChange: (value, ...args) => {
@@ -12433,7 +12482,7 @@ var UnforwardedValidatedNumberControl = ({
 var ValidatedNumberControl = forwardRef(UnforwardedValidatedNumberControl);
 
 // ../components/build-module/validated-form-controls/components/radio-control.js
-import { jsx as _jsx142 } from "react/jsx-runtime";
+import { jsx as _jsx143 } from "react/jsx-runtime";
 var UnforwardedValidatedRadioControl = ({
   required,
   onValidate,
@@ -12445,7 +12494,7 @@ var UnforwardedValidatedRadioControl = ({
   const validityTargetRef = useRef(null);
   const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);
   const valueRef = useRef(restProps.selected);
-  return /* @__PURE__ */ _jsx142(ControlWithError, {
+  return /* @__PURE__ */ _jsx143(ControlWithError, {
     required,
     markWhenOptional,
     ref: mergedRefs,
@@ -12454,7 +12503,7 @@ var UnforwardedValidatedRadioControl = ({
     },
     customValidity,
     getValidityTarget: () => validityTargetRef.current?.querySelector('input[type="radio"]'),
-    children: /* @__PURE__ */ _jsx142(radio_control_default, {
+    children: /* @__PURE__ */ _jsx143(radio_control_default, {
       onChange: (value) => {
         valueRef.current = value;
         onChange?.(value);
@@ -12466,7 +12515,7 @@ var UnforwardedValidatedRadioControl = ({
 var ValidatedRadioControl = forwardRef(UnforwardedValidatedRadioControl);
 
 // ../components/build-module/validated-form-controls/components/select-control.js
-import { jsx as _jsx143 } from "react/jsx-runtime";
+import { jsx as _jsx144 } from "react/jsx-runtime";
 var UnforwardedValidatedSelectControl = ({
   required,
   onValidate,
@@ -12478,7 +12527,7 @@ var UnforwardedValidatedSelectControl = ({
   const validityTargetRef = useRef(null);
   const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);
   const valueRef = useRef(restProps.value);
-  return /* @__PURE__ */ _jsx143(ControlWithError, {
+  return /* @__PURE__ */ _jsx144(ControlWithError, {
     required,
     markWhenOptional,
     onValidate: () => {
@@ -12486,7 +12535,7 @@ var UnforwardedValidatedSelectControl = ({
     },
     customValidity,
     getValidityTarget: () => validityTargetRef.current,
-    children: /* @__PURE__ */ _jsx143(select_control_default, {
+    children: /* @__PURE__ */ _jsx144(select_control_default, {
       __nextHasNoMarginBottom: true,
       __next40pxDefaultSize: true,
       ref: mergedRefs,
@@ -12501,7 +12550,7 @@ var UnforwardedValidatedSelectControl = ({
 var ValidatedSelectControl = forwardRef(UnforwardedValidatedSelectControl);
 
 // ../components/build-module/validated-form-controls/components/text-control.js
-import { jsx as _jsx144 } from "react/jsx-runtime";
+import { jsx as _jsx145 } from "react/jsx-runtime";
 var UnforwardedValidatedTextControl = ({
   required,
   onValidate,
@@ -12513,7 +12562,7 @@ var UnforwardedValidatedTextControl = ({
   const validityTargetRef = useRef(null);
   const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);
   const valueRef = useRef(restProps.value);
-  return /* @__PURE__ */ _jsx144(ControlWithError, {
+  return /* @__PURE__ */ _jsx145(ControlWithError, {
     required,
     markWhenOptional,
     onValidate: () => {
@@ -12521,7 +12570,7 @@ var UnforwardedValidatedTextControl = ({
     },
     customValidity,
     getValidityTarget: () => validityTargetRef.current,
-    children: /* @__PURE__ */ _jsx144(text_control_default, {
+    children: /* @__PURE__ */ _jsx145(text_control_default, {
       __next40pxDefaultSize: true,
       __nextHasNoMarginBottom: true,
       ref: mergedRefs,
@@ -12536,7 +12585,7 @@ var UnforwardedValidatedTextControl = ({
 var ValidatedTextControl = forwardRef(UnforwardedValidatedTextControl);
 
 // ../components/build-module/validated-form-controls/components/textarea-control.js
-import { jsx as _jsx145 } from "react/jsx-runtime";
+import { jsx as _jsx146 } from "react/jsx-runtime";
 var UnforwardedValidatedTextareaControl = ({
   required,
   onValidate,
@@ -12548,7 +12597,7 @@ var UnforwardedValidatedTextareaControl = ({
   const validityTargetRef = useRef(null);
   const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);
   const valueRef = useRef(restProps.value);
-  return /* @__PURE__ */ _jsx145(ControlWithError, {
+  return /* @__PURE__ */ _jsx146(ControlWithError, {
     required,
     markWhenOptional,
     onValidate: () => {
@@ -12556,7 +12605,7 @@ var UnforwardedValidatedTextareaControl = ({
     },
     customValidity,
     getValidityTarget: () => validityTargetRef.current,
-    children: /* @__PURE__ */ _jsx145(textarea_control_default, {
+    children: /* @__PURE__ */ _jsx146(textarea_control_default, {
       __nextHasNoMarginBottom: true,
       ref: mergedRefs,
       onChange: (value) => {
@@ -12570,7 +12619,7 @@ var UnforwardedValidatedTextareaControl = ({
 var ValidatedTextareaControl = forwardRef(UnforwardedValidatedTextareaControl);
 
 // ../components/build-module/validated-form-controls/components/toggle-control.js
-import { jsx as _jsx146 } from "react/jsx-runtime";
+import { jsx as _jsx147 } from "react/jsx-runtime";
 var UnforwardedValidatedToggleControl = ({
   required,
   onValidate,
@@ -12587,7 +12636,7 @@ var UnforwardedValidatedToggleControl = ({
       validityTargetRef.current.required = required !== null && required !== void 0 ? required : false;
     }
   }, [required]);
-  return /* @__PURE__ */ _jsx146(ControlWithError, {
+  return /* @__PURE__ */ _jsx147(ControlWithError, {
     required,
     markWhenOptional,
     onValidate: () => {
@@ -12595,7 +12644,7 @@ var UnforwardedValidatedToggleControl = ({
     },
     customValidity,
     getValidityTarget: () => validityTargetRef.current,
-    children: /* @__PURE__ */ _jsx146(toggle_control_default, {
+    children: /* @__PURE__ */ _jsx147(toggle_control_default, {
       __nextHasNoMarginBottom: true,
       ref: mergedRefs,
       onChange: (value) => {
@@ -12609,7 +12658,7 @@ var UnforwardedValidatedToggleControl = ({
 var ValidatedToggleControl = forwardRef(UnforwardedValidatedToggleControl);
 
 // ../components/build-module/validated-form-controls/components/toggle-group-control.js
-import { jsx as _jsx147, jsxs as _jsxs32 } from "react/jsx-runtime";
+import { jsx as _jsx148, jsxs as _jsxs33 } from "react/jsx-runtime";
 var UnforwardedValidatedToggleGroupControl = ({
   required,
   onValidate,
@@ -12621,9 +12670,9 @@ var UnforwardedValidatedToggleGroupControl = ({
   const validityTargetRef = useRef(null);
   const valueRef = useRef(restProps.value);
   const nameAttr = useId();
-  return /* @__PURE__ */ _jsxs32("div", {
+  return /* @__PURE__ */ _jsxs33("div", {
     className: "components-validated-control__wrapper-with-error-delegate",
-    children: [/* @__PURE__ */ _jsx147(ControlWithError, {
+    children: [/* @__PURE__ */ _jsx148(ControlWithError, {
       required,
       markWhenOptional,
       onValidate: () => {
@@ -12631,7 +12680,7 @@ var UnforwardedValidatedToggleGroupControl = ({
       },
       customValidity,
       getValidityTarget: () => validityTargetRef.current,
-      children: /* @__PURE__ */ _jsx147(component_default10, {
+      children: /* @__PURE__ */ _jsx148(component_default10, {
         __nextHasNoMarginBottom: true,
         __next40pxDefaultSize: true,
         ref: forwardedRef,
@@ -12641,7 +12690,7 @@ var UnforwardedValidatedToggleGroupControl = ({
         },
         ...restProps
       })
-    }), /* @__PURE__ */ _jsx147("input", {
+    }), /* @__PURE__ */ _jsx148("input", {
       className: "components-validated-control__error-delegate",
       type: "radio",
       ref: validityTargetRef,
@@ -12683,7 +12732,8 @@ lock3(privateApis, {
   ValidatedTextControl,
   ValidatedTextareaControl,
   ValidatedToggleControl,
-  ValidatedToggleGroupControl
+  ValidatedToggleGroupControl,
+  ValidatedFormTokenField
 });
 
 // src/constants.ts
@@ -13649,11 +13699,11 @@ var column_header_menu_default = ColumnHeaderMenu;
 import { jsx as jsx5 } from "react/jsx-runtime";
 function getClickableItemProps({
   item: item2,
-  isItemClickable,
+  isItemClickable: isItemClickable2,
   onClickItem,
   className
 }) {
-  if (!isItemClickable(item2) || !onClickItem) {
+  if (!isItemClickable2(item2) || !onClickItem) {
     return { className };
   }
   return {
@@ -13674,14 +13724,14 @@ function getClickableItemProps({
 }
 function ItemClickWrapper({
   item: item2,
-  isItemClickable,
+  isItemClickable: isItemClickable2,
   onClickItem,
   renderItemLink,
   className,
   children,
   ...extraProps
 }) {
-  if (!isItemClickable(item2)) {
+  if (!isItemClickable2(item2)) {
     return children;
   }
   if (renderItemLink) {
@@ -13694,7 +13744,7 @@ function ItemClickWrapper({
   }
   const clickProps = getClickableItemProps({
     item: item2,
-    isItemClickable,
+    isItemClickable: isItemClickable2,
     onClickItem,
     className
   });
@@ -13712,14 +13762,14 @@ function ColumnPrimary({
   descriptionField,
   onClickItem,
   renderItemLink,
-  isItemClickable
+  isItemClickable: isItemClickable2
 }) {
   return /* @__PURE__ */ jsxs4(component_default9, { spacing: 3, justify: "flex-start", children: [
     mediaField && /* @__PURE__ */ jsx6(
       ItemClickWrapper,
       {
         item: item2,
-        isItemClickable,
+        isItemClickable: isItemClickable2,
         onClickItem,
         renderItemLink,
         className: "dataviews-view-table__cell-content-wrapper dataviews-column-primary__media",
@@ -13749,7 +13799,7 @@ function ColumnPrimary({
             ItemClickWrapper,
             {
               item: item2,
-              isItemClickable,
+              isItemClickable: isItemClickable2,
               onClickItem,
               renderItemLink,
               className: "dataviews-view-table__cell-content-wrapper dataviews-title-field",
@@ -13864,7 +13914,7 @@ function TableRow({
   descriptionField,
   selection,
   getItemId,
-  isItemClickable,
+  isItemClickable: isItemClickable2,
   onClickItem,
   renderItemLink,
   onChangeSelection,
@@ -13946,7 +13996,7 @@ function TableRow({
             titleField: showTitle ? titleField : void 0,
             mediaField: showMedia ? mediaField : void 0,
             descriptionField: showDescription ? descriptionField : void 0,
-            isItemClickable,
+            isItemClickable: isItemClickable2,
             onClickItem,
             renderItemLink
           }
@@ -14007,7 +14057,7 @@ function ViewTable({
   selection,
   setOpenedFilter,
   onClickItem,
-  isItemClickable,
+  isItemClickable: isItemClickable2,
   renderItemLink,
   view,
   className,
@@ -14185,7 +14235,7 @@ function ViewTable({
                   onChangeSelection,
                   onClickItem,
                   renderItemLink,
-                  isItemClickable,
+                  isItemClickable: isItemClickable2,
                   isActionsColumnSticky: !isHorizontalScrollEnd
                 },
                 getItemId(item2)
@@ -14209,7 +14259,7 @@ function ViewTable({
               onChangeSelection,
               onClickItem,
               renderItemLink,
-              isItemClickable,
+              isItemClickable: isItemClickable2,
               isActionsColumnSticky: !isHorizontalScrollEnd,
               posinset: isInfiniteScroll ? index + 1 : void 0
             },
@@ -14265,7 +14315,7 @@ function GridItem({
   selection,
   onChangeSelection,
   onClickItem,
-  isItemClickable,
+  isItemClickable: isItemClickable2,
   renderItemLink,
   getItemId,
   item: item2,
@@ -14301,7 +14351,7 @@ function GridItem({
   const shouldRenderMedia = showMedia && renderedMediaField;
   let mediaA11yProps;
   let titleA11yProps;
-  if (isItemClickable(item2) && onClickItem) {
+  if (isItemClickable2(item2) && onClickItem) {
     if (renderedTitleField) {
       mediaA11yProps = {
         "aria-labelledby": `dataviews-view-grid__title-field-${instanceId}`
@@ -14343,7 +14393,7 @@ function GridItem({
           ItemClickWrapper,
           {
             item: item2,
-            isItemClickable,
+            isItemClickable: isItemClickable2,
             onClickItem,
             renderItemLink,
             className: "dataviews-view-grid__media",
@@ -14373,7 +14423,7 @@ function GridItem({
                 ItemClickWrapper,
                 {
                   item: item2,
-                  isItemClickable,
+                  isItemClickable: isItemClickable2,
                   onClickItem,
                   renderItemLink,
                   className: "dataviews-view-grid__title-field dataviews-title-field",
@@ -14478,7 +14528,7 @@ function ViewGrid({
   isLoading,
   onChangeSelection,
   onClickItem,
-  isItemClickable,
+  isItemClickable: isItemClickable2,
   renderItemLink,
   selection,
   view,
@@ -14544,7 +14594,7 @@ function ViewGrid({
                     selection,
                     onChangeSelection,
                     onClickItem,
-                    isItemClickable,
+                    isItemClickable: isItemClickable2,
                     renderItemLink,
                     getItemId,
                     item: item2,
@@ -14583,7 +14633,7 @@ function ViewGrid({
                 selection,
                 onChangeSelection,
                 onClickItem,
-                isItemClickable,
+                isItemClickable: isItemClickable2,
                 renderItemLink,
                 getItemId,
                 item: item2,
@@ -15236,11 +15286,156 @@ var dataviews_pagination_default = memo(DataViewsPagination);
 
 // src/components/dataviews-picker/footer.tsx
 import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+var EMPTY_ARRAY2 = [];
 function useIsMultiselectPicker(actions) {
   return useMemo(() => {
     return actions?.every((action) => action.supportsBulk);
   }, [actions]);
 }
+function BulkSelectionCheckbox2({
+  selection,
+  selectedItems,
+  onChangeSelection,
+  data,
+  getItemId
+}) {
+  const areAllSelected = selectedItems.length === data.length;
+  return /* @__PURE__ */ jsx12(
+    checkbox_control_default,
+    {
+      className: "dataviews-view-table-selection-checkbox",
+      __nextHasNoMarginBottom: true,
+      checked: areAllSelected,
+      indeterminate: !areAllSelected && !!selectedItems.length,
+      onChange: () => {
+        if (areAllSelected) {
+          onChangeSelection(
+            selection.filter(
+              (id) => !data.some(
+                (item2) => id === getItemId(item2)
+              )
+            )
+          );
+        } else {
+          const selectionSet = /* @__PURE__ */ new Set([
+            ...selection,
+            ...data.map((item2) => getItemId(item2))
+          ]);
+          onChangeSelection(Array.from(selectionSet));
+        }
+      },
+      "aria-label": areAllSelected ? __23("Deselect all") : __23("Select all")
+    }
+  );
+}
+function ActionButtons({
+  actions,
+  items,
+  selection
+}) {
+  const registry = useRegistry4();
+  const [actionInProgress, setActionInProgress] = useState(
+    null
+  );
+  return /* @__PURE__ */ jsx12(component_default9, { expanded: false, spacing: 1, children: actions.map((action) => {
+    if (!("callback" in action)) {
+      return null;
+    }
+    const { id, label, icon, isPrimary, isDestructive, callback } = action;
+    const _label = typeof label === "string" ? label : label(items);
+    const variant = isPrimary ? "primary" : "tertiary";
+    const isInProgress = id === actionInProgress;
+    return /* @__PURE__ */ jsx12(
+      button_default,
+      {
+        accessibleWhenDisabled: true,
+        icon,
+        disabled: isInProgress || !selection?.length,
+        isBusy: isInProgress,
+        onClick: async () => {
+          setActionInProgress(id);
+          await callback(items, {
+            registry
+          });
+          setActionInProgress(null);
+        },
+        size: "compact",
+        isDestructive,
+        variant,
+        children: _label
+      },
+      id
+    );
+  }) });
+}
+function DataViewsPickerFooter() {
+  const {
+    data,
+    selection,
+    onChangeSelection,
+    getItemId,
+    actions = EMPTY_ARRAY2
+  } = useContext(dataviews_context_default);
+  const selectionCount = selection.length;
+  const isMultiselect = useIsMultiselectPicker(actions);
+  const message = selectionCount > 0 ? sprintf10(
+    /* translators: %d: number of items. */
+    _n3(
+      "%d Item selected",
+      "%d Items selected",
+      selectionCount
+    ),
+    selectionCount
+  ) : sprintf10(
+    /* translators: %d: number of items. */
+    _n3("%d Item", "%d Items", data.length),
+    data.length
+  );
+  const selectedItems = useMemo(
+    () => data.filter((item2) => selection.includes(getItemId(item2))),
+    [selection, getItemId, data]
+  );
+  return /* @__PURE__ */ jsxs9(
+    component_default9,
+    {
+      expanded: false,
+      justify: "space-between",
+      className: "dataviews-footer",
+      children: [
+        /* @__PURE__ */ jsxs9(
+          component_default9,
+          {
+            className: "dataviews-picker-footer__bulk-selection",
+            expanded: false,
+            spacing: 3,
+            children: [
+              isMultiselect && /* @__PURE__ */ jsx12(
+                BulkSelectionCheckbox2,
+                {
+                  selection,
+                  selectedItems,
+                  onChangeSelection,
+                  data,
+                  getItemId
+                }
+              ),
+              /* @__PURE__ */ jsx12("span", { className: "dataviews-bulk-actions-footer__item-count", children: message })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx12(dataviews_pagination_default, {}),
+        Boolean(actions?.length) && /* @__PURE__ */ jsx12("div", { className: "dataviews-picker-footer__actions", children: /* @__PURE__ */ jsx12(
+          ActionButtons,
+          {
+            actions,
+            items: selectedItems,
+            selection
+          }
+        ) })
+      ]
+    }
+  );
+}
 
 // src/dataviews-layouts/picker-grid/index.tsx
 import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
@@ -15276,6 +15471,7 @@ function GridItem2({
   return /* @__PURE__ */ jsxs10(
     Composite2.Item,
     {
+      "aria-label": titleField ? titleField.getValue({ item: item2 }) || __24("(no title)") : void 0,
       render: ({ children, ...props }) => /* @__PURE__ */ jsx13(component_default14, { spacing: 0, children, ...props }),
       role: "option",
       "aria-posinset": posinset,
@@ -15309,7 +15505,7 @@ function GridItem2({
             tabIndex: -1
           }
         ),
-        /* @__PURE__ */ jsx13(
+        showTitle && /* @__PURE__ */ jsx13(
           component_default9,
           {
             justify: "space-between",
@@ -15773,9 +15969,6 @@ var VIEW_LAYOUTS = [
   }
 ];
 
-// src/components/dataviews-filters/index.tsx
-import { __ as __32, _x as _x3 } from "@wordpress/i18n";
-
 // src/components/dataviews-filters/filter.tsx
 import clsx35 from "clsx";
 import { __ as __29, sprintf as sprintf13 } from "@wordpress/i18n";
@@ -15787,7 +15980,7 @@ import clsx34 from "clsx";
 import { __ as __28, sprintf as sprintf12 } from "@wordpress/i18n";
 
 // src/components/dataviews-filters/utils.ts
-var EMPTY_ARRAY2 = [];
+var EMPTY_ARRAY3 = [];
 var getCurrentValue = (filterDefinition, currentFilter) => {
   if (filterDefinition.singleSelection) {
     return currentFilter?.value;
@@ -15798,7 +15991,7 @@ var getCurrentValue = (filterDefinition, currentFilter) => {
   if (!Array.isArray(currentFilter?.value) && !!currentFilter?.value) {
     return [currentFilter.value];
   }
-  return EMPTY_ARRAY2;
+  return EMPTY_ARRAY3;
 };
 
 // src/components/dataviews-filters/search-widget.tsx
@@ -16763,8 +16956,7 @@ function ResetFilter({
   );
 }
 
-// src/components/dataviews-filters/index.tsx
-import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+// src/components/dataviews-filters/use-filters.ts
 function useFilters(fields, view) {
   return useMemo(() => {
     const filters = [];
@@ -16810,6 +17002,73 @@ function useFilters(fields, view) {
     return filters;
   }, [fields, view]);
 }
+var use_filters_default = useFilters;
+
+// src/components/dataviews-filters/filters.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+function Filters({ className }) {
+  const { fields, view, onChangeView, openedFilter, setOpenedFilter } = useContext(dataviews_context_default);
+  const addFilterRef = useRef(null);
+  const filters = use_filters_default(fields, view);
+  const addFilter = /* @__PURE__ */ jsx21(
+    add_filter_default,
+    {
+      filters,
+      view,
+      onChangeView,
+      ref: addFilterRef,
+      setOpenedFilter
+    },
+    "add-filter"
+  );
+  const visibleFilters = filters.filter((filter) => filter.isVisible);
+  if (visibleFilters.length === 0) {
+    return null;
+  }
+  const filterComponents = [
+    ...visibleFilters.map((filter) => {
+      return /* @__PURE__ */ jsx21(
+        Filter,
+        {
+          filter,
+          view,
+          fields,
+          onChangeView,
+          addFilterRef,
+          openedFilter
+        },
+        filter.field
+      );
+    }),
+    addFilter
+  ];
+  filterComponents.push(
+    /* @__PURE__ */ jsx21(
+      ResetFilter,
+      {
+        filters,
+        view,
+        onChangeView
+      },
+      "reset-filters"
+    )
+  );
+  return /* @__PURE__ */ jsx21(
+    component_default9,
+    {
+      justify: "flex-start",
+      style: { width: "fit-content" },
+      wrap: true,
+      className,
+      children: filterComponents
+    }
+  );
+}
+var filters_default = memo(Filters);
+
+// src/components/dataviews-filters/toggle.tsx
+import { __ as __32, _x as _x3 } from "@wordpress/i18n";
+import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 function FiltersToggle() {
   const {
     filters,
@@ -16848,7 +17107,7 @@ function FiltersToggle() {
       setIsShowingFilter(!isShowingFilter);
     }
   };
-  const buttonComponent = /* @__PURE__ */ jsx21(
+  const buttonComponent = /* @__PURE__ */ jsx22(
     button_default,
     {
       ref: buttonRef,
@@ -16858,7 +17117,7 @@ function FiltersToggle() {
       ...hasVisibleFilters ? toggleFiltersButtonProps : addFilterButtonProps
     }
   );
-  return /* @__PURE__ */ jsx21("div", { className: "dataviews-filters__container-visibility-toggle", children: !hasVisibleFilters ? /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22("div", { className: "dataviews-filters__container-visibility-toggle", children: !hasVisibleFilters ? /* @__PURE__ */ jsx22(
     AddFilterMenu,
     {
       filters,
@@ -16867,7 +17126,7 @@ function FiltersToggle() {
       setOpenedFilter,
       triggerProps: { render: buttonComponent }
     }
-  ) : /* @__PURE__ */ jsx21(
+  ) : /* @__PURE__ */ jsx22(
     FilterVisibilityToggle,
     {
       buttonRef,
@@ -16889,72 +17148,25 @@ function FilterVisibilityToggle({
   );
   return /* @__PURE__ */ jsxs15(Fragment8, { children: [
     children,
-    !!filtersCount && /* @__PURE__ */ jsx21("span", { className: "dataviews-filters-toggle__count", children: filtersCount })
+    !!filtersCount && /* @__PURE__ */ jsx22("span", { className: "dataviews-filters-toggle__count", children: filtersCount })
   ] });
 }
-function Filters({ className }) {
-  const { fields, view, onChangeView, openedFilter, setOpenedFilter } = useContext(dataviews_context_default);
-  const addFilterRef = useRef(null);
-  const filters = useFilters(fields, view);
-  const addFilter = /* @__PURE__ */ jsx21(
-    add_filter_default,
-    {
-      filters,
-      view,
-      onChangeView,
-      ref: addFilterRef,
-      setOpenedFilter
-    },
-    "add-filter"
-  );
-  const visibleFilters = filters.filter((filter) => filter.isVisible);
-  if (visibleFilters.length === 0) {
+var toggle_default = FiltersToggle;
+
+// src/components/dataviews-filters/filters-toggled.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+function FiltersToggled(props) {
+  const { isShowingFilter } = useContext(dataviews_context_default);
+  if (!isShowingFilter) {
     return null;
   }
-  const filterComponents = [
-    ...visibleFilters.map((filter) => {
-      return /* @__PURE__ */ jsx21(
-        Filter,
-        {
-          filter,
-          view,
-          fields,
-          onChangeView,
-          addFilterRef,
-          openedFilter
-        },
-        filter.field
-      );
-    }),
-    addFilter
-  ];
-  filterComponents.push(
-    /* @__PURE__ */ jsx21(
-      ResetFilter,
-      {
-        filters,
-        view,
-        onChangeView
-      },
-      "reset-filters"
-    )
-  );
-  return /* @__PURE__ */ jsx21(
-    component_default9,
-    {
-      justify: "flex-start",
-      style: { width: "fit-content" },
-      wrap: true,
-      className,
-      children: filterComponents
-    }
-  );
+  return /* @__PURE__ */ jsx23(filters_default, { ...props });
 }
-var dataviews_filters_default = memo(Filters);
+var filters_toggled_default = FiltersToggled;
 
 // src/components/dataviews-layout/index.tsx
 import { __ as __33 } from "@wordpress/i18n";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function DataViewsLayout({ className }) {
   const {
     actions = [],
@@ -16969,15 +17181,15 @@ function DataViewsLayout({ className }) {
     onChangeSelection,
     setOpenedFilter,
     onClickItem,
-    isItemClickable,
+    isItemClickable: isItemClickable2,
     renderItemLink,
     defaultLayouts,
-    empty = /* @__PURE__ */ jsx22("p", { children: __33("No results") })
+    empty = /* @__PURE__ */ jsx24("p", { children: __33("No results") })
   } = useContext(dataviews_context_default);
   const ViewComponent = VIEW_LAYOUTS.find(
     (v) => v.type === view.type && defaultLayouts[v.type]
   )?.component;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     ViewComponent,
     {
       className,
@@ -16993,7 +17205,7 @@ function DataViewsLayout({ className }) {
       setOpenedFilter,
       onClickItem,
       renderItemLink,
-      isItemClickable,
+      isItemClickable: isItemClickable2,
       view,
       empty
     }
@@ -17001,14 +17213,14 @@ function DataViewsLayout({ className }) {
 }
 
 // src/components/dataviews-footer/index.tsx
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
-var EMPTY_ARRAY3 = [];
+import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+var EMPTY_ARRAY4 = [];
 function DataViewsFooter() {
   const {
     view,
     paginationInfo: { totalItems = 0, totalPages },
     data,
-    actions = EMPTY_ARRAY3
+    actions = EMPTY_ARRAY4
   } = useContext(dataviews_context_default);
   const hasBulkActions = useSomeItemHasAPossibleBulkAction(actions, data) && [LAYOUT_TABLE, LAYOUT_GRID].includes(view.type);
   if (!totalItems || !totalPages || totalPages <= 1 && !hasBulkActions) {
@@ -17021,8 +17233,8 @@ function DataViewsFooter() {
       justify: "end",
       className: "dataviews-footer",
       children: [
-        hasBulkActions && /* @__PURE__ */ jsx23(BulkActionsFooter, {}),
-        /* @__PURE__ */ jsx23(dataviews_pagination_default, {})
+        hasBulkActions && /* @__PURE__ */ jsx25(BulkActionsFooter, {}),
+        /* @__PURE__ */ jsx25(dataviews_pagination_default, {})
       ]
     }
   );
@@ -17030,7 +17242,7 @@ function DataViewsFooter() {
 
 // src/components/dataviews-search/index.tsx
 import { __ as __34 } from "@wordpress/i18n";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var DataViewsSearch = memo(function Search({ label }) {
   const { view, onChangeView } = useContext(dataviews_context_default);
   const [search2, setSearch, debouncedSearch] = useDebouncedInput(
@@ -17055,7 +17267,7 @@ var DataViewsSearch = memo(function Search({ label }) {
     }
   }, [debouncedSearch]);
   const searchLabel = label || __34("Search");
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     search_control_default,
     {
       className: "dataviews-search",
@@ -17076,7 +17288,7 @@ import { __ as __36, _x as _x4, sprintf as sprintf14 } from "@wordpress/i18n";
 
 // src/components/dataviews-view-config/infinite-scroll-toggle.tsx
 import { __ as __35 } from "@wordpress/i18n";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function InfiniteScrollToggle() {
   const context = useContext(dataviews_context_default);
   const { view, onChangeView } = context;
@@ -17084,7 +17296,7 @@ function InfiniteScrollToggle() {
   if (!context.hasInfiniteScrollHandler) {
     return null;
   }
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     toggle_control_default,
     {
       __nextHasNoMarginBottom: true,
@@ -17104,7 +17316,7 @@ function InfiniteScrollToggle() {
 }
 
 // src/components/dataviews-view-config/index.tsx
-import { Fragment as Fragment9, jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 var { Menu: Menu7 } = unlock3(privateApis);
 var DATAVIEWS_CONFIG_POPOVER_PROPS = {
   className: "dataviews-config__popover",
@@ -17119,10 +17331,10 @@ function ViewTypeMenu() {
   }
   const activeView = VIEW_LAYOUTS.find((v) => view.type === v.type);
   return /* @__PURE__ */ jsxs17(Menu7, { children: [
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx28(
       Menu7.TriggerButton,
       {
-        render: /* @__PURE__ */ jsx26(
+        render: /* @__PURE__ */ jsx28(
           button_default,
           {
             size: "compact",
@@ -17132,14 +17344,14 @@ function ViewTypeMenu() {
         )
       }
     ),
-    /* @__PURE__ */ jsx26(Menu7.Popover, { children: availableLayouts.map((layout) => {
+    /* @__PURE__ */ jsx28(Menu7.Popover, { children: availableLayouts.map((layout) => {
       const config = VIEW_LAYOUTS.find(
         (v) => v.type === layout
       );
       if (!config) {
         return null;
       }
-      return /* @__PURE__ */ jsx26(
+      return /* @__PURE__ */ jsx28(
         Menu7.RadioItem,
         {
           value: layout,
@@ -17164,7 +17376,7 @@ function ViewTypeMenu() {
             }
             warning("Invalid dataview");
           },
-          children: /* @__PURE__ */ jsx26(Menu7.ItemLabel, { children: config.label })
+          children: /* @__PURE__ */ jsx28(Menu7.ItemLabel, { children: config.label })
         },
         layout
       );
@@ -17184,7 +17396,7 @@ function SortFieldControl() {
       };
     });
   }, [fields]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     select_control_default,
     {
       __nextHasNoMarginBottom: true,
@@ -17217,7 +17429,7 @@ function SortDirectionControl() {
   if (!value && view.sort?.field) {
     value = "desc";
   }
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     component_default10,
     {
       className: "dataviews-view-config__sort-direction",
@@ -17244,7 +17456,7 @@ function SortDirectionControl() {
         warning("Invalid direction");
       },
       children: SORTING_DIRECTIONS.map((direction) => {
-        return /* @__PURE__ */ jsx26(
+        return /* @__PURE__ */ jsx28(
           component_default13,
           {
             value: direction,
@@ -17263,7 +17475,7 @@ function ItemsPerPageControl() {
   if (!config || !config.perPageSizes || config.perPageSizes.length < 2 || config.perPageSizes.length > 6 || infiniteScrollEnabled) {
     return null;
   }
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     component_default10,
     {
       __nextHasNoMarginBottom: true,
@@ -17281,7 +17493,7 @@ function ItemsPerPageControl() {
         });
       },
       children: config.perPageSizes.map((value) => {
-        return /* @__PURE__ */ jsx26(
+        return /* @__PURE__ */ jsx28(
           component_default12,
           {
             value,
@@ -17310,10 +17522,10 @@ function PreviewOptions({
     }, 50);
   };
   return /* @__PURE__ */ jsxs17(Menu7, { onOpenChange: onMenuOpenChange, children: [
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx28(
       Menu7.TriggerButton,
       {
-        render: /* @__PURE__ */ jsx26(
+        render: /* @__PURE__ */ jsx28(
           button_default,
           {
             className: "dataviews-field-control__field-preview-options-button",
@@ -17324,8 +17536,8 @@ function PreviewOptions({
         )
       }
     ),
-    /* @__PURE__ */ jsx26(Menu7.Popover, { children: previewOptions?.map(({ id, label }) => {
-      return /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx28(Menu7.Popover, { children: previewOptions?.map(({ id, label }) => {
+      return /* @__PURE__ */ jsx28(
         Menu7.RadioItem,
         {
           value: id,
@@ -17334,7 +17546,7 @@ function PreviewOptions({
             onChangePreviewOption?.(id);
             focusPreviewOptionsField(id);
           },
-          children: /* @__PURE__ */ jsx26(Menu7.ItemLabel, { children: label })
+          children: /* @__PURE__ */ jsx28(Menu7.ItemLabel, { children: label })
         },
         id
       );
@@ -17366,7 +17578,7 @@ function FieldItem({
       }
     }, 50);
   };
-  return /* @__PURE__ */ jsx26(component_default22, { children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx28(component_default22, { children: /* @__PURE__ */ jsxs17(
     component_default9,
     {
       expanded: true,
@@ -17383,10 +17595,10 @@ function FieldItem({
       ),
       justify: "flex-start",
       children: [
-        /* @__PURE__ */ jsx26("span", { className: "dataviews-field-control__icon", children: !canMove && !field.enableHiding && /* @__PURE__ */ jsx26(icon_default2, { icon: lock_default }) }),
+        /* @__PURE__ */ jsx28("span", { className: "dataviews-field-control__icon", children: !canMove && !field.enableHiding && /* @__PURE__ */ jsx28(icon_default2, { icon: lock_default }) }),
         /* @__PURE__ */ jsxs17("span", { className: "dataviews-field-control__label-sub-label-container", children: [
-          /* @__PURE__ */ jsx26("span", { className: "dataviews-field-control__label", children: label || field.label }),
-          description && /* @__PURE__ */ jsx26("span", { className: "dataviews-field-control__sub-label", children: description })
+          /* @__PURE__ */ jsx28("span", { className: "dataviews-field-control__label", children: label || field.label }),
+          description && /* @__PURE__ */ jsx28("span", { className: "dataviews-field-control__sub-label", children: description })
         ] }),
         /* @__PURE__ */ jsxs17(
           component_default9,
@@ -17396,7 +17608,7 @@ function FieldItem({
             className: "dataviews-field-control__actions",
             children: [
               isVisible2 && /* @__PURE__ */ jsxs17(Fragment9, { children: [
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx28(
                   button_default,
                   {
                     disabled: isFirst || !canMove,
@@ -17411,7 +17623,7 @@ function FieldItem({
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx28(
                   button_default,
                   {
                     disabled: isLast || !canMove,
@@ -17427,7 +17639,7 @@ function FieldItem({
                   }
                 )
               ] }),
-              onToggleVisibility && /* @__PURE__ */ jsx26(
+              onToggleVisibility && /* @__PURE__ */ jsx28(
                 button_default,
                 {
                   className: "dataviews-field-control__field-visibility-button",
@@ -17450,7 +17662,7 @@ function FieldItem({
                   )
                 }
               ),
-              previewOptions && /* @__PURE__ */ jsx26(
+              previewOptions && /* @__PURE__ */ jsx28(
                 PreviewOptions,
                 {
                   previewOptions,
@@ -17474,7 +17686,7 @@ function RegularFieldItem({
 }) {
   const visibleFieldIds = view.fields ?? [];
   const isVisible2 = index !== void 0 && visibleFieldIds.includes(field.id);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     FieldItem,
     {
       field,
@@ -17529,9 +17741,9 @@ function FieldControl() {
   ].filter(Boolean);
   const visibleFieldIds = view.fields ?? [];
   const hiddenFields = fields.filter(
-    (f) => !visibleFieldIds.includes(f.id) && !togglableFields.includes(f.id) && f.type !== "media"
+    (f) => !visibleFieldIds.includes(f.id) && !togglableFields.includes(f.id) && f.type !== "media" && f.enableHiding !== false
   );
-  const visibleFields = visibleFieldIds.map((fieldId) => fields.find((f) => f.id === fieldId)).filter(isDefined3);
+  let visibleFields = visibleFieldIds.map((fieldId) => fields.find((f) => f.id === fieldId)).filter(isDefined3);
   if (!visibleFields?.length && !hiddenFields?.length) {
     return null;
   }
@@ -17544,7 +17756,7 @@ function FieldControl() {
   let previewFieldUI;
   if (previewFields.length > 1) {
     const isPreviewFieldVisible = isDefined3(previewField) && (view.showMedia ?? true);
-    previewFieldUI = isDefined3(previewField) && /* @__PURE__ */ jsx26(
+    previewFieldUI = isDefined3(previewField) && /* @__PURE__ */ jsx28(
       FieldItem,
       {
         field: previewField,
@@ -17582,12 +17794,21 @@ function FieldControl() {
       isVisibleFlag: "showDescription"
     }
   ].filter(({ field }) => isDefined3(field));
-  const visibleLockedFields = lockedFields.filter(
+  let visibleLockedFields = lockedFields.filter(
     ({ field, isVisibleFlag }) => (
       // @ts-expect-error
       isDefined3(field) && (view[isVisibleFlag] ?? true)
     )
   );
+  if (visibleLockedFields.length === 1) {
+    visibleLockedFields = visibleLockedFields.map((locked) => ({
+      ...locked,
+      field: { ...locked.field, enableHiding: false }
+    }));
+  }
+  if (visibleLockedFields.length === 0 && visibleFields.length === 1) {
+    visibleFields = [{ ...visibleFields[0], enableHiding: false }];
+  }
   const hiddenLockedFields = lockedFields.filter(
     ({ field, isVisibleFlag }) => (
       // @ts-expect-error
@@ -17595,10 +17816,10 @@ function FieldControl() {
     )
   );
   return /* @__PURE__ */ jsxs17(component_default14, { className: "dataviews-field-control", spacing: 6, children: [
-    /* @__PURE__ */ jsx26(component_default14, { className: "dataviews-view-config__properties", spacing: 0, children: (visibleLockedFields.length > 0 || !!visibleFields?.length) && /* @__PURE__ */ jsxs17(component_default23, { isBordered: true, isSeparated: true, children: [
+    /* @__PURE__ */ jsx28(component_default14, { className: "dataviews-view-config__properties", spacing: 0, children: (visibleLockedFields.length > 0 || !!visibleFields?.length) && /* @__PURE__ */ jsxs17(component_default23, { isBordered: true, isSeparated: true, children: [
       visibleLockedFields.map(
         ({ field, isVisibleFlag, ui }) => {
-          return ui ?? /* @__PURE__ */ jsx26(
+          return ui ?? /* @__PURE__ */ jsx28(
             FieldItem,
             {
               field,
@@ -17615,7 +17836,7 @@ function FieldControl() {
           );
         }
       ),
-      visibleFields.map((field, index) => /* @__PURE__ */ jsx26(
+      visibleFields.map((field, index) => /* @__PURE__ */ jsx28(
         RegularFieldItem,
         {
           field,
@@ -17627,8 +17848,8 @@ function FieldControl() {
       ))
     ] }) }),
     (!!hiddenFields?.length || !!hiddenLockedFields.length) && /* @__PURE__ */ jsxs17(component_default14, { spacing: 4, children: [
-      /* @__PURE__ */ jsx26(base_control_default.VisualLabel, { style: { margin: 0 }, children: __36("Hidden") }),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28(base_control_default.VisualLabel, { style: { margin: 0 }, children: __36("Hidden") }),
+      /* @__PURE__ */ jsx28(
         component_default14,
         {
           className: "dataviews-view-config__properties",
@@ -17636,7 +17857,7 @@ function FieldControl() {
           children: /* @__PURE__ */ jsxs17(component_default23, { isBordered: true, isSeparated: true, children: [
             hiddenLockedFields.length > 0 && hiddenLockedFields.map(
               ({ field, isVisibleFlag, ui }) => {
-                return ui ?? /* @__PURE__ */ jsx26(
+                return ui ?? /* @__PURE__ */ jsx28(
                   FieldItem,
                   {
                     field,
@@ -17653,7 +17874,7 @@ function FieldControl() {
                 );
               }
             ),
-            hiddenFields.map((field) => /* @__PURE__ */ jsx26(
+            hiddenFields.map((field) => /* @__PURE__ */ jsx28(
               RegularFieldItem,
               {
                 field,
@@ -17675,7 +17896,7 @@ function SettingsSection({
 }) {
   return /* @__PURE__ */ jsxs17(component_default16, { columns: 12, className: "dataviews-settings-section", gap: 4, children: [
     /* @__PURE__ */ jsxs17("div", { className: "dataviews-settings-section__sidebar", children: [
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28(
         component_default15,
         {
           level: 2,
@@ -17683,7 +17904,7 @@ function SettingsSection({
           children: title
         }
       ),
-      description && /* @__PURE__ */ jsx26(
+      description && /* @__PURE__ */ jsx28(
         component_default8,
         {
           variant: "muted",
@@ -17692,7 +17913,7 @@ function SettingsSection({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx28(
       component_default16,
       {
         columns: 8,
@@ -17712,7 +17933,7 @@ function DataviewsViewConfigDropdown() {
   const activeLayout = VIEW_LAYOUTS.find(
     (layout) => layout.type === view.type
   );
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(
     dropdown_default,
     {
       expandOnMobile: true,
@@ -17721,7 +17942,7 @@ function DataviewsViewConfigDropdown() {
         id: popoverId
       },
       renderToggle: ({ onToggle, isOpen }) => {
-        return /* @__PURE__ */ jsx26(
+        return /* @__PURE__ */ jsx28(
           button_default,
           {
             size: "compact",
@@ -17733,7 +17954,7 @@ function DataviewsViewConfigDropdown() {
           }
         );
       },
-      renderContent: () => /* @__PURE__ */ jsx26(
+      renderContent: () => /* @__PURE__ */ jsx28(
         dropdown_content_wrapper_default,
         {
           paddingSize: "medium",
@@ -17741,14 +17962,14 @@ function DataviewsViewConfigDropdown() {
           children: /* @__PURE__ */ jsxs17(component_default14, { className: "dataviews-view-config", spacing: 6, children: [
             /* @__PURE__ */ jsxs17(SettingsSection, { title: __36("Appearance"), children: [
               /* @__PURE__ */ jsxs17(component_default9, { expanded: true, className: "is-divided-in-two", children: [
-                /* @__PURE__ */ jsx26(SortFieldControl, {}),
-                /* @__PURE__ */ jsx26(SortDirectionControl, {})
+                /* @__PURE__ */ jsx28(SortFieldControl, {}),
+                /* @__PURE__ */ jsx28(SortDirectionControl, {})
               ] }),
-              !!activeLayout?.viewConfigOptions && /* @__PURE__ */ jsx26(activeLayout.viewConfigOptions, {}),
-              /* @__PURE__ */ jsx26(InfiniteScrollToggle, {}),
-              /* @__PURE__ */ jsx26(ItemsPerPageControl, {})
+              !!activeLayout?.viewConfigOptions && /* @__PURE__ */ jsx28(activeLayout.viewConfigOptions, {}),
+              /* @__PURE__ */ jsx28(InfiniteScrollToggle, {}),
+              /* @__PURE__ */ jsx28(ItemsPerPageControl, {})
             ] }),
-            /* @__PURE__ */ jsx26(SettingsSection, { title: __36("Properties"), children: /* @__PURE__ */ jsx26(FieldControl, {}) })
+            /* @__PURE__ */ jsx28(SettingsSection, { title: __36("Properties"), children: /* @__PURE__ */ jsx28(FieldControl, {}) })
           ] })
         }
       )
@@ -17757,8 +17978,8 @@ function DataviewsViewConfigDropdown() {
 }
 function _DataViewsViewConfig() {
   return /* @__PURE__ */ jsxs17(Fragment9, { children: [
-    /* @__PURE__ */ jsx26(ViewTypeMenu, {}),
-    /* @__PURE__ */ jsx26(DataviewsViewConfigDropdown, {})
+    /* @__PURE__ */ jsx28(ViewTypeMenu, {}),
+    /* @__PURE__ */ jsx28(DataviewsViewConfigDropdown, {})
   ] });
 }
 var DataViewsViewConfig = memo(_DataViewsViewConfig);
@@ -18127,12 +18348,6 @@ var arrayFieldType = {
       if (!value.every((v) => typeof v === "string")) {
         return __44("Every value must be a string.");
       }
-      if (field?.elements) {
-        const validValues = field.elements.map((f) => f.value);
-        if (!value.every((v) => validValues.includes(v))) {
-          return __44("Value must be one of the elements.");
-        }
-      }
       return null;
     }
   },
@@ -18223,7 +18438,7 @@ var telephone_default = {
 // src/field-types/color.tsx
 import { colord as colord4 } from "colord";
 import { __ as __47 } from "@wordpress/i18n";
-import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 function sort11(valueA, valueB, direction) {
   const colorA = colord4(valueA);
   const colorB = colord4(valueB);
@@ -18277,7 +18492,7 @@ var color_default = {
       {
         style: { display: "flex", alignItems: "center", gap: "8px" },
         children: [
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx29(
             "div",
             {
               style: {
@@ -18290,7 +18505,7 @@ var color_default = {
               }
             }
           ),
-          /* @__PURE__ */ jsx27("span", { children: value })
+          /* @__PURE__ */ jsx29("span", { children: value })
         ]
       }
     );
@@ -18416,7 +18631,7 @@ function getFieldTypeDefinition(type) {
 
 // src/dataform-controls/checkbox.tsx
 import deepMerge from "deepmerge";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var { ValidatedCheckboxControl: ValidatedCheckboxControl2 } = unlock3(privateApis);
 function Checkbox({
   field,
@@ -18454,7 +18669,7 @@ function Checkbox({
     },
     [data, field, setValue]
   );
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     ValidatedCheckboxControl2,
     {
       required: !!field.isValid?.required,
@@ -18477,7 +18692,7 @@ import { format, isValid } from "date-fns";
 // src/dataform-controls/relative-date-control.tsx
 import clsx37 from "clsx";
 import { __ as __50 } from "@wordpress/i18n";
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
 var TIME_UNITS_OPTIONS = {
   [OPERATOR_IN_THE_PAST]: [
     { value: "days", label: __50("Days") },
@@ -18510,7 +18725,7 @@ function RelativeDateControl({
     (newUnit) => onChange({ value: relValue, unit: newUnit }),
     [onChange, relValue]
   );
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     base_control_default,
     {
       id,
@@ -18519,7 +18734,7 @@ function RelativeDateControl({
       label,
       hideLabelFromVision,
       children: /* @__PURE__ */ jsxs19(component_default9, { spacing: 2.5, children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx31(
           number_control_default,
           {
             __next40pxDefaultSize: true,
@@ -18531,7 +18746,7 @@ function RelativeDateControl({
             onChange: onChangeValue
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx31(
           select_control_default,
           {
             className: "dataviews-controls__relative-date-unit",
@@ -18550,7 +18765,7 @@ function RelativeDateControl({
 }
 
 // src/dataform-controls/datetime.tsx
-import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
 var { DateCalendar: DateCalendar2 } = unlock3(privateApis);
 var parseDateTime = (dateTimeString) => {
   if (!dateTimeString) {
@@ -18621,7 +18836,7 @@ function CalendarDateTimeControl({
     timezone: { string: timezoneString },
     l10n: { startOfWeek }
   } = getSettings2();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     base_control_default,
     {
       __nextHasNoMarginBottom: true,
@@ -18630,7 +18845,7 @@ function CalendarDateTimeControl({
       help: description,
       hideLabelFromVision,
       children: /* @__PURE__ */ jsxs20(component_default14, { spacing: 4, children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx32(
           DateCalendar2,
           {
             style: { width: "100%" },
@@ -18642,7 +18857,7 @@ function CalendarDateTimeControl({
             weekStartsOn: startOfWeek
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx32(
           input_control_default,
           {
             __next40pxDefaultSize: true,
@@ -18677,7 +18892,7 @@ function DateTime({
     [data, onChange, setValue]
   );
   if (operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER) {
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx32(
       RelativeDateControl,
       {
         className: "dataviews-controls__datetime",
@@ -18690,7 +18905,7 @@ function DateTime({
       }
     );
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     CalendarDateTimeControl,
     {
       id,
@@ -18715,7 +18930,7 @@ import {
   startOfMonth,
   startOfYear
 } from "date-fns";
-import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
 var { DateCalendar: DateCalendar3, DateRangeCalendar: DateRangeCalendar2 } = unlock3(privateApis);
 var DATE_PRESETS = [
   {
@@ -18853,7 +19068,7 @@ function CalendarDateControl({
     timezone: { string: timezoneString },
     l10n: { startOfWeek }
   } = getSettings3();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     base_control_default,
     {
       __nextHasNoMarginBottom: true,
@@ -18865,7 +19080,7 @@ function CalendarDateControl({
         /* @__PURE__ */ jsxs21(component_default9, { spacing: 2, wrap: true, justify: "flex-start", children: [
           DATE_PRESETS.map((preset) => {
             const isSelected = selectedPresetId === preset.id;
-            return /* @__PURE__ */ jsx31(
+            return /* @__PURE__ */ jsx33(
               button_default,
               {
                 className: "dataviews-controls__date-preset",
@@ -18878,7 +19093,7 @@ function CalendarDateControl({
               preset.id
             );
           }),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33(
             button_default,
             {
               className: "dataviews-controls__date-preset",
@@ -18891,7 +19106,7 @@ function CalendarDateControl({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33(
           input_control_default,
           {
             __next40pxDefaultSize: true,
@@ -18902,7 +19117,7 @@ function CalendarDateControl({
             onChange: handleManualDateChange
           }
         ),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33(
           DateCalendar3,
           {
             style: { width: "100%" },
@@ -18988,7 +19203,7 @@ function CalendarDateRangeControl({
     [value, updateDateRange]
   );
   const { timezone, l10n } = getSettings3();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     base_control_default,
     {
       __nextHasNoMarginBottom: true,
@@ -19000,7 +19215,7 @@ function CalendarDateRangeControl({
         /* @__PURE__ */ jsxs21(component_default9, { spacing: 2, wrap: true, justify: "flex-start", children: [
           DATE_RANGE_PRESETS.map((preset) => {
             const isSelected = selectedPresetId === preset.id;
-            return /* @__PURE__ */ jsx31(
+            return /* @__PURE__ */ jsx33(
               button_default,
               {
                 className: "dataviews-controls__date-preset",
@@ -19013,7 +19228,7 @@ function CalendarDateRangeControl({
               preset.id
             );
           }),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33(
             button_default,
             {
               className: "dataviews-controls__date-preset",
@@ -19027,7 +19242,7 @@ function CalendarDateRangeControl({
           )
         ] }),
         /* @__PURE__ */ jsxs21(component_default9, { spacing: 2, children: [
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33(
             input_control_default,
             {
               __next40pxDefaultSize: true,
@@ -19038,7 +19253,7 @@ function CalendarDateRangeControl({
               onChange: (newValue) => handleManualDateChange("from", newValue)
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx33(
             input_control_default,
             {
               __next40pxDefaultSize: true,
@@ -19050,7 +19265,7 @@ function CalendarDateRangeControl({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33(
           DateRangeCalendar2,
           {
             style: { width: "100%" },
@@ -19097,7 +19312,7 @@ function DateControl({
     [data, onChange, setValue]
   );
   if (operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER) {
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx33(
       RelativeDateControl,
       {
         className: "dataviews-controls__date",
@@ -19115,7 +19330,7 @@ function DateControl({
     if (Array.isArray(value) && value.length === 2 && value.every((date) => typeof date === "string")) {
       dateRangeValue = value;
     }
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx33(
       CalendarDateRangeControl,
       {
         className: "dataviews-controls__date",
@@ -19127,7 +19342,7 @@ function DateControl({
       }
     );
   }
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     CalendarDateControl,
     {
       className: "dataviews-controls__date",
@@ -19142,7 +19357,7 @@ function DateControl({
 
 // src/dataform-controls/utils/validated-input.tsx
 import deepMerge2 from "deepmerge";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var { ValidatedInputControl: ValidatedInputControl2 } = unlock3(privateApis);
 function ValidatedText({
   data,
@@ -19188,7 +19403,7 @@ function ValidatedText({
     },
     [data, field, isValid3, setValue]
   );
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     ValidatedInputControl2,
     {
       required: !!isValid3?.required,
@@ -19209,14 +19424,14 @@ function ValidatedText({
 }
 
 // src/dataform-controls/email.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Email({
   data,
   field,
   onChange,
   hideLabelFromVision
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     ValidatedText,
     {
       ...{
@@ -19225,21 +19440,21 @@ function Email({
         onChange,
         hideLabelFromVision,
         type: "email",
-        prefix: /* @__PURE__ */ jsx33(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx33(icon_default2, { icon: at_symbol_default }) })
+        prefix: /* @__PURE__ */ jsx35(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx35(icon_default2, { icon: at_symbol_default }) })
       }
     }
   );
 }
 
 // src/dataform-controls/telephone.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Telephone({
   data,
   field,
   onChange,
   hideLabelFromVision
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     ValidatedText,
     {
       ...{
@@ -19248,21 +19463,21 @@ function Telephone({
         onChange,
         hideLabelFromVision,
         type: "tel",
-        prefix: /* @__PURE__ */ jsx34(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx34(icon_default2, { icon: mobile_default }) })
+        prefix: /* @__PURE__ */ jsx36(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx36(icon_default2, { icon: mobile_default }) })
       }
     }
   );
 }
 
 // src/dataform-controls/url.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Url({
   data,
   field,
   onChange,
   hideLabelFromVision
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx37(
     ValidatedText,
     {
       ...{
@@ -19271,7 +19486,7 @@ function Url({
         onChange,
         hideLabelFromVision,
         type: "url",
-        prefix: /* @__PURE__ */ jsx35(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx35(icon_default2, { icon: link_default }) })
+        prefix: /* @__PURE__ */ jsx37(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx37(icon_default2, { icon: link_default }) })
       }
     }
   );
@@ -19280,7 +19495,7 @@ function Url({
 // src/dataform-controls/integer.tsx
 import deepMerge3 from "deepmerge";
 import { __ as __53 } from "@wordpress/i18n";
-import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 var { ValidatedNumberControl: ValidatedNumberControl2 } = unlock3(privateApis);
 function BetweenControls({
   value,
@@ -19296,13 +19511,13 @@ function BetweenControls({
     (newValue) => onChange([min, Number(newValue)]),
     [onChange, min]
   );
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     base_control_default,
     {
       __nextHasNoMarginBottom: true,
       help: __53("The max. value must be greater than the min. value."),
       children: /* @__PURE__ */ jsxs22(component_default3, { direction: "row", gap: 4, children: [
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx38(
           number_control_default,
           {
             label: __53("Min."),
@@ -19313,7 +19528,7 @@ function BetweenControls({
             hideLabelFromVision
           }
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx38(
           number_control_default,
           {
             label: __53("Max."),
@@ -19393,7 +19608,7 @@ function Integer({
     )) {
       valueBetween = value;
     }
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx38(
       BetweenControls,
       {
         value: valueBetween,
@@ -19402,7 +19617,7 @@ function Integer({
       }
     );
   }
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     ValidatedNumberControl2,
     {
       required: !!field.isValid?.required,
@@ -19420,7 +19635,7 @@ function Integer({
 
 // src/dataform-controls/radio.tsx
 import deepMerge4 from "deepmerge";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var { ValidatedRadioControl: ValidatedRadioControl2 } = unlock3(privateApis);
 function Radio2({
   data,
@@ -19459,7 +19674,7 @@ function Radio2({
     [data, field, setValue]
   );
   if (elements) {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx39(
       ValidatedRadioControl2,
       {
         required: !!field.isValid?.required,
@@ -19480,7 +19695,7 @@ function Radio2({
 // src/dataform-controls/select.tsx
 import deepMerge5 from "deepmerge";
 import { __ as __54 } from "@wordpress/i18n";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var { ValidatedSelectControl: ValidatedSelectControl2 } = unlock3(privateApis);
 function Select2({
   data,
@@ -19534,7 +19749,7 @@ function Select2({
     { label: __54("Select item"), value: "" },
     ...fieldElements
   ];
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     ValidatedSelectControl2,
     {
       required: !!field.isValid?.required,
@@ -19554,7 +19769,7 @@ function Select2({
 }
 
 // src/dataform-controls/text.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function Text3({
   data,
   field,
@@ -19563,7 +19778,7 @@ function Text3({
   config
 }) {
   const { prefix, suffix } = config || {};
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(
     ValidatedText,
     {
       ...{
@@ -19580,7 +19795,7 @@ function Text3({
 
 // src/dataform-controls/toggle.tsx
 import deepMerge6 from "deepmerge";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var { ValidatedToggleControl: ValidatedToggleControl2 } = unlock3(privateApis);
 function Toggle({
   field,
@@ -19618,7 +19833,7 @@ function Toggle({
     },
     [data, field, setValue]
   );
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     ValidatedToggleControl2,
     {
       required: !!field.isValid.required,
@@ -19636,7 +19851,7 @@ function Toggle({
 
 // src/dataform-controls/textarea.tsx
 import deepMerge7 from "deepmerge";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var { ValidatedTextareaControl: ValidatedTextareaControl2 } = unlock3(privateApis);
 function Textarea({
   data,
@@ -19676,7 +19891,7 @@ function Textarea({
     },
     [data, field, setValue]
   );
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     ValidatedTextareaControl2,
     {
       required: !!field.isValid?.required,
@@ -19697,7 +19912,7 @@ function Textarea({
 
 // src/dataform-controls/toggle-group.tsx
 import deepMerge8 from "deepmerge";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var { ValidatedToggleGroupControl: ValidatedToggleGroupControl2 } = unlock3(privateApis);
 function ToggleGroup({
   data,
@@ -19739,7 +19954,7 @@ function ToggleGroup({
     const selectedOption = field.elements.find(
       (el) => el.value === value
     );
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx44(
       ValidatedToggleGroupControl2,
       {
         required: !!field.isValid?.required,
@@ -19753,7 +19968,7 @@ function ToggleGroup({
         onChange: onChangeControl,
         value,
         hideLabelFromVision,
-        children: field.elements.map((el) => /* @__PURE__ */ jsx42(
+        children: field.elements.map((el) => /* @__PURE__ */ jsx44(
           component_default12,
           {
             label: el.label,
@@ -19768,7 +19983,10 @@ function ToggleGroup({
 }
 
 // src/dataform-controls/array.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import deepMerge9 from "deepmerge";
+import { _n as _n4, sprintf as sprintf15 } from "@wordpress/i18n";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var { ValidatedFormTokenField: ValidatedFormTokenField2 } = unlock3(privateApis);
 function ArrayControl({
   data,
   field,
@@ -19777,71 +19995,141 @@ function ArrayControl({
 }) {
   const { label, placeholder, elements, getValue, setValue } = field;
   const value = getValue({ item: data });
-  const findElementByValue = useCallback(
-    (suggestionValue) => {
-      return elements?.find(
-        (suggestion) => suggestion.value === suggestionValue
+  const [customValidity, setCustomValidity] = useState(void 0);
+  const arrayValueAsElements = useMemo(
+    () => Array.isArray(value) ? value.map((token) => {
+      const element = elements?.find(
+        (suggestion) => suggestion.value === token
       );
-    },
-    [elements]
+      return element || { value: token, label: token };
+    }) : [],
+    [value, elements]
   );
-  const findElementByLabel = useCallback(
-    (suggestionLabel) => {
-      return elements?.find(
-        (suggestion) => suggestion.label === suggestionLabel
-      );
+  const validateTokens = useCallback(
+    (tokens) => {
+      const tokenValues = tokens.map((token) => {
+        if (typeof token === "object" && "value" in token) {
+          return token.value;
+        }
+        return token;
+      });
+      if (field.isValid?.elements && elements) {
+        const invalidTokens = tokenValues.filter((tokenValue) => {
+          return !elements.some(
+            (element) => element.value === tokenValue
+          );
+        });
+        if (invalidTokens.length > 0) {
+          setCustomValidity({
+            type: "invalid",
+            message: sprintf15(
+              /* translators: %s: list of invalid tokens */
+              _n4(
+                "Please select from the available options: %s is invalid.",
+                "Please select from the available options: %s are invalid.",
+                invalidTokens.length
+              ),
+              invalidTokens.join(", ")
+            )
+          });
+          return;
+        }
+      }
+      if (field.isValid?.custom) {
+        const result = field.isValid?.custom?.(
+          deepMerge9(
+            data,
+            setValue({
+              item: data,
+              value: tokenValues
+            })
+          ),
+          field
+        );
+        if (result) {
+          setCustomValidity({
+            type: "invalid",
+            message: result
+          });
+          return;
+        }
+      }
+      setCustomValidity(void 0);
     },
-    [elements]
-  );
-  const arrayValue = useMemo(
-    () => Array.isArray(value) ? value.map((token) => {
-      const tokenLabel = findElementByValue(token)?.label;
-      return tokenLabel || token;
-    }) : [],
-    [value, findElementByValue]
+    [elements, data, field, setValue]
   );
   const onChangeControl = useCallback(
     (tokens) => {
-      const stringTokens = tokens.map((token) => {
-        if (typeof token !== "string") {
+      const valueTokens = tokens.map((token) => {
+        if (typeof token === "object" && "value" in token) {
           return token.value;
         }
-        const tokenByLabel = findElementByLabel(token);
-        return tokenByLabel?.value || token;
+        return token;
       });
-      onChange(setValue({ item: data, value: stringTokens }));
+      onChange(setValue({ item: data, value: valueTokens }));
     },
-    [onChange, setValue, data, findElementByLabel]
+    [onChange, setValue, data]
   );
-  return /* @__PURE__ */ jsx43(
-    form_token_field_default,
+  return /* @__PURE__ */ jsx45(
+    ValidatedFormTokenField2,
     {
+      required: !!field.isValid?.required,
+      onValidate: validateTokens,
+      customValidity,
       label: hideLabelFromVision ? void 0 : label,
-      value: arrayValue,
+      value: arrayValueAsElements,
       onChange: onChangeControl,
       placeholder,
-      suggestions: elements?.map((suggestion) => suggestion.label) ?? [],
+      suggestions: elements?.map((element) => element.value),
+      __experimentalValidateInput: (token) => {
+        if (field.isValid?.elements && elements) {
+          return elements.some(
+            (element) => element.value === token || element.label === token
+          );
+        }
+        return true;
+      },
       __experimentalExpandOnFocus: elements && elements.length > 0,
-      __next40pxDefaultSize: true,
-      __nextHasNoMarginBottom: true
+      __experimentalShowHowTo: !field.isValid?.elements,
+      displayTransform: (token) => {
+        if (typeof token === "object" && "label" in token) {
+          return token.label;
+        }
+        if (typeof token === "string" && elements) {
+          const element = elements.find(
+            (el) => el.value === token
+          );
+          return element?.label || token;
+        }
+        return token;
+      },
+      __experimentalRenderItem: ({ item: item2 }) => {
+        if (typeof item2 === "string" && elements) {
+          const element = elements.find(
+            (el) => el.value === item2
+          );
+          return /* @__PURE__ */ jsx45("span", { children: element?.label || item2 });
+        }
+        return /* @__PURE__ */ jsx45("span", { children: item2 });
+      }
     }
   );
 }
 
 // src/dataform-controls/color.tsx
 import { colord as colord5 } from "colord";
-import deepMerge9 from "deepmerge";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import deepMerge10 from "deepmerge";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var { ValidatedInputControl: ValidatedInputControl3, Picker: Picker2 } = unlock3(privateApis);
 var ColorPicker = ({
   color,
   onColorChange
 }) => {
   const validColor = color && colord5(color).isValid() ? color : "#ffffff";
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     dropdown_default,
     {
-      renderToggle: ({ onToggle, isOpen }) => /* @__PURE__ */ jsx44(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx44(
+      renderToggle: ({ onToggle, isOpen }) => /* @__PURE__ */ jsx46(input_prefix_wrapper_default, { variant: "icon", children: /* @__PURE__ */ jsx46(
         "button",
         {
           type: "button",
@@ -19864,7 +20152,7 @@ var ColorPicker = ({
           "aria-label": "Open color picker"
         }
       ) }),
-      renderContent: () => /* @__PURE__ */ jsx44("div", { style: { padding: "16px" }, children: /* @__PURE__ */ jsx44(
+      renderContent: () => /* @__PURE__ */ jsx46("div", { style: { padding: "16px" }, children: /* @__PURE__ */ jsx46(
         Picker2,
         {
           color: colord5(validColor),
@@ -19899,7 +20187,7 @@ function Color({
   const onValidateControl = useCallback(
     (newValue) => {
       const message = field.isValid?.custom?.(
-        deepMerge9(
+        deepMerge10(
           data,
           setValue({
             item: data,
@@ -19919,7 +20207,7 @@ function Color({
     },
     [data, field, setValue]
   );
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     ValidatedInputControl3,
     {
       required: !!field.isValid?.required,
@@ -19932,7 +20220,7 @@ function Color({
       onChange: handleInputChange,
       hideLabelFromVision,
       type: "text",
-      prefix: /* @__PURE__ */ jsx44(
+      prefix: /* @__PURE__ */ jsx46(
         ColorPicker,
         {
           color: value,
@@ -19945,7 +20233,7 @@ function Color({
 
 // src/dataform-controls/password.tsx
 import { __ as __55 } from "@wordpress/i18n";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function Password({
   data,
   field,
@@ -19956,7 +20244,7 @@ function Password({
   const toggleVisibility = useCallback(() => {
     setIsVisible((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     ValidatedText,
     {
       ...{
@@ -19965,7 +20253,7 @@ function Password({
         onChange,
         hideLabelFromVision,
         type: isVisible2 ? "text" : "password",
-        suffix: /* @__PURE__ */ jsx45(
+        suffix: /* @__PURE__ */ jsx47(
           button_default,
           {
             icon: isVisible2 ? unseen_default : seen_default,
@@ -19981,7 +20269,7 @@ function Password({
 }
 
 // src/dataform-controls/index.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var FORM_CONTROLS = {
   array: ArrayControl,
   checkbox: Checkbox,
@@ -20007,7 +20295,7 @@ function createConfiguredControl(config) {
   const { control, ...controlConfig } = config;
   const BaseControlType = getControlByType(control);
   return function ConfiguredControl(props) {
-    return /* @__PURE__ */ jsx46(BaseControlType, { ...props, config: controlConfig });
+    return /* @__PURE__ */ jsx48(BaseControlType, { ...props, config: controlConfig });
   };
 }
 function getControl(field, fieldTypeDefinition) {
@@ -20162,10 +20450,10 @@ function normalizeFields(fields) {
 }
 
 // src/components/dataviews/index.tsx
-import { Fragment as Fragment10, jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
 var defaultGetItemId = (item2) => item2.id;
 var defaultIsItemClickable = () => true;
-var EMPTY_ARRAY4 = [];
+var EMPTY_ARRAY5 = [];
 var dataViewsLayouts = VIEW_LAYOUTS.filter(
   (viewLayout) => !viewLayout.isPicker
 );
@@ -20174,7 +20462,6 @@ function DefaultUI({
   search: search2 = true,
   searchLabel = void 0
 }) {
-  const { isShowingFilter } = useContext(dataviews_context_default);
   return /* @__PURE__ */ jsxs23(Fragment10, { children: [
     /* @__PURE__ */ jsxs23(
       component_default9,
@@ -20191,8 +20478,8 @@ function DefaultUI({
               expanded: false,
               className: "dataviews__search",
               children: [
-                search2 && /* @__PURE__ */ jsx47(dataviews_search_default, { label: searchLabel }),
-                /* @__PURE__ */ jsx47(FiltersToggle, {})
+                search2 && /* @__PURE__ */ jsx49(dataviews_search_default, { label: searchLabel }),
+                /* @__PURE__ */ jsx49(toggle_default, {})
               ]
             }
           ),
@@ -20203,7 +20490,7 @@ function DefaultUI({
               expanded: false,
               style: { flexShrink: 0 },
               children: [
-                /* @__PURE__ */ jsx47(dataviews_view_config_default, {}),
+                /* @__PURE__ */ jsx49(dataviews_view_config_default, {}),
                 header
               ]
             }
@@ -20211,9 +20498,9 @@ function DefaultUI({
         ]
       }
     ),
-    isShowingFilter && /* @__PURE__ */ jsx47(dataviews_filters_default, { className: "dataviews-filters__container" }),
-    /* @__PURE__ */ jsx47(DataViewsLayout, {}),
-    /* @__PURE__ */ jsx47(DataViewsFooter, {})
+    /* @__PURE__ */ jsx49(filters_toggled_default, { className: "dataviews-filters__container" }),
+    /* @__PURE__ */ jsx49(DataViewsLayout, {}),
+    /* @__PURE__ */ jsx49(DataViewsFooter, {})
   ] });
 }
 function DataViews({
@@ -20222,7 +20509,7 @@ function DataViews({
   fields,
   search: search2 = true,
   searchLabel = void 0,
-  actions = EMPTY_ARRAY4,
+  actions = EMPTY_ARRAY5,
   data,
   getItemId = defaultGetItemId,
   getItemLevel,
@@ -20233,7 +20520,7 @@ function DataViews({
   onChangeSelection,
   onClickItem,
   renderItemLink,
-  isItemClickable = defaultIsItemClickable,
+  isItemClickable: isItemClickable2 = defaultIsItemClickable,
   header,
   children,
   config = { perPageSizes: [10, 20, 50, 100] },
@@ -20269,7 +20556,7 @@ function DataViews({
       (id) => data.some((item2) => getItemId(item2) === id)
     );
   }, [selection, data, getItemId]);
-  const filters = useFilters(_fields, view);
+  const filters = use_filters_default(_fields, view);
   const hasPrimaryOrLockedFilters = useMemo(
     () => (filters || []).some(
       (filter) => filter.isPrimary || filter.isLocked
@@ -20319,7 +20606,7 @@ function DataViews({
   if (!defaultLayouts[view.type]) {
     return null;
   }
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     dataviews_context_default.Provider,
     {
       value: {
@@ -20336,7 +20623,7 @@ function DataViews({
         setOpenedFilter,
         getItemId,
         getItemLevel,
-        isItemClickable,
+        isItemClickable: isItemClickable2,
         onClickItem,
         renderItemLink,
         containerWidth,
@@ -20350,7 +20637,7 @@ function DataViews({
         empty,
         hasInfiniteScrollHandler: !!infiniteScrollHandler
       },
-      children: /* @__PURE__ */ jsx47("div", { className: "dataviews-wrapper", ref: containerRef, children: children ?? /* @__PURE__ */ jsx47(
+      children: /* @__PURE__ */ jsx49("div", { className: "dataviews-wrapper", ref: containerRef, children: children ?? /* @__PURE__ */ jsx49(
         DefaultUI,
         {
           header,
@@ -20363,8 +20650,9 @@ function DataViews({
 }
 var DataViewsSubComponents = DataViews;
 DataViewsSubComponents.BulkActionToolbar = BulkActionsFooter;
-DataViewsSubComponents.Filters = dataviews_filters_default;
-DataViewsSubComponents.FiltersToggle = FiltersToggle;
+DataViewsSubComponents.Filters = filters_default;
+DataViewsSubComponents.FiltersToggled = filters_toggled_default;
+DataViewsSubComponents.FiltersToggle = toggle_default;
 DataViewsSubComponents.Layout = DataViewsLayout;
 DataViewsSubComponents.LayoutSwitcher = ViewTypeMenu;
 DataViewsSubComponents.Pagination = DataViewsPagination;
@@ -20373,8 +20661,191 @@ DataViewsSubComponents.ViewConfig = DataviewsViewConfigDropdown;
 DataViewsSubComponents.Footer = DataViewsFooter;
 var dataviews_default = DataViewsSubComponents;
 
+// src/components/dataviews-picker/index.tsx
+import { Fragment as Fragment11, jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
+var isItemClickable = () => false;
+var dataViewsPickerLayouts = VIEW_LAYOUTS.filter(
+  (viewLayout) => viewLayout.isPicker
+);
+var defaultGetItemId2 = (item2) => item2.id;
+var EMPTY_ARRAY6 = [];
+function DefaultUI2({
+  search: search2 = true,
+  searchLabel = void 0
+}) {
+  return /* @__PURE__ */ jsxs24(Fragment11, { children: [
+    /* @__PURE__ */ jsxs24(
+      component_default9,
+      {
+        alignment: "top",
+        justify: "space-between",
+        className: "dataviews__view-actions",
+        spacing: 1,
+        children: [
+          /* @__PURE__ */ jsxs24(
+            component_default9,
+            {
+              justify: "start",
+              expanded: false,
+              className: "dataviews__search",
+              children: [
+                search2 && /* @__PURE__ */ jsx50(dataviews_search_default, { label: searchLabel }),
+                /* @__PURE__ */ jsx50(toggle_default, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx50(
+            component_default9,
+            {
+              spacing: 1,
+              expanded: false,
+              style: { flexShrink: 0 },
+              children: /* @__PURE__ */ jsx50(dataviews_view_config_default, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx50(filters_toggled_default, { className: "dataviews-filters__container" }),
+    /* @__PURE__ */ jsx50(DataViewsLayout, {}),
+    /* @__PURE__ */ jsx50(DataViewsPickerFooter, {})
+  ] });
+}
+function DataViewsPicker({
+  view,
+  onChangeView,
+  fields,
+  search: search2 = true,
+  searchLabel = void 0,
+  actions = EMPTY_ARRAY6,
+  data,
+  getItemId = defaultGetItemId2,
+  isLoading = false,
+  paginationInfo,
+  defaultLayouts: defaultLayoutsProperty,
+  selection,
+  onChangeSelection,
+  children,
+  config = { perPageSizes: [10, 20, 50, 100] },
+  itemListLabel,
+  empty
+}) {
+  const { infiniteScrollHandler } = paginationInfo;
+  const containerRef = useRef(null);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const resizeObserverRef = useResizeObserver2(
+    (resizeObserverEntries) => {
+      setContainerWidth(
+        resizeObserverEntries[0].borderBoxSize[0].inlineSize
+      );
+    },
+    { box: "border-box" }
+  );
+  const [openedFilter, setOpenedFilter] = useState(null);
+  function setSelectionWithChange(value) {
+    const newValue = typeof value === "function" ? value(selection) : value;
+    if (onChangeSelection) {
+      onChangeSelection(newValue);
+    }
+  }
+  const _fields = useMemo(() => normalizeFields(fields), [fields]);
+  const filters = use_filters_default(_fields, view);
+  const hasPrimaryOrLockedFilters = useMemo(
+    () => (filters || []).some(
+      (filter) => filter.isPrimary || filter.isLocked
+    ),
+    [filters]
+  );
+  const [isShowingFilter, setIsShowingFilter] = useState(
+    hasPrimaryOrLockedFilters
+  );
+  useEffect(() => {
+    if (hasPrimaryOrLockedFilters && !isShowingFilter) {
+      setIsShowingFilter(true);
+    }
+  }, [hasPrimaryOrLockedFilters, isShowingFilter]);
+  useEffect(() => {
+    if (!view.infiniteScrollEnabled || !containerRef.current) {
+      return;
+    }
+    const handleScroll = throttle((event) => {
+      const target = event.target;
+      const scrollTop = target.scrollTop;
+      const scrollHeight = target.scrollHeight;
+      const clientHeight = target.clientHeight;
+      if (scrollTop + clientHeight >= scrollHeight - 100) {
+        infiniteScrollHandler?.();
+      }
+    }, 100);
+    const container = containerRef.current;
+    container.addEventListener("scroll", handleScroll);
+    return () => {
+      container.removeEventListener("scroll", handleScroll);
+      handleScroll.cancel();
+    };
+  }, [infiniteScrollHandler, view.infiniteScrollEnabled]);
+  const defaultLayouts = useMemo(
+    () => Object.fromEntries(
+      Object.entries(defaultLayoutsProperty).filter(
+        ([layoutType]) => {
+          return dataViewsPickerLayouts.some(
+            (viewLayout) => viewLayout.type === layoutType
+          );
+        }
+      )
+    ),
+    [defaultLayoutsProperty]
+  );
+  if (!defaultLayouts[view.type]) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx50(
+    dataviews_context_default.Provider,
+    {
+      value: {
+        view,
+        onChangeView,
+        fields: _fields,
+        actions,
+        data,
+        isLoading,
+        paginationInfo,
+        isItemClickable,
+        selection,
+        onChangeSelection: setSelectionWithChange,
+        openedFilter,
+        setOpenedFilter,
+        getItemId,
+        containerWidth,
+        containerRef,
+        resizeObserverRef,
+        defaultLayouts,
+        filters,
+        isShowingFilter,
+        setIsShowingFilter,
+        config,
+        itemListLabel,
+        empty,
+        hasInfiniteScrollHandler: !!infiniteScrollHandler
+      },
+      children: /* @__PURE__ */ jsx50("div", { className: "dataviews-picker-wrapper", ref: containerRef, children: children ?? /* @__PURE__ */ jsx50(DefaultUI2, { search: search2, searchLabel }) })
+    }
+  );
+}
+var DataViewsPickerSubComponents = DataViewsPicker;
+DataViewsPickerSubComponents.BulkActionToolbar = DataViewsPickerFooter;
+DataViewsPickerSubComponents.Filters = filters_default;
+DataViewsPickerSubComponents.FiltersToggled = filters_toggled_default;
+DataViewsPickerSubComponents.FiltersToggle = toggle_default;
+DataViewsPickerSubComponents.Layout = DataViewsLayout;
+DataViewsPickerSubComponents.LayoutSwitcher = ViewTypeMenu;
+DataViewsPickerSubComponents.Pagination = DataViewsPagination;
+DataViewsPickerSubComponents.Search = dataviews_search_default;
+DataViewsPickerSubComponents.ViewConfig = DataviewsViewConfigDropdown;
+var dataviews_picker_default = DataViewsPickerSubComponents;
+
 // src/components/dataform-context/index.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var DataFormContext = createContext({
   fields: []
 });
@@ -20383,7 +20854,7 @@ function DataFormProvider({
   fields,
   children
 }) {
-  return /* @__PURE__ */ jsx48(DataFormContext.Provider, { value: { fields }, children });
+  return /* @__PURE__ */ jsx51(DataFormContext.Provider, { value: { fields }, children });
 }
 var dataform_context_default = DataFormContext;
 
@@ -20453,11 +20924,11 @@ function normalizeFormFields(form) {
 }
 
 // src/dataforms-layouts/regular/index.tsx
-import { Fragment as Fragment11, jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx52, jsxs as jsxs25 } from "react/jsx-runtime";
 function Header2({ title }) {
-  return /* @__PURE__ */ jsx49(component_default14, { className: "dataforms-layouts-regular__header", spacing: 4, children: /* @__PURE__ */ jsxs24(component_default9, { alignment: "center", children: [
-    /* @__PURE__ */ jsx49(component_default15, { level: 2, size: 13, children: title }),
-    /* @__PURE__ */ jsx49(component_default6, {})
+  return /* @__PURE__ */ jsx52(component_default14, { className: "dataforms-layouts-regular__header", spacing: 4, children: /* @__PURE__ */ jsxs25(component_default9, { alignment: "center", children: [
+    /* @__PURE__ */ jsx52(component_default15, { level: 2, size: 13, children: title }),
+    /* @__PURE__ */ jsx52(component_default6, {})
   ] }) });
 }
 function FormRegularField({
@@ -20475,9 +20946,9 @@ function FormRegularField({
     [field]
   );
   if (isCombinedField(field)) {
-    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
-      !hideLabelFromVision && field.label && /* @__PURE__ */ jsx49(Header2, { title: field.label }),
-      /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsxs25(Fragment12, { children: [
+      !hideLabelFromVision && field.label && /* @__PURE__ */ jsx52(Header2, { title: field.label }),
+      /* @__PURE__ */ jsx52(
         DataFormLayout,
         {
           data,
@@ -20499,8 +20970,8 @@ function FormRegularField({
     return null;
   }
   if (labelPosition === "side") {
-    return /* @__PURE__ */ jsxs24(component_default9, { className: "dataforms-layouts-regular__field", children: [
-      /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsxs25(component_default9, { className: "dataforms-layouts-regular__field", children: [
+      /* @__PURE__ */ jsx52(
         "div",
         {
           className: clsx38(
@@ -20510,13 +20981,13 @@ function FormRegularField({
           children: fieldDefinition.label
         }
       ),
-      /* @__PURE__ */ jsx49("div", { className: "dataforms-layouts-regular__field-control", children: fieldDefinition.readOnly === true ? /* @__PURE__ */ jsx49(
+      /* @__PURE__ */ jsx52("div", { className: "dataforms-layouts-regular__field-control", children: fieldDefinition.readOnly === true ? /* @__PURE__ */ jsx52(
         fieldDefinition.render,
         {
           item: data,
           field: fieldDefinition
         }
-      ) : /* @__PURE__ */ jsx49(
+      ) : /* @__PURE__ */ jsx52(
         fieldDefinition.Edit,
         {
           data,
@@ -20528,16 +20999,16 @@ function FormRegularField({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsx49("div", { className: "dataforms-layouts-regular__field", children: fieldDefinition.readOnly === true ? /* @__PURE__ */ jsx49(Fragment11, { children: /* @__PURE__ */ jsxs24(Fragment11, { children: [
-    !hideLabelFromVision && labelPosition !== "none" && /* @__PURE__ */ jsx49(base_control_default.VisualLabel, { children: fieldDefinition.label }),
-    /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx52("div", { className: "dataforms-layouts-regular__field", children: fieldDefinition.readOnly === true ? /* @__PURE__ */ jsx52(Fragment12, { children: /* @__PURE__ */ jsxs25(Fragment12, { children: [
+    !hideLabelFromVision && labelPosition !== "none" && /* @__PURE__ */ jsx52(base_control_default.VisualLabel, { children: fieldDefinition.label }),
+    /* @__PURE__ */ jsx52(
       fieldDefinition.render,
       {
         item: data,
         field: fieldDefinition
       }
     )
-  ] }) }) : /* @__PURE__ */ jsx49(
+  ] }) }) : /* @__PURE__ */ jsx52(
     fieldDefinition.Edit,
     {
       data,
@@ -20555,8 +21026,8 @@ import clsx39 from "clsx";
 import { __ as __56 } from "@wordpress/i18n";
 
 // src/dataforms-layouts/panel/summary-button.tsx
-import { sprintf as sprintf15, _x as _x5 } from "@wordpress/i18n";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { sprintf as sprintf16, _x as _x5 } from "@wordpress/i18n";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function SummaryButton({
   summaryFields,
   data,
@@ -20566,14 +21037,14 @@ function SummaryButton({
   onClick,
   "aria-expanded": ariaExpanded
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx53(
     button_default,
     {
       className: "dataforms-layouts-panel__summary-button",
       size: "compact",
       variant: ["none", "top"].includes(labelPosition) ? "link" : "tertiary",
       "aria-expanded": ariaExpanded,
-      "aria-label": sprintf15(
+      "aria-label": sprintf16(
         // translators: %s: Field name.
         _x5("Edit %s", "field"),
         fieldLabel || ""
@@ -20586,7 +21057,7 @@ function SummaryButton({
         height: "auto",
         alignItems: "flex-start"
       } : void 0,
-      children: summaryFields.length > 1 ? /* @__PURE__ */ jsx50(
+      children: summaryFields.length > 1 ? /* @__PURE__ */ jsx53(
         "div",
         {
           style: {
@@ -20596,11 +21067,11 @@ function SummaryButton({
             width: "100%",
             gap: "2px"
           },
-          children: summaryFields.map((summaryField) => /* @__PURE__ */ jsx50(
+          children: summaryFields.map((summaryField) => /* @__PURE__ */ jsx53(
             "div",
             {
               style: { width: "100%" },
-              children: /* @__PURE__ */ jsx50(
+              children: /* @__PURE__ */ jsx53(
                 summaryField.render,
                 {
                   item: data,
@@ -20611,7 +21082,7 @@ function SummaryButton({
             summaryField.id
           ))
         }
-      ) : summaryFields.map((summaryField) => /* @__PURE__ */ jsx50(
+      ) : summaryFields.map((summaryField) => /* @__PURE__ */ jsx53(
         summaryField.render,
         {
           item: data,
@@ -20625,20 +21096,20 @@ function SummaryButton({
 var summary_button_default = SummaryButton;
 
 // src/dataforms-layouts/panel/dropdown.tsx
-import { Fragment as Fragment12, jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx54, jsxs as jsxs26 } from "react/jsx-runtime";
 function DropdownHeader({
   title,
   onClose
 }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx54(
     component_default14,
     {
       className: "dataforms-layouts-panel__dropdown-header",
       spacing: 4,
-      children: /* @__PURE__ */ jsxs25(component_default9, { alignment: "center", children: [
-        title && /* @__PURE__ */ jsx51(component_default15, { level: 2, size: 13, children: title }),
-        /* @__PURE__ */ jsx51(component_default6, {}),
-        onClose && /* @__PURE__ */ jsx51(
+      children: /* @__PURE__ */ jsxs26(component_default9, { alignment: "center", children: [
+        title && /* @__PURE__ */ jsx54(component_default15, { level: 2, size: 13, children: title }),
+        /* @__PURE__ */ jsx54(component_default6, {}),
+        onClose && /* @__PURE__ */ jsx54(
           button_default,
           {
             label: __56("Close"),
@@ -20682,7 +21153,7 @@ function PanelDropdown({
     }),
     [popoverAnchor]
   );
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx54(
     dropdown_default,
     {
       contentClassName: "dataforms-layouts-panel__field-dropdown",
@@ -20693,7 +21164,7 @@ function PanelDropdown({
         variant: "tertiary",
         tooltipPosition: "middle left"
       },
-      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsx51(
+      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsx54(
         summary_button_default,
         {
           summaryFields,
@@ -20705,15 +21176,15 @@ function PanelDropdown({
           "aria-expanded": isOpen
         }
       ),
-      renderContent: ({ onClose }) => /* @__PURE__ */ jsxs25(Fragment12, { children: [
-        /* @__PURE__ */ jsx51(DropdownHeader, { title: fieldLabel, onClose }),
-        /* @__PURE__ */ jsx51(
+      renderContent: ({ onClose }) => /* @__PURE__ */ jsxs26(Fragment13, { children: [
+        /* @__PURE__ */ jsx54(DropdownHeader, { title: fieldLabel, onClose }),
+        /* @__PURE__ */ jsx54(
           DataFormLayout,
           {
             data,
             form,
             onChange,
-            children: (FieldLayout, nestedField) => /* @__PURE__ */ jsx51(
+            children: (FieldLayout, nestedField) => /* @__PURE__ */ jsx54(
               FieldLayout,
               {
                 data,
@@ -20732,9 +21203,9 @@ function PanelDropdown({
 var dropdown_default2 = PanelDropdown;
 
 // src/dataforms-layouts/panel/modal.tsx
-import deepMerge10 from "deepmerge";
+import deepMerge11 from "deepmerge";
 import { __ as __57 } from "@wordpress/i18n";
-import { Fragment as Fragment13, jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx55, jsxs as jsxs27 } from "react/jsx-runtime";
 function ModalContent({
   data,
   form,
@@ -20744,16 +21215,16 @@ function ModalContent({
 }) {
   const [changes, setChanges] = useState({});
   const modalData = useMemo(() => {
-    return deepMerge10(data, changes);
+    return deepMerge11(data, changes);
   }, [data, changes]);
   const onApply = () => {
     onChange(changes);
     onClose();
   };
   const handleOnChange = (newValue) => {
-    setChanges((prev) => deepMerge10(prev, newValue));
+    setChanges((prev) => deepMerge11(prev, newValue));
   };
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     modal_default,
     {
       className: "dataforms-layouts-panel__modal",
@@ -20762,13 +21233,13 @@ function ModalContent({
       title: fieldLabel,
       size: "medium",
       children: [
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx55(
           DataFormLayout,
           {
             data: modalData,
             form,
             onChange: handleOnChange,
-            children: (FieldLayout, nestedField) => /* @__PURE__ */ jsx52(
+            children: (FieldLayout, nestedField) => /* @__PURE__ */ jsx55(
               FieldLayout,
               {
                 data: modalData,
@@ -20780,14 +21251,14 @@ function ModalContent({
             )
           }
         ),
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           component_default9,
           {
             className: "dataforms-layouts-panel__modal-footer",
             spacing: 3,
             children: [
-              /* @__PURE__ */ jsx52(component_default6, {}),
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx55(component_default6, {}),
+              /* @__PURE__ */ jsx55(
                 button_default,
                 {
                   variant: "tertiary",
@@ -20796,7 +21267,7 @@ function ModalContent({
                   children: __57("Cancel")
                 }
               ),
-              /* @__PURE__ */ jsx52(
+              /* @__PURE__ */ jsx55(
                 button_default,
                 {
                   variant: "primary",
@@ -20832,8 +21303,8 @@ function PanelModal({
     }),
     [field]
   );
-  return /* @__PURE__ */ jsxs26(Fragment13, { children: [
-    /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsxs27(Fragment14, { children: [
+    /* @__PURE__ */ jsx55(
       summary_button_default,
       {
         summaryFields,
@@ -20845,7 +21316,7 @@ function PanelModal({
         "aria-expanded": isOpen
       }
     ),
-    isOpen && /* @__PURE__ */ jsx52(
+    isOpen && /* @__PURE__ */ jsx55(
       ModalContent,
       {
         data,
@@ -20860,7 +21331,7 @@ function PanelModal({
 var modal_default2 = PanelModal;
 
 // src/dataforms-layouts/panel/index.tsx
-import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs28 } from "react/jsx-runtime";
 function FormPanelField({
   data,
   field,
@@ -20910,7 +21381,7 @@ function FormPanelField({
     `dataforms-layouts-panel__field-label--label-position-${labelPosition}`
   );
   const fieldLabel = isCombinedField(field) ? field.label : fieldDefinition?.label;
-  const renderedControl = layout.openAs === "modal" ? /* @__PURE__ */ jsx53(
+  const renderedControl = layout.openAs === "modal" ? /* @__PURE__ */ jsx56(
     modal_default2,
     {
       field,
@@ -20920,7 +21391,7 @@ function FormPanelField({
       onChange,
       labelPosition
     }
-  ) : /* @__PURE__ */ jsx53(
+  ) : /* @__PURE__ */ jsx56(
     dropdown_default2,
     {
       field,
@@ -20933,8 +21404,8 @@ function FormPanelField({
     }
   );
   if (labelPosition === "top") {
-    return /* @__PURE__ */ jsxs27(component_default14, { className: "dataforms-layouts-panel__field", spacing: 0, children: [
-      /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsxs28(component_default14, { className: "dataforms-layouts-panel__field", spacing: 0, children: [
+      /* @__PURE__ */ jsx56(
         "div",
         {
           className: labelClassName,
@@ -20942,27 +21413,27 @@ function FormPanelField({
           children: fieldLabel
         }
       ),
-      /* @__PURE__ */ jsx53("div", { className: "dataforms-layouts-panel__field-control", children: renderedControl })
+      /* @__PURE__ */ jsx56("div", { className: "dataforms-layouts-panel__field-control", children: renderedControl })
     ] });
   }
   if (labelPosition === "none") {
-    return /* @__PURE__ */ jsx53("div", { className: "dataforms-layouts-panel__field", children: renderedControl });
+    return /* @__PURE__ */ jsx56("div", { className: "dataforms-layouts-panel__field", children: renderedControl });
   }
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     component_default9,
     {
       ref: setPopoverAnchor,
       className: "dataforms-layouts-panel__field",
       children: [
-        /* @__PURE__ */ jsx53("div", { className: labelClassName, children: fieldLabel }),
-        /* @__PURE__ */ jsx53("div", { className: "dataforms-layouts-panel__field-control", children: renderedControl })
+        /* @__PURE__ */ jsx56("div", { className: labelClassName, children: fieldLabel }),
+        /* @__PURE__ */ jsx56("div", { className: "dataforms-layouts-panel__field-control", children: renderedControl })
       ]
     }
   );
 }
 
 // src/dataforms-layouts/card/index.tsx
-import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs29 } from "react/jsx-runtime";
 function useCollapsibleCard(initialIsOpen = true) {
   const [isOpen, setIsOpen] = useState(initialIsOpen);
   const toggle = useCallback(() => {
@@ -20972,7 +21443,7 @@ function useCollapsibleCard(initialIsOpen = true) {
     ({
       children,
       ...props
-    }) => /* @__PURE__ */ jsxs28(
+    }) => /* @__PURE__ */ jsxs29(
       component_default21,
       {
         ...props,
@@ -20982,7 +21453,7 @@ function useCollapsibleCard(initialIsOpen = true) {
           ...props.style
         },
         children: [
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx57(
             "div",
             {
               style: {
@@ -20994,7 +21465,7 @@ function useCollapsibleCard(initialIsOpen = true) {
               children
             }
           ),
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx57(
             button_default,
             {
               __next40pxDefaultSize: true,
@@ -21034,13 +21505,13 @@ function FormCardField({
   );
   if (isCombinedField(field)) {
     const withHeader2 = !!field.label && layout.withHeader;
-    return /* @__PURE__ */ jsxs28(component_default18, { className: "dataforms-layouts-card__field", children: [
-      withHeader2 && /* @__PURE__ */ jsx54(CollapsibleCardHeader, { className: "dataforms-layouts-card__field-label", children: field.label }),
+    return /* @__PURE__ */ jsxs29(component_default18, { className: "dataforms-layouts-card__field", children: [
+      withHeader2 && /* @__PURE__ */ jsx57(CollapsibleCardHeader, { className: "dataforms-layouts-card__field-label", children: field.label }),
       (isOpen || !withHeader2) && // If it doesn't have a header, keep it open.
       // Otherwise, the card will not be visible.
-      /* @__PURE__ */ jsxs28(component_default20, { className: "dataforms-layouts-card__field-control", children: [
-        field.description && /* @__PURE__ */ jsx54("div", { className: "dataforms-layouts-card__field-description", children: field.description }),
-        /* @__PURE__ */ jsx54(
+      /* @__PURE__ */ jsxs29(component_default20, { className: "dataforms-layouts-card__field-control", children: [
+        field.description && /* @__PURE__ */ jsx57("div", { className: "dataforms-layouts-card__field-description", children: field.description }),
+        /* @__PURE__ */ jsx57(
           DataFormLayout,
           {
             data,
@@ -21062,11 +21533,11 @@ function FormCardField({
     return null;
   }
   const withHeader = !!fieldDefinition.label && layout.withHeader;
-  return /* @__PURE__ */ jsxs28(component_default18, { className: "dataforms-layouts-card__field", children: [
-    withHeader && /* @__PURE__ */ jsx54(CollapsibleCardHeader, { className: "dataforms-layouts-card__field-label", children: fieldDefinition.label }),
+  return /* @__PURE__ */ jsxs29(component_default18, { className: "dataforms-layouts-card__field", children: [
+    withHeader && /* @__PURE__ */ jsx57(CollapsibleCardHeader, { className: "dataforms-layouts-card__field-label", children: fieldDefinition.label }),
     (isOpen || !withHeader) && // If it doesn't have a header, keep it open.
     // Otherwise, the card will not be visible.
-    /* @__PURE__ */ jsx54(component_default20, { className: "dataforms-layouts-card__field-control", children: /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx57(component_default20, { className: "dataforms-layouts-card__field-control", children: /* @__PURE__ */ jsx57(
       RegularLayout,
       {
         data,
@@ -21079,14 +21550,14 @@ function FormCardField({
 }
 
 // src/dataforms-layouts/row/index.tsx
-import { Fragment as Fragment14, jsx as jsx55, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx58, jsxs as jsxs30 } from "react/jsx-runtime";
 function Header3({ title }) {
-  return /* @__PURE__ */ jsx55(component_default14, { className: "dataforms-layouts-row__header", spacing: 4, children: /* @__PURE__ */ jsxs29(component_default9, { alignment: "center", children: [
-    /* @__PURE__ */ jsx55(component_default15, { level: 2, size: 13, children: title }),
-    /* @__PURE__ */ jsx55(component_default6, {})
+  return /* @__PURE__ */ jsx58(component_default14, { className: "dataforms-layouts-row__header", spacing: 4, children: /* @__PURE__ */ jsxs30(component_default9, { alignment: "center", children: [
+    /* @__PURE__ */ jsx58(component_default15, { level: 2, size: 13, children: title }),
+    /* @__PURE__ */ jsx58(component_default6, {})
   ] }) });
 }
-var EMPTY_WRAPPER = ({ children }) => /* @__PURE__ */ jsx55(Fragment14, { children });
+var EMPTY_WRAPPER = ({ children }) => /* @__PURE__ */ jsx58(Fragment15, { children });
 function FormRowField({
   data,
   field,
@@ -21107,20 +21578,20 @@ function FormRowField({
         return child;
       })
     };
-    return /* @__PURE__ */ jsxs29("div", { className: "dataforms-layouts-row__field", children: [
-      !hideLabelFromVision && field.label && /* @__PURE__ */ jsx55(Header3, { title: field.label }),
-      /* @__PURE__ */ jsx55(component_default9, { alignment: layout.alignment, spacing: 4, children: /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsxs30("div", { className: "dataforms-layouts-row__field", children: [
+      !hideLabelFromVision && field.label && /* @__PURE__ */ jsx58(Header3, { title: field.label }),
+      /* @__PURE__ */ jsx58(component_default9, { alignment: layout.alignment, spacing: 4, children: /* @__PURE__ */ jsx58(
         DataFormLayout,
         {
           data,
           form,
           onChange,
           as: EMPTY_WRAPPER,
-          children: (FieldLayout, nestedField) => /* @__PURE__ */ jsx55(
+          children: (FieldLayout, nestedField) => /* @__PURE__ */ jsx58(
             "div",
             {
               className: "dataforms-layouts-row__field-control",
-              children: /* @__PURE__ */ jsx55(
+              children: /* @__PURE__ */ jsx58(
                 FieldLayout,
                 {
                   data,
@@ -21144,7 +21615,7 @@ function FormRowField({
   if (!RegularLayout) {
     return null;
   }
-  return /* @__PURE__ */ jsx55(Fragment14, { children: /* @__PURE__ */ jsx55("div", { className: "dataforms-layouts-row__field-control", children: /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx58(Fragment15, { children: /* @__PURE__ */ jsx58("div", { className: "dataforms-layouts-row__field-control", children: /* @__PURE__ */ jsx58(
     RegularLayout,
     {
       data,
@@ -21155,7 +21626,7 @@ function FormRowField({
 }
 
 // src/dataforms-layouts/index.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var FORM_FIELD_LAYOUTS = [
   {
     type: "regular",
@@ -21164,7 +21635,7 @@ var FORM_FIELD_LAYOUTS = [
   {
     type: "panel",
     component: FormPanelField,
-    wrapper: ({ children }) => /* @__PURE__ */ jsx56(component_default14, { spacing: 2, children })
+    wrapper: ({ children }) => /* @__PURE__ */ jsx59(component_default14, { spacing: 2, children })
   },
   {
     type: "card",
@@ -21176,7 +21647,7 @@ var FORM_FIELD_LAYOUTS = [
     wrapper: ({
       children,
       layout
-    }) => /* @__PURE__ */ jsx56(component_default14, { spacing: 4, children: /* @__PURE__ */ jsx56("div", { className: "dataforms-layouts-row__field", children: /* @__PURE__ */ jsx56(
+    }) => /* @__PURE__ */ jsx59(component_default14, { spacing: 4, children: /* @__PURE__ */ jsx59("div", { className: "dataforms-layouts-row__field", children: /* @__PURE__ */ jsx59(
       component_default9,
       {
         spacing: 4,
@@ -21191,8 +21662,8 @@ function getFormFieldLayout(type) {
 }
 
 // src/dataforms-layouts/data-form-layout.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
-var DEFAULT_WRAPPER = ({ children }) => /* @__PURE__ */ jsx57(component_default14, { spacing: 4, children });
+import { jsx as jsx60 } from "react/jsx-runtime";
+var DEFAULT_WRAPPER = ({ children }) => /* @__PURE__ */ jsx60(component_default14, { spacing: 4, children });
 function DataFormLayout({
   data,
   form,
@@ -21213,7 +21684,7 @@ function DataFormLayout({
   );
   const normalizedFormLayout = normalizeLayout(form.layout);
   const Wrapper4 = as ?? getFormFieldLayout(normalizedFormLayout.type)?.wrapper ?? DEFAULT_WRAPPER;
-  return /* @__PURE__ */ jsx57(Wrapper4, { layout: normalizedFormLayout, children: normalizedFormFields.map((formField) => {
+  return /* @__PURE__ */ jsx60(Wrapper4, { layout: normalizedFormLayout, children: normalizedFormFields.map((formField) => {
     const FieldLayout = getFormFieldLayout(formField.layout.type)?.component;
     if (!FieldLayout) {
       return null;
@@ -21225,7 +21696,7 @@ function DataFormLayout({
     if (children) {
       return children(FieldLayout, formField);
     }
-    return /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsx60(
       FieldLayout,
       {
         data,
@@ -21238,7 +21709,7 @@ function DataFormLayout({
 }
 
 // src/components/dataform/index.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 function DataForm({
   data,
   form,
@@ -21252,7 +21723,7 @@ function DataForm({
   if (!form.fields) {
     return null;
   }
-  return /* @__PURE__ */ jsx58(DataFormProvider, { fields: normalizedFields, children: /* @__PURE__ */ jsx58(DataFormLayout, { data, form, onChange }) });
+  return /* @__PURE__ */ jsx61(DataFormProvider, { fields: normalizedFields, children: /* @__PURE__ */ jsx61(DataFormLayout, { data, form, onChange }) });
 }
 
 // src/filter-and-sort-data-view.ts
@@ -21262,7 +21733,7 @@ import { getDate as getDate4 } from "@wordpress/date";
 function normalizeSearchInput2(input = "") {
   return removeAccents3(input.trim().toLowerCase());
 }
-var EMPTY_ARRAY5 = [];
+var EMPTY_ARRAY7 = [];
 function getRelativeDate(value, unit) {
   switch (unit) {
     case "days":
@@ -21280,7 +21751,7 @@ function getRelativeDate(value, unit) {
 function filterSortAndPaginate(data, view, fields) {
   if (!data) {
     return {
-      data: EMPTY_ARRAY5,
+      data: EMPTY_ARRAY7,
       paginationInfo: { totalItems: 0, totalPages: 0 }
     };
   }
@@ -21512,16 +21983,35 @@ function isItemValid(item2, fields, form) {
     fields.filter(({ id }) => !!form.fields?.includes(id))
   );
   const isEmptyNullOrUndefined = (value) => [void 0, "", null].includes(value);
+  const isArrayOrElementsEmptyNullOrUndefined = (value) => {
+    return !Array.isArray(value) || value.length === 0 || value.every((element) => isEmptyNullOrUndefined(element));
+  };
   return _fields.every((field) => {
     const value = field.getValue({ item: item2 });
     if (field.isValid.required) {
-      if (field.type === "text" && isEmptyNullOrUndefined(value) || field.type === "email" && isEmptyNullOrUndefined(value) || field.type === "url" && isEmptyNullOrUndefined(value) || field.type === "telephone" && isEmptyNullOrUndefined(value) || field.type === "password" && isEmptyNullOrUndefined(value) || field.type === "integer" && isEmptyNullOrUndefined(value) || field.type === void 0 && isEmptyNullOrUndefined(value)) {
+      if (field.type === "text" && isEmptyNullOrUndefined(value) || field.type === "email" && isEmptyNullOrUndefined(value) || field.type === "url" && isEmptyNullOrUndefined(value) || field.type === "telephone" && isEmptyNullOrUndefined(value) || field.type === "password" && isEmptyNullOrUndefined(value) || field.type === "integer" && isEmptyNullOrUndefined(value) || field.type === "array" && isArrayOrElementsEmptyNullOrUndefined(value) || field.type === void 0 && isEmptyNullOrUndefined(value)) {
         return false;
       }
       if (field.type === "boolean" && value !== true) {
         return false;
       }
     }
+    if (field.isValid.elements) {
+      if (field.elements) {
+        const validValues = field.elements.map(
+          (element) => element.value
+        );
+        if (field.type === "array") {
+          if (Array.isArray(value)) {
+            return value.every(
+              (arrayItem) => validValues.includes(arrayItem)
+            );
+          }
+          return false;
+        }
+        return validValues.includes(value);
+      }
+    }
     if (typeof field.isValid.custom === "function" && field.isValid.custom(item2, field) !== null) {
       return false;
     }
@@ -21531,6 +22021,7 @@ function isItemValid(item2, fields, form) {
 export {
   DataForm,
   dataviews_default as DataViews,
+  dataviews_picker_default as DataViewsPicker,
   VIEW_LAYOUTS,
   filterSortAndPaginate,
   isItemValid