impact-nova 0.1.0

package/dist/components/ui/nested-list/hooks/useNestedListState.js

@@ -0,0 +1,165 @@
+import { useState as o, useMemo as O, useCallback as y } from "react";
+function p(s) {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), u = [], d = (f, g) => {
+    f.forEach((r) => {
+      e.set(r.id, r), n.set(r.id, g), r.children && r.children.length > 0 ? (t.set(r.id, r.children.map((C) => C.id)), d(r.children, r.id)) : t.set(r.id, []), g === null && u.push(r.id);
+    });
+  };
+  return d(s, null), { byId: e, childrenById: t, parentById: n, rootIds: u };
+}
+function a(s) {
+  const e = (t) => {
+    const n = [];
+    for (const u of t) {
+      const d = s.byId.get(u);
+      if (!d) continue;
+      const f = s.childrenById.get(u) || [], g = f.length > 0 ? e(f) : void 0;
+      n.push({
+        ...d,
+        children: g
+      });
+    }
+    return n;
+  };
+  return e(s.rootIds);
+}
+function R(s, e, t) {
+  const n = s.byId.get(e);
+  if (!n) return s;
+  const u = new Map(s.byId);
+  return u.set(e, { ...n, ...t }), {
+    ...s,
+    byId: u
+  };
+}
+function S(s, e) {
+  return s.byId.get(e) || null;
+}
+function N(s, e) {
+  const t = [];
+  let n = s.parentById.get(e) || null;
+  for (; n !== null; )
+    t.push(n), n = s.parentById.get(n) || null;
+  return t;
+}
+function z(s, e) {
+  const t = [], n = (u) => {
+    (s.childrenById.get(u) || []).forEach((f) => {
+      t.push(f), n(f);
+    });
+  };
+  return n(e), t;
+}
+const st = ({
+  initialItems: s,
+  enableApplyDiscard: e,
+  enableNormalizedState: t = !1
+}) => {
+  const [n, u] = o(s), [d, f] = o(!1), g = O(() => ({
+    get current() {
+      return d;
+    },
+    set current(c) {
+      c !== d && queueMicrotask(() => f(c));
+    }
+  }), [d]), r = n !== s, [C, x] = o(s), [v, l] = o(s), [i, w] = o(
+    () => t ? p(s) : {
+      byId: /* @__PURE__ */ new Map(),
+      childrenById: /* @__PURE__ */ new Map(),
+      parentById: /* @__PURE__ */ new Map(),
+      rootIds: []
+    }
+  ), [k, E] = o(
+    () => t ? p(s) : {
+      byId: /* @__PURE__ */ new Map(),
+      childrenById: /* @__PURE__ */ new Map(),
+      parentById: /* @__PURE__ */ new Map(),
+      rootIds: []
+    }
+  ), [j, G] = o(""), [J, K] = o({}), [P, Q] = o(!1), [V, W] = o(null), [X, Y] = o(null), [Z, _] = o(
+    /* @__PURE__ */ new Set()
+  ), [$, m] = o(/* @__PURE__ */ new Set());
+  if (r && !d && (u(s), l(s), e && x(s), t)) {
+    const c = p(s);
+    w(c), e && E(c);
+  }
+  d && !r && f(!1);
+  const U = y((c) => t ? S(i, c) : null, [t, i]), L = y((c, h) => {
+    t && (w((I) => R(I, c, h)), l((I) => a(R(p(I), c, h))));
+  }, [t]), A = y((c) => t ? N(i, c) : [], [t, i]), F = y((c) => t ? z(i, c) : [], [t, i]), q = y((c) => {
+    t && (w((h) => {
+      const I = new Map(h.byId);
+      return c.forEach((T, B) => {
+        const M = I.get(B);
+        M && I.set(B, { ...M, ...T });
+      }), { ...h, byId: I };
+    }), l((h) => {
+      const I = p(h);
+      return c.forEach((T, B) => {
+        const M = I.byId.get(B);
+        M && I.byId.set(B, { ...M, ...T });
+      }), a(I);
+    }));
+  }, [t]), D = y(() => {
+    t && l(a(i));
+  }, [t, i]), H = y(() => {
+    t && w(p(v));
+  }, [t, v]), b = O(() => ({
+    findItemByIdFast: U,
+    updateItemFast: L,
+    getAncestors: A,
+    getDescendants: F,
+    batchUpdateItems: q,
+    syncToTreeState: D,
+    syncToNormalizedState: H,
+    isNormalized: t,
+    normalizedState: i,
+    setNormalizedState: w,
+    savedNormalizedState: k,
+    setSavedNormalizedState: E
+  }), [
+    U,
+    L,
+    A,
+    F,
+    q,
+    D,
+    H,
+    t,
+    i,
+    k
+  ]);
+  return {
+    // Standard state (backward compatible)
+    items: v,
+    setItems: l,
+    savedItems: C,
+    setSavedItems: x,
+    isUserChangeRef: g,
+    searchText: j,
+    setSearchText: G,
+    collapsedItems: J,
+    setCollapsedItems: K,
+    isListCollapsed: P,
+    setIsListCollapsed: Q,
+    activeId: V,
+    setActiveId: W,
+    overId: X,
+    setOverId: Y,
+    selectedCategories: Z,
+    setSelectedCategories: _,
+    itemsToBlink: $,
+    setItemsToBlink: m,
+    // Normalized state helpers (for optimized operations)
+    ...b
+  };
+};
+export {
+  a as denormalizeItems,
+  N as getAncestorIds,
+  z as getDescendantIds,
+  S as getItemById,
+  p as normalizeItems,
+  R as updateNormalizedItem,
+  st as useNestedListState
+};

package/dist/components/ui/nested-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './nested-list';
+export * from '../types/nested-list.types';

package/dist/components/ui/nested-list/index.js

@@ -0,0 +1,6 @@
+import { NestedList as t } from "./nested-list.js";
+import { SelectionMode as d } from "../types/nested-list.types.js";
+export {
+  t as NestedList,
+  d as SelectionMode
+};

package/dist/components/ui/nested-list/nested-list.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { NestedListProps } from '../types/nested-list.types';
+export declare const NestedList: React.FC<NestedListProps>;

package/dist/components/ui/nested-list/nested-list.js

@@ -0,0 +1,363 @@
+import { jsx as v, jsxs as ee } from "react/jsx-runtime";
+import te, { useMemo as A, useCallback as D } from "react";
+import { defaultDropAnimationSideEffects as Ue } from "@dnd-kit/core";
+import { SortableItem as _e } from "./components/SortableItem.js";
+import { SelectionMode as V } from "../types/nested-list.types.js";
+import { useNestedListDragDrop as He } from "./hooks/useNestedListDragDrop.js";
+import { useNestedListSelectAll as We } from "./hooks/useNestedListSelectAll.js";
+import { useNestedListState as je } from "./hooks/useNestedListState.js";
+import { useNestedListHandlers as Be } from "./hooks/useNestedListHandlers.js";
+import { NestedListHeader as Fe } from "./components/NestedListHeader.js";
+import { NestedListCategoryFilters as Je } from "./components/NestedListCategoryFilters.js";
+import { NestedListContent as qe } from "./components/NestedListContent.js";
+import { NestedListApplyDiscardButtons as Ke } from "./components/NestedListApplyDiscardButtons.js";
+import { cn as Qe } from "../../../lib/utils.js";
+const se = (i, t) => {
+  if (!t || typeof t != "string") return i;
+  const o = t.toLowerCase(), c = [];
+  return i.forEach((s) => {
+    const l = s.label.toLowerCase().includes(o), u = s.children ? se(s.children, t) : void 0;
+    (l || u && u.length > 0) && c.push({
+      ...s,
+      children: u || s.children
+    });
+  }), c;
+}, re = (i) => i.map((t) => {
+  if (t.children && t.children.length > 0) {
+    const o = re(t.children), c = o.every((s) => s.checked);
+    return {
+      ...t,
+      checked: c,
+      children: o
+    };
+  }
+  return t;
+}), Xe = (i, t) => {
+  const o = /* @__PURE__ */ new Set(), c = (s) => {
+    s.forEach((l) => {
+      const u = t ? t(l) : l.category;
+      u && o.add(u), l.children && c(l.children);
+    });
+  };
+  return c(i), Array.from(o).sort();
+}, ne = (i, t, o) => {
+  if (t.size === 0) return i;
+  const c = [];
+  return i.forEach((s) => {
+    const l = o ? o(s) : s.category, u = l && t.has(l), m = s.children ? ne(s.children, t, o) : void 0;
+    (u || m && m.length > 0) && c.push({
+      ...s,
+      children: m
+    });
+  }), c;
+}, le = (i, t, o, c = 0) => {
+  const s = [];
+  return i.forEach((l) => {
+    s.push({ item: l, level: c }), !t[l.id] && l.children && l.children.length > 0 && l.id !== o && s.push(
+      ...le(l.children, t, o, c + 1)
+    );
+  }), s;
+}, it = ({
+  items: i,
+  onChange: t,
+  onSubmit: o,
+  onCancel: c,
+  onItemToggle: s,
+  onDragEnd: l,
+  enableSearch: u = !0,
+  enableDragDrop: m = !0,
+  enableSelectAll: oe = !0,
+  enableGroupBy: k = !1,
+  getCategory: C,
+  searchPlaceholder: ce = "Search...",
+  className: ie = "",
+  groupLabel: de,
+  enableApplyDiscard: p = !1,
+  enableCollapse: y = !0,
+  submitButtonLabel: ae = "Apply",
+  cancelButtonLabel: he = "Reset",
+  selectionMode: N = V.CASCADE_DOWN
+}) => {
+  const {
+    items: a,
+    setItems: g,
+    savedItems: T,
+    setSavedItems: J,
+    isUserChangeRef: w,
+    searchText: x,
+    setSearchText: fe,
+    collapsedItems: R,
+    setCollapsedItems: ue,
+    isListCollapsed: U,
+    setIsListCollapsed: pe,
+    activeId: I,
+    setActiveId: _,
+    setOverId: H,
+    selectedCategories: z,
+    setSelectedCategories: me,
+    itemsToBlink: q,
+    setItemsToBlink: W,
+    // Normalized state helpers (for optimized operations)
+    isNormalized: Se,
+    normalizedState: Ce,
+    batchUpdateItems: Ne
+  } = je({
+    initialItems: i,
+    enableApplyDiscard: p,
+    // Enable normalized state for large datasets (can be made configurable via props)
+    enableNormalizedState: i.length > 1e3
+  }), [O, K] = te.useState(0), [P, ge] = te.useState(0), {
+    sensors: Ie,
+    handleDragEnd: ve,
+    isValidDrop: Q
+  } = He({
+    items: a,
+    onDragEnd: l
+  }), ke = A(
+    () => k ? Xe(a, C) : [],
+    [a, k, C]
+  ), S = A(() => {
+    let e = a;
+    return k && z.size > 0 && (e = ne(e, z, C)), x && (e = se(e, x)), e;
+  }, [a, x, k, z, C]), Ee = A(
+    () => le(S, R, I),
+    [S, R, I]
+  ), { allChecked: E, someChecked: Le } = A(() => {
+    let e = !0, r = !1;
+    const n = (f) => {
+      for (const h of f)
+        if (h.children && h.children.length > 0 ? n(h.children) : h.checked ? r = !0 : e = !1, r && !e) return;
+    };
+    return n(S), { allChecked: e && r, someChecked: r };
+  }, [S]), Ae = Le && !E, j = (e, r) => {
+    for (const n of e) {
+      if (n.id === r) return n;
+      if (n.children) {
+        const f = j(n.children, r);
+        if (f) return f;
+      }
+    }
+    return null;
+  }, De = {
+    sideEffects: Ue({
+      styles: {
+        active: {
+          opacity: "0.4"
+        }
+      }
+    })
+  }, Te = D(
+    (e, r) => {
+      if (N === V.INDEPENDENT)
+        return e;
+      const n = (h, d) => h.id === d ? !0 : h.children ? h.children.some(
+        (L) => n(L, d)
+      ) : !1, f = (h) => h.map((d) => {
+        if (d.id === r)
+          return d;
+        if (d.children && n(d, r)) {
+          const L = f(d.children);
+          let B;
+          return N === V.CASCADE_UP_DOWN ? B = L.some((F) => F.checked) : B = L.every((F) => F.checked), {
+            ...d,
+            checked: B,
+            children: L
+          };
+        }
+        return d;
+      });
+      return f(e);
+    },
+    [N]
+  ), X = (e) => {
+    const r = [];
+    return e.forEach((n) => {
+      n.children && n.children.length > 0 && (r.push(n.id), r.push(...X(n.children)));
+    }), r;
+  }, {
+    handleToggle: Y,
+    handleToggleCollapse: Z,
+    handleCollapseAll: we,
+    handleToggleCategory: xe
+  } = Be({
+    setItems: g,
+    findItemById: j,
+    updateParentsUpward: Te,
+    onChange: (e) => {
+      K((r) => r + 1), t(e);
+    },
+    onItemToggle: s,
+    getCategory: C,
+    setCollapsedItems: ue,
+    setIsListCollapsed: pe,
+    setSelectedCategories: me,
+    isUserChangeRef: w,
+    selectionMode: N,
+    // Pass normalized state helpers for optimized operations
+    isNormalized: Se,
+    normalizedState: Ce,
+    batchUpdateItems: Ne
+  }), {
+    collectVisibleItemIds: $,
+    findItemsNotSelected: M,
+    collectVisibleItemsForCallback: b,
+    updateVisibleItems: G
+  } = We({
+    findItemById: j,
+    getCategory: C
+  }), Re = D(() => {
+    w.current = !0, g((e) => {
+      const r = $(S), n = M(
+        S,
+        e,
+        r
+      );
+      if (n.size > 0) {
+        const d = new Set(n);
+        W(d), setTimeout(() => W(/* @__PURE__ */ new Set()), 600);
+      }
+      const f = G(
+        e,
+        r,
+        !E
+      ), h = N === V.INDEPENDENT ? f : re(f);
+      if (t(h), s) {
+        const d = b(
+          e,
+          r,
+          !E
+        );
+        s(d);
+      }
+      return h;
+    });
+  }, [
+    E,
+    t,
+    s,
+    S,
+    $,
+    M,
+    b,
+    G,
+    w,
+    g,
+    W,
+    N
+  ]), ze = D(
+    (e, r) => {
+      const n = I ? Q(I, e.id) : !1, f = q.has(e.id);
+      return /* @__PURE__ */ v(
+        _e,
+        {
+          item: e,
+          level: r,
+          isCollapsed: R[e.id] || !1,
+          onToggle: Y,
+          onToggleCollapse: Z,
+          isAnyDragging: I !== null,
+          isValidDrop: n,
+          enableDragDrop: m,
+          enableCollapse: y,
+          shouldBlink: f
+        },
+        e.id
+      );
+    },
+    [
+      R,
+      Y,
+      Z,
+      I,
+      Q,
+      m,
+      q,
+      y
+    ]
+  ), Oe = X(a).length > 0, Pe = A(() => p ? a.length > 1e3 ? O !== P : JSON.stringify(a) !== JSON.stringify(T) : !1, [p, a, T, O, P]), Ve = D(() => {
+    p && (J(a), ge(O), o?.(a));
+  }, [p, a, o, J, O]), ye = D(() => {
+    p && (g(T), K(P), c?.());
+  }, [p, T, c, g, P]);
+  return /* @__PURE__ */ ee(
+    "div",
+    {
+      className: Qe("flex flex-col", ie),
+      "data-testid": "nested-list-container",
+      children: [
+        /* @__PURE__ */ ee("div", { className: "flex-shrink-0", children: [
+          /* @__PURE__ */ v(
+            Fe,
+            {
+              hasItemsWithChildren: Oe,
+              isListCollapsed: U,
+              onCollapseAll: we,
+              enableSearch: u,
+              enableSelectAll: oe,
+              groupLabel: de,
+              allChecked: E,
+              isIndeterminate: Ae,
+              onSelectAll: Re,
+              searchText: x,
+              onSearchChange: (e) => {
+                fe(e.target.value);
+              },
+              searchPlaceholder: ce,
+              enableCollapse: y
+            }
+          ),
+          /* @__PURE__ */ v(
+            Je,
+            {
+              isListCollapsed: U,
+              enableGroupBy: k,
+              categories: ke,
+              selectedCategories: z,
+              onToggleCategory: xe
+            }
+          )
+        ] }),
+        /* @__PURE__ */ v("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ v(
+          qe,
+          {
+            isListCollapsed: U,
+            enableDragDrop: m,
+            sensors: Ie,
+            items: Ee,
+            renderItem: ze,
+            dropAnimationConfig: De,
+            onDragStart: (e) => {
+              _(e.active.id);
+            },
+            onDragOver: (e) => {
+              H(e.over?.id);
+            },
+            onDragEnd: (e) => {
+              _(null), H(null), w.current = !0, ve(e, (r) => {
+                const n = r(a);
+                g(n), t(n);
+              });
+            },
+            onDragCancel: () => {
+              _(null), H(null);
+            }
+          }
+        ) }),
+        /* @__PURE__ */ v(
+          Ke,
+          {
+            enableApplyDiscard: p,
+            hasChanges: Pe,
+            onDiscard: ye,
+            onApply: Ve,
+            cancelButtonLabel: he,
+            submitButtonLabel: ae
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  it as NestedList
+};

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

@@ -0,0 +1,3 @@
+export * from './notification-panel';
+export * from './notification-list';
+export * from './notification-item';

package/dist/components/ui/notification-panel/index.js

@@ -0,0 +1,20 @@
+import { NotificationPanel as o, NotificationPanelBody as n, NotificationPanelContent as e, NotificationPanelFooter as a, NotificationPanelHeader as c, useNotificationContext as f } from "./notification-panel.js";
+import { NotificationEmpty as m, NotificationGroup as r, NotificationList as I } from "./notification-list.js";
+import { NotificationItem as p, NotificationItemActions as P, NotificationItemContent as s, NotificationItemDescription as x, NotificationItemIcon as C, NotificationItemTitle as d } from "./notification-item.js";
+export {
+  m as NotificationEmpty,
+  r as NotificationGroup,
+  p as NotificationItem,
+  P as NotificationItemActions,
+  s as NotificationItemContent,
+  x as NotificationItemDescription,
+  C as NotificationItemIcon,
+  d as NotificationItemTitle,
+  I as NotificationList,
+  o as NotificationPanel,
+  n as NotificationPanelBody,
+  e as NotificationPanelContent,
+  a as NotificationPanelFooter,
+  c as NotificationPanelHeader,
+  f as useNotificationContext
+};

package/dist/components/ui/notification-panel/notification-item.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { NotificationItemProps } from '../types/notification-panel.types';
+export declare const NotificationItem: ({ children, className, read, selected, onSelect, selectable, ...props }: NotificationItemProps & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationItemIcon: ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationItemContent: ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationItemTitle: ({ className, children, ml, ...props }: React.HTMLAttributes<HTMLHeadingElement> & {
+    ml?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationItemDescription: ({ className, children, isTime, ...props }: React.HTMLAttributes<HTMLParagraphElement> & {
+    isTime?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationItemActions: ({ className, children, alwaysVisible, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    alwaysVisible?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/notification-panel/notification-item.js

@@ -0,0 +1,86 @@
+import { jsxs as f, jsx as n, Fragment as d } from "react/jsx-runtime";
+import m from "react";
+import { cn as a } from "../../../lib/utils.js";
+import { Checkbox as u } from "../checkbox.js";
+const y = ({
+  children: o,
+  className: t,
+  read: e,
+  selected: i,
+  onSelect: s,
+  selectable: r,
+  ...c
+}) => /* @__PURE__ */ f(
+  "div",
+  {
+    className: a(
+      "group relative flex w-full gap-2 p-3 items-start rounded-xl transition-all border-l-[3px] border-transparent",
+      "bg-[#f8f9fb]",
+      !e && "border-[#4259ee]",
+      i && "bg-[#eceefd]",
+      t
+    ),
+    ...c,
+    children: [
+      r && /* @__PURE__ */ n("div", { className: a(
+        "absolute left-3 top-3 z-10 flex h-[30px] w-[30px] items-center justify-center transition-all duration-200",
+        i ? "opacity-100 scale-100" : "opacity-0 scale-90 group-hover:opacity-100 group-hover:scale-100"
+      ), children: /* @__PURE__ */ n(
+        u,
+        {
+          checked: i,
+          onCheckedChange: s,
+          className: "translate-y-0"
+        }
+      ) }),
+      /* @__PURE__ */ n("div", { className: a(
+        "flex flex-1 min-w-0 gap-3",
+        r && "[&_[data-role=notification-icon]]:transition-opacity [&_[data-role=notification-icon]]:duration-200",
+        r && "group-hover:[&_[data-role=notification-icon]]:opacity-0",
+        r && i && "[&_[data-role=notification-icon]]:opacity-0"
+      ), children: o })
+    ]
+  }
+), v = ({ className: o, children: t, ...e }) => /* @__PURE__ */ n("div", { "data-role": "notification-icon", className: a("flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-full transition-opacity duration-200", o), ...e, children: t }), b = ({ className: o, children: t, ...e }) => /* @__PURE__ */ n("div", { className: a("flex flex-col flex-1 min-w-0 gap-1", o), ...e, children: t }), k = ({ className: o, children: t, ml: e, ...i }) => /* @__PURE__ */ n("h4", { className: a("text-sm font-bold text-[#0d152c] leading-snug break-words", e && "ml-2", o), ...i, children: t }), w = ({ className: o, children: t, isTime: e, ...i }) => {
+  const [s, r] = m.useState(!1), c = typeof t == "string" ? t : "", l = !e && c.length > 150;
+  return e ? /* @__PURE__ */ n("p", { className: a("text-xs text-[#5f6673] mt-0.5", o), ...i, children: t }) : /* @__PURE__ */ n("div", { className: a("text-sm font-medium text-[#394960] break-words leading-5", o), children: /* @__PURE__ */ f("p", { ...i, children: [
+    l && !s ? `${c.slice(0, 150)}` : t,
+    l && !s && /* @__PURE__ */ f(d, { children: [
+      "... ",
+      /* @__PURE__ */ n(
+        "span",
+        {
+          role: "button",
+          onClick: (p) => {
+            p.stopPropagation(), r(!0);
+          },
+          className: "text-[#4259ee] hover:underline cursor-pointer ml-1",
+          children: "Read More"
+        }
+      )
+    ] }),
+    l && s && /* @__PURE__ */ n(
+      "span",
+      {
+        role: "button",
+        onClick: (p) => {
+          p.stopPropagation(), r(!1);
+        },
+        className: "text-[#4259ee] hover:underline cursor-pointer ml-1",
+        children: "Show Less"
+      }
+    )
+  ] }) });
+}, I = ({ className: o, children: t, alwaysVisible: e = !0, ...i }) => /* @__PURE__ */ n("div", { className: a(
+  "flex items-center gap-1 shrink-0 ml-2 self-start transition-opacity focus-within:opacity-100",
+  !e && "opacity-0 group-hover:opacity-100",
+  o
+), ...i, children: t });
+export {
+  y as NotificationItem,
+  I as NotificationItemActions,
+  b as NotificationItemContent,
+  w as NotificationItemDescription,
+  v as NotificationItemIcon,
+  k as NotificationItemTitle
+};

package/dist/components/ui/notification-panel/notification-list.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { NotificationListProps, NotificationGroupProps } from '../types/notification-panel.types';
+export declare const NotificationEmpty: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationList: ({ children, className, onLoadMore, isLoading, hasMore, loader, emptyState }: NotificationListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationGroup: ({ label, children, className }: NotificationGroupProps) => import("react/jsx-runtime").JSX.Element;