@depict-ai/ui 4.7.12 → 4.7.14

package/ES10/index.cjs

@@ -104,7 +104,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.12";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.14";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -8467,7 +8467,7 @@ function $9c1d49181fb3002a$var$expand_until_choice(data_structure) {
     }
   });
 }
-var $cd0e5524f9476f9b$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=checkbox-grid style=position:absolute;z-index:-1;pointer-events:none;opacity:0>`),
+var $cd0e5524f9476f9b$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=checkbox-grid style=position:absolute;z-index:-1;pointer-events:none;opacity:0 aria-hidden=true>`),
   $cd0e5524f9476f9b$var$_tmpl$2 = /*#__PURE__*/$52FdA$solidjsweb.template(`<span class=count-wrapper><span class=count>`),
   $cd0e5524f9476f9b$var$_tmpl$3 = /*#__PURE__*/$52FdA$solidjsweb.template(`<button><!$><!/><!$><!/>`);
 const $cd0e5524f9476f9b$var$gap_px = 5;
@@ -8625,7 +8625,9 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
               return _el$2;
             })();
           };
-          const invisible_size_button = $52FdA$solidjsweb.createComponent(MakeButton, {});
+          const invisible_size_button = $52FdA$solidjsweb.createComponent(MakeButton, {
+            tabIndex: -1
+          });
           const smallest_possible_size = $c387d7f1d9fb66c0$export$ebdc3711f7e02ccd(invisible_size_button); // create ResizeObserver for the invisible size button where the div hugs its content
           const sizes_value = $52FdA$solidjs.untrack(sizes_set);
           const shadow_children_value = $52FdA$solidjs.untrack(shadow_children);

package/ES10/index.d.ts

@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.7.12";
+export const version = "4.7.14";
 /**
  * Just like `useExpandingContainer` except that the children can be reactive solid-js signals, basically solid's JSX.Element instead of our JSX.Element
  */
@@ -1432,7 +1432,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1511,5 +1511,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

package/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.12";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.14";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -8373,7 +8373,7 @@ function $0ae614c5c7babb43$var$expand_until_choice(data_structure) {
     }
   });
 }
-var $830ea8efda59884e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=checkbox-grid style=position:absolute;z-index:-1;pointer-events:none;opacity:0>`),
+var $830ea8efda59884e$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<div class=checkbox-grid style=position:absolute;z-index:-1;pointer-events:none;opacity:0 aria-hidden=true>`),
   $830ea8efda59884e$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<span class=count-wrapper><span class=count>`),
   $830ea8efda59884e$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<button><!$><!/><!$><!/>`);
 const $830ea8efda59884e$var$gap_px = 5;
@@ -8531,7 +8531,9 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
               return _el$2;
             })();
           };
-          const invisible_size_button = $8tj43$createComponent(MakeButton, {});
+          const invisible_size_button = $8tj43$createComponent(MakeButton, {
+            tabIndex: -1
+          });
           const smallest_possible_size = $fc830a7ee59416ef$export$ebdc3711f7e02ccd(invisible_size_button); // create ResizeObserver for the invisible size button where the div hugs its content
           const sizes_value = $8tj43$untrack(sizes_set);
           const shadow_children_value = $8tj43$untrack(shadow_children);

package/latest/index.cjs

@@ -98,7 +98,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.12";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.14";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -8056,7 +8056,7 @@ function $3bdc00a1353c1150$var$expand_until_choice(data_structure) {
     }
   });
 }
-var $0ef1681699140f1a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=checkbox-grid style=position:absolute;z-index:-1;pointer-events:none;opacity:0>`),
+var $0ef1681699140f1a$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=checkbox-grid style=position:absolute;z-index:-1;pointer-events:none;opacity:0 aria-hidden=true>`),
   $0ef1681699140f1a$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<span class=count-wrapper><span class=count>`),
   $0ef1681699140f1a$var$_tmpl$3 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button><!$><!/><!$><!/>`);
 const $0ef1681699140f1a$var$gap_px = 5;
@@ -8205,7 +8205,9 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
               return _el$2;
             })();
           };
-          const invisible_size_button = $gVhhF$solidjsweb.createComponent(MakeButton, {});
+          const invisible_size_button = $gVhhF$solidjsweb.createComponent(MakeButton, {
+            tabIndex: -1
+          });
           const smallest_possible_size = $f13855d1b951b24a$export$ebdc3711f7e02ccd(invisible_size_button); // create ResizeObserver for the invisible size button where the div hugs its content
           const sizes_value = $gVhhF$solidjs.untrack(sizes_set);
           const shadow_children_value = $gVhhF$solidjs.untrack(shadow_children);

package/latest/index.d.ts

@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.7.12";
+export const version = "4.7.14";
 /**
  * Just like `useExpandingContainer` except that the children can be reactive solid-js signals, basically solid's JSX.Element instead of our JSX.Element
  */
@@ -1432,7 +1432,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1511,5 +1511,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

package/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.12";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.14";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -7965,7 +7965,7 @@ function $1c8cac76cb67e9af$var$expand_until_choice(data_structure) {
     }
   });
 }
-var $93716a9ad0dea854$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=checkbox-grid style=position:absolute;z-index:-1;pointer-events:none;opacity:0>`),
+var $93716a9ad0dea854$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=checkbox-grid style=position:absolute;z-index:-1;pointer-events:none;opacity:0 aria-hidden=true>`),
   $93716a9ad0dea854$var$_tmpl$2 = /*#__PURE__*/$9HbP8$template(`<span class=count-wrapper><span class=count>`),
   $93716a9ad0dea854$var$_tmpl$3 = /*#__PURE__*/$9HbP8$template(`<button><!$><!/><!$><!/>`);
 const $93716a9ad0dea854$var$gap_px = 5;
@@ -8114,7 +8114,9 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
               return _el$2;
             })();
           };
-          const invisible_size_button = $9HbP8$createComponent(MakeButton, {});
+          const invisible_size_button = $9HbP8$createComponent(MakeButton, {
+            tabIndex: -1
+          });
           const smallest_possible_size = $2449872a62a75a20$export$ebdc3711f7e02ccd(invisible_size_button); // create ResizeObserver for the invisible size button where the div hugs its content
           const sizes_value = $9HbP8$untrack(sizes_set);
           const shadow_children_value = $9HbP8$untrack(shadow_children);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.7.12",
+  "version": "4.7.14",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",
@@ -236,9 +236,9 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^4.4.4",
+    "@depict-ai/plp-styling": "^4.4.7",
     "@depict-ai/types": "^5.4.2",
-    "@depict-ai/utilishared": "^2.4.3",
+    "@depict-ai/utilishared": "^2.4.4",
     "solid-js": "^1.8.12"
   },
   "type": "module",

package/server/ES10/index.cjs

@@ -104,7 +104,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.12";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.14";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -6635,7 +6635,7 @@ function $9c1d49181fb3002a$var$expand_until_choice(data_structure) {
     }
   });
 }
-var $cd0e5524f9476f9b$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0">', "</div>"],
+var $cd0e5524f9476f9b$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0" aria-hidden="true">', "</div>"],
   $cd0e5524f9476f9b$var$_tmpl$2 = ["<span", ' class="count-wrapper"><span class="count">', "</span></span>"];
 const $cd0e5524f9476f9b$var$gap_px = 5;
 const $cd0e5524f9476f9b$var$max_columns = 3;
@@ -6749,7 +6749,9 @@ const $cd0e5524f9476f9b$export$414f6a19d38e655c = _ref => {
               }
             })), "<!--/-->"], true);
           };
-          const invisible_size_button = $3hooq$solidjsweb.createComponent(MakeButton, {});
+          const invisible_size_button = $3hooq$solidjsweb.createComponent(MakeButton, {
+            tabIndex: -1
+          });
           const smallest_possible_size = $c387d7f1d9fb66c0$export$ebdc3711f7e02ccd(invisible_size_button); // create ResizeObserver for the invisible size button where the div hugs its content
           const sizes_value = $3hooq$solidjs.untrack(sizes_set);
           const shadow_children_value = $3hooq$solidjs.untrack(shadow_children);

package/server/ES10/index.d.ts

@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.7.12";
+export const version = "4.7.14";
 /**
  * Just like `useExpandingContainer` except that the children can be reactive solid-js signals, basically solid's JSX.Element instead of our JSX.Element
  */
@@ -1432,7 +1432,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1511,5 +1511,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

package/server/ES10/index.js

@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.12";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.14";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -6541,7 +6541,7 @@ function $0ae614c5c7babb43$var$expand_until_choice(data_structure) {
     }
   });
 }
-var $830ea8efda59884e$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0">', "</div>"],
+var $830ea8efda59884e$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0" aria-hidden="true">', "</div>"],
   $830ea8efda59884e$var$_tmpl$2 = ["<span", ' class="count-wrapper"><span class="count">', "</span></span>"];
 const $830ea8efda59884e$var$gap_px = 5;
 const $830ea8efda59884e$var$max_columns = 3;
@@ -6655,7 +6655,9 @@ const $830ea8efda59884e$export$414f6a19d38e655c = _ref => {
               }
             })), "<!--/-->"], true);
           };
-          const invisible_size_button = $b8hua$createComponent(MakeButton, {});
+          const invisible_size_button = $b8hua$createComponent(MakeButton, {
+            tabIndex: -1
+          });
           const smallest_possible_size = $fc830a7ee59416ef$export$ebdc3711f7e02ccd(invisible_size_button); // create ResizeObserver for the invisible size button where the div hugs its content
           const sizes_value = $b8hua$untrack(sizes_set);
           const shadow_children_value = $b8hua$untrack(shadow_children);

package/server/latest/index.cjs

@@ -98,7 +98,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.12";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.14";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -6271,7 +6271,7 @@ function $3bdc00a1353c1150$var$expand_until_choice(data_structure) {
     }
   });
 }
-var $0ef1681699140f1a$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0">', "</div>"],
+var $0ef1681699140f1a$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0" aria-hidden="true">', "</div>"],
   $0ef1681699140f1a$var$_tmpl$2 = ["<span", ' class="count-wrapper"><span class="count">', "</span></span>"];
 const $0ef1681699140f1a$var$gap_px = 5;
 const $0ef1681699140f1a$var$max_columns = 3;
@@ -6376,7 +6376,9 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
               }
             })), "<!--/-->"], true);
           };
-          const invisible_size_button = $5vyXB$solidjsweb.createComponent(MakeButton, {});
+          const invisible_size_button = $5vyXB$solidjsweb.createComponent(MakeButton, {
+            tabIndex: -1
+          });
           const smallest_possible_size = $f13855d1b951b24a$export$ebdc3711f7e02ccd(invisible_size_button); // create ResizeObserver for the invisible size button where the div hugs its content
           const sizes_value = $5vyXB$solidjs.untrack(sizes_set);
           const shadow_children_value = $5vyXB$solidjs.untrack(shadow_children);

package/server/latest/index.d.ts

@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.7.12";
+export const version = "4.7.14";
 /**
  * Just like `useExpandingContainer` except that the children can be reactive solid-js signals, basically solid's JSX.Element instead of our JSX.Element
  */
@@ -1432,7 +1432,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1511,5 +1511,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

package/server/latest/index.js

@@ -7,7 +7,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.12";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.14";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -6180,7 +6180,7 @@ function $1c8cac76cb67e9af$var$expand_until_choice(data_structure) {
     }
   });
 }
-var $93716a9ad0dea854$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0">', "</div>"],
+var $93716a9ad0dea854$var$_tmpl$ = ["<div", ' class="checkbox-grid" style="position:absolute;z-index:-1;pointer-events:none;opacity:0" aria-hidden="true">', "</div>"],
   $93716a9ad0dea854$var$_tmpl$2 = ["<span", ' class="count-wrapper"><span class="count">', "</span></span>"];
 const $93716a9ad0dea854$var$gap_px = 5;
 const $93716a9ad0dea854$var$max_columns = 3;
@@ -6285,7 +6285,9 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
               }
             })), "<!--/-->"], true);
           };
-          const invisible_size_button = $i7OB2$createComponent(MakeButton, {});
+          const invisible_size_button = $i7OB2$createComponent(MakeButton, {
+            tabIndex: -1
+          });
           const smallest_possible_size = $2449872a62a75a20$export$ebdc3711f7e02ccd(invisible_size_button); // create ResizeObserver for the invisible size button where the div hugs its content
           const sizes_value = $i7OB2$untrack(sizes_set);
           const shadow_children_value = $i7OB2$untrack(shadow_children);