impact-nova 2.0.8 → 2.1.0-alpha.1

package/dist/components/ui/file-upload.js

@@ -1,298 +0,0 @@
-import { jsx as e, jsxs as c, Fragment as k } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as f } from "../../lib/utils.js";
-import { Cross as T, Eye as I, Delete as L, Document as B } from "impact-nova-icons";
-import { FileUpload as M, Text as A, Csv as E, Excel as O } from "./local-raster-icons/rasterIcons.js";
-import { Tooltip as U, TooltipTrigger as C, TooltipContent as D } from "./tooltip.js";
-import { useImpactNovaI18n as z } from "../../i18n/ImpactNovaI18nContext.js";
-const R = n.createContext(void 0), j = () => {
-  const a = n.useContext(R);
-  if (!a)
-    throw new Error("useFileUpload must be used within a FileUpload component");
-  return a;
-}, S = n.forwardRef(
-  ({
-    className: a,
-    children: t,
-    onFilesChange: l,
-    maxFiles: r = 1,
-    accept: d = [],
-    disabled: m = !1,
-    value: u = [],
-    ...p
-  }, b) => {
-    const [h, x] = n.useState(u);
-    n.useEffect(() => {
-      x(u);
-    }, [u]);
-    const g = (o) => {
-      if (m) return;
-      let s = o;
-      d.length > 0 && (s = s.filter((y) => {
-        const w = y.name.split(".").pop()?.toLowerCase();
-        return w && d.includes(w);
-      }));
-      const v = r - h.length;
-      if (v <= 0) return;
-      const F = s.slice(0, v);
-      if (F.length > 0) {
-        const y = [...h, ...F];
-        x(y), l?.(y);
-      }
-    }, N = (o) => {
-      if (m) return;
-      const s = h.filter((v) => v !== o);
-      x(s), l?.(s);
-    };
-    return /* @__PURE__ */ e(
-      R.Provider,
-      {
-        value: { files: h, addFiles: g, removeFile: N, maxFiles: r, accept: d, disabled: m },
-        children: /* @__PURE__ */ e(
-          "div",
-          {
-            ref: b,
-            className: f("w-full max-w-[550px]", a),
-            "data-component": "file-upload",
-            "data-disabled": m || void 0,
-            ...p,
-            children: t
-          }
-        )
-      }
-    );
-  }
-);
-S.displayName = "FileUpload";
-const P = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: r,
-    className: f(
-      "flex flex-col gap-4 p-4 min-h-[274px] bg-canvas-elevated rounded-2xl shadow-elevation-header",
-      a
-    ),
-    ...l,
-    children: t
-  }
-));
-P.displayName = "FileUploadContent";
-const H = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: r,
-    className: f("flex justify-between items-center w-full", a),
-    ...l,
-    children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-[2px] w-full", children: t })
-  }
-));
-H.displayName = "FileUploadHeader";
-const Z = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
-  "h3",
-  {
-    ref: r,
-    className: f("text-base font-extrabold text-content leading-6", a),
-    ...l,
-    children: t
-  }
-));
-Z.displayName = "FileUploadTitle";
-const $ = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
-  "p",
-  {
-    ref: r,
-    className: f(
-      "text-sm font-medium text-navigation-muted leading-5",
-      a
-    ),
-    ...l,
-    children: t
-  }
-));
-$.displayName = "FileUploadDescription";
-const G = n.forwardRef(({ className: a, ...t }, l) => {
-  const { t: r } = z(), d = r("aria.close");
-  return /* @__PURE__ */ c(U, { children: [
-    /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
-      "button",
-      {
-        ref: l,
-        className: f(
-          "text-content-tertiary hover:text-content transition-colors",
-          a
-        ),
-        type: "button",
-        "aria-label": d,
-        ...t,
-        children: /* @__PURE__ */ e(T, { size: 16 })
-      }
-    ) }),
-    /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: d })
-  ] });
-});
-G.displayName = "FileUploadClose";
-const K = n.forwardRef(({ className: a, label: t, subLabel: l, ...r }, d) => {
-  const { addFiles: m, accept: u, disabled: p, files: b, maxFiles: h } = j(), [x, g] = n.useState(!1), N = n.useRef(null);
-  if (b.length >= h)
-    return null;
-  const o = (i) => {
-    i.preventDefault(), p || g(!0);
-  }, s = (i) => {
-    i.preventDefault(), g(!1);
-  }, v = (i) => {
-    i.preventDefault(), g(!1), !p && i.dataTransfer.files?.length && m(Array.from(i.dataTransfer.files));
-  }, F = () => {
-    p || N.current?.click();
-  }, y = (i) => {
-    i.target.files?.length && (m(Array.from(i.target.files)), i.target.value = "");
-  }, w = u.length > 0 ? u.map((i) => `.${i}`).join(",") : void 0;
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      ref: d,
-      onClick: F,
-      onDragOver: o,
-      onDragLeave: s,
-      onDrop: v,
-      className: f(
-        "relative flex flex-col items-center justify-end p-4 pt-6 pb-6 gap-2 h-[148px] rounded-lg border border-dashed border-stroke-accent bg-transparent cursor-pointer transition-colors",
-        x && "border-brand bg-brand/5",
-        p && "opacity-50 cursor-not-allowed",
-        a
-      ),
-      "data-component": "file-upload-dropzone",
-      "data-state": x ? "drag-over" : "idle",
-      ...r,
-      children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            ref: N,
-            type: "file",
-            multiple: !0,
-            className: "hidden",
-            accept: w,
-            onChange: y,
-            disabled: p
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "absolute top-[24px] left-1/2 -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ e(M, { size: 56 }) }),
-        /* @__PURE__ */ c("div", { className: "text-center space-y-1 z-10 mt-auto", children: [
-          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-content leading-5", children: t || /* @__PURE__ */ c(k, { children: [
-            "Drag your files here or",
-            " ",
-            /* @__PURE__ */ e("span", { className: "text-brand text-sm font-medium hover:underline", children: "Choose File" })
-          ] }) }),
-          l && /* @__PURE__ */ e("p", { className: "text-xs font-medium text-navigation-muted", children: l })
-        ] })
-      ]
-    }
-  );
-});
-K.displayName = "FileUploadDropZone";
-const V = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e("div", { ref: r, className: f("flex flex-col gap-3", a), ...l, children: t }));
-V.displayName = "FileUploadList";
-const q = n.forwardRef(
-  ({ className: a, file: t, onRemove: l, onView: r, onClick: d, ...m }, u) => {
-    const { t: p } = z(), { removeFile: b, disabled: h } = j(), x = (o) => {
-      o.stopPropagation(), l ? l() : b(t);
-    }, g = (o) => {
-      if (o === 0) return "0 B";
-      const s = 1024, v = ["B", "KB", "MB", "GB"], F = Math.floor(Math.log(o) / Math.log(s));
-      return parseFloat((o / Math.pow(s, F)).toFixed(2)) + " " + v[F];
-    }, N = (o) => {
-      switch (o.split(".").pop()?.toLowerCase()) {
-        case "xls":
-        case "xlsx":
-          return /* @__PURE__ */ e(O, { size: 36 });
-        case "csv":
-          return /* @__PURE__ */ e(E, { size: 36 });
-        case "txt":
-          return /* @__PURE__ */ e(A, { size: 36 });
-        default:
-          return /* @__PURE__ */ e(B, { size: 36, className: "text-content-icon" });
-      }
-    };
-    return /* @__PURE__ */ e(
-      "div",
-      {
-        ref: u,
-        onClick: d,
-        className: f(
-          "flex flex-col justify-between items-stretch gap-2 p-4 border border-stroke-hairline rounded-xl bg-canvas-elevated",
-          d && "cursor-pointer",
-          a
-        ),
-        "data-component": "file-upload-item",
-        "data-file-name": t.name,
-        "data-file-size": t.size,
-        ...m,
-        children: /* @__PURE__ */ c("div", { className: "flex justify-between items-center gap-2 z-10", children: [
-          /* @__PURE__ */ c("div", { className: "flex gap-2 min-w-0", children: [
-            /* @__PURE__ */ e("div", { className: "w-9 h-9 shrink-0", children: N(t.name) }),
-            /* @__PURE__ */ c("div", { className: "flex flex-col justify-between gap-[2px] min-w-0", children: [
-              /* @__PURE__ */ c(U, { children: [
-                /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-xs font-bold text-content leading-[18px] line-clamp-1 break-all cursor-default", children: t.name }) }),
-                /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: t.name })
-              ] }),
-              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-content-muted leading-[16px]", children: g(t.size) })
-            ] })
-          ] }),
-          /* @__PURE__ */ c("div", { className: "flex items-center gap-4 shrink-0", children: [
-            r && /* @__PURE__ */ c(U, { children: [
-              /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: (o) => {
-                    o.stopPropagation(), r();
-                  },
-                  className: "flex items-center justify-center text-content-tertiary hover:text-content transition-colors",
-                  type: "button",
-                  "aria-label": "View file data",
-                  children: /* @__PURE__ */ e(I, { size: 18 })
-                }
-              ) }),
-              /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: "View" })
-            ] }),
-            !h && /* @__PURE__ */ c(U, { children: [
-              /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: x,
-                  className: "flex items-center justify-center text-content-tertiary hover:text-destructive transition-colors",
-                  type: "button",
-                  "aria-label": p("aria.removeFile"),
-                  children: /* @__PURE__ */ e(L, { size: 14 })
-                }
-              ) }),
-              /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: p("aria.removeFile") })
-            ] })
-          ] })
-        ] })
-      }
-    );
-  }
-);
-q.displayName = "FileUploadItem";
-const J = n.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: r,
-    className: f("flex items-center justify-end gap-4 mt-auto", a),
-    ...l,
-    children: t
-  }
-));
-J.displayName = "FileUploadFooter";
-export {
-  S as FileUpload,
-  G as FileUploadClose,
-  P as FileUploadContent,
-  $ as FileUploadDescription,
-  K as FileUploadDropZone,
-  J as FileUploadFooter,
-  H as FileUploadHeader,
-  q as FileUploadItem,
-  V as FileUploadList,
-  Z as FileUploadTitle
-};

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

@@ -1,7 +0,0 @@
-import { FilterPanelHeaderProps, FilterPanelProps, FilterPanelSidebarProps, FilterPanelBodyProps, FilterPanelFooterProps } from '../types/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 FilterPanelFooter: ({ children, className, leftAction, }: FilterPanelFooterProps) => import("react/jsx-runtime").JSX.Element;
-export { FilterPanel, FilterPanelHeader, FilterPanelSidebar, FilterPanelBody, FilterPanelFooter, };

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

@@ -1,221 +0,0 @@
-import { jsx as e, jsxs as a } 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 "../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 "../button.js";
-import { Tooltip as d, TooltipTrigger as h, TooltipContent as f } from "../tooltip.js";
-import { Kbd as P } from "../command-palette/kbd.js";
-import { useImpactNovaI18n as u } from "../../../i18n/ImpactNovaI18nContext.js";
-const I = ({
-  title: n,
-  children: r,
-  className: l
-}) => {
-  const { t: c } = u();
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-component": "filter-panel-header",
-      className: i(
-        "flex  shrink-0 flex-row items-center justify-between border-b px-4 py-[9px] bg-canvas-elevated",
-        l
-      ),
-      children: [
-        /* @__PURE__ */ a("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",
-              "aria-hidden": !0,
-              children: /* @__PURE__ */ e(k, { className: "size-5 shrink-0" })
-            }
-          ),
-          /* @__PURE__ */ e(y, { className: "text-lg font-bold text-content", children: n })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-          r,
-          /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
-            F,
-            {
-              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" })
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}, H = ({
-  open: n,
-  onOpenChange: r,
-  title: l = "Filter panel",
-  children: c,
-  header: s,
-  sidebar: t,
-  className: o,
-  preventClose: x = !1
-}) => /* @__PURE__ */ e(v, { open: n, onOpenChange: r, children: /* @__PURE__ */ a(
-  g,
-  {
-    side: "right",
-    className: i(
-      "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
-    ),
-    onInteractOutside: (p) => {
-      x && p.preventDefault();
-    },
-    onEscapeKeyDown: (p) => {
-      x && p.preventDefault();
-    },
-    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", children: [
-        s || /* @__PURE__ */ e(I, { title: l }),
-        /* @__PURE__ */ a("div", { className: "flex flex-1 overflow-hidden", children: [
-          t,
-          /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: c })
-        ] })
-      ] })
-    ]
-  }
-) }), M = ({
-  items: n,
-  activeTab: r,
-  onTabChange: l,
-  className: c
-}) => {
-  const { t: s } = u();
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-component": "filter-panel-sidebar",
-      className: i(
-        "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(
-            "button",
-            {
-              type: "button",
-              autoFocus: o,
-              onClick: () => l(t.id),
-              "data-component": "filter-panel-sidebar-item",
-              "data-active": o ? "true" : "false",
-              "data-tab": t.id,
-              "data-shortcut-id": t.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"
-              ),
-              children: [
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-                  /* @__PURE__ */ e(
-                    "span",
-                    {
-                      className: i(
-                        "shrink-0",
-                        o ? "text-brand" : "text-content-secondary"
-                      ),
-                      children: t.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__ */ e(
-                          P,
-                          {
-                            keybinding: t.tooltipKeybinding,
-                            size: "sm"
-                          }
-                        )
-                      ] }) : t.label })
-                    ] }),
-                    t.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-danger", children: "*" })
-                  ] })
-                ] }),
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
-                  t.count !== void 0 && t.count > 0 && /* @__PURE__ */ a(d, { children: [
-                    /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(
-                      "span",
-                      {
-                        className: i(
-                          "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"
-                        ),
-                        children: t.count
-                      }
-                    ) }),
-                    /* @__PURE__ */ e(f, { variant: "tertiary", side: "top", children: s(
-                      t.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
-                      { count: t.count }
-                    ) })
-                  ] }),
-                  t.hasError && /* @__PURE__ */ a(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") })
-                  ] }),
-                  t.hasWarning && /* @__PURE__ */ a(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") })
-                  ] }),
-                  t.hasInfo && /* @__PURE__ */ a(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") })
-                  ] })
-                ] })
-              ]
-            }
-          )
-        ] }, t.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(
-  "div",
-  {
-    "data-component": "filter-panel-footer",
-    className: i(
-      "flex items-center justify-between border-t bg-canvas-elevated px-4 py-3 shrink-0",
-      r
-    ),
-    children: [
-      /* @__PURE__ */ e("div", { children: l && l }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: n })
-    ]
-  }
-);
-export {
-  H as FilterPanel,
-  R as FilterPanelBody,
-  W as FilterPanelFooter,
-  I as FilterPanelHeader,
-  M as FilterPanelSidebar
-};

package/dist/components/ui/filter-panel/index.d.ts

@@ -1,2 +0,0 @@
-export * from './filter-panel';
-export * from '../types/filter-panel.types';

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

@@ -1,3 +0,0 @@
-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, allFiltersShortcutId, showAllFiltersButton, showSavedFilters, }: FilterStripProps) => import("react/jsx-runtime").JSX.Element;
-export { FilterStrip };

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

@@ -1,127 +0,0 @@
-import { jsx as e, jsxs as i, Fragment as L } from "react/jsx-runtime";
-import { ListFilter as A } from "impact-nova-icons";
-import { cn as l } from "../../../lib/utils.js";
-import { Button as B } from "../button.js";
-import { Skeleton as t } from "../skeleton.js";
-import { FilterSummary as C } from "./filter-summary.js";
-import { FilterTagList as K } from "./filter-tag-list.js";
-import { useImpactNovaI18n as M } from "../../../i18n/ImpactNovaI18nContext.js";
-const O = ({
-  filters: s,
-  onFilterRemove: n,
-  onAllFiltersClick: m,
-  savedFilters: o,
-  recentFilters: c,
-  onApplySavedFilter: p,
-  onSavedFilterSearch: h,
-  onSavedFiltersScroll: d,
-  onViewAll: f,
-  onOverflowClick: w,
-  selectedFilter: x,
-  onSelectedFilterChange: N,
-  onDropdownOpenChange: v,
-  isLoadingFilterPreferencesList: g,
-  isLoading: u,
-  onEditSavedFilter: k,
-  onDeleteSavedFilter: b,
-  onSetDefaultSavedFilter: F,
-  className: a,
-  allFiltersKeybinding: S,
-  allFiltersShortcutId: y,
-  showAllFiltersButton: j = !0,
-  showSavedFilters: I = !0
-}) => {
-  const { t: r } = M();
-  return u ? /* @__PURE__ */ e(
-    "div",
-    {
-      "data-component": "filter-strip",
-      "data-loading": "true",
-      className: l(
-        "flex w-full h-12 items-center gap-3 bg-canvas-elevated px-6 py-2",
-        a
-      ),
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          className: "flex items-center gap-2 flex-1 min-w-0",
-          "data-component": "filter-strip-loading",
-          children: [
-            /* @__PURE__ */ e("span", { className: "text-sm font-medium text-content-tertiary font-['Manrope'] shrink-0", children: r("filterStrip.filtersApplied") }),
-            /* @__PURE__ */ e(t, { className: "h-6 w-20 shrink-0" }),
-            /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-stroke-hairline shrink-0" }),
-            /* @__PURE__ */ i("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-              /* @__PURE__ */ e(t, { className: "h-6 w-32" }),
-              /* @__PURE__ */ e(t, { className: "h-6 w-28" }),
-              /* @__PURE__ */ e(t, { className: "h-6 w-24" }),
-              /* @__PURE__ */ e(t, { className: "h-6 w-36" }),
-              /* @__PURE__ */ e(t, { className: "h-6 w-20" }),
-              /* @__PURE__ */ e(t, { className: "h-6 w-30" })
-            ] }),
-            /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-stroke-hairline shrink-0" }),
-            /* @__PURE__ */ e(t, { className: "h-8 w-24 shrink-0" })
-          ]
-        }
-      )
-    }
-  ) : /* @__PURE__ */ i(
-    "div",
-    {
-      "data-component": "filter-strip",
-      className: l(
-        "flex w-full h-12 items-center gap-3 bg-canvas-elevated px-6 py-2 overflow-visible",
-        a
-      ),
-      children: [
-        I && /* @__PURE__ */ i(L, { children: [
-          /* @__PURE__ */ e(
-            C,
-            {
-              selectedFilter: x,
-              onSelectedFilterChange: N,
-              savedFilters: o,
-              recentFilters: c,
-              onApplySavedFilter: p,
-              onSavedFilterSearch: h,
-              onSavedFiltersScroll: d,
-              onDropdownOpenChange: v,
-              isLoadingFilterPreferencesList: g,
-              onEditSavedFilter: k,
-              onDeleteSavedFilter: b,
-              onSetDefaultSavedFilter: F
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-stroke-hairline mx-1 shrink-0" })
-        ] }),
-        /* @__PURE__ */ e(
-          K,
-          {
-            filters: s,
-            onFilterRemove: n,
-            onOverflowClick: w,
-            onViewAll: f
-          }
-        ),
-        j && /* @__PURE__ */ i(
-          B,
-          {
-            variant: "tertiary",
-            onClick: m,
-            "data-component": "filter-strip-all-filters",
-            "aria-label": r("filterStrip.allFilters"),
-            tooltipSide: "bottom",
-            tooltipKeybinding: S,
-            "data-shortcut-id": y,
-            children: [
-              /* @__PURE__ */ e(A, { className: "h-4 w-4" }),
-              r("filterStrip.allFilters")
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  O as FilterStrip
-};

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

@@ -1,18 +0,0 @@
-import { FilterItem, SavedFilterItem } from '../types/filter-strip.types';
-import * as React from "react";
-interface FilterSummaryProps {
-    selectedFilter?: string;
-    onSelectedFilterChange?: (label: string) => void;
-    savedFilters?: SavedFilterItem[];
-    recentFilters?: FilterItem[][];
-    onApplySavedFilter?: (filter: SavedFilterItem) => void;
-    onSavedFilterSearch?: (query: string, type?: "Global" | "Personal") => void;
-    onSavedFiltersScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
-    onDropdownOpenChange?: (isOpen: boolean) => void;
-    isLoadingFilterPreferencesList?: boolean;
-    onEditSavedFilter?: (filter: SavedFilterItem) => void;
-    onDeleteSavedFilter?: (filter: SavedFilterItem) => void;
-    onSetDefaultSavedFilter?: (filter: SavedFilterItem) => void;
-}
-declare const FilterSummary: ({ selectedFilter, onSelectedFilterChange, savedFilters, recentFilters, onApplySavedFilter, onSavedFilterSearch, onSavedFiltersScroll, onDropdownOpenChange, isLoadingFilterPreferencesList, onEditSavedFilter, onDeleteSavedFilter, onSetDefaultSavedFilter, }: FilterSummaryProps) => import("react/jsx-runtime").JSX.Element;
-export { FilterSummary };