@hanzogui/toast 7.0.0 → 7.3.0

package/dist/cjs/ToastImpl.native.js

@@ -0,0 +1,364 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ToastImpl_exports = {};
+__export(ToastImpl_exports, {
+  ToastImpl: () => ToastImpl,
+  ToastImplFrame: () => ToastImplFrame,
+  useToastInteractiveContext: () => useToastInteractiveContext
+});
+module.exports = __toCommonJS(ToastImpl_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_animate_presence = require("@hanzogui/animate-presence");
+var import_compose_refs = require("@hanzogui/compose-refs");
+var import_constants = require("@hanzogui/constants");
+var import_core = require("@hanzogui/core");
+var import_dismissable = require("@hanzogui/dismissable");
+var import_helpers = require("@hanzogui/helpers");
+var import_portal = require("@hanzogui/portal");
+var import_stacks = require("@hanzogui/stacks");
+var React = __toESM(require("react"), 1);
+var import_constants2 = require("./constants.native.js");
+var import_ToastAnnounce = require("./ToastAnnounce.native.js");
+var import_ToastProvider = require("./ToastProvider.native.js");
+var import_ToastViewport = require("./ToastViewport.native.js");
+var getPanResponder = function () {
+  return require("react-native").PanResponder;
+};
+var ToastImplFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "ToastImpl",
+  tabIndex: 0,
+  variants: {
+    unstyled: {
+      false: {
+        focusStyle: {
+          outlineStyle: "solid",
+          outlineWidth: 2,
+          outlineColor: "$outlineColor"
+        },
+        backgroundColor: "$color6",
+        borderRadius: "$4",
+        paddingHorizontal: "$4",
+        paddingVertical: "$3",
+        marginHorizontal: "auto",
+        marginVertical: "$1",
+        elevation: "$3"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var {
+  Provider: ToastInteractiveProvider,
+  useStyledContext: useToastInteractiveContext
+} = (0, import_core.createStyledContext)({
+  onClose() {}
+});
+var ToastImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+  var {
+    scope,
+    type = "foreground",
+    duration: durationProp,
+    open,
+    onClose,
+    onEscapeKeyDown,
+    onPause,
+    onResume,
+    onSwipeStart,
+    onSwipeMove,
+    onSwipeCancel,
+    onSwipeEnd,
+    viewportName = "default",
+    ...toastProps
+  } = props;
+  var isPresent = (0, import_animate_presence.useIsPresent)();
+  var context = (0, import_ToastProvider.useToastProviderContext)(scope);
+  var [node, setNode] = React.useState(null);
+  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setNode);
+  var duration = durationProp || context.duration;
+  var closeTimerStartTimeRef = React.useRef(0);
+  var closeTimerRemainingTimeRef = React.useRef(duration);
+  var closeTimerRef = React.useRef(0);
+  var {
+    onToastAdd,
+    onToastRemove
+  } = context;
+  var viewport = React.useMemo(function () {
+    return context.viewports[viewportName];
+  }, [context.viewports, viewportName]);
+  var handleClose = (0, import_core.useEvent)(function () {
+    if (!isPresent) return;
+    if (import_constants.isWeb) {
+      if (node === null || node === void 0 ? void 0 : node.contains(document.activeElement)) viewport === null || viewport === void 0 || viewport.focus();
+    }
+    onClose();
+  });
+  var startTimer = React.useCallback(function (duration2) {
+    if (!duration2 || duration2 === Number.POSITIVE_INFINITY) return;
+    clearTimeout(closeTimerRef.current);
+    closeTimerStartTimeRef.current = (/* @__PURE__ */new Date()).getTime();
+    closeTimerRef.current = setTimeout(handleClose, duration2);
+  }, [handleClose]);
+  var handleResume = React.useCallback(function () {
+    startTimer(closeTimerRemainingTimeRef.current);
+    onResume === null || onResume === void 0 || onResume();
+  }, [onResume, startTimer]);
+  var handlePause = React.useCallback(function () {
+    var elapsedTime = (/* @__PURE__ */new Date()).getTime() - closeTimerStartTimeRef.current;
+    closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime;
+    window.clearTimeout(closeTimerRef.current);
+    onPause === null || onPause === void 0 || onPause();
+  }, [onPause]);
+  React.useEffect(function () {
+    if (!import_constants.isWeb) return;
+    if (viewport) {
+      viewport.addEventListener(import_ToastViewport.VIEWPORT_PAUSE, handlePause);
+      viewport.addEventListener(import_ToastViewport.VIEWPORT_RESUME, handleResume);
+      return function () {
+        viewport.removeEventListener(import_ToastViewport.VIEWPORT_PAUSE, handlePause);
+        viewport.removeEventListener(import_ToastViewport.VIEWPORT_RESUME, handleResume);
+      };
+    }
+  }, [viewport, duration, onPause, onResume, startTimer]);
+  React.useEffect(function () {
+    if (open && !context.isClosePausedRef.current) startTimer(duration);
+  }, [open, duration, context.isClosePausedRef, startTimer]);
+  React.useEffect(function () {
+    onToastAdd();
+    return function () {
+      return onToastRemove();
+    };
+  }, [onToastAdd, onToastRemove]);
+  var announceTextContent = React.useMemo(function () {
+    if (!import_constants.isWeb) return null;
+    return node ? getAnnounceTextContent(node) : null;
+  }, [node]);
+  var isHorizontalSwipe = ["left", "right", "horizontal"].includes(context.swipeDirection);
+  var {
+    animationDriver
+  } = (0, import_core.useConfiguration)();
+  if (!animationDriver) throw new Error("Must set animations in gui.config.ts");
+  var {
+    useAnimatedNumber,
+    useAnimatedNumberStyle
+  } = animationDriver;
+  var animatedNumber = useAnimatedNumber(0);
+  var _animationDriver_NumberView, _ref;
+  var AnimatedView = (_ref = (_animationDriver_NumberView = animationDriver["NumberView"]) !== null && _animationDriver_NumberView !== void 0 ? _animationDriver_NumberView : animationDriver.View) !== null && _ref !== void 0 ? _ref : import_core.View;
+  var animatedStyles = useAnimatedNumberStyle(animatedNumber, function (val) {
+    "worklet";
+
+    return {
+      transform: [isHorizontalSwipe ? {
+        translateX: val
+      } : {
+        translateY: val
+      }]
+    };
+  });
+  var panResponder = React.useMemo(function () {
+    var PanResponder = getPanResponder();
+    if (!PanResponder) return null;
+    return PanResponder.create({
+      onMoveShouldSetPanResponder: function (e, gesture) {
+        if (shouldGrantGestureMove(context.swipeDirection, gesture)) {
+          onSwipeStart === null || onSwipeStart === void 0 || onSwipeStart(e);
+          return true;
+        }
+        return false;
+      },
+      onPanResponderGrant: function (e) {
+        if (!import_constants.isWeb) handlePause === null || handlePause === void 0 || handlePause();
+      },
+      onPanResponderMove: function (e, gesture) {
+        var {
+          x,
+          y
+        } = getGestureDistance(context.swipeDirection, gesture);
+        var delta = {
+          x,
+          y
+        };
+        animatedNumber.setValue(isHorizontalSwipe ? x : y, {
+          type: "direct"
+        });
+        if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) onSwipeEnd === null || onSwipeEnd === void 0 || onSwipeEnd(e);
+        onSwipeMove === null || onSwipeMove === void 0 || onSwipeMove(e);
+      },
+      onPanResponderEnd: function (e, param) {
+        var {
+          dx,
+          dy
+        } = param;
+        if (!isDeltaInDirection({
+          x: dx,
+          y: dy
+        }, context.swipeDirection, context.swipeThreshold)) {
+          if (!import_constants.isWeb) handleResume === null || handleResume === void 0 || handleResume();
+          onSwipeCancel === null || onSwipeCancel === void 0 || onSwipeCancel(e);
+          animatedNumber.setValue(0, {
+            type: "spring"
+          });
+        }
+      }
+    });
+  }, [handlePause, handleResume]);
+  var themeName = (0, import_core.useThemeName)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [announceTextContent && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastAnnounce.ToastAnnounce, {
+      scope,
+      role: "status",
+      "aria-live": type === "foreground" ? "assertive" : "polite",
+      "aria-atomic": true,
+      children: announceTextContent
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_portal.PortalItem, {
+      hostName: viewportName !== null && viewportName !== void 0 ? viewportName : "default",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastInteractiveProvider, {
+        scope,
+        onClose: function () {
+          handleClose();
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_dismissable.Dismissable, {
+          onEscapeKeyDown: (0, import_helpers.composeEventHandlers)(onEscapeKeyDown, function () {
+            if (!context.isFocusedToastEscapeKeyDownRef.current) handleClose();
+            context.isFocusedToastEscapeKeyDownRef.current = false;
+          }),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.Theme, {
+            contain: true,
+            forceClassName: true,
+            name: themeName,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedView, {
+              ...(panResponder === null || panResponder === void 0 ? void 0 : panResponder.panHandlers),
+              style: [{
+                margin: "auto"
+              }, animatedStyles],
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToastProvider.Collection.ItemSlot, {
+                scope: context.toastScope,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastImplFrame, {
+                  role: "status",
+                  "aria-live": "off",
+                  "aria-atomic": true,
+                  "data-state": open ? "open" : "closed",
+                  "data-swipe-direction": context.swipeDirection,
+                  pointerEvents: "auto",
+                  "$platform-web": {
+                    touchAction: "none",
+                    userSelect: "none"
+                  },
+                  ...toastProps,
+                  ref: composedRefs,
+                  ...(import_constants.isWeb && {
+                    onKeyDown: (0, import_helpers.composeEventHandlers)(props.onKeyDown, function (event) {
+                      if (event.key !== "Escape") return;
+                      onEscapeKeyDown === null || onEscapeKeyDown === void 0 || onEscapeKeyDown(event);
+                      if (!event.defaultPrevented) {
+                        context.isFocusedToastEscapeKeyDownRef.current = true;
+                        handleClose();
+                      }
+                    })
+                  })
+                })
+              })
+            })
+          })
+        })
+      }, props.id)
+    })]
+  });
+});
+ToastImpl.propTypes = {
+  type(props) {
+    if (props.type && !["foreground", "background"].includes(props.type)) {
+      var error = `Invalid prop \`type\` supplied to \`${import_constants2.TOAST_NAME}\`. Expected \`foreground | background\`.`;
+      return new Error(error);
+    }
+    return null;
+  }
+};
+var isDeltaInDirection = function (delta, direction) {
+  var threshold = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
+  var deltaX = Math.abs(delta.x);
+  var deltaY = Math.abs(delta.y);
+  var isDeltaX = deltaX > deltaY;
+  if (direction === "left" || direction === "right" || direction === "horizontal") return isDeltaX && deltaX > threshold;
+  return !isDeltaX && deltaY > threshold;
+};
+function getAnnounceTextContent(container) {
+  if (!import_constants.isWeb) return "";
+  var textContent = [];
+  Array.from(container.childNodes).forEach(function (node) {
+    if (node.nodeType === node.TEXT_NODE && node.textContent) textContent.push(node.textContent);
+    if (isHTMLElement(node)) {
+      var isHidden = node.ariaHidden || node.hidden || node.style.display === "none";
+      var isExcluded = node.dataset.toastAnnounceExclude === "";
+      if (!isHidden) if (isExcluded) {
+        var altText = node.dataset.toastAnnounceAlt;
+        if (altText) textContent.push(altText);
+      } else textContent.push(...getAnnounceTextContent(node));
+    }
+  });
+  return textContent;
+}
+function isHTMLElement(node) {
+  return node.nodeType === node.ELEMENT_NODE;
+}
+var GESTURE_GRANT_THRESHOLD = 10;
+var shouldGrantGestureMove = function (dir, param) {
+  var {
+    dx,
+    dy
+  } = param;
+  if ((dir === "horizontal" || dir === "left") && dx < -GESTURE_GRANT_THRESHOLD) return true;
+  if ((dir === "horizontal" || dir === "right") && dx > GESTURE_GRANT_THRESHOLD) return true;
+  if ((dir === "vertical" || dir === "up") && dy > -GESTURE_GRANT_THRESHOLD) return true;
+  if ((dir === "vertical" || dir === "down") && dy < GESTURE_GRANT_THRESHOLD) return true;
+  return false;
+};
+var getGestureDistance = function (dir, param) {
+  var {
+    dx,
+    dy
+  } = param;
+  var y = 0;
+  var x = 0;
+  if (dir === "horizontal") x = dx;else if (dir === "left") x = Math.min(0, dx);else if (dir === "right") x = Math.max(0, dx);else if (dir === "vertical") y = dy;else if (dir === "up") y = Math.min(0, dy);else if (dir === "down") y = Math.max(0, dy);
+  return {
+    x,
+    y
+  };
+};
+//# sourceMappingURL=ToastImpl.native.js.map

package/dist/cjs/ToastImpl.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isNodeMode","mod","__esModule","__defProp","target","value","enumerable","__toCommonJS","__copyProps","ToastImpl_exports","__export","ToastImpl","ToastImplFrame","useToastInteractiveContext","module","exports","import_jsx_runtime","require","import_animate_presence","import_compose_refs","import_constants","import_core","import_dismissable","import_helpers","import_portal","import_stacks","React","__toESM","import_constants2","import_ToastAnnounce","import_ToastProvider","import_ToastViewport","getPanResponder","PanResponder","styled","YStack","name","tabIndex","variants","unstyled","false","focusStyle","outlineStyle","outlineWidth","outlineColor","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","elevation","defaultVariants","process","env","GUI_HEADLESS","Provider","ToastInteractiveProvider","useStyledContext","createStyledContext","onClose","forwardRef","props","forwardedRef","scope","type","duration","durationProp","open","onEscapeKeyDown","onPause","onResume","onSwipeStart","onSwipeMove","onSwipeCancel","onSwipeEnd","viewportName","toastProps","isPresent","useIsPresent","context","useToastProviderContext","node","setNode","useState","composedRefs","useComposedRefs","closeTimerStartTimeRef","useRef","closeTimerRemainingTimeRef","closeTimerRef","onToastAdd","onToastRemove","viewport","useMemo","viewports","handleClose","useEvent","isWeb","contains","document","activeElement","focus","startTimer","useCallback","duration2","Number","POSITIVE_INFINITY","clearTimeout","current","Date","getTime","setTimeout","handleResume","handlePause","elapsedTime","window","useEffect","addEventListener","VIEWPORT_PAUSE","VIEWPORT_RESUME","removeEventListener","isClosePausedRef","announceTextContent","getAnnounceTextContent","isHorizontalSwipe","includes","swipeDirection","animationDriver","useConfiguration","Error","useAnimatedNumber","useAnimatedNumberStyle","animatedNumber","_animationDriver_NumberView","_ref","AnimatedView","View","animatedStyles","val","transform","translateX","translateY","panResponder","create","onMoveShouldSetPanResponder","e","gesture","shouldGrantGestureMove","onPanResponderGrant","onPanResponderMove","x","y","getGestureDistance","delta","setValue","isDeltaInDirection","swipeThreshold","onPanResponderEnd","param","dx","dy","themeName","useThemeName","jsxs","Fragment","children","jsx","ToastAnnounce","role","PortalItem","hostName","Dismissable","composeEventHandlers","isFocusedToastEscapeKeyDownRef","Theme","contain","forceClassName","panHandlers","style","margin","Collection","ItemSlot","toastScope","pointerEvents","touchAction","userSelect","ref","onKeyDown","event","key","defaultPrevented","id","propTypes","error","TOAST_NAME","direction","threshold","arguments","length","deltaX","Math","abs","deltaY","isDeltaX","container","textContent","Array","from","childNodes","forEach","nodeType","TEXT_NODE","push","isHTMLElement","isHidden","ariaHidden","hidden","display","isExcluded","dataset","toastAnnounceExclude","altText","toastAnnounceAlt","ELEMENT_NODE","GESTURE_GRANT_THRESHOLD","dir","min","max"],"sources":["../../src/ToastImpl.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/ToastItemFrame.cjs

@@ -0,0 +1,143 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ToastItemFrame_exports = {};
+__export(ToastItemFrame_exports, {
+  DefaultCloseIcon: () => DefaultCloseIcon,
+  ToastActionFrame: () => ToastActionFrame,
+  ToastCloseFrame: () => ToastCloseFrame,
+  ToastItemFrame: () => ToastItemFrame,
+  ToastPositionWrapper: () => ToastPositionWrapper
+});
+module.exports = __toCommonJS(ToastItemFrame_exports);
+var import_core = require("@hanzogui/core");
+var import_stacks = require("@hanzogui/stacks");
+var import_text = require("@hanzogui/text");
+var import_jsx_runtime = require("react/jsx-runtime");
+const ToastPositionWrapper = (0, import_core.styled)(import_stacks.YStack, {
+  name: "ToastPositionWrapper",
+  pointerEvents: "auto",
+  position: "absolute",
+  left: 0,
+  right: 0,
+  opacity: 1,
+  scale: 1,
+  y: 0,
+  x: 0
+});
+const ToastItemFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "ToastItem",
+  userSelect: "none",
+  cursor: "default",
+  focusable: true,
+  variants: {
+    unstyled: {
+      false: {
+        backgroundColor: "$background",
+        borderRadius: "$6",
+        paddingHorizontal: "$4",
+        paddingVertical: "$3",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        shadowColor: "rgba(0, 0, 0, 0.15)",
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        shadowRadius: 12,
+        focusVisibleStyle: {
+          outlineWidth: 2,
+          outlineColor: "$color8",
+          outlineStyle: "solid"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const ToastCloseFrame = (0, import_core.styled)(import_stacks.XStack, {
+  name: "ToastClose",
+  render: "button",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  variants: {
+    unstyled: {
+      false: {
+        width: 18,
+        height: 18,
+        borderRadius: "$10",
+        backgroundColor: "$background",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        shadowColor: "rgba(0, 0, 0, 0.08)",
+        shadowOffset: {
+          width: 0,
+          height: 1
+        },
+        shadowRadius: 3,
+        hoverStyle: {
+          backgroundColor: "$color3"
+        },
+        pressStyle: {
+          backgroundColor: "$color4"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const ToastActionFrame = (0, import_core.styled)(import_stacks.XStack, {
+  name: "ToastAction",
+  render: "button",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: "$2",
+        paddingHorizontal: "$2",
+        height: 24,
+        backgroundColor: "$color5",
+        hoverStyle: {
+          backgroundColor: "$color6"
+        },
+        pressStyle: {
+          backgroundColor: "$color7"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const DefaultCloseIcon = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_text.SizableText, {
+  size: "$1",
+  color: "$color11",
+  children: "\u2715"
+});

package/dist/cjs/ToastItemFrame.native.js

@@ -0,0 +1,148 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ToastItemFrame_exports = {};
+__export(ToastItemFrame_exports, {
+  DefaultCloseIcon: () => DefaultCloseIcon,
+  ToastActionFrame: () => ToastActionFrame,
+  ToastCloseFrame: () => ToastCloseFrame,
+  ToastItemFrame: () => ToastItemFrame,
+  ToastPositionWrapper: () => ToastPositionWrapper
+});
+module.exports = __toCommonJS(ToastItemFrame_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@hanzogui/core");
+var import_stacks = require("@hanzogui/stacks");
+var import_text = require("@hanzogui/text");
+var ToastPositionWrapper = (0, import_core.styled)(import_stacks.YStack, {
+  name: "ToastPositionWrapper",
+  pointerEvents: "auto",
+  position: "absolute",
+  left: 0,
+  right: 0,
+  opacity: 1,
+  scale: 1,
+  y: 0,
+  x: 0
+});
+var ToastItemFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "ToastItem",
+  userSelect: "none",
+  cursor: "default",
+  focusable: true,
+  variants: {
+    unstyled: {
+      false: {
+        backgroundColor: "$background",
+        borderRadius: "$6",
+        paddingHorizontal: "$4",
+        paddingVertical: "$3",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        shadowColor: "rgba(0, 0, 0, 0.15)",
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        shadowRadius: 12,
+        focusVisibleStyle: {
+          outlineWidth: 2,
+          outlineColor: "$color8",
+          outlineStyle: "solid"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var ToastCloseFrame = (0, import_core.styled)(import_stacks.XStack, {
+  name: "ToastClose",
+  render: "button",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  variants: {
+    unstyled: {
+      false: {
+        width: 18,
+        height: 18,
+        borderRadius: "$10",
+        backgroundColor: "$background",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        shadowColor: "rgba(0, 0, 0, 0.08)",
+        shadowOffset: {
+          width: 0,
+          height: 1
+        },
+        shadowRadius: 3,
+        hoverStyle: {
+          backgroundColor: "$color3"
+        },
+        pressStyle: {
+          backgroundColor: "$color4"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var ToastActionFrame = (0, import_core.styled)(import_stacks.XStack, {
+  name: "ToastAction",
+  render: "button",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: "$2",
+        paddingHorizontal: "$2",
+        height: 24,
+        backgroundColor: "$color5",
+        hoverStyle: {
+          backgroundColor: "$color6"
+        },
+        pressStyle: {
+          backgroundColor: "$color7"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var DefaultCloseIcon = function () {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_text.SizableText, {
+    size: "$1",
+    color: "$color11",
+    children: "\u2715"
+  });
+};
+//# sourceMappingURL=ToastItemFrame.native.js.map