@storybook/addon-a11y 10.1.0-alpha.10 → 10.1.0-alpha.11

package/dist/manager.js

@@ -6,10 +6,8 @@ import {
   PARAM_KEY,
   STATUS_TYPE_ID_A11Y,
   STATUS_TYPE_ID_COMPONENT_TEST
-} from "./_browser-chunks/chunk-JZJ5QO7P.js";
-import {
-  __name
-} from "./_browser-chunks/chunk-JFJ5UJ7Q.js";
+} from "./_browser-chunks/chunk-3FKQRDK3.js";
+import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/manager.tsx
 import React9 from "react";
@@ -342,8 +340,7 @@ var axeRuleMapping_wcag_2_0_a_aa = {
     axeSummary: "Ensure <video> elements have captions",
     friendlySummary: "Provide captions for all <video> content."
   }
-};
-var axeRuleMapping_wcag_2_1_a_aa = {
+}, axeRuleMapping_wcag_2_1_a_aa = {
   "autocomplete-valid": {
     title: "autocomplete attribute valid",
     axeSummary: "Ensure the autocomplete attribute is correct and suitable for the form field",
@@ -354,15 +351,13 @@ var axeRuleMapping_wcag_2_1_a_aa = {
     axeSummary: "Ensure that text spacing set via inline styles can be adjusted with custom CSS",
     friendlySummary: "Don't lock in text spacing with forced (!important) inline styles\u2014allow user CSS to adjust text spacing."
   }
-};
-var axeRuleMapping_wcag_2_2_a_aa = {
+}, axeRuleMapping_wcag_2_2_a_aa = {
   "target-size": {
     title: "Touch target size",
     axeSummary: "Ensure touch targets have sufficient size and space",
     friendlySummary: "Make sure interactive elements are big enough and not too close together for touch."
   }
-};
-var axeRuleMapping_best_practices = {
+}, axeRuleMapping_best_practices = {
   accesskeys: {
     title: "Unique accesskey",
     axeSummary: "Ensure every accesskey attribute value is unique",
@@ -503,8 +498,7 @@ var axeRuleMapping_best_practices = {
     axeSummary: "Ensure the <caption> does not duplicate the summary attribute text",
     friendlySummary: "Don't use the same text in both a table's <caption> and its summary attribute."
   }
-};
-var axeRuleMapping_wcag_2_x_aaa = {
+}, axeRuleMapping_wcag_2_x_aaa = {
   "color-contrast-enhanced": {
     title: "Enhanced color contrast",
     axeSummary: "Ensure contrast between text and background meets WCAG 2 AAA enhanced contrast thresholds",
@@ -520,8 +514,7 @@ var axeRuleMapping_wcag_2_x_aaa = {
     axeSummary: 'Ensure <meta http-equiv="refresh"> is not used for delayed refresh (no exceptions)',
     friendlySummary: `Don't auto-refresh or redirect pages using <meta http-equiv="refresh"> even with a delay.`
   }
-};
-var axeRuleMapping_experimental = {
+}, axeRuleMapping_experimental = {
   "css-orientation-lock": {
     title: "CSS orientation lock",
     axeSummary: "Ensure content is not locked to a specific display orientation (works in all orientations)",
@@ -557,15 +550,13 @@ var axeRuleMapping_experimental = {
     axeSummary: "Ensure each non-empty data cell in large tables (3\xD73+) has one or more headers",
     friendlySummary: "Every data cell in large tables should be associated with at least one header cell."
   }
-};
-var axeRuleMapping_deprecated = {
+}, axeRuleMapping_deprecated = {
   "aria-roledescription": {
     title: "aria-roledescription",
     axeSummary: "Ensure aria-roledescription is only used on elements with an implicit or explicit role",
     friendlySummary: "Only use aria-roledescription on elements that already have a defined role."
   }
-};
-var combinedRulesMap = {
+}, combinedRulesMap = {
   ...axeRuleMapping_wcag_2_0_a_aa,
   ...axeRuleMapping_wcag_2_1_a_aa,
   ...axeRuleMapping_wcag_2_2_a_aa,
@@ -576,202 +567,142 @@ var combinedRulesMap = {
 };
 
 // src/axeRuleMappingHelper.ts
-var getTitleForAxeResult = /* @__PURE__ */ __name((axeResult) => combinedRulesMap[axeResult.id]?.title || axeResult.id, "getTitleForAxeResult");
-var getFriendlySummaryForAxeResult = /* @__PURE__ */ __name((axeResult) => combinedRulesMap[axeResult.id]?.friendlySummary || axeResult.description, "getFriendlySummaryForAxeResult");
+var getTitleForAxeResult = (axeResult) => combinedRulesMap[axeResult.id]?.title || axeResult.id, getFriendlySummaryForAxeResult = (axeResult) => combinedRulesMap[axeResult.id]?.friendlySummary || axeResult.description;
 
 // src/components/A11yContext.tsx
-var unhighlightedSelectors = ["html", "body", "main"];
-var theme = convert(themes.light);
-var colorsByType = {
+var unhighlightedSelectors = ["html", "body", "main"], theme = convert(themes.light), colorsByType = {
   [RuleType.VIOLATION]: theme.color.negative,
   [RuleType.PASS]: theme.color.positive,
   [RuleType.INCOMPLETION]: theme.color.warning
-};
-var A11yContext = createContext({
+}, A11yContext = createContext({
   parameters: {},
   results: void 0,
-  highlighted: false,
-  toggleHighlight: /* @__PURE__ */ __name(() => {
-  }, "toggleHighlight"),
+  highlighted: !1,
+  toggleHighlight: () => {
+  },
   tab: RuleType.VIOLATION,
-  handleCopyLink: /* @__PURE__ */ __name(() => {
-  }, "handleCopyLink"),
-  setTab: /* @__PURE__ */ __name(() => {
-  }, "setTab"),
-  setStatus: /* @__PURE__ */ __name(() => {
-  }, "setStatus"),
+  handleCopyLink: () => {
+  },
+  setTab: () => {
+  },
+  setStatus: () => {
+  },
   status: "initial",
   error: void 0,
-  handleManual: /* @__PURE__ */ __name(() => {
-  }, "handleManual"),
+  handleManual: () => {
+  },
   discrepancy: null,
   selectedItems: /* @__PURE__ */ new Map(),
-  allExpanded: false,
-  toggleOpen: /* @__PURE__ */ __name(() => {
-  }, "toggleOpen"),
-  handleCollapseAll: /* @__PURE__ */ __name(() => {
-  }, "handleCollapseAll"),
-  handleExpandAll: /* @__PURE__ */ __name(() => {
-  }, "handleExpandAll"),
-  handleJumpToElement: /* @__PURE__ */ __name(() => {
-  }, "handleJumpToElement"),
-  handleSelectionChange: /* @__PURE__ */ __name(() => {
-  }, "handleSelectionChange")
-});
-var A11yContextProvider = /* @__PURE__ */ __name((props) => {
-  const parameters = useParameter("a11y", {});
-  const [globals] = useGlobals() ?? [];
-  const api = useStorybookApi();
-  const getInitialStatus = useCallback((manual2 = false) => manual2 ? "manual" : "initial", []);
-  const manual = useMemo(() => globals?.a11y?.manual ?? false, [globals?.a11y?.manual]);
-  const a11ySelection = useMemo(() => {
-    const value = api.getQueryParam("a11ySelection");
-    if (value) {
-      api.setQueryParams({ a11ySelection: "" });
-    }
-    return value;
-  }, [api]);
-  const [state, setState] = useAddonState(ADDON_ID, {
+  allExpanded: !1,
+  toggleOpen: () => {
+  },
+  handleCollapseAll: () => {
+  },
+  handleExpandAll: () => {
+  },
+  handleJumpToElement: () => {
+  },
+  handleSelectionChange: () => {
+  }
+}), A11yContextProvider = (props) => {
+  let parameters = useParameter("a11y", {}), [globals] = useGlobals() ?? [], api = useStorybookApi(), getInitialStatus = useCallback((manual2 = !1) => manual2 ? "manual" : "initial", []), manual = useMemo(() => globals?.a11y?.manual ?? !1, [globals?.a11y?.manual]), a11ySelection = useMemo(() => {
+    let value = api.getQueryParam("a11ySelection");
+    return value && api.setQueryParams({ a11ySelection: "" }), value;
+  }, [api]), [state, setState] = useAddonState(ADDON_ID, {
     ui: {
-      highlighted: false,
+      highlighted: !1,
       tab: RuleType.VIOLATION
     },
     results: void 0,
     error: void 0,
     status: getInitialStatus(manual)
-  });
-  const { ui, results, error, status } = state;
-  const { storyId } = useStorybookState();
-  const currentStoryA11yStatusValue = experimental_useStatusStore(
+  }), { ui, results, error, status } = state, { storyId } = useStorybookState(), currentStoryA11yStatusValue = experimental_useStatusStore(
     (allStatuses) => allStatuses[storyId]?.[STATUS_TYPE_ID_A11Y]?.value
   );
-  useEffect(() => {
-    const unsubscribe = experimental_getStatusStore("storybook/component-test").onAllStatusChange(
-      (statuses, previousStatuses) => {
-        const current = statuses[storyId]?.[STATUS_TYPE_ID_COMPONENT_TEST];
-        const previous = previousStatuses[storyId]?.[STATUS_TYPE_ID_COMPONENT_TEST];
-        if (current?.value === "status-value:error" && previous?.value !== "status-value:error") {
-          setState((prev) => ({ ...prev, status: "component-test-error" }));
-        }
-      }
-    );
-    return unsubscribe;
-  }, [setState, storyId]);
-  const handleToggleHighlight = useCallback(() => {
+  useEffect(() => experimental_getStatusStore("storybook/component-test").onAllStatusChange(
+    (statuses, previousStatuses) => {
+      let current = statuses[storyId]?.[STATUS_TYPE_ID_COMPONENT_TEST], previous = previousStatuses[storyId]?.[STATUS_TYPE_ID_COMPONENT_TEST];
+      current?.value === "status-value:error" && previous?.value !== "status-value:error" && setState((prev) => ({ ...prev, status: "component-test-error" }));
+    }
+  ), [setState, storyId]);
+  let handleToggleHighlight = useCallback(() => {
     setState((prev) => ({ ...prev, ui: { ...prev.ui, highlighted: !prev.ui.highlighted } }));
-  }, [setState]);
-  const [selectedItems, setSelectedItems] = useState(() => {
-    const initialValue = /* @__PURE__ */ new Map();
+  }, [setState]), [selectedItems, setSelectedItems] = useState(() => {
+    let initialValue = /* @__PURE__ */ new Map();
     if (a11ySelection && /^[a-z]+.[a-z-]+.[0-9]+$/.test(a11ySelection)) {
-      const [type, id] = a11ySelection.split(".");
+      let [type, id] = a11ySelection.split(".");
       initialValue.set(`${type}.${id}`, a11ySelection);
     }
     return initialValue;
-  });
-  const allExpanded = useMemo(() => {
-    const currentResults = results?.[ui.tab];
-    return currentResults?.every((result) => selectedItems.has(`${ui.tab}.${result.id}`)) ?? false;
-  }, [results, selectedItems, ui.tab]);
-  const toggleOpen = useCallback(
+  }), allExpanded = useMemo(() => results?.[ui.tab]?.every((result) => selectedItems.has(`${ui.tab}.${result.id}`)) ?? !1, [results, selectedItems, ui.tab]), toggleOpen = useCallback(
     (event, type, item) => {
       event.stopPropagation();
-      const key = `${type}.${item.id}`;
+      let key = `${type}.${item.id}`;
       setSelectedItems((prev) => new Map(prev.delete(key) ? prev : prev.set(key, `${key}.1`)));
     },
     []
-  );
-  const handleCollapseAll = useCallback(() => {
+  ), handleCollapseAll = useCallback(() => {
     setSelectedItems(/* @__PURE__ */ new Map());
-  }, []);
-  const handleExpandAll = useCallback(() => {
+  }, []), handleExpandAll = useCallback(() => {
     setSelectedItems(
       (prev) => new Map(
         results?.[ui.tab]?.map((result) => {
-          const key = `${ui.tab}.${result.id}`;
+          let key = `${ui.tab}.${result.id}`;
           return [key, prev.get(key) ?? `${key}.1`];
         }) ?? []
       )
     );
-  }, [results, ui.tab]);
-  const handleSelectionChange = useCallback((key) => {
-    const [type, id] = key.split(".");
+  }, [results, ui.tab]), handleSelectionChange = useCallback((key) => {
+    let [type, id] = key.split(".");
     setSelectedItems((prev) => new Map(prev.set(`${type}.${id}`, key)));
-  }, []);
-  const handleError = useCallback(
+  }, []), handleError = useCallback(
     (err) => {
       setState((prev) => ({ ...prev, status: "error", error: err }));
     },
     [setState]
-  );
-  const handleResult = useCallback(
+  ), handleResult = useCallback(
     (axeResults, id) => {
-      if (storyId === id) {
-        setState((prev) => ({ ...prev, status: "ran", results: axeResults }));
-        setTimeout(() => {
-          setState((prev) => {
-            if (prev.status === "ran") {
-              return { ...prev, status: "ready" };
-            }
-            return prev;
-          });
-          setSelectedItems((prev) => {
-            if (prev.size === 1) {
-              const [key] = prev.values();
-              document.getElementById(key)?.scrollIntoView({ behavior: "smooth", block: "center" });
-            }
-            return prev;
-          });
-        }, 900);
-      }
+      storyId === id && (setState((prev) => ({ ...prev, status: "ran", results: axeResults })), setTimeout(() => {
+        setState((prev) => prev.status === "ran" ? { ...prev, status: "ready" } : prev), setSelectedItems((prev) => {
+          if (prev.size === 1) {
+            let [key] = prev.values();
+            document.getElementById(key)?.scrollIntoView({ behavior: "smooth", block: "center" });
+          }
+          return prev;
+        });
+      }, 900));
     },
     [storyId, setState, setSelectedItems]
-  );
-  const handleSelect = useCallback(
+  ), handleSelect = useCallback(
     (itemId, details) => {
-      const [type, id] = itemId.split(".");
-      const { helpUrl, nodes } = results?.[type]?.find((r) => r.id === id) || {};
-      const openedWindow = helpUrl && window.open(helpUrl, "_blank", "noopener,noreferrer");
+      let [type, id] = itemId.split("."), { helpUrl, nodes } = results?.[type]?.find((r) => r.id === id) || {}, openedWindow = helpUrl && window.open(helpUrl, "_blank", "noopener,noreferrer");
       if (nodes && !openedWindow) {
-        const index = nodes.findIndex((n) => details.selectors.some((s) => s === String(n.target))) ?? -1;
+        let index = nodes.findIndex((n) => details.selectors.some((s) => s === String(n.target))) ?? -1;
         if (index !== -1) {
-          const key = `${type}.${id}.${index + 1}`;
-          setSelectedItems(/* @__PURE__ */ new Map([[`${type}.${id}`, key]]));
-          setTimeout(() => {
+          let key = `${type}.${id}.${index + 1}`;
+          setSelectedItems(/* @__PURE__ */ new Map([[`${type}.${id}`, key]])), setTimeout(() => {
             document.getElementById(key)?.scrollIntoView({ behavior: "smooth", block: "center" });
           }, 100);
         }
       }
     },
     [results]
-  );
-  const handleReport = useCallback(
+  ), handleReport = useCallback(
     ({ reporters }) => {
-      const a11yReport = reporters.find((r) => r.type === "a11y");
-      if (a11yReport) {
-        if ("error" in a11yReport.result) {
-          handleError(a11yReport.result.error);
-        } else {
-          handleResult(a11yReport.result, storyId);
-        }
-      }
+      let a11yReport = reporters.find((r) => r.type === "a11y");
+      a11yReport && ("error" in a11yReport.result ? handleError(a11yReport.result.error) : handleResult(a11yReport.result, storyId));
     },
     [handleError, handleResult, storyId]
-  );
-  const handleReset = useCallback(
+  ), handleReset = useCallback(
     ({ newPhase }) => {
-      if (newPhase === "loading") {
-        setState((prev) => ({
-          ...prev,
-          results: void 0,
-          status: manual ? "manual" : "initial"
-        }));
-      } else if (newPhase === "afterEach" && !manual) {
-        setState((prev) => ({ ...prev, status: "running" }));
-      }
+      newPhase === "loading" ? setState((prev) => ({
+        ...prev,
+        results: void 0,
+        status: manual ? "manual" : "initial"
+      })) : newPhase === "afterEach" && !manual && setState((prev) => ({ ...prev, status: "running" }));
     },
     [manual, setState]
-  );
-  const emit = useChannel(
+  ), emit = useChannel(
     {
       [EVENTS.RESULT]: handleResult,
       [EVENTS.ERROR]: handleError,
@@ -780,143 +711,117 @@ var A11yContextProvider = /* @__PURE__ */ __name((props) => {
       [STORY_RENDER_PHASE_CHANGED]: handleReset,
       [STORY_FINISHED]: handleReport,
       [STORY_HOT_UPDATED]: () => {
-        setState((prev) => ({ ...prev, status: "running" }));
-        emit(EVENTS.MANUAL, storyId, parameters);
+        setState((prev) => ({ ...prev, status: "running" })), emit(EVENTS.MANUAL, storyId, parameters);
       }
     },
     [handleReset, handleReport, handleSelect, handleError, handleResult, parameters, storyId]
-  );
-  const handleManual = useCallback(() => {
-    setState((prev) => ({ ...prev, status: "running" }));
-    emit(EVENTS.MANUAL, storyId, parameters);
-  }, [emit, parameters, setState, storyId]);
-  const handleCopyLink = useCallback(async (linkPath) => {
-    const { createCopyToClipboardFunction } = await import("storybook/internal/components");
+  ), handleManual = useCallback(() => {
+    setState((prev) => ({ ...prev, status: "running" })), emit(EVENTS.MANUAL, storyId, parameters);
+  }, [emit, parameters, setState, storyId]), handleCopyLink = useCallback(async (linkPath) => {
+    let { createCopyToClipboardFunction } = await import("storybook/internal/components");
     await createCopyToClipboardFunction()(`${window.location.origin}${linkPath}`);
-  }, []);
-  const handleJumpToElement = useCallback(
+  }, []), handleJumpToElement = useCallback(
     (target) => emit(SCROLL_INTO_VIEW, target),
     [emit]
   );
   useEffect(() => {
     setState((prev) => ({ ...prev, status: getInitialStatus(manual) }));
   }, [getInitialStatus, manual, setState]);
-  const isInitial = status === "initial";
+  let isInitial = status === "initial";
   useEffect(() => {
-    if (!a11ySelection) {
-      return;
-    }
-    setState((prev) => {
-      const update = { ...prev.ui, highlighted: true };
-      const [type] = a11ySelection.split(".") ?? [];
-      if (type && Object.values(RuleType).includes(type)) {
-        update.tab = type;
-      }
-      return { ...prev, ui: update };
+    a11ySelection && setState((prev) => {
+      let update = { ...prev.ui, highlighted: !0 }, [type] = a11ySelection.split(".") ?? [];
+      return type && Object.values(RuleType).includes(type) && (update.tab = type), { ...prev, ui: update };
     });
-  }, [a11ySelection]);
-  useEffect(() => {
-    emit(REMOVE_HIGHLIGHT, `${ADDON_ID}/selected`);
-    emit(REMOVE_HIGHLIGHT, `${ADDON_ID}/others`);
-    if (!ui.highlighted || isInitial) {
+  }, [a11ySelection]), useEffect(() => {
+    if (emit(REMOVE_HIGHLIGHT, `${ADDON_ID}/selected`), emit(REMOVE_HIGHLIGHT, `${ADDON_ID}/others`), !ui.highlighted || isInitial)
       return;
-    }
-    const selected = Array.from(selectedItems.values()).flatMap((key) => {
-      const [type, id, number] = key.split(".");
-      if (type !== ui.tab) {
+    let selected = Array.from(selectedItems.values()).flatMap((key) => {
+      let [type, id, number] = key.split(".");
+      if (type !== ui.tab)
         return [];
-      }
-      const result = results?.[type]?.find((r) => r.id === id);
-      const target = result?.nodes[Number(number) - 1]?.target;
+      let target = results?.[type]?.find((r) => r.id === id)?.nodes[Number(number) - 1]?.target;
       return target ? [String(target)] : [];
     });
-    if (selected.length) {
-      emit(HIGHLIGHT, {
-        id: `${ADDON_ID}/selected`,
-        priority: 1,
-        selectors: selected,
-        styles: {
-          outline: `1px solid color-mix(in srgb, ${colorsByType[ui.tab]}, transparent 30%)`,
-          backgroundColor: "transparent"
-        },
-        hoverStyles: {
-          outlineWidth: "2px"
-        },
-        focusStyles: {
-          backgroundColor: "transparent"
-        },
-        menu: results?.[ui.tab].map((result) => {
-          const selectors = result.nodes.flatMap((n) => n.target).map(String).filter((e) => selected.includes(e));
-          return [
-            {
-              id: `${ui.tab}.${result.id}:info`,
-              title: getTitleForAxeResult(result),
-              description: getFriendlySummaryForAxeResult(result),
-              selectors
-            },
-            {
-              id: `${ui.tab}.${result.id}`,
-              iconLeft: "info",
-              iconRight: "shareAlt",
-              title: "Learn how to resolve this violation",
-              clickEvent: EVENTS.SELECT,
-              selectors
-            }
-          ];
-        })
-      });
-    }
-    const others = results?.[ui.tab].flatMap((r) => r.nodes.flatMap((n) => n.target).map(String)).filter((e) => ![...unhighlightedSelectors, ...selected].includes(e));
-    if (others?.length) {
-      emit(HIGHLIGHT, {
-        id: `${ADDON_ID}/others`,
-        selectors: others,
-        styles: {
-          outline: `1px solid color-mix(in srgb, ${colorsByType[ui.tab]}, transparent 30%)`,
-          backgroundColor: `color-mix(in srgb, ${colorsByType[ui.tab]}, transparent 60%)`
-        },
-        hoverStyles: {
-          outlineWidth: "2px"
-        },
-        focusStyles: {
-          backgroundColor: "transparent"
-        },
-        menu: results?.[ui.tab].map((result) => {
-          const selectors = result.nodes.flatMap((n) => n.target).map(String).filter((e) => !selected.includes(e));
-          return [
-            {
-              id: `${ui.tab}.${result.id}:info`,
-              title: getTitleForAxeResult(result),
-              description: getFriendlySummaryForAxeResult(result),
-              selectors
-            },
-            {
-              id: `${ui.tab}.${result.id}`,
-              iconLeft: "info",
-              iconRight: "shareAlt",
-              title: "Learn how to resolve this violation",
-              clickEvent: EVENTS.SELECT,
-              selectors
-            }
-          ];
-        })
-      });
-    }
+    selected.length && emit(HIGHLIGHT, {
+      id: `${ADDON_ID}/selected`,
+      priority: 1,
+      selectors: selected,
+      styles: {
+        outline: `1px solid color-mix(in srgb, ${colorsByType[ui.tab]}, transparent 30%)`,
+        backgroundColor: "transparent"
+      },
+      hoverStyles: {
+        outlineWidth: "2px"
+      },
+      focusStyles: {
+        backgroundColor: "transparent"
+      },
+      menu: results?.[ui.tab].map((result) => {
+        let selectors = result.nodes.flatMap((n) => n.target).map(String).filter((e) => selected.includes(e));
+        return [
+          {
+            id: `${ui.tab}.${result.id}:info`,
+            title: getTitleForAxeResult(result),
+            description: getFriendlySummaryForAxeResult(result),
+            selectors
+          },
+          {
+            id: `${ui.tab}.${result.id}`,
+            iconLeft: "info",
+            iconRight: "shareAlt",
+            title: "Learn how to resolve this violation",
+            clickEvent: EVENTS.SELECT,
+            selectors
+          }
+        ];
+      })
+    });
+    let others = results?.[ui.tab].flatMap((r) => r.nodes.flatMap((n) => n.target).map(String)).filter((e) => ![...unhighlightedSelectors, ...selected].includes(e));
+    others?.length && emit(HIGHLIGHT, {
+      id: `${ADDON_ID}/others`,
+      selectors: others,
+      styles: {
+        outline: `1px solid color-mix(in srgb, ${colorsByType[ui.tab]}, transparent 30%)`,
+        backgroundColor: `color-mix(in srgb, ${colorsByType[ui.tab]}, transparent 60%)`
+      },
+      hoverStyles: {
+        outlineWidth: "2px"
+      },
+      focusStyles: {
+        backgroundColor: "transparent"
+      },
+      menu: results?.[ui.tab].map((result) => {
+        let selectors = result.nodes.flatMap((n) => n.target).map(String).filter((e) => !selected.includes(e));
+        return [
+          {
+            id: `${ui.tab}.${result.id}:info`,
+            title: getTitleForAxeResult(result),
+            description: getFriendlySummaryForAxeResult(result),
+            selectors
+          },
+          {
+            id: `${ui.tab}.${result.id}`,
+            iconLeft: "info",
+            iconRight: "shareAlt",
+            title: "Learn how to resolve this violation",
+            clickEvent: EVENTS.SELECT,
+            selectors
+          }
+        ];
+      })
+    });
   }, [isInitial, emit, ui.highlighted, results, ui.tab, selectedItems]);
-  const discrepancy = useMemo(() => {
-    if (!currentStoryA11yStatusValue) {
+  let discrepancy = useMemo(() => {
+    if (!currentStoryA11yStatusValue)
       return null;
-    }
-    if (currentStoryA11yStatusValue === "status-value:success" && results?.violations.length) {
+    if (currentStoryA11yStatusValue === "status-value:success" && results?.violations.length)
       return "cliPassedBrowserFailed";
-    }
     if (currentStoryA11yStatusValue === "status-value:error" && !results?.violations.length) {
-      if (status === "ready" || status === "ran") {
+      if (status === "ready" || status === "ran")
         return "browserPassedCliFailed";
-      }
-      if (status === "manual") {
+      if (status === "manual")
         return "cliFailedButModeManual";
-      }
     }
     return null;
   }, [results?.violations.length, status, currentStoryA11yStatusValue]);
@@ -953,8 +858,7 @@ var A11yContextProvider = /* @__PURE__ */ __name((props) => {
       ...props
     }
   );
-}, "A11yContextProvider");
-var useA11yContext = /* @__PURE__ */ __name(() => useContext(A11yContext), "useA11yContext");
+}, useA11yContext = () => useContext(A11yContext);
 
 // src/components/Report/Report.tsx
 import React3 from "react";
@@ -977,35 +881,29 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
-__name(_extends, "_extends");
 
 // ../../node_modules/@radix-ui/react-tabs/dist/index.mjs
 import { forwardRef as $1IHzk$forwardRef, createElement as $1IHzk$createElement, useRef as $1IHzk$useRef, useEffect as $1IHzk$useEffect } from "react";
 
 // ../../node_modules/@radix-ui/primitive/dist/index.mjs
-function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-  return /* @__PURE__ */ __name(function handleEvent(event) {
-    originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
-    if (checkForDefaultPrevented === false || !event.defaultPrevented) return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
-  }, "handleEvent");
+function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = !0 } = {}) {
+  return function(event) {
+    if (originalEventHandler?.(event), checkForDefaultPrevented === !1 || !event.defaultPrevented) return ourEventHandler?.(event);
+  };
 }
-__name($e42e1063c40fb3ef$export$b9ecd428b558ff10, "$e42e1063c40fb3ef$export$b9ecd428b558ff10");
 
 // ../../node_modules/@radix-ui/react-context/dist/index.mjs
 import { createContext as $3bkAK$createContext, useMemo as $3bkAK$useMemo, createElement as $3bkAK$createElement, useContext as $3bkAK$useContext } from "react";
 function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
-    const BaseContext = $3bkAK$createContext(defaultContext);
-    const index = defaultContexts.length;
+    let BaseContext = $3bkAK$createContext(defaultContext), index = defaultContexts.length;
     defaultContexts = [
       ...defaultContexts,
       defaultContext
     ];
     function Provider(props) {
-      const { scope, children, ...context } = props;
-      const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
-      const value = $3bkAK$useMemo(
+      let { scope, children, ...context } = props, Context = scope?.[scopeName][index] || BaseContext, value = $3bkAK$useMemo(
         () => context,
         Object.values(context)
       );
@@ -1013,28 +911,21 @@ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeD
         value
       }, children);
     }
-    __name(Provider, "Provider");
     function useContext2(consumerName, scope) {
-      const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
-      const context = $3bkAK$useContext(Context);
+      let Context = scope?.[scopeName][index] || BaseContext, context = $3bkAK$useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
     }
-    __name(useContext2, "useContext");
-    Provider.displayName = rootComponentName + "Provider";
-    return [
+    return Provider.displayName = rootComponentName + "Provider", [
       Provider,
       useContext2
     ];
   }
-  __name($c512c27ab02ef895$export$fd42f52fd3ae1109, "$c512c27ab02ef895$export$fd42f52fd3ae1109");
-  const createScope = /* @__PURE__ */ __name(() => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return $3bkAK$createContext(defaultContext);
-    });
-    return /* @__PURE__ */ __name(function useScope(scope) {
-      const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
+  let createScope = () => {
+    let scopeContexts = defaultContexts.map((defaultContext) => $3bkAK$createContext(defaultContext));
+    return function(scope) {
+      let contexts = scope?.[scopeName] || scopeContexts;
       return $3bkAK$useMemo(
         () => ({
           [`__scope${scopeName}`]: {
@@ -1047,29 +938,26 @@ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeD
           contexts
         ]
       );
-    }, "useScope");
-  }, "createScope");
-  createScope.scopeName = scopeName;
-  return [
+    };
+  };
+  return createScope.scopeName = scopeName, [
     $c512c27ab02ef895$export$fd42f52fd3ae1109,
     $c512c27ab02ef895$var$composeContextScopes(createScope, ...createContextScopeDeps)
   ];
 }
-__name($c512c27ab02ef895$export$50c7b4e9d9f19c1, "$c512c27ab02ef895$export$50c7b4e9d9f19c1");
 function $c512c27ab02ef895$var$composeContextScopes(...scopes) {
-  const baseScope = scopes[0];
+  let baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
-  const createScope1 = /* @__PURE__ */ __name(() => {
-    const scopeHooks = scopes.map(
+  let createScope1 = () => {
+    let scopeHooks = scopes.map(
       (createScope) => ({
         useScope: createScope(),
         scopeName: createScope.scopeName
       })
     );
-    return /* @__PURE__ */ __name(function useComposedScopes(overrideScopes) {
-      const nextScopes1 = scopeHooks.reduce((nextScopes, { useScope, scopeName }) => {
-        const scopeProps = useScope(overrideScopes);
-        const currentScope = scopeProps[`__scope${scopeName}`];
+    return function(overrideScopes) {
+      let nextScopes1 = scopeHooks.reduce((nextScopes, { useScope, scopeName }) => {
+        let currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
         return {
           ...nextScopes,
           ...currentScope
@@ -1083,12 +971,10 @@ function $c512c27ab02ef895$var$composeContextScopes(...scopes) {
           nextScopes1
         ]
       );
-    }, "useComposedScopes");
-  }, "createScope1");
-  createScope1.scopeName = baseScope.scopeName;
-  return createScope1;
+    };
+  };
+  return createScope1.scopeName = baseScope.scopeName, createScope1;
 }
-__name($c512c27ab02ef895$var$composeContextScopes, "$c512c27ab02ef895$var$composeContextScopes");
 
 // ../../node_modules/@radix-ui/react-roving-focus/dist/index.mjs
 import { forwardRef as $98Iye$forwardRef, createElement as $98Iye$createElement, useRef as $98Iye$useRef, useState as $98Iye$useState, useEffect as $98Iye$useEffect, useCallback as $98Iye$useCallback } from "react";
@@ -1099,35 +985,23 @@ import $6vYhU$react from "react";
 // ../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs
 import { useCallback as $3vqmr$useCallback } from "react";
 function $6ed0406888f73fc4$var$setRef(ref, value) {
-  if (typeof ref === "function") ref(value);
-  else if (ref !== null && ref !== void 0) ref.current = value;
+  typeof ref == "function" ? ref(value) : ref != null && (ref.current = value);
 }
-__name($6ed0406888f73fc4$var$setRef, "$6ed0406888f73fc4$var$setRef");
 function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
   return (node) => refs.forEach(
     (ref) => $6ed0406888f73fc4$var$setRef(ref, node)
   );
 }
-__name($6ed0406888f73fc4$export$43e446d32b3d21af, "$6ed0406888f73fc4$export$43e446d32b3d21af");
 function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
   return $3vqmr$useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
 }
-__name($6ed0406888f73fc4$export$c7b2cbe3552a0d05, "$6ed0406888f73fc4$export$c7b2cbe3552a0d05");
 
 // ../../node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot/dist/index.mjs
 import { forwardRef as $9IrjX$forwardRef, Children as $9IrjX$Children, isValidElement as $9IrjX$isValidElement, createElement as $9IrjX$createElement, cloneElement as $9IrjX$cloneElement, Fragment as $9IrjX$Fragment } from "react";
 var $5e63c961fc1ce211$export$8c6ed5c666ac1360 = $9IrjX$forwardRef((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  const childrenArray = $9IrjX$Children.toArray(children);
-  const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
+  let { children, ...slotProps } = props, childrenArray = $9IrjX$Children.toArray(children), slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
   if (slottable) {
-    const newElement = slottable.props.children;
-    const newChildren = childrenArray.map((child) => {
-      if (child === slottable) {
-        if ($9IrjX$Children.count(newElement) > 1) return $9IrjX$Children.only(null);
-        return $9IrjX$isValidElement(newElement) ? newElement.props.children : null;
-      } else return child;
-    });
+    let newElement = slottable.props.children, newChildren = childrenArray.map((child) => child === slottable ? $9IrjX$Children.count(newElement) > 1 ? $9IrjX$Children.only(null) : $9IrjX$isValidElement(newElement) ? newElement.props.children : null : child);
     return $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
       ref: forwardedRef
     }), $9IrjX$isValidElement(newElement) ? $9IrjX$cloneElement(newElement, void 0, newChildren) : null);
@@ -1138,79 +1012,59 @@ var $5e63c961fc1ce211$export$8c6ed5c666ac1360 = $9IrjX$forwardRef((props, forwar
 });
 $5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = "Slot";
 var $5e63c961fc1ce211$var$SlotClone = $9IrjX$forwardRef((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  if ($9IrjX$isValidElement(children)) return $9IrjX$cloneElement(children, {
+  let { children, ...slotProps } = props;
+  return $9IrjX$isValidElement(children) ? $9IrjX$cloneElement(children, {
     ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
     ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
-  });
-  return $9IrjX$Children.count(children) > 1 ? $9IrjX$Children.only(null) : null;
+  }) : $9IrjX$Children.count(children) > 1 ? $9IrjX$Children.only(null) : null;
 });
 $5e63c961fc1ce211$var$SlotClone.displayName = "SlotClone";
-var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = /* @__PURE__ */ __name(({ children }) => {
-  return $9IrjX$createElement($9IrjX$Fragment, null, children);
-}, "$5e63c961fc1ce211$export$d9f1ccf0bdb05d45");
+var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children }) => $9IrjX$createElement($9IrjX$Fragment, null, children);
 function $5e63c961fc1ce211$var$isSlottable(child) {
   return $9IrjX$isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
 }
-__name($5e63c961fc1ce211$var$isSlottable, "$5e63c961fc1ce211$var$isSlottable");
 function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
-  const overrideProps = {
+  let overrideProps = {
     ...childProps
   };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
-        childPropValue(...args);
-        slotPropValue(...args);
-      };
-      else if (slotPropValue) overrideProps[propName] = slotPropValue;
-    } else if (propName === "style") overrideProps[propName] = {
+  for (let propName in childProps) {
+    let slotPropValue = slotProps[propName], childPropValue = childProps[propName];
+    /^on[A-Z]/.test(propName) ? slotPropValue && childPropValue ? overrideProps[propName] = (...args) => {
+      childPropValue(...args), slotPropValue(...args);
+    } : slotPropValue && (overrideProps[propName] = slotPropValue) : propName === "style" ? overrideProps[propName] = {
       ...slotPropValue,
       ...childPropValue
-    };
-    else if (propName === "className") overrideProps[propName] = [
+    } : propName === "className" && (overrideProps[propName] = [
       slotPropValue,
       childPropValue
-    ].filter(Boolean).join(" ");
+    ].filter(Boolean).join(" "));
   }
   return {
     ...slotProps,
     ...overrideProps
   };
 }
-__name($5e63c961fc1ce211$var$mergeProps, "$5e63c961fc1ce211$var$mergeProps");
 
 // ../../node_modules/@radix-ui/react-collection/dist/index.mjs
 function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
-  const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope] = $c512c27ab02ef895$export$50c7b4e9d9f19c1(PROVIDER_NAME);
-  const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
+  let PROVIDER_NAME = name + "CollectionProvider", [createCollectionContext, createCollectionScope] = $c512c27ab02ef895$export$50c7b4e9d9f19c1(PROVIDER_NAME), [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
     collectionRef: {
       current: null
     },
     itemMap: /* @__PURE__ */ new Map()
-  });
-  const CollectionProvider = /* @__PURE__ */ __name((props) => {
-    const { scope, children } = props;
-    const ref = $6vYhU$react.useRef(null);
-    const itemMap = $6vYhU$react.useRef(/* @__PURE__ */ new Map()).current;
+  }), CollectionProvider = (props) => {
+    let { scope, children } = props, ref = $6vYhU$react.useRef(null), itemMap = $6vYhU$react.useRef(/* @__PURE__ */ new Map()).current;
     return $6vYhU$react.createElement(CollectionProviderImpl, {
       scope,
       itemMap,
       collectionRef: ref
     }, children);
-  }, "CollectionProvider");
+  };
   Object.assign(CollectionProvider, {
     displayName: PROVIDER_NAME
   });
-  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlot = $6vYhU$react.forwardRef((props, forwardedRef) => {
-    const { scope, children } = props;
-    const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.collectionRef);
+  let COLLECTION_SLOT_NAME = name + "CollectionSlot", CollectionSlot = $6vYhU$react.forwardRef((props, forwardedRef) => {
+    let { scope, children } = props, context = useCollectionContext(COLLECTION_SLOT_NAME, scope), composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.collectionRef);
     return $6vYhU$react.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
       ref: composedRefs
     }, children);
@@ -1218,21 +1072,12 @@ function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
   Object.assign(CollectionSlot, {
     displayName: COLLECTION_SLOT_NAME
   });
-  const ITEM_SLOT_NAME = name + "CollectionItemSlot";
-  const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlot = $6vYhU$react.forwardRef((props, forwardedRef) => {
-    const { scope, children, ...itemData } = props;
-    const ref = $6vYhU$react.useRef(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
-    const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-    $6vYhU$react.useEffect(() => {
-      context.itemMap.set(ref, {
-        ref,
-        ...itemData
-      });
-      return () => void context.itemMap.delete(ref);
-    });
-    return $6vYhU$react.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
+  let ITEM_SLOT_NAME = name + "CollectionItemSlot", ITEM_DATA_ATTR = "data-radix-collection-item", CollectionItemSlot = $6vYhU$react.forwardRef((props, forwardedRef) => {
+    let { scope, children, ...itemData } = props, ref = $6vYhU$react.useRef(null), composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref), context = useCollectionContext(ITEM_SLOT_NAME, scope);
+    return $6vYhU$react.useEffect(() => (context.itemMap.set(ref, {
+      ref,
+      ...itemData
+    }), () => void context.itemMap.delete(ref))), $6vYhU$react.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
       [ITEM_DATA_ATTR]: "",
       ref: composedRefs
     }, children);
@@ -1241,23 +1086,19 @@ function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
     displayName: ITEM_SLOT_NAME
   });
   function useCollection(scope) {
-    const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = $6vYhU$react.useCallback(() => {
-      const collectionNode = context.collectionRef.current;
+    let context = useCollectionContext(name + "CollectionConsumer", scope);
+    return $6vYhU$react.useCallback(() => {
+      let collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
-      const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
-      const items = Array.from(context.itemMap.values());
-      const orderedItems = items.sort(
+      let orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
+      return Array.from(context.itemMap.values()).sort(
         (a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
       );
-      return orderedItems;
     }, [
       context.collectionRef,
       context.itemMap
     ]);
-    return getItems;
   }
-  __name(useCollection, "useCollection");
   return [
     {
       Provider: CollectionProvider,
@@ -1268,31 +1109,28 @@ function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
     createCollectionScope
   ];
 }
-__name($e02a7d9cb1dc128c$export$c74125a8e3af6bb2, "$e02a7d9cb1dc128c$export$c74125a8e3af6bb2");
 
 // ../../node_modules/@radix-ui/react-id/dist/index.mjs
 import * as $2AODx$react from "react";
 
 // ../../node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
 import { useLayoutEffect as $dxlwH$useLayoutEffect } from "react";
-var $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? $dxlwH$useLayoutEffect : () => {
+var $9f79659886946c16$export$e5c5a5f917a5871c = globalThis?.document ? $dxlwH$useLayoutEffect : () => {
 };
 
 // ../../node_modules/@radix-ui/react-id/dist/index.mjs
-var $1746a345f3d73bb7$var$useReactId = $2AODx$react["useId".toString()] || (() => void 0);
-var $1746a345f3d73bb7$var$count = 0;
+var $1746a345f3d73bb7$var$useReactId = $2AODx$react.useId || (() => {
+}), $1746a345f3d73bb7$var$count = 0;
 function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
-  const [id, setId] = $2AODx$react.useState($1746a345f3d73bb7$var$useReactId());
-  $9f79659886946c16$export$e5c5a5f917a5871c(() => {
-    if (!deterministicId) setId(
-      (reactId) => reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count++)
+  let [id, setId] = $2AODx$react.useState($1746a345f3d73bb7$var$useReactId());
+  return $9f79659886946c16$export$e5c5a5f917a5871c(() => {
+    deterministicId || setId(
+      (reactId) => reactId ?? String($1746a345f3d73bb7$var$count++)
     );
   }, [
     deterministicId
-  ]);
-  return deterministicId || (id ? `radix-${id}` : "");
+  ]), deterministicId || (id ? `radix-${id}` : "");
 }
-__name($1746a345f3d73bb7$export$f680877a34711e37, "$1746a345f3d73bb7$export$f680877a34711e37");
 
 // ../../node_modules/@radix-ui/react-primitive/dist/index.mjs
 import { forwardRef as $4q5Fq$forwardRef, useEffect as $4q5Fq$useEffect, createElement as $4q5Fq$createElement } from "react";
@@ -1301,17 +1139,9 @@ import { flushSync as $4q5Fq$flushSync } from "react-dom";
 // ../../node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot/dist/index.mjs
 import { forwardRef as $9IrjX$forwardRef2, Children as $9IrjX$Children2, isValidElement as $9IrjX$isValidElement2, createElement as $9IrjX$createElement2, cloneElement as $9IrjX$cloneElement2, Fragment as $9IrjX$Fragment2 } from "react";
 var $5e63c961fc1ce211$export$8c6ed5c666ac13602 = $9IrjX$forwardRef2((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  const childrenArray = $9IrjX$Children2.toArray(children);
-  const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable2);
+  let { children, ...slotProps } = props, childrenArray = $9IrjX$Children2.toArray(children), slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable2);
   if (slottable) {
-    const newElement = slottable.props.children;
-    const newChildren = childrenArray.map((child) => {
-      if (child === slottable) {
-        if ($9IrjX$Children2.count(newElement) > 1) return $9IrjX$Children2.only(null);
-        return $9IrjX$isValidElement2(newElement) ? newElement.props.children : null;
-      } else return child;
-    });
+    let newElement = slottable.props.children, newChildren = childrenArray.map((child) => child === slottable ? $9IrjX$Children2.count(newElement) > 1 ? $9IrjX$Children2.only(null) : $9IrjX$isValidElement2(newElement) ? newElement.props.children : null : child);
     return $9IrjX$createElement2($5e63c961fc1ce211$var$SlotClone2, _extends({}, slotProps, {
       ref: forwardedRef
     }), $9IrjX$isValidElement2(newElement) ? $9IrjX$cloneElement2(newElement, void 0, newChildren) : null);
@@ -1322,50 +1152,38 @@ var $5e63c961fc1ce211$export$8c6ed5c666ac13602 = $9IrjX$forwardRef2((props, forw
 });
 $5e63c961fc1ce211$export$8c6ed5c666ac13602.displayName = "Slot";
 var $5e63c961fc1ce211$var$SlotClone2 = $9IrjX$forwardRef2((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  if ($9IrjX$isValidElement2(children)) return $9IrjX$cloneElement2(children, {
+  let { children, ...slotProps } = props;
+  return $9IrjX$isValidElement2(children) ? $9IrjX$cloneElement2(children, {
     ...$5e63c961fc1ce211$var$mergeProps2(slotProps, children.props),
     ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
-  });
-  return $9IrjX$Children2.count(children) > 1 ? $9IrjX$Children2.only(null) : null;
+  }) : $9IrjX$Children2.count(children) > 1 ? $9IrjX$Children2.only(null) : null;
 });
 $5e63c961fc1ce211$var$SlotClone2.displayName = "SlotClone";
-var $5e63c961fc1ce211$export$d9f1ccf0bdb05d452 = /* @__PURE__ */ __name(({ children }) => {
-  return $9IrjX$createElement2($9IrjX$Fragment2, null, children);
-}, "$5e63c961fc1ce211$export$d9f1ccf0bdb05d45");
+var $5e63c961fc1ce211$export$d9f1ccf0bdb05d452 = ({ children }) => $9IrjX$createElement2($9IrjX$Fragment2, null, children);
 function $5e63c961fc1ce211$var$isSlottable2(child) {
   return $9IrjX$isValidElement2(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d452;
 }
-__name($5e63c961fc1ce211$var$isSlottable2, "$5e63c961fc1ce211$var$isSlottable");
 function $5e63c961fc1ce211$var$mergeProps2(slotProps, childProps) {
-  const overrideProps = {
+  let overrideProps = {
     ...childProps
   };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
-        childPropValue(...args);
-        slotPropValue(...args);
-      };
-      else if (slotPropValue) overrideProps[propName] = slotPropValue;
-    } else if (propName === "style") overrideProps[propName] = {
+  for (let propName in childProps) {
+    let slotPropValue = slotProps[propName], childPropValue = childProps[propName];
+    /^on[A-Z]/.test(propName) ? slotPropValue && childPropValue ? overrideProps[propName] = (...args) => {
+      childPropValue(...args), slotPropValue(...args);
+    } : slotPropValue && (overrideProps[propName] = slotPropValue) : propName === "style" ? overrideProps[propName] = {
       ...slotPropValue,
       ...childPropValue
-    };
-    else if (propName === "className") overrideProps[propName] = [
+    } : propName === "className" && (overrideProps[propName] = [
       slotPropValue,
       childPropValue
-    ].filter(Boolean).join(" ");
+    ].filter(Boolean).join(" "));
   }
   return {
     ...slotProps,
     ...overrideProps
   };
 }
-__name($5e63c961fc1ce211$var$mergeProps2, "$5e63c961fc1ce211$var$mergeProps");
 
 // ../../node_modules/@radix-ui/react-primitive/dist/index.mjs
 var $8927f6f2acc4f386$var$NODES = [
@@ -1385,20 +1203,16 @@ var $8927f6f2acc4f386$var$NODES = [
   "span",
   "svg",
   "ul"
-];
-var $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node) => {
-  const Node = $4q5Fq$forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac13602 : node;
-    $4q5Fq$useEffect(() => {
-      window[Symbol.for("radix-ui")] = true;
-    }, []);
-    return $4q5Fq$createElement(Comp, _extends({}, primitiveProps, {
+], $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node) => {
+  let Node = $4q5Fq$forwardRef((props, forwardedRef) => {
+    let { asChild, ...primitiveProps } = props, Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac13602 : node;
+    return $4q5Fq$useEffect(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), $4q5Fq$createElement(Comp, _extends({}, primitiveProps, {
       ref: forwardedRef
     }));
   });
-  Node.displayName = `Primitive.${node}`;
-  return {
+  return Node.displayName = `Primitive.${node}`, {
     ...primitive,
     [node]: Node
   };
@@ -1407,11 +1221,10 @@ var $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.redu
 // ../../node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
 import { useRef as $lwiWj$useRef, useEffect as $lwiWj$useEffect, useMemo as $lwiWj$useMemo } from "react";
 function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
-  const callbackRef = $lwiWj$useRef(callback);
-  $lwiWj$useEffect(() => {
+  let callbackRef = $lwiWj$useRef(callback);
+  return $lwiWj$useEffect(() => {
     callbackRef.current = callback;
-  });
-  return $lwiWj$useMemo(
+  }), $lwiWj$useMemo(
     () => (...args) => {
       var _callbackRef$current;
       return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
@@ -1419,24 +1232,18 @@ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
     []
   );
 }
-__name($b1b2314f5f9a1d84$export$25bec8c6f54ee79a, "$b1b2314f5f9a1d84$export$25bec8c6f54ee79a");
 
 // ../../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
 import { useCallback as $bnPw9$useCallback, useState as $bnPw9$useState, useRef as $bnPw9$useRef, useEffect as $bnPw9$useEffect } from "react";
-function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop, defaultProp, onChange = /* @__PURE__ */ __name(() => {
-}, "onChange") }) {
-  const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
+function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop, defaultProp, onChange = () => {
+} }) {
+  let [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
     defaultProp,
     onChange
-  });
-  const isControlled = prop !== void 0;
-  const value1 = isControlled ? prop : uncontrolledProp;
-  const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
-  const setValue = $bnPw9$useCallback((nextValue) => {
+  }), isControlled = prop !== void 0, value1 = isControlled ? prop : uncontrolledProp, handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange), setValue = $bnPw9$useCallback((nextValue) => {
     if (isControlled) {
-      const setter = nextValue;
-      const value = typeof nextValue === "function" ? setter(prop) : nextValue;
-      if (value !== prop) handleChange(value);
+      let value = typeof nextValue == "function" ? nextValue(prop) : nextValue;
+      value !== prop && handleChange(value);
     } else setUncontrolledProp(nextValue);
   }, [
     isControlled,
@@ -1449,84 +1256,54 @@ function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop, defaultProp, onChange
     setValue
   ];
 }
-__name($71cd76cc60e0454e$export$6f32135080cb4c3, "$71cd76cc60e0454e$export$6f32135080cb4c3");
 function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp, onChange }) {
-  const uncontrolledState = $bnPw9$useState(defaultProp);
-  const [value] = uncontrolledState;
-  const prevValueRef = $bnPw9$useRef(value);
-  const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
-  $bnPw9$useEffect(() => {
-    if (prevValueRef.current !== value) {
-      handleChange(value);
-      prevValueRef.current = value;
-    }
+  let uncontrolledState = $bnPw9$useState(defaultProp), [value] = uncontrolledState, prevValueRef = $bnPw9$useRef(value), handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
+  return $bnPw9$useEffect(() => {
+    prevValueRef.current !== value && (handleChange(value), prevValueRef.current = value);
   }, [
     value,
     prevValueRef,
     handleChange
-  ]);
-  return uncontrolledState;
+  ]), uncontrolledState;
 }
-__name($71cd76cc60e0454e$var$useUncontrolledState, "$71cd76cc60e0454e$var$useUncontrolledState");
 
 // ../../node_modules/@radix-ui/react-direction/dist/index.mjs
 import { createContext as $7Gjcd$createContext, createElement as $7Gjcd$createElement, useContext as $7Gjcd$useContext } from "react";
 var $f631663db3294ace$var$DirectionContext = $7Gjcd$createContext(void 0);
 function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
-  const globalDir = $7Gjcd$useContext($f631663db3294ace$var$DirectionContext);
+  let globalDir = $7Gjcd$useContext($f631663db3294ace$var$DirectionContext);
   return localDir || globalDir || "ltr";
 }
-__name($f631663db3294ace$export$b39126d51d94e6f3, "$f631663db3294ace$export$b39126d51d94e6f3");
 
 // ../../node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-var $d7bdfb9eb0fdf311$var$ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
-var $d7bdfb9eb0fdf311$var$EVENT_OPTIONS = {
-  bubbles: false,
-  cancelable: true
-};
-var $d7bdfb9eb0fdf311$var$GROUP_NAME = "RovingFocusGroup";
-var [$d7bdfb9eb0fdf311$var$Collection, $d7bdfb9eb0fdf311$var$useCollection, $d7bdfb9eb0fdf311$var$createCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($d7bdfb9eb0fdf311$var$GROUP_NAME);
-var [$d7bdfb9eb0fdf311$var$createRovingFocusGroupContext, $d7bdfb9eb0fdf311$export$c7109489551a4f4] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($d7bdfb9eb0fdf311$var$GROUP_NAME, [
+var $d7bdfb9eb0fdf311$var$ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus", $d7bdfb9eb0fdf311$var$EVENT_OPTIONS = {
+  bubbles: !1,
+  cancelable: !0
+}, $d7bdfb9eb0fdf311$var$GROUP_NAME = "RovingFocusGroup", [$d7bdfb9eb0fdf311$var$Collection, $d7bdfb9eb0fdf311$var$useCollection, $d7bdfb9eb0fdf311$var$createCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($d7bdfb9eb0fdf311$var$GROUP_NAME), [$d7bdfb9eb0fdf311$var$createRovingFocusGroupContext, $d7bdfb9eb0fdf311$export$c7109489551a4f4] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($d7bdfb9eb0fdf311$var$GROUP_NAME, [
   $d7bdfb9eb0fdf311$var$createCollectionScope
-]);
-var [$d7bdfb9eb0fdf311$var$RovingFocusProvider, $d7bdfb9eb0fdf311$var$useRovingFocusContext] = $d7bdfb9eb0fdf311$var$createRovingFocusGroupContext($d7bdfb9eb0fdf311$var$GROUP_NAME);
-var $d7bdfb9eb0fdf311$export$8699f7c8af148338 = $98Iye$forwardRef((props, forwardedRef) => {
-  return $98Iye$createElement($d7bdfb9eb0fdf311$var$Collection.Provider, {
-    scope: props.__scopeRovingFocusGroup
-  }, $98Iye$createElement($d7bdfb9eb0fdf311$var$Collection.Slot, {
-    scope: props.__scopeRovingFocusGroup
-  }, $98Iye$createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends({}, props, {
-    ref: forwardedRef
-  }))));
-});
+]), [$d7bdfb9eb0fdf311$var$RovingFocusProvider, $d7bdfb9eb0fdf311$var$useRovingFocusContext] = $d7bdfb9eb0fdf311$var$createRovingFocusGroupContext($d7bdfb9eb0fdf311$var$GROUP_NAME), $d7bdfb9eb0fdf311$export$8699f7c8af148338 = $98Iye$forwardRef((props, forwardedRef) => $98Iye$createElement($d7bdfb9eb0fdf311$var$Collection.Provider, {
+  scope: props.__scopeRovingFocusGroup
+}, $98Iye$createElement($d7bdfb9eb0fdf311$var$Collection.Slot, {
+  scope: props.__scopeRovingFocusGroup
+}, $98Iye$createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends({}, props, {
+  ref: forwardedRef
+})))));
 Object.assign($d7bdfb9eb0fdf311$export$8699f7c8af148338, {
   displayName: $d7bdfb9eb0fdf311$var$GROUP_NAME
 });
 var $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = $98Iye$forwardRef((props, forwardedRef) => {
-  const { __scopeRovingFocusGroup, orientation, loop = false, dir, currentTabStopId: currentTabStopIdProp, defaultCurrentTabStopId, onCurrentTabStopIdChange, onEntryFocus, ...groupProps } = props;
-  const ref = $98Iye$useRef(null);
-  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
-  const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
-  const [currentTabStopId = null, setCurrentTabStopId] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+  let { __scopeRovingFocusGroup, orientation, loop = !1, dir, currentTabStopId: currentTabStopIdProp, defaultCurrentTabStopId, onCurrentTabStopIdChange, onEntryFocus, ...groupProps } = props, ref = $98Iye$useRef(null), composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref), direction = $f631663db3294ace$export$b39126d51d94e6f3(dir), [currentTabStopId = null, setCurrentTabStopId] = $71cd76cc60e0454e$export$6f32135080cb4c3({
     prop: currentTabStopIdProp,
     defaultProp: defaultCurrentTabStopId,
     onChange: onCurrentTabStopIdChange
-  });
-  const [isTabbingBackOut, setIsTabbingBackOut] = $98Iye$useState(false);
-  const handleEntryFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEntryFocus);
-  const getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup);
-  const isClickFocusRef = $98Iye$useRef(false);
-  const [focusableItemsCount, setFocusableItemsCount] = $98Iye$useState(0);
-  $98Iye$useEffect(() => {
-    const node = ref.current;
-    if (node) {
-      node.addEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, handleEntryFocus);
-      return () => node.removeEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, handleEntryFocus);
-    }
+  }), [isTabbingBackOut, setIsTabbingBackOut] = $98Iye$useState(!1), handleEntryFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEntryFocus), getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup), isClickFocusRef = $98Iye$useRef(!1), [focusableItemsCount, setFocusableItemsCount] = $98Iye$useState(0);
+  return $98Iye$useEffect(() => {
+    let node = ref.current;
+    if (node)
+      return node.addEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, handleEntryFocus), () => node.removeEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, handleEntryFocus);
   }, [
     handleEntryFocus
-  ]);
-  return $98Iye$createElement($d7bdfb9eb0fdf311$var$RovingFocusProvider, {
+  ]), $98Iye$createElement($d7bdfb9eb0fdf311$var$RovingFocusProvider, {
     scope: __scopeRovingFocusGroup,
     orientation,
     dir: direction,
@@ -1539,7 +1316,7 @@ var $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = $98Iye$forwardRef((props, forwa
       ]
     ),
     onItemShiftTab: $98Iye$useCallback(
-      () => setIsTabbingBackOut(true),
+      () => setIsTabbingBackOut(!0),
       []
     ),
     onFocusableItemAdd: $98Iye$useCallback(
@@ -1564,62 +1341,46 @@ var $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = $98Iye$forwardRef((props, forwa
       ...props.style
     },
     onMouseDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onMouseDown, () => {
-      isClickFocusRef.current = true;
+      isClickFocusRef.current = !0;
     }),
     onFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocus, (event) => {
-      const isKeyboardFocus = !isClickFocusRef.current;
+      let isKeyboardFocus = !isClickFocusRef.current;
       if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-        const entryFocusEvent = new CustomEvent($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, $d7bdfb9eb0fdf311$var$EVENT_OPTIONS);
-        event.currentTarget.dispatchEvent(entryFocusEvent);
-        if (!entryFocusEvent.defaultPrevented) {
-          const items = getItems().filter(
+        let entryFocusEvent = new CustomEvent($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, $d7bdfb9eb0fdf311$var$EVENT_OPTIONS);
+        if (event.currentTarget.dispatchEvent(entryFocusEvent), !entryFocusEvent.defaultPrevented) {
+          let items = getItems().filter(
             (item) => item.focusable
-          );
-          const activeItem = items.find(
+          ), activeItem = items.find(
             (item) => item.active
-          );
-          const currentItem = items.find(
+          ), currentItem = items.find(
             (item) => item.id === currentTabStopId
-          );
-          const candidateItems = [
+          ), candidateNodes = [
             activeItem,
             currentItem,
             ...items
-          ].filter(Boolean);
-          const candidateNodes = candidateItems.map(
+          ].filter(Boolean).map(
             (item) => item.ref.current
           );
           $d7bdfb9eb0fdf311$var$focusFirst(candidateNodes);
         }
       }
-      isClickFocusRef.current = false;
+      isClickFocusRef.current = !1;
     }),
     onBlur: $e42e1063c40fb3ef$export$b9ecd428b558ff10(
       props.onBlur,
-      () => setIsTabbingBackOut(false)
+      () => setIsTabbingBackOut(!1)
     )
   })));
-});
-var $d7bdfb9eb0fdf311$var$ITEM_NAME = "RovingFocusGroupItem";
-var $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = $98Iye$forwardRef((props, forwardedRef) => {
-  const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, ...itemProps } = props;
-  const autoId = $1746a345f3d73bb7$export$f680877a34711e37();
-  const id = tabStopId || autoId;
-  const context = $d7bdfb9eb0fdf311$var$useRovingFocusContext($d7bdfb9eb0fdf311$var$ITEM_NAME, __scopeRovingFocusGroup);
-  const isCurrentTabStop = context.currentTabStopId === id;
-  const getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup);
-  const { onFocusableItemAdd, onFocusableItemRemove } = context;
-  $98Iye$useEffect(() => {
-    if (focusable) {
-      onFocusableItemAdd();
-      return () => onFocusableItemRemove();
-    }
+}), $d7bdfb9eb0fdf311$var$ITEM_NAME = "RovingFocusGroupItem", $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = $98Iye$forwardRef((props, forwardedRef) => {
+  let { __scopeRovingFocusGroup, focusable = !0, active = !1, tabStopId, ...itemProps } = props, autoId = $1746a345f3d73bb7$export$f680877a34711e37(), id = tabStopId || autoId, context = $d7bdfb9eb0fdf311$var$useRovingFocusContext($d7bdfb9eb0fdf311$var$ITEM_NAME, __scopeRovingFocusGroup), isCurrentTabStop = context.currentTabStopId === id, getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup), { onFocusableItemAdd, onFocusableItemRemove } = context;
+  return $98Iye$useEffect(() => {
+    if (focusable)
+      return onFocusableItemAdd(), () => onFocusableItemRemove();
   }, [
     focusable,
     onFocusableItemAdd,
     onFocusableItemRemove
-  ]);
-  return $98Iye$createElement($d7bdfb9eb0fdf311$var$Collection.ItemSlot, {
+  ]), $98Iye$createElement($d7bdfb9eb0fdf311$var$Collection.ItemSlot, {
     scope: __scopeRovingFocusGroup,
     id,
     focusable,
@@ -1630,8 +1391,7 @@ var $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = $98Iye$forwardRef((props, forward
   }, itemProps, {
     ref: forwardedRef,
     onMouseDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onMouseDown, (event) => {
-      if (!focusable) event.preventDefault();
-      else context.onItemFocus(id);
+      focusable ? context.onItemFocus(id) : event.preventDefault();
     }),
     onFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(
       props.onFocus,
@@ -1643,19 +1403,18 @@ var $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = $98Iye$forwardRef((props, forward
         return;
       }
       if (event.target !== event.currentTarget) return;
-      const focusIntent = $d7bdfb9eb0fdf311$var$getFocusIntent(event, context.orientation, context.dir);
+      let focusIntent = $d7bdfb9eb0fdf311$var$getFocusIntent(event, context.orientation, context.dir);
       if (focusIntent !== void 0) {
         event.preventDefault();
-        const items = getItems().filter(
+        let candidateNodes = getItems().filter(
           (item) => item.focusable
-        );
-        let candidateNodes = items.map(
+        ).map(
           (item) => item.ref.current
         );
         if (focusIntent === "last") candidateNodes.reverse();
         else if (focusIntent === "prev" || focusIntent === "next") {
-          if (focusIntent === "prev") candidateNodes.reverse();
-          const currentIndex = candidateNodes.indexOf(event.currentTarget);
+          focusIntent === "prev" && candidateNodes.reverse();
+          let currentIndex = candidateNodes.indexOf(event.currentTarget);
           candidateNodes = context.loop ? $d7bdfb9eb0fdf311$var$wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
         }
         setTimeout(
@@ -1679,71 +1438,51 @@ var $d7bdfb9eb0fdf311$var$MAP_KEY_TO_FOCUS_INTENT = {
   End: "last"
 };
 function $d7bdfb9eb0fdf311$var$getDirectionAwareKey(key, dir) {
-  if (dir !== "rtl") return key;
-  return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
+  return dir !== "rtl" ? key : key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
 }
-__name($d7bdfb9eb0fdf311$var$getDirectionAwareKey, "$d7bdfb9eb0fdf311$var$getDirectionAwareKey");
 function $d7bdfb9eb0fdf311$var$getFocusIntent(event, orientation, dir) {
-  const key = $d7bdfb9eb0fdf311$var$getDirectionAwareKey(event.key, dir);
-  if (orientation === "vertical" && [
+  let key = $d7bdfb9eb0fdf311$var$getDirectionAwareKey(event.key, dir);
+  if (!(orientation === "vertical" && [
     "ArrowLeft",
     "ArrowRight"
-  ].includes(key)) return void 0;
-  if (orientation === "horizontal" && [
+  ].includes(key)) && !(orientation === "horizontal" && [
     "ArrowUp",
     "ArrowDown"
-  ].includes(key)) return void 0;
-  return $d7bdfb9eb0fdf311$var$MAP_KEY_TO_FOCUS_INTENT[key];
+  ].includes(key)))
+    return $d7bdfb9eb0fdf311$var$MAP_KEY_TO_FOCUS_INTENT[key];
 }
-__name($d7bdfb9eb0fdf311$var$getFocusIntent, "$d7bdfb9eb0fdf311$var$getFocusIntent");
 function $d7bdfb9eb0fdf311$var$focusFirst(candidates) {
-  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-  for (const candidate of candidates) {
-    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-    candidate.focus();
-    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-  }
+  let PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
+  for (let candidate of candidates)
+    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT || (candidate.focus(), document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT)) return;
 }
-__name($d7bdfb9eb0fdf311$var$focusFirst, "$d7bdfb9eb0fdf311$var$focusFirst");
 function $d7bdfb9eb0fdf311$var$wrapArray(array, startIndex) {
   return array.map(
     (_, index) => array[(startIndex + index) % array.length]
   );
 }
-__name($d7bdfb9eb0fdf311$var$wrapArray, "$d7bdfb9eb0fdf311$var$wrapArray");
-var $d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9 = $d7bdfb9eb0fdf311$export$8699f7c8af148338;
-var $d7bdfb9eb0fdf311$export$6d08773d2e66f8f2 = $d7bdfb9eb0fdf311$export$ab9df7c53fe8454;
+var $d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9 = $d7bdfb9eb0fdf311$export$8699f7c8af148338, $d7bdfb9eb0fdf311$export$6d08773d2e66f8f2 = $d7bdfb9eb0fdf311$export$ab9df7c53fe8454;
 
 // ../../node_modules/@radix-ui/react-presence/dist/index.mjs
 import { Children as $iqq3r$Children, cloneElement as $iqq3r$cloneElement, useState as $iqq3r$useState, useRef as $iqq3r$useRef, useEffect as $iqq3r$useEffect, useCallback as $iqq3r$useCallback, useReducer as $iqq3r$useReducer } from "react";
 import { flushSync as $iqq3r$flushSync } from "react-dom";
 function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
   return $iqq3r$useReducer((state, event) => {
-    const nextState = machine[state][event];
-    return nextState !== null && nextState !== void 0 ? nextState : state;
+    let nextState = machine[state][event];
+    return nextState ?? state;
   }, initialState);
 }
-__name($fe963b355347cc68$export$3e6543de14f8614f, "$fe963b355347cc68$export$3e6543de14f8614f");
-var $921a889cee6df7e8$export$99c2b779aa4e8b8b = /* @__PURE__ */ __name((props) => {
-  const { present, children } = props;
-  const presence = $921a889cee6df7e8$var$usePresence(present);
-  const child = typeof children === "function" ? children({
+var $921a889cee6df7e8$export$99c2b779aa4e8b8b = (props) => {
+  let { present, children } = props, presence = $921a889cee6df7e8$var$usePresence(present), child = typeof children == "function" ? children({
     present: presence.isPresent
-  }) : $iqq3r$Children.only(children);
-  const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(presence.ref, child.ref);
-  const forceMount = typeof children === "function";
-  return forceMount || presence.isPresent ? $iqq3r$cloneElement(child, {
+  }) : $iqq3r$Children.only(children), ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(presence.ref, child.ref);
+  return typeof children == "function" || presence.isPresent ? $iqq3r$cloneElement(child, {
     ref
   }) : null;
-}, "$921a889cee6df7e8$export$99c2b779aa4e8b8b");
+};
 $921a889cee6df7e8$export$99c2b779aa4e8b8b.displayName = "Presence";
 function $921a889cee6df7e8$var$usePresence(present) {
-  const [node1, setNode] = $iqq3r$useState();
-  const stylesRef = $iqq3r$useRef({});
-  const prevPresentRef = $iqq3r$useRef(present);
-  const prevAnimationNameRef = $iqq3r$useRef("none");
-  const initialState = present ? "mounted" : "unmounted";
-  const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState, {
+  let [node1, setNode] = $iqq3r$useState(), stylesRef = $iqq3r$useRef({}), prevPresentRef = $iqq3r$useRef(present), prevAnimationNameRef = $iqq3r$useRef("none"), initialState = present ? "mounted" : "unmounted", [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -1756,89 +1495,57 @@ function $921a889cee6df7e8$var$usePresence(present) {
       MOUNT: "mounted"
     }
   });
-  $iqq3r$useEffect(() => {
-    const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
+  return $iqq3r$useEffect(() => {
+    let currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
     prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
   }, [
     state
-  ]);
-  $9f79659886946c16$export$e5c5a5f917a5871c(() => {
-    const styles = stylesRef.current;
-    const wasPresent = prevPresentRef.current;
-    const hasPresentChanged = wasPresent !== present;
-    if (hasPresentChanged) {
-      const prevAnimationName = prevAnimationNameRef.current;
-      const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(styles);
-      if (present) send("MOUNT");
-      else if (currentAnimationName === "none" || (styles === null || styles === void 0 ? void 0 : styles.display) === "none")
-        send("UNMOUNT");
-      else {
-        const isAnimating = prevAnimationName !== currentAnimationName;
-        if (wasPresent && isAnimating) send("ANIMATION_OUT");
-        else send("UNMOUNT");
-      }
-      prevPresentRef.current = present;
+  ]), $9f79659886946c16$export$e5c5a5f917a5871c(() => {
+    let styles = stylesRef.current, wasPresent = prevPresentRef.current;
+    if (wasPresent !== present) {
+      let prevAnimationName = prevAnimationNameRef.current, currentAnimationName = $921a889cee6df7e8$var$getAnimationName(styles);
+      present ? send("MOUNT") : currentAnimationName === "none" || styles?.display === "none" ? send("UNMOUNT") : send(wasPresent && prevAnimationName !== currentAnimationName ? "ANIMATION_OUT" : "UNMOUNT"), prevPresentRef.current = present;
     }
   }, [
     present,
     send
-  ]);
-  $9f79659886946c16$export$e5c5a5f917a5871c(() => {
+  ]), $9f79659886946c16$export$e5c5a5f917a5871c(() => {
     if (node1) {
-      const handleAnimationEnd = /* @__PURE__ */ __name((event) => {
-        const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
-        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
-        if (event.target === node1 && isCurrentAnimation)
-          $iqq3r$flushSync(
-            () => send("ANIMATION_END")
-          );
-      }, "handleAnimationEnd");
-      const handleAnimationStart = /* @__PURE__ */ __name((event) => {
-        if (event.target === node1)
-          prevAnimationNameRef.current = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
-      }, "handleAnimationStart");
-      node1.addEventListener("animationstart", handleAnimationStart);
-      node1.addEventListener("animationcancel", handleAnimationEnd);
-      node1.addEventListener("animationend", handleAnimationEnd);
-      return () => {
-        node1.removeEventListener("animationstart", handleAnimationStart);
-        node1.removeEventListener("animationcancel", handleAnimationEnd);
-        node1.removeEventListener("animationend", handleAnimationEnd);
+      let handleAnimationEnd = (event) => {
+        let isCurrentAnimation = $921a889cee6df7e8$var$getAnimationName(stylesRef.current).includes(event.animationName);
+        event.target === node1 && isCurrentAnimation && $iqq3r$flushSync(
+          () => send("ANIMATION_END")
+        );
+      }, handleAnimationStart = (event) => {
+        event.target === node1 && (prevAnimationNameRef.current = $921a889cee6df7e8$var$getAnimationName(stylesRef.current));
+      };
+      return node1.addEventListener("animationstart", handleAnimationStart), node1.addEventListener("animationcancel", handleAnimationEnd), node1.addEventListener("animationend", handleAnimationEnd), () => {
+        node1.removeEventListener("animationstart", handleAnimationStart), node1.removeEventListener("animationcancel", handleAnimationEnd), node1.removeEventListener("animationend", handleAnimationEnd);
       };
     } else
       send("ANIMATION_END");
   }, [
     node1,
     send
-  ]);
-  return {
+  ]), {
     isPresent: [
       "mounted",
       "unmountSuspended"
     ].includes(state),
     ref: $iqq3r$useCallback((node) => {
-      if (node) stylesRef.current = getComputedStyle(node);
-      setNode(node);
+      node && (stylesRef.current = getComputedStyle(node)), setNode(node);
     }, [])
   };
 }
-__name($921a889cee6df7e8$var$usePresence, "$921a889cee6df7e8$var$usePresence");
 function $921a889cee6df7e8$var$getAnimationName(styles) {
-  return (styles === null || styles === void 0 ? void 0 : styles.animationName) || "none";
+  return styles?.animationName || "none";
 }
-__name($921a889cee6df7e8$var$getAnimationName, "$921a889cee6df7e8$var$getAnimationName");
 
 // ../../node_modules/@radix-ui/react-tabs/dist/index.mjs
-var $69cb30bb0017df05$var$TABS_NAME = "Tabs";
-var [$69cb30bb0017df05$var$createTabsContext, $69cb30bb0017df05$export$355f5bd209d7b13a] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($69cb30bb0017df05$var$TABS_NAME, [
+var $69cb30bb0017df05$var$TABS_NAME = "Tabs", [$69cb30bb0017df05$var$createTabsContext, $69cb30bb0017df05$export$355f5bd209d7b13a] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($69cb30bb0017df05$var$TABS_NAME, [
   $d7bdfb9eb0fdf311$export$c7109489551a4f4
-]);
-var $69cb30bb0017df05$var$useRovingFocusGroupScope = $d7bdfb9eb0fdf311$export$c7109489551a4f4();
-var [$69cb30bb0017df05$var$TabsProvider, $69cb30bb0017df05$var$useTabsContext] = $69cb30bb0017df05$var$createTabsContext($69cb30bb0017df05$var$TABS_NAME);
-var $69cb30bb0017df05$export$b2539bed5023c21c = $1IHzk$forwardRef((props, forwardedRef) => {
-  const { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", ...tabsProps } = props;
-  const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
-  const [value, setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+]), $69cb30bb0017df05$var$useRovingFocusGroupScope = $d7bdfb9eb0fdf311$export$c7109489551a4f4(), [$69cb30bb0017df05$var$TabsProvider, $69cb30bb0017df05$var$useTabsContext] = $69cb30bb0017df05$var$createTabsContext($69cb30bb0017df05$var$TABS_NAME), $69cb30bb0017df05$export$b2539bed5023c21c = $1IHzk$forwardRef((props, forwardedRef) => {
+  let { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", ...tabsProps } = props, direction = $f631663db3294ace$export$b39126d51d94e6f3(dir), [value, setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3({
     prop: valueProp,
     onChange: onValueChange,
     defaultProp: defaultValue
@@ -1861,13 +1568,10 @@ var $69cb30bb0017df05$export$b2539bed5023c21c = $1IHzk$forwardRef((props, forwar
 Object.assign($69cb30bb0017df05$export$b2539bed5023c21c, {
   displayName: $69cb30bb0017df05$var$TABS_NAME
 });
-var $69cb30bb0017df05$var$TAB_LIST_NAME = "TabsList";
-var $69cb30bb0017df05$export$9712d22edc0d78c1 = $1IHzk$forwardRef((props, forwardedRef) => {
-  const { __scopeTabs, loop = true, ...listProps } = props;
-  const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TAB_LIST_NAME, __scopeTabs);
-  const rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs);
+var $69cb30bb0017df05$var$TAB_LIST_NAME = "TabsList", $69cb30bb0017df05$export$9712d22edc0d78c1 = $1IHzk$forwardRef((props, forwardedRef) => {
+  let { __scopeTabs, loop = !0, ...listProps } = props, context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TAB_LIST_NAME, __scopeTabs), rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs);
   return $1IHzk$createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends({
-    asChild: true
+    asChild: !0
   }, rovingFocusGroupScope, {
     orientation: context.orientation,
     dir: context.dir,
@@ -1882,16 +1586,10 @@ var $69cb30bb0017df05$export$9712d22edc0d78c1 = $1IHzk$forwardRef((props, forwar
 Object.assign($69cb30bb0017df05$export$9712d22edc0d78c1, {
   displayName: $69cb30bb0017df05$var$TAB_LIST_NAME
 });
-var $69cb30bb0017df05$var$TRIGGER_NAME = "TabsTrigger";
-var $69cb30bb0017df05$export$8114b9fdfdf9f3ba = $1IHzk$forwardRef((props, forwardedRef) => {
-  const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
-  const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TRIGGER_NAME, __scopeTabs);
-  const rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs);
-  const triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value);
-  const contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value);
-  const isSelected = value === context.value;
+var $69cb30bb0017df05$var$TRIGGER_NAME = "TabsTrigger", $69cb30bb0017df05$export$8114b9fdfdf9f3ba = $1IHzk$forwardRef((props, forwardedRef) => {
+  let { __scopeTabs, value, disabled = !1, ...triggerProps } = props, context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TRIGGER_NAME, __scopeTabs), rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs), triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value), contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value), isSelected = value === context.value;
   return $1IHzk$createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends({
-    asChild: true
+    asChild: !0
   }, rovingFocusGroupScope, {
     focusable: !disabled,
     active: isSelected
@@ -1907,40 +1605,31 @@ var $69cb30bb0017df05$export$8114b9fdfdf9f3ba = $1IHzk$forwardRef((props, forwar
   }, triggerProps, {
     ref: forwardedRef,
     onMouseDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onMouseDown, (event) => {
-      if (!disabled && event.button === 0 && event.ctrlKey === false) context.onValueChange(value);
-      else
-        event.preventDefault();
+      !disabled && event.button === 0 && event.ctrlKey === !1 ? context.onValueChange(value) : event.preventDefault();
     }),
     onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event) => {
-      if ([
+      [
         " ",
         "Enter"
-      ].includes(event.key)) context.onValueChange(value);
+      ].includes(event.key) && context.onValueChange(value);
     }),
     onFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocus, () => {
-      const isAutomaticActivation = context.activationMode !== "manual";
-      if (!isSelected && !disabled && isAutomaticActivation) context.onValueChange(value);
+      let isAutomaticActivation = context.activationMode !== "manual";
+      !isSelected && !disabled && isAutomaticActivation && context.onValueChange(value);
     })
   })));
 });
 Object.assign($69cb30bb0017df05$export$8114b9fdfdf9f3ba, {
   displayName: $69cb30bb0017df05$var$TRIGGER_NAME
 });
-var $69cb30bb0017df05$var$CONTENT_NAME = "TabsContent";
-var $69cb30bb0017df05$export$bd905d70e8fd2ebb = $1IHzk$forwardRef((props, forwardedRef) => {
-  const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
-  const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$CONTENT_NAME, __scopeTabs);
-  const triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value);
-  const contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value);
-  const isSelected = value === context.value;
-  const isMountAnimationPreventedRef = $1IHzk$useRef(isSelected);
-  $1IHzk$useEffect(() => {
-    const rAF = requestAnimationFrame(
-      () => isMountAnimationPreventedRef.current = false
+var $69cb30bb0017df05$var$CONTENT_NAME = "TabsContent", $69cb30bb0017df05$export$bd905d70e8fd2ebb = $1IHzk$forwardRef((props, forwardedRef) => {
+  let { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$CONTENT_NAME, __scopeTabs), triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value), contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value), isSelected = value === context.value, isMountAnimationPreventedRef = $1IHzk$useRef(isSelected);
+  return $1IHzk$useEffect(() => {
+    let rAF = requestAnimationFrame(
+      () => isMountAnimationPreventedRef.current = !1
     );
     return () => cancelAnimationFrame(rAF);
-  }, []);
-  return $1IHzk$createElement(
+  }, []), $1IHzk$createElement(
     $921a889cee6df7e8$export$99c2b779aa4e8b8b,
     {
       present: forceMount || isSelected
@@ -1968,15 +1657,10 @@ Object.assign($69cb30bb0017df05$export$bd905d70e8fd2ebb, {
 function $69cb30bb0017df05$var$makeTriggerId(baseId, value) {
   return `${baseId}-trigger-${value}`;
 }
-__name($69cb30bb0017df05$var$makeTriggerId, "$69cb30bb0017df05$var$makeTriggerId");
 function $69cb30bb0017df05$var$makeContentId(baseId, value) {
   return `${baseId}-content-${value}`;
 }
-__name($69cb30bb0017df05$var$makeContentId, "$69cb30bb0017df05$var$makeContentId");
-var $69cb30bb0017df05$export$be92b6f5f03c0fe9 = $69cb30bb0017df05$export$b2539bed5023c21c;
-var $69cb30bb0017df05$export$54c2e3dc7acea9f5 = $69cb30bb0017df05$export$9712d22edc0d78c1;
-var $69cb30bb0017df05$export$41fb9f06171c75f4 = $69cb30bb0017df05$export$8114b9fdfdf9f3ba;
-var $69cb30bb0017df05$export$7c6e2c02157bb7d2 = $69cb30bb0017df05$export$bd905d70e8fd2ebb;
+var $69cb30bb0017df05$export$be92b6f5f03c0fe9 = $69cb30bb0017df05$export$b2539bed5023c21c, $69cb30bb0017df05$export$54c2e3dc7acea9f5 = $69cb30bb0017df05$export$9712d22edc0d78c1, $69cb30bb0017df05$export$41fb9f06171c75f4 = $69cb30bb0017df05$export$8114b9fdfdf9f3ba, $69cb30bb0017df05$export$7c6e2c02157bb7d2 = $69cb30bb0017df05$export$bd905d70e8fd2ebb;
 
 // src/components/Report/Details.tsx
 import { styled } from "storybook/theming";
@@ -1994,12 +1678,10 @@ var StyledSyntaxHighlighter = styled(SyntaxHighlighter)(
       }
     }
   )
-);
-var Info = styled.div({
+), Info = styled.div({
   display: "flex",
   flexDirection: "column"
-});
-var RuleId = styled.div(({ theme: theme2 }) => ({
+}), RuleId = styled.div(({ theme: theme2 }) => ({
   display: "block",
   color: theme2.textMutedColor,
   fontFamily: theme2.typography.fonts.mono,
@@ -2009,24 +1691,20 @@ var RuleId = styled.div(({ theme: theme2 }) => ({
   "@container (min-width: 800px)": {
     display: "none"
   }
-}));
-var Description = styled.p({
+})), Description = styled.p({
   margin: 0
-});
-var Wrapper = styled.div({
+}), Wrapper = styled.div({
   display: "flex",
   flexDirection: "column",
   padding: "0 15px 20px 15px",
   gap: 20
-});
-var Columns = styled.div({
+}), Columns = styled.div({
   gap: 15,
   "@container (min-width: 800px)": {
     display: "grid",
     gridTemplateColumns: "50% 50%"
   }
-});
-var Content = styled.div(({ theme: theme2, side }) => ({
+}), Content = styled.div(({ theme: theme2, side }) => ({
   display: side === "left" ? "flex" : "none",
   flexDirection: "column",
   gap: 15,
@@ -2041,8 +1719,7 @@ var Content = styled.div(({ theme: theme2, side }) => ({
   "@container (min-width: 800px)": {
     display: side === "left" ? "none" : "flex"
   }
-}));
-var Item = styled(Button)(({ theme: theme2 }) => ({
+})), Item = styled(Button)(({ theme: theme2 }) => ({
   fontFamily: theme2.typography.fonts.mono,
   fontWeight: theme2.typography.weight.regular,
   color: theme2.textMutedColor,
@@ -2058,52 +1735,44 @@ var Item = styled(Button)(({ theme: theme2 }) => ({
     color: theme2.color.secondary,
     backgroundColor: theme2.background.hoverable
   }
-}));
-var Messages = styled.div({
+})), Messages = styled.div({
   display: "flex",
   flexDirection: "column",
   gap: 10
-});
-var Actions = styled.div({
+}), Actions = styled.div({
   display: "flex",
   gap: 10
-});
-var CopyButton = /* @__PURE__ */ __name(({ onClick }) => {
-  const [copied, setCopied] = useState3(false);
-  const handleClick = useCallback2(() => {
-    onClick();
-    setCopied(true);
-    const timeout = setTimeout(() => setCopied(false), 2e3);
+}), CopyButton = ({ onClick }) => {
+  let [copied, setCopied] = useState3(!1), handleClick = useCallback2(() => {
+    onClick(), setCopied(!0);
+    let timeout = setTimeout(() => setCopied(!1), 2e3);
     return () => clearTimeout(timeout);
   }, [onClick]);
-  return React2.createElement(Button, { ariaLabel: false, onClick: handleClick }, copied ? React2.createElement(CheckIcon, null) : React2.createElement(CopyIcon, null), " ", copied ? "Copied" : "Copy link");
-}, "CopyButton");
-var Details = /* @__PURE__ */ __name(({ id, item, type, selection, handleSelectionChange }) => React2.createElement(Wrapper, { id }, React2.createElement(Info, null, React2.createElement(RuleId, null, item.id), React2.createElement(Description, null, getFriendlySummaryForAxeResult(item), " ", React2.createElement(Link, { href: item.helpUrl, target: "_blank", rel: "noopener noreferrer", withArrow: true }, "Learn how to resolve this violation"))), React2.createElement(
+  return React2.createElement(Button, { ariaLabel: !1, onClick: handleClick }, copied ? React2.createElement(CheckIcon, null) : React2.createElement(CopyIcon, null), " ", copied ? "Copied" : "Copy link");
+}, Details = ({ id, item, type, selection, handleSelectionChange }) => React2.createElement(Wrapper, { id }, React2.createElement(Info, null, React2.createElement(RuleId, null, item.id), React2.createElement(Description, null, getFriendlySummaryForAxeResult(item), " ", React2.createElement(Link, { href: item.helpUrl, target: "_blank", rel: "noopener noreferrer", withArrow: !0 }, "Learn how to resolve this violation"))), React2.createElement(
   $69cb30bb0017df05$export$be92b6f5f03c0fe9,
   {
     defaultValue: selection,
     orientation: "vertical",
     value: selection,
     onValueChange: handleSelectionChange,
-    asChild: true
+    asChild: !0
   },
   React2.createElement(Columns, null, React2.createElement($69cb30bb0017df05$export$54c2e3dc7acea9f5, { "aria-label": type }, item.nodes.map((node, index) => {
-    const key = `${type}.${item.id}.${index + 1}`;
-    return React2.createElement(Fragment, { key }, React2.createElement($69cb30bb0017df05$export$41fb9f06171c75f4, { value: key, asChild: true }, React2.createElement(Item, { ariaLabel: false, variant: "ghost", size: "medium", id: key }, index + 1, ". ", node.html)), React2.createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, { value: key, asChild: true }, React2.createElement(Content, { side: "left" }, getContent(node))));
+    let key = `${type}.${item.id}.${index + 1}`;
+    return React2.createElement(Fragment, { key }, React2.createElement($69cb30bb0017df05$export$41fb9f06171c75f4, { value: key, asChild: !0 }, React2.createElement(Item, { ariaLabel: !1, variant: "ghost", size: "medium", id: key }, index + 1, ". ", node.html)), React2.createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, { value: key, asChild: !0 }, React2.createElement(Content, { side: "left" }, getContent(node))));
   })), item.nodes.map((node, index) => {
-    const key = `${type}.${item.id}.${index + 1}`;
-    return React2.createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, { key, value: key, asChild: true }, React2.createElement(Content, { side: "right" }, getContent(node)));
+    let key = `${type}.${item.id}.${index + 1}`;
+    return React2.createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, { key, value: key, asChild: !0 }, React2.createElement(Content, { side: "right" }, getContent(node)));
   }))
-)), "Details");
+));
 function getContent(node) {
-  const { handleCopyLink, handleJumpToElement } = useA11yContext();
-  const { any, all, none, html, target } = node;
-  const rules = [...any, ...all, ...none];
-  return React2.createElement(React2.Fragment, null, React2.createElement(Messages, null, rules.map((rule) => React2.createElement("div", { key: rule.id }, `${rule.message}${/(\.|: [^.]+\.*)$/.test(rule.message) ? "" : "."}`))), React2.createElement(Actions, null, React2.createElement(Button, { ariaLabel: false, onClick: () => handleJumpToElement(node.target.toString()) }, React2.createElement(LocationIcon, null), " Jump to element"), React2.createElement(CopyButton, { onClick: () => handleCopyLink(node.linkPath) })), React2.createElement(
+  let { handleCopyLink, handleJumpToElement } = useA11yContext(), { any, all, none, html, target } = node, rules = [...any, ...all, ...none];
+  return React2.createElement(React2.Fragment, null, React2.createElement(Messages, null, rules.map((rule) => React2.createElement("div", { key: rule.id }, `${rule.message}${/(\.|: [^.]+\.*)$/.test(rule.message) ? "" : "."}`))), React2.createElement(Actions, null, React2.createElement(Button, { ariaLabel: !1, onClick: () => handleJumpToElement(node.target.toString()) }, React2.createElement(LocationIcon, null), " Jump to element"), React2.createElement(CopyButton, { onClick: () => handleCopyLink(node.linkPath) })), React2.createElement(
     StyledSyntaxHighlighter,
     {
       language: "jsx",
-      wrapLongLines: true
+      wrapLongLines: !0
     },
     `/* element */
 ${html}`
@@ -2111,13 +1780,12 @@ ${html}`
     StyledSyntaxHighlighter,
     {
       language: "css",
-      wrapLongLines: true
+      wrapLongLines: !0
     },
     `/* selector */
 ${target} {}`
   ));
 }
-__name(getContent, "getContent");
 
 // src/components/Report/Report.tsx
 var impactStatus = {
@@ -2125,25 +1793,21 @@ var impactStatus = {
   moderate: "warning",
   serious: "negative",
   critical: "critical"
-};
-var impactLabels = {
+}, impactLabels = {
   minor: "Minor",
   moderate: "Moderate",
   serious: "Serious",
   critical: "Critical"
-};
-var Wrapper2 = styled2.div(({ theme: theme2 }) => ({
+}, Wrapper2 = styled2.div(({ theme: theme2 }) => ({
   display: "flex",
   flexDirection: "column",
   width: "100%",
   borderBottom: `1px solid ${theme2.appBorderColor}`,
   containerType: "inline-size",
   fontSize: theme2.typography.size.s2
-}));
-var Icon = styled2(ChevronSmallDownIcon)({
+})), Icon = styled2(ChevronSmallDownIcon)({
   transition: "transform 0.1s ease-in-out"
-});
-var HeaderBar = styled2.div(({ theme: theme2 }) => ({
+}), HeaderBar = styled2.div(({ theme: theme2 }) => ({
   display: "flex",
   justifyContent: "space-between",
   alignItems: "center",
@@ -2158,15 +1822,13 @@ var HeaderBar = styled2.div(({ theme: theme2 }) => ({
   "&:hover": {
     color: theme2.color.secondary
   }
-}));
-var Title = styled2.div(({ theme: theme2 }) => ({
+})), Title = styled2.div(({ theme: theme2 }) => ({
   display: "flex",
   alignItems: "baseline",
   flexGrow: 1,
   fontSize: theme2.typography.size.s2,
   gap: 8
-}));
-var RuleId2 = styled2.div(({ theme: theme2 }) => ({
+})), RuleId2 = styled2.div(({ theme: theme2 }) => ({
   display: "none",
   color: theme2.textMutedColor,
   fontFamily: theme2.typography.fonts.mono,
@@ -2174,16 +1836,14 @@ var RuleId2 = styled2.div(({ theme: theme2 }) => ({
   "@container (min-width: 800px)": {
     display: "block"
   }
-}));
-var Count = styled2.div(({ theme: theme2 }) => ({
+})), Count = styled2.div(({ theme: theme2 }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
   color: theme2.textMutedColor,
   width: 28,
   height: 28
-}));
-var Report = /* @__PURE__ */ __name(({
+})), Report = ({
   items,
   empty,
   type,
@@ -2191,10 +1851,7 @@ var Report = /* @__PURE__ */ __name(({
   selectedItems,
   toggleOpen
 }) => React3.createElement(React3.Fragment, null, items && items.length ? items.map((item) => {
-  const id = `${type}.${item.id}`;
-  const detailsId = `details:${id}`;
-  const selection = selectedItems.get(id);
-  const title = getTitleForAxeResult(item);
+  let id = `${type}.${item.id}`, detailsId = `details:${id}`, selection = selectedItems.get(id), title = getTitleForAxeResult(item);
   return React3.createElement(Wrapper2, { key: id }, React3.createElement(HeaderBar, { onClick: (event) => toggleOpen(event, type, item), "data-active": !!selection }, React3.createElement(Title, null, React3.createElement("strong", null, title), React3.createElement(RuleId2, null, item.id)), item.impact && React3.createElement(Badge, { status: type === RuleType.PASS ? "neutral" : impactStatus[item.impact] }, impactLabels[item.impact]), React3.createElement(Count, null, item.nodes.length), React3.createElement(
     Button2,
     {
@@ -2216,7 +1873,7 @@ var Report = /* @__PURE__ */ __name(({
       handleSelectionChange
     }
   ) : React3.createElement("div", { id: detailsId }));
-}) : React3.createElement(EmptyTabContent, { title: empty })), "Report");
+}) : React3.createElement(EmptyTabContent, { title: empty }));
 
 // src/components/Tabs.tsx
 import * as React4 from "react";
@@ -2230,14 +1887,12 @@ var Container = styled3.div({
   overflow: "hidden",
   display: "flex",
   flexDirection: "column"
-});
-var ActionsWrapper = styled3.div({
+}), ActionsWrapper = styled3.div({
   display: "flex",
   justifyContent: "flex-end",
   gap: 6
-});
-var Tabs = /* @__PURE__ */ __name(({ tabs }) => {
-  const {
+}), Tabs = ({ tabs }) => {
+  let {
     tab,
     setTab,
     toggleHighlight,
@@ -2246,13 +1901,12 @@ var Tabs = /* @__PURE__ */ __name(({ tabs }) => {
     allExpanded,
     handleCollapseAll,
     handleExpandAll
-  } = useA11yContext();
-  const theme2 = useTheme();
+  } = useA11yContext(), theme2 = useTheme();
   return React4.createElement(Container, null, React4.createElement(
     TabsView,
     {
       backgroundColor: theme2.background.app,
-      panelProps: { hasScrollbar: true },
+      panelProps: { hasScrollbar: !0 },
       tabs: tabs.map((tab2) => ({
         id: tab2.type,
         title: tab2.label,
@@ -2291,7 +1945,7 @@ var Tabs = /* @__PURE__ */ __name(({ tabs }) => {
       ))
     }
   ));
-}, "Tabs");
+};
 
 // src/components/TestDiscrepancyMessage.tsx
 import React5, { useMemo as useMemo2 } from "react";
@@ -2318,15 +1972,12 @@ var Wrapper3 = styled4.div(({ theme: { color, typography, background } }) => ({
     borderRadius: "2px",
     boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.1)"
   }
-}));
-var TestDiscrepancyMessage = /* @__PURE__ */ __name(({ discrepancy }) => {
-  const api = useStorybookApi2();
-  const docsUrl = api.getDocsUrl({
+})), TestDiscrepancyMessage = ({ discrepancy }) => {
+  let docsUrl = useStorybookApi2().getDocsUrl({
     subpath: DOCUMENTATION_DISCREPANCY_LINK,
-    versioned: true,
-    renderer: true
-  });
-  const message = useMemo2(() => {
+    versioned: !0,
+    renderer: !0
+  }), message = useMemo2(() => {
     switch (discrepancy) {
       case "browserPassedCliFailed":
         return "Accessibility checks passed in this browser but failed in the CLI.";
@@ -2338,23 +1989,18 @@ var TestDiscrepancyMessage = /* @__PURE__ */ __name(({ discrepancy }) => {
         return null;
     }
   }, [discrepancy]);
-  if (!message) {
-    return null;
-  }
-  return React5.createElement(Wrapper3, null, message, " ", React5.createElement(Link2, { href: docsUrl, target: "_blank", withArrow: true }, "Learn what could cause this"));
-}, "TestDiscrepancyMessage");
+  return message ? React5.createElement(Wrapper3, null, message, " ", React5.createElement(Link2, { href: docsUrl, target: "_blank", withArrow: !0 }, "Learn what could cause this")) : null;
+};
 
 // src/components/A11YPanel.tsx
 var RotatingIcon = styled5(SyncIcon2)(({ theme: theme2 }) => ({
   animation: `${theme2.animation.rotate360} 1s linear infinite;`,
   margin: 4
-}));
-var Tab = styled5.div({
+})), Tab = styled5.div({
   display: "flex",
   alignItems: "center",
   gap: 6
-});
-var Centered = styled5.span(({ theme: theme2 }) => ({
+}), Centered = styled5.span(({ theme: theme2 }) => ({
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -2381,9 +2027,8 @@ var Centered = styled5.span(({ theme: theme2 }) => ({
     borderRadius: 4,
     padding: "2px 3px"
   }
-}));
-var A11YPanel = /* @__PURE__ */ __name(() => {
-  const {
+})), A11YPanel = () => {
+  let {
     parameters,
     tab,
     results,
@@ -2394,16 +2039,15 @@ var A11YPanel = /* @__PURE__ */ __name(() => {
     handleSelectionChange,
     selectedItems,
     toggleOpen
-  } = useA11yContext();
-  const tabs = useMemo3(() => {
-    const { passes, incomplete, violations } = results ?? {
+  } = useA11yContext(), tabs = useMemo3(() => {
+    let { passes, incomplete, violations } = results ?? {
       passes: [],
       incomplete: [],
       violations: []
     };
     return [
       {
-        label: React6.createElement(Tab, null, "Violations", React6.createElement(Badge2, { compact: true, status: tab === "violations" ? "active" : "neutral" }, violations.length)),
+        label: React6.createElement(Tab, null, "Violations", React6.createElement(Badge2, { compact: !0, status: tab === "violations" ? "active" : "neutral" }, violations.length)),
         panel: React6.createElement(
           Report,
           {
@@ -2419,7 +2063,7 @@ var A11YPanel = /* @__PURE__ */ __name(() => {
         type: RuleType.VIOLATION
       },
       {
-        label: React6.createElement(Tab, null, "Passes", React6.createElement(Badge2, { compact: true, status: tab === "passes" ? "active" : "neutral" }, passes.length)),
+        label: React6.createElement(Tab, null, "Passes", React6.createElement(Badge2, { compact: !0, status: tab === "passes" ? "active" : "neutral" }, passes.length)),
         panel: React6.createElement(
           Report,
           {
@@ -2435,7 +2079,7 @@ var A11YPanel = /* @__PURE__ */ __name(() => {
         type: RuleType.PASS
       },
       {
-        label: React6.createElement(Tab, null, "Inconclusive", React6.createElement(Badge2, { compact: true, status: tab === "incomplete" ? "active" : "neutral" }, incomplete.length)),
+        label: React6.createElement(Tab, null, "Inconclusive", React6.createElement(Badge2, { compact: !0, status: tab === "incomplete" ? "active" : "neutral" }, incomplete.length)),
         panel: React6.createElement(
           Report,
           {
@@ -2452,11 +2096,8 @@ var A11YPanel = /* @__PURE__ */ __name(() => {
       }
     ];
   }, [tab, results, handleSelectionChange, selectedItems, toggleOpen]);
-  if (parameters.disable || parameters.test === "off") {
-    return React6.createElement(Centered, null, React6.createElement("div", null, React6.createElement("strong", null, "Accessibility tests are disabled for this story"), React6.createElement("p", null, "Update", " ", React6.createElement("code", null, parameters.disable ? "parameters.a11y.disable" : "parameters.a11y.test"), " ", "to enable accessibility tests.")));
-  }
-  return React6.createElement(React6.Fragment, null, discrepancy && React6.createElement(TestDiscrepancyMessage, { discrepancy }), status === "ready" || status === "ran" ? React6.createElement(Tabs, { key: "tabs", tabs }) : React6.createElement(Centered, { style: { marginTop: discrepancy ? "1em" : 0 } }, status === "initial" && React6.createElement("div", null, React6.createElement(RotatingIcon, { size: 12 }), React6.createElement("strong", null, "Preparing accessibility scan"), React6.createElement("p", null, "Please wait while the addon is initializing...")), status === "manual" && React6.createElement(React6.Fragment, null, React6.createElement("div", null, React6.createElement("strong", null, "Accessibility tests run manually for this story"), React6.createElement("p", null, "Results will not show when using the testing module. You can still run accessibility tests manually.")), React6.createElement(Button4, { ariaLabel: false, size: "medium", onClick: handleManual }, "Run accessibility scan"), React6.createElement("p", null, "Update ", React6.createElement("code", null, "globals.a11y.manual"), " to disable manual mode.")), status === "running" && React6.createElement("div", null, React6.createElement(RotatingIcon, { size: 12 }), React6.createElement("strong", null, "Accessibility scan in progress"), React6.createElement("p", null, "Please wait while the accessibility scan is running...")), status === "error" && React6.createElement(React6.Fragment, null, React6.createElement("div", null, React6.createElement("strong", null, "The accessibility scan encountered an error"), React6.createElement("p", null, typeof error === "string" ? error : error instanceof Error ? error.toString() : JSON.stringify(error, null, 2))), React6.createElement(Button4, { ariaLabel: false, size: "medium", onClick: handleManual }, "Rerun accessibility scan")), status === "component-test-error" && React6.createElement(React6.Fragment, null, React6.createElement("div", null, React6.createElement("strong", null, "This story's component tests failed"), React6.createElement("p", null, "Automated accessibility tests will not run until this is resolved. You can still test manually.")), React6.createElement(Button4, { ariaLabel: false, size: "medium", onClick: handleManual }, "Run accessibility scan"))));
-}, "A11YPanel");
+  return parameters.disable || parameters.test === "off" ? React6.createElement(Centered, null, React6.createElement("div", null, React6.createElement("strong", null, "Accessibility tests are disabled for this story"), React6.createElement("p", null, "Update", " ", React6.createElement("code", null, parameters.disable ? "parameters.a11y.disable" : "parameters.a11y.test"), " ", "to enable accessibility tests."))) : React6.createElement(React6.Fragment, null, discrepancy && React6.createElement(TestDiscrepancyMessage, { discrepancy }), status === "ready" || status === "ran" ? React6.createElement(Tabs, { key: "tabs", tabs }) : React6.createElement(Centered, { style: { marginTop: discrepancy ? "1em" : 0 } }, status === "initial" && React6.createElement("div", null, React6.createElement(RotatingIcon, { size: 12 }), React6.createElement("strong", null, "Preparing accessibility scan"), React6.createElement("p", null, "Please wait while the addon is initializing...")), status === "manual" && React6.createElement(React6.Fragment, null, React6.createElement("div", null, React6.createElement("strong", null, "Accessibility tests run manually for this story"), React6.createElement("p", null, "Results will not show when using the testing module. You can still run accessibility tests manually.")), React6.createElement(Button4, { ariaLabel: !1, size: "medium", onClick: handleManual }, "Run accessibility scan"), React6.createElement("p", null, "Update ", React6.createElement("code", null, "globals.a11y.manual"), " to disable manual mode.")), status === "running" && React6.createElement("div", null, React6.createElement(RotatingIcon, { size: 12 }), React6.createElement("strong", null, "Accessibility scan in progress"), React6.createElement("p", null, "Please wait while the accessibility scan is running...")), status === "error" && React6.createElement(React6.Fragment, null, React6.createElement("div", null, React6.createElement("strong", null, "The accessibility scan encountered an error"), React6.createElement("p", null, typeof error == "string" ? error : error instanceof Error ? error.toString() : JSON.stringify(error, null, 2))), React6.createElement(Button4, { ariaLabel: !1, size: "medium", onClick: handleManual }, "Rerun accessibility scan")), status === "component-test-error" && React6.createElement(React6.Fragment, null, React6.createElement("div", null, React6.createElement("strong", null, "This story's component tests failed"), React6.createElement("p", null, "Automated accessibility tests will not run until this is resolved. You can still test manually.")), React6.createElement(Button4, { ariaLabel: !1, size: "medium", onClick: handleManual }, "Run accessibility scan"))));
+};
 
 // src/components/VisionSimulator.tsx
 import React8, { useState as useState4 } from "react";
@@ -2466,7 +2107,7 @@ import { Global, styled as styled6 } from "storybook/theming";
 
 // src/components/ColorFilters.tsx
 import * as React7 from "react";
-var Filters = /* @__PURE__ */ __name((props) => React7.createElement("svg", { ...props }, React7.createElement("defs", null, React7.createElement("filter", { id: "protanopia" }, React7.createElement(
+var Filters = (props) => React7.createElement("svg", { ...props }, React7.createElement("defs", null, React7.createElement("filter", { id: "protanopia" }, React7.createElement(
   "feColorMatrix",
   {
     in: "SourceGraphic",
@@ -2515,11 +2156,10 @@ var Filters = /* @__PURE__ */ __name((props) => React7.createElement("svg", { ..
     type: "matrix",
     values: "0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0, 0, 0, 1, 0"
   }
-)))), "Filters");
+))));
 
 // src/components/VisionSimulator.tsx
-var iframeId = "storybook-preview-iframe";
-var baseList = [
+var iframeId = "storybook-preview-iframe", baseList = [
   { name: "blurred vision", percentage: 22.9 },
   { name: "deuteranomaly", percentage: 2.7 },
   { name: "deuteranopia", percentage: 0.56 },
@@ -2529,27 +2169,13 @@ var baseList = [
   { name: "tritanopia", percentage: 0.016 },
   { name: "achromatopsia", percentage: 1e-4 },
   { name: "grayscale" }
-];
-var getFilter = /* @__PURE__ */ __name((filterName) => {
-  if (!filterName) {
-    return "none";
-  }
-  if (filterName === "blurred vision") {
-    return "blur(2px)";
-  }
-  if (filterName === "grayscale") {
-    return "grayscale(100%)";
-  }
-  return `url('#${filterName}')`;
-}, "getFilter");
-var Hidden = styled6.div({
+], getFilter = (filterName) => filterName ? filterName === "blurred vision" ? "blur(2px)" : filterName === "grayscale" ? "grayscale(100%)" : `url('#${filterName}')` : "none", Hidden = styled6.div({
   "&, & svg": {
     position: "absolute",
     width: 0,
     height: 0
   }
-});
-var ColorIcon = styled6.span(
+}), ColorIcon = styled6.span(
   {
     background: "linear-gradient(to right, #F44336, #FF9800, #FFEB3B, #8BC34A, #2196F3, #9C27B0)",
     borderRadius: "1rem",
@@ -2563,11 +2189,9 @@ var ColorIcon = styled6.span(
   ({ theme: theme2 }) => ({
     boxShadow: `${theme2.appBorderColor} 0 0 0 1px inset`
   })
-);
-var VisionSimulator = /* @__PURE__ */ __name(() => {
-  const [filter, setFilter] = useState4(null);
-  const options = baseList.map(({ name, percentage }) => {
-    const description = percentage !== void 0 ? `${percentage}% of users` : void 0;
+), VisionSimulator = () => {
+  let [filter, setFilter] = useState4(null), options = baseList.map(({ name, percentage }) => {
+    let description = percentage !== void 0 ? `${percentage}% of users` : void 0;
     return {
       title: name,
       description,
@@ -2596,38 +2220,31 @@ var VisionSimulator = /* @__PURE__ */ __name(() => {
       onSelect: (selected) => setFilter(() => ({ name: selected }))
     }
   ), React8.createElement(Hidden, null, React8.createElement(Filters, null)));
-}, "VisionSimulator");
+};
 
 // src/manager.tsx
-var Title2 = /* @__PURE__ */ __name(() => {
-  const api = useStorybookApi3();
-  const selectedPanel = api.getSelectedPanel();
-  const [{ results }] = useAddonState2(ADDON_ID, {
+var Title2 = () => {
+  let selectedPanel = useStorybookApi3().getSelectedPanel(), [{ results }] = useAddonState2(ADDON_ID, {
     ui: {
-      highlighted: false,
+      highlighted: !1,
       tab: RuleType.VIOLATION
     },
     results: void 0,
     error: void 0,
     status: "initial"
-  });
-  const violationsNb = results?.violations?.length ?? 0;
-  const incompleteNb = results?.incomplete?.length ?? 0;
-  const count = violationsNb + incompleteNb;
-  const suffix = count === 0 ? null : React9.createElement(Badge3, { compact: true, status: selectedPanel === PANEL_ID ? "active" : "neutral" }, count);
+  }), violationsNb = results?.violations?.length ?? 0, incompleteNb = results?.incomplete?.length ?? 0, count = violationsNb + incompleteNb, suffix = count === 0 ? null : React9.createElement(Badge3, { compact: !0, status: selectedPanel === PANEL_ID ? "active" : "neutral" }, count);
   return React9.createElement("div", { style: { display: "flex", alignItems: "center", gap: 6 } }, React9.createElement("span", null, "Accessibility"), suffix);
-}, "Title");
+};
 addons.register(ADDON_ID, (api) => {
   addons.add(PANEL_ID, {
     title: "",
     type: types.TOOL,
-    match: /* @__PURE__ */ __name(({ viewMode, tabId }) => viewMode === "story" && !tabId, "match"),
-    render: /* @__PURE__ */ __name(() => React9.createElement(VisionSimulator, null), "render")
-  });
-  addons.add(PANEL_ID, {
+    match: ({ viewMode, tabId }) => viewMode === "story" && !tabId,
+    render: () => React9.createElement(VisionSimulator, null)
+  }), addons.add(PANEL_ID, {
     title: Title2,
     type: types.PANEL,
-    render: /* @__PURE__ */ __name(({ active = true }) => React9.createElement(A11yContextProvider, null, active ? React9.createElement(A11YPanel, null) : null), "render"),
+    render: ({ active = !0 }) => React9.createElement(A11yContextProvider, null, active ? React9.createElement(A11YPanel, null) : null),
     paramKey: PARAM_KEY
   });
 });