impact-nova 1.5.13 → 1.5.15

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

@@ -2,23 +2,46 @@ import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import b from "react";
 import { Sheet as g, SheetContent as v, SheetDescription as y, SheetTitle as w, SheetClose as N } from "../sheet.js";
 import { cn as n } from "../../../lib/utils.js";
-import { MultiColorFilter as C, Cross as F, Info as m } from "../../../icons/index.js";
-import { Button as P } from "../button.js";
+import { MultiColorFilter as C, Cross as k, Info as m } from "../../../icons/index.js";
+import { Button as F } from "../button.js";
 import { Tooltip as d, TooltipTrigger as h, TooltipContent as f } from "../tooltip.js";
-import { Kbd as k } from "../command-palette/kbd.js";
+import { Kbd as P } from "../command-palette/kbd.js";
 import { useImpactNovaI18n as u } from "../../../i18n/ImpactNovaI18nContext.js";
-const j = ({ title: l, children: a, className: i }) => {
+const j = ({
+  title: l,
+  children: a,
+  className: i
+}) => {
   const { t: c } = u();
-  return /* @__PURE__ */ t("div", { "data-component": "filter-panel-header", className: n("flex  shrink-0 flex-row items-center justify-between border-b px-4 py-3 bg-white", i), children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ e("div", { className: "flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ e(C, { className: "h-5 w-5" }) }),
-      /* @__PURE__ */ e(w, { className: "text-lg font-bold text-[#1f2b4d]", children: l })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-      a,
-      /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(P, { variant: "secondary", size: "icon", "aria-label": c("aria.close"), "data-component": "filter-panel-close", children: /* @__PURE__ */ e(F, { className: "h-3 w-3" }) }) })
-    ] })
-  ] });
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-component": "filter-panel-header",
+      className: n(
+        "flex  shrink-0 flex-row items-center justify-between border-b px-4 py-3 bg-white",
+        i
+      ),
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ e("div", { className: "flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ e(C, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ e(w, { className: "text-lg font-bold text-[#1f2b4d]", children: l })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+          a,
+          /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(
+            F,
+            {
+              variant: "secondary",
+              size: "icon",
+              "aria-label": c("aria.close"),
+              "data-component": "filter-panel-close",
+              children: /* @__PURE__ */ e(k, { className: "h-3 w-3" })
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
 }, H = ({
   open: l,
   onOpenChange: a,
@@ -60,69 +83,124 @@ const j = ({ title: l, children: a, className: i }) => {
   className: c
 }) => {
   const { t: s } = u();
-  return /* @__PURE__ */ e("div", { "data-component": "filter-panel-sidebar", className: n("flex w-[200px] shrink-0 flex-col border-r bg-sidebar-light", c), children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: l.map((r) => {
-    const o = a === r.id;
-    return /* @__PURE__ */ t(b.Fragment, { children: [
-      r.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-gray-200" }),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          onClick: () => i(r.id),
-          "data-component": "filter-panel-sidebar-item",
-          "data-active": o ? "true" : "false",
-          "data-tab": r.id,
-          className: n(
-            "group flex items-center justify-between px-3 py-[6px] mx-2 rounded-lg text-left text-sm font-medium transition-colors",
-            o ? "bg-active-blue text-primary" : "text-text-secondary hover:bg-active-blue"
-          ),
-          children: [
-            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-              /* @__PURE__ */ e("span", { className: n(
-                "shrink-0",
-                o ? "text-primary" : "text-text-secondary"
-              ), children: r.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: r.label }) }),
-                  /* @__PURE__ */ e(f, { variant: "tertiary", side: "right", children: r.tooltipKeybinding ? /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
-                    r.label,
-                    " ",
-                    /* @__PURE__ */ e(k, { keybinding: r.tooltipKeybinding, size: "sm" })
-                  ] }) : r.label })
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-component": "filter-panel-sidebar",
+      className: n(
+        "flex w-[200px] shrink-0 flex-col border-r bg-sidebar-light",
+        c
+      ),
+      children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: l.map((r) => {
+        const o = a === r.id;
+        return /* @__PURE__ */ t(b.Fragment, { children: [
+          r.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-gray-200" }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              onClick: () => i(r.id),
+              "data-component": "filter-panel-sidebar-item",
+              "data-active": o ? "true" : "false",
+              "data-tab": r.id,
+              className: n(
+                "group flex items-center justify-between px-3 py-[6px] mx-2 rounded-lg text-left text-sm font-medium transition-colors",
+                o ? "bg-active-blue text-primary" : "text-text-secondary hover:bg-active-blue"
+              ),
+              children: [
+                /* @__PURE__ */ t("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: n(
+                        "shrink-0",
+                        o ? "text-primary" : "text-text-secondary"
+                      ),
+                      children: r.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: r.label }) }),
+                      /* @__PURE__ */ e(f, { variant: "tertiary", side: "right", children: r.tooltipKeybinding ? /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
+                        r.label,
+                        " ",
+                        /* @__PURE__ */ e(
+                          P,
+                          {
+                            keybinding: r.tooltipKeybinding,
+                            size: "sm"
+                          }
+                        )
+                      ] }) : r.label })
+                    ] }),
+                    r.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-error", children: "*" })
+                  ] })
                 ] }),
-                r.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-error", children: "*" })
-              ] })
-            ] }),
-            /* @__PURE__ */ t("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
-              r.count !== void 0 && r.count > 0 && /* @__PURE__ */ t(d, { children: [
-                /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: n(
-                  "flex h-5 items-center justify-center rounded-full px-2 text-[11px]",
-                  o ? "bg-white text-[#4259ee] border border-gray-100" : "bg-white border border-gray-100"
-                ), children: r.count }) }),
-                /* @__PURE__ */ e(f, { variant: "tertiary", side: "top", children: s("filterPanel.filtersAppliedCount", { count: r.count }) })
-              ] }),
-              r.hasError && /* @__PURE__ */ t(d, { children: [
-                /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-4 w-4 text-error" }) }),
-                /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.tabContainsErrors") })
-              ] }),
-              r.hasWarning && /* @__PURE__ */ t(d, { children: [
-                /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-4 w-4 text-warning" }) }),
-                /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.tabHasWarnings") })
-              ] }),
-              r.hasInfo && /* @__PURE__ */ t(d, { children: [
-                /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-4 w-4 text-icon-gray" }) }),
-                /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.additionalInfoAvailable") })
-              ] })
-            ] })
-          ]
-        }
-      )
-    ] }, r.id);
-  }) }) });
-}, R = ({ children: l, className: a }) => /* @__PURE__ */ e("div", { "data-component": "filter-panel-body", className: n("flex flex-1 flex-col overflow-auto bg-white p-4", a), children: l }), W = ({ children: l, className: a, leftAction: i }) => /* @__PURE__ */ t("div", { "data-component": "filter-panel-footer", className: n("flex items-center justify-between border-t bg-white px-4 py-3 shrink-0", a), children: [
-  /* @__PURE__ */ e("div", { children: i && i }),
-  /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: l })
-] });
+                /* @__PURE__ */ t("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
+                  r.count !== void 0 && r.count > 0 && /* @__PURE__ */ t(d, { children: [
+                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: n(
+                          "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",
+                          o ? "bg-white text-[#4259ee] border border-gray-100" : "bg-[#ECEEFD] border border-gray-100"
+                        ),
+                        children: r.count
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(f, { variant: "tertiary", side: "top", children: s(
+                      r.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
+                      { count: r.count }
+                    ) })
+                  ] }),
+                  r.hasError && /* @__PURE__ */ t(d, { children: [
+                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-5 w-5 shrink-0 text-error" }) }),
+                    /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.tabContainsErrors") })
+                  ] }),
+                  r.hasWarning && /* @__PURE__ */ t(d, { children: [
+                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-5 w-5 shrink-0 text-warning" }) }),
+                    /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.tabHasWarnings") })
+                  ] }),
+                  r.hasInfo && /* @__PURE__ */ t(d, { children: [
+                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-5 w-5 shrink-0 text-icon-gray" }) }),
+                    /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.additionalInfoAvailable") })
+                  ] })
+                ] })
+              ]
+            }
+          )
+        ] }, r.id);
+      }) })
+    }
+  );
+}, R = ({ children: l, className: a }) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-component": "filter-panel-body",
+    className: n(
+      "flex flex-1 flex-col overflow-auto bg-white p-4",
+      a
+    ),
+    children: l
+  }
+), W = ({
+  children: l,
+  className: a,
+  leftAction: i
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    "data-component": "filter-panel-footer",
+    className: n(
+      "flex items-center justify-between border-t bg-white px-4 py-3 shrink-0",
+      a
+    ),
+    children: [
+      /* @__PURE__ */ e("div", { children: i && i }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: l })
+    ]
+  }
+);
 export {
   H as FilterPanel,
   R as FilterPanelBody,

package/dist/components/ui/filter-strip/filter-summary.js

@@ -1,4 +1,4 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import * as s from "react";
 import { ChevronDown as V, Search as Y } from "lucide-react";
 import { cn as y } from "../../../lib/utils.js";
@@ -22,7 +22,7 @@ const fe = ({
   onDropdownOpenChange: A,
   isLoadingFilterPreferencesList: j = !1
 }) => {
-  const { t: r } = $(), [p, v] = s.useState(!1), I = (a) => {
+  const { t } = $(), [p, v] = s.useState(!1), I = (a) => {
     v(a), A?.(a);
   }, [b, M] = s.useState(""), [d, O] = s.useState(""), [n, G] = s.useState("All"), [i, g] = s.useState(null);
   s.useEffect(() => {
@@ -31,7 +31,10 @@ const fe = ({
     }, 300);
     return () => clearTimeout(a);
   }, [b]), s.useEffect(() => {
-    f && f(d, n === "All" ? void 0 : n);
+    f && f(
+      d,
+      n === "All" ? void 0 : n
+    );
   }, [d, n, f]), s.useEffect(() => {
     p && g({ label: c });
   }, [p, c]);
@@ -41,7 +44,7 @@ const fe = ({
     i && (w?.(i.label), i.savedItem && k?.(i.savedItem), v(!1));
   }, _ = () => {
     v(!1);
-  }, E = () => !x || x.length === 0 ? null : /* @__PURE__ */ t("div", { className: "flex flex-col", children: [
+  }, E = () => !x || x.length === 0 ? null : /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-[#60697d] font-['Manrope']", children: "Recent" }),
     /* @__PURE__ */ e("div", { className: "mb-[6px] flex flex-col", children: x.map((a, l) => {
       const o = a.map((z) => z.label).join(", "), D = i?.label === o;
@@ -53,7 +56,7 @@ const fe = ({
             D && "bg-[#edf0ff]"
           ),
           onClick: () => g({ label: o }),
-          children: /* @__PURE__ */ t(m, { children: [
+          children: /* @__PURE__ */ r(m, { children: [
             /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-sm font-['Manrope'] truncate text-[#1f2b4d]", children: o }) }),
             /* @__PURE__ */ e(u, { variant: "tertiary", side: "right", children: o })
           ] })
@@ -68,7 +71,9 @@ const fe = ({
     let a = T?.filter(
       (l) => n === "All" || l.type === n
     );
-    if (!f && d && (a = a?.filter((l) => l.label.toLowerCase().includes(d.toLowerCase()))), !a || a.length === 0) {
+    if (!f && d && (a = a?.filter(
+      (l) => l.label.toLowerCase().includes(d.toLowerCase())
+    )), !a || a.length === 0) {
       let l = "No saved filters found";
       if (!!d)
         switch (n) {
@@ -109,7 +114,7 @@ const fe = ({
                 o ? "bg-[#edf0ff]" : "text-[#1f2b4d]"
               ),
               onClick: () => g({ label: l.label, savedItem: l }),
-              children: /* @__PURE__ */ t(m, { children: [
+              children: /* @__PURE__ */ r(m, { children: [
                 /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate", children: l.label }) }),
                 /* @__PURE__ */ e(u, { variant: "tertiary", side: "right", children: l.label })
               ] })
@@ -120,22 +125,22 @@ const fe = ({
       }
     );
   }, B = i?.label !== c;
-  return /* @__PURE__ */ t(q, { open: p, onOpenChange: I, children: [
-    /* @__PURE__ */ e(H, { asChild: !0, children: /* @__PURE__ */ t("div", { className: "flex cursor-pointer items-center gap-2", children: [
-      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-[#60697d] font-['Manrope']", children: r("filterStrip.filtersApplied") }),
-      /* @__PURE__ */ t(m, { children: [
+  return /* @__PURE__ */ r(q, { open: p, onOpenChange: I, children: [
+    /* @__PURE__ */ e(H, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "flex cursor-pointer items-center gap-2", children: [
+      /* @__PURE__ */ e("span", { className: "text-sm font-medium text-[#60697d] font-['Manrope']", children: t("filterStrip.filtersApplied") }),
+      /* @__PURE__ */ r(m, { children: [
         /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
           X,
           {
             color: "primary",
             variant: "outline",
-            className: "font-['Manrope'] max-w-[140px] truncate",
-            children: c || r("filterStrip.notSelected")
+            className: "font-['Manrope'] max-w-[140px]",
+            children: c || t("filterStrip.notSelected")
           }
         ) }),
-        /* @__PURE__ */ e(u, { variant: "tertiary", side: "top", children: c || r("filterStrip.notSelected") })
+        /* @__PURE__ */ e(u, { variant: "tertiary", side: "top", children: c || t("filterStrip.notSelected") })
       ] }),
-      /* @__PURE__ */ t(m, { children: [
+      /* @__PURE__ */ r(m, { children: [
         /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
           "div",
           {
@@ -146,7 +151,7 @@ const fe = ({
             children: /* @__PURE__ */ e(V, { className: "h-4 w-4 text-[#1f2b4d]" })
           }
         ) }),
-        /* @__PURE__ */ e(u, { variant: "tertiary", side: "top", children: r("filterStrip.selectFilter") })
+        /* @__PURE__ */ e(u, { variant: "tertiary", side: "top", children: t("filterStrip.selectFilter") })
       ] })
     ] }) }),
     /* @__PURE__ */ e(
@@ -155,11 +160,11 @@ const fe = ({
         align: "start",
         className: "w-[280px] p-0 shadow-[0_0_4px_0_rgba(0,0,0,0.12)]",
         sideOffset: 8,
-        children: /* @__PURE__ */ t("div", { className: "flex w-full flex-col py-[8px] px-[6px]", children: [
+        children: /* @__PURE__ */ r("div", { className: "flex w-full flex-col py-[8px] px-[6px]", children: [
           E(),
-          /* @__PURE__ */ t("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-[#60697d] font-['Manrope']", children: r("filterStrip.savedFilters") }),
-            /* @__PURE__ */ t(
+          /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-[#60697d] font-['Manrope']", children: t("filterStrip.savedFilters") }),
+            /* @__PURE__ */ r(
               K,
               {
                 value: n,
@@ -168,7 +173,7 @@ const fe = ({
                 size: "sm",
                 className: "w-full px-1",
                 children: [
-                  /* @__PURE__ */ e("div", { className: "py-[8px]", children: /* @__PURE__ */ t(U, { children: [
+                  /* @__PURE__ */ e("div", { className: "py-[8px]", children: /* @__PURE__ */ r(U, { children: [
                     /* @__PURE__ */ e(N, { value: "All", children: "All" }),
                     /* @__PURE__ */ e(N, { value: "Global", children: "Global" }),
                     /* @__PURE__ */ e(N, { value: "Personal", children: "Personal" })
@@ -177,7 +182,7 @@ const fe = ({
                     W,
                     {
                       prefix: /* @__PURE__ */ e(Y, { className: "h-4 w-4 text-gray-500" }),
-                      placeholder: r("filterStrip.searchFiltersPlaceholder"),
+                      placeholder: t("filterStrip.searchFiltersPlaceholder"),
                       value: b,
                       onChange: L,
                       className: "h-9 px-1 border-none shadow-none focus-visible:ring-0"
@@ -189,22 +194,15 @@ const fe = ({
             )
           ] }),
           /* @__PURE__ */ e(C, { className: "my-2" }),
-          /* @__PURE__ */ t("div", { className: "flex justify-end gap-2 px-3 pb-1", children: [
-            /* @__PURE__ */ e(
-              S,
-              {
-                variant: "secondary",
-                onClick: _,
-                children: r("prompt.cancel")
-              }
-            ),
+          /* @__PURE__ */ r("div", { className: "flex justify-end gap-2 px-3 pb-1", children: [
+            /* @__PURE__ */ e(S, { variant: "secondary", onClick: _, children: t("prompt.cancel") }),
             /* @__PURE__ */ e(
               S,
               {
                 variant: "default",
                 onClick: Q,
                 disabled: !B,
-                children: r("filterStrip.applyFilter")
+                children: t("filterStrip.applyFilter")
               }
             )
           ] })

package/dist/components/ui/header.d.ts

@@ -1,3 +1,4 @@
+import { KeyBinding } from './command-palette/utils';
 import * as React from "react";
 declare const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 declare const HeaderLeft: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -5,11 +6,14 @@ declare const HeaderRight: React.ForwardRefExoticComponent<React.HTMLAttributes<
 declare const HeaderLogo: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
 declare const HeaderSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const HeaderTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-interface HeaderBotButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-}
+type HeaderBotButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
 declare const HeaderBotButton: React.ForwardRefExoticComponent<HeaderBotButtonProps & React.RefAttributes<HTMLButtonElement>>;
-interface NotificationIconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface NotificationIconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
     showIndicator?: boolean;
+    /** Passed through to the underlying icon `Button` tooltip. */
+    tooltipSide?: "top" | "bottom" | "left" | "right";
+    /** Keyboard shortcut shown in the tooltip next to the label (requires `aria-label`). */
+    tooltipKeybinding?: KeyBinding;
 }
 declare const NotificationIconButton: React.ForwardRefExoticComponent<NotificationIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Header, HeaderLeft, HeaderRight, HeaderLogo, HeaderSeparator, HeaderTitle, HeaderBotButton, NotificationIconButton, };

package/dist/components/ui/header.js

@@ -1,12 +1,12 @@
-import { jsx as i, jsxs as c, Fragment as l } from "react/jsx-runtime";
-import * as o from "react";
+import { jsx as o, jsxs as c, Fragment as f } from "react/jsx-runtime";
+import * as i from "react";
 import { cn as s } from "../../lib/utils.js";
-import { Button as f } from "./button.js";
-import { Separator as m } from "./separator.js";
-import { Alan as p, IA as x, Bell as h } from "../../icons/index.js";
+import { Button as m } from "./button.js";
+import { Separator as p } from "./separator.js";
+import { Alan as x, IA as h, Bell as N } from "../../icons/index.js";
 /* empty css            */
-import { useImpactNovaI18n as N } from "../../i18n/ImpactNovaI18nContext.js";
-const u = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
+import { useImpactNovaI18n as u } from "../../i18n/ImpactNovaI18nContext.js";
+const w = i.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
   "header",
   {
     ref: r,
@@ -18,8 +18,8 @@ const u = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__
     children: e
   }
 ));
-u.displayName = "Header";
-const w = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
+w.displayName = "Header";
+const g = i.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
   "div",
   {
     ref: r,
@@ -28,8 +28,8 @@ const w = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__
     children: e
   }
 ));
-w.displayName = "HeaderLeft";
-const g = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
+g.displayName = "HeaderLeft";
+const y = i.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
   "div",
   {
     ref: r,
@@ -38,20 +38,20 @@ const g = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__
     children: e
   }
 ));
-g.displayName = "HeaderRight";
-const y = o.forwardRef(({ className: t, children: e, href: a = "/", ...r }, n) => /* @__PURE__ */ i(
+y.displayName = "HeaderRight";
+const v = i.forwardRef(({ className: t, children: e, href: a = "/", ...r }, n) => /* @__PURE__ */ o(
   "a",
   {
     href: a,
     ref: n,
     className: s("h-9 flex items-center justify-center cursor-pointer", t),
     ...r,
-    children: e || /* @__PURE__ */ i(x, { width: 91, height: 36 })
+    children: e || /* @__PURE__ */ o(h, { width: 91, height: 36 })
   }
 ));
-y.displayName = "HeaderLogo";
-const v = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i(
-  m,
+v.displayName = "HeaderLogo";
+const H = i.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+  p,
   {
     ref: a,
     orientation: "vertical",
@@ -59,8 +59,8 @@ const v = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i(
     ...e
   }
 ));
-v.displayName = "HeaderSeparator";
-const H = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
+H.displayName = "HeaderSeparator";
+const b = i.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
   "h1",
   {
     ref: r,
@@ -72,9 +72,9 @@ const H = o.forwardRef(({ className: t, children: e, ...a }, r) => /* @__PURE__
     children: e
   }
 ));
-H.displayName = "HeaderTitle";
-const L = o.forwardRef(
-  ({ className: t, children: e, ...a }, r) => /* @__PURE__ */ i(
+b.displayName = "HeaderTitle";
+const S = i.forwardRef(
+  ({ className: t, children: e, ...a }, r) => /* @__PURE__ */ o(
     "button",
     {
       ref: r,
@@ -84,47 +84,49 @@ const L = o.forwardRef(
         t
       ),
       ...a,
-      children: e || /* @__PURE__ */ c(l, { children: [
-        /* @__PURE__ */ i(p, { size: 20, className: "text-white" }),
-        /* @__PURE__ */ i("span", { className: "text-sm font-semibold leading-[20px] text-white whitespace-nowrap", children: "Ask Alan" })
+      children: e || /* @__PURE__ */ c(f, { children: [
+        /* @__PURE__ */ o(x, { size: 20, className: "text-white" }),
+        /* @__PURE__ */ o("span", { className: "text-sm font-semibold leading-[20px] text-white whitespace-nowrap", children: "Ask Alan" })
       ] })
     }
   )
-), b = o.forwardRef(
-  ({ className: t, showIndicator: e, children: a, ...r }, n) => {
-    const { t: d } = N();
+), R = i.forwardRef(
+  ({ className: t, showIndicator: e, tooltipSide: a = "top", tooltipKeybinding: r, ...n }, d) => {
+    const { t: l } = u();
     return /* @__PURE__ */ c(
-      f,
+      m,
       {
         variant: "ghost",
         size: "icon",
-        ref: n,
-        "aria-label": d("notificationPanel.title"),
+        ref: d,
+        "aria-label": l("notificationPanel.title"),
+        tooltipSide: a,
+        tooltipKeybinding: r,
         "data-indicator": e ? "" : void 0,
         className: s(
           "text-gray-500 relative [&_svg]:size-6 hover:text-gray-900",
           t
         ),
-        ...r,
+        ...n,
         children: [
-          /* @__PURE__ */ i(h, { size: 24 }),
+          /* @__PURE__ */ o(N, { size: 24 }),
           e && /* @__PURE__ */ c("div", { className: "notification-indicator", children: [
-            /* @__PURE__ */ i("div", { className: "notification-pulse" }),
-            /* @__PURE__ */ i("div", { className: "notification-dot" })
+            /* @__PURE__ */ o("div", { className: "notification-pulse" }),
+            /* @__PURE__ */ o("div", { className: "notification-dot" })
           ] })
         ]
       }
     );
   }
 );
-b.displayName = "NotificationIconButton";
+R.displayName = "NotificationIconButton";
 export {
-  u as Header,
-  L as HeaderBotButton,
-  w as HeaderLeft,
-  y as HeaderLogo,
-  g as HeaderRight,
-  v as HeaderSeparator,
-  H as HeaderTitle,
-  b as NotificationIconButton
+  w as Header,
+  S as HeaderBotButton,
+  g as HeaderLeft,
+  v as HeaderLogo,
+  y as HeaderRight,
+  H as HeaderSeparator,
+  b as HeaderTitle,
+  R as NotificationIconButton
 };

package/dist/components/ui/horizontal-scroller/horizontal-scroller.js

@@ -11,7 +11,7 @@ const F = a.forwardRef(
     items: u,
     renderItem: R,
     scrollStep: g = 200,
-    hideScrollbar: p = !1,
+    hideScrollbar: p = !0,
     controlsPosition: s = "right",
     renderPrevious: v,
     renderNext: x,