impact-nova 1.7.6 → 1.7.8

package/dist/components/ui/ag-grid-react/headers/column-menu/column-settings-menu.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as e, Fragment as j } from "react/jsx-runtime";
 import "react";
 import { Settings as F, Checkmark as h, Search as _ } from "../../../../../icons/index.js";
-import { DropdownMenu as E, DropdownMenuTrigger as G, DropdownMenuContent as L, DropdownMenuLabel as k, DropdownMenuSeparator as z, DropdownMenuSub as p, DropdownMenuSubTrigger as f, DropdownMenuSubContent as g, DropdownMenuItem as i } from "../../../dropdown-menu.js";
+import { DropdownMenu as E, DropdownMenuTrigger as G, DropdownMenuContent as L, DropdownMenuLabel as k, DropdownMenuSeparator as z, DropdownMenuSub as p, DropdownMenuSubTrigger as f, DropdownMenuSubContent as g, DropdownMenuItem as a } from "../../../dropdown-menu.js";
 import { useGridHeader as R } from "../context/grid-header-context.js";
 import { useImpactNovaI18n as B } from "../../../../../i18n/ImpactNovaI18nContext.js";
 const U = ({
@@ -13,15 +13,14 @@ const U = ({
 }) => {
   const { t } = B(), C = R(), o = s.getColumn(l);
   if (!o) return null;
-  const a = o.getColDef(), x = o.getSort(), S = o.getPinned(), M = a?.sortable !== !1, y = a?.filter || "agTextColumnFilter", H = y === "agNumberColumnFilter" || (Array.isArray(a?.type) ? a.type.includes("numericColumn") : a?.type === "numericColumn"), b = y === "agDateColumnFilter" || (Array.isArray(a?.type) ? a.type.includes("dateColumn") : a?.type === "dateColumn"), u = (n) => {
+  const i = o.getColDef(), x = o.getSort(), S = o.getPinned(), M = i?.sortable !== !1, y = i?.filter || "agTextColumnFilter", H = y === "agNumberColumnFilter" || (Array.isArray(i?.type) ? i.type.includes("numericColumn") : i?.type === "numericColumn"), b = y === "agDateColumnFilter" || (Array.isArray(i?.type) ? i.type.includes("dateColumn") : i?.type === "dateColumn"), m = (n) => {
     s.applyColumnState({
       state: [{ colId: l, sort: n }],
       defaultState: { sort: null }
     }), c();
-  }, m = (n) => {
+  }, u = (n) => {
     s.applyColumnState({
-      state: [{ colId: l, pinned: n }],
-      defaultState: { pinned: null }
+      state: [{ colId: l, pinned: n }]
     }), c();
   }, w = (n) => {
     n ? s.autoSizeAllColumns() : s.autoSizeColumns([l]), c();
@@ -29,9 +28,9 @@ const U = ({
     const n = s.getGridOption("context") || {};
     s.setGridOption("context", { ...n, activeSearchColumnId: l }), s.refreshHeader(), c();
   }, T = () => {
-    const n = a?.headerComponentParams;
+    const n = i?.headerComponentParams;
     n?.onAdvanceSearchClick ? n.onAdvanceSearchClick(o) : n?.toggleAdvanceSearch ? n.toggleAdvanceSearch(l) : C && C.openAdvancedFilter(l), c();
-  }, d = A?.getBoundingClientRect(), D = a?.headerComponentParams, N = D?.isSearchable, v = D?.advanceSearchEnabled;
+  }, d = A?.getBoundingClientRect(), D = i?.headerComponentParams, N = D?.isSearchable, v = D?.advanceSearchEnabled;
   return /* @__PURE__ */ r(E, { open: O, onOpenChange: (n) => !n && c(), children: [
     d && /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e(
       "div",
@@ -65,36 +64,36 @@ const U = ({
           M && /* @__PURE__ */ r(p, { children: [
             /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.sort") }),
             /* @__PURE__ */ r(g, { sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(i, { onClick: () => u("asc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+              /* @__PURE__ */ e(a, { onClick: () => m("asc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t(H ? "gridHeader.sortAscNumber" : b ? "gridHeader.sortAscDate" : "gridHeader.sortAscText") }),
                 x === "asc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(i, { onClick: () => u("desc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+              /* @__PURE__ */ e(a, { onClick: () => m("desc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t(H ? "gridHeader.sortDescNumber" : b ? "gridHeader.sortDescDate" : "gridHeader.sortDescText") }),
                 x === "desc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(i, { onClick: () => u(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.reset") }) })
+              /* @__PURE__ */ e(a, { onClick: () => m(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.reset") }) })
             ] })
           ] }),
           /* @__PURE__ */ r(p, { children: [
             /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.freezeColumn") }),
             /* @__PURE__ */ r(g, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(i, { onClick: () => m("left"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+              /* @__PURE__ */ e(a, { onClick: () => u("left"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t("gridHeader.pinLeft") }),
                 S === "left" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(i, { onClick: () => m("right"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+              /* @__PURE__ */ e(a, { onClick: () => u("right"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t("gridHeader.pinRight") }),
                 S === "right" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(i, { onClick: () => m(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.noPin") }) })
+              /* @__PURE__ */ e(a, { onClick: () => u(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.noPin") }) })
             ] })
           ] }),
           /* @__PURE__ */ r(p, { children: [
             /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.columnWidth") }),
             /* @__PURE__ */ r(g, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(i, { onClick: () => w(!1), children: t("gridHeader.autosizeThisColumn") }),
-              /* @__PURE__ */ e(i, { onClick: () => w(!0), children: t("gridHeader.autosizeAllColumns") })
+              /* @__PURE__ */ e(a, { onClick: () => w(!1), children: t("gridHeader.autosizeThisColumn") }),
+              /* @__PURE__ */ e(a, { onClick: () => w(!0), children: t("gridHeader.autosizeAllColumns") })
             ] })
           ] }),
           (N || v) && /* @__PURE__ */ r(j, { children: [
@@ -104,8 +103,8 @@ const U = ({
               " ",
               t("gridHeader.searchOptions")
             ] }),
-            N && /* @__PURE__ */ e(i, { inset: !0, onClick: P, children: t("gridHeader.search") }),
-            v && /* @__PURE__ */ e(i, { inset: !0, onClick: T, children: t("gridHeader.advanceSearch") })
+            N && /* @__PURE__ */ e(a, { inset: !0, onClick: P, children: t("gridHeader.search") }),
+            v && /* @__PURE__ */ e(a, { inset: !0, onClick: T, children: t("gridHeader.advanceSearch") })
           ] })
         ] })
       }

package/dist/components/ui/command-palette/index.d.ts

@@ -21,3 +21,6 @@ export { Kbd } from './kbd';
 export type { KbdProps } from './kbd';
 export { ShortcutSettings } from './shortcut-settings';
 export type { ShortcutSettingsProps } from './shortcut-settings';
+export { ShortcutOverlayProvider, useShortcutOverlay } from './shortcut-overlay-context';
+export type { ShortcutOverlayContextValue, ShortcutOverlayProviderProps } from './shortcut-overlay-context';
+export { ShortcutOverlay } from './shortcut-overlay';

package/dist/components/ui/command-palette/index.js

@@ -1,6 +1,6 @@
-import { BROWSER_SHORTCUTS as o, COMMAND_SOURCE_LABELS as r, deserialiseOverrides as m, fuzzyFilter as a, fuzzyScore as i, getBrowserShortcutInfo as n, getKeySymbol as d, isMac as s, isReservedShortcut as S, keybindingFromEvent as l, keybindingToString as p, keybindingToSymbols as u, keybindingsEqual as c, matchesKeybinding as y, parseKeybinding as C, scopePriority as P, serialiseOverrides as f } from "./utils.js";
-import { LocalStorageAdapter as b, ShortcutRegistry as h } from "./shortcut-registry.js";
-import { CommandPaletteProvider as v, useCommandPalette as E } from "./command-palette-context.js";
+import { BROWSER_SHORTCUTS as r, COMMAND_SOURCE_LABELS as o, deserialiseOverrides as m, fuzzyFilter as a, fuzzyScore as i, getBrowserShortcutInfo as n, getKeySymbol as d, isMac as s, isReservedShortcut as S, keybindingFromEvent as l, keybindingToString as u, keybindingToSymbols as p, keybindingsEqual as c, matchesKeybinding as y, parseKeybinding as f, scopePriority as P, serialiseOverrides as C } from "./utils.js";
+import { LocalStorageAdapter as g, ShortcutRegistry as x } from "./shortcut-registry.js";
+import { CommandPaletteProvider as v, useCommandPalette as O } from "./command-palette-context.js";
 import { useShortcut as R } from "./use-shortcut.js";
 import { useGlobalShortcut as z } from "./use-global-shortcut.js";
 import { useBrowserShortcuts as K } from "./use-browser-shortcuts.js";
@@ -8,9 +8,11 @@ import { ShortcutScopeProvider as T } from "./shortcut-scope-provider.js";
 import { CommandPalette as F, CommandPaletteEmpty as I, CommandPaletteFooter as M, CommandPaletteGroup as _, CommandPaletteInput as w, CommandPaletteItem as G, CommandPaletteList as U, CommandPaletteSeparator as q, CommandPaletteShortcut as D } from "./command-palette.js";
 import { Kbd as N } from "./kbd.js";
 import { ShortcutSettings as j } from "./shortcut-settings.js";
+import { ShortcutOverlayProvider as Q, useShortcutOverlay as V } from "./shortcut-overlay-context.js";
+import { ShortcutOverlay as Y } from "./shortcut-overlay.js";
 export {
-  o as BROWSER_SHORTCUTS,
-  r as COMMAND_SOURCE_LABELS,
+  r as BROWSER_SHORTCUTS,
+  o as COMMAND_SOURCE_LABELS,
   F as CommandPalette,
   I as CommandPaletteEmpty,
   M as CommandPaletteFooter,
@@ -22,8 +24,10 @@ export {
   q as CommandPaletteSeparator,
   D as CommandPaletteShortcut,
   N as Kbd,
-  b as LocalStorageAdapter,
-  h as ShortcutRegistry,
+  g as LocalStorageAdapter,
+  Y as ShortcutOverlay,
+  Q as ShortcutOverlayProvider,
+  x as ShortcutRegistry,
   T as ShortcutScopeProvider,
   j as ShortcutSettings,
   m as deserialiseOverrides,
@@ -34,15 +38,16 @@ export {
   s as isMac,
   S as isReservedShortcut,
   l as keybindingFromEvent,
-  p as keybindingToString,
-  u as keybindingToSymbols,
+  u as keybindingToString,
+  p as keybindingToSymbols,
   c as keybindingsEqual,
   y as matchesKeybinding,
-  C as parseKeybinding,
+  f as parseKeybinding,
   P as scopePriority,
-  f as serialiseOverrides,
+  C as serialiseOverrides,
   K as useBrowserShortcuts,
-  E as useCommandPalette,
+  O as useCommandPalette,
   z as useGlobalShortcut,
-  R as useShortcut
+  R as useShortcut,
+  V as useShortcutOverlay
 };

package/dist/components/ui/command-palette/shortcut-overlay-context.d.ts

@@ -0,0 +1,23 @@
+/**
+ * ShortcutOverlayProvider — React context for the Excel-like "Key Tips" overlay.
+ *
+ * Manages visibility state for the shortcut overlay, which displays
+ * keyboard shortcut badges next to their associated UI elements.
+ */
+import * as React from 'react';
+export interface ShortcutOverlayContextValue {
+    /** Whether the shortcut overlay is currently visible */
+    isOverlayVisible: boolean;
+    /** Set overlay visibility explicitly */
+    setOverlayVisible: (visible: boolean) => void;
+    /** Toggle overlay visibility */
+    toggleOverlay: () => void;
+}
+export interface ShortcutOverlayProviderProps {
+    children: React.ReactNode;
+}
+export declare function ShortcutOverlayProvider({ children }: ShortcutOverlayProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ShortcutOverlayProvider {
+    var displayName: string;
+}
+export declare function useShortcutOverlay(): ShortcutOverlayContextValue;

package/dist/components/ui/command-palette/shortcut-overlay-context.js

@@ -0,0 +1,28 @@
+import { jsx as c } from "react/jsx-runtime";
+import * as t from "react";
+const u = t.createContext(null);
+function n({ children: e }) {
+  const [o, a] = t.useState(!1), l = t.useCallback((r) => {
+    a(r);
+  }, []), s = t.useCallback(() => {
+    a((r) => !r);
+  }, []), i = t.useMemo(() => ({
+    isOverlayVisible: o,
+    setOverlayVisible: l,
+    toggleOverlay: s
+  }), [o, l, s]);
+  return /* @__PURE__ */ c(u.Provider, { value: i, children: e });
+}
+n.displayName = "ShortcutOverlayProvider";
+function y() {
+  const e = t.useContext(u);
+  if (!e)
+    throw new Error(
+      "useShortcutOverlay must be used within a <ShortcutOverlayProvider>. Wrap your application root with <ShortcutOverlayProvider>."
+    );
+  return e;
+}
+export {
+  n as ShortcutOverlayProvider,
+  y as useShortcutOverlay
+};

package/dist/components/ui/command-palette/shortcut-overlay.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ShortcutOverlay — Excel-like "Key Tips" overlay.
+ *
+ * When visible, scans the DOM for elements with `[data-shortcut-id]`,
+ * resolves their effective keybindings from the command palette registry,
+ * and renders floating Kbd badges positioned next to each element.
+ *
+ * Performance notes:
+ *  - No `elementFromPoint` / forced reflows — uses containment checks only.
+ *  - MutationObserver (childList on body) detects panel open/close cheaply.
+ *  - All rescans are debounced via a single `requestAnimationFrame`.
+ *
+ * Dismiss: click backdrop, press Escape, or re-trigger the shortcut.
+ */
+import * as React from 'react';
+export declare function ShortcutOverlay(): React.ReactPortal;
+export declare namespace ShortcutOverlay {
+    var displayName: string;
+}

package/dist/components/ui/command-palette/shortcut-overlay.js

@@ -0,0 +1,151 @@
+import { jsxs as O, Fragment as L, jsx as p } from "react/jsx-runtime";
+import * as d from "react";
+import { createPortal as M } from "react-dom";
+import { useShortcutOverlay as S } from "./shortcut-overlay-context.js";
+import { useCommandPalette as C } from "./command-palette-context.js";
+import { Kbd as X } from "./kbd.js";
+const u = 26, h = 80, s = 4;
+function z() {
+  const t = document.querySelectorAll(
+    '[role="dialog"][data-state="open"]'
+  );
+  return t.length > 0 ? t[t.length - 1] : null;
+}
+function F(t) {
+  if (t.length <= 1) return t;
+  const r = [...t].sort((n, e) => n.top - e.top), l = (n, e) => Math.abs(n.left - e.left) < h && Math.abs(n.top - e.top) < u + s;
+  for (let n = 1; n < r.length; n++) {
+    const e = r[n], c = () => r.slice(Math.max(0, n - 5), n).some((y) => l(y, e));
+    c() && (e.placement === "above" ? (e.placement = "below", e.top = e.top + u + 32 + s) : (e.placement = "above", e.top = e.top - u - 32 - s), c() && (e.left = e.left + h + s));
+  }
+  return r;
+}
+function R(t) {
+  const r = window.innerWidth, l = window.innerHeight;
+  return {
+    ...t,
+    top: Math.max(s, Math.min(t.top, l - u - s)),
+    left: Math.max(h / 2, Math.min(t.left, r - h / 2))
+  };
+}
+function T() {
+  const { isOverlayVisible: t, setOverlayVisible: r } = S(), { getEffectiveKeybinding: l, version: n } = C(), [e, c] = d.useState([]), [y, x] = d.useState(0);
+  return d.useLayoutEffect(() => {
+    if (!t) {
+      c([]);
+      return;
+    }
+    const f = (z() ?? document).querySelectorAll("[data-shortcut-id]"), m = [];
+    f.forEach((v) => {
+      const w = v.getAttribute("data-shortcut-id");
+      if (!w) return;
+      const b = window.getComputedStyle(v);
+      if (b.display === "none" || b.visibility === "hidden" || b.opacity === "0")
+        return;
+      const a = v.getBoundingClientRect();
+      if (a.width === 0 || a.height === 0 || a.bottom < 0 || a.top > window.innerHeight || a.right < 0 || a.left > window.innerWidth)
+        return;
+      const E = l(w);
+      if (!E) return;
+      const A = a.left + a.width / 2;
+      let k = "above", g = a.top - u - s;
+      g < s && (k = "below", g = a.bottom + s), m.push({
+        id: w,
+        keybinding: E,
+        top: g,
+        left: A,
+        placement: k
+      });
+    }), c(F(m).map(R));
+  }, [t, l, n, y]), d.useEffect(() => {
+    if (!t) return;
+    const o = (i) => {
+      i.key === "Escape" && (i.preventDefault(), i.stopPropagation(), r(!1));
+    };
+    return window.addEventListener("keydown", o, !0), () => window.removeEventListener("keydown", o, !0);
+  }, [t, r]), d.useEffect(() => {
+    if (!t) return;
+    let o;
+    const i = () => {
+      cancelAnimationFrame(o), o = requestAnimationFrame(() => x((m) => m + 1));
+    };
+    window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
+    const f = new MutationObserver(i);
+    return f.observe(document.body, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["data-state"]
+    }), () => {
+      cancelAnimationFrame(o), window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i), f.disconnect();
+    };
+  }, [t]), !t || e.length === 0 ? null : M(
+    /* @__PURE__ */ O(L, { children: [
+      /* @__PURE__ */ p(
+        "div",
+        {
+          "data-shortcut-overlay-backdrop": "",
+          onClick: () => r(!1),
+          style: {
+            position: "fixed",
+            inset: 0,
+            backgroundColor: "rgba(0, 0, 0, 0.06)",
+            zIndex: 99998,
+            cursor: "default"
+          }
+        }
+      ),
+      e.map((o) => /* @__PURE__ */ p(
+        "div",
+        {
+          "data-shortcut-overlay-badge": "",
+          style: {
+            position: "fixed",
+            top: o.top,
+            left: o.left,
+            transform: "translateX(-50%)",
+            zIndex: 99999,
+            pointerEvents: "none",
+            animation: o.placement === "below" ? "shortcut-overlay-badge-in-below 0.15s ease-out" : "shortcut-overlay-badge-in 0.15s ease-out"
+          },
+          children: /* @__PURE__ */ p(
+            X,
+            {
+              keybinding: o.keybinding,
+              size: "sm",
+              variant: "dark"
+            }
+          )
+        },
+        o.id
+      )),
+      /* @__PURE__ */ p("style", { children: `
+        @keyframes shortcut-overlay-badge-in {
+          from {
+            opacity: 0;
+            transform: translateX(-50%) translateY(4px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(-50%) translateY(0);
+          }
+        }
+        @keyframes shortcut-overlay-badge-in-below {
+          from {
+            opacity: 0;
+            transform: translateX(-50%) translateY(-4px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(-50%) translateY(0);
+          }
+        }
+      ` })
+    ] }),
+    document.body
+  );
+}
+T.displayName = "ShortcutOverlay";
+export {
+  T as ShortcutOverlay
+};

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

@@ -109,6 +109,7 @@ const j = ({
               "data-component": "filter-panel-sidebar-item",
               "data-active": o ? "true" : "false",
               "data-tab": a.id,
+              "data-shortcut-id": a.shortcutId,
               className: i(
                 "group flex items-center justify-between px-3 py-[6px] mx-2 rounded-lg text-left text-sm font-medium transition-colors",
                 o ? "bg-canvas-accent text-brand" : "text-content-secondary hover:bg-canvas-accent"

package/dist/components/ui/filter-strip/filter-strip.d.ts

@@ -1,3 +1,3 @@
 import { FilterStripProps } from '../types/filter-strip.types';
-declare const FilterStrip: ({ filters, onFilterRemove, onAllFiltersClick, savedFilters, recentFilters, onApplySavedFilter, onSavedFilterSearch, onSavedFiltersScroll, onViewAll, onOverflowClick, selectedFilter, onSelectedFilterChange, onDropdownOpenChange, isLoadingFilterPreferencesList, isLoading, onEditSavedFilter, onDeleteSavedFilter, onSetDefaultSavedFilter, className, allFiltersKeybinding, }: FilterStripProps) => import("react/jsx-runtime").JSX.Element;
+declare const FilterStrip: ({ filters, onFilterRemove, onAllFiltersClick, savedFilters, recentFilters, onApplySavedFilter, onSavedFilterSearch, onSavedFiltersScroll, onViewAll, onOverflowClick, selectedFilter, onSelectedFilterChange, onDropdownOpenChange, isLoadingFilterPreferencesList, isLoading, onEditSavedFilter, onDeleteSavedFilter, onSetDefaultSavedFilter, className, allFiltersKeybinding, allFiltersShortcutId, }: FilterStripProps) => import("react/jsx-runtime").JSX.Element;
 export { FilterStrip };

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

@@ -1,20 +1,20 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { ListFilter as F } from "lucide-react";
+import { ListFilter as j } from "lucide-react";
 import { cn as l } from "../../../lib/utils.js";
-import { Button as j } from "../button.js";
+import { Button as I } from "../button.js";
 import { Skeleton as t } from "../skeleton.js";
-import { FilterSummary as I } from "./filter-summary.js";
-import { FilterTagList as L } from "./filter-tag-list.js";
-import { useImpactNovaI18n as A } from "../../../i18n/ImpactNovaI18nContext.js";
-const E = ({
+import { FilterSummary as L } from "./filter-summary.js";
+import { FilterTagList as A } from "./filter-tag-list.js";
+import { useImpactNovaI18n as B } from "../../../i18n/ImpactNovaI18nContext.js";
+const G = ({
   filters: s,
   onFilterRemove: n,
   onAllFiltersClick: m,
   savedFilters: o,
-  recentFilters: p,
-  onApplySavedFilter: c,
-  onSavedFilterSearch: f,
-  onSavedFiltersScroll: h,
+  recentFilters: c,
+  onApplySavedFilter: p,
+  onSavedFilterSearch: h,
+  onSavedFiltersScroll: f,
   onViewAll: d,
   onOverflowClick: w,
   selectedFilter: x,
@@ -22,13 +22,14 @@ const E = ({
   onDropdownOpenChange: v,
   isLoadingFilterPreferencesList: g,
   isLoading: k,
-  onEditSavedFilter: b,
-  onDeleteSavedFilter: u,
+  onEditSavedFilter: u,
+  onDeleteSavedFilter: b,
   onSetDefaultSavedFilter: S,
   className: a,
-  allFiltersKeybinding: y
+  allFiltersKeybinding: y,
+  allFiltersShortcutId: F
 }) => {
-  const { t: r } = A();
+  const { t: r } = B();
   return k ? /* @__PURE__ */ e(
     "div",
     {
@@ -71,25 +72,25 @@ const E = ({
       ),
       children: [
         /* @__PURE__ */ e(
-          I,
+          L,
           {
             selectedFilter: x,
             onSelectedFilterChange: N,
             savedFilters: o,
-            recentFilters: p,
-            onApplySavedFilter: c,
-            onSavedFilterSearch: f,
-            onSavedFiltersScroll: h,
+            recentFilters: c,
+            onApplySavedFilter: p,
+            onSavedFilterSearch: h,
+            onSavedFiltersScroll: f,
             onDropdownOpenChange: v,
             isLoadingFilterPreferencesList: g,
-            onEditSavedFilter: b,
-            onDeleteSavedFilter: u,
+            onEditSavedFilter: u,
+            onDeleteSavedFilter: b,
             onSetDefaultSavedFilter: S
           }
         ),
         /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-stroke-hairline mx-1 shrink-0" }),
         /* @__PURE__ */ e(
-          L,
+          A,
           {
             filters: s,
             onFilterRemove: n,
@@ -98,7 +99,7 @@ const E = ({
           }
         ),
         /* @__PURE__ */ i(
-          j,
+          I,
           {
             variant: "tertiary",
             onClick: m,
@@ -106,8 +107,9 @@ const E = ({
             "aria-label": r("filterStrip.allFilters"),
             tooltipSide: "bottom",
             tooltipKeybinding: y,
+            "data-shortcut-id": F,
             children: [
-              /* @__PURE__ */ e(F, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e(j, { className: "h-4 w-4" }),
               r("filterStrip.allFilters")
             ]
           }
@@ -117,5 +119,5 @@ const E = ({
   );
 };
 export {
-  E as FilterStrip
+  G as FilterStrip
 };

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

@@ -3,9 +3,10 @@ import { HelperTextPosition } from './types/helper-text.types';
 import * as React from "react";
 declare const textareaVariants: (props?: {
     isError?: boolean;
+    size?: "sm" | "md" | "lg" | "default";
     disabled?: boolean;
 } & import('class-variance-authority/types').ClassProp) => string;
-export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "disabled">, VariantProps<typeof textareaVariants> {
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "disabled" | "size">, VariantProps<typeof textareaVariants> {
     label?: string;
     helperText?: React.ReactNode;
     /** @default "absolute" */