@simplysm/solid 13.0.75 → 13.0.76

package/dist/components/feedback/busy/BusyProvider.d.ts

@@ -1,5 +1,29 @@
-import { type ParentComponent } from "solid-js";
-import { type BusyVariant } from "./BusyContext";
+import { type ParentComponent, type Accessor } from "solid-js";
+/**
+ * Busy overlay display type
+ * - `spinner`: Full-screen spinner
+ * - `bar`: Top progress bar
+ */
+export type BusyVariant = "spinner" | "bar";
+/**
+ * Busy overlay Context value
+ */
+export interface BusyContextValue {
+    /** Current display type */
+    variant: Accessor<BusyVariant>;
+    /** Show overlay (nestable calls, requires matching hide calls) */
+    show: (message?: string) => void;
+    /** Hide overlay (actually hides after all show calls have corresponding hide calls) */
+    hide: () => void;
+    /** Set progress bar progress (0-100, undefined for indeterminate) */
+    setProgress: (percent: number | undefined) => void;
+}
+/**
+ * Hook to access Busy overlay
+ *
+ * @throws Error if BusyProvider is not present
+ */
+export declare function useBusy(): BusyContextValue;
 /** BusyProvider configuration */
 export interface BusyProviderProps {
     /** Display style (default: `"spinner"`) */

package/dist/components/feedback/busy/BusyProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusyProvider.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\busy\\BusyProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAgB,MAAM,UAAU,CAAC;AAG9D,OAAO,EAAsC,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAKrF,iCAAiC;AACjC,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,iBAAiB,CA6C3D,CAAC"}
+{"version":3,"file":"BusyProvider.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\busy\\BusyProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAA2C,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIxG;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,KAAK,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,OAAO,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC/B,kEAAkE;IAClE,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,uFAAuF;IACvF,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,qEAAqE;IACrE,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACpD;AAKD;;;;GAIG;AACH,wBAAgB,OAAO,IAAI,gBAAgB,CAM1C;AAED,iCAAiC;AACjC,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,iBAAiB,CA6C3D,CAAC"}

package/dist/components/feedback/busy/BusyProvider.js

@@ -1,11 +1,16 @@
 import { createComponent as _$createComponent } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
-import { createSignal } from "solid-js";
+import { createSignal, createContext, useContext } from "solid-js";
 import { Portal } from "solid-js/web";
-import clsx from "clsx";
-import { BusyContext } from "./BusyContext.js";
 import { BusyContainer } from "./BusyContainer.js";
-const overlayClass = clsx("fixed left-0 top-0", "h-screen w-screen", "overflow-hidden");
+const BusyCtx = createContext();
+function useBusy() {
+  const context = useContext(BusyCtx);
+  if (!context) {
+    throw new Error("useBusy can only be used inside BusyProvider");
+  }
+  return context;
+}
 const BusyProvider = (props) => {
   const [busyCount, setBusyCount] = createSignal(0);
   const [message, setMessage] = createSignal();
@@ -31,7 +36,7 @@ const BusyProvider = (props) => {
     hide,
     setProgress: (percent) => setProgress(percent)
   };
-  return _$createComponent(BusyContext.Provider, {
+  return _$createComponent(BusyCtx.Provider, {
     value: contextValue,
     get children() {
       return [_$memo(() => props.children), _$createComponent(Portal, {
@@ -49,7 +54,7 @@ const BusyProvider = (props) => {
             get progressPercent() {
               return progress();
             },
-            "class": overlayClass,
+            "class": "fixed left-0 top-0 h-screen w-screen overflow-hidden",
             get style() {
               return {
                 "pointer-events": busyCount() > 0 ? "auto" : "none"
@@ -62,6 +67,7 @@ const BusyProvider = (props) => {
   });
 };
 export {
-  BusyProvider
+  BusyProvider,
+  useBusy
 };
 //# sourceMappingURL=BusyProvider.js.map

package/dist/components/feedback/busy/BusyProvider.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/feedback/busy/BusyProvider.tsx"],
-  "mappings": ";;AAAA,SAA+BA,oBAAoB;AACnD,SAASC,cAAc;AACvB,OAAOC,UAAU;AACjB,SAASC,mBAA4D;AACrE,SAASC,qBAAqB;AAE9B,MAAMC,eAAeH,KAAK,sBAAsB,qBAAqB,iBAAiB;AAgB/E,MAAMI,eAAoDC,WAAU;AACzE,QAAM,CAACC,WAAWC,YAAY,IAAIT,aAAa,CAAC;AAChD,QAAM,CAACU,SAASC,UAAU,IAAIX,aAAiC;AAC/D,QAAM,CAACY,UAAUC,WAAW,IAAIb,aAAiC;AAEjE,QAAMc,UAAUA,MAAmBP,MAAMO,WAAW;AAEpD,QAAMC,OAAQC,SAAuB;AACnCP,iBAAcQ,OAAMA,IAAI,CAAC;AACzB,QAAID,QAAQE,QAAW;AACrBP,iBAAWK,GAAG;IAChB;EACF;AAEA,QAAMG,OAAOA,MAAY;AACvB,UAAMC,WAAWC,KAAKC,IAAI,GAAGd,UAAU,IAAI,CAAC;AAC5CC,iBAAaW,QAAQ;AACrB,QAAIA,YAAY,GAAG;AACjBT,iBAAWO,MAAS;AACpBL,kBAAYK,MAAS;IACvB;EACF;AAEA,QAAMK,eAAiC;IACrCT;IACAC;IACAI;IACAN,aAAcW,aAAgCX,YAAYW,OAAO;EACnE;AAEA,SAAAC,kBACGtB,YAAYuB,UAAQ;IAACC,OAAOJ;IAAY,IAAAK,WAAA;AAAA,aAAA,CAAAC,OAAA,MACtCtB,MAAMqB,QAAQ,GAAAH,kBACdxB,QAAM;QAAA,IAAA2B,WAAA;AAAA,iBAAAH,kBACJrB,eAAa;YAAA,IACZ0B,OAAI;AAAA,qBAAEtB,UAAU,IAAI;YAAC;YAAA,IACrBM,UAAO;AAAA,qBAAEA,QAAQ;YAAC;YAAA,IAClBJ,UAAO;AAAA,qBAAEA,QAAQ;YAAC;YAAA,IAClBqB,kBAAe;AAAA,qBAAEnB,SAAS;YAAC;YAAA,SACpBP;YAAY,IACnB2B,QAAK;AAAA,qBAAE;gBAAE,kBAAkBxB,UAAU,IAAI,IAAI,SAAS;cAAO;YAAC;UAAA,CAAA;QAAA;MAAA,CAAA,CAAA;IAAA;EAAA,CAAA;AAKxE;",
-  "names": ["createSignal", "Portal", "clsx", "BusyContext", "BusyContainer", "overlayClass", "BusyProvider", "props", "busyCount", "setBusyCount", "message", "setMessage", "progress", "setProgress", "variant", "show", "msg", "c", "undefined", "hide", "newCount", "Math", "max", "contextValue", "percent", "_$createComponent", "Provider", "value", "children", "_$memo", "busy", "progressPercent", "style"]
+  "mappings": ";;AAAA,SAA+BA,cAAcC,eAAeC,kBAAiC;AAC7F,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAwB9B,MAAMC,UAAUJ,cAAgC;AAOzC,SAASK,UAA4B;AAC1C,QAAMC,UAAUL,WAAWG,OAAO;AAClC,MAAI,CAACE,SAAS;AACZ,UAAM,IAAIC,MAAM,8CAA8C;EAChE;AACA,SAAOD;AACT;AAgBO,MAAME,eAAoDC,WAAU;AACzE,QAAM,CAACC,WAAWC,YAAY,IAAIZ,aAAa,CAAC;AAChD,QAAM,CAACa,SAASC,UAAU,IAAId,aAAiC;AAC/D,QAAM,CAACe,UAAUC,WAAW,IAAIhB,aAAiC;AAEjE,QAAMiB,UAAUA,MAAmBP,MAAMO,WAAW;AAEpD,QAAMC,OAAQC,SAAuB;AACnCP,iBAAcQ,OAAMA,IAAI,CAAC;AACzB,QAAID,QAAQE,QAAW;AACrBP,iBAAWK,GAAG;IAChB;EACF;AAEA,QAAMG,OAAOA,MAAY;AACvB,UAAMC,WAAWC,KAAKC,IAAI,GAAGd,UAAU,IAAI,CAAC;AAC5CC,iBAAaW,QAAQ;AACrB,QAAIA,YAAY,GAAG;AACjBT,iBAAWO,MAAS;AACpBL,kBAAYK,MAAS;IACvB;EACF;AAEA,QAAMK,eAAiC;IACrCT;IACAC;IACAI;IACAN,aAAcW,aAAgCX,YAAYW,OAAO;EACnE;AAEA,SAAAC,kBACGvB,QAAQwB,UAAQ;IAACC,OAAOJ;IAAY,IAAAK,WAAA;AAAA,aAAA,CAAAC,OAAA,MAClCtB,MAAMqB,QAAQ,GAAAH,kBACdzB,QAAM;QAAA,IAAA4B,WAAA;AAAA,iBAAAH,kBACJxB,eAAa;YAAA,IACZ6B,OAAI;AAAA,qBAAEtB,UAAU,IAAI;YAAC;YAAA,IACrBM,UAAO;AAAA,qBAAEA,QAAQ;YAAC;YAAA,IAClBJ,UAAO;AAAA,qBAAEA,QAAQ;YAAC;YAAA,IAClBqB,kBAAe;AAAA,qBAAEnB,SAAS;YAAC;YAAA,SAAA;YAAA,IAE3BoB,QAAK;AAAA,qBAAE;gBAAE,kBAAkBxB,UAAU,IAAI,IAAI,SAAS;cAAO;YAAC;UAAA,CAAA;QAAA;MAAA,CAAA,CAAA;IAAA;EAAA,CAAA;AAKxE;",
+  "names": ["createSignal", "createContext", "useContext", "Portal", "BusyContainer", "BusyCtx", "useBusy", "context", "Error", "BusyProvider", "props", "busyCount", "setBusyCount", "message", "setMessage", "progress", "setProgress", "variant", "show", "msg", "c", "undefined", "hide", "newCount", "Math", "max", "contextValue", "percent", "_$createComponent", "Provider", "value", "children", "_$memo", "busy", "progressPercent", "style"]
 }

package/dist/components/feedback/notification/NotificationBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBanner.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\notification\\NotificationBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,UAAU,CAAC;AAuChD,eAAO,MAAM,kBAAkB,EAAE,SAiDhC,CAAC"}
+{"version":3,"file":"NotificationBanner.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\notification\\NotificationBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,UAAU,CAAC;AAiBhD,eAAO,MAAM,kBAAkB,EAAE,SAoDhC,CAAC"}

package/dist/components/feedback/notification/NotificationBanner.js

@@ -1,31 +1,26 @@
 import { template as _$template } from "solid-js/web";
 import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
 import { setAttribute as _$setAttribute } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
-import { className as _$className } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<pre>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div data-notification-banner role=alert><div><span class=font-bold></span></div><div><button type=button>`);
+var _tmpl$ = /* @__PURE__ */ _$template(`<pre class="overflow-auto opacity-90">`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button class="rounded bg-white/20 px-3 py-1 hover:bg-white/30">`), _tmpl$3 = /* @__PURE__ */ _$template(`<div data-notification-banner role=alert><div><span class=font-bold></span></div><div><button type=button class="rounded p-1 hover:bg-white/20">`);
 import { Show } from "solid-js";
 import { Portal } from "solid-js/web";
 import clsx from "clsx";
 import { IconX } from "@tabler/icons-solidjs";
-import { useNotification } from "./NotificationContext.js";
-import { useI18n } from "../../../providers/i18n/I18nContext.js";
+import { useNotification } from "./NotificationProvider.js";
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
 import { Icon } from "../../display/Icon.js";
-import { themeTokens } from "../../../styles/tokens.styles.js";
-const baseClass = clsx("fixed", "top-8", "right-4", "z-notification", "flex", "items-start", "gap-4", "px-3", "py-2", "text-white", "shadow-lg", "dark:shadow-black/30", "rounded-lg", "max-w-[calc(100vw-2rem)]");
+import { themeTokens } from "../../../styles/theme.styles.js";
+import { gap } from "../../../styles/control.styles.js";
 const themeClasses = {
   info: themeTokens.info.solid,
   success: themeTokens.success.solid,
   warning: themeTokens.warning.solid,
   danger: themeTokens.danger.solid
 };
-const contentClass = clsx("flex flex-col", "gap-0.5", "min-w-0");
-const messageClass = clsx("opacity-90", "overflow-auto");
-const actionsClass = clsx("flex items-center", "gap-2", "shrink-0");
-const actionButtonClass = clsx("rounded", "bg-white/20", "px-3 py-1", "hover:bg-white/30");
-const dismissButtonClass = clsx("rounded", "p-1", "hover:bg-white/20");
 const NotificationBanner = () => {
   const notification = useNotification();
   const i18n = useI18n();
@@ -44,7 +39,6 @@ const NotificationBanner = () => {
     children: (item) => _$createComponent(Portal, {
       get children() {
         var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$2.nextSibling, _el$7 = _el$5.firstChild;
-        _$className(_el$2, contentClass);
         _$insert(_el$3, () => item().title);
         _$insert(_el$2, _$createComponent(Show, {
           get when() {
@@ -52,12 +46,10 @@ const NotificationBanner = () => {
           },
           get children() {
             var _el$4 = _tmpl$();
-            _$className(_el$4, messageClass);
             _$insert(_el$4, () => item().message);
             return _el$4;
           }
         }), null);
-        _$className(_el$5, actionsClass);
         _$insert(_el$5, _$createComponent(Show, {
           get when() {
             return item().action;
@@ -65,27 +57,29 @@ const NotificationBanner = () => {
           get children() {
             var _el$6 = _tmpl$2();
             _el$6.$$click = handleAction;
-            _$className(_el$6, actionButtonClass);
             _$insert(_el$6, () => item().action.label);
             return _el$6;
           }
         }), _el$7);
         _el$7.$$click = handleDismiss;
-        _$className(_el$7, dismissButtonClass);
         _$insert(_el$7, _$createComponent(Icon, {
           icon: IconX,
           size: "1.25em"
         }));
         _$effect((_p$) => {
-          var _v$ = item().theme, _v$2 = clsx(baseClass, themeClasses[item().theme]), _v$3 = i18n.t("notification.close");
+          var _v$ = item().theme, _v$2 = clsx("fixed right-4 top-8 z-notification flex max-w-[calc(100vw-2rem)] items-start gap-4 rounded-lg px-3 py-2 text-white shadow-lg dark:shadow-black/30", themeClasses[item().theme]), _v$3 = clsx("flex flex-col", gap.sm, "min-w-0"), _v$4 = clsx("flex items-center", gap.xl, "shrink-0"), _v$5 = i18n.t("notification.close");
           _v$ !== _p$.e && _$setAttribute(_el$, "data-theme", _p$.e = _v$);
           _v$2 !== _p$.t && _$className(_el$, _p$.t = _v$2);
-          _v$3 !== _p$.a && _$setAttribute(_el$7, "aria-label", _p$.a = _v$3);
+          _v$3 !== _p$.a && _$className(_el$2, _p$.a = _v$3);
+          _v$4 !== _p$.o && _$className(_el$5, _p$.o = _v$4);
+          _v$5 !== _p$.i && _$setAttribute(_el$7, "aria-label", _p$.i = _v$5);
           return _p$;
         }, {
           e: void 0,
           t: void 0,
-          a: void 0
+          a: void 0,
+          o: void 0,
+          i: void 0
         });
         return _el$;
       }

package/dist/components/feedback/notification/NotificationBanner.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/feedback/notification/NotificationBanner.tsx"],
-  "mappings": "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",
-  "names": ["Show", "Portal", "clsx", "IconX", "useNotification", "useI18n", "Icon", "themeTokens", "baseClass", "themeClasses", "info", "solid", "success", "warning", "danger", "contentClass", "messageClass", "actionsClass", "actionButtonClass", "dismissButtonClass", "NotificationBanner", "notification", "i18n", "handleDismiss", "dismissBanner", "handleAction", "latest", "latestUnread", "action", "onClick", "_$createComponent", "when", "children", "item", "_el$", "_tmpl$3", "_el$2", "firstChild", "_el$3", "_el$5", "nextSibling", "_el$7", "_$className", "_$insert", "title", "message", "_el$4", "_tmpl$", "_el$6", "_tmpl$2", "$$click", "label", "icon", "size", "_$effect", "_p$", "_v$", "theme", "_v$2", "_v$3", "t", "e", "_$setAttribute", "a", "undefined", "_$delegateEvents"]
+  "mappings": ";;;;;;;;AAAA,SAAyBA,YAAY;AACrC,SAASC,cAAc;AACvB,OAAOC,UAAU;AACjB,SAASC,aAAa;AACtB,SAASC,uBAAuB;AAChC,SAASC,eAAe;AACxB,SAASC,YAAY;AACrB,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AAEpB,MAAMC,eAAuC;EAC3CC,MAAMH,YAAYG,KAAKC;EACvBC,SAASL,YAAYK,QAAQD;EAC7BE,SAASN,YAAYM,QAAQF;EAC7BG,QAAQP,YAAYO,OAAOH;AAC7B;AAEO,MAAMI,qBAAgCA,MAAM;AACjD,QAAMC,eAAeZ,gBAAgB;AACrC,QAAMa,OAAOZ,QAAQ;AAErB,QAAMa,gBAAgBA,MAAM;AAC1BF,iBAAaG,cAAc;EAC7B;AAEA,QAAMC,eAAeA,MAAM;;AACzB,UAAMC,SAASL,aAAaM,aAAa;AACzCD,2CAAQE,WAARF,mBAAgBG;EAClB;AAEA,SAAAC,kBACGzB,MAAI;IAAA,IAAC0B,OAAI;AAAA,aAAEV,aAAaM,aAAa;IAAC;IAAAK,UACnCC,UAAIH,kBACHxB,QAAM;MAAA,IAAA0B,WAAA;AAAA,YAAAE,OAAAC,QAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAH,MAAAI,aAAAC,QAAAF,MAAAF;AAAAK,iBAAAJ,OAAA,MAWwBL,KAAK,EAAEU,KAAK;AAAAD,iBAAAN,OAAAN,kBACpCzB,MAAI;UAAA,IAAC0B,OAAI;AAAA,mBAAEE,KAAK,EAAEW;UAAO;UAAA,IAAAZ,WAAA;AAAA,gBAAAa,QAAAC,OAAA;AAAAJ,qBAAAG,OAAA,MACeZ,KAAK,EAAEW,OAAO;AAAA,mBAAAC;UAAA;QAAA,CAAA,GAAA,IAAA;AAAAH,iBAAAH,OAAAT,kBAItDzB,MAAI;UAAA,IAAC0B,OAAI;AAAA,mBAAEE,KAAK,EAAEL;UAAM;UAAA,IAAAI,WAAA;AAAA,gBAAAe,QAAAC,QAAA;AAAAD,kBAAAE,UACgExB;AAAYiB,qBAAAK,OAAA,MAChGd,KAAK,EAAEL,OAAQsB,KAAK;AAAA,mBAAAH;UAAA;QAAA,CAAA,GAAAN,KAAA;AAAAA,cAAAQ,UAOd1B;AAAamB,iBAAAD,OAAAX,kBAErBnB,MAAI;UAACwC,MAAM3C;UAAO4C,MAAI;QAAA,CAAA,CAAA;AAAAC,iBAAAC,SAAA;AAAA,cAAAC,MAzBftB,KAAK,EAAEuB,OAAKC,OAEjBlD,KACL,qJACAO,aAAamB,KAAK,EAAEuB,KAAK,CAC3B,GAACE,OAEWnD,KAAK,iBAAiBM,IAAI8C,IAAI,SAAS,GAACC,OAMxCrD,KAAK,qBAAqBM,IAAIgD,IAAI,UAAU,GAACC,OAQzCxC,KAAKyC,EAAE,oBAAoB;AAACR,kBAAAD,IAAAU,KAAAC,eAAA/B,MAAA,cAAAoB,IAAAU,IAAAT,GAAA;AAAAE,mBAAAH,IAAAS,KAAAG,YAAAhC,MAAAoB,IAAAS,IAAAN,IAAA;AAAAC,mBAAAJ,IAAAa,KAAAD,YAAA9B,OAAAkB,IAAAa,IAAAT,IAAA;AAAAE,mBAAAN,IAAAc,KAAAF,YAAA3B,OAAAe,IAAAc,IAAAR,IAAA;AAAAE,mBAAAR,IAAAe,KAAAJ,eAAAxB,OAAA,cAAAa,IAAAe,IAAAP,IAAA;AAAA,iBAAAR;QAAA,GAAA;UAAAU,GAAAM;UAAAP,GAAAO;UAAAH,GAAAG;UAAAF,GAAAE;UAAAD,GAAAC;QAAA,CAAA;AAAA,eAAApC;MAAA;IAAA,CAAA;EASjD,CAAA;AAGP;AAAEqC,iBAAA,CAAA,OAAA,CAAA;",
+  "names": ["Show", "Portal", "clsx", "IconX", "useNotification", "useI18n", "Icon", "themeTokens", "gap", "themeClasses", "info", "solid", "success", "warning", "danger", "NotificationBanner", "notification", "i18n", "handleDismiss", "dismissBanner", "handleAction", "latest", "latestUnread", "action", "onClick", "_$createComponent", "when", "children", "item", "_el$", "_tmpl$3", "_el$2", "firstChild", "_el$3", "_el$5", "nextSibling", "_el$7", "_$insert", "title", "message", "_el$4", "_tmpl$", "_el$6", "_tmpl$2", "$$click", "label", "icon", "size", "_$effect", "_p$", "_v$", "theme", "_v$2", "_v$3", "sm", "_v$4", "xl", "_v$5", "t", "e", "_$setAttribute", "_$className", "a", "o", "i", "undefined", "_$delegateEvents"]
 }

package/dist/components/feedback/notification/NotificationBell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBell.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\notification\\NotificationBell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2B,MAAM,UAAU,CAAC;AAWnE,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAwCD,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAgF7D,CAAC"}
+{"version":3,"file":"NotificationBell.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\notification\\NotificationBell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2B,MAAM,UAAU,CAAC;AAYnE,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AASD,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAiF7D,CAAC"}

package/dist/components/feedback/notification/NotificationBell.js

@@ -1,36 +1,27 @@
 import { template as _$template } from "solid-js/web";
 import { delegateEvents as _$delegateEvents } from "solid-js/web";
-import { setAttribute as _$setAttribute } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
-import { className as _$className } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<span data-notification-badge aria-hidden=true>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button data-notification-bell aria-haspopup=true>`), _tmpl$3 = /* @__PURE__ */ _$template(`<button type=button data-notification-clear>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`), _tmpl$5 = /* @__PURE__ */ _$template(`<div class="w-80 p-2"><div><span class=font-bold>`), _tmpl$6 = /* @__PURE__ */ _$template(`<pre>`), _tmpl$7 = /* @__PURE__ */ _$template(`<div><div class=font-medium></div><div>`);
+var _tmpl$ = /* @__PURE__ */ _$template(`<span data-notification-badge aria-hidden=true class="absolute right-0 top-0 flex size-5 items-center justify-center rounded-full bg-danger-500 px-1 text-xs font-bold text-white">`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button data-notification-clear>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div class="w-80 p-2"><div class="mb-2 flex items-center justify-between px-2"><span class=font-bold>`), _tmpl$5 = /* @__PURE__ */ _$template(`<pre>`), _tmpl$6 = /* @__PURE__ */ _$template(`<div><div class=font-medium></div><div>`);
 import { createSignal, For, Show } from "solid-js";
 import { IconBell } from "@tabler/icons-solidjs";
 import clsx from "clsx";
-import { twMerge } from "tailwind-merge";
-import { useNotification } from "./NotificationContext.js";
+import { useNotification } from "./NotificationProvider.js";
 import { Dropdown } from "../../disclosure/Dropdown.js";
 import { Icon } from "../../display/Icon.js";
 import { NotificationBanner } from "./NotificationBanner.js";
-import { iconButtonBase } from "../../../styles/patterns.styles.js";
-import { useI18n } from "../../../providers/i18n/I18nContext.js";
-const buttonClass = twMerge(iconButtonBase, "relative", "p-2", "rounded-full");
-const badgeClass = clsx("absolute", "top-0", "right-0", "flex", "items-center", "justify-center", "w-5", "h-5", "px-1", "text-xs", "font-bold", "text-white", "bg-danger-500", "rounded-full");
+import { text } from "../../../styles/base.styles.js";
+import { gap } from "../../../styles/control.styles.js";
+import { Button } from "../../form-control/Button.js";
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
 const themeStyles = {
   info: clsx("border-l-info-500", "bg-info-50", "dark:bg-info-900/10"),
   success: clsx("border-l-success-500", "bg-success-50", "dark:bg-success-900/10"),
   warning: clsx("border-l-warning-500", "bg-warning-50", "dark:bg-warning-900/10"),
   danger: clsx("border-l-danger-500", "bg-danger-50", "dark:bg-danger-900/10")
 };
-const dropdownHeaderClass = clsx("mb-2 flex items-center", "justify-between", "px-2");
-const clearButtonClass = clsx("text-sm", "text-base-500 hover:text-base-700", "dark:text-base-400 dark:hover:text-base-300");
-const emptyClass = clsx("py-8 text-center", "text-base-500 dark:text-base-400");
-const listClass = clsx("flex flex-col", "gap-2");
-const itemBaseClass = clsx("rounded-lg", "border-l-4", "p-2");
-const itemMessageClass = clsx("text-sm", "text-base-600 dark:text-base-400");
-const itemTimeClass = clsx("mt-1 text-xs", "text-base-400");
 const NotificationBell = (props) => {
   const notification = useNotification();
   const i18n = useI18n();
@@ -61,95 +52,102 @@ const NotificationBell = (props) => {
     get children() {
       return [_$createComponent(Dropdown.Trigger, {
         get children() {
-          var _el$ = _tmpl$2();
-          _$className(_el$, buttonClass);
-          _$insert(_el$, _$createComponent(Icon, {
-            icon: IconBell
-          }), null);
-          _$insert(_el$, _$createComponent(Show, {
-            get when() {
-              return notification.unreadCount() > 0;
+          return _$createComponent(Button, {
+            variant: "ghost",
+            size: "xs",
+            "data-notification-bell": true,
+            "class": "relative rounded-full p-2",
+            get ["aria-label"]() {
+              return i18n.t("notificationBell.unreadCount", {
+                count: String(notification.unreadCount())
+              });
+            },
+            "aria-haspopup": "true",
+            get ["aria-expanded"]() {
+              return open();
             },
             get children() {
-              var _el$2 = _tmpl$();
-              _$className(_el$2, badgeClass);
-              _$insert(_el$2, () => notification.unreadCount());
-              return _el$2;
+              return [_$createComponent(Icon, {
+                icon: IconBell
+              }), _$createComponent(Show, {
+                get when() {
+                  return notification.unreadCount() > 0;
+                },
+                get children() {
+                  var _el$ = _tmpl$();
+                  _$insert(_el$, () => notification.unreadCount());
+                  return _el$;
+                }
+              })];
             }
-          }), null);
-          _$effect((_p$) => {
-            var _v$ = i18n.t("notificationBell.unreadCount", {
-              count: String(notification.unreadCount())
-            }), _v$2 = open();
-            _v$ !== _p$.e && _$setAttribute(_el$, "aria-label", _p$.e = _v$);
-            _v$2 !== _p$.t && _$setAttribute(_el$, "aria-expanded", _p$.t = _v$2);
-            return _p$;
-          }, {
-            e: void 0,
-            t: void 0
           });
-          return _el$;
         }
       }), _$createComponent(Dropdown.Content, {
         get children() {
-          var _el$3 = _tmpl$5(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
-          _$className(_el$4, dropdownHeaderClass);
-          _$insert(_el$5, () => i18n.t("notificationBell.notifications"));
-          _$insert(_el$4, _$createComponent(Show, {
+          var _el$2 = _tmpl$4(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
+          _$insert(_el$4, () => i18n.t("notificationBell.notifications"));
+          _$insert(_el$3, _$createComponent(Show, {
             get when() {
               return notification.items().length > 0;
             },
             get children() {
-              var _el$6 = _tmpl$3();
-              _el$6.$$click = handleClear;
-              _$className(_el$6, clearButtonClass);
-              _$insert(_el$6, () => i18n.t("notificationBell.clearAll"));
-              return _el$6;
+              var _el$5 = _tmpl$2();
+              _el$5.$$click = handleClear;
+              _$insert(_el$5, () => i18n.t("notificationBell.clearAll"));
+              _$effect(() => _$className(_el$5, clsx("text-sm", text.muted, "hover:text-base-700 dark:hover:text-base-300")));
+              return _el$5;
             }
           }), null);
-          _$insert(_el$3, _$createComponent(Show, {
+          _$insert(_el$2, _$createComponent(Show, {
             get when() {
               return notification.items().length > 0;
             },
             get fallback() {
               return (() => {
-                var _el$8 = _tmpl$4();
-                _$className(_el$8, emptyClass);
-                _$insert(_el$8, () => i18n.t("notificationBell.noNotifications"));
-                return _el$8;
+                var _el$7 = _tmpl$3();
+                _$insert(_el$7, () => i18n.t("notificationBell.noNotifications"));
+                _$effect(() => _$className(_el$7, clsx("py-8 text-center", text.muted)));
+                return _el$7;
               })();
             },
             get children() {
-              var _el$7 = _tmpl$4();
-              _$className(_el$7, listClass);
-              _$insert(_el$7, _$createComponent(For, {
+              var _el$6 = _tmpl$3();
+              _$insert(_el$6, _$createComponent(For, {
                 get each() {
                   return [...notification.items()].reverse();
                 },
                 children: (item) => (() => {
-                  var _el$9 = _tmpl$7(), _el$0 = _el$9.firstChild, _el$10 = _el$0.nextSibling;
-                  _$insert(_el$0, () => item.title);
-                  _$insert(_el$9, _$createComponent(Show, {
+                  var _el$8 = _tmpl$6(), _el$9 = _el$8.firstChild, _el$1 = _el$9.nextSibling;
+                  _$insert(_el$9, () => item.title);
+                  _$insert(_el$8, _$createComponent(Show, {
                     get when() {
                       return item.message;
                     },
                     get children() {
-                      var _el$1 = _tmpl$6();
-                      _$className(_el$1, itemMessageClass);
-                      _$insert(_el$1, () => item.message);
-                      return _el$1;
+                      var _el$0 = _tmpl$5();
+                      _$insert(_el$0, () => item.message);
+                      _$effect(() => _$className(_el$0, clsx("text-sm", text.muted)));
+                      return _el$0;
                     }
-                  }), _el$10);
-                  _$className(_el$10, itemTimeClass);
-                  _$insert(_el$10, () => item.createdAt.toLocaleTimeString());
-                  _$effect(() => _$className(_el$9, clsx(itemBaseClass, themeStyles[item.theme])));
-                  return _el$9;
+                  }), _el$1);
+                  _$insert(_el$1, () => item.createdAt.toLocaleTimeString());
+                  _$effect((_p$) => {
+                    var _v$ = clsx("rounded-lg border-l-4 p-2", themeStyles[item.theme]), _v$2 = clsx("mt-1 text-xs", text.muted);
+                    _v$ !== _p$.e && _$className(_el$8, _p$.e = _v$);
+                    _v$2 !== _p$.t && _$className(_el$1, _p$.t = _v$2);
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0
+                  });
+                  return _el$8;
                 })()
               }));
-              return _el$7;
+              _$effect(() => _$className(_el$6, clsx("flex flex-col", gap.xl)));
+              return _el$6;
             }
           }), null);
-          return _el$3;
+          return _el$2;
         }
       })];
     }

package/dist/components/feedback/notification/NotificationBell.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/feedback/notification/NotificationBell.tsx"],
-  "mappings": "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",
-  "names": ["createSignal", "For", "Show", "IconBell", "clsx", "twMerge", "useNotification", "Dropdown", "Icon", "NotificationBanner", "iconButtonBase", "useI18n", "buttonClass", "badgeClass", "themeStyles", "info", "success", "warning", "danger", "dropdownHeaderClass", "clearButtonClass", "emptyClass", "listClass", "itemBaseClass", "itemMessageClass", "itemTimeClass", "NotificationBell", "props", "notification", "i18n", "open", "setOpen", "handleClear", "clear", "handleOpenChange", "isOpen", "markAllAsRead", "_$createComponent", "when", "showBanner", "children", "onOpenChange", "maxHeight", "Trigger", "_el$", "_tmpl$2", "_$className", "_$insert", "icon", "unreadCount", "_el$2", "_tmpl$", "_$effect", "_p$", "_v$", "t", "count", "String", "_v$2", "e", "_$setAttribute", "undefined", "Content", "_el$3", "_tmpl$5", "_el$4", "firstChild", "_el$5", "items", "length", "_el$6", "_tmpl$3", "$$click", "fallback", "_el$8", "_tmpl$4", "_el$7", "each", "reverse", "item", "_el$9", "_tmpl$7", "_el$0", "_el$10", "nextSibling", "title", "message", "_el$1", "_tmpl$6", "createdAt", "toLocaleTimeString", "theme", "_$delegateEvents"]
+  "mappings": "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",
+  "names": ["createSignal", "For", "Show", "IconBell", "clsx", "useNotification", "Dropdown", "Icon", "NotificationBanner", "text", "gap", "Button", "useI18n", "themeStyles", "info", "success", "warning", "danger", "NotificationBell", "props", "notification", "i18n", "open", "setOpen", "handleClear", "clear", "handleOpenChange", "isOpen", "markAllAsRead", "_$createComponent", "when", "showBanner", "children", "onOpenChange", "maxHeight", "Trigger", "variant", "size", "t", "count", "String", "unreadCount", "icon", "_el$", "_tmpl$", "_$insert", "Content", "_el$2", "_tmpl$4", "_el$3", "firstChild", "_el$4", "items", "length", "_el$5", "_tmpl$2", "$$click", "_$effect", "_$className", "muted", "fallback", "_el$7", "_tmpl$3", "_el$6", "each", "reverse", "item", "_el$8", "_tmpl$6", "_el$9", "_el$1", "nextSibling", "title", "message", "_el$0", "_tmpl$5", "createdAt", "toLocaleTimeString", "_p$", "_v$", "theme", "_v$2", "e", "undefined", "xl", "_$delegateEvents"]
 }

package/dist/components/feedback/notification/NotificationProvider.d.ts

@@ -1,4 +1,71 @@
-import { type ParentComponent } from "solid-js";
+import { type Accessor, type ParentComponent } from "solid-js";
+/** Notification theme */
+export type NotificationTheme = "info" | "success" | "warning" | "danger";
+/** Notification action button */
+export interface NotificationAction {
+    /** Button text */
+    label: string;
+    /** Click handler */
+    onClick: () => void;
+}
+/** Notification item */
+export interface NotificationItem {
+    /** Unique identifier */
+    id: string;
+    /** Theme (info, success, warning, danger) */
+    theme: NotificationTheme;
+    /** Notification title */
+    title: string;
+    /** Notification message (optional) */
+    message?: string;
+    /** Action button (optional) */
+    action?: NotificationAction;
+    /** Creation time */
+    createdAt: Date;
+    /** Read status */
+    read: boolean;
+}
+/** Notification creation options */
+export interface NotificationOptions {
+    /** Action button to display in notification */
+    action?: NotificationAction;
+}
+/** Notification update options */
+export interface NotificationUpdateOptions {
+    /** If true, mark read notification as unread (redisplay banner) */
+    renotify?: boolean;
+}
+/**
+ * Notification system Context value
+ *
+ * @remarks
+ * Provides methods to create, update, delete, and manage read status of notifications.
+ * Maintains up to 50 notifications; older items are removed when exceeded.
+ */
+export interface NotificationContextValue {
+    items: Accessor<NotificationItem[]>;
+    unreadCount: Accessor<number>;
+    latestUnread: Accessor<NotificationItem | undefined>;
+    info: (title: string, message?: string, options?: NotificationOptions) => string;
+    success: (title: string, message?: string, options?: NotificationOptions) => string;
+    warning: (title: string, message?: string, options?: NotificationOptions) => string;
+    danger: (title: string, message?: string, options?: NotificationOptions) => string;
+    error: (err?: any, header?: string) => void;
+    update: (id: string, updates: Partial<Pick<NotificationItem, "title" | "message" | "theme" | "action">>, options?: NotificationUpdateOptions) => void;
+    remove: (id: string) => void;
+    markAsRead: (id: string) => void;
+    markAllAsRead: () => void;
+    dismissBanner: () => void;
+    clear: () => void;
+}
+/** Notification system Context */
+export declare const NotificationContext: import("solid-js").Context<NotificationContextValue | undefined>;
+/**
+ * Hook to access the notification system
+ *
+ * @throws Error if used outside NotificationProvider
+ */
+export declare function useNotification(): NotificationContextValue;
 /**
  * Notification system Provider
  *

package/dist/components/feedback/notification/NotificationProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationProvider.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\notification\\NotificationProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,eAAe,EAAQ,MAAM,UAAU,CAAC;AAchF;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAiJlC,CAAC"}
+{"version":3,"file":"NotificationProvider.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\notification\\NotificationProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,QAAQ,EAAE,KAAK,eAAe,EAAoB,MAAM,UAAU,CAAC;AAI1H,yBAAyB;AACzB,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1E,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAwB;AACxB,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,6CAA6C;IAC7C,KAAK,EAAE,iBAAiB,CAAC;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,oBAAoB;IACpB,SAAS,EAAE,IAAI,CAAC;IAChB,kBAAkB;IAClB,IAAI,EAAE,OAAO,CAAC;CACf;AAED,oCAAoC;AACpC,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED,kCAAkC;AAClC,MAAM,WAAW,yBAAyB;IACxC,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,wBAAwB;IAEvC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACpC,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC9B,YAAY,EAAE,QAAQ,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAGrD,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,mBAAmB,KAAK,MAAM,CAAC;IACjF,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,mBAAmB,KAAK,MAAM,CAAC;IACpF,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,mBAAmB,KAAK,MAAM,CAAC;IACpF,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,mBAAmB,KAAK,MAAM,CAAC;IACnF,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAG5C,MAAM,EAAE,CACN,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC,EAClF,OAAO,CAAC,EAAE,yBAAyB,KAChC,IAAI,CAAC;IAGV,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAG7B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,kCAAkC;AAClC,eAAO,MAAM,mBAAmB,kEAA4C,CAAC;AAE7E;;;;GAIG;AACH,wBAAgB,eAAe,IAAI,wBAAwB,CAM1D;AAID;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAiJlC,CAAC"}

package/dist/components/feedback/notification/NotificationProvider.js

@@ -3,10 +3,17 @@ import { memo as _$memo } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 var _tmpl$ = /* @__PURE__ */ _$template(`<div role=status aria-live=polite aria-atomic=true class=sr-only>`);
-import { createMemo, createSignal, Show } from "solid-js";
-import { NotificationContext } from "./NotificationContext.js";
+import { createContext, createMemo, createSignal, Show, useContext } from "solid-js";
 import { useLogger } from "../../../hooks/useLogger.js";
-import { useI18n } from "../../../providers/i18n/I18nContext.js";
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
+const NotificationContext = createContext();
+function useNotification() {
+  const context = useContext(NotificationContext);
+  if (!context) {
+    throw new Error("useNotification can only be used inside NotificationProvider");
+  }
+  return context;
+}
 const MAX_ITEMS = 50;
 const NotificationProvider = (props) => {
   const logger = useLogger();
@@ -134,6 +141,8 @@ const NotificationProvider = (props) => {
   });
 };
 export {
-  NotificationProvider
+  NotificationContext,
+  NotificationProvider,
+  useNotification
 };
 //# sourceMappingURL=NotificationProvider.js.map