impact-nova 2.6.2 → 3.0.0-alpha.0

package/dist/components/data-display/notch-card/notch-card.path.js

@@ -0,0 +1,118 @@
+const o = 18, p = 3, M = 7, l = 25, m = 4;
+const P = 0.55228475, X = 110, O = 9.86, D = [7.489, 0, 13.907, 5.3554, 15.249, 12.7236], r = [16.199, 17.941, 19.963, 25, 25.266, 25];
+function B(t) {
+  return t < 1 ? 7 : Math.max(
+    7,
+    t - 21
+  );
+}
+function I(t) {
+  return Number(t.toFixed(3)).toString();
+}
+function _(t, s, n) {
+  const c = n.map((e, R) => s === "V" || s !== "H" && R % 2 === 1 ? t.flipY ? t.height - e : e : t.flipX ? t.width - e : e);
+  return `${s}${c.map(I).join(" ")}`;
+}
+function F({
+  width: t,
+  height: s,
+  badgeWidth: n,
+  badgeHeight: c,
+  rtl: e = !1,
+  flipY: R = !1
+}) {
+  if (t < 1 || s < 1)
+    return "";
+  const C = 18, A = { width: t, height: s, flipX: e, flipY: R };
+  if (n < 1 || c < 1)
+    return S(A, C);
+  const f = s - X, u = 85 + f, G = 92 + f, h = r[4], a = Math.min(
+    t - C - h - 8,
+    Math.max(
+      16.217 + 8,
+      3 + n - O
+    )
+  ), H = (T) => a + T, N = (T) => u + T, i = C * P, E = (T) => T + f;
+  return [
+    _(A, "M", [C, 0]),
+    _(A, "C", [C - i, 0, 0, C - i, 0, C]),
+    _(A, "V", [G]),
+    _(A, "C", [
+      0,
+      E(93.5642),
+      2.223,
+      E(93.6468),
+      3.05,
+      E(92.3189)
+    ]),
+    _(A, "C", [
+      5.786,
+      E(87.9247),
+      10.659,
+      u,
+      16.217,
+      u
+    ]),
+    _(A, "H", [a]),
+    _(A, "C", [
+      H(D[0]),
+      N(D[1]),
+      H(D[2]),
+      N(D[3]),
+      H(D[4]),
+      N(D[5])
+    ]),
+    _(A, "C", [
+      H(r[0]),
+      N(r[1]),
+      H(r[2]),
+      N(r[3]),
+      H(r[4]),
+      N(r[5])
+    ]),
+    _(A, "H", [t - C]),
+    _(A, "C", [
+      t - C + i,
+      s,
+      t,
+      s - C + i,
+      t,
+      s - C
+    ]),
+    _(A, "V", [C]),
+    _(A, "C", [t, C - i, t - C + i, 0, t - C, 0]),
+    _(A, "H", [C]),
+    "Z"
+  ].join("");
+}
+function S(t, s) {
+  const n = Math.min(s, t.width / 2, t.height / 2), c = n * P;
+  return [
+    _(t, "M", [n, 0]),
+    _(t, "H", [t.width - n]),
+    _(t, "C", [t.width - n + c, 0, t.width, n - c, t.width, n]),
+    _(t, "V", [t.height - n]),
+    _(t, "C", [
+      t.width,
+      t.height - n + c,
+      t.width - n + c,
+      t.height,
+      t.width - n,
+      t.height
+    ]),
+    _(t, "H", [n]),
+    _(t, "C", [n - c, t.height, 0, t.height - n + c, 0, t.height - n]),
+    _(t, "V", [n]),
+    _(t, "C", [0, n - c, n - c, 0, n, 0]),
+    "Z"
+  ].join("");
+}
+export {
+  m as NOTCH_CARD_BADGE_GAP_Y_PX,
+  M as NOTCH_CARD_BADGE_HANG_PX,
+  p as NOTCH_CARD_BADGE_INSET_PX,
+  l as NOTCH_CARD_NOTCH_DEPTH_PX,
+  o as NOTCH_CARD_RADIUS,
+  F as buildNotchCardPath,
+  B as notchCardHangPx
+};

package/dist/components/data-display/notch-card/notch-card.types.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import { notchCardBadgeVariants, notchCardVariants } from './notch-card.variants';
+import type * as React from "react";
+export type NotchCardTone = NonNullable<VariantProps<typeof notchCardVariants>["tone"]>;
+export type NotchCardSize = NonNullable<VariantProps<typeof notchCardVariants>["size"]>;
+export type NotchCardPlacement = "bottom-start" | "bottom-end" | "top-start" | "top-end";
+export type NotchCardBadgeTone = NonNullable<VariantProps<typeof notchCardBadgeVariants>["tone"]>;
+export interface NotchCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof notchCardVariants> {
+    placement?: NotchCardPlacement;
+}
+export type NotchCardContentProps = React.HTMLAttributes<HTMLDivElement>;
+export interface NotchCardBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof notchCardBadgeVariants> {
+    asChild?: boolean;
+    icon?: React.ReactNode;
+}

package/dist/components/data-display/notch-card/notch-card.variants.d.ts

@@ -0,0 +1,15 @@
+export declare const notchCardVariants: (props?: ({
+    tone?: "default" | "iris" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const notchCardSurfaceVariants: (props?: ({
+    tone?: "default" | "iris" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const notchCardContentVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+    placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const notchCardBadgeVariants: (props?: ({
+    tone?: "default" | "brand" | "iris" | null | undefined;
+    size?: "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/data-display/notch-card/notch-card.variants.js

@@ -0,0 +1,86 @@
+import { cva as t } from "class-variance-authority";
+const e = t("relative w-full", {
+  variants: {
+    tone: {
+      default: "",
+      iris: ""
+    },
+    size: {
+      md: "",
+      lg: ""
+    }
+  },
+  defaultVariants: {
+    tone: "default",
+    size: "md"
+  }
+}), r = t("absolute inset-x-0", {
+  variants: {
+    tone: {
+      default: "bg-[linear-gradient(to_right,var(--color-notch-card-surface-from),var(--color-notch-card-surface-to))]",
+      iris: "bg-[linear-gradient(to_right,var(--color-notch-card-iris-surface-from),var(--color-notch-card-iris-surface-to))]"
+    }
+  },
+  defaultVariants: {
+    tone: "default"
+  }
+}), o = t(
+  "relative z-10 flex items-center",
+  {
+    variants: {
+      size: {
+        md: "min-h-[110px] px-5",
+        lg: "min-h-[139px] px-6"
+      },
+      placement: {
+        "bottom-start": "",
+        "bottom-end": "",
+        "top-start": "",
+        "top-end": ""
+      }
+    },
+    compoundVariants: [
+      { size: "md", placement: "bottom-start", class: "pt-5 pb-10" },
+      { size: "md", placement: "bottom-end", class: "pt-5 pb-10" },
+      { size: "lg", placement: "bottom-start", class: "pt-6 pb-10" },
+      { size: "lg", placement: "bottom-end", class: "pt-6 pb-10" },
+      { size: "md", placement: "top-start", class: "pt-10 pb-5" },
+      { size: "md", placement: "top-end", class: "pt-10 pb-5" },
+      { size: "lg", placement: "top-start", class: "pt-10 pb-6" },
+      { size: "lg", placement: "top-end", class: "pt-10 pb-6" }
+    ],
+    defaultVariants: {
+      size: "md",
+      placement: "bottom-start"
+    }
+  }
+), n = t(
+  [
+    "absolute z-10 inline-flex max-w-full items-center justify-center gap-1",
+    "rounded-full font-medium capitalize text-brand-foreground",
+    "overflow-hidden text-ellipsis whitespace-nowrap"
+  ],
+  {
+    variants: {
+      tone: {
+        default: "bg-[var(--color-notch-card-badge)]",
+        iris: "bg-[linear-gradient(to_right,var(--color-notch-card-iris-badge-from)_27.885%,var(--color-notch-card-iris-badge-to))]",
+        brand: "bg-[var(--color-notch-card-brand-badge)]"
+      },
+      size: {
+        md: "h-7 px-3 py-0.5 text-sm font-semibold leading-6",
+        lg: "h-9 px-3 py-0.5 text-base font-medium leading-6"
+      }
+    },
+    defaultVariants: {
+      tone: "default",
+      size: "md"
+    }
+  }
+);
+export {
+  n as notchCardBadgeVariants,
+  o as notchCardContentVariants,
+  r as notchCardSurfaceVariants,
+  e as notchCardVariants
+};

package/dist/components/feedback/hover-card/hover-card.d.ts

@@ -2,5 +2,7 @@ import * as React from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 declare const HoverCard: ({ ...props }: React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
 declare const HoverCardTrigger: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: React.ComponentProps<typeof HoverCardPrimitive.Portal>["container"];
+} & React.RefAttributes<HTMLDivElement>>;
 export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/feedback/hover-card/hover-card.js

@@ -1,32 +1,36 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as i from "react";
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
 import * as o from "@radix-ui/react-hover-card";
-import { wrapRadixPart as m } from "../../../lib/primitives/create-compound.js";
-import { cn as s } from "../../../lib/utils.js";
-const g = ({
+import { wrapRadixPart as l } from "../../../lib/primitives/create-compound.js";
+import { useOverlayPortalContainer as p } from "../../../lib/overlay/overlay-portal-context.js";
+import { cn as f } from "../../../lib/utils.js";
+const y = ({
   ...t
-}) => /* @__PURE__ */ a(o.Root, { "data-component": "hover-card", ...t }), v = m(
+}) => /* @__PURE__ */ e(o.Root, { "data-component": "hover-card", ...t }), x = l(
   "hover-card",
   "trigger",
   "HoverCardTrigger",
   o.Trigger
-), c = i.forwardRef(({ className: t, align: e = "center", sideOffset: r = 4, ...n }, d) => /* @__PURE__ */ a(
-  o.Content,
-  {
-    ref: d,
-    align: e,
-    sideOffset: r,
-    "data-component": "hover-card-content",
-    className: s(
-      "z-50 w-64 rounded-md border bg-canvas-overlay p-4 text-canvas-overlay-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin] motion-reduce:animate-none motion-reduce:transition-none",
-      t
-    ),
-    ...n
-  }
-));
-c.displayName = o.Content.displayName;
+), v = c.forwardRef(({ className: t, align: a = "center", sideOffset: r = 4, container: n, ...i }, d) => {
+  const s = p(), m = n ?? s;
+  return /* @__PURE__ */ e(o.Portal, { container: m, children: /* @__PURE__ */ e(
+    o.Content,
+    {
+      ref: d,
+      align: a,
+      sideOffset: r,
+      "data-component": "hover-card-content",
+      className: f(
+        "z-[9999] w-64 rounded-md border bg-canvas-overlay p-4 text-canvas-overlay-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin] pointer-events-auto motion-reduce:animate-none motion-reduce:transition-none",
+        t
+      ),
+      ...i
+    }
+  ) });
+});
+v.displayName = o.Content.displayName;
 export {
-  g as HoverCard,
-  c as HoverCardContent,
-  v as HoverCardTrigger
+  y as HoverCard,
+  v as HoverCardContent,
+  x as HoverCardTrigger
 };

package/dist/components/feedback/tooltip/overflow-tooltip.d.ts

@@ -1,2 +1,2 @@
 import { OverflowTooltipProps } from './overflow-tooltip.types';
-export declare function OverflowTooltip({ children, content, overflowMode, side, align, variant, className, triggerClassName, as: triggerElement, alwaysShow, disabled, focusable, }: OverflowTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function OverflowTooltip({ children, content, overflowMode, side, align, sideOffset, variant, className, triggerClassName, contentClassName, as: triggerElement, alwaysShow, disabled, focusable, showArrow, }: OverflowTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/tooltip/overflow-tooltip.js

@@ -1,86 +1,92 @@
-import { jsx as n, jsxs as G } from "react/jsx-runtime";
-import { cn as m } from "../../../lib/utils.js";
-import { Tooltip as H, TooltipTrigger as R, TooltipContent as q } from "./tooltip.js";
-import { useOverflowTooltip as z } from "./use-overflow-tooltip.js";
-function N({
+import { jsx as n, jsxs as R } from "react/jsx-runtime";
+import { cn as P } from "../../../lib/utils.js";
+import { Tooltip as q, TooltipTrigger as z, TooltipContent as B } from "./tooltip.js";
+import { useOverflowTooltip as J } from "./use-overflow-tooltip.js";
+function V({
   children: o,
   content: i,
-  overflowMode: P = "ellipsis",
-  side: x = "top",
+  overflowMode: x = "ellipsis",
+  side: C = "top",
   align: l,
-  variant: s,
+  sideOffset: s,
+  variant: p,
   className: t,
   triggerClassName: r,
-  as: C = "span",
-  alwaysShow: w = !1,
-  disabled: p = !1,
-  focusable: d = !1
+  contentClassName: w,
+  as: v = "span",
+  alwaysShow: d = !1,
+  disabled: a = !1,
+  focusable: h = !1,
+  showArrow: L = !0
 }) {
-  const a = C, v = i ?? o, {
-    setTriggerRef: h,
-    onTriggerPointerEnter: L,
-    onTriggerPointerLeave: E,
-    onTriggerFocus: O,
-    onContentPointerEnter: F,
-    onContentPointerDown: k,
-    onContentPointerLeave: y,
-    onContentPointerUp: D,
-    triggerTabIndex: I,
-    isTooltipArmed: c,
-    isTooltipOpen: j,
-    tooltipContent: U,
-    handleTooltipOpenChange: $
-  } = z(o, {
+  const c = v, E = i ?? o, {
+    setTriggerRef: F,
+    onTriggerPointerEnter: O,
+    onTriggerPointerLeave: k,
+    onTriggerFocus: y,
+    onContentPointerEnter: D,
+    onContentPointerDown: I,
+    onContentPointerLeave: j,
+    onContentPointerUp: U,
+    triggerTabIndex: $,
+    isTooltipArmed: g,
+    isTooltipOpen: A,
+    tooltipContent: G,
+    handleTooltipOpenChange: H
+  } = J(o, {
     content: i,
-    overflowMode: P,
-    alwaysShow: w,
-    disabled: p,
-    focusable: d,
-    contentDependency: v
-  }), e = `${r ?? ""} ${t ?? ""}`, f = /\btruncate\b/.test(e), g = /\b(inline-block|inline-flex|inline)\b/.test(
+    overflowMode: x,
+    alwaysShow: d,
+    disabled: a,
+    focusable: h,
+    contentDependency: E
+  }), e = `${r ?? ""} ${t ?? ""}`, f = /\btruncate\b/.test(e), T = /\b(inline-block|inline-flex|inline)\b/.test(
     e
-  ), T = /\bflex\b/.test(e), u = /\bflex-1\b/.test(e), A = m(
+  ), u = /\bflex\b/.test(e), m = /\bflex-1\b/.test(e), N = P(
     "outline-none min-w-0 max-w-full",
-    f && !g && !T && !u && "block w-full",
-    f && !g && !T && u && "block",
+    f && !T && !u && !m && "block w-full",
+    f && !T && !u && m && "block",
     r,
     t
   ), b = /* @__PURE__ */ n(
-    a,
+    c,
     {
-      ref: h,
+      ref: F,
       "data-component": "overflow-tooltip-trigger",
-      className: A,
-      onPointerEnter: L,
-      onPointerLeave: E,
-      tabIndex: I,
-      onFocus: O,
+      className: N,
+      onPointerEnter: O,
+      onPointerLeave: k,
+      tabIndex: $,
+      onFocus: y,
       children: o
     }
   );
-  return p ? /* @__PURE__ */ n(a, { className: m(r, t), children: o }) : c ? /* @__PURE__ */ G(
-    H,
+  return a ? /* @__PURE__ */ n(c, { className: P(r, t), children: o }) : g ? /* @__PURE__ */ R(
+    q,
     {
       disableHoverableContent: !1,
-      open: c && j,
-      onOpenChange: $,
+      open: g && A,
+      onOpenChange: H,
       children: [
-        /* @__PURE__ */ n(R, { asChild: !0, children: b }),
+        /* @__PURE__ */ n(z, { asChild: !0, children: b }),
         /* @__PURE__ */ n(
-          q,
+          B,
           {
-            side: x,
+            side: C,
+            showArrow: L,
+            className: w,
             ...l ? { align: l } : {},
-            ...s ? { variant: s } : {},
-            onPointerEnter: F,
-            onPointerLeave: y,
+            ...s !== void 0 ? { sideOffset: s } : {},
+            ...p ? { variant: p } : {},
+            onPointerEnter: D,
+            onPointerLeave: j,
             onPointerDown: () => {
-              k();
+              I();
             },
             onPointerUp: () => {
-              D();
+              U();
             },
-            children: U
+            children: G
           }
         )
       ]
@@ -88,5 +94,5 @@ function N({
   ) : b;
 }
 export {
-  N as OverflowTooltip
+  V as OverflowTooltip
 };

package/dist/components/feedback/tooltip/overflow-tooltip.types.d.ts

@@ -32,11 +32,15 @@ export interface OverflowTooltipProps {
     overflowMode?: TextOverflowMode;
     side?: TooltipContentProps['side'];
     align?: TooltipContentProps['align'];
+    /** Gap between trigger and tooltip surface (default matches TooltipContent: 4). */
+    sideOffset?: TooltipContentProps['sideOffset'];
     variant?: TooltipContentProps['variant'];
     className?: string;
     triggerClassName?: string;
+    contentClassName?: string;
     as?: 'span' | 'p' | 'div';
     alwaysShow?: boolean;
     disabled?: boolean;
     focusable?: boolean;
+    showArrow?: boolean;
 }

package/dist/components/feedback/tooltip/tab-tooltip-render.js

@@ -1,7 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Tooltip as l, TooltipTrigger as n, TooltipContent as o } from "./tooltip.js";
-import "react";
-const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
+const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
   /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "inline-flex items-center justify-center h-full w-full", children: i }) }),
   /* @__PURE__ */ e(o, { variant: "tertiary", className: a, children: r })
 ] }), h = (i, r) => /* @__PURE__ */ t(l, { children: [
@@ -10,5 +9,5 @@ const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
 ] });
 export {
   h as defaultAccordionTooltipRender,
-  p as defaultTabTooltipRender
+  d as defaultTabTooltipRender
 };

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

@@ -2,17 +2,17 @@ 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 { 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 { ModuleRegistry as $, AllCommunityModule as H } from "ag-grid-community";
+import { AllEnterpriseModule as V } from "ag-grid-enterprise";
+import { DataTable as J, DataTableContent as Q } 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 X } from "../../primitives/kbd/kbd.js";
+import { keybindingToString as Y } from "../../primitives/kbd/keybinding-display.js";
 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]);
+$.registerModules([H, V]);
 function re(a) {
   const t = a.data;
   return t ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
@@ -69,7 +69,7 @@ function ne(a) {
               "flex items-center justify-end h-full w-full text-end",
               t.customisable ? "cursor-pointer" : "cursor-default opacity-70"
             ),
-            children: /* @__PURE__ */ r($, { keybinding: t.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r(X, { keybinding: t.keybinding, size: "sm" })
           }
         ) : t.customisable ? /* @__PURE__ */ r(
           "button",
@@ -133,7 +133,7 @@ function le({
         description: e.description || "",
         category: e.category || "General",
         keybinding: i,
-        keybindingDisplay: i ? H(i) : "",
+        keybindingDisplay: i ? Y(i) : "",
         scope: e.scope,
         source: D,
         sourceColor: T ? "primary" : "neutral",
@@ -278,10 +278,10 @@ function le({
     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(X, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
+  return /* @__PURE__ */ h(J, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
     s ? s(E) : E,
     /* @__PURE__ */ r(
-      Y,
+      Q,
       {
         rowData: y,
         columnDefs: I,

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

@@ -6,8 +6,8 @@ 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 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 { OverflowTooltip as S } from "../../feedback/tooltip/overflow-tooltip.js";
+import { Kbd as j } from "../../primitives/kbd/kbd.js";
 import { useImpactNovaI18n as v } from "../../../i18n/use-impact-nova-i18n.js";
 import { useOverlayHostDismissNestedLayersOnNavigation as I } from "../../../lib/overlay/overlay-portal-context.js";
 import { preventDismissOnTooltipOutside as x } from "../../../lib/overlay/prevent-dismiss-on-tooltip-outside.js";
@@ -145,14 +145,14 @@ const O = ({
                       ),
                       /* @__PURE__ */ a("div", { className: "flex items-center gap-1 min-w-0", children: [
                         /* @__PURE__ */ e(
-                          j,
+                          S,
                           {
                             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,
+                                j,
                                 {
                                   keybinding: t.tooltipKeybinding,
                                   size: "sm"

package/dist/components/flows/filter-strip/index.d.ts

@@ -1,2 +1,3 @@
 export * from './filter-strip';
 export * from './filter-strip.types';
+export { FilterPopoverContent } from './filter-tag-list';

package/dist/components/flows/filter-strip/index.js

@@ -1,4 +1,6 @@
-import { FilterStrip as e } from "./filter-strip.js";
+import { FilterStrip as t } from "./filter-strip.js";
+import { FilterPopoverContent as p } from "./filter-tag-list.js";
 export {
-  e as FilterStrip
+  p as FilterPopoverContent,
+  t as FilterStrip
 };