impact-nova 2.1.0-alpha.7 → 2.1.0-alpha.9

package/dist/components/flows/command-palette/command-palette.types.d.ts

@@ -1,5 +1,6 @@
 import { CommandDefinition, KeyBinding } from './utils';
 import type * as React from "react";
+/** Localized strings for the command palette chrome. */
 export interface CommandPaletteLabels {
     /** Placeholder text for the search input */
     placeholder?: string;
@@ -20,6 +21,10 @@ export interface CommandPaletteLabels {
     /** Label for the configure shortcuts hint in the footer */
     configureShortcutsLabel?: string;
 }
+/**
+ * Command palette dialog — search, grouped commands, keyboard navigation.
+ * Requires `CommandPaletteProvider` at app root.
+ */
 export interface CommandPaletteProps extends CommandPaletteLabels {
     className?: string;
     children?: React.ReactNode;
@@ -30,18 +35,22 @@ export interface CommandPaletteProps extends CommandPaletteLabels {
     /** Called when the palette opens/closes */
     onOpenChange?: (open: boolean) => void;
 }
+/** Search input inside the palette — use `onValueChange` for controlled query. */
 export interface CommandPaletteInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
     onValueChange?: (value: string) => void;
 }
+/** Group heading + command items. */
 export interface CommandPaletteGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     heading?: string;
 }
+/** Single command row — pass `command` from registry or custom list. */
 export interface CommandPaletteItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
     command: CommandDefinition;
     isSelected?: boolean;
     onSelect?: () => void;
     keybinding?: KeyBinding;
 }
+/** Renders a shortcut key chord (pairs with `Kbd`). */
 export interface CommandPaletteShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
     keybinding: KeyBinding;
     isSelected?: boolean;

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

@@ -60,8 +60,8 @@ function F() {
     i.forEach((m) => {
       const w = m.getAttribute("data-shortcut-id");
       if (!w || n && !n.contains(m)) return;
-      const b = window.getComputedStyle(m);
-      if (b.display === "none" || b.visibility === "hidden" || b.opacity === "0")
+      const g = window.getComputedStyle(m);
+      if (g.display === "none" || g.visibility === "hidden" || g.opacity === "0")
         return;
       const l = m.getBoundingClientRect();
       if (l.width === 0 || l.height === 0 || l.bottom < 0 || l.top > window.innerHeight || l.right < 0 || l.left > window.innerWidth)
@@ -69,11 +69,11 @@ function F() {
       const k = f(w);
       if (!k) return;
       const A = l.left + l.width / 2;
-      let E = "above", g = l.top - u - s;
-      g < s && (E = "below", g = l.bottom + s), r.push({
+      let E = "above", b = l.top - u - s;
+      b < s && (E = "below", b = l.bottom + s), r.push({
         id: w,
         keybinding: k,
-        top: g,
+        top: b,
         left: A,
         placement: E
       });
@@ -105,7 +105,7 @@ function F() {
       /* @__PURE__ */ v(
         "div",
         {
-          className: "fixed inset-0 z-[99998] cursor-default bg-black/[0.06]",
+          className: "fixed inset-0 z-[99998] cursor-default bg-scrim-light",
           "data-shortcut-overlay-backdrop": "",
           onClick: () => a(!1)
         }

package/dist/components/flows/filter-panel/filter-panel.d.ts

@@ -1,7 +1,8 @@
-import { FilterPanelHeaderProps, FilterPanelProps, FilterPanelSidebarProps, FilterPanelBodyProps, FilterPanelFooterProps } from './filter-panel.types';
+import { default as React } from 'react';
+import { FilterPanelHeaderProps, FilterPanelProps, FilterPanelSidebarProps, FilterPanelFooterProps } from './filter-panel.types';
 declare const FilterPanelHeader: ({ title, children, className, }: FilterPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
 declare const FilterPanel: ({ open, onOpenChange, title, children, header, sidebar, className, preventClose, }: FilterPanelProps) => import("react/jsx-runtime").JSX.Element;
 declare const FilterPanelSidebar: ({ items, activeTab, onTabChange, className, }: FilterPanelSidebarProps) => import("react/jsx-runtime").JSX.Element;
-declare const FilterPanelBody: ({ children, className }: FilterPanelBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const FilterPanelBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const FilterPanelFooter: ({ children, className, leftAction, }: FilterPanelFooterProps) => import("react/jsx-runtime").JSX.Element;
 export { FilterPanel, FilterPanelHeader, FilterPanelSidebar, FilterPanelBody, FilterPanelFooter, };

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

@@ -1,71 +1,72 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import b from "react";
 import { Sheet as v, SheetContent as g, SheetDescription as N, SheetTitle as y, SheetClose as w } from "../../feedback/sheet/sheet.js";
-import { cn as i } from "../../../lib/utils.js";
-import { MultiColorFilter as k, Cross as C, InfoBadge as m } from "impact-nova-icons";
-import { Button as F } from "../../primitives/button/button.js";
+import { createCompoundPart as k } from "../../../lib/primitives/create-compound.js";
+import { cn as o } from "../../../lib/utils.js";
+import { MultiColorFilter as C, Cross as F, InfoBadge as m } from "impact-nova-icons";
+import { Button as P } from "../../primitives/button/button.js";
 import { Tooltip as d, TooltipTrigger as h, TooltipContent as f } from "../../feedback/tooltip/tooltip.js";
-import { Kbd as P } from "../../primitives/kbd/kbd.js";
+import { Kbd as I } from "../../primitives/kbd/kbd.js";
 import { useImpactNovaI18n as u } from "../../../i18n/use-impact-nova-i18n.js";
-const I = ({
-  title: n,
-  children: r,
-  className: l
+const j = ({
+  title: r,
+  children: l,
+  className: n
 }) => {
   const { t: c } = u();
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ t(
     "div",
     {
       "data-component": "filter-panel-header",
-      className: i(
+      className: o(
         "flex  shrink-0 flex-row items-center justify-between border-b px-4 py-[9px] bg-canvas-elevated",
-        l
+        n
       ),
       children: [
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-brand-tint bg-white",
+              className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-brand-tint bg-canvas-elevated",
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(k, { className: "size-5 shrink-0" })
+              children: /* @__PURE__ */ e(C, { className: "size-5 shrink-0" })
             }
           ),
-          /* @__PURE__ */ e(y, { className: "text-lg font-bold text-content", children: n })
+          /* @__PURE__ */ e(y, { className: "text-lg font-bold text-content", children: r })
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-          r,
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+          l,
           /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
-            F,
+            P,
             {
               variant: "secondary",
               size: "icon",
               tabIndex: -1,
               "aria-label": c("aria.close"),
               "data-component": "filter-panel-close",
-              children: /* @__PURE__ */ e(C, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ e(F, { className: "h-3 w-3" })
             }
           ) })
         ] })
       ]
     }
   );
-}, H = ({
-  open: n,
-  onOpenChange: r,
-  title: l = "Filter panel",
+}, R = ({
+  open: r,
+  onOpenChange: l,
+  title: n = "Filter panel",
   children: c,
-  header: s,
-  sidebar: t,
-  className: o,
+  header: i,
+  sidebar: a,
+  className: s,
   preventClose: x = !1
-}) => /* @__PURE__ */ e(v, { open: n, onOpenChange: r, children: /* @__PURE__ */ a(
+}) => /* @__PURE__ */ e(v, { open: r, onOpenChange: l, children: /* @__PURE__ */ t(
   g,
   {
     side: "right",
-    className: i(
+    className: o(
       "w-full !max-w-[840px] p-0 sm:!max-w-[840px] gap-0 border-l shadow-xl transition-all duration-300 ease-in-out bg-canvas-elevated",
-      o
+      s
     ),
     onInteractOutside: (p) => {
       x && p.preventDefault();
@@ -75,147 +76,141 @@ const I = ({
     },
     children: [
       /* @__PURE__ */ e(N, { className: "sr-only", children: "Select filters to apply to the current view." }),
-      /* @__PURE__ */ a("div", { className: "flex h-full flex-col bg-canvas-elevated", "data-component": "filter-panel", children: [
-        s || /* @__PURE__ */ e(I, { title: l }),
-        /* @__PURE__ */ a("div", { className: "flex flex-1 overflow-hidden", children: [
-          t,
+      /* @__PURE__ */ t("div", { className: "flex h-full flex-col bg-canvas-elevated", "data-component": "filter-panel", children: [
+        i || /* @__PURE__ */ e(j, { title: n }),
+        /* @__PURE__ */ t("div", { className: "flex flex-1 overflow-hidden", children: [
+          a,
           /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: c })
         ] })
       ] })
     ]
   }
-) }), M = ({
-  items: n,
-  activeTab: r,
-  onTabChange: l,
+) }), W = ({
+  items: r,
+  activeTab: l,
+  onTabChange: n,
   className: c
 }) => {
-  const { t: s } = u();
+  const { t: i } = u();
   return /* @__PURE__ */ e(
     "div",
     {
       "data-component": "filter-panel-sidebar",
-      className: i(
+      className: o(
         "flex w-[200px] shrink-0 flex-col border-r bg-navigation-canvas",
         c
       ),
-      children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: n.map((t) => {
-        const o = r === t.id;
-        return /* @__PURE__ */ a(b.Fragment, { children: [
-          t.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
-          /* @__PURE__ */ a(
+      children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: r.map((a) => {
+        const s = l === a.id;
+        return /* @__PURE__ */ t(b.Fragment, { children: [
+          a.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
+          /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              autoFocus: o,
-              onClick: () => l(t.id),
+              autoFocus: s,
+              onClick: () => n(a.id),
               "data-component": "filter-panel-sidebar-item",
-              "data-active": o ? "true" : "false",
-              "data-tab": t.id,
-              "data-shortcut-id": t.shortcutId,
-              className: i(
+              "data-active": s ? "true" : "false",
+              "data-tab": a.id,
+              "data-shortcut-id": a.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",
-                o ? "bg-canvas-accent text-brand" : "text-content-secondary hover:bg-canvas-accent"
+                s ? "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__ */ t("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
                   /* @__PURE__ */ e(
                     "span",
                     {
-                      className: i(
+                      className: o(
                         "shrink-0",
-                        o ? "text-brand" : "text-content-secondary"
+                        s ? "text-brand" : "text-content-secondary"
                       ),
-                      children: t.icon
+                      children: a.icon
                     }
                   ),
-                  /* @__PURE__ */ a("div", { className: "flex items-center gap-1 min-w-0", children: [
-                    /* @__PURE__ */ a(d, { children: [
-                      /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate font-['Manrope']", children: t.label }) }),
-                      /* @__PURE__ */ e(f, { variant: "tertiary", side: "right", children: t.tooltipKeybinding ? /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
-                        t.label,
+                  /* @__PURE__ */ t("div", { className: "flex items-center gap-1 min-w-0", children: [
+                    /* @__PURE__ */ t(d, { children: [
+                      /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate font-['Manrope']", children: a.label }) }),
+                      /* @__PURE__ */ e(f, { variant: "tertiary", side: "right", children: a.tooltipKeybinding ? /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
+                        a.label,
                         " ",
                         /* @__PURE__ */ e(
-                          P,
+                          I,
                           {
-                            keybinding: t.tooltipKeybinding,
+                            keybinding: a.tooltipKeybinding,
                             size: "sm"
                           }
                         )
-                      ] }) : t.label })
+                      ] }) : a.label })
                     ] }),
-                    t.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-danger", children: "*" })
+                    a.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__ */ t("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
+                  a.count !== void 0 && a.count > 0 && /* @__PURE__ */ t(d, { children: [
                     /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
                       "span",
                       {
-                        className: i(
+                        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",
-                          o ? "bg-canvas-elevated text-brand border border-stroke-subtle" : "bg-brand-tint border border-stroke-subtle"
+                          s ? "bg-canvas-elevated text-brand border border-stroke-subtle" : "bg-brand-tint border border-stroke-subtle"
                         ),
-                        children: t.count
+                        children: a.count
                       }
                     ) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", side: "top", children: s(
-                      t.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
-                      { count: t.count }
+                    /* @__PURE__ */ e(f, { variant: "tertiary", side: "top", children: i(
+                      a.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
+                      { count: a.count }
                     ) })
                   ] }),
-                  t.hasError && /* @__PURE__ */ a(d, { children: [
+                  a.hasError && /* @__PURE__ */ t(d, { children: [
                     /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-5 w-5 shrink-0 text-danger" }) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.tabContainsErrors") })
+                    /* @__PURE__ */ e(f, { variant: "tertiary", children: i("filterPanel.tabContainsErrors") })
                   ] }),
-                  t.hasWarning && /* @__PURE__ */ a(d, { children: [
+                  a.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") })
+                    /* @__PURE__ */ e(f, { variant: "tertiary", children: i("filterPanel.tabHasWarnings") })
                   ] }),
-                  t.hasInfo && /* @__PURE__ */ a(d, { children: [
+                  a.hasInfo && /* @__PURE__ */ t(d, { children: [
                     /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: "h-5 w-5 shrink-0 text-content-icon" }) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", children: s("filterPanel.additionalInfoAvailable") })
+                    /* @__PURE__ */ e(f, { variant: "tertiary", children: i("filterPanel.additionalInfoAvailable") })
                   ] })
                 ] })
               ]
             }
           )
-        ] }, t.id);
+        ] }, a.id);
       }) })
     }
   );
-}, R = ({ children: n, className: r }) => /* @__PURE__ */ e(
-  "div",
-  {
-    "data-component": "filter-panel-body",
-    className: i(
-      "flex flex-1 flex-col overflow-auto bg-canvas-elevated p-4",
-      r
-    ),
-    children: n
-  }
-), W = ({
-  children: n,
-  className: r,
-  leftAction: l
-}) => /* @__PURE__ */ a(
+}, _ = k("filter-panel", {
+  part: "body",
+  displayName: "FilterPanelBody",
+  className: "flex flex-1 flex-col overflow-auto bg-canvas-elevated p-4"
+}), q = ({
+  children: r,
+  className: l,
+  leftAction: n
+}) => /* @__PURE__ */ t(
   "div",
   {
     "data-component": "filter-panel-footer",
-    className: i(
+    className: o(
       "flex items-center justify-between border-t bg-canvas-elevated px-4 py-3 shrink-0",
-      r
+      l
     ),
     children: [
-      /* @__PURE__ */ e("div", { children: l && l }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: n })
+      /* @__PURE__ */ e("div", { children: n && n }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: r })
     ]
   }
 );
 export {
-  H as FilterPanel,
-  R as FilterPanelBody,
-  W as FilterPanelFooter,
-  I as FilterPanelHeader,
-  M as FilterPanelSidebar
+  R as FilterPanel,
+  _ as FilterPanelBody,
+  q as FilterPanelFooter,
+  j as FilterPanelHeader,
+  W as FilterPanelSidebar
 };

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

@@ -13,56 +13,56 @@ import { Badge as ue } from "../../data-display/badge/badge.js";
 import { Skeleton as fe } from "../../data-display/skeleton/skeleton.js";
 const Ie = ({
   selectedFilter: u,
-  onSelectedFilterChange: _,
+  onSelectedFilterChange: B,
   savedFilters: C,
   recentFilters: S,
-  onApplySavedFilter: B,
+  onApplySavedFilter: z,
   onSavedFilterSearch: N,
-  onSavedFiltersScroll: z,
-  onDropdownOpenChange: E,
-  isLoadingFilterPreferencesList: R = !1,
+  onSavedFiltersScroll: E,
+  onDropdownOpenChange: R,
+  isLoadingFilterPreferencesList: U = !1,
   onEditSavedFilter: k,
   onDeleteSavedFilter: I,
   onSetDefaultSavedFilter: P
 }) => {
-  const { t: n } = le(), [b, T] = l.useState(!1), [O, G] = l.useState(null), [A, U] = l.useState(null);
+  const { t: n } = le(), [b, T] = l.useState(!1), [O, G] = l.useState(null), [A, V] = l.useState(null);
   l.useEffect(() => {
     const a = C?.find((d) => d.isDefault);
-    a && a.id !== A && U(a.id);
+    a && a.id !== A && V(a.id);
   }, [C, A]);
-  const V = (a) => {
-    T(a), E?.(a);
-  }, [D, Y] = l.useState(""), [x, q] = l.useState(""), [c, H] = l.useState("All"), [p, j] = l.useState(null);
+  const Y = (a) => {
+    T(a), R?.(a);
+  }, [D, q] = l.useState(""), [g, H] = l.useState(""), [c, J] = l.useState("All"), [p, j] = l.useState(null);
   l.useEffect(() => {
     const a = setTimeout(() => {
-      q(D);
+      H(D);
     }, 300);
     return () => clearTimeout(a);
   }, [D]), l.useEffect(() => {
     N && N(
-      x,
+      g,
       c === "All" ? void 0 : c
     );
-  }, [x, c, N]), l.useEffect(() => {
+  }, [g, c, N]), l.useEffect(() => {
     b && j(u != null ? { label: u } : null);
   }, [b, u]);
-  const J = (a) => {
-    Y(a.target.value);
-  }, K = () => {
-    p && (_?.(p.label), p.savedItem && B?.(p.savedItem), T(!1));
+  const K = (a) => {
+    q(a.target.value);
   }, W = () => {
+    p && (B?.(p.label), p.savedItem && z?.(p.savedItem), T(!1));
+  }, X = () => {
     T(!1);
-  }, X = () => !S || S.length === 0 ? null : /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
+  }, Z = () => !S || S.length === 0 ? null : /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-secondary-foreground font-['Manrope']", children: "Recent" }),
     /* @__PURE__ */ e("div", { className: "mb-[6px] flex flex-col", children: S.map((a, d) => {
-      const o = a.map((w) => w.label).join(", "), g = p?.label === o;
+      const o = a.map((w) => w.label).join(", "), x = p?.label === o;
       return /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           className: s(
             "flex cursor-pointer flex-row px-3 py-2 rounded-lg hover:bg-secondary w-full text-start bg-transparent border-none",
-            g && "bg-accent"
+            x && "bg-accent"
           ),
           onClick: () => j({ label: o }),
           children: /* @__PURE__ */ r(f, { children: [
@@ -74,17 +74,17 @@ const Ie = ({
       );
     }) }),
     /* @__PURE__ */ e(M, { className: "mb-2" })
-  ] }), Z = () => {
-    if (R)
+  ] }), _ = () => {
+    if (U)
       return /* @__PURE__ */ e("div", { className: "flex max-h-[160px] flex-col overflow-y-auto px-3 py-2 space-y-2", children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ e(fe, { className: "h-9 w-full rounded-lg" }, t)) });
     let a = C?.filter(
       (t) => c === "All" || t.type === c
     );
-    if (!N && x && (a = a?.filter(
-      (t) => t.label.toLowerCase().includes(x.toLowerCase())
+    if (!N && g && (a = a?.filter(
+      (t) => t.label.toLowerCase().includes(g.toLowerCase())
     )), !a || a.length === 0) {
       let t = "No saved filters found";
-      if (!!x)
+      if (!!g)
         switch (c) {
           case "Personal":
             t = "No personal filters match your search";
@@ -108,7 +108,7 @@ const Ie = ({
         }
       return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-8 text-center min-h-[100px] px-6", children: /* @__PURE__ */ e("span", { className: "text-sm text-secondary-foreground font-['Manrope'] leading-relaxed", children: t }) });
     }
-    const d = k || I || P, o = a.find((t) => t.isDefault), g = a.filter((t) => !t.isDefault), w = (t, y = !1) => {
+    const d = k || I || P, o = a.find((t) => t.isDefault), x = a.filter((t) => !t.isDefault), w = (t, y = !1) => {
       const L = p?.label === t.label, i = O === t.id;
       return /* @__PURE__ */ r(
         "button",
@@ -192,12 +192,12 @@ const Ie = ({
                     onClick: (v) => {
                       v.stopPropagation(), G(t.id), P(t), setTimeout(() => G(null), 1200);
                     },
-                    children: i ? /* @__PURE__ */ e("div", { className: "h-3.5 w-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-yellow-500 border-t-transparent" }) : /* @__PURE__ */ e(
+                    children: i ? /* @__PURE__ */ e("div", { className: "h-3.5 w-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-warning border-t-transparent" }) : /* @__PURE__ */ e(
                       ne,
                       {
                         className: s(
                           "h-3.5 w-3.5 transition-all duration-300",
-                          t.isDefault ? "fill-yellow-500 text-yellow-500" : "text-secondary-foreground"
+                          t.isDefault ? "fill-warning text-warning" : "text-secondary-foreground"
                         )
                       }
                     )
@@ -221,17 +221,17 @@ const Ie = ({
           ),
           children: [
             w(o, !0),
-            g.length > 0 && /* @__PURE__ */ e(M, { className: "my-1" })
+            x.length > 0 && /* @__PURE__ */ e(M, { className: "my-1" })
           ]
         },
         `default-${o.id}`
       ),
-      g.length > 0 && /* @__PURE__ */ e(
+      x.length > 0 && /* @__PURE__ */ e(
         "div",
         {
           className: "flex max-h-[160px] flex-col overflow-y-auto",
-          onScroll: z,
-          children: g.map((t) => /* @__PURE__ */ e(
+          onScroll: E,
+          children: x.map((t) => /* @__PURE__ */ e(
             "div",
             {
               className: s(
@@ -246,7 +246,7 @@ const Ie = ({
       )
     ] });
   }, F = p?.label !== u;
-  return /* @__PURE__ */ r(ie, { open: b, onOpenChange: V, children: [
+  return /* @__PURE__ */ r(ie, { open: b, onOpenChange: Y, children: [
     /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ r(
       "button",
       {
@@ -286,21 +286,21 @@ const Ie = ({
       se,
       {
         align: "start",
-        className: "w-[280px] p-0 shadow-[0_0_4px_0_rgba(0,0,0,0.12)] overflow-visible",
+        className: "w-[280px] p-0 shadow-elevation-floating overflow-visible",
         sideOffset: 8,
         onInteractOutside: (a) => {
           const d = a.target;
           (d.closest('[role="dialog"]') || d.closest("[data-radix-dialog-content]")) && a.preventDefault();
         },
         children: /* @__PURE__ */ r("div", { className: "flex w-full flex-col py-[8px] px-[6px]", children: [
-          X(),
+          Z(),
           /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
             /* @__PURE__ */ e("div", { className: "px-1 py-[6px] text-xs font-medium text-secondary-foreground font-['Manrope']", children: n("filterStrip.savedFilters") }),
             /* @__PURE__ */ r(
               ce,
               {
                 value: c,
-                onValueChange: (a) => H(a),
+                onValueChange: (a) => J(a),
                 variant: "outline",
                 size: "sm",
                 className: "w-full px-1",
@@ -313,26 +313,26 @@ const Ie = ({
                   /* @__PURE__ */ e("div", { className: "pb-[8px]", children: /* @__PURE__ */ e(
                     pe,
                     {
-                      prefix: /* @__PURE__ */ e(te, { className: "h-4 w-4 text-gray-500" }),
+                      prefix: /* @__PURE__ */ e(te, { className: "h-4 w-4 text-content-secondary" }),
                       placeholder: n("filterStrip.searchFiltersPlaceholder"),
                       value: D,
-                      onChange: J,
+                      onChange: K,
                       className: "h-9 px-1 border-none shadow-none focus-visible:ring-0"
                     }
                   ) }),
-                  /* @__PURE__ */ e("div", { className: "mt-0", children: Z() })
+                  /* @__PURE__ */ e("div", { className: "mt-0", children: _() })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ e(M, { className: "my-2" }),
           /* @__PURE__ */ r("div", { className: "flex justify-end gap-2 px-3 pb-1", children: [
-            /* @__PURE__ */ e(Q, { variant: "secondary", onClick: W, children: n("prompt.cancel") }),
+            /* @__PURE__ */ e(Q, { variant: "secondary", onClick: X, children: n("prompt.cancel") }),
             /* @__PURE__ */ e(
               Q,
               {
                 variant: "default",
-                onClick: K,
+                onClick: W,
                 disabled: !F,
                 children: n("filterStrip.applyFilter")
               }