impact-nova 2.2.7 → 2.2.9

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

@@ -5,7 +5,7 @@ import { createCompoundPart as C } from "../../../lib/primitives/create-compound
 import { cn as o } from "../../../lib/utils.js";
 import { MultiColorFilter as F, Cross as P, InfoBadge as u } from "impact-nova-icons";
 import { Button as D } from "../../primitives/button/button.js";
-import { Tooltip as d, TooltipTrigger as f, TooltipContent as h } from "../../feedback/tooltip/tooltip.js";
+import { Tooltip as c, 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 v } from "../../../i18n/use-impact-nova-i18n.js";
@@ -16,7 +16,7 @@ const O = ({
   children: n,
   className: l
 }) => {
-  const { t: c } = v();
+  const { t: d } = v();
   return /* @__PURE__ */ a(
     "div",
     {
@@ -45,7 +45,7 @@ const O = ({
               variant: "secondary",
               size: "icon",
               tabIndex: -1,
-              "aria-label": c("aria.close"),
+              "aria-label": d("aria.close"),
               "data-component": "filter-panel-close",
               children: /* @__PURE__ */ e(P, { className: "h-3 w-3" })
             }
@@ -58,7 +58,7 @@ const O = ({
   open: i,
   onOpenChange: n,
   title: l = "Filter panel",
-  children: c,
+  children: d,
   header: s,
   sidebar: p,
   className: m,
@@ -86,7 +86,7 @@ const O = ({
         s || /* @__PURE__ */ e(O, { 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 })
+          /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: d })
         ] })
       ] })
     ]
@@ -95,7 +95,7 @@ const O = ({
   items: i,
   activeTab: n,
   onTabChange: l,
-  className: c
+  className: d
 }) => {
   const { t: s } = v(), p = I(), m = (t) => {
     t !== n && p(), l(t);
@@ -106,97 +106,104 @@ const O = ({
       "data-component": "filter-panel-sidebar",
       className: o(
         "flex w-[200px] shrink-0 flex-col border-r bg-navigation-canvas",
-        c
+        d
       ),
-      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(b.Fragment, { children: [
-          t.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
-          /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              autoFocus: r,
-              onClick: () => m(t.id),
-              "data-component": "filter-panel-sidebar-item",
-              "data-active": r ? "true" : "false",
-              "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__ */ a("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-                  /* @__PURE__ */ e(
-                    "span",
-                    {
-                      className: o(
-                        "shrink-0",
-                        r ? "text-brand" : "text-content-secondary"
-                      ),
-                      children: t.icon
-                    }
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          "data-component": "filter-panel-sidebar-nav",
+          className: "flex max-h-full min-h-0 flex-col gap-1 overflow-y-auto py-2",
+          children: i.map((t) => {
+            const r = n === t.id;
+            return /* @__PURE__ */ a(b.Fragment, { children: [
+              t.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  type: "button",
+                  autoFocus: r,
+                  onClick: () => m(t.id),
+                  "data-component": "filter-panel-sidebar-item",
+                  "data-active": r ? "true" : "false",
+                  "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"
                   ),
-                  /* @__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__ */ 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: [
+                    /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+                      /* @__PURE__ */ e(
+                        "span",
+                        {
+                          className: o(
+                            "shrink-0",
+                            r ? "text-brand" : "text-content-secondary"
+                          ),
+                          children: t.icon
+                        }
+                      ),
+                      /* @__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
+                          }
                         ),
-                        children: t.count
-                      }
-                    ) }),
-                    /* @__PURE__ */ e(h, { variant: "tertiary", side: "top", children: s(
-                      t.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
-                      { count: t.count }
-                    ) })
-                  ] }),
-                  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") })
-                  ] }),
-                  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") })
-                  ] }),
-                  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") })
-                  ] })
-                ] })
-              ]
-            }
-          )
-        ] }, t.id);
-      }) })
+                        t.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-danger", children: "*" })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
+                      t.count !== void 0 && t.count > 0 && /* @__PURE__ */ a(c, { 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: t.count
+                          }
+                        ) }),
+                        /* @__PURE__ */ e(h, { variant: "tertiary", side: "top", children: s(
+                          t.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
+                          { count: t.count }
+                        ) })
+                      ] }),
+                      t.hasError && /* @__PURE__ */ a(c, { 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") })
+                      ] }),
+                      t.hasWarning && /* @__PURE__ */ a(c, { 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") })
+                      ] }),
+                      t.hasInfo && /* @__PURE__ */ a(c, { 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") })
+                      ] })
+                    ] })
+                  ]
+                }
+              )
+            ] }, t.id);
+          })
+        }
+      )
     }
   );
 }, Q = C("filter-panel", {

package/dist/components/flows/filter-strip/filter-tag-list.js

@@ -1,27 +1,27 @@
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
 import * as N from "react";
-import { cn as O } from "../../../lib/utils.js";
+import { cn as k } from "../../../lib/utils.js";
 import { HorizontalScroller as $ } from "../../layout/horizontal-scroller/horizontal-scroller.js";
-import { TagGroup as A } from "../../primitives/tag-group/tag-group.js";
-import { Tag as C } from "../../primitives/tag/tag.js";
-import { Tooltip as T, TooltipTrigger as k, TooltipContent as z } from "../../feedback/tooltip/tooltip.js";
-import { OverflowTooltip as P } from "../../feedback/tooltip/overflow-tooltip.js";
-import { PopoverContent as j, Popover as R, PopoverTrigger as B } from "../../feedback/popover/popover.js";
-import { Button as F } from "../../primitives/button/button.js";
-import { Checkmark as I, Copy as L, Cross as V } from "impact-nova-icons";
-const S = "whitespace-nowrap bg-accent text-brand hover:bg-accent/80 border-0 px-2 text-xs font-medium font-['Manrope'] cursor-pointer focus:!ring-inset focus:!ring-offset-0 focus:!ring-brand data-[state=open]:!ring-inset data-[state=open]:!ring-offset-0 data-[state=open]:!ring-brand", E = ({
-  remainingValues: a,
-  viewAllTrigger: c = "expand",
-  onViewAll: u,
-  onItemRemove: v,
-  isRemovable: f,
+import { TagGroup as I } from "../../primitives/tag-group/tag-group.js";
+import { Tag as T } from "../../primitives/tag/tag.js";
+import { Tooltip as P, TooltipTrigger as z, TooltipContent as S } from "../../feedback/tooltip/tooltip.js";
+import { OverflowTooltip as R } from "../../feedback/tooltip/overflow-tooltip.js";
+import { PopoverContent as j, Popover as F, PopoverTrigger as V } from "../../feedback/popover/popover.js";
+import { Button as B } from "../../primitives/button/button.js";
+import { Checkmark as L, Copy as E, Cross as M } from "impact-nova-icons";
+const O = "whitespace-nowrap bg-accent text-brand hover:bg-accent/80 border-0 px-2 text-xs font-medium font-['Manrope'] cursor-pointer focus:!ring-inset focus:!ring-offset-0 focus:!ring-brand data-[state=open]:!ring-inset data-[state=open]:!ring-offset-0 data-[state=open]:!ring-brand", A = 3, q = "max-h-[180px] min-h-0 overflow-y-auto", D = "group relative flex shrink-0 min-w-0 items-stretch overflow-hidden rounded px-3 py-2 text-[14px] font-medium leading-[20px] text-foreground hover:bg-secondary", G = ({
+  remainingValues: s,
+  viewAllTrigger: d = "expand",
+  onViewAll: f,
+  onItemRemove: g,
+  isRemovable: x,
   isCopyable: e = !1,
-  externalCopyFunction: m
+  externalCopyFunction: h
 }) => {
-  const [s, g] = N.useState(!1), [n, d] = N.useState(null), x = (t, l, i) => {
-    navigator.clipboard.writeText(String(l)), d(i), t.currentTarget.blur(), setTimeout(() => d(null), 1500);
-  }, w = s ? a : a.slice(0, 3), b = a.length > 3, h = () => {
-    c === "custom" ? u?.() : g(!0);
+  const [a, u] = N.useState(!1), [r, l] = N.useState(null), w = (n, i, c) => {
+    navigator.clipboard.writeText(String(i)), l(c), n.currentTarget.blur(), setTimeout(() => l(null), 1500);
+  }, b = a ? s : s.slice(0, A), y = s.length > A, v = () => {
+    d === "custom" ? f?.() : u(!0);
   };
   return /* @__PURE__ */ o(
     j,
@@ -29,157 +29,165 @@ const S = "whitespace-nowrap bg-accent text-brand hover:bg-accent/80 border-0 px
       className: "w-[200px] p-0 rounded-[8px] bg-canvas-elevated shadow-elevation-floating border-none",
       align: "start",
       sideOffset: 8,
-      onOpenAutoFocus: (t) => t.preventDefault(),
-      children: /* @__PURE__ */ r("div", { className: "flex flex-col py-2 px-[6px]", children: [
+      "data-component": "filter-popover-content",
+      onOpenAutoFocus: (n) => n.preventDefault(),
+      onCloseAutoFocus: () => {
+        u(!1), l(null);
+      },
+      children: /* @__PURE__ */ t("div", { className: "flex flex-col py-2 px-[6px]", children: [
         /* @__PURE__ */ o(
           "div",
           {
-            className: `flex flex-col gap-1 mb-2 ${s ? "max-h-[180px] overflow-y-auto" : ""}`,
-            children: w.map((t, l) => {
-              const i = String(t), y = !!(e || f);
-              return /* @__PURE__ */ r(
+            className: k(
+              "mb-2",
+              a && q
+            ),
+            tabIndex: a ? 0 : void 0,
+            children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: b.map((n, i) => {
+              const c = String(n), C = !!(e || x);
+              return /* @__PURE__ */ t(
                 "div",
                 {
-                  className: "group relative flex min-w-0 items-stretch overflow-hidden rounded px-3 py-2 text-[14px] font-medium leading-[20px] text-foreground hover:bg-secondary",
+                  className: D,
                   children: [
                     /* @__PURE__ */ o(
-                      P,
+                      R,
                       {
-                        triggerClassName: O(
+                        triggerClassName: k(
                           "block min-w-0 flex-1 self-stretch truncate overflow-hidden",
-                          y && "pe-0 group-hover:pe-10"
+                          C && "pe-0 group-hover:pe-10"
                         ),
-                        content: i,
+                        content: c,
                         side: "right",
                         variant: "tertiary",
-                        children: i
+                        children: c
                       }
                     ),
-                    y ? /* @__PURE__ */ r("div", { className: "pointer-events-none absolute end-2 top-1/2 z-10 flex -translate-y-1/2 items-center gap-1 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 focus-within:pointer-events-auto focus-within:opacity-100", children: [
+                    C ? /* @__PURE__ */ t("div", { className: "pointer-events-none absolute end-2 top-1/2 z-10 flex -translate-y-1/2 items-center gap-1 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100 focus-within:pointer-events-auto focus-within:opacity-100", children: [
                       e ? /* @__PURE__ */ o(
                         "button",
                         {
                           type: "button",
-                          onClick: (p) => {
-                            p.stopPropagation(), m ? m({ e: p, val: t, index: l }) : x(p, t, l);
+                          onClick: (m) => {
+                            m.stopPropagation(), h ? h({ e: m, val: n, index: i }) : w(m, n, i);
                           },
-                          "aria-label": `Copy ${i}`,
+                          "aria-label": `Copy ${c}`,
                           className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-content-icon hover:bg-scrim-hover hover:text-content-secondary",
-                          children: n === l ? /* @__PURE__ */ o(I, { size: 12, className: "text-success" }) : /* @__PURE__ */ o(L, { size: 12 })
+                          children: r === i ? /* @__PURE__ */ o(L, { size: 12, className: "text-success" }) : /* @__PURE__ */ o(E, { size: 12 })
                         }
                       ) : null,
-                      f ? /* @__PURE__ */ o(
+                      x ? /* @__PURE__ */ o(
                         "button",
                         {
                           type: "button",
-                          onClick: (p) => {
-                            p.stopPropagation(), v(t);
+                          onClick: (m) => {
+                            m.stopPropagation(), g(n);
                           },
-                          "aria-label": `Remove ${i}`,
+                          "aria-label": `Remove ${c}`,
                           className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full text-content-icon hover:bg-scrim-hover hover:text-content-secondary",
-                          children: /* @__PURE__ */ o(V, { size: 12 })
+                          children: /* @__PURE__ */ o(M, { size: 12 })
                         }
                       ) : null
                     ] }) : null
                   ]
                 },
-                l
+                i
               );
-            })
+            }) })
           }
         ),
-        !s && b && /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [
+        !a && y && /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ o("div", { className: "h-px bg-stroke-hairline w-full" }),
           /* @__PURE__ */ o(
-            F,
+            B,
             {
               variant: "secondary",
               size: "md",
               className: "w-full justify-center",
-              onClick: h,
-              children: c === "custom" ? "View all" : `View all (${a.length})`
+              onClick: v,
+              children: d === "custom" ? "View all" : `View all (${s.length})`
             }
           )
         ] })
       ] })
     }
   );
-}, X = ({
-  filters: a,
-  onFilterRemove: c,
-  onOverflowClick: u,
-  onViewAll: v
+}, ee = ({
+  filters: s,
+  onFilterRemove: d,
+  onOverflowClick: f,
+  onViewAll: g
 }) => /* @__PURE__ */ o("div", { className: "flex flex-1 items-center min-w-0", children: /* @__PURE__ */ o(
   $,
   {
-    items: a,
-    renderItem: (e, m) => {
-      const s = Array.isArray(e.value) ? e.value : [e.value], g = s.slice(0, 2), n = s.slice(2), d = !!e.overflow, x = e.overflow?.label ? e.overflow.label : e.overflow?.count ? `+${e.overflow.count}` : null, w = n.length > 0, b = d || w, h = `+${n.length}`;
-      return /* @__PURE__ */ r("div", { className: "flex items-center px-1", children: [
-        m > 0 && /* @__PURE__ */ o("div", { className: "mx-3 h-4 w-px bg-stroke-hairline shrink-0" }),
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ r("span", { className: "text-xs font-medium leading-[21px] text-secondary-foreground whitespace-nowrap", children: [
+    items: s,
+    renderItem: (e, h) => {
+      const a = Array.isArray(e.value) ? e.value : [e.value], u = a.slice(0, 2), r = a.slice(2), l = !!e.overflow, w = e.overflow?.label ? e.overflow.label : e.overflow?.count ? `+${e.overflow.count}` : null, b = r.length > 0, y = l || b, v = `+${r.length}`;
+      return /* @__PURE__ */ t("div", { className: "flex items-center px-1", children: [
+        h > 0 && /* @__PURE__ */ o("div", { className: "mx-3 h-4 w-px bg-stroke-hairline shrink-0" }),
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ t("span", { className: "text-xs font-medium leading-[21px] text-secondary-foreground whitespace-nowrap", children: [
             e.label,
             e.required && /* @__PURE__ */ o("span", { className: "text-validation ms-0.5", children: "*" })
           ] }),
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ o(
-              A,
+              I,
               {
                 spacing: "sm",
-                tags: g.map((t) => ({
-                  label: String(t),
+                tags: u.map((p) => ({
+                  label: String(p),
                   variant: "secondary",
                   size: "md",
                   shape: "rounded",
                   removable: e.removable,
-                  onRemove: () => c(e.id, t)
+                  onRemove: () => d(e.id, p)
                 }))
               }
             ),
-            b && (d ? /* @__PURE__ */ r(T, { children: [
-              /* @__PURE__ */ o(k, { asChild: !0, children: /* @__PURE__ */ o(
-                C,
+            y && (l ? /* @__PURE__ */ t(P, { children: [
+              /* @__PURE__ */ o(z, { asChild: !0, children: /* @__PURE__ */ o(
+                T,
                 {
                   asButton: !0,
                   variant: "secondary",
                   size: "md",
                   shape: "rounded",
-                  className: S,
-                  "aria-label": `${e.overflow?.count || n.length} more filters for ${e.label}`,
-                  onClick: () => u?.(e.id),
-                  children: x || h
+                  className: O,
+                  "aria-label": `${e.overflow?.count || r.length} more filters for ${e.label}`,
+                  onClick: () => f?.(e.id),
+                  children: w || v
                 }
               ) }),
-              /* @__PURE__ */ r(z, { variant: "tertiary", side: "top", children: [
-                e.overflow?.count || n.length,
+              /* @__PURE__ */ t(S, { variant: "tertiary", side: "top", children: [
+                e.overflow?.count || r.length,
                 " more filters"
               ] })
-            ] }) : /* @__PURE__ */ r(R, { children: [
-              /* @__PURE__ */ r(T, { children: [
-                /* @__PURE__ */ o(k, { asChild: !0, children: /* @__PURE__ */ o(B, { asChild: !0, children: /* @__PURE__ */ o(
-                  C,
+            ] }) : /* @__PURE__ */ t(F, { children: [
+              /* @__PURE__ */ t(P, { children: [
+                /* @__PURE__ */ o(z, { asChild: !0, children: /* @__PURE__ */ o(V, { asChild: !0, children: /* @__PURE__ */ o(
+                  T,
                   {
                     asButton: !0,
                     variant: "secondary",
                     size: "md",
                     shape: "rounded",
-                    className: S,
-                    children: h
+                    className: O,
+                    children: v
                   }
                 ) }) }),
-                /* @__PURE__ */ r(z, { variant: "tertiary", side: "top", children: [
-                  n.length,
+                /* @__PURE__ */ t(S, { variant: "tertiary", side: "top", children: [
+                  r.length,
                   " more filters"
                 ] })
               ] }),
               /* @__PURE__ */ o(
-                E,
+                G,
                 {
-                  remainingValues: n,
+                  remainingValues: r,
                   viewAllTrigger: e.viewAllTrigger,
-                  onViewAll: v,
-                  onItemRemove: (t) => c(e.id, t),
+                  onViewAll: g,
+                  onItemRemove: (p) => d(e.id, p),
                   isRemovable: e.removable,
                   isCopyable: e.copyable
                 }
@@ -194,6 +202,6 @@ const S = "whitespace-nowrap bg-accent text-brand hover:bg-accent/80 border-0 px
   }
 ) });
 export {
-  E as FilterPopoverContent,
-  X as FilterTagList
+  G as FilterPopoverContent,
+  ee as FilterTagList
 };

package/dist/components/flows/guidance/adapters/ag-grid-adapter.d.ts

@@ -0,0 +1,13 @@
+import { GuidancePlugin } from '../../../../lib/guidance';
+export interface AgGridTargetConfig {
+    gridApi: {
+        ensureIndexVisible: (rowIndex: number, position?: string) => void;
+    };
+    rowIndex?: number;
+    columnId?: string;
+}
+export declare function createAgGridTargetAdapter(): GuidancePlugin<AgGridTargetConfig>;
+export declare function createAgGridReadyTriggerPlugin(): GuidancePlugin<{
+    gridId: string;
+}>;
+export declare function emitAgGridReady(emit: (eventName: string) => void, gridId: string): void;

package/dist/components/flows/guidance/adapters/ag-grid-adapter.js

@@ -0,0 +1,30 @@
+function a() {
+  return {
+    type: "adapter.ag-grid",
+    resolve: (r, e) => {
+      if (e.rowIndex !== void 0 && e.gridApi.ensureIndexVisible(e.rowIndex, "middle"), typeof document > "u")
+        return null;
+      const d = e.columnId ? `[col-id="${e.columnId}"]` : `[data-guidance-target="${r.targetDescriptor.targetId}"]`, t = document.querySelector(d);
+      return {
+        targetId: r.targetDescriptor.targetId,
+        element: t,
+        rect: t?.getBoundingClientRect() ?? null,
+        source: "adapter"
+      };
+    }
+  };
+}
+function i() {
+  return {
+    type: "trigger.ag-grid-ready",
+    evaluate: (r, e) => r.customEvents.has(`ag-grid.ready.${e.gridId}`)
+  };
+}
+function n(r, e) {
+  r(`ag-grid.ready.${e}`);
+}
+export {
+  i as createAgGridReadyTriggerPlugin,
+  a as createAgGridTargetAdapter,
+  n as emitAgGridReady
+};

package/dist/components/flows/guidance/adapters/ag-grid.d.ts

@@ -0,0 +1,2 @@
+export { createAgGridTargetAdapter, createAgGridReadyTriggerPlugin, emitAgGridReady, } from './ag-grid-adapter';
+export type { AgGridTargetConfig } from './ag-grid-adapter';

package/dist/components/flows/guidance/adapters/ag-grid.js

@@ -0,0 +1,6 @@
+import { createAgGridReadyTriggerPlugin as g, createAgGridTargetAdapter as a, emitAgGridReady as d } from "./ag-grid-adapter.js";
+export {
+  g as createAgGridReadyTriggerPlugin,
+  a as createAgGridTargetAdapter,
+  d as emitAgGridReady
+};

package/dist/components/flows/guidance/adapters/dialog.d.ts

@@ -0,0 +1 @@
+export { createDialogOpenedTriggerPlugin, getOverlayScopeRoot, } from './overlay-adapter';

package/dist/components/flows/guidance/adapters/dialog.js

@@ -0,0 +1,5 @@
+import { createDialogOpenedTriggerPlugin as r, getOverlayScopeRoot as g } from "./overlay-adapter.js";
+export {
+  r as createDialogOpenedTriggerPlugin,
+  g as getOverlayScopeRoot
+};

package/dist/components/flows/guidance/adapters/overlay-adapter.d.ts

@@ -0,0 +1,5 @@
+import { GuidancePlugin } from '../../../../lib/guidance';
+export declare function createDialogOpenedTriggerPlugin(): GuidancePlugin<{
+    dialogId?: string;
+}>;
+export declare function getOverlayScopeRoot(): HTMLElement | null;