@measured/puck-plugin-heading-analyzer 0.14.0-canary.de9c2c4 → 0.14.0-canary.e8991cc

package/dist/index.js

@@ -21249,11 +21249,11 @@ var require_react_dom_development = __commonJS({
         }
         function registerMutableSourceForHydration(root2, mutableSource) {
           var getVersion2 = mutableSource._getVersion;
-          var version = getVersion2(mutableSource._source);
+          var version2 = getVersion2(mutableSource._source);
           if (root2.mutableSourceEagerHydrationData == null) {
-            root2.mutableSourceEagerHydrationData = [mutableSource, version];
+            root2.mutableSourceEagerHydrationData = [mutableSource, version2];
           } else {
-            root2.mutableSourceEagerHydrationData.push(mutableSource, version);
+            root2.mutableSourceEagerHydrationData.push(mutableSource, version2);
           }
         }
         var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher, ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
@@ -41046,6 +41046,374 @@ var init_index_module = __esm({
   }
 });
 
+// ../../node_modules/uuid/dist/esm-node/rng.js
+function rng() {
+  if (poolPtr > rnds8Pool.length - 16) {
+    import_crypto.default.randomFillSync(rnds8Pool);
+    poolPtr = 0;
+  }
+  return rnds8Pool.slice(poolPtr, poolPtr += 16);
+}
+var import_crypto, rnds8Pool, poolPtr;
+var init_rng = __esm({
+  "../../node_modules/uuid/dist/esm-node/rng.js"() {
+    init_react_import();
+    import_crypto = __toESM(require("crypto"));
+    rnds8Pool = new Uint8Array(256);
+    poolPtr = rnds8Pool.length;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/regex.js
+var regex_default;
+var init_regex = __esm({
+  "../../node_modules/uuid/dist/esm-node/regex.js"() {
+    init_react_import();
+    regex_default = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/validate.js
+function validate(uuid) {
+  return typeof uuid === "string" && regex_default.test(uuid);
+}
+var validate_default;
+var init_validate = __esm({
+  "../../node_modules/uuid/dist/esm-node/validate.js"() {
+    init_react_import();
+    init_regex();
+    validate_default = validate;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/stringify.js
+function unsafeStringify(arr, offset3 = 0) {
+  return byteToHex[arr[offset3 + 0]] + byteToHex[arr[offset3 + 1]] + byteToHex[arr[offset3 + 2]] + byteToHex[arr[offset3 + 3]] + "-" + byteToHex[arr[offset3 + 4]] + byteToHex[arr[offset3 + 5]] + "-" + byteToHex[arr[offset3 + 6]] + byteToHex[arr[offset3 + 7]] + "-" + byteToHex[arr[offset3 + 8]] + byteToHex[arr[offset3 + 9]] + "-" + byteToHex[arr[offset3 + 10]] + byteToHex[arr[offset3 + 11]] + byteToHex[arr[offset3 + 12]] + byteToHex[arr[offset3 + 13]] + byteToHex[arr[offset3 + 14]] + byteToHex[arr[offset3 + 15]];
+}
+function stringify(arr, offset3 = 0) {
+  const uuid = unsafeStringify(arr, offset3);
+  if (!validate_default(uuid)) {
+    throw TypeError("Stringified UUID is invalid");
+  }
+  return uuid;
+}
+var byteToHex, stringify_default;
+var init_stringify = __esm({
+  "../../node_modules/uuid/dist/esm-node/stringify.js"() {
+    init_react_import();
+    init_validate();
+    byteToHex = [];
+    for (let i2 = 0; i2 < 256; ++i2) {
+      byteToHex.push((i2 + 256).toString(16).slice(1));
+    }
+    stringify_default = stringify;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/v1.js
+function v1(options, buf, offset3) {
+  let i2 = buf && offset3 || 0;
+  const b = buf || new Array(16);
+  options = options || {};
+  let node = options.node || _nodeId;
+  let clockseq = options.clockseq !== void 0 ? options.clockseq : _clockseq;
+  if (node == null || clockseq == null) {
+    const seedBytes = options.random || (options.rng || rng)();
+    if (node == null) {
+      node = _nodeId = [seedBytes[0] | 1, seedBytes[1], seedBytes[2], seedBytes[3], seedBytes[4], seedBytes[5]];
+    }
+    if (clockseq == null) {
+      clockseq = _clockseq = (seedBytes[6] << 8 | seedBytes[7]) & 16383;
+    }
+  }
+  let msecs = options.msecs !== void 0 ? options.msecs : Date.now();
+  let nsecs = options.nsecs !== void 0 ? options.nsecs : _lastNSecs + 1;
+  const dt = msecs - _lastMSecs + (nsecs - _lastNSecs) / 1e4;
+  if (dt < 0 && options.clockseq === void 0) {
+    clockseq = clockseq + 1 & 16383;
+  }
+  if ((dt < 0 || msecs > _lastMSecs) && options.nsecs === void 0) {
+    nsecs = 0;
+  }
+  if (nsecs >= 1e4) {
+    throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");
+  }
+  _lastMSecs = msecs;
+  _lastNSecs = nsecs;
+  _clockseq = clockseq;
+  msecs += 122192928e5;
+  const tl = ((msecs & 268435455) * 1e4 + nsecs) % 4294967296;
+  b[i2++] = tl >>> 24 & 255;
+  b[i2++] = tl >>> 16 & 255;
+  b[i2++] = tl >>> 8 & 255;
+  b[i2++] = tl & 255;
+  const tmh = msecs / 4294967296 * 1e4 & 268435455;
+  b[i2++] = tmh >>> 8 & 255;
+  b[i2++] = tmh & 255;
+  b[i2++] = tmh >>> 24 & 15 | 16;
+  b[i2++] = tmh >>> 16 & 255;
+  b[i2++] = clockseq >>> 8 | 128;
+  b[i2++] = clockseq & 255;
+  for (let n2 = 0; n2 < 6; ++n2) {
+    b[i2 + n2] = node[n2];
+  }
+  return buf || unsafeStringify(b);
+}
+var _nodeId, _clockseq, _lastMSecs, _lastNSecs, v1_default;
+var init_v1 = __esm({
+  "../../node_modules/uuid/dist/esm-node/v1.js"() {
+    init_react_import();
+    init_rng();
+    init_stringify();
+    _lastMSecs = 0;
+    _lastNSecs = 0;
+    v1_default = v1;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/parse.js
+function parse3(uuid) {
+  if (!validate_default(uuid)) {
+    throw TypeError("Invalid UUID");
+  }
+  let v;
+  const arr = new Uint8Array(16);
+  arr[0] = (v = parseInt(uuid.slice(0, 8), 16)) >>> 24;
+  arr[1] = v >>> 16 & 255;
+  arr[2] = v >>> 8 & 255;
+  arr[3] = v & 255;
+  arr[4] = (v = parseInt(uuid.slice(9, 13), 16)) >>> 8;
+  arr[5] = v & 255;
+  arr[6] = (v = parseInt(uuid.slice(14, 18), 16)) >>> 8;
+  arr[7] = v & 255;
+  arr[8] = (v = parseInt(uuid.slice(19, 23), 16)) >>> 8;
+  arr[9] = v & 255;
+  arr[10] = (v = parseInt(uuid.slice(24, 36), 16)) / 1099511627776 & 255;
+  arr[11] = v / 4294967296 & 255;
+  arr[12] = v >>> 24 & 255;
+  arr[13] = v >>> 16 & 255;
+  arr[14] = v >>> 8 & 255;
+  arr[15] = v & 255;
+  return arr;
+}
+var parse_default;
+var init_parse = __esm({
+  "../../node_modules/uuid/dist/esm-node/parse.js"() {
+    init_react_import();
+    init_validate();
+    parse_default = parse3;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/v35.js
+function stringToBytes(str) {
+  str = unescape(encodeURIComponent(str));
+  const bytes = [];
+  for (let i2 = 0; i2 < str.length; ++i2) {
+    bytes.push(str.charCodeAt(i2));
+  }
+  return bytes;
+}
+function v35(name, version2, hashfunc) {
+  function generateUUID(value, namespace, buf, offset3) {
+    var _namespace;
+    if (typeof value === "string") {
+      value = stringToBytes(value);
+    }
+    if (typeof namespace === "string") {
+      namespace = parse_default(namespace);
+    }
+    if (((_namespace = namespace) === null || _namespace === void 0 ? void 0 : _namespace.length) !== 16) {
+      throw TypeError("Namespace must be array-like (16 iterable integer values, 0-255)");
+    }
+    let bytes = new Uint8Array(16 + value.length);
+    bytes.set(namespace);
+    bytes.set(value, namespace.length);
+    bytes = hashfunc(bytes);
+    bytes[6] = bytes[6] & 15 | version2;
+    bytes[8] = bytes[8] & 63 | 128;
+    if (buf) {
+      offset3 = offset3 || 0;
+      for (let i2 = 0; i2 < 16; ++i2) {
+        buf[offset3 + i2] = bytes[i2];
+      }
+      return buf;
+    }
+    return unsafeStringify(bytes);
+  }
+  try {
+    generateUUID.name = name;
+  } catch (err) {
+  }
+  generateUUID.DNS = DNS;
+  generateUUID.URL = URL;
+  return generateUUID;
+}
+var DNS, URL;
+var init_v35 = __esm({
+  "../../node_modules/uuid/dist/esm-node/v35.js"() {
+    init_react_import();
+    init_stringify();
+    init_parse();
+    DNS = "6ba7b810-9dad-11d1-80b4-00c04fd430c8";
+    URL = "6ba7b811-9dad-11d1-80b4-00c04fd430c8";
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/md5.js
+function md5(bytes) {
+  if (Array.isArray(bytes)) {
+    bytes = Buffer.from(bytes);
+  } else if (typeof bytes === "string") {
+    bytes = Buffer.from(bytes, "utf8");
+  }
+  return import_crypto2.default.createHash("md5").update(bytes).digest();
+}
+var import_crypto2, md5_default;
+var init_md5 = __esm({
+  "../../node_modules/uuid/dist/esm-node/md5.js"() {
+    init_react_import();
+    import_crypto2 = __toESM(require("crypto"));
+    md5_default = md5;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/v3.js
+var v3, v3_default;
+var init_v3 = __esm({
+  "../../node_modules/uuid/dist/esm-node/v3.js"() {
+    init_react_import();
+    init_v35();
+    init_md5();
+    v3 = v35("v3", 48, md5_default);
+    v3_default = v3;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/native.js
+var import_crypto3, native_default;
+var init_native = __esm({
+  "../../node_modules/uuid/dist/esm-node/native.js"() {
+    init_react_import();
+    import_crypto3 = __toESM(require("crypto"));
+    native_default = {
+      randomUUID: import_crypto3.default.randomUUID
+    };
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/v4.js
+function v4(options, buf, offset3) {
+  if (native_default.randomUUID && !buf && !options) {
+    return native_default.randomUUID();
+  }
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)();
+  rnds[6] = rnds[6] & 15 | 64;
+  rnds[8] = rnds[8] & 63 | 128;
+  if (buf) {
+    offset3 = offset3 || 0;
+    for (let i2 = 0; i2 < 16; ++i2) {
+      buf[offset3 + i2] = rnds[i2];
+    }
+    return buf;
+  }
+  return unsafeStringify(rnds);
+}
+var v4_default;
+var init_v4 = __esm({
+  "../../node_modules/uuid/dist/esm-node/v4.js"() {
+    init_react_import();
+    init_native();
+    init_rng();
+    init_stringify();
+    v4_default = v4;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/sha1.js
+function sha1(bytes) {
+  if (Array.isArray(bytes)) {
+    bytes = Buffer.from(bytes);
+  } else if (typeof bytes === "string") {
+    bytes = Buffer.from(bytes, "utf8");
+  }
+  return import_crypto4.default.createHash("sha1").update(bytes).digest();
+}
+var import_crypto4, sha1_default;
+var init_sha1 = __esm({
+  "../../node_modules/uuid/dist/esm-node/sha1.js"() {
+    init_react_import();
+    import_crypto4 = __toESM(require("crypto"));
+    sha1_default = sha1;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/v5.js
+var v5, v5_default;
+var init_v5 = __esm({
+  "../../node_modules/uuid/dist/esm-node/v5.js"() {
+    init_react_import();
+    init_v35();
+    init_sha1();
+    v5 = v35("v5", 80, sha1_default);
+    v5_default = v5;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/nil.js
+var nil_default;
+var init_nil = __esm({
+  "../../node_modules/uuid/dist/esm-node/nil.js"() {
+    init_react_import();
+    nil_default = "00000000-0000-0000-0000-000000000000";
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/version.js
+function version(uuid) {
+  if (!validate_default(uuid)) {
+    throw TypeError("Invalid UUID");
+  }
+  return parseInt(uuid.slice(14, 15), 16);
+}
+var version_default;
+var init_version = __esm({
+  "../../node_modules/uuid/dist/esm-node/version.js"() {
+    init_react_import();
+    init_validate();
+    version_default = version;
+  }
+});
+
+// ../../node_modules/uuid/dist/esm-node/index.js
+var esm_node_exports = {};
+__export(esm_node_exports, {
+  NIL: () => nil_default,
+  parse: () => parse_default,
+  stringify: () => stringify_default,
+  v1: () => v1_default,
+  v3: () => v3_default,
+  v4: () => v4_default,
+  v5: () => v5_default,
+  validate: () => validate_default,
+  version: () => version_default
+});
+var init_esm_node = __esm({
+  "../../node_modules/uuid/dist/esm-node/index.js"() {
+    init_react_import();
+    init_v1();
+    init_v3();
+    init_v4();
+    init_v5();
+    init_nil();
+    init_version();
+    init_validate();
+    init_stringify();
+    init_parse();
+  }
+});
+
 // ../../node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.js
 var react_hotkeys_hook_esm_exports = {};
 __export(react_hotkeys_hook_esm_exports, {
@@ -49590,7 +49958,7 @@ var require_dist = __commonJS({
             var HostPortal = 4;
             var HostComponent = 5;
             var HostText = 6;
-            var Fragment14 = 7;
+            var Fragment13 = 7;
             var Mode = 8;
             var ContextConsumer = 9;
             var ContextProvider = 10;
@@ -50746,7 +51114,7 @@ var require_dist = __commonJS({
                   return "DehydratedFragment";
                 case ForwardRef:
                   return getWrappedName$1(type, type.render, "ForwardRef");
-                case Fragment14:
+                case Fragment13:
                   return "Fragment";
                 case HostComponent:
                   return type;
@@ -60417,7 +60785,7 @@ var require_dist = __commonJS({
                 }
               }
               function updateFragment2(returnFiber, current2, fragment, lanes, key) {
-                if (current2 === null || current2.tag !== Fragment14) {
+                if (current2 === null || current2.tag !== Fragment13) {
                   var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
                   created.return = returnFiber;
                   return created;
@@ -60820,7 +61188,7 @@ var require_dist = __commonJS({
                   if (child.key === key) {
                     var elementType = element.type;
                     if (elementType === REACT_FRAGMENT_TYPE) {
-                      if (child.tag === Fragment14) {
+                      if (child.tag === Fragment13) {
                         deleteRemainingChildren(returnFiber, child.sibling);
                         var existing = useFiber(child, element.props.children);
                         existing.return = returnFiber;
@@ -61105,11 +61473,11 @@ var require_dist = __commonJS({
             }
             function registerMutableSourceForHydration(root2, mutableSource) {
               var getVersion2 = mutableSource._getVersion;
-              var version = getVersion2(mutableSource._source);
+              var version2 = getVersion2(mutableSource._source);
               if (root2.mutableSourceEagerHydrationData == null) {
-                root2.mutableSourceEagerHydrationData = [mutableSource, version];
+                root2.mutableSourceEagerHydrationData = [mutableSource, version2];
               } else {
-                root2.mutableSourceEagerHydrationData.push(mutableSource, version);
+                root2.mutableSourceEagerHydrationData.push(mutableSource, version2);
               }
             }
             var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher, ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
@@ -64995,7 +65363,7 @@ var require_dist = __commonJS({
                   var _resolvedProps2 = workInProgress2.elementType === type ? _unresolvedProps2 : resolveDefaultProps(type, _unresolvedProps2);
                   return updateForwardRef(current2, workInProgress2, type, _resolvedProps2, renderLanes2);
                 }
-                case Fragment14:
+                case Fragment13:
                   return updateFragment(current2, workInProgress2, renderLanes2);
                 case Mode:
                   return updateMode(current2, workInProgress2, renderLanes2);
@@ -65268,7 +65636,7 @@ var require_dist = __commonJS({
                 case SimpleMemoComponent:
                 case FunctionComponent:
                 case ForwardRef:
-                case Fragment14:
+                case Fragment13:
                 case Mode:
                 case Profiler:
                 case ContextConsumer:
@@ -69527,7 +69895,7 @@ var require_dist = __commonJS({
               return fiber;
             }
             function createFiberFromFragment(elements, mode, lanes, key) {
-              var fiber = createFiber(Fragment14, elements, key, mode);
+              var fiber = createFiber(Fragment13, elements, key, mode);
               fiber.lanes = lanes;
               return fiber;
             }
@@ -70667,7 +71035,7 @@ var require_dist = __commonJS({
     init_react_import2();
     var import_react22 = require("react");
     init_react_import2();
-    var Button_module_default = { "Button": "_Button_1brfa_1", "Button--medium": "_Button--medium_1brfa_22", "Button--large": "_Button--large_1brfa_29", "Button-icon": "_Button-icon_1brfa_36", "Button--primary": "_Button--primary_1brfa_44", "Button--secondary": "_Button--secondary_1brfa_53", "Button--flush": "_Button--flush_1brfa_64", "Button--disabled": "_Button--disabled_1brfa_68", "Button--fullWidth": "_Button--fullWidth_1brfa_78" };
+    var Button_module_default = { "Button": "_Button_8fn3a_1", "Button--medium": "_Button--medium_8fn3a_29", "Button--large": "_Button--large_8fn3a_37", "Button-icon": "_Button-icon_8fn3a_44", "Button--primary": "_Button--primary_8fn3a_48", "Button--secondary": "_Button--secondary_8fn3a_67", "Button--flush": "_Button--flush_8fn3a_82", "Button--disabled": "_Button--disabled_8fn3a_86", "Button--fullWidth": "_Button--fullWidth_8fn3a_93", "Button-spinner": "_Button-spinner_8fn3a_98" };
     init_react_import2();
     var import_classnames2 = __toESM2(require_classnames2());
     var getClassNameFactory2 = (rootClass, styles, { baseClass = "" } = {}) => (options = {}) => {
@@ -70717,7 +71085,7 @@ var require_dist = __commonJS({
     }) => {
       const [loading, setLoading] = (0, import_react22.useState)(loadingProp);
       (0, import_react22.useEffect)(() => setLoading(loadingProp), [loadingProp]);
-      const ElementType = href ? "a" : onClick ? "button" : "div";
+      const ElementType = href ? "a" : type ? "button" : "span";
       const el = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
         ElementType,
         {
@@ -70745,10 +71113,7 @@ var require_dist = __commonJS({
           children: [
             icon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: getClassName4("icon"), children: icon }),
             children,
-            loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-              "\xA0\xA0",
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_spinners2.ClipLoader, { "aria-label": "loading", color: "inherit", size: "14px" })
-            ] })
+            loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: getClassName4("spinner"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_spinners2.ClipLoader, { "aria-label": "loading", color: "inherit", size: "14px" }) })
           ]
         }
       );
@@ -70757,7 +71122,7 @@ var require_dist = __commonJS({
     init_react_import2();
     var import_dnd2 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
     init_react_import2();
-    var styles_module_default4 = { "DrawerItem": "_DrawerItem_1qydx_1", "DrawerItem-default": "_DrawerItem-default_1qydx_1", "DrawerItem-draggableWrapper": "_DrawerItem-draggableWrapper_1qydx_1", "DrawerItem-draggable": "_DrawerItem-draggable_1qydx_1", "Drawer": "_Drawer_1qydx_1", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_1qydx_21", "DrawerItem-name": "_DrawerItem-name_1qydx_26" };
+    var styles_module_default4 = { "Drawer": "_Drawer_6zh0b_1", "DrawerItem-default": "_DrawerItem-default_6zh0b_5", "DrawerItem-draggableWrapper": "_DrawerItem-draggableWrapper_6zh0b_5", "DrawerItem": "_DrawerItem_6zh0b_5", "DrawerItem-draggable": "_DrawerItem-draggable_6zh0b_5", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_6zh0b_31", "DrawerItem-name": "_DrawerItem-name_6zh0b_47" };
     init_react_import2();
     var import_dnd = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
     var import_jsx_runtime22 = require("react/jsx-runtime");
@@ -70822,7 +71187,7 @@ var require_dist = __commonJS({
       return result;
     };
     init_react_import2();
-    var styles_module_default22 = { "DragIcon": "_DragIcon_o29on_1" };
+    var styles_module_default22 = { "DragIcon": "_DragIcon_1p5wn_1" };
     var import_jsx_runtime32 = require("react/jsx-runtime");
     var getClassName22 = get_class_name_factory_default2("DragIcon", styles_module_default22);
     var DragIcon = () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: getClassName22(), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { viewBox: "0 0 20 20", width: "12", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }) }) });
@@ -70858,10 +71223,10 @@ var require_dist = __commonJS({
       const ctx = (0, import_react32.useContext)(drawerContext);
       const resolvedId = `${ctx.droppableId}::${id || name}`;
       const CustomInner = (0, import_react32.useMemo)(
-        () => children || (({ children: children2 }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("default"), children: children2 })),
+        () => children || (({ children: children2, name: name2 }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("default"), children: children2 })),
         [children]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DrawerDraggable, { id: resolvedId, index, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CustomInner, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("draggableWrapper"), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: getClassNameItem2("draggable"), children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DrawerDraggable, { id: resolvedId, index, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CustomInner, { name, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("draggableWrapper"), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: getClassNameItem2("draggable"), children: [
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("name"), children: name }),
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("icon"), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DragIcon, {}) })
       ] }) }) }) });
@@ -70892,7 +71257,7 @@ var require_dist = __commonJS({
     var import_react62 = require("react");
     var import_dnd3 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
     init_react_import2();
-    var styles_module_default32 = { "DraggableComponent": "_DraggableComponent_foluk_1", "DraggableComponent--isDragging": "_DraggableComponent--isDragging_foluk_6", "DraggableComponent-contents": "_DraggableComponent-contents_foluk_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_foluk_25", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_foluk_39", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_foluk_55", "DraggableComponent--forceHover": "_DraggableComponent--forceHover_foluk_61", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_foluk_66", "DraggableComponent--indicativeHover": "_DraggableComponent--indicativeHover_foluk_71", "DraggableComponent-actions": "_DraggableComponent-actions_foluk_97", "DraggableComponent-actionsLabel": "_DraggableComponent-actionsLabel_foluk_120", "DraggableComponent-action": "_DraggableComponent-action_foluk_97" };
+    var styles_module_default32 = { "DraggableComponent": "_DraggableComponent_1vpvt_1", "DraggableComponent--isDragging": "_DraggableComponent--isDragging_1vpvt_10", "DraggableComponent-contents": "_DraggableComponent-contents_1vpvt_16", "DraggableComponent-overlay": "_DraggableComponent-overlay_1vpvt_29", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_1vpvt_42", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_1vpvt_58", "DraggableComponent--forceHover": "_DraggableComponent--forceHover_1vpvt_64", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_1vpvt_69", "DraggableComponent--indicativeHover": "_DraggableComponent--indicativeHover_1vpvt_74", "DraggableComponent-actions": "_DraggableComponent-actions_1vpvt_100", "DraggableComponent-actionsLabel": "_DraggableComponent-actionsLabel_1vpvt_125", "DraggableComponent-action": "_DraggableComponent-action_1vpvt_100" };
     init_react_import2();
     init_react_import2();
     var import_react42 = require("react");
@@ -71036,6 +71401,18 @@ var require_dist = __commonJS({
       ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
     ]);
     init_react_import2();
+    var SlidersHorizontal = createLucideIcon2("SlidersHorizontal", [
+      ["line", { x1: "21", x2: "14", y1: "4", y2: "4", key: "obuewd" }],
+      ["line", { x1: "10", x2: "3", y1: "4", y2: "4", key: "1q6298" }],
+      ["line", { x1: "21", x2: "12", y1: "12", y2: "12", key: "1iu8h1" }],
+      ["line", { x1: "8", x2: "3", y1: "12", y2: "12", key: "ntss68" }],
+      ["line", { x1: "21", x2: "16", y1: "20", y2: "20", key: "14d8ph" }],
+      ["line", { x1: "12", x2: "3", y1: "20", y2: "20", key: "m0wm8r" }],
+      ["line", { x1: "14", x2: "14", y1: "2", y2: "6", key: "14e1ph" }],
+      ["line", { x1: "8", x2: "8", y1: "10", y2: "14", key: "1i6ji0" }],
+      ["line", { x1: "16", x2: "16", y1: "18", y2: "22", key: "1lctlv" }]
+    ]);
+    init_react_import2();
     var Trash = createLucideIcon2("Trash", [
       ["path", { d: "M3 6h18", key: "d0wm0j" }],
       ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
@@ -71169,7 +71546,7 @@ var require_dist = __commonJS({
       return __spreadProps2(__spreadValues2({}, item), { props: dynamicProps[item.props.id] || item.props });
     };
     init_react_import2();
-    var styles_module_default42 = { "DropZone": "_DropZone_i675d_1", "DropZone--zoomEnabled": "_DropZone--zoomEnabled_i675d_10", "DropZone-renderWrapper": "_DropZone-renderWrapper_i675d_14", "DropZone-content": "_DropZone-content_i675d_18", "DropZone--userIsDragging": "_DropZone--userIsDragging_i675d_23", "DropZone--draggingOverArea": "_DropZone--draggingOverArea_i675d_27", "DropZone--draggingNewComponent": "_DropZone--draggingNewComponent_i675d_28", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_i675d_34", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_i675d_35", "DropZone--isDisabled": "_DropZone--isDisabled_i675d_36", "DropZone--isRootZone": "_DropZone--isRootZone_i675d_37", "DropZone--hasChildren": "_DropZone--hasChildren_i675d_43", "DropZone--isDestination": "_DropZone--isDestination_i675d_48", "DropZone-item": "_DropZone-item_i675d_56", "DropZone-hitbox": "_DropZone-hitbox_i675d_60" };
+    var styles_module_default42 = { "DropZone": "_DropZone_utidm_1", "DropZone--zoomEnabled": "_DropZone--zoomEnabled_utidm_10", "DropZone-renderWrapper": "_DropZone-renderWrapper_utidm_14", "DropZone-content": "_DropZone-content_utidm_18", "DropZone--userIsDragging": "_DropZone--userIsDragging_utidm_23", "DropZone--draggingOverArea": "_DropZone--draggingOverArea_utidm_27", "DropZone--draggingNewComponent": "_DropZone--draggingNewComponent_utidm_28", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_utidm_34", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_utidm_35", "DropZone--isDisabled": "_DropZone--isDisabled_utidm_36", "DropZone--isRootZone": "_DropZone--isRootZone_utidm_37", "DropZone--hasChildren": "_DropZone--hasChildren_utidm_43", "DropZone--isDestination": "_DropZone--isDestination_utidm_48", "DropZone-item": "_DropZone-item_utidm_56", "DropZone-hitbox": "_DropZone-hitbox_utidm_60" };
     init_react_import2();
     var import_react72 = require("react");
     var import_use_debounce = (init_index_module(), __toCommonJS(index_module_exports));
@@ -71574,7 +71951,7 @@ var require_dist = __commonJS({
                         {
                           "data-puck-placeholder": true,
                           style: __spreadProps2(__spreadValues2({}, placeholderStyle), {
-                            background: "var(--puck-color-azure-5)",
+                            background: "var(--puck-color-azure-06)",
                             opacity: 0.3,
                             zIndex: 0
                           })
@@ -71632,7 +72009,7 @@ var require_dist = __commonJS({
     init_react_import2();
     var import_react102 = require("react");
     init_react_import2();
-    var IconButton_module_default = { "IconButton": "_IconButton_38xdr_1", "IconButton-title": "_IconButton-title_38xdr_18" };
+    var IconButton_module_default = { "IconButton": "_IconButton_1xqlg_1", "IconButton-title": "_IconButton-title_1xqlg_33" };
     var import_react_spinners3 = (init_esm(), __toCommonJS(esm_exports));
     var import_jsx_runtime8 = require("react/jsx-runtime");
     var getClassName6 = get_class_name_factory_default2("IconButton", IconButton_module_default);
@@ -71737,10 +72114,10 @@ var require_dist = __commonJS({
     };
     init_react_import2();
     init_react_import2();
-    var styles_module_default5 = { "SidebarSection": "_SidebarSection_170gs_1", "SidebarSection-title": "_SidebarSection-title_170gs_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_170gs_20", "SidebarSection-content": "_SidebarSection-content_170gs_24", "SidebarSection--noPadding": "_SidebarSection--noPadding_170gs_28", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_170gs_41", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_170gs_52", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_170gs_41", "SidebarSection-heading": "_SidebarSection-heading_170gs_64", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_170gs_68" };
+    var styles_module_default5 = { "SidebarSection": "_SidebarSection_125qe_1", "SidebarSection-title": "_SidebarSection-title_125qe_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_125qe_20", "SidebarSection-content": "_SidebarSection-content_125qe_24", "SidebarSection--noPadding": "_SidebarSection--noPadding_125qe_28", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_125qe_41", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_125qe_70", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_125qe_41", "SidebarSection-heading": "_SidebarSection-heading_125qe_82", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_125qe_86" };
     init_react_import2();
     init_react_import2();
-    var styles_module_default6 = { "Heading": "_Heading_1bvy5_1", "Heading--xxxxl": "_Heading--xxxxl_1bvy5_13", "Heading--xxxl": "_Heading--xxxl_1bvy5_19", "Heading--xxl": "_Heading--xxl_1bvy5_23", "Heading--xl": "_Heading--xl_1bvy5_27", "Heading--l": "_Heading--l_1bvy5_31", "Heading--m": "_Heading--m_1bvy5_35", "Heading--s": "_Heading--s_1bvy5_39", "Heading--xs": "_Heading--xs_1bvy5_43" };
+    var styles_module_default6 = { "Heading": "_Heading_qxrry_1", "Heading--xxxxl": "_Heading--xxxxl_qxrry_12", "Heading--xxxl": "_Heading--xxxl_qxrry_18", "Heading--xxl": "_Heading--xxl_qxrry_22", "Heading--xl": "_Heading--xl_qxrry_26", "Heading--l": "_Heading--l_qxrry_30", "Heading--m": "_Heading--m_qxrry_34", "Heading--s": "_Heading--s_qxrry_38", "Heading--xs": "_Heading--xs_qxrry_42" };
     var import_jsx_runtime9 = require("react/jsx-runtime");
     var getClassName7 = get_class_name_factory_default2("Heading", styles_module_default6);
     var Heading2 = ({ children, rank, size = "m" }) => {
@@ -71842,7 +72219,7 @@ var require_dist = __commonJS({
             /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: getClassName8("title"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: getClassName8("breadcrumbs"), children: [
               showBreadcrumbs ? breadcrumbs.map((breadcrumb, i2) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: getClassName8("breadcrumb"), children: [
                 /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                  "div",
+                  "button",
                   {
                     className: getClassName8("breadcrumbLabel"),
                     onClick: () => setUi({ itemSelector: breadcrumb.selector }),
@@ -71875,8 +72252,8 @@ var require_dist = __commonJS({
     };
     init_react_import2();
     init_react_import2();
-    var import_crypto = require("crypto");
-    var generateId = (type) => `${type}-${(0, import_crypto.randomBytes)(20).toString("hex")}`;
+    var import_uuid = (init_esm_node(), __toCommonJS(esm_node_exports));
+    var generateId = (type) => `${type}-${(0, import_uuid.v4)()}`;
     var reduceRelatedZones = (item, data, fn) => {
       return __spreadProps2(__spreadValues2({}, data), {
         zones: Object.keys(data.zones || {}).reduce(
@@ -72326,7 +72703,10 @@ var require_dist = __commonJS({
       );
       const runResolvers = () => __async(void 0, null, function* () {
         const newData = newAppState.data;
-        const flatContent = Object.keys(newData.zones || {}).reduce((acc, zone) => [...acc, ...newData.zones[zone]], newData.content).filter((item) => !!config.components[item.type].resolveData);
+        const flatContent = Object.keys(newData.zones || {}).reduce((acc, zone) => [...acc, ...newData.zones[zone]], newData.content).filter((item) => {
+          var _a;
+          return !!((_a = config.components[item.type]) == null ? void 0 : _a.resolveData);
+        });
         const applyIfChange = (dynamicDataMap, dynamicRoot) => {
           const processed = applyDynamicProps(
             appState.data,
@@ -72392,7 +72772,7 @@ var require_dist = __commonJS({
     };
     init_react_import2();
     init_react_import2();
-    var styles_module_default7 = { "MenuBar": "_MenuBar_12sp7_1", "MenuBar--menuOpen": "_MenuBar--menuOpen_12sp7_14", "MenuBar-inner": "_MenuBar-inner_12sp7_29", "MenuBar-history": "_MenuBar-history_12sp7_45" };
+    var styles_module_default7 = { "MenuBar": "_MenuBar_8pf8c_1", "MenuBar--menuOpen": "_MenuBar--menuOpen_8pf8c_14", "MenuBar-inner": "_MenuBar-inner_8pf8c_29", "MenuBar-history": "_MenuBar-history_8pf8c_45" };
     var import_jsx_runtime11 = require("react/jsx-runtime");
     var getClassName9 = get_class_name_factory_default2("MenuBar", styles_module_default7);
     var MenuBar = ({
@@ -72428,14 +72808,14 @@ var require_dist = __commonJS({
                 ChevronLeft,
                 {
                   size: 21,
-                  stroke: hasPast ? "var(--puck-color-black)" : "var(--puck-color-grey-7)"
+                  stroke: hasPast ? "var(--puck-color-black)" : "var(--puck-color-grey-08)"
                 }
               ) }),
               /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconButton, { title: "redo", disabled: !hasFuture, onClick: forward, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 ChevronRight2,
                 {
                   size: 21,
-                  stroke: hasFuture ? "var(--puck-color-black)" : "var(--puck-color-grey-7)"
+                  stroke: hasFuture ? "var(--puck-color-black)" : "var(--puck-color-grey-08)"
                 }
               ) })
             ] }),
@@ -72458,17 +72838,17 @@ var require_dist = __commonJS({
       );
     };
     init_react_import2();
-    var styles_module_default8 = { "Puck": "_Puck_17hk3_19", "Puck--leftSideBarVisible": "_Puck--leftSideBarVisible_17hk3_35", "Puck--rightSideBarVisible": "_Puck--rightSideBarVisible_17hk3_41", "Puck-header": "_Puck-header_17hk3_95", "Puck-headerInner": "_Puck-headerInner_17hk3_104", "Puck-headerToggle": "_Puck-headerToggle_17hk3_114", "Puck-rightSideBarToggle": "_Puck-rightSideBarToggle_17hk3_121", "Puck-leftSideBarToggle": "_Puck-leftSideBarToggle_17hk3_122", "Puck-headerTitle": "_Puck-headerTitle_17hk3_126", "Puck-headerPath": "_Puck-headerPath_17hk3_130", "Puck-headerTools": "_Puck-headerTools_17hk3_137", "Puck-menuButton": "_Puck-menuButton_17hk3_143", "Puck--menuOpen": "_Puck--menuOpen_17hk3_148", "Puck-leftSideBar": "_Puck-leftSideBar_17hk3_122", "Puck-frame": "_Puck-frame_17hk3_167", "Puck-root": "_Puck-root_17hk3_175", "Puck-rightSideBar": "_Puck-rightSideBar_17hk3_121" };
+    var styles_module_default8 = { "Puck": "_Puck_1mnww_19", "Puck--leftSideBarVisible": "_Puck--leftSideBarVisible_1mnww_36", "Puck--rightSideBarVisible": "_Puck--rightSideBarVisible_1mnww_42", "Puck-header": "_Puck-header_1mnww_96", "Puck-headerInner": "_Puck-headerInner_1mnww_105", "Puck-headerToggle": "_Puck-headerToggle_1mnww_115", "Puck-rightSideBarToggle": "_Puck-rightSideBarToggle_1mnww_122", "Puck-leftSideBarToggle": "_Puck-leftSideBarToggle_1mnww_123", "Puck-headerTitle": "_Puck-headerTitle_1mnww_127", "Puck-headerPath": "_Puck-headerPath_1mnww_131", "Puck-headerTools": "_Puck-headerTools_1mnww_138", "Puck-menuButton": "_Puck-menuButton_1mnww_144", "Puck--menuOpen": "_Puck--menuOpen_1mnww_149", "Puck-leftSideBar": "_Puck-leftSideBar_1mnww_123", "Puck-frame": "_Puck-frame_1mnww_168", "Puck-root": "_Puck-root_1mnww_176", "Puck-rightSideBar": "_Puck-rightSideBar_1mnww_122" };
     init_react_import2();
     var import_react_spinners6 = (init_esm(), __toCommonJS(esm_exports));
     init_react_import2();
     init_react_import2();
-    var styles_module_default9 = { "Input": "_Input_1v7zr_1", "Input-label": "_Input-label_1v7zr_27", "Input-labelIcon": "_Input-labelIcon_1v7zr_35", "Input-disabledIcon": "_Input-disabledIcon_1v7zr_41", "Input-input": "_Input-input_1v7zr_46", "Input--readOnly": "_Input--readOnly_1v7zr_69", "Input-radioGroupItems": "_Input-radioGroupItems_1v7zr_87", "Input-radio": "_Input-radio_1v7zr_87", "Input-radioInner": "_Input-radioInner_1v7zr_104", "Input-radioInput": "_Input-radioInput_1v7zr_126" };
+    var styles_module_default9 = { "Input": "_Input_1qi5b_1", "Input-label": "_Input-label_1qi5b_26", "Input-labelIcon": "_Input-labelIcon_1qi5b_34", "Input-disabledIcon": "_Input-disabledIcon_1qi5b_41", "Input-input": "_Input-input_1qi5b_46", "Input--readOnly": "_Input--readOnly_1qi5b_90", "Input-radioGroupItems": "_Input-radioGroupItems_1qi5b_101", "Input-radio": "_Input-radio_1qi5b_101", "Input-radioInner": "_Input-radioInner_1qi5b_118", "Input-radioInput": "_Input-radioInput_1qi5b_163" };
     var import_react18 = require("react");
     init_react_import2();
     init_react_import2();
     init_react_import2();
-    var styles_module_default10 = { "ArrayField": "_ArrayField_1auyc_5", "ArrayField--isDraggingFrom": "_ArrayField--isDraggingFrom_1auyc_13", "ArrayField-addButton": "_ArrayField-addButton_1auyc_17", "ArrayField--hasItems": "_ArrayField--hasItems_1auyc_31", "ArrayFieldItem": "_ArrayFieldItem_1auyc_45", "ArrayFieldItem--isDragging": "_ArrayFieldItem--isDragging_1auyc_53", "ArrayFieldItem--isExpanded": "_ArrayFieldItem--isExpanded_1auyc_58", "ArrayFieldItem-summary": "_ArrayFieldItem-summary_1auyc_73", "ArrayFieldItem--readOnly": "_ArrayFieldItem--readOnly_1auyc_86", "ArrayFieldItem-body": "_ArrayFieldItem-body_1auyc_107", "ArrayFieldItem-fieldset": "_ArrayFieldItem-fieldset_1auyc_115", "ArrayFieldItem-rhs": "_ArrayFieldItem-rhs_1auyc_122", "ArrayFieldItem-actions": "_ArrayFieldItem-actions_1auyc_128", "ArrayFieldItem-action": "_ArrayFieldItem-action_1auyc_128" };
+    var styles_module_default10 = { "ArrayField": "_ArrayField_1txra_5", "ArrayField--isDraggingFrom": "_ArrayField--isDraggingFrom_1txra_13", "ArrayField-addButton": "_ArrayField-addButton_1txra_17", "ArrayField--hasItems": "_ArrayField--hasItems_1txra_32", "ArrayFieldItem": "_ArrayFieldItem_1txra_61", "ArrayFieldItem--isDragging": "_ArrayFieldItem--isDragging_1txra_69", "ArrayFieldItem--isExpanded": "_ArrayFieldItem--isExpanded_1txra_74", "ArrayFieldItem-summary": "_ArrayFieldItem-summary_1txra_84", "ArrayFieldItem--readOnly": "_ArrayFieldItem--readOnly_1txra_108", "ArrayFieldItem-body": "_ArrayFieldItem-body_1txra_142", "ArrayFieldItem-fieldset": "_ArrayFieldItem-fieldset_1txra_150", "ArrayFieldItem-rhs": "_ArrayFieldItem-rhs_1txra_157", "ArrayFieldItem-actions": "_ArrayFieldItem-actions_1txra_163" };
     var import_dnd5 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
     var import_dnd6 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
     var import_react14 = require("react");
@@ -72634,6 +73014,7 @@ var require_dist = __commonJS({
                                       !readOnly && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: getClassNameItem22("actions"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: getClassNameItem22("action"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                                         IconButton,
                                         {
+                                          disabled: field.min !== void 0 && field.min >= localState.arrayState.items.length,
                                           onClick: (e2) => {
                                             e2.stopPropagation();
                                             const existingValue = [
@@ -72698,6 +73079,7 @@ var require_dist = __commonJS({
                         "button",
                         {
                           className: getClassName10("addButton"),
+                          disabled: field.max !== void 0 && localState.arrayState.items.length >= field.max,
                           onClick: () => {
                             const existingValue = value || [];
                             const newValue = [
@@ -72707,7 +73089,7 @@ var require_dist = __commonJS({
                             const newArrayState = regenerateArrayState(newValue);
                             onChange(newValue, mapArrayStateToUi(newArrayState));
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Plus, { size: "21" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Plus, { size: 21 })
                         }
                       )
                     ]
@@ -72756,6 +73138,7 @@ var require_dist = __commonJS({
                 }
               },
               readOnly,
+              tabIndex: readOnly ? -1 : void 0,
               id,
               min: field.type === "number" ? field.min : void 0,
               max: field.type === "number" ? field.max : void 0
@@ -72769,11 +73152,11 @@ var require_dist = __commonJS({
     init_react_import2();
     var import_react16 = require("react");
     init_react_import2();
-    var styles_module_default11 = { "ExternalInput": "_ExternalInput_s6fxy_1", "ExternalInput-actions": "_ExternalInput-actions_s6fxy_5", "ExternalInput-button": "_ExternalInput-button_s6fxy_9", "ExternalInput-detachButton": "_ExternalInput-detachButton_s6fxy_28", "ExternalInput--dataSelected": "_ExternalInput--dataSelected_s6fxy_35", "ExternalInputModal": "_ExternalInputModal_s6fxy_56", "ExternalInputModal-masthead": "_ExternalInputModal-masthead_s6fxy_64", "ExternalInputModal-tableWrapper": "_ExternalInputModal-tableWrapper_s6fxy_72", "ExternalInputModal-table": "_ExternalInputModal-table_s6fxy_72", "ExternalInputModal-thead": "_ExternalInputModal-thead_s6fxy_88", "ExternalInputModal-th": "_ExternalInputModal-th_s6fxy_88", "ExternalInputModal-td": "_ExternalInputModal-td_s6fxy_102", "ExternalInputModal-tr": "_ExternalInputModal-tr_s6fxy_107", "ExternalInputModal-tbody": "_ExternalInputModal-tbody_s6fxy_119", "ExternalInputModal--hasData": "_ExternalInputModal--hasData_s6fxy_138", "ExternalInputModal-loadingBanner": "_ExternalInputModal-loadingBanner_s6fxy_142", "ExternalInputModal--isLoading": "_ExternalInputModal--isLoading_s6fxy_155", "ExternalInputModal-noContentBanner": "_ExternalInputModal-noContentBanner_s6fxy_159", "ExternalInputModal--loaded": "_ExternalInputModal--loaded_s6fxy_166", "ExternalInputModal-searchForm": "_ExternalInputModal-searchForm_s6fxy_171", "ExternalInputModal-search": "_ExternalInputModal-search_s6fxy_171", "ExternalInputModal-searchIcon": "_ExternalInputModal-searchIcon_s6fxy_194", "ExternalInputModal-searchIconText": "_ExternalInputModal-searchIconText_s6fxy_206", "ExternalInputModal-searchInput": "_ExternalInputModal-searchInput_s6fxy_216" };
+    var styles_module_default11 = { "ExternalInput-actions": "_ExternalInput-actions_q3l5a_1", "ExternalInput-button": "_ExternalInput-button_q3l5a_5", "ExternalInput--dataSelected": "_ExternalInput--dataSelected_q3l5a_25", "ExternalInput-detachButton": "_ExternalInput-detachButton_q3l5a_32", "ExternalInputModal": "_ExternalInputModal_q3l5a_74", "ExternalInputModal-grid": "_ExternalInputModal-grid_q3l5a_84", "ExternalInputModal--filtersToggled": "_ExternalInputModal--filtersToggled_q3l5a_95", "ExternalInputModal-filters": "_ExternalInputModal-filters_q3l5a_100", "ExternalInputModal-masthead": "_ExternalInputModal-masthead_q3l5a_119", "ExternalInputModal-tableWrapper": "_ExternalInputModal-tableWrapper_q3l5a_128", "ExternalInputModal-table": "_ExternalInputModal-table_q3l5a_128", "ExternalInputModal-thead": "_ExternalInputModal-thead_q3l5a_144", "ExternalInputModal-th": "_ExternalInputModal-th_q3l5a_144", "ExternalInputModal-td": "_ExternalInputModal-td_q3l5a_159", "ExternalInputModal-tr": "_ExternalInputModal-tr_q3l5a_164", "ExternalInputModal-tbody": "_ExternalInputModal-tbody_q3l5a_171", "ExternalInputModal--hasData": "_ExternalInputModal--hasData_q3l5a_197", "ExternalInputModal-loadingBanner": "_ExternalInputModal-loadingBanner_q3l5a_201", "ExternalInputModal--isLoading": "_ExternalInputModal--isLoading_q3l5a_218", "ExternalInputModal-searchForm": "_ExternalInputModal-searchForm_q3l5a_222", "ExternalInputModal-search": "_ExternalInputModal-search_q3l5a_222", "ExternalInputModal-searchIcon": "_ExternalInputModal-searchIcon_q3l5a_259", "ExternalInputModal-searchIconText": "_ExternalInputModal-searchIconText_q3l5a_284", "ExternalInputModal-searchInput": "_ExternalInputModal-searchInput_q3l5a_294", "ExternalInputModal-searchActions": "_ExternalInputModal-searchActions_q3l5a_308", "ExternalInputModal-searchActionIcon": "_ExternalInputModal-searchActionIcon_q3l5a_321", "ExternalInputModal-footer": "_ExternalInputModal-footer_q3l5a_325" };
     init_react_import2();
     var import_react15 = require("react");
     init_react_import2();
-    var styles_module_default12 = { "Modal": "_Modal_hx2u6_1", "Modal--isOpen": "_Modal--isOpen_hx2u6_15", "Modal-inner": "_Modal-inner_hx2u6_19" };
+    var styles_module_default12 = { "Modal": "_Modal_zud0i_1", "Modal--isOpen": "_Modal--isOpen_zud0i_15", "Modal-inner": "_Modal-inner_zud0i_19" };
     var import_react_dom3 = __toESM2(require_react_dom2());
     var import_jsx_runtime14 = require("react/jsx-runtime");
     var getClassName12 = get_class_name_factory_default2("Modal", styles_module_default12);
@@ -72813,13 +73196,23 @@ var require_dist = __commonJS({
       name,
       id
     }) => {
-      const { mapProp = (val) => val } = field || {};
+      const {
+        mapProp = (val) => val,
+        mapRow = (val) => val,
+        filterFields
+      } = field || {};
       const [data, setData] = (0, import_react16.useState)([]);
       const [isOpen, setOpen] = (0, import_react16.useState)(false);
       const [isLoading, setIsLoading] = (0, import_react16.useState)(true);
+      const hasFilterFields = !!filterFields;
+      const [filters, setFilters] = (0, import_react16.useState)(field.initialFilters || {});
+      const [filtersToggled, setFiltersToggled] = (0, import_react16.useState)(hasFilterFields);
+      const mappedData = (0, import_react16.useMemo)(() => {
+        return data.map(mapRow);
+      }, [data]);
       const keys = (0, import_react16.useMemo)(() => {
         const validKeys = /* @__PURE__ */ new Set();
-        for (const item of data) {
+        for (const item of mappedData) {
           for (const key of Object.keys(item)) {
             if (typeof item[key] === "string" || typeof item[key] === "number") {
               validKeys.add(key);
@@ -72827,13 +73220,13 @@ var require_dist = __commonJS({
           }
         }
         return Array.from(validKeys);
-      }, [data]);
+      }, [mappedData]);
       const [searchQuery, setSearchQuery] = (0, import_react16.useState)(field.initialQuery || "");
       const search = (0, import_react16.useCallback)(
-        (query) => __async(void 0, null, function* () {
+        (query, filters2) => __async(void 0, null, function* () {
           setIsLoading(true);
-          const cacheKey = `${id}-${name}-${query}`;
-          const listData = dataCache[cacheKey] || (yield field.fetchList({ query }));
+          const cacheKey = `${id}-${name}-${query}-${JSON.stringify(filters2)}`;
+          const listData = dataCache[cacheKey] || (yield field.fetchList({ query, filters: filters2 }));
           if (listData) {
             setData(listData);
             setIsLoading(false);
@@ -72843,7 +73236,7 @@ var require_dist = __commonJS({
         [name, field]
       );
       (0, import_react16.useEffect)(() => {
-        search(searchQuery);
+        search(searchQuery, filters);
       }, []);
       return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "div",
@@ -72878,78 +73271,109 @@ var require_dist = __commonJS({
               )
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Modal, { onClose: () => setOpen(false), isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-              "div",
+              "form",
               {
                 className: getClassNameModal({
                   isLoading,
                   loaded: !isLoading,
-                  hasData: data.length > 0
+                  hasData: mappedData.length > 0,
+                  filtersToggled
                 }),
+                onSubmit: (e2) => {
+                  e2.preventDefault();
+                  search(searchQuery, filters);
+                },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("masthead"), children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Heading2, { rank: 2, size: "xxl", children: "Select content" }),
-                    field.showSearch && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-                      "form",
-                      {
-                        className: getClassNameModal("searchForm"),
-                        onSubmit: (e2) => {
-                          e2.preventDefault();
-                          search(searchQuery);
-                        },
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: getClassNameModal("search"), children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: getClassNameModal("searchIconText"), children: "Search" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("searchIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Search, { size: "18" }) }),
-                            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                              "input",
-                              {
-                                className: getClassNameModal("searchInput"),
-                                name: "q",
-                                type: "search",
-                                placeholder: "Search",
-                                onChange: (e2) => {
-                                  setSearchQuery(e2.currentTarget.value);
-                                },
-                                autoComplete: "off",
-                                value: searchQuery
-                              }
-                            )
-                          ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { type: "submit", loading: isLoading, disabled: isLoading, children: "Search" })
-                        ]
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("tableWrapper"), children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("table", { className: getClassNameModal("table"), children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("thead", { className: getClassNameModal("thead"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tr", { className: getClassNameModal("tr"), children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                        "th",
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("masthead"), children: field.showSearch ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("searchForm"), children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: getClassNameModal("search"), children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: getClassNameModal("searchIconText"), children: "Search" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("searchIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Search, { size: "18" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        "input",
                         {
-                          className: getClassNameModal("th"),
-                          style: { textAlign: "left" },
-                          children: key
+                          className: getClassNameModal("searchInput"),
+                          name: "q",
+                          type: "search",
+                          placeholder: field.placeholder,
+                          onChange: (e2) => {
+                            setSearchQuery(e2.currentTarget.value);
+                          },
+                          autoComplete: "off",
+                          value: searchQuery
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("searchActions"), children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { type: "submit", loading: isLoading, fullWidth: true, children: "Search" }),
+                      hasFilterFields && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("searchActionIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        IconButton,
+                        {
+                          title: "Toggle filters",
+                          onClick: (e2) => {
+                            e2.preventDefault();
+                            e2.stopPropagation();
+                            setFiltersToggled(!filtersToggled);
+                          },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlidersHorizontal, { size: 20 })
+                        }
+                      ) })
+                    ] })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Heading2, { rank: 2, size: "xs", children: field.placeholder || "Select data" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("grid"), children: [
+                    hasFilterFields && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("filters"), children: hasFilterFields && Object.keys(filterFields).map((fieldName) => {
+                      const filterField = filterFields[fieldName];
+                      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        InputOrGroup,
+                        {
+                          field: filterField,
+                          name: fieldName,
+                          id: `external_field_${fieldName}_filter`,
+                          label: filterField.label || fieldName,
+                          value: filters[fieldName],
+                          onChange: (value2) => {
+                            const newFilters = __spreadProps2(__spreadValues2({}, filters), { [fieldName]: value2 });
+                            setFilters(newFilters);
+                            search(searchQuery, newFilters);
+                          }
                         },
-                        key
-                      )) }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tbody", { className: getClassNameModal("tbody"), children: data.map((item, i2) => {
-                        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                          "tr",
+                        fieldName
+                      );
+                    }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("tableWrapper"), children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("table", { className: getClassNameModal("table"), children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("thead", { className: getClassNameModal("thead"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tr", { className: getClassNameModal("tr"), children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                          "th",
                           {
-                            style: { whiteSpace: "nowrap" },
-                            className: getClassNameModal("tr"),
-                            onClick: (e2) => {
-                              onChange(mapProp(item));
-                              setOpen(false);
-                            },
-                            children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("td", { className: getClassNameModal("td"), children: item[key] }, key))
+                            className: getClassNameModal("th"),
+                            style: { textAlign: "left" },
+                            children: key
                           },
-                          i2
-                        );
-                      }) })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("loadingBanner"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_spinners5.ClipLoader, { size: 24, "aria-label": "Loading" }) })
+                          key
+                        )) }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tbody", { className: getClassNameModal("tbody"), children: mappedData.map((item, i2) => {
+                          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                            "tr",
+                            {
+                              style: { whiteSpace: "nowrap" },
+                              className: getClassNameModal("tr"),
+                              onClick: () => {
+                                onChange(mapProp(data[i2]));
+                                setOpen(false);
+                              },
+                              children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("td", { className: getClassNameModal("td"), children: item[key] }, key))
+                            },
+                            i2
+                          );
+                        }) })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("loadingBanner"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_spinners5.ClipLoader, { size: 24, "aria-label": "Loading" }) })
+                    ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("noContentBanner"), children: "No results." })
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("footer"), children: [
+                    mappedData.length,
+                    " result",
+                    mappedData.length === 1 ? "" : "s"
+                  ] })
                 ]
               }
             ) })
@@ -72993,6 +73417,7 @@ var require_dist = __commonJS({
                 // DEPRECATED
                 placeholder: ((_a = deprecatedField.adaptor) == null ? void 0 : _a.name) ? `Select from ${deprecatedField.adaptor.name}` : validField.placeholder || "Select data",
                 mapProp: ((_b = deprecatedField.adaptor) == null ? void 0 : _b.mapProp) || validField.mapProp,
+                mapRow: validField.mapRow,
                 fetchList: ((_c = deprecatedField.adaptor) == null ? void 0 : _c.fetchList) ? () => __async(void 0, null, function* () {
                   return yield deprecatedField.adaptor.fetchList(
                     deprecatedField.adaptorParams
@@ -73135,6 +73560,7 @@ var require_dist = __commonJS({
               value: typeof value === "undefined" ? "" : value,
               onChange: (e2) => onChange(e2.currentTarget.value),
               readOnly,
+              tabIndex: readOnly ? -1 : void 0,
               rows: 5
             }
           )
@@ -73144,7 +73570,7 @@ var require_dist = __commonJS({
     var import_use_debounce2 = (init_index_module(), __toCommonJS(index_module_exports));
     init_react_import2();
     init_react_import2();
-    var styles_module_default13 = { "ObjectField": "_ObjectField_56z4t_5", "ObjectField-fieldset": "_ObjectField-fieldset_56z4t_13" };
+    var styles_module_default13 = { "ObjectField": "_ObjectField_15j63_5", "ObjectField-fieldset": "_ObjectField-fieldset_15j63_13" };
     var import_jsx_runtime20 = require("react/jsx-runtime");
     var getClassName17 = get_class_name_factory_default2("ObjectField", styles_module_default13);
     var getClassNameItem3 = get_class_name_factory_default2("ObjectFieldItem", styles_module_default13);
@@ -73302,7 +73728,7 @@ var require_dist = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Render2, __spreadProps2(__spreadValues2({}, mergedProps), { children }));
     };
     init_react_import2();
-    var styles_module_default14 = { "PuckFields": "_PuckFields_1276r_1", "PuckFields-loadingOverlay": "_PuckFields-loadingOverlay_1276r_5" };
+    var styles_module_default14 = { "PuckFields": "_PuckFields_17k3p_1", "PuckFields-loadingOverlay": "_PuckFields-loadingOverlay_17k3p_6" };
     var import_react19 = require("react");
     var import_jsx_runtime222 = require("react/jsx-runtime");
     var getClassName19 = get_class_name_factory_default2("PuckFields", styles_module_default14);
@@ -73449,7 +73875,7 @@ var require_dist = __commonJS({
     var import_react20 = require("react");
     init_react_import2();
     init_react_import2();
-    var styles_module_default15 = { "ComponentList": "_ComponentList_1di93_1", "ComponentList--isExpanded": "_ComponentList--isExpanded_1di93_6", "ComponentList-content": "_ComponentList-content_1di93_10", "ComponentList-title": "_ComponentList-title_1di93_18", "ComponentList-titleIcon": "_ComponentList-titleIcon_1di93_39" };
+    var styles_module_default15 = { "ComponentList": "_ComponentList_odh9d_1", "ComponentList--isExpanded": "_ComponentList--isExpanded_odh9d_5", "ComponentList-content": "_ComponentList-content_odh9d_9", "ComponentList-title": "_ComponentList-title_odh9d_17", "ComponentList-titleIcon": "_ComponentList-titleIcon_odh9d_53" };
     var import_jsx_runtime23 = require("react/jsx-runtime");
     var getClassName20 = get_class_name_factory_default2("ComponentList", styles_module_default15);
     var ComponentListItem = ({
@@ -73468,7 +73894,7 @@ var require_dist = __commonJS({
       const { expanded = true } = state.ui.componentList[id] || {};
       return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: getClassName20({ isExpanded: expanded }), children: [
         title && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-          "div",
+          "button",
           {
             className: getClassName20("title"),
             onClick: () => setUi({
@@ -73614,7 +74040,7 @@ var require_dist = __commonJS({
     };
     init_react_import2();
     init_react_import2();
-    var styles_module_default16 = { "LayerTree": "_LayerTree_o89yt_1", "LayerTree-zoneTitle": "_LayerTree-zoneTitle_o89yt_11", "LayerTree-helper": "_LayerTree-helper_o89yt_17", "Layer": "_Layer_o89yt_1", "Layer-inner": "_Layer-inner_o89yt_29", "Layer--containsZone": "_Layer--containsZone_o89yt_35", "Layer-clickable": "_Layer-clickable_o89yt_39", "Layer--isSelected": "_Layer--isSelected_o89yt_48", "Layer--isHovering": "_Layer--isHovering_o89yt_49", "Layer-chevron": "_Layer-chevron_o89yt_65", "Layer--childIsSelected": "_Layer--childIsSelected_o89yt_66", "Layer-zones": "_Layer-zones_o89yt_70", "Layer-title": "_Layer-title_o89yt_84", "Layer-name": "_Layer-name_o89yt_93", "Layer-icon": "_Layer-icon_o89yt_99", "Layer-zoneIcon": "_Layer-zoneIcon_o89yt_104" };
+    var styles_module_default16 = { "LayerTree": "_LayerTree_1pgw8_1", "LayerTree-zoneTitle": "_LayerTree-zoneTitle_1pgw8_11", "LayerTree-helper": "_LayerTree-helper_1pgw8_17", "Layer": "_Layer_1pgw8_1", "Layer-inner": "_Layer-inner_1pgw8_29", "Layer--containsZone": "_Layer--containsZone_1pgw8_35", "Layer-clickable": "_Layer-clickable_1pgw8_39", "Layer--isSelected": "_Layer--isSelected_1pgw8_61", "Layer-chevron": "_Layer-chevron_1pgw8_77", "Layer--childIsSelected": "_Layer--childIsSelected_1pgw8_78", "Layer-zones": "_Layer-zones_1pgw8_82", "Layer-title": "_Layer-title_1pgw8_96", "Layer-name": "_Layer-name_1pgw8_105", "Layer-icon": "_Layer-icon_1pgw8_111", "Layer-zoneIcon": "_Layer-zoneIcon_1pgw8_116" };
     init_react_import2();
     var scrollIntoView2 = (el) => {
       const oldStyle = __spreadValues2({}, el.style);
@@ -73680,7 +74106,7 @@ var require_dist = __commonJS({
                 }),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("inner"), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-                    "div",
+                    "button",
                     {
                       className: getClassNameLayer("clickable"),
                       onClick: () => {
@@ -74241,7 +74667,7 @@ var require_dist = __commonJS({
                                   "div",
                                   {
                                     style: {
-                                      background: "var(--puck-color-grey-10)",
+                                      background: "var(--puck-color-grey-11)",
                                       height: "100%",
                                       flexGrow: 1
                                     }
@@ -74378,8 +74804,8 @@ var require_dist = __commonJS({
     });
     init_react_import2();
     var usePuck2 = () => {
-      const { state: appState, config, dispatch } = useAppContext2();
-      return { appState, config, dispatch };
+      const { state: appState, config, history, dispatch } = useAppContext2();
+      return { appState, config, dispatch, history };
     };
   }
 });
@@ -74454,7 +74880,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css#css-module
 init_react_import();
-var styles_module_default = { "SidebarSection": "_SidebarSection_170gs_1", "SidebarSection-title": "_SidebarSection-title_170gs_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_170gs_20", "SidebarSection-content": "_SidebarSection-content_170gs_24", "SidebarSection--noPadding": "_SidebarSection--noPadding_170gs_28", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_170gs_41", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_170gs_52", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_170gs_41", "SidebarSection-heading": "_SidebarSection-heading_170gs_64", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_170gs_68" };
+var styles_module_default = { "SidebarSection": "_SidebarSection_125qe_1", "SidebarSection-title": "_SidebarSection-title_125qe_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_125qe_20", "SidebarSection-content": "_SidebarSection-content_125qe_24", "SidebarSection--noPadding": "_SidebarSection--noPadding_125qe_28", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_125qe_41", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_125qe_70", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_125qe_41", "SidebarSection-heading": "_SidebarSection-heading_125qe_82", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_125qe_86" };
 
 // ../core/lib/get-class-name-factory.ts
 init_react_import();
@@ -74493,7 +74919,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css#css-module
 init_react_import();
-var styles_module_default2 = { "Heading": "_Heading_1bvy5_1", "Heading--xxxxl": "_Heading--xxxxl_1bvy5_13", "Heading--xxxl": "_Heading--xxxl_1bvy5_19", "Heading--xxl": "_Heading--xxl_1bvy5_23", "Heading--xl": "_Heading--xl_1bvy5_27", "Heading--l": "_Heading--l_1bvy5_31", "Heading--m": "_Heading--m_1bvy5_35", "Heading--s": "_Heading--s_1bvy5_39", "Heading--xs": "_Heading--xs_1bvy5_43" };
+var styles_module_default2 = { "Heading": "_Heading_qxrry_1", "Heading--xxxxl": "_Heading--xxxxl_qxrry_12", "Heading--xxxl": "_Heading--xxxl_qxrry_18", "Heading--xxl": "_Heading--xxl_qxrry_22", "Heading--xl": "_Heading--xl_qxrry_26", "Heading--l": "_Heading--l_qxrry_30", "Heading--m": "_Heading--m_qxrry_34", "Heading--s": "_Heading--s_qxrry_38", "Heading--xs": "_Heading--xs_qxrry_42" };
 
 // ../core/components/Heading/index.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -74749,7 +75175,7 @@ var SidebarSection = ({
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: getClassName2("title"), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: getClassName2("breadcrumbs"), children: [
           showBreadcrumbs ? breadcrumbs.map((breadcrumb, i2) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: getClassName2("breadcrumb"), children: [
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              "div",
+              "button",
               {
                 className: getClassName2("breadcrumbLabel"),
                 onClick: () => setUi({ itemSelector: breadcrumb.selector }),
@@ -74772,7 +75198,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css#css-module
 init_react_import();
-var styles_module_default3 = { "OutlineList": "_OutlineList_1nwoz_1", "OutlineListItem": "_OutlineListItem_1nwoz_20", "OutlineListItem--clickable": "_OutlineListItem--clickable_1nwoz_35" };
+var styles_module_default3 = { "OutlineList": "_OutlineList_18bgy_1", "OutlineListItem": "_OutlineListItem_18bgy_20", "OutlineListItem--clickable": "_OutlineListItem--clickable_18bgy_35" };
 
 // ../core/components/OutlineList/index.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -74895,7 +75321,7 @@ var HeadingAnalyzer = () => {
                   const oldStyle = __spreadValues({}, el.style);
                   if (el) {
                     scrollIntoView(el);
-                    el.style.outline = "4px solid var(--puck-color-rose-5)";
+                    el.style.outline = "4px solid var(--puck-color-rose-06)";
                     el.style.outlineOffset = "4px";
                     setTimeout(() => {
                       el.style.outline = oldStyle.outline || "";
@@ -74903,7 +75329,7 @@ var HeadingAnalyzer = () => {
                     }, 2e3);
                   }
                 },
-                children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: { color: "var(--puck-color-red)" }, children: [
+                children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: { color: "var(--puck-color-red-04)" }, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("b", { children: [
                     "H",
                     props.rank
@@ -75174,6 +75600,14 @@ lucide-react/dist/esm/icons/search.js:
    * See the LICENSE file in the root directory of this source tree.
    *)
 
+lucide-react/dist/esm/icons/sliders-horizontal.js:
+  (**
+   * @license lucide-react v0.298.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
 lucide-react/dist/esm/icons/trash.js:
   (**
    * @license lucide-react v0.298.0 - ISC