fluent-styles 1.53.0 → 1.55.0

package/lib/commonjs/notification/index.js

@@ -0,0 +1,269 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NOTIFICATION_DARK", {
+  enumerable: true,
+  get: function () {
+    return _theme.NOTIFICATION_DARK;
+  }
+});
+Object.defineProperty(exports, "NOTIFICATION_LIGHT", {
+  enumerable: true,
+  get: function () {
+    return _theme.NOTIFICATION_LIGHT;
+  }
+});
+exports.Notification = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../utiles/theme.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+// ─── Component ────────────────────────────────────────────────────────────────
+
+const Notification = ({
+  title,
+  body,
+  avatar,
+  initials,
+  source,
+  timestamp,
+  actionLabel,
+  onAction,
+  onDismiss,
+  duration = 5000,
+  theme = 'dark',
+  colors: colorOverrides
+}) => {
+  const deviceScheme = (0, _reactNative.useColorScheme)();
+  const colors = (0, _react.useMemo)(() => {
+    const base = (0, _theme.resolveTheme)(theme, deviceScheme) === 'light' ? _theme.NOTIFICATION_LIGHT : _theme.NOTIFICATION_DARK;
+    return colorOverrides ? {
+      ...base,
+      ...colorOverrides
+    } : base;
+  }, [theme, deviceScheme, colorOverrides]);
+
+  // ── Animation ────────────────────────────────────────────────────────────
+  const translateX = (0, _react.useRef)(new _reactNative.Animated.Value(360)).current;
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const isDismissing = (0, _react.useRef)(false);
+  const onDismissRef = (0, _react.useRef)(onDismiss);
+  (0, _react.useEffect)(() => {
+    onDismissRef.current = onDismiss;
+  }, [onDismiss]);
+  const dismiss = (0, _react.useCallback)(() => {
+    if (isDismissing.current) return;
+    isDismissing.current = true;
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(translateX, {
+      toValue: 360,
+      duration: 260,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: true
+    })]).start(() => onDismissRef.current?.());
+  }, [translateX, opacity]);
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.parallel([_reactNative.Animated.spring(translateX, {
+      toValue: 0,
+      useNativeDriver: true,
+      damping: 22,
+      stiffness: 250
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 1,
+      duration: 180,
+      useNativeDriver: true
+    })]).start();
+    if (duration > 0) {
+      const t = setTimeout(dismiss, duration);
+      return () => clearTimeout(t);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const handleAction = (0, _react.useCallback)(() => {
+    onAction?.();
+    dismiss();
+  }, [onAction, dismiss]);
+
+  // ── Render ───────────────────────────────────────────────────────────────
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    style: [styles.container, {
+      backgroundColor: colors.background,
+      borderColor: colors.border,
+      opacity,
+      transform: [{
+        translateX
+      }]
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.avatarWrap,
+      children: avatar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: avatar,
+        style: styles.avatarImage
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.avatarFallback, {
+          backgroundColor: colors.avatarBg,
+          borderColor: colors.avatarBorder
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.avatarInitials, {
+            color: colors.avatarInitials
+          }],
+          children: initials ?? '?'
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [source ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.source, {
+          color: colors.source
+        }],
+        numberOfLines: 1,
+        children: source
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.titleRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.title, {
+            color: colors.title
+          }],
+          numberOfLines: 1,
+          children: title
+        }), timestamp ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.timestamp, {
+            color: colors.timestamp
+          }],
+          children: timestamp
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.body, {
+          color: colors.body
+        }],
+        numberOfLines: 2,
+        children: body
+      }), actionLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        onPress: handleAction,
+        style: [styles.actionBtn, {
+          backgroundColor: colors.actionBg,
+          borderColor: colors.actionBorder
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.actionLabel, {
+            color: colors.actionLabel
+          }],
+          children: actionLabel
+        })
+      }) : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      onPress: dismiss,
+      style: styles.closeBtn,
+      hitSlop: {
+        top: 8,
+        bottom: 8,
+        left: 8,
+        right: 8
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.closeIcon, {
+          color: colors.closeIcon
+        }],
+        children: "\u2715"
+      })
+    })]
+  });
+};
+
+// ─── Styles (layout only) ─────────────────────────────────────────────────────
+exports.Notification = Notification;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    borderWidth: 1,
+    borderRadius: 14,
+    padding: 14,
+    gap: 12,
+    width: 340,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 12
+    },
+    shadowOpacity: 0.18,
+    shadowRadius: 20,
+    elevation: 10
+  },
+  avatarWrap: {
+    paddingTop: 2
+  },
+  avatarImage: {
+    width: 40,
+    height: 40,
+    borderRadius: 20
+  },
+  avatarFallback: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    borderWidth: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  avatarInitials: {
+    fontSize: 15,
+    fontWeight: '700',
+    letterSpacing: 0.5
+  },
+  content: {
+    flex: 1,
+    gap: 3
+  },
+  source: {
+    fontSize: 11,
+    fontWeight: '600',
+    letterSpacing: 0.8,
+    textTransform: 'uppercase'
+  },
+  titleRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  title: {
+    fontSize: 14,
+    fontWeight: '700',
+    flex: 1
+  },
+  timestamp: {
+    fontSize: 11,
+    marginLeft: 8
+  },
+  body: {
+    fontSize: 13,
+    lineHeight: 18
+  },
+  actionBtn: {
+    alignSelf: 'flex-start',
+    marginTop: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 5,
+    borderRadius: 6,
+    borderWidth: 1
+  },
+  actionLabel: {
+    fontSize: 12,
+    fontWeight: '600'
+  },
+  closeBtn: {
+    paddingTop: 2
+  },
+  closeIcon: {
+    fontSize: 12,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_theme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Notification","title","body","avatar","initials","source","timestamp","actionLabel","onAction","onDismiss","duration","theme","colors","colorOverrides","deviceScheme","useColorScheme","useMemo","base","resolveTheme","NOTIFICATION_LIGHT","NOTIFICATION_DARK","translateX","useRef","Animated","Value","current","opacity","isDismissing","onDismissRef","useEffect","dismiss","useCallback","parallel","timing","toValue","useNativeDriver","start","spring","damping","stiffness","setTimeout","clearTimeout","handleAction","jsxs","View","style","styles","container","backgroundColor","background","borderColor","border","transform","children","jsx","avatarWrap","Image","avatarImage","avatarFallback","avatarBg","avatarBorder","Text","avatarInitials","color","content","numberOfLines","titleRow","TouchableOpacity","onPress","actionBtn","actionBg","actionBorder","closeBtn","hitSlop","top","bottom","left","right","closeIcon","exports","StyleSheet","create","flexDirection","borderWidth","borderRadius","padding","gap","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","paddingTop","alignItems","justifyContent","fontSize","fontWeight","letterSpacing","flex","textTransform","marginLeft","lineHeight","alignSelf","marginTop","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../src","sources":["notification/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,IAAAE,MAAA,GAAAF,OAAA;AAMwB,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAExB;;AAiBA;;AAEO,MAAMkB,YAAyC,GAAGA,CAAC;EACxDC,KAAK;EACLC,IAAI;EACJC,MAAM;EACNC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACTC,WAAW;EACXC,QAAQ;EACRC,SAAS;EACTC,QAAQ,GAAK,IAAI;EACjBC,KAAK,GAAQ,MAAM;EACnBC,MAAM,EAAEC;AACV,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAG,IAAAC,2BAAc,EAAC,CAAC;EAErC,MAAMH,MAAM,GAAG,IAAAI,cAAO,EAAqB,MAAM;IAC/C,MAAMC,IAAI,GAAG,IAAAC,mBAAY,EAACP,KAAK,EAAEG,YAAY,CAAC,KAAK,OAAO,GACtDK,yBAAkB,GAClBC,wBAAiB;IACrB,OAAOP,cAAc,GAAG;MAAE,GAAGI,IAAI;MAAE,GAAGJ;IAAe,CAAC,GAAGI,IAAI;EAC/D,CAAC,EAAE,CAACN,KAAK,EAAEG,YAAY,EAAED,cAAc,CAAC,CAAC;;EAEzC;EACA,MAAMQ,UAAU,GAAK,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAACC,OAAO;EAC5D,MAAMC,OAAO,GAAQ,IAAAJ,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC1D,MAAME,YAAY,GAAG,IAAAL,aAAM,EAAC,KAAK,CAAC;EAElC,MAAMM,YAAY,GAAG,IAAAN,aAAM,EAACb,SAAS,CAAC;EACtC,IAAAoB,gBAAS,EAAC,MAAM;IAAED,YAAY,CAACH,OAAO,GAAGhB,SAAS;EAAC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAElE,MAAMqB,OAAO,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAChC,IAAIJ,YAAY,CAACF,OAAO,EAAE;IAC1BE,YAAY,CAACF,OAAO,GAAG,IAAI;IAC3BF,qBAAQ,CAACS,QAAQ,CAAC,CAChBT,qBAAQ,CAACU,MAAM,CAACZ,UAAU,EAAE;MAAEa,OAAO,EAAE,GAAG;MAAExB,QAAQ,EAAE,GAAG;MAAEyB,eAAe,EAAE;IAAK,CAAC,CAAC,EACnFZ,qBAAQ,CAACU,MAAM,CAACP,OAAO,EAAK;MAAEQ,OAAO,EAAE,CAAC;MAAIxB,QAAQ,EAAE,GAAG;MAAEyB,eAAe,EAAE;IAAK,CAAC,CAAC,CACpF,CAAC,CAACC,KAAK,CAAC,MAAMR,YAAY,CAACH,OAAO,GAAG,CAAC,CAAC;EAC1C,CAAC,EAAE,CAACJ,UAAU,EAAEK,OAAO,CAAC,CAAC;EAEzB,IAAAG,gBAAS,EAAC,MAAM;IACdN,qBAAQ,CAACS,QAAQ,CAAC,CAChBT,qBAAQ,CAACc,MAAM,CAAChB,UAAU,EAAE;MAAEa,OAAO,EAAE,CAAC;MAAEC,eAAe,EAAE,IAAI;MAAEG,OAAO,EAAE,EAAE;MAAEC,SAAS,EAAE;IAAI,CAAC,CAAC,EAC/FhB,qBAAQ,CAACU,MAAM,CAACP,OAAO,EAAK;MAAEQ,OAAO,EAAE,CAAC;MAAExB,QAAQ,EAAE,GAAG;MAAEyB,eAAe,EAAE;IAAK,CAAC,CAAC,CAClF,CAAC,CAACC,KAAK,CAAC,CAAC;IACV,IAAI1B,QAAQ,GAAG,CAAC,EAAE;MAChB,MAAM5B,CAAC,GAAG0D,UAAU,CAACV,OAAO,EAAEpB,QAAQ,CAAC;MACvC,OAAO,MAAM+B,YAAY,CAAC3D,CAAC,CAAC;IAC9B;IACF;EACA,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM4D,YAAY,GAAG,IAAAX,kBAAW,EAAC,MAAM;IACrCvB,QAAQ,GAAG,CAAC;IACZsB,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACtB,QAAQ,EAAEsB,OAAO,CAAC,CAAC;;EAEvB;EACA,oBACE,IAAAlD,WAAA,CAAA+D,IAAA,EAACjE,YAAA,CAAA6C,QAAQ,CAACqB,IAAI;IACZC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEpC,MAAM,CAACqC,UAAU;MAAEC,WAAW,EAAEtC,MAAM,CAACuC,MAAM;MAAEzB,OAAO;MAAE0B,SAAS,EAAE,CAAC;QAAE/B;MAAW,CAAC;IAAE,CAAC,CACxG;IAAAgC,QAAA,gBAGF,IAAAzE,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAAkE,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACS,UAAW;MAAAF,QAAA,EAC5BlD,MAAM,gBACL,IAAAvB,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAA8E,KAAK;QAACnD,MAAM,EAAEF,MAAO;QAAC0C,KAAK,EAAEC,MAAM,CAACW;MAAY,CAAE,CAAC,gBAEpD,IAAA7E,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAAkE,IAAI;QAACC,KAAK,EAAE,CAACC,MAAM,CAACY,cAAc,EAAE;UAAEV,eAAe,EAAEpC,MAAM,CAAC+C,QAAQ;UAAET,WAAW,EAAEtC,MAAM,CAACgD;QAAa,CAAC,CAAE;QAAAP,QAAA,eAC3G,IAAAzE,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAAmF,IAAI;UAAChB,KAAK,EAAE,CAACC,MAAM,CAACgB,cAAc,EAAE;YAAEC,KAAK,EAAEnD,MAAM,CAACkD;UAAe,CAAC,CAAE;UAAAT,QAAA,EAAEjD,QAAQ,IAAI;QAAG,CAAO;MAAC,CAC5F;IACP,CACG,CAAC,eAGP,IAAAxB,WAAA,CAAA+D,IAAA,EAACjE,YAAA,CAAAkE,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACkB,OAAQ;MAAAX,QAAA,GACzBhD,MAAM,gBACL,IAAAzB,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAAmF,IAAI;QAAChB,KAAK,EAAE,CAACC,MAAM,CAACzC,MAAM,EAAE;UAAE0D,KAAK,EAAEnD,MAAM,CAACP;QAAO,CAAC,CAAE;QAAC4D,aAAa,EAAE,CAAE;QAAAZ,QAAA,EAAEhD;MAAM,CAAO,CAAC,GACvF,IAAI,eACR,IAAAzB,WAAA,CAAA+D,IAAA,EAACjE,YAAA,CAAAkE,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACoB,QAAS;QAAAb,QAAA,gBAC3B,IAAAzE,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAAmF,IAAI;UAAChB,KAAK,EAAE,CAACC,MAAM,CAAC7C,KAAK,EAAE;YAAE8D,KAAK,EAAEnD,MAAM,CAACX;UAAM,CAAC,CAAE;UAACgE,aAAa,EAAE,CAAE;UAAAZ,QAAA,EAAEpD;QAAK,CAAO,CAAC,EACrFK,SAAS,gBACR,IAAA1B,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAAmF,IAAI;UAAChB,KAAK,EAAE,CAACC,MAAM,CAACxC,SAAS,EAAE;YAAEyD,KAAK,EAAEnD,MAAM,CAACN;UAAU,CAAC,CAAE;UAAA+C,QAAA,EAAE/C;QAAS,CAAO,CAAC,GAC9E,IAAI;MAAA,CACJ,CAAC,eACP,IAAA1B,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAAmF,IAAI;QAAChB,KAAK,EAAE,CAACC,MAAM,CAAC5C,IAAI,EAAE;UAAE6D,KAAK,EAAEnD,MAAM,CAACV;QAAK,CAAC,CAAE;QAAC+D,aAAa,EAAE,CAAE;QAAAZ,QAAA,EAAEnD;MAAI,CAAO,CAAC,EAClFK,WAAW,gBACV,IAAA3B,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAAyF,gBAAgB;QACfC,OAAO,EAAE1B,YAAa;QACtBG,KAAK,EAAE,CAACC,MAAM,CAACuB,SAAS,EAAE;UAAErB,eAAe,EAAEpC,MAAM,CAAC0D,QAAQ;UAAEpB,WAAW,EAAEtC,MAAM,CAAC2D;QAAa,CAAC,CAAE;QAAAlB,QAAA,eAElG,IAAAzE,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAAmF,IAAI;UAAChB,KAAK,EAAE,CAACC,MAAM,CAACvC,WAAW,EAAE;YAAEwD,KAAK,EAAEnD,MAAM,CAACL;UAAY,CAAC,CAAE;UAAA8C,QAAA,EAAE9C;QAAW,CAAO;MAAC,CACtE,CAAC,GACjB,IAAI;IAAA,CACJ,CAAC,eAGP,IAAA3B,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAAyF,gBAAgB;MACfC,OAAO,EAAEtC,OAAQ;MACjBe,KAAK,EAAEC,MAAM,CAAC0B,QAAS;MACvBC,OAAO,EAAE;QAAEC,GAAG,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEC,IAAI,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAE,CAAE;MAAAxB,QAAA,eAElD,IAAAzE,WAAA,CAAA0E,GAAA,EAAC5E,YAAA,CAAAmF,IAAI;QAAChB,KAAK,EAAE,CAACC,MAAM,CAACgC,SAAS,EAAE;UAAEf,KAAK,EAAEnD,MAAM,CAACkE;QAAU,CAAC,CAAE;QAAAzB,QAAA,EAAC;MAAC,CAAM;IAAC,CACtD,CAAC;EAAA,CACN,CAAC;AAEpB,CAAC;;AAED;AAAA0B,OAAA,CAAA/E,YAAA,GAAAA,YAAA;AAEA,MAAM8C,MAAM,GAAGkC,uBAAU,CAACC,MAAM,CAAC;EAC/BlC,SAAS,EAAE;IACTmC,aAAa,EAAE,KAAK;IACpBC,WAAW,EAAI,CAAC;IAChBC,YAAY,EAAG,EAAE;IACjBC,OAAO,EAAQ,EAAE;IACjBC,GAAG,EAAY,EAAE;IACjBC,KAAK,EAAU,GAAG;IAClBC,WAAW,EAAI,MAAM;IACrBC,YAAY,EAAG;MAAEF,KAAK,EAAE,CAAC;MAAEG,MAAM,EAAE;IAAG,CAAC;IACvCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAG,EAAE;IACjBC,SAAS,EAAM;EACjB,CAAC;EACDtC,UAAU,EAAM;IAAEuC,UAAU,EAAE;EAAE,CAAC;EACjCrC,WAAW,EAAK;IAAE8B,KAAK,EAAE,EAAE;IAAEG,MAAM,EAAE,EAAE;IAAEN,YAAY,EAAE;EAAG,CAAC;EAC3D1B,cAAc,EAAE;IACd6B,KAAK,EAAE,EAAE;IAAEG,MAAM,EAAE,EAAE;IAAEN,YAAY,EAAE,EAAE;IACvCD,WAAW,EAAE,CAAC;IAAEY,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EACxD,CAAC;EACDlC,cAAc,EAAE;IAAEmC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,KAAK;IAAEC,aAAa,EAAE;EAAI,CAAC;EACvEnC,OAAO,EAAS;IAAEoC,IAAI,EAAE,CAAC;IAAEd,GAAG,EAAE;EAAE,CAAC;EACnCjF,MAAM,EAAU;IAAE4F,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,KAAK;IAAEC,aAAa,EAAE,GAAG;IAAEE,aAAa,EAAE;EAAY,CAAC;EACnGnC,QAAQ,EAAQ;IAAEgB,aAAa,EAAE,KAAK;IAAEa,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAgB,CAAC;EAC/F/F,KAAK,EAAW;IAAEgG,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,KAAK;IAAEE,IAAI,EAAE;EAAE,CAAC;EAC5D9F,SAAS,EAAO;IAAE2F,QAAQ,EAAE,EAAE;IAAEK,UAAU,EAAE;EAAE,CAAC;EAC/CpG,IAAI,EAAY;IAAE+F,QAAQ,EAAE,EAAE;IAAEM,UAAU,EAAE;EAAG,CAAC;EAChDlC,SAAS,EAAE;IACTmC,SAAS,EAAE,YAAY;IAAEC,SAAS,EAAE,CAAC;IACrCC,iBAAiB,EAAE,EAAE;IAAEC,eAAe,EAAE,CAAC;IACzCvB,YAAY,EAAE,CAAC;IAAED,WAAW,EAAE;EAChC,CAAC;EACD5E,WAAW,EAAK;IAAE0F,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAM,CAAC;EACnD1B,QAAQ,EAAQ;IAAEsB,UAAU,EAAE;EAAE,CAAC;EACjChB,SAAS,EAAO;IAAEmB,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAM;AACpD,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/notification/useNotification.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNotification = useNotification;
+var _react = _interopRequireWildcard(require("react"));
+var _PortalContext = require("../portal/PortalContext.js");
+var _index = require("./index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+// ─── Hook ─────────────────────────────────────────────────────────────────────
+
+/**
+ * Declarative notification hook — requires a `PortalManager` ancestor.
+ *
+ * Notifications slide in from the right edge at the top of the screen and
+ * auto-dismiss after `duration` ms (default 5000).
+ *
+ * @example
+ * ```tsx
+ * const notification = useNotification()
+ *
+ * notification.show({
+ *   title: 'New message from Alex',
+ *   body:  'Hey, are you free this afternoon?',
+ *   source: 'Messages',
+ *   initials: 'AK',
+ *   timestamp: 'now',
+ *   actionLabel: 'Reply',
+ *   onAction: () => navigation.navigate('Chat'),
+ * })
+ * ```
+ */
+function useNotification() {
+  const {
+    mount,
+    unmount
+  } = (0, _PortalContext.usePortal)();
+  const show = (0, _react.useCallback)(options => {
+    let id;
+    id = mount(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Notification, {
+      ...options,
+      onDismiss: () => unmount(id)
+    }), {
+      position: 'top-right',
+      offset: {
+        x: 16,
+        y: 56
+      }
+    });
+    return id;
+  }, [mount, unmount]);
+  const dismiss = (0, _react.useCallback)(id => unmount(id), [unmount]);
+  return {
+    show,
+    dismiss
+  };
+}
+//# sourceMappingURL=useNotification.js.map

package/lib/commonjs/notification/useNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_PortalContext","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useNotification","mount","unmount","usePortal","show","useCallback","options","id","jsx","Notification","onDismiss","position","offset","x","y","dismiss"],"sourceRoot":"../../../src","sources":["notification/useNotification.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAoD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpD;;AASA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASkB,eAAeA,CAAA,EAAoB;EACjD,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAEtC,MAAMC,IAAI,GAAG,IAAAC,kBAAW,EACrBC,OAAoB,IAAa;IAChC,IAAIC,EAAU;IAEdA,EAAE,GAAGN,KAAK,cACR,IAAArB,WAAA,CAAA4B,GAAA,EAAC7B,MAAA,CAAA8B,YAAY;MAAA,GACPH,OAAO;MACXI,SAAS,EAAEA,CAAA,KAAMR,OAAO,CAACK,EAAE;IAAE,CAC9B,CAAC,EACF;MAAEI,QAAQ,EAAE,WAAW;MAAEC,MAAM,EAAE;QAAEC,CAAC,EAAE,EAAE;QAAEC,CAAC,EAAE;MAAG;IAAE,CACpD,CAAC;IAED,OAAOP,EAAE;EACX,CAAC,EACD,CAACN,KAAK,EAAEC,OAAO,CACjB,CAAC;EAED,MAAMa,OAAO,GAAG,IAAAV,kBAAW,EACxBE,EAAU,IAAKL,OAAO,CAACK,EAAE,CAAC,EAC3B,CAACL,OAAO,CACV,CAAC;EAED,OAAO;IAAEE,IAAI;IAAEW;EAAQ,CAAC;AAC1B","ignoreList":[]}

package/lib/commonjs/page/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledPage = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../safeAreaView/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledPage = ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledSafeAreaView, {
+    ...props,
+    children: children
+  });
+};
+exports.StyledPage = StyledPage;
+StyledPage.displayName = 'StyledPage';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_index","_jsxRuntime","e","__esModule","default","StyledPage","children","props","jsx","StyledSafeAreaView","exports","displayName"],"sourceRoot":"../../../src","sources":["page/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA8E,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM9E,MAAMG,UAAU,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAuB,CAAC,KAAK;EAC5D,oBACI,IAAAN,WAAA,CAAAO,GAAA,EAACR,MAAA,CAAAS,kBAAkB;IAAA,GAAKF,KAAK;IAAAD,QAAA,EACxBA;EAAQ,CACO,CAAC;AAE7B,CAAC;AAAAI,OAAA,CAAAL,UAAA,GAAAA,UAAA;AAEDA,UAAU,CAACM,WAAW,GAAG,YAAY","ignoreList":[]}