react-native-system-ui 1.0.2 → 1.0.3

package/dist/cjs/components/toast/Toast.js

@@ -1,306 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ToastContent = exports.Toast = 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 _Portal = _interopRequireDefault(require("../portal/Portal"));
-var _safeAreaView = require("../safe-area-view");
-var _hooks = require("../../hooks");
-var _loading = _interopRequireDefault(require("../loading"));
-function _reactNativeSystemIcon() {
-  const data = require("react-native-system-icon");
-  _reactNativeSystemIcon = function () {
-    return data;
-  };
-  return data;
-}
-var _validate = require("../../utils/validate");
-var _utils = require("../../utils");
-var _platform = require("../../platform");
-var _animation = require("../../hooks/animation");
-var _useLocale = require("../config-provider/useLocale");
-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 RT = () => true;
-const ToastContentImpl = props => {
-  const {
-    visible,
-    message,
-    icon,
-    type = 'info',
-    iconSize,
-    duration = 2000,
-    position = 'middle',
-    forbidClick = false,
-    overlay = false,
-    overlayStyle,
-    closeOnClickOverlay = false,
-    closeOnClick = false,
-    loadingIndicator,
-    safeAreaInsetTop: safeAreaInsetTopProp,
-    safeAreaInsetBottom: safeAreaInsetBottomProp,
-    tokensOverride,
-    style,
-    textStyle,
-    onClose,
-    onOpen,
-    onOpened,
-    onClosed
-  } = props;
-  const locale = (0, _useLocale.useLocale)();
-  const tokens = (0, _tokens.useToastTokens)(tokensOverride);
-  const reducedMotion = (0, _animation.useReducedMotion)();
-  const {
-    colors
-  } = tokens;
-  const {
-    height: windowHeight
-  } = (0, _reactNative().useWindowDimensions)();
-  const resolvedDuration = (0, _validate.isFiniteNumber)(duration) ? Math.max(0, duration) : 0;
-  const [mounted, setMounted] = (0, _react().useState)(visible);
-  const animatedValue = (0, _react().useRef)(new (_reactNative().Animated.Value)(visible ? 1 : 0)).current;
-  const animationRef = (0, _react().useRef)(null);
-  const animationIdRef = (0, _react().useRef)(0);
-  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 {
-    zIndex: stackZIndex
-  } = (0, _hooks.useOverlayStack)({
-    visible: mounted,
-    type: 'toast'
-  });
-  const previousVisibleRef = (0, _react().useRef)(visible);
-  const closingRef = (0, _react().useRef)(false);
-  const positionOffset = windowHeight > 0 ? Math.round(windowHeight * tokens.positionOffsetRatio) : tokens.positionOffsetMin;
-  const needsSafeAreaTop = safeAreaInsetTopProp !== undefined ? safeAreaInsetTopProp : position === 'top';
-  const needsSafeAreaBottom = safeAreaInsetBottomProp !== undefined ? safeAreaInsetBottomProp : position === 'bottom';
-  const positionStyle = (0, _react().useMemo)(() => position === 'top' ? {
-    justifyContent: 'flex-start',
-    paddingTop: positionOffset
-  } : position === 'bottom' ? {
-    justifyContent: 'flex-end',
-    paddingBottom: positionOffset
-  } : {
-    justifyContent: 'center'
-  }, [position, positionOffset]);
-  (0, _react().useEffect)(() => {
-    animationIdRef.current += 1;
-    const animationId = animationIdRef.current;
-    animationRef.current?.stop();
-    const d = reducedMotion ? 0 : tokens.animationDuration;
-    if (visible) {
-      setMounted(true);
-      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 {
-      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, reducedMotion, tokens.animationDuration, visible]);
-  (0, _react().useEffect)(() => () => {
-    animationRef.current?.stop();
-  }, []);
-  (0, _react().useEffect)(() => {
-    if (!visible || resolvedDuration <= 0) return;
-    const timeout = setTimeout(() => {
-      onCloseRef.current?.();
-    }, resolvedDuration);
-    return () => clearTimeout(timeout);
-  }, [resolvedDuration, visible]);
-  (0, _react().useEffect)(() => {
-    if (!visible || !(0, _validate.isText)(message)) return;
-    const text = String(message);
-    if (text) _reactNative().AccessibilityInfo.announceForAccessibility?.(text);
-  }, [message, visible]);
-  const resolvedAnimDuration = reducedMotion ? 0 : tokens.animationDuration;
-  (0, _react().useEffect)(() => {
-    let openedTimeout = null;
-    if (visible) {
-      closingRef.current = false;
-      if (!previousVisibleRef.current) {
-        onOpenRef.current?.();
-        if (onOpenedRef.current) {
-          const callback = onOpenedRef.current;
-          openedTimeout = setTimeout(callback, resolvedAnimDuration);
-        }
-      }
-    } else if (previousVisibleRef.current) {
-      closingRef.current = true;
-    }
-    previousVisibleRef.current = visible;
-    return () => {
-      if (openedTimeout) clearTimeout(openedTimeout);
-    };
-  }, [resolvedAnimDuration, visible]);
-  (0, _react().useEffect)(() => {
-    if (!mounted && closingRef.current) {
-      closingRef.current = false;
-      onClosedRef.current?.();
-    }
-  }, [mounted]);
-  const handleClose = (0, _react().useRef)(() => onCloseRef.current?.()).current;
-  const pressProps = (0, _hooks.useAriaPress)({
-    disabled: !closeOnClick,
-    onPress: handleClose,
-    extraProps: {
-      accessibilityRole: closeOnClick ? 'button' : 'alert',
-      accessibilityHint: closeOnClick ? locale?.vanToast?.closeHint ?? 'Double-tap to dismiss' : undefined,
-      accessibilityLiveRegion: 'assertive'
-    }
-  });
-  const iconNode = (0, _react().useMemo)(() => {
-    if (icon) return icon;
-    const resolvedIconSize = iconSize ?? tokens.iconSize;
-    switch (type) {
-      case 'success':
-        return /*#__PURE__*/_react().default.createElement(_reactNativeSystemIcon().Checked, {
-          size: resolvedIconSize,
-          fill: colors.text,
-          color: colors.text
-        });
-      case 'fail':
-        return /*#__PURE__*/_react().default.createElement(_reactNativeSystemIcon().Close, {
-          size: resolvedIconSize,
-          fill: colors.text,
-          color: colors.text
-        });
-      case 'loading':
-        return loadingIndicator ?? /*#__PURE__*/_react().default.createElement(_loading.default, {
-          color: colors.text,
-          size: resolvedIconSize
-        });
-      default:
-        return null;
-    }
-  }, [colors.text, icon, iconSize, loadingIndicator, tokens.iconSize, type]);
-  const iconWrapperStyle = (0, _react().useMemo)(() => ({
-    marginBottom: tokens.gap
-  }), [tokens.gap]);
-  const messageStyle = (0, _react().useMemo)(() => ({
-    color: colors.text,
-    fontSize: tokens.fontSize,
-    lineHeight: tokens.lineHeight,
-    fontFamily: tokens.fontFamily
-  }), [colors.text, tokens.fontSize, tokens.fontFamily, tokens.lineHeight]);
-  const isTextOnly = type === 'info' && !iconNode;
-  const baseStyle = (0, _react().useMemo)(() => isTextOnly ? {
-    minWidth: tokens.textMinWidth,
-    minHeight: 0,
-    paddingVertical: tokens.textPaddingVertical,
-    paddingHorizontal: tokens.textPaddingHorizontal
-  } : {
-    minWidth: tokens.defaultWidth,
-    minHeight: tokens.defaultMinHeight,
-    padding: tokens.defaultPadding
-  }, [isTextOnly, tokens.defaultMinHeight, tokens.defaultPadding, tokens.defaultWidth, tokens.textMinWidth, tokens.textPaddingHorizontal, tokens.textPaddingVertical]);
-  const toastStyle = (0, _react().useMemo)(() => ({
-    borderRadius: tokens.radius,
-    opacity: closeOnClick && pressProps.states.pressed ? tokens.pressedOpacity : animatedValue,
-    backgroundColor: tokens.colors.variants[type],
-    maxWidth: tokens.maxWidth,
-    ...baseStyle
-  }), [animatedValue, baseStyle, closeOnClick, pressProps.states.pressed, tokens.colors.variants, tokens.maxWidth, tokens.pressedOpacity, tokens.radius, type]);
-  if (!mounted) return null;
-  const hasMessage = (0, _validate.isRenderable)(message) && (typeof message !== 'string' || message !== '');
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.b, {
-      backgroundColor: tokens.colors.transparent
-    }, positionStyle, stackZIndex ? {
-      zIndex: stackZIndex
-    } : undefined],
-    pointerEvents: forbidClick || overlay || closeOnClick ? 'auto' : 'none'
-  }, (overlay || forbidClick) && /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
-    testID: "rv-toast-overlay",
-    style: [S.o, {
-      backgroundColor: tokens.colors.transparent
-    }, overlay && {
-      backgroundColor: colors.backdrop
-    }, overlayStyle],
-    pointerEvents: "auto",
-    onPress: overlay && closeOnClickOverlay ? handleClose : undefined,
-    onStartShouldSetResponder: RT,
-    onMoveShouldSetResponder: RT
-  }), needsSafeAreaTop && /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
-    edge: "top",
-    pointerEvents: "none"
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
-    disabled: !closeOnClick
-  }, pressProps.interactionProps), /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
-    renderToHardwareTextureAndroid: true,
-    shouldRasterizeIOS: true,
-    style: [S.t, toastStyle, style]
-  }, iconNode && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: iconWrapperStyle
-  }, (0, _validate.isText)(iconNode) ? (0, _utils.renderTextOrNode)(iconNode, [{
-    color: colors.text,
-    fontSize: tokens.iconSize
-  }]) : iconNode), hasMessage && ((0, _validate.isText)(message) ? (0, _utils.renderTextOrNode)(message, [S.m, messageStyle, textStyle]) : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: S.mw
-  }, message)))), needsSafeAreaBottom && /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
-    edge: "bottom",
-    pointerEvents: "none"
-  }));
-};
-const ToastContent = exports.ToastContent = /*#__PURE__*/_react().default.memo(ToastContentImpl);
-const ToastImpl = props => /*#__PURE__*/_react().default.createElement(_Portal.default, null, /*#__PURE__*/_react().default.createElement(ToastContent, props));
-const Toast = exports.Toast = /*#__PURE__*/_react().default.memo(ToastImpl);
-const S = _reactNative().StyleSheet.create({
-  b: {
-    flex: 1,
-    alignItems: 'center'
-  },
-  o: {
-    ..._reactNative().StyleSheet.absoluteFillObject
-  },
-  t: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  m: {
-    textAlign: 'center'
-  },
-  mw: {
-    alignItems: 'center'
-  }
-});
-var _default = exports.default = Toast;
+"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.ToastContent=exports.Toast=void 0;var _Portal=_interopRequireDefault(require("../portal/Portal")),_safeAreaView=require("../safe-area-view"),_hooks=require("../../hooks"),_loading=_interopRequireDefault(require("../loading"));function _reactNativeSystemIcon(){const e=require("react-native-system-icon");return _reactNativeSystemIcon=function(){return e},e}var _validate=require("../../utils/validate"),_utils=require("../../utils"),_platform=require("../../platform"),_animation=require("../../hooks/animation"),_useLocale=require("../config-provider/useLocale"),_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 RT=()=>!0,ToastContentImpl=e=>{const{visible:t,message:r,icon:a,type:n="info",iconSize:i,duration:o=2e3,position:s="middle",forbidClick:c=!1,overlay:u=!1,overlayStyle:l,closeOnClickOverlay:d=!1,closeOnClick:f=!1,loadingIndicator:_,safeAreaInsetTop:m,safeAreaInsetBottom:p,tokensOverride:v,style:g,textStyle:y,onClose:x,onOpen:b,onOpened:h,onClosed:T}=e,E=(0,_useLocale.useLocale)(),N=(0,_tokens.useToastTokens)(v),R=(0,_animation.useReducedMotion)(),{colors:k}=N,{height:O}=(0,_reactNative().useWindowDimensions)(),w=(0,_validate.isFiniteNumber)(o)?Math.max(0,o):0,[C,I]=(0,_react().useState)(t),M=(0,_react().useRef)(new(_reactNative().Animated.Value)(t?1:0)).current,P=(0,_react().useRef)(null),q=(0,_react().useRef)(0),z=(0,_react().useRef)(x);z.current=x;const A=(0,_react().useRef)(b);A.current=b;const W=(0,_react().useRef)(h);W.current=h;const V=(0,_react().useRef)(T);V.current=T;const{zIndex:D}=(0,_hooks.useOverlayStack)({visible:C,type:"toast"}),H=(0,_react().useRef)(t),j=(0,_react().useRef)(!1),F=O>0?Math.round(O*N.positionOffsetRatio):N.positionOffsetMin,L=void 0!==m?m:"top"===s,B=void 0!==p?p:"bottom"===s,G=(0,_react().useMemo)(()=>"top"===s?{justifyContent:"flex-start",paddingTop:F}:"bottom"===s?{justifyContent:"flex-end",paddingBottom:F}:{justifyContent:"center"},[s,F]);(0,_react().useEffect)(()=>{q.current+=1;const e=q.current;P.current?.stop();const r=R?0:N.animationDuration;t?(I(!0),P.current=_reactNative().Animated.timing(M,{toValue:1,duration:r,easing:_reactNative().Easing.out(_reactNative().Easing.cubic),useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1}),P.current.start()):(P.current=_reactNative().Animated.timing(M,{toValue:0,duration:r,easing:_reactNative().Easing.out(_reactNative().Easing.cubic),useNativeDriver:_platform.nativeDriverEnabled,isInteraction:!1}),P.current.start(({finished:t})=>{t&&e===q.current&&I(!1)}))},[M,R,N.animationDuration,t]),(0,_react().useEffect)(()=>()=>{P.current?.stop()},[]),(0,_react().useEffect)(()=>{if(!t||w<=0)return;const e=setTimeout(()=>{z.current?.()},w);return()=>clearTimeout(e)},[w,t]),(0,_react().useEffect)(()=>{if(!t||!(0,_validate.isText)(r))return;const e=String(r);e&&_reactNative().AccessibilityInfo.announceForAccessibility?.(e)},[r,t]);const J=R?0:N.animationDuration;(0,_react().useEffect)(()=>{let e=null;if(t){if(j.current=!1,!H.current&&(A.current?.(),W.current)){const t=W.current;e=setTimeout(t,J)}}else H.current&&(j.current=!0);return H.current=t,()=>{e&&clearTimeout(e)}},[J,t]),(0,_react().useEffect)(()=>{!C&&j.current&&(j.current=!1,V.current?.())},[C]);const K=(0,_react().useRef)(()=>z.current?.()).current,Q=(0,_hooks.useAriaPress)({disabled:!f,onPress:K,extraProps:{accessibilityRole:f?"button":"alert",accessibilityHint:f?E?.vanToast?.closeHint??"Double-tap to dismiss":void 0,accessibilityLiveRegion:"assertive"}}),U=(0,_react().useMemo)(()=>{if(a)return a;const e=i??N.iconSize;switch(n){case"success":return _react().default.createElement(_reactNativeSystemIcon().Checked,{size:e,fill:k.text,color:k.text});case"fail":return _react().default.createElement(_reactNativeSystemIcon().Close,{size:e,fill:k.text,color:k.text});case"loading":return _??_react().default.createElement(_loading.default,{color:k.text,size:e});default:return null}},[k.text,a,i,_,N.iconSize,n]),X=(0,_react().useMemo)(()=>({marginBottom:N.gap}),[N.gap]),Y=(0,_react().useMemo)(()=>({color:k.text,fontSize:N.fontSize,lineHeight:N.lineHeight,fontFamily:N.fontFamily}),[k.text,N.fontSize,N.fontFamily,N.lineHeight]),Z="info"===n&&!U,$=(0,_react().useMemo)(()=>Z?{minWidth:N.textMinWidth,minHeight:0,paddingVertical:N.textPaddingVertical,paddingHorizontal:N.textPaddingHorizontal}:{minWidth:N.defaultWidth,minHeight:N.defaultMinHeight,padding:N.defaultPadding},[Z,N.defaultMinHeight,N.defaultPadding,N.defaultWidth,N.textMinWidth,N.textPaddingHorizontal,N.textPaddingVertical]),ee=(0,_react().useMemo)(()=>({borderRadius:N.radius,opacity:f&&Q.states.pressed?N.pressedOpacity:M,backgroundColor:N.colors.variants[n],maxWidth:N.maxWidth,...$}),[M,$,f,Q.states.pressed,N.colors.variants,N.maxWidth,N.pressedOpacity,N.radius,n]);if(!C)return null;const te=(0,_validate.isRenderable)(r)&&("string"!=typeof r||""!==r);return _react().default.createElement(_reactNative().View,{style:[S.b,{backgroundColor:N.colors.transparent},G,D?{zIndex:D}:void 0],pointerEvents:c||u||f?"auto":"none"},(u||c)&&_react().default.createElement(_reactNative().Pressable,{testID:"rv-toast-overlay",style:[S.o,{backgroundColor:N.colors.transparent},u&&{backgroundColor:k.backdrop},l],pointerEvents:"auto",onPress:u&&d?K:void 0,onStartShouldSetResponder:RT,onMoveShouldSetResponder:RT}),L&&_react().default.createElement(_safeAreaView.SafeAreaView,{edge:"top",pointerEvents:"none"}),_react().default.createElement(_reactNative().Pressable,_extends({disabled:!f},Q.interactionProps),_react().default.createElement(_reactNative().Animated.View,{renderToHardwareTextureAndroid:!0,shouldRasterizeIOS:!0,style:[S.t,ee,g]},U&&_react().default.createElement(_reactNative().View,{style:X},(0,_validate.isText)(U)?(0,_utils.renderTextOrNode)(U,[{color:k.text,fontSize:N.iconSize}]):U),te&&((0,_validate.isText)(r)?(0,_utils.renderTextOrNode)(r,[S.m,Y,y]):_react().default.createElement(_reactNative().View,{style:S.mw},r)))),B&&_react().default.createElement(_safeAreaView.SafeAreaView,{edge:"bottom",pointerEvents:"none"}))},ToastContent=exports.ToastContent=_react().default.memo(ToastContentImpl),ToastImpl=e=>_react().default.createElement(_Portal.default,null,_react().default.createElement(ToastContent,e)),Toast=exports.Toast=_react().default.memo(ToastImpl),S=_reactNative().StyleSheet.create({b:{flex:1,alignItems:"center"},o:{..._reactNative().StyleSheet.absoluteFillObject},t:{alignItems:"center",justifyContent:"center"},m:{textAlign:"center"},mw:{alignItems:"center"}});var _default=exports.default=Toast;

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

@@ -1,144 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToastImperative = 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 _Toast = require("./Toast");
-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 toastOptions = new Map();
-const toastControllers = new Map();
-let allowMultiple = false;
-const baseOptions = {
-  type: 'info',
-  position: 'middle',
-  forbidClick: false,
-  overlay: false
-};
-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, fallbackType) => {
-  const type = input.type ?? fallbackType;
-  const merged = {
-    ...currentOptions,
-    ...typeDefaults.get(type),
-    ...input,
-    type
-  };
-  if (merged.duration == null) merged.duration = currentOptions.duration ?? 2000;
-  return merged;
-};
-const removeToast = key => {
-  _Portal.default.remove(key);
-  activeKeys.delete(key);
-  toastOptions.delete(key);
-  toastControllers.delete(key);
-};
-const closeToast = key => {
-  const c = toastControllers.get(key);
-  c ? c.close() : removeToast(key);
-};
-const ToastPortal = ({
-  id,
-  options
-}) => {
-  const [visible, setVisible] = (0, _react().useState)(true);
-  (0, _react().useEffect)(() => {
-    toastControllers.set(id, {
-      close: () => setVisible(false)
-    });
-    return () => {
-      toastControllers.delete(id);
-    };
-  }, [id]);
-  const handleClose = (0, _react().useCallback)(() => {
-    options.onClose?.();
-    setVisible(false);
-  }, [options]);
-  const handleClosed = (0, _react().useCallback)(() => {
-    options.onClosed?.();
-    removeToast(id);
-  }, [id, options]);
-  return /*#__PURE__*/_react().default.createElement(_Toast.ToastContent, _extends({}, options, {
-    visible: visible,
-    onClose: handleClose,
-    onClosed: handleClosed
-  }));
-};
-const showToast = (input, fallbackType = 'info') => {
-  const opts = mergeOptions(parseOptions(input), fallbackType);
-  if (!allowMultiple) activeKeys.forEach(key => closeToast(key));
-  const key = _Portal.default.add(null);
-  toastOptions.set(key, opts);
-  _Portal.default.update(key, /*#__PURE__*/_react().default.createElement(ToastPortal, {
-    id: key,
-    options: opts
-  }));
-  activeKeys.add(key);
-  const config = next => {
-    const prev = toastOptions.get(key);
-    if (!prev) return;
-    const parsed = parseOptions((0, _utils.isFunction)(next) ? next(prev) : next);
-    const nextType = parsed.type ?? prev.type ?? fallbackType;
-    const merged = {
-      ...prev,
-      ...parsed,
-      type: nextType
-    };
-    if ('duration' in parsed && parsed.duration == null) merged.duration = typeDefaults.get(nextType)?.duration ?? currentOptions.duration ?? 2000;
-    toastOptions.set(key, merged);
-    _Portal.default.update(key, /*#__PURE__*/_react().default.createElement(ToastPortal, {
-      id: key,
-      options: merged
-    }));
-  };
-  return {
-    clear: () => closeToast(key),
-    update: next => config(next),
-    config
-  };
-};
-const ToastImperative = exports.ToastImperative = {
-  show: options => showToast(options),
-  info: options => showToast(options, 'info'),
-  success: options => showToast(options, 'success'),
-  fail: options => showToast(options, 'fail'),
-  loading: options => showToast(options, 'loading'),
-  clear: () => {
-    activeKeys.forEach(key => closeToast(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 t=_interopRequireWildcard(require("react"));return _react=function(){return t},t}Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastImperative=void 0;var _Portal=_interopRequireDefault(require("../portal/Portal")),_utils=require("../../utils"),_Toast=require("./Toast");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _interopRequireWildcard(t,e){if("function"==typeof WeakMap)var o=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(t,e){if(!e&&t&&t.__esModule)return t;var a,r,n={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return n;if(a=e?s:o){if(a.has(t))return a.get(t);a.set(t,n)}for(const e in t)"default"!==e&&{}.hasOwnProperty.call(t,e)&&((r=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,e))&&(r.get||r.set)?a(n,e,r):n[e]=t[e]);return n})(t,e)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var s in o)({}).hasOwnProperty.call(o,s)&&(t[s]=o[s])}return t},_extends.apply(null,arguments)}const activeKeys=new Set,toastOptions=new Map,toastControllers=new Map;let allowMultiple=!1;const baseOptions={type:"info",position:"middle",forbidClick:!1,overlay:!1};let currentOptions={...baseOptions};const typeDefaults=new Map,parseOptions=t=>_react().default.isValidElement(t)||(0,_utils.isText)(t)?{message:t}:t??{},mergeOptions=(t,e)=>{const o=t.type??e,s={...currentOptions,...typeDefaults.get(o),...t,type:o};return null==s.duration&&(s.duration=currentOptions.duration??2e3),s},removeToast=t=>{_Portal.default.remove(t),activeKeys.delete(t),toastOptions.delete(t),toastControllers.delete(t)},closeToast=t=>{const e=toastControllers.get(t);e?e.close():removeToast(t)},ToastPortal=({id:t,options:e})=>{const[o,s]=(0,_react().useState)(!0);(0,_react().useEffect)(()=>(toastControllers.set(t,{close:()=>s(!1)}),()=>{toastControllers.delete(t)}),[t]);const a=(0,_react().useCallback)(()=>{e.onClose?.(),s(!1)},[e]),r=(0,_react().useCallback)(()=>{e.onClosed?.(),removeToast(t)},[t,e]);return _react().default.createElement(_Toast.ToastContent,_extends({},e,{visible:o,onClose:a,onClosed:r}))},showToast=(t,e="info")=>{const o=mergeOptions(parseOptions(t),e);allowMultiple||activeKeys.forEach(t=>closeToast(t));const s=_Portal.default.add(null);toastOptions.set(s,o),_Portal.default.update(s,_react().default.createElement(ToastPortal,{id:s,options:o})),activeKeys.add(s);const a=t=>{const o=toastOptions.get(s);if(!o)return;const a=parseOptions((0,_utils.isFunction)(t)?t(o):t),r=a.type??o.type??e,n={...o,...a,type:r};"duration"in a&&null==a.duration&&(n.duration=typeDefaults.get(r)?.duration??currentOptions.duration??2e3),toastOptions.set(s,n),_Portal.default.update(s,_react().default.createElement(ToastPortal,{id:s,options:n}))};return{clear:()=>closeToast(s),update:t=>a(t),config:a}},ToastImperative=exports.ToastImperative={show:t=>showToast(t),info:t=>showToast(t,"info"),success:t=>showToast(t,"success"),fail:t=>showToast(t,"fail"),loading:t=>showToast(t,"loading"),clear:()=>{activeKeys.forEach(t=>closeToast(t))},allowMultiple:(t=!0)=>{allowMultiple=t},setDefaultOptions:(t,e)=>{(0,_utils.isString)(t)?typeDefaults.set(t,e??{}):currentOptions={...currentOptions,...t}},resetDefaultOptions:t=>{t?typeDefaults.delete(t):(currentOptions={...baseOptions},typeDefaults.clear())}};

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

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

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

@@ -1,43 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useToastTokens = exports.createToastTokens = void 0;
-var _designSystem = require("../../design-system");
-const createToastTokens = foundations => {
-  const onDarkText = foundations.palette.primary.foreground ?? '#ffffff';
-  const backdrop = 'rgba(0,0,0,0.7)';
-  return {
-    colors: {
-      text: onDarkText,
-      backdrop,
-      variants: {
-        info: backdrop,
-        success: backdrop,
-        fail: backdrop,
-        loading: backdrop
-      },
-      transparent: 'transparent'
-    },
-    fontSize: foundations.fontSize.sm,
-    lineHeight: Math.round(foundations.fontSize.sm * foundations.typography.lineHeightMultiplier),
-    fontFamily: foundations.typography.fontFamily,
-    radius: foundations.radii.md,
-    gap: foundations.spacing.sm,
-    iconSize: 36,
-    maxWidth: '70%',
-    textMinWidth: 96,
-    textPaddingVertical: foundations.spacing.sm,
-    textPaddingHorizontal: foundations.spacing.md,
-    defaultPadding: foundations.spacing.lg,
-    defaultWidth: 88,
-    defaultMinHeight: 88,
-    pressedOpacity: 0.85,
-    positionOffsetRatio: 0.2,
-    positionOffsetMin: 60,
-    animationDuration: 160
-  };
-};
-exports.createToastTokens = createToastTokens;
-const useToastTokens = exports.useToastTokens = (0, _designSystem.createComponentTokensHook)('toast', createToastTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastTokens=exports.createToastTokens=void 0;var _designSystem=require("../../design-system");const createToastTokens=t=>{const e="rgba(0,0,0,0.7)";return{colors:{text:t.palette.primary.foreground??"#ffffff",backdrop:e,variants:{info:e,success:e,fail:e,loading:e},transparent:"transparent"},fontSize:t.fontSize.sm,lineHeight:Math.round(t.fontSize.sm*t.typography.lineHeightMultiplier),fontFamily:t.typography.fontFamily,radius:t.radii.md,gap:t.spacing.sm,iconSize:36,maxWidth:"70%",textMinWidth:96,textPaddingVertical:t.spacing.sm,textPaddingHorizontal:t.spacing.md,defaultPadding:t.spacing.lg,defaultWidth:88,defaultMinHeight:88,pressedOpacity:.85,positionOffsetRatio:.2,positionOffsetMin:60,animationDuration:160}};exports.createToastTokens=createToastTokens;const useToastTokens=exports.useToastTokens=(0,_designSystem.createComponentTokensHook)("toast",createToastTokens);