react-native-system-ui 1.0.1 → 1.0.3

package/dist/cjs/components/notify/Notify.js

@@ -1,262 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.NotifyContent = exports.Notify = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _utils = require("../../utils");
-var _validate = require("../../utils/validate");
-var _hooks = require("../../hooks");
-var _Portal = _interopRequireDefault(require("../portal/Portal"));
-var _platform = require("../../platform");
-var _animation = require("../../hooks/animation");
-var _tokens = require("./tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const NotifyContentImpl = props => {
-  const {
-    visible,
-    message,
-    type: typeProp,
-    duration: durationProp,
-    position: positionProp,
-    offset: offsetProp,
-    color,
-    background,
-    zIndex,
-    closeOnClick: closeOnClickProp,
-    style,
-    textStyle,
-    tokensOverride,
-    onClick,
-    onClose,
-    onOpen,
-    onOpened,
-    onClosed
-  } = props;
-  const tokens = (0, _tokens.useNotifyTokens)(tokensOverride);
-  const reducedMotion = (0, _animation.useReducedMotion)();
-  const safeAreaPadding = (0, _hooks.useSafeAreaPadding)({
-    top: 0,
-    bottom: 0
-  });
-  const type = typeProp ?? tokens.defaults.type;
-  const position = positionProp ?? tokens.defaults.position;
-  const closeOnClick = closeOnClickProp ?? tokens.defaults.closeOnClick;
-  const safeAreaInsetTop = props.safeAreaInsetTop ?? (position === 'top' ? tokens.defaults.safeAreaInsetTop : false);
-  const safeAreaInsetBottom = props.safeAreaInsetBottom ?? (position === 'bottom' ? tokens.defaults.safeAreaInsetBottom : false);
-  const safeAreaTopValue = safeAreaInsetTop && position === 'top' ? safeAreaPadding.paddingTop : 0;
-  const safeAreaBottomValue = safeAreaInsetBottom && position === 'bottom' ? safeAreaPadding.paddingBottom : 0;
-  const offset = typeof offsetProp === 'number' && Number.isFinite(offsetProp) ? Math.max(0, offsetProp) : 0;
-  const addOffset = (value, delta) => typeof value === 'string' ? `calc(${value} + ${delta}px)` : value + delta;
-  const safeAreaBottomInset = safeAreaInsetBottom && position === 'bottom' && typeof safeAreaBottomValue === 'number' ? safeAreaBottomValue + offset : offset;
-  const webTopPadding = _reactNative().Platform.OS === 'web' && position === 'top' ? addOffset(safeAreaTopValue, offset) : undefined;
-  const webBottomPadding = _reactNative().Platform.OS === 'web' && safeAreaInsetBottom && position === 'bottom' ? addOffset(safeAreaBottomValue, offset) : undefined;
-  const variant = tokens.colors.variants[type];
-  const resolvedBackground = background ?? variant.background;
-  const resolvedTextColor = color ?? variant.text;
-  const resolvedDuration = durationProp ?? tokens.defaults.duration;
-  const onCloseRef = (0, _react().useRef)(onClose);
-  onCloseRef.current = onClose;
-  const onOpenRef = (0, _react().useRef)(onOpen);
-  onOpenRef.current = onOpen;
-  const onOpenedRef = (0, _react().useRef)(onOpened);
-  onOpenedRef.current = onOpened;
-  const onClosedRef = (0, _react().useRef)(onClosed);
-  onClosedRef.current = onClosed;
-  const onClickRef = (0, _react().useRef)(onClick);
-  onClickRef.current = onClick;
-  const [barHeight, setBarHeight] = (0, _react().useState)(0);
-  const handleLayout = (0, _react().useCallback)(e => {
-    const height = e.nativeEvent.layout.height;
-    if (!height) return;
-    setBarHeight(prev => prev === height ? prev : height);
-  }, []);
-  const canAnimate = barHeight > 0;
-  const [mounted, setMounted] = (0, _react().useState)(visible);
-  const animatedValue = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
-  const animationRef = (0, _react().useRef)(null);
-  const animationIdRef = (0, _react().useRef)(0);
-  const {
-    zIndex: stackZIndex
-  } = (0, _hooks.useOverlayStack)({
-    visible: mounted,
-    type: 'notify',
-    zIndex
-  });
-  const resolvedZIndex = stackZIndex ?? zIndex;
-  const previousVisibleRef = (0, _react().useRef)(visible);
-  const closingRef = (0, _react().useRef)(false);
-  (0, _react().useEffect)(() => {
-    animationIdRef.current += 1;
-    const animationId = animationIdRef.current;
-    animationRef.current?.stop();
-    const d = reducedMotion ? 0 : tokens.defaults.animationDuration;
-    if (visible) {
-      setMounted(true);
-      if (!canAnimate) {
-        animatedValue.setValue(0);
-        return;
-      }
-      animationRef.current = _reactNative().Animated.timing(animatedValue, {
-        toValue: 1,
-        duration: d,
-        easing: _reactNative().Easing.out(_reactNative().Easing.cubic),
-        useNativeDriver: _platform.nativeDriverEnabled,
-        isInteraction: false
-      });
-      animationRef.current.start();
-    } else {
-      if (!canAnimate) {
-        animatedValue.setValue(0);
-        setMounted(false);
-        return;
-      }
-      animationRef.current = _reactNative().Animated.timing(animatedValue, {
-        toValue: 0,
-        duration: d,
-        easing: _reactNative().Easing.out(_reactNative().Easing.cubic),
-        useNativeDriver: _platform.nativeDriverEnabled,
-        isInteraction: false
-      });
-      animationRef.current.start(({
-        finished
-      }) => {
-        if (!finished || animationId !== animationIdRef.current) return;
-        setMounted(false);
-      });
-    }
-  }, [animatedValue, canAnimate, reducedMotion, tokens.defaults.animationDuration, visible]);
-  (0, _react().useEffect)(() => () => {
-    animationRef.current?.stop();
-  }, []);
-  const resolvedAnimDuration = reducedMotion ? 0 : tokens.defaults.animationDuration;
-  (0, _react().useEffect)(() => {
-    if (visible) {
-      closingRef.current = false;
-      if (!previousVisibleRef.current) {
-        onOpenRef.current?.();
-        if (onOpenedRef.current) {
-          const cb = onOpenedRef.current;
-          const t = setTimeout(cb, resolvedAnimDuration);
-          previousVisibleRef.current = visible;
-          return () => clearTimeout(t);
-        }
-      }
-    } else if (previousVisibleRef.current) closingRef.current = true;
-    previousVisibleRef.current = visible;
-  }, [resolvedAnimDuration, visible]);
-  (0, _react().useEffect)(() => {
-    if (!mounted && closingRef.current) {
-      closingRef.current = false;
-      onClosedRef.current?.();
-    }
-  }, [mounted]);
-  (0, _react().useEffect)(() => {
-    if (!visible || resolvedDuration <= 0) return;
-    const timeout = setTimeout(() => {
-      onCloseRef.current?.();
-    }, resolvedDuration);
-    return () => clearTimeout(timeout);
-  }, [resolvedDuration, visible]);
-  const contentHeight = barHeight > 0 ? barHeight : tokens.sizing.minHeight;
-  const interactive = closeOnClick || (0, _utils.isFunction)(onClick);
-  const handlePress = (0, _react().useCallback)(() => {
-    onClickRef.current?.();
-    if (closeOnClick) onCloseRef.current?.();
-  }, [closeOnClick]);
-  const accessibilityRole = interactive ? 'button' : 'alert';
-  const pressProps = (0, _hooks.useAriaPress)({
-    disabled: !interactive,
-    onPress: handlePress,
-    extraProps: {
-      accessibilityRole,
-      accessibilityLiveRegion: 'assertive'
-    }
-  });
-  const translateY = (0, _react().useMemo)(() => position === 'bottom' ? animatedValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: [contentHeight, 0]
-  }) : animatedValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: [-contentHeight, 0]
-  }), [animatedValue, contentHeight, position]);
-  const hasMessage = (0, _validate.isRenderable)(message) && (typeof message !== 'string' || message !== '');
-  const barRender = (0, _react().useMemo)(() => /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.container, position === 'top' ? {
-      paddingTop: webTopPadding ?? addOffset(safeAreaTopValue, offset)
-    } : null, webBottomPadding !== undefined ? {
-      paddingBottom: webBottomPadding
-    } : null]
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: {
-      height: contentHeight,
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
-    testID: "rv-notify-bar",
-    accessibilityRole: !interactive ? accessibilityRole : undefined,
-    accessibilityLiveRegion: !interactive ? 'assertive' : undefined,
-    renderToHardwareTextureAndroid: true,
-    shouldRasterizeIOS: true,
-    onLayout: handleLayout,
-    style: [tokens.layout.container, {
-      opacity: animatedValue,
-      transform: [{
-        translateY
-      }]
-    }, style]
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: {
-      backgroundColor: resolvedBackground
-    }
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.content, {
-      paddingHorizontal: tokens.spacing.paddingHorizontal,
-      paddingVertical: tokens.spacing.paddingVertical,
-      minHeight: tokens.sizing.minHeight
-    }]
-  }, hasMessage && ((0, _utils.isText)(message) ? (0, _utils.renderTextOrNode)(message, [tokens.layout.text, {
-    color: resolvedTextColor,
-    fontFamily: tokens.typography.fontFamily,
-    fontSize: tokens.typography.fontSize,
-    lineHeight: tokens.typography.lineHeight
-  }, textStyle]) : message))))), position === 'bottom' && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: {
-      height: safeAreaBottomInset
-    }
-  })), [accessibilityRole, animatedValue, contentHeight, handleLayout, hasMessage, interactive, message, offset, resolvedBackground, resolvedTextColor, safeAreaBottomInset, safeAreaTopValue, style, textStyle, tokens.layout.container, tokens.layout.content, tokens.layout.text, tokens.sizing.minHeight, tokens.spacing.paddingHorizontal, tokens.spacing.paddingVertical, tokens.typography.fontFamily, tokens.typography.fontSize, tokens.typography.lineHeight, translateY, webBottomPadding, webTopPadding, position]);
-  if (!mounted) return null;
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    testID: "rv-notify",
-    pointerEvents: interactive ? 'box-none' : 'none',
-    style: [tokens.layout.portal, position === 'bottom' ? {
-      bottom: 0
-    } : {
-      top: 0
-    }, resolvedZIndex != null ? {
-      zIndex: resolvedZIndex
-    } : null]
-  }, interactive ? /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({}, pressProps.interactionProps, {
-    disabled: !interactive
-  }), barRender) : barRender);
-};
-const NotifyContent = exports.NotifyContent = /*#__PURE__*/_react().default.memo(NotifyContentImpl);
-const NotifyImpl = props => /*#__PURE__*/_react().default.createElement(_Portal.default, null, /*#__PURE__*/_react().default.createElement(NotifyContent, props));
-const Notify = exports.Notify = /*#__PURE__*/_react().default.memo(NotifyImpl);
-var _default = exports.default = Notify;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.NotifyContent=exports.Notify=void 0;var _utils=require("../../utils"),_validate=require("../../utils/validate"),_hooks=require("../../hooks"),_Portal=_interopRequireDefault(require("../portal/Portal")),_platform=require("../../platform"),_animation=require("../../hooks/animation"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(o,t,i):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const NotifyContentImpl=e=>{const{visible:t,message:r,type:a,duration:n,position:i,offset:o,color:u,background:c,zIndex:s,closeOnClick:l,style:f,textStyle:d,tokensOverride:p,onClick:_,onClose:y,onOpen:m,onOpened:v,onClosed:g}=e,b=(0,_tokens.useNotifyTokens)(p),N=(0,_animation.useReducedMotion)(),h=(0,_hooks.useSafeAreaPadding)({top:0,bottom:0}),x=a??b.defaults.type,R=i??b.defaults.position,k=l??b.defaults.closeOnClick,E=e.safeAreaInsetTop??("top"===R&&b.defaults.safeAreaInsetTop),O=e.safeAreaInsetBottom??("bottom"===R&&b.defaults.safeAreaInsetBottom),w=E&&"top"===R?h.paddingTop:0,I=O&&"bottom"===R?h.paddingBottom:0,P="number"==typeof o&&Number.isFinite(o)?Math.max(0,o):0,V=(e,t)=>"string"==typeof e?`calc(${e} + ${t}px)`:e+t,q=O&&"bottom"===R&&"number"==typeof I?I+P:P,z="web"===_reactNative().Platform.OS&&"top"===R?V(w,P):void 0,C="web"===_reactNative().Platform.OS&&O&&"bottom"===R?V(I,P):void 0,T=b.colors.variants[x],D=c??T.background,A=u??T.text,H=n??b.defaults.duration,S=(0,_react().useRef)(y);S.current=y;const M=(0,_react().useRef)(m);M.current=m;const j=(0,_react().useRef)(v);j.current=v;const W=(0,_react().useRef)(g);W.current=g;const F=(0,_react().useRef)(_);F.current=_;const[B,L]=(0,_react().useState)(0),$=(0,_react().useCallback)(e=>{const t=e.nativeEvent.layout.height;t&&L(e=>e===t?e:t)},[]),Y=B>0,[G,J]=(0,_react().useState)(t),K=(0,_react().useRef)(new(_reactNative().Animated.Value)(0)).current,Q=(0,_react().useRef)(null),U=(0,_react().useRef)(0),{zIndex:X}=(0,_hooks.useOverlayStack)({visible:G,type:"notify",zIndex:s}),Z=X??s,ee=(0,_react().useRef)(t),te=(0,_react().useRef)(!1);(0,_react().useEffect)(()=>{U.current+=1;const e=U.current;Q.current?.stop();const r=N?0:b.defaults.animationDuration;if(t){if(J(!0),!Y)return void K.setValue(0);Q.current=_reactNative().Animated.timing(K,{toValue:1,duration:r,easing:_reactNative().Easing.out(_reactNative().Easing.cubic),useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1}),Q.current.start()}else{if(!Y)return K.setValue(0),void J(!1);Q.current=_reactNative().Animated.timing(K,{toValue:0,duration:r,easing:_reactNative().Easing.out(_reactNative().Easing.cubic),useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1}),Q.current.start(({finished:t})=>{t&&e===U.current&&J(!1)})}},[K,Y,N,b.defaults.animationDuration,t]),(0,_react().useEffect)(()=>()=>{Q.current?.stop()},[]);const re=N?0:b.defaults.animationDuration;(0,_react().useEffect)(()=>{if(t){if(te.current=!1,!ee.current&&(M.current?.(),j.current)){const e=j.current,r=setTimeout(e,re);return ee.current=t,()=>clearTimeout(r)}}else ee.current&&(te.current=!0);ee.current=t},[re,t]),(0,_react().useEffect)(()=>{!G&&te.current&&(te.current=!1,W.current?.())},[G]),(0,_react().useEffect)(()=>{if(!t||H<=0)return;const e=setTimeout(()=>{S.current?.()},H);return()=>clearTimeout(e)},[H,t]);const ae=B>0?B:b.sizing.minHeight,ne=k||(0,_utils.isFunction)(_),ie=(0,_react().useCallback)(()=>{F.current?.(),k&&S.current?.()},[k]),oe=ne?"button":"alert",ue=(0,_hooks.useAriaPress)({disabled:!ne,onPress:ie,extraProps:{accessibilityRole:oe,accessibilityLiveRegion:"assertive"}}),ce=(0,_react().useMemo)(()=>"bottom"===R?K.interpolate({inputRange:[0,1],outputRange:[ae,0]}):K.interpolate({inputRange:[0,1],outputRange:[-ae,0]}),[K,ae,R]),se=(0,_validate.isRenderable)(r)&&("string"!=typeof r||""!==r),le=(0,_react().useMemo)(()=>_react().default.createElement(_reactNative().View,{style:[b.layout.container,"top"===R?{paddingTop:z??V(w,P)}:null,void 0!==C?{paddingBottom:C}:null]},_react().default.createElement(_reactNative().View,{style:{height:ae,overflow:"hidden"}},_react().default.createElement(_reactNative().Animated.View,{testID:"rv-notify-bar",accessibilityRole:ne?void 0:oe,accessibilityLiveRegion:ne?void 0:"assertive",renderToHardwareTextureAndroid:!0,shouldRasterizeIOS:!0,onLayout:$,style:[b.layout.container,{opacity:K,transform:[{translateY:ce}]},f]},_react().default.createElement(_reactNative().View,{style:{backgroundColor:D}},_react().default.createElement(_reactNative().View,{style:[b.layout.content,{paddingHorizontal:b.spacing.paddingHorizontal,paddingVertical:b.spacing.paddingVertical,minHeight:b.sizing.minHeight}]},se&&((0,_utils.isText)(r)?(0,_utils.renderTextOrNode)(r,[b.layout.text,{color:A,fontFamily:b.typography.fontFamily,fontSize:b.typography.fontSize,lineHeight:b.typography.lineHeight},d]):r))))),"bottom"===R&&_react().default.createElement(_reactNative().View,{style:{height:q}})),[oe,K,ae,$,se,ne,r,P,D,A,q,w,f,d,b.layout.container,b.layout.content,b.layout.text,b.sizing.minHeight,b.spacing.paddingHorizontal,b.spacing.paddingVertical,b.typography.fontFamily,b.typography.fontSize,b.typography.lineHeight,ce,C,z,R]);return G?_react().default.createElement(_reactNative().View,{testID:"rv-notify",pointerEvents:ne?"box-none":"none",style:[b.layout.portal,"bottom"===R?{bottom:0}:{top:0},null!=Z?{zIndex:Z}:null]},ne?_react().default.createElement(_reactNative().Pressable,_extends({},ue.interactionProps,{disabled:!ne}),le):le):null},NotifyContent=exports.NotifyContent=_react().default.memo(NotifyContentImpl),NotifyImpl=e=>_react().default.createElement(_Portal.default,null,_react().default.createElement(NotifyContent,e)),Notify=exports.Notify=_react().default.memo(NotifyImpl);var _default=exports.default=Notify;

package/dist/cjs/components/notify/imperative.js

@@ -1,145 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NotifyImperative = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-var _Portal = _interopRequireDefault(require("../portal/Portal"));
-var _utils = require("../../utils");
-var _Notify = require("./Notify");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const activeKeys = new Set();
-const notifyOptions = new Map();
-const notifyControllers = new Map();
-let allowMultiple = false;
-const baseOptions = {
-  type: 'primary',
-  position: 'top',
-  duration: 3000,
-  safeAreaInsetTop: true,
-  safeAreaInsetBottom: true
-};
-let currentOptions = {
-  ...baseOptions
-};
-const typeDefaults = new Map();
-const parseOptions = input => /*#__PURE__*/_react().default.isValidElement(input) || (0, _utils.isText)(input) ? {
-  message: input
-} : input ?? {};
-const mergeOptions = (input, fallbackT) => {
-  const t = input.type ?? fallbackT;
-  const m = {
-    ...currentOptions,
-    ...typeDefaults.get(t),
-    ...input,
-    type: t
-  };
-  m.duration = m.duration ?? 3000;
-  return m;
-};
-const removeNotify = key => {
-  _Portal.default.remove(key);
-  activeKeys.delete(key);
-  notifyOptions.delete(key);
-  notifyControllers.delete(key);
-};
-const closeNotify = key => {
-  const c = notifyControllers.get(key);
-  c ? c.close() : removeNotify(key);
-};
-const NotifyPortal = ({
-  id,
-  options
-}) => {
-  const [visible, setVisible] = (0, _react().useState)(true);
-  (0, _react().useEffect)(() => {
-    notifyControllers.set(id, {
-      close: () => setVisible(false)
-    });
-    return () => {
-      notifyControllers.delete(id);
-    };
-  }, [id]);
-  const handleClose = (0, _react().useCallback)(() => {
-    options.onClose?.();
-    setVisible(false);
-  }, [options]);
-  const handleClosed = (0, _react().useCallback)(() => {
-    options.onClosed?.();
-    removeNotify(id);
-  }, [id, options]);
-  return /*#__PURE__*/_react().default.createElement(_Notify.NotifyContent, _extends({}, options, {
-    visible: visible,
-    onClose: handleClose,
-    onClosed: handleClosed
-  }));
-};
-const showNotify = (input, fallbackT = 'primary') => {
-  const opts = mergeOptions(parseOptions(input), fallbackT);
-  if (!allowMultiple) activeKeys.forEach(k => closeNotify(k));
-  const key = _Portal.default.add(null);
-  notifyOptions.set(key, opts);
-  _Portal.default.update(key, /*#__PURE__*/_react().default.createElement(NotifyPortal, {
-    id: key,
-    options: opts
-  }));
-  activeKeys.add(key);
-  const config = next => {
-    const prev = notifyOptions.get(key);
-    if (!prev) return;
-    const parsed = parseOptions((0, _utils.isFunction)(next) ? next(prev) : next);
-    const nextT = parsed.type ?? prev.type ?? fallbackT;
-    const m = {
-      ...prev,
-      ...parsed,
-      type: nextT
-    };
-    if ('duration' in parsed && parsed.duration == null) m.duration = baseOptions.duration ?? 3000;
-    notifyOptions.set(key, m);
-    _Portal.default.update(key, /*#__PURE__*/_react().default.createElement(NotifyPortal, {
-      id: key,
-      options: m
-    }));
-  };
-  return {
-    clear: () => closeNotify(key),
-    update: n => config(n),
-    config
-  };
-};
-const NotifyImperative = exports.NotifyImperative = {
-  show: options => showNotify(options),
-  primary: options => showNotify(options, 'primary'),
-  success: options => showNotify(options, 'success'),
-  danger: options => showNotify(options, 'danger'),
-  warning: options => showNotify(options, 'warning'),
-  clear: () => {
-    activeKeys.forEach(key => closeNotify(key));
-  },
-  allowMultiple: (value = true) => {
-    allowMultiple = value;
-  },
-  setDefaultOptions: (typeOrOptions, options) => {
-    if ((0, _utils.isString)(typeOrOptions)) typeDefaults.set(typeOrOptions, options ?? {});else currentOptions = {
-      ...currentOptions,
-      ...typeOrOptions
-    };
-  },
-  resetDefaultOptions: type => {
-    if (type) typeDefaults.delete(type);else {
-      currentOptions = {
-        ...baseOptions
-      };
-      typeDefaults.clear();
-    }
-  }
-};
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.NotifyImperative=void 0;var _Portal=_interopRequireDefault(require("../portal/Portal")),_utils=require("../../utils"),_Notify=require("./Notify");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var o=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(n=t?r:o){if(n.has(e))return n.get(e);n.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(s,t,i):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}const activeKeys=new Set,notifyOptions=new Map,notifyControllers=new Map;let allowMultiple=!1;const baseOptions={type:"primary",position:"top",duration:3e3,safeAreaInsetTop:!0,safeAreaInsetBottom:!0};let currentOptions={...baseOptions};const typeDefaults=new Map,parseOptions=e=>_react().default.isValidElement(e)||(0,_utils.isText)(e)?{message:e}:e??{},mergeOptions=(e,t)=>{const o=e.type??t,r={...currentOptions,...typeDefaults.get(o),...e,type:o};return r.duration=r.duration??3e3,r},removeNotify=e=>{_Portal.default.remove(e),activeKeys.delete(e),notifyOptions.delete(e),notifyControllers.delete(e)},closeNotify=e=>{const t=notifyControllers.get(e);t?t.close():removeNotify(e)},NotifyPortal=({id:e,options:t})=>{const[o,r]=(0,_react().useState)(!0);(0,_react().useEffect)(()=>(notifyControllers.set(e,{close:()=>r(!1)}),()=>{notifyControllers.delete(e)}),[e]);const n=(0,_react().useCallback)(()=>{t.onClose?.(),r(!1)},[t]),i=(0,_react().useCallback)(()=>{t.onClosed?.(),removeNotify(e)},[e,t]);return _react().default.createElement(_Notify.NotifyContent,_extends({},t,{visible:o,onClose:n,onClosed:i}))},showNotify=(e,t="primary")=>{const o=mergeOptions(parseOptions(e),t);allowMultiple||activeKeys.forEach(e=>closeNotify(e));const r=_Portal.default.add(null);notifyOptions.set(r,o),_Portal.default.update(r,_react().default.createElement(NotifyPortal,{id:r,options:o})),activeKeys.add(r);const n=e=>{const o=notifyOptions.get(r);if(!o)return;const n=parseOptions((0,_utils.isFunction)(e)?e(o):e),i=n.type??o.type??t,s={...o,...n,type:i};"duration"in n&&null==n.duration&&(s.duration=baseOptions.duration??3e3),notifyOptions.set(r,s),_Portal.default.update(r,_react().default.createElement(NotifyPortal,{id:r,options:s}))};return{clear:()=>closeNotify(r),update:e=>n(e),config:n}},NotifyImperative=exports.NotifyImperative={show:e=>showNotify(e),primary:e=>showNotify(e,"primary"),success:e=>showNotify(e,"success"),danger:e=>showNotify(e,"danger"),warning:e=>showNotify(e,"warning"),clear:()=>{activeKeys.forEach(e=>closeNotify(e))},allowMultiple:(e=!0)=>{allowMultiple=e},setDefaultOptions:(e,t)=>{(0,_utils.isString)(e)?typeDefaults.set(e,t??{}):currentOptions={...currentOptions,...e}},resetDefaultOptions:e=>{e?typeDefaults.delete(e):(currentOptions={...baseOptions},typeDefaults.clear())}};

package/dist/cjs/components/notify/index.js

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Notify = void 0;
-var _Notify = require("./Notify");
-var _imperative = require("./imperative");
-const Notify = exports.Notify = Object.assign(_Notify.Notify, _imperative.NotifyImperative);
-var _default = exports.default = Notify;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Notify=void 0;var _Notify=require("./Notify"),_imperative=require("./imperative");const Notify=exports.Notify=Object.assign(_Notify.Notify,_imperative.NotifyImperative);var _default=exports.default=Notify;

package/dist/cjs/components/notify/tokens.js

@@ -1,74 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useNotifyTokens = exports.createNotifyTokens = void 0;
-var _designSystem = require("../../design-system");
-const createNotifyTokens = foundations => ({
-  defaults: {
-    type: 'primary',
-    position: 'top',
-    duration: 3000,
-    closeOnClick: false,
-    animationDuration: 180,
-    safeAreaInsetTop: true,
-    safeAreaInsetBottom: true
-  },
-  layout: {
-    portal: {
-      position: 'absolute',
-      left: 0,
-      right: 0
-    },
-    container: {
-      width: '100%'
-    },
-    safeArea: {
-      width: '100%'
-    },
-    content: {
-      width: '100%',
-      justifyContent: 'center'
-    },
-    text: {
-      textAlign: 'center',
-      includeFontPadding: false
-    }
-  },
-  colors: {
-    variants: {
-      primary: {
-        background: foundations.palette.primary[500],
-        text: foundations.palette.primary.foreground ?? '#ffffff'
-      },
-      success: {
-        background: foundations.palette.success[500],
-        text: foundations.palette.success.foreground ?? '#ffffff'
-      },
-      danger: {
-        background: foundations.palette.danger[500],
-        text: foundations.palette.danger.foreground ?? '#ffffff'
-      },
-      warning: {
-        background: foundations.palette.warning[500],
-        text: foundations.palette.warning.foreground ?? '#261400'
-      }
-    }
-  },
-  typography: {
-    fontFamily: foundations.typography.fontFamily,
-    fontSize: foundations.fontSize.sm,
-    lineHeight: Math.round(foundations.fontSize.sm * foundations.typography.lineHeightMultiplier)
-  },
-  sizing: {
-    minHeight: 35
-  },
-  spacing: {
-    paddingVertical: foundations.spacing.ssm,
-    paddingHorizontal: foundations.spacing.md,
-    none: foundations.spacing.none
-  }
-});
-exports.createNotifyTokens = createNotifyTokens;
-const useNotifyTokens = exports.useNotifyTokens = (0, _designSystem.createComponentTokensHook)('notify', createNotifyTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useNotifyTokens=exports.createNotifyTokens=void 0;var _designSystem=require("../../design-system");const createNotifyTokens=e=>({defaults:{type:"primary",position:"top",duration:3e3,closeOnClick:!1,animationDuration:180,safeAreaInsetTop:!0,safeAreaInsetBottom:!0},layout:{portal:{position:"absolute",left:0,right:0},container:{width:"100%"},safeArea:{width:"100%"},content:{width:"100%",justifyContent:"center"},text:{textAlign:"center",includeFontPadding:!1}},colors:{variants:{primary:{background:e.palette.primary[500],text:e.palette.primary.foreground??"#ffffff"},success:{background:e.palette.success[500],text:e.palette.success.foreground??"#ffffff"},danger:{background:e.palette.danger[500],text:e.palette.danger.foreground??"#ffffff"},warning:{background:e.palette.warning[500],text:e.palette.warning.foreground??"#261400"}}},typography:{fontFamily:e.typography.fontFamily,fontSize:e.fontSize.sm,lineHeight:Math.round(e.fontSize.sm*e.typography.lineHeightMultiplier)},sizing:{minHeight:35},spacing:{paddingVertical:e.spacing.ssm,paddingHorizontal:e.spacing.md,none:e.spacing.none}});exports.createNotifyTokens=createNotifyTokens;const useNotifyTokens=exports.useNotifyTokens=(0,_designSystem.createComponentTokensHook)("notify",createNotifyTokens);