impact-nova 2.2.5 → 2.2.6

package/dist/components/flows/command-palette/shortcut-settings.js

@@ -1,28 +1,47 @@
-import { jsx as r, jsxs as h, Fragment as j } from "react/jsx-runtime";
-import * as i from "react";
-import { Person as z, Monitor as G, PriorityAlert as U, Locked as T, Reset as q } from "impact-nova-icons";
+import { jsx as r, jsxs as h, Fragment as z } from "react/jsx-runtime";
+import * as o from "react";
+import { Person as G, Monitor as U, PriorityAlert as q, Locked as O, Reset as B } from "impact-nova-icons";
 import { cn as p } from "../../../lib/utils.js";
-import { ModuleRegistry as B, AllCommunityModule as $ } from "ag-grid-community";
-import { AllEnterpriseModule as H } from "ag-grid-enterprise";
-import { DataTable as V, DataTableContent as J } from "../../data/data-table/data-table.js";
+import { Kbd as $ } from "../../primitives/kbd/kbd.js";
+import { keybindingToString as H } from "../../primitives/kbd/keybinding-display.js";
+import { OverflowTooltip as A } from "../../feedback/tooltip/overflow-tooltip.js";
+import { ModuleRegistry as V, AllCommunityModule as J } from "ag-grid-community";
+import { AllEnterpriseModule as Q } from "ag-grid-enterprise";
+import { DataTable as X, DataTableContent as Y } from "../../data/data-table/data-table.js";
 import { AG_CELL_NO_PADDING as F } from "../../data/ag-grid-react/cell-renderers/index.js";
-import { Kbd as Q } from "../../primitives/kbd/kbd.js";
-import { keybindingToString as X } from "../../primitives/kbd/keybinding-display.js";
-import { useCommandPalette as Y } from "./use-command-palette.js";
-import { COMMAND_SOURCE_LABELS as m, keybindingFromEvent as Z, isReservedShortcut as W } from "./utils.js";
-import { BadgeCellRenderer as ee } from "../../data/ag-grid-react/cell-renderers/badge-cell-renderer.js";
-B.registerModules([$, H]);
-function te(a) {
+import { useCommandPalette as Z } from "./use-command-palette.js";
+import { COMMAND_SOURCE_LABELS as m, keybindingFromEvent as W, isReservedShortcut as ee } from "./utils.js";
+import { BadgeCellRenderer as te } from "../../data/ag-grid-react/cell-renderers/badge-cell-renderer.js";
+V.registerModules([J, Q]);
+function re(a) {
   const t = a.data;
   return t ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
-    !t.customisable && /* @__PURE__ */ r(T, { className: "h-3 w-3 text-secondary-foreground shrink-0" }),
+    !t.customisable && /* @__PURE__ */ r(O, { className: "h-3 w-3 text-secondary-foreground shrink-0" }),
     /* @__PURE__ */ h("div", { className: "flex flex-col min-w-0 gap-0", children: [
-      /* @__PURE__ */ r("span", { className: "truncate font-medium text-content-charcoal text-xs leading-tight", children: t.command }),
-      t.description && /* @__PURE__ */ r("span", { className: "truncate text-[10px] text-secondary-foreground leading-tight", children: t.description })
+      /* @__PURE__ */ r(
+        A,
+        {
+          triggerClassName: "truncate font-medium text-content-charcoal text-xs leading-tight block min-w-0",
+          content: t.command,
+          side: "top",
+          variant: "tertiary",
+          children: t.command
+        }
+      ),
+      t.description && /* @__PURE__ */ r(
+        A,
+        {
+          triggerClassName: "truncate text-[10px] text-secondary-foreground leading-tight block min-w-0",
+          content: t.description,
+          side: "top",
+          variant: "tertiary",
+          children: t.description
+        }
+      )
     ] })
   ] }) : null;
 }
-function re(a) {
+function ne(a) {
   const t = a.data;
   if (!t) return null;
   const d = a.recordingCommandId === t.id;
@@ -37,27 +56,27 @@ function re(a) {
         t.customisable ? "bg-canvas-elevated" : "bg-transparent",
         d && "ring-1 ring-brand border border-brand"
       ),
-      children: d ? /* @__PURE__ */ r("span", { className: "text-xs text-brand font-medium animate-pulse motion-reduce:animate-none", children: a.recordingLabel ?? "Press desired shortcut..." }) : /* @__PURE__ */ h(j, { children: [
+      children: d ? /* @__PURE__ */ r("span", { className: "text-xs text-brand font-medium animate-pulse motion-reduce:animate-none", children: a.recordingLabel ?? "Press desired shortcut..." }) : /* @__PURE__ */ h(z, { children: [
         t.keybinding ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            onClick: (o) => {
-              o.stopPropagation(), t.customisable && a.onStartRecording(t.id);
+            onClick: (s) => {
+              s.stopPropagation(), t.customisable && a.onStartRecording(t.id);
             },
             disabled: !t.customisable,
             className: p(
               "flex items-center justify-end h-full w-full text-end",
               t.customisable ? "cursor-pointer" : "cursor-default opacity-70"
             ),
-            children: /* @__PURE__ */ r(Q, { keybinding: t.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r($, { keybinding: t.keybinding, size: "sm" })
           }
         ) : t.customisable ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            onClick: (o) => {
-              o.stopPropagation(), a.onStartRecording(t.id);
+            onClick: (s) => {
+              s.stopPropagation(), a.onStartRecording(t.id);
             },
             className: "flex items-center justify-end h-full w-full text-xs text-secondary-foreground hover:text-brand transition-colors cursor-pointer text-end",
             children: a.addShortcutLabel ?? "Add shortcut"
@@ -67,28 +86,28 @@ function re(a) {
           "button",
           {
             type: "button",
-            onClick: (o) => {
-              o.stopPropagation(), a.onReset(t.id);
+            onClick: (s) => {
+              s.stopPropagation(), a.onReset(t.id);
             },
             className: "absolute end-1.5 p-0.5 rounded bg-canvas-elevated hover:bg-canvas-muted hover:text-destructive cursor-pointer opacity-0 group-hover/row:opacity-100 transition-opacity z-10",
             title: "Reset to default",
-            children: /* @__PURE__ */ r(q, { className: "!h-3 !w-3" })
+            children: /* @__PURE__ */ r(B, { className: "!h-3 !w-3" })
           }
         )
       ] })
     }
   ) });
 }
-function ne(a) {
+function ae(a) {
   const t = a.data;
   return t ? /* @__PURE__ */ r("div", { className: "flex items-center h-full", children: /* @__PURE__ */ r("span", { className: "text-xs text-secondary-foreground capitalize", children: t.scope }) }) : null;
 }
-function ae({
+function le({
   className: a,
   scopes: t,
   sources: d,
-  renderStatus: o,
-  recordingLabel: le,
+  renderStatus: s,
+  recordingLabel: ie,
   pressShortcutLabel: x,
   addShortcutLabel: v,
   conflictWarnLabel: w = "Conflicts with other shortcuts",
@@ -99,51 +118,51 @@ function ae({
     getSettingsCommands: C,
     getEffectiveKeybinding: S,
     updateKeybinding: N,
-    resetKeybinding: R,
-    version: O
-  } = Y(), [c, f] = i.useState(null), [u, l] = i.useState(null), y = i.useMemo(() => {
+    resetKeybinding: k,
+    version: _
+  } = Z(), [c, f] = o.useState(null), [u, l] = o.useState(null), y = o.useMemo(() => {
     let n = C();
     return n = n.filter((e) => {
-      const s = e.source ?? "user";
-      return s === "user" || s === "ag-grid";
+      const i = e.source ?? "user";
+      return i === "user" || i === "ag-grid";
     }), t && (n = n.filter((e) => t.includes(e.scope))), d && (n = n.filter((e) => e.source && d.includes(e.source))), n.map((e) => {
-      const s = S(e.id), g = e.source ?? "user", D = m[g] ?? g ?? "User", A = D.toLowerCase() === "user";
+      const i = S(e.id), g = e.source ?? "user", D = m[g] ?? g ?? "User", T = D.toLowerCase() === "user";
       return {
         id: e.id,
         command: e.label,
         description: e.description || "",
         category: e.category || "General",
-        keybinding: s,
-        keybindingDisplay: s ? X(s) : "",
+        keybinding: i,
+        keybindingDisplay: i ? H(i) : "",
         scope: e.scope,
         source: D,
-        sourceColor: A ? "primary" : "neutral",
-        sourceIcon: A ? /* @__PURE__ */ r(z, { className: "h-3 w-3" }) : /* @__PURE__ */ r(G, { className: "h-3 w-3" }),
+        sourceColor: T ? "primary" : "neutral",
+        sourceIcon: T ? /* @__PURE__ */ r(G, { className: "h-3 w-3" }) : /* @__PURE__ */ r(U, { className: "h-3 w-3" }),
         customisable: e.customisable !== !1,
         passive: e.passive === !0,
         hasOverride: e.keybinding !== void 0,
         _def: e
       };
     });
-  }, [O, t, d, C, S]), k = i.useCallback((n) => {
+  }, [_, t, d, C, S]), R = o.useCallback((n) => {
     f(n), l(null);
-  }, []), M = i.useCallback((n) => {
-    R(n), l(null);
-  }, [R]);
-  i.useEffect(() => {
+  }, []), M = o.useCallback((n) => {
+    k(n), l(null);
+  }, [k]);
+  o.useEffect(() => {
     if (!c) return;
     const n = (e) => {
       if (e.preventDefault(), e.stopPropagation(), e.key === "Escape") {
         f(null), l(null);
         return;
       }
-      const s = Z(e);
-      if (!s) return;
-      if (W(s)) {
+      const i = W(e);
+      if (!i) return;
+      if (ee(i)) {
         l({ type: "reserved", text: b }), f(null), setTimeout(() => l(null), 3e3);
         return;
       }
-      const g = N(c, s);
+      const g = N(c, i);
       g.success ? (f(null), l(null)) : g.conflict ? (l({
         type: "conflict",
         text: w
@@ -151,14 +170,14 @@ function ae({
     };
     return window.addEventListener("keydown", n, !0), () => window.removeEventListener("keydown", n, !0);
   }, [c, N, b, w]);
-  const P = i.useMemo(() => Array.from(new Set(y.map((e) => e.category))).sort().map((e) => ({ label: e, value: e })), [y]), _ = i.useMemo(() => [
+  const P = o.useMemo(() => Array.from(new Set(y.map((e) => e.category))).sort().map((e) => ({ label: e, value: e })), [y]), I = o.useMemo(() => [
     {
       field: "command",
       headerName: "Command",
       flex: 1,
       minWidth: 200,
       filter: "agTextColumnFilter",
-      cellRenderer: te,
+      cellRenderer: re,
       filterValueGetter: (n) => {
         const e = n.data;
         return e ? `${e.command} ${e.description}` : "";
@@ -182,11 +201,11 @@ function ae({
       width: 180,
       type: "rightAligned",
       filter: "agTextColumnFilter",
-      cellRenderer: re,
+      cellRenderer: ne,
       cellClass: F,
       cellRendererParams: {
         recordingCommandId: c,
-        onStartRecording: k,
+        onStartRecording: R,
         onReset: M,
         recordingLabel: x,
         addShortcutLabel: v
@@ -198,7 +217,7 @@ function ae({
       headerName: "Scope",
       width: 100,
       filter: "agSetColumnFilter",
-      cellRenderer: ne,
+      cellRenderer: ae,
       headerComponentParams: {
         isSearchable: !0,
         advanceSearchEnabled: !0,
@@ -217,7 +236,7 @@ function ae({
       width: 130,
       filter: "agSetColumnFilter",
       cellClass: F,
-      cellRenderer: ee,
+      cellRenderer: te,
       cellRendererParams: {
         variant: "subtle",
         colorField: "sourceColor",
@@ -235,7 +254,7 @@ function ae({
         isMultiSelect: !0
       }
     }
-  ], [c, k, M, x, v, P]), I = i.useMemo(() => ({
+  ], [c, R, M, x, v, P]), K = o.useMemo(() => ({
     filter: {
       filterModel: {
         source: {
@@ -244,7 +263,7 @@ function ae({
         }
       }
     }
-  }), []), K = i.useMemo(() => ({
+  }), []), j = o.useMemo(() => ({
     sortable: !0,
     resizable: !0,
     filter: !0,
@@ -256,18 +275,18 @@ function ae({
     "px-3 py-1.5 text-[10px] md:text-sm font-medium rounded-md whitespace-nowrap flex items-center gap-2",
     u?.type === "conflict" ? "bg-feedback-warning-surface text-content" : u?.type === "reserved" ? "bg-feedback-error-surface text-destructive" : c ? "bg-feedback-info-surface text-brand animate-[pulse_1.5s_ease-in-out_infinite] motion-reduce:animate-none" : ""
   ), children: [
-    u?.type === "conflict" ? /* @__PURE__ */ r(U, { className: "h-3.5 w-3.5 shrink-0" }) : u?.type === "reserved" ? /* @__PURE__ */ r(T, { className: "h-3.5 w-3.5 shrink-0" }) : c ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
+    u?.type === "conflict" ? /* @__PURE__ */ r(q, { className: "h-3.5 w-3.5 shrink-0" }) : u?.type === "reserved" ? /* @__PURE__ */ r(O, { className: "h-3.5 w-3.5 shrink-0" }) : c ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
     /* @__PURE__ */ r("span", { children: u ? u.text : L })
   ] }) : null;
-  return /* @__PURE__ */ h(V, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
-    o ? o(E) : E,
+  return /* @__PURE__ */ h(X, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
+    s ? s(E) : E,
     /* @__PURE__ */ r(
-      J,
+      Y,
       {
         rowData: y,
-        columnDefs: _,
-        defaultColDef: K,
-        initialState: I,
+        columnDefs: I,
+        defaultColDef: j,
+        initialState: K,
         rowHeight: 44,
         animateRows: !1,
         rowSelection: "single",
@@ -279,7 +298,7 @@ function ae({
     )
   ] });
 }
-ae.displayName = "ShortcutSettings";
+le.displayName = "ShortcutSettings";
 export {
-  ae as ShortcutSettings
+  le as ShortcutSettings
 };

package/dist/components/flows/filter-panel/filter-panel.js

@@ -1,21 +1,22 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import v from "react";
 import { Sheet as b, SheetContent as g, SheetDescription as N, SheetTitle as y, SheetClose as w } from "../../feedback/sheet/sheet.js";
 import { createCompoundPart as k } from "../../../lib/primitives/create-compound.js";
 import { cn as o } from "../../../lib/utils.js";
 import { MultiColorFilter as C, Cross as F, InfoBadge as u } from "impact-nova-icons";
 import { Button as P } from "../../primitives/button/button.js";
-import { Tooltip as d, TooltipTrigger as h, TooltipContent as f } from "../../feedback/tooltip/tooltip.js";
+import { Tooltip as d, TooltipTrigger as f, TooltipContent as h } from "../../feedback/tooltip/tooltip.js";
 import { Kbd as S } from "../../primitives/kbd/kbd.js";
+import { OverflowTooltip as j } from "../../feedback/tooltip/overflow-tooltip.js";
 import { useImpactNovaI18n as x } from "../../../i18n/use-impact-nova-i18n.js";
-import { useOverlayHostDismissNestedLayersOnNavigation as j } from "../../../lib/overlay/overlay-portal-context.js";
-const I = ({
+import { useOverlayHostDismissNestedLayersOnNavigation as I } from "../../../lib/overlay/overlay-portal-context.js";
+const T = ({
   title: i,
   children: n,
   className: l
 }) => {
   const { t: c } = x();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-component": "filter-panel-header",
@@ -24,7 +25,7 @@ const I = ({
         l
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -35,7 +36,7 @@ const I = ({
           ),
           /* @__PURE__ */ e(y, { className: "text-lg font-bold text-content", children: i })
         ] }),
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
           n,
           /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
             P,
@@ -52,7 +53,7 @@ const I = ({
       ]
     }
   );
-}, R = ({
+}, _ = ({
   open: i,
   onOpenChange: n,
   title: l = "Filter panel",
@@ -60,8 +61,8 @@ const I = ({
   header: s,
   sidebar: p,
   className: m,
-  preventClose: a = !1
-}) => /* @__PURE__ */ e(b, { open: i, onOpenChange: n, children: /* @__PURE__ */ t(
+  preventClose: t = !1
+}) => /* @__PURE__ */ e(b, { open: i, onOpenChange: n, children: /* @__PURE__ */ a(
   g,
   {
     side: "right",
@@ -70,30 +71,30 @@ const I = ({
       m
     ),
     onInteractOutside: (r) => {
-      a && r.preventDefault();
+      t && r.preventDefault();
     },
     onEscapeKeyDown: (r) => {
-      a && r.preventDefault();
+      t && r.preventDefault();
     },
     children: [
       /* @__PURE__ */ e(N, { className: "sr-only", children: "Select filters to apply to the current view." }),
-      /* @__PURE__ */ t("div", { className: "flex h-full flex-col bg-canvas-elevated", "data-component": "filter-panel", children: [
-        s || /* @__PURE__ */ e(I, { title: l }),
-        /* @__PURE__ */ t("div", { className: "flex flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ a("div", { className: "flex h-full flex-col bg-canvas-elevated", "data-component": "filter-panel", children: [
+        s || /* @__PURE__ */ e(T, { title: l }),
+        /* @__PURE__ */ a("div", { className: "flex flex-1 overflow-hidden", children: [
           p,
           /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: c })
         ] })
       ] })
     ]
   }
-) }), W = ({
+) }), q = ({
   items: i,
   activeTab: n,
   onTabChange: l,
   className: c
 }) => {
-  const { t: s } = x(), p = j(), m = (a) => {
-    a !== n && p(), l(a);
+  const { t: s } = x(), p = I(), m = (t) => {
+    t !== n && p(), l(t);
   };
   return /* @__PURE__ */ e(
     "div",
@@ -103,26 +104,26 @@ const I = ({
         "flex w-[200px] shrink-0 flex-col border-r bg-navigation-canvas",
         c
       ),
-      children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: i.map((a) => {
-        const r = n === a.id;
-        return /* @__PURE__ */ t(v.Fragment, { children: [
-          a.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
-          /* @__PURE__ */ t(
+      children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: i.map((t) => {
+        const r = n === t.id;
+        return /* @__PURE__ */ a(v.Fragment, { children: [
+          t.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
+          /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               autoFocus: r,
-              onClick: () => m(a.id),
+              onClick: () => m(t.id),
               "data-component": "filter-panel-sidebar-item",
               "data-active": r ? "true" : "false",
-              "data-tab": a.id,
-              "data-shortcut-id": a.shortcutId,
+              "data-tab": t.id,
+              "data-shortcut-id": t.shortcutId,
               className: o(
                 "group flex items-center justify-between px-3 py-[6px] mx-2 rounded-lg text-left text-sm font-medium transition-colors",
                 r ? "bg-canvas-accent text-brand" : "text-content-secondary hover:bg-canvas-accent"
               ),
               children: [
-                /* @__PURE__ */ t("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+                /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
                   /* @__PURE__ */ e(
                     "span",
                     {
@@ -130,74 +131,80 @@ const I = ({
                         "shrink-0",
                         r ? "text-brand" : "text-content-secondary"
                       ),
-                      children: a.icon
+                      children: t.icon
                     }
                   ),
-                  /* @__PURE__ */ t("div", { className: "flex items-center gap-1 min-w-0", children: [
-                    /* @__PURE__ */ t(d, { children: [
-                      /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate font-['Manrope']", children: a.label }) }),
-                      /* @__PURE__ */ e(f, { variant: "tertiary", side: "right", children: a.tooltipKeybinding ? /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
-                        a.label,
-                        " ",
-                        /* @__PURE__ */ e(
-                          S,
-                          {
-                            keybinding: a.tooltipKeybinding,
-                            size: "sm"
-                          }
-                        )
-                      ] }) : a.label })
-                    ] }),
-                    a.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-danger", children: "*" })
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-1 min-w-0", children: [
+                    /* @__PURE__ */ e(
+                      j,
+                      {
+                        triggerClassName: "truncate font-['Manrope'] block min-w-0",
+                        content: t.tooltipKeybinding ? /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
+                          t.label,
+                          " ",
+                          /* @__PURE__ */ e(
+                            S,
+                            {
+                              keybinding: t.tooltipKeybinding,
+                              size: "sm"
+                            }
+                          )
+                        ] }) : t.label,
+                        side: "right",
+                        variant: "tertiary",
+                        children: t.label
+                      }
+                    ),
+                    t.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-danger", children: "*" })
                   ] })
                 ] }),
-                /* @__PURE__ */ t("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
-                  a.count !== void 0 && a.count > 0 && /* @__PURE__ */ t(d, { children: [
-                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
+                /* @__PURE__ */ a("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
+                  t.count !== void 0 && t.count > 0 && /* @__PURE__ */ a(d, { children: [
+                    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(
                       "span",
                       {
                         className: o(
                           "inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-[11px] font-medium tabular-nums leading-none shrink-0",
                           r ? "bg-canvas-elevated text-brand border border-stroke-subtle" : "bg-brand-tint border border-stroke-subtle"
                         ),
-                        children: a.count
+                        children: t.count
                       }
                     ) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", side: "top", children: s(
-                      a.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
-                      { count: a.count }
+                    /* @__PURE__ */ e(h, { variant: "tertiary", side: "top", children: s(
+                      t.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
+                      { count: t.count }
                     ) })
                   ] }),
-                  a.hasError && /* @__PURE__ */ t(d, { children: [
-                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-danger" }) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.tabContainsErrors") })
+                  t.hasError && /* @__PURE__ */ a(d, { children: [
+                    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-danger" }) }),
+                    /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.tabContainsErrors") })
                   ] }),
-                  a.hasWarning && /* @__PURE__ */ t(d, { children: [
-                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-warning" }) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.tabHasWarnings") })
+                  t.hasWarning && /* @__PURE__ */ a(d, { children: [
+                    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-warning" }) }),
+                    /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.tabHasWarnings") })
                   ] }),
-                  a.hasInfo && /* @__PURE__ */ t(d, { children: [
-                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-content-icon" }) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.additionalInfoAvailable") })
+                  t.hasInfo && /* @__PURE__ */ a(d, { children: [
+                    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-content-icon" }) }),
+                    /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.additionalInfoAvailable") })
                   ] })
                 ] })
               ]
             }
           )
-        ] }, a.id);
+        ] }, t.id);
       }) })
     }
   );
-}, _ = k("filter-panel", {
+}, G = k("filter-panel", {
   part: "body",
   displayName: "FilterPanelBody",
   className: "flex flex-1 flex-col overflow-auto bg-canvas-elevated p-4",
   scrollSurface: !0
-}), q = ({
+}), J = ({
   children: i,
   className: n,
   leftAction: l
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ a(
   "div",
   {
     "data-component": "filter-panel-footer",
@@ -212,9 +219,9 @@ const I = ({
   }
 );
 export {
-  R as FilterPanel,
-  _ as FilterPanelBody,
-  q as FilterPanelFooter,
-  I as FilterPanelHeader,
-  W as FilterPanelSidebar
+  _ as FilterPanel,
+  G as FilterPanelBody,
+  J as FilterPanelFooter,
+  T as FilterPanelHeader,
+  q as FilterPanelSidebar
 };