@cdx-ui/components 0.0.1-beta.15 → 0.0.1-beta.151

package/lib/commonjs/components/Toast/index.js

@@ -0,0 +1,508 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultToast = DefaultToast;
+exports.Toast = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _utils = require("@cdx-ui/utils");
+var _icons = require("@cdx-ui/icons");
+var _primitives = require("@cdx-ui/primitives");
+var _animationSettings = require("../../providers/animation-settings");
+var _lifecycle = require("../../providers/toast/lifecycle.context");
+var _toastConfig = require("../../providers/toast/toast-config.context");
+var _Button = require("../Button");
+var _Text = require("../Text");
+var _Icon = require("../Icon");
+var _IconButton = require("../IconButton");
+var _animation = require("./animation");
+var _hooks = require("./hooks");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SCOPE = 'TOAST';
+const useToastStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
+const AnimatedToastRoot = _reactNativeReanimated.default.createAnimatedComponent(_primitives.ToastRoot);
+const IS_WEB = _reactNative.Platform.OS === 'web';
+let hasWarnedToastDefaultColor = false;
+
+/**
+ * Fallback timeout for web exit transitions. Covers cases where
+ * `transitionend` never fires — `prefers-reduced-motion: reduce`
+ * collapsing the transition, a backgrounded tab, or the element being
+ * hidden before it triggers. Longer than the longest CSS transition
+ * (200ms enter / 150ms exit) plus a ~100ms buffer.
+ */
+const WEB_TRANSITION_SAFETY_MS = 300;
+// --------------------------------------------------
+
+const ToastRoot = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const globalConfig = (0, _toastConfig.useToastConfig)();
+  const {
+    children,
+    color: localColor,
+    placement: localPlacement,
+    index,
+    total,
+    heights,
+    maxVisibleToasts,
+    className,
+    style,
+    animation: localAnimation,
+    isSwipeable: localIsSwipeable,
+    isAnimatedStyleActive = true,
+    hide,
+    ...restProps
+  } = props;
+
+  /**
+   * Merge global config with local props, ensuring local props take precedence
+   */
+  const resolvedColor = localColor ?? globalConfig?.color ?? 'neutral';
+  const placement = localPlacement ?? globalConfig?.placement ?? 'bottom';
+  const animation = localAnimation ?? globalConfig?.animation;
+  const isSwipeable = localIsSwipeable ?? globalConfig?.isSwipeable;
+  (0, _react.useEffect)(() => {
+    if (__DEV__ && resolvedColor === 'default' && !hasWarnedToastDefaultColor) {
+      hasWarnedToastDefaultColor = true;
+      console.warn('[Toast] The `default` color is deprecated and will be removed in a future major release. Use `neutral` instead.');
+    }
+  }, [resolvedColor]);
+  const color = resolvedColor === 'default' ? 'neutral' : resolvedColor;
+
+  // Access id from props (id is omitted from ToastProps type but available at runtime)
+  const toastProps = props;
+  const {
+    id
+  } = toastProps;
+  const rootClassName = (0, _utils.cn)((0, _styles.toastRootVariants)({
+    color
+  }), className);
+
+  // Extract padding and backgroundColor for placeholder Views
+  const {
+    topStyle,
+    bottomStyle
+  } = (0, _hooks.useVerticalPlaceholderStyles)({
+    rootClassName,
+    style
+  });
+  const {
+    rContainerStyle,
+    entering,
+    exiting,
+    panGesture,
+    isAllAnimationsDisabled
+  } = (0, _animation.useToastRootAnimation)({
+    animation,
+    index,
+    total,
+    heights,
+    placement,
+    hide,
+    id,
+    isSwipeable,
+    maxVisibleToasts
+  });
+  const rootStyle = isAnimatedStyleActive ? [_styles.toastStyleSheet.root, rContainerStyle, style] : [_styles.toastStyleSheet.root, style];
+  const animationSettingsContextValue = (0, _react.useMemo)(() => ({
+    isAllAnimationsDisabled
+  }), [isAllAnimationsDisabled]);
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
+      color,
+      hide,
+      id
+    }
+  }), [parent, color, hide, id]);
+
+  // ---- Web enter/exit lifecycle -----------------------------------------
+  // On web the CSS engine drives enter/exit via `data-state` transitions
+  // (see `toastWrapperVariants`). The state machine is:
+  //   mount → `entering` → (rAF) → `open` → (hide) → `closed` → (transitionend) → unmount
+  // Native ignores `dataState`; Reanimated `entering` / `exiting` still handle the visuals.
+
+  const lifecycle = (0, _lifecycle.useToastLifecycle)();
+  const isPendingRemoval = lifecycle?.pendingRemovalIds.has(id) ?? false;
+  const isFrontmost = lifecycle?.frontmostId === id;
+  const [localState, setLocalState] = (0, _react.useState)('entering');
+  (0, _react.useEffect)(() => {
+    if (!IS_WEB) return;
+    // rAF ensures the first paint commits with `data-state="entering"`
+    // (opacity 0 + slight translate), then the next frame transitions
+    // to `data-state="open"` with the CSS engine driving the animation.
+    const raf = requestAnimationFrame(() => {
+      setLocalState('open');
+    });
+    return () => cancelAnimationFrame(raf);
+  }, []);
+  const dataState = isPendingRemoval ? 'closed' : localState;
+  const wrapperRef = (0, _react.useRef)(null);
+
+  // Keep the latest `remove` reachable from a ref so the pending-removal effect
+  // below doesn't list `lifecycle` in its dep array. The context value changes
+  // whenever any toast in the stack updates, which would otherwise reset the
+  // safety timeout on every unrelated re-render.
+  const removeRef = (0, _react.useRef)(lifecycle?.remove);
+  removeRef.current = lifecycle?.remove;
+  (0, _react.useEffect)(() => {
+    if (!IS_WEB) return;
+    if (!isPendingRemoval) return;
+    const node = wrapperRef.current;
+    let removed = false;
+    const doRemove = () => {
+      if (removed) return;
+      removed = true;
+      removeRef.current?.(id);
+    };
+    const safetyTimer = setTimeout(doRemove, WEB_TRANSITION_SAFETY_MS);
+    if (!node || typeof node.addEventListener !== 'function') {
+      return () => {
+        clearTimeout(safetyTimer);
+      };
+    }
+    const handler = event => {
+      const propertyName = event.propertyName ?? '';
+      // Ignore transitions on unrelated properties (e.g. shadow tokens) so
+      // we don't unmount before the exit animation actually completes.
+      if (propertyName === 'opacity' || propertyName === 'transform') {
+        doRemove();
+      }
+    };
+    node.addEventListener('transitionend', handler);
+    return () => {
+      clearTimeout(safetyTimer);
+      node.removeEventListener('transitionend', handler);
+    };
+  }, [isPendingRemoval, id]);
+  const wrapperClassName = (0, _utils.cn)((0, _styles.toastWrapperVariants)({
+    placement
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationSettings.AnimationSettingsProvider, {
+    value: animationSettingsContextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+      value: ctx,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+        gesture: panGesture,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+          ref: wrapperRef,
+          className: wrapperClassName,
+          entering: entering,
+          exiting: exiting,
+          ...(IS_WEB && {
+            tabIndex: isFrontmost ? 0 : -1
+          }),
+          ...(0, _primitives.mergeDataAttributes)((0, _primitives.dataAttributes)({
+            state: dataState
+          }), isFrontmost ? (0, _primitives.dataAttributes)({
+            frontmost: 'true'
+          }) : undefined),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(AnimatedToastRoot, {
+            ref: ref,
+            className: rootClassName,
+            style: rootStyle,
+            ...restProps,
+            ...(0, _primitives.mergeDataAttributes)(restProps, (0, _primitives.dataAttributes)({
+              slot: 'toast',
+              placement,
+              index: String(index ?? 0),
+              ...(isFrontmost && {
+                frontmost: 'true'
+              })
+            })),
+            children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              className: "absolute left-0 right-0 top-0",
+              style: topStyle
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              className: "absolute left-0 right-0 bottom-0",
+              style: bottomStyle
+            })]
+          }), !IS_WEB && /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedToastRoot, {
+            pointerEvents: "none",
+            className: (0, _utils.cn)(rootClassName, 'absolute opacity-0'),
+            style: [_styles.toastStyleSheet.root, style],
+            onLayout: event => {
+              const measuredHeight = event.nativeEvent.layout.height;
+              heights.modify(value => {
+                'worklet';
+
+                return {
+                  ...value,
+                  [id]: measuredHeight
+                };
+              });
+            },
+            ...restProps,
+            children: children
+          })]
+        })
+      })
+    })
+  });
+});
+
+// --------------------------------------------------
+
+const ToastTitle = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    className,
+    ...restProps
+  } = props;
+  const {
+    nativeID
+  } = (0, _primitives.useToastContext)();
+  const {
+    color
+  } = useToastStyleContext();
+  const labelClassName = (0, _utils.cn)((0, _styles.toastLabelVariants)({
+    color
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    ref: ref,
+    className: labelClassName,
+    nativeID: `${nativeID}_label`,
+    role: "heading",
+    "aria-level": 3,
+    ...restProps,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+const ToastDescription = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    className,
+    ...restProps
+  } = props;
+  const {
+    nativeID
+  } = (0, _primitives.useToastContext)();
+  const {
+    color
+  } = useToastStyleContext();
+  const descriptionClassName = (0, _utils.cn)((0, _styles.toastDescriptionVariants)({
+    color
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    ref: ref,
+    className: descriptionClassName,
+    nativeID: `${nativeID}_description`,
+    ...restProps,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+const ToastIcon = ({
+  asChild,
+  className,
+  style,
+  as,
+  ...props
+}) => {
+  const {
+    color
+  } = useToastStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.toastIconVariants)({
+    color
+  }), className);
+  if (asChild) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Slot, {
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'toast-icon'
+      }))
+    });
+  }
+  if (!as) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    as: as,
+    className: computedClassName,
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'toast-icon'
+    }))
+  });
+};
+ToastIcon.displayName = 'Toast.Icon';
+
+// --------------------------------------------------
+
+const ToastAction = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    variant,
+    color,
+    size = 'small',
+    className,
+    ...restProps
+  } = props;
+  const {
+    color: toastColor
+  } = useToastStyleContext();
+
+  // TODO: Add toastActionVariants to styles.ts to restore color-aware action styling
+
+  const buttonColor = (0, _hooks.useButtonColor)({
+    color,
+    toastColor
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    ref: ref,
+    variant: variant ?? 'outline',
+    color: buttonColor,
+    size: size,
+    className: className,
+    ...restProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button.Label, {
+      children: children
+    })
+  });
+});
+
+// --------------------------------------------------
+
+const ToastClose = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    size = 'small',
+    className,
+    onPress,
+    ...restProps
+  } = props;
+  const {
+    hide,
+    id
+  } = useToastStyleContext();
+
+  /**
+   * Handle close button press
+   * If hide and id are available from context, use them to hide the toast
+   * Otherwise, use the provided onPress handler
+   */
+  const handlePress = event => {
+    if (hide && id) {
+      hide(id);
+    }
+    if (onPress && typeof onPress === 'function') {
+      onPress(event);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+    ref: ref,
+    variant: "ghost",
+    size: size,
+    "aria-label": "Close",
+    className: className,
+    onPress: handlePress,
+    as: _icons.CloseIcon,
+    ...restProps
+  });
+});
+
+// --------------------------------------------------
+
+/**
+ * Default styled toast component for simplified toast.show() API
+ * Used internally when showing toasts with string or config object (without component)
+ */
+function DefaultToast(props) {
+  const globalConfig = (0, _toastConfig.useToastConfig)();
+  const {
+    id,
+    color: localColor,
+    placement: localPlacement,
+    isSwipeable: localIsSwipeable,
+    animation: localAnimation,
+    label,
+    description,
+    actionLabel,
+    onActionPress,
+    icon,
+    hide,
+    show,
+    ...toastComponentProps
+  } = props;
+
+  /**
+   * Merge global config with local props, ensuring local props take precedence
+   */
+  const rawDefaultColor = localColor ?? globalConfig?.color ?? 'neutral';
+  const placement = localPlacement ?? globalConfig?.placement ?? 'bottom';
+  const isSwipeable = localIsSwipeable ?? globalConfig?.isSwipeable;
+  const animation = localAnimation ?? globalConfig?.animation;
+  (0, _react.useEffect)(() => {
+    if (__DEV__ && rawDefaultColor === 'default' && !hasWarnedToastDefaultColor) {
+      hasWarnedToastDefaultColor = true;
+      console.warn('[Toast] The `default` color is deprecated and will be removed in a future major release. Use `neutral` instead.');
+    }
+  }, [rawDefaultColor]);
+  const color = rawDefaultColor === 'default' ? 'neutral' : rawDefaultColor;
+  const handleActionPress = () => {
+    if (onActionPress) {
+      onActionPress({
+        show,
+        hide
+      });
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ToastRoot, {
+    id: id,
+    color: color,
+    placement: placement,
+    isSwipeable: isSwipeable,
+    animation: animation,
+    className: "flex-row gap-3",
+    hide: hide,
+    show: show,
+    ...(color === 'danger' && {
+      role: 'alert'
+    }),
+    ...toastComponentProps,
+    children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastIcon, {
+      as: icon
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: "flex-1",
+      children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastTitle, {
+        children: label
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastDescription, {
+        children: description
+      })]
+    }), actionLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastAction, {
+      onPress: handleActionPress,
+      children: actionLabel
+    })]
+  });
+}
+
+// --------------------------------------------------
+
+ToastRoot.displayName = 'Toast';
+ToastTitle.displayName = 'Toast.Title';
+ToastDescription.displayName = 'Toast.Description';
+ToastIcon.displayName = 'Toast.Icon';
+ToastAction.displayName = 'Toast.Action';
+ToastClose.displayName = 'Toast.Close';
+const Toast = exports.Toast = Object.assign(ToastRoot, {
+  Title: ToastTitle,
+  Description: ToastDescription,
+  Icon: ToastIcon,
+  Action: ToastAction,
+  Close: ToastClose
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireDefault","_utils","_icons","_primitives","_animationSettings","_lifecycle","_toastConfig","_Button","_Text","_Icon","_IconButton","_animation","_hooks","_styles","_jsxRuntime","e","__esModule","default","SCOPE","useToastStyleContext","useStyleContext","AnimatedToastRoot","Animated","createAnimatedComponent","ToastRootPrimitive","IS_WEB","Platform","OS","hasWarnedToastDefaultColor","WEB_TRANSITION_SAFETY_MS","ToastRoot","forwardRef","props","ref","globalConfig","useToastConfig","children","color","localColor","placement","localPlacement","index","total","heights","maxVisibleToasts","className","style","animation","localAnimation","isSwipeable","localIsSwipeable","isAnimatedStyleActive","hide","restProps","resolvedColor","useEffect","__DEV__","console","warn","toastProps","id","rootClassName","cn","toastRootVariants","topStyle","bottomStyle","useVerticalPlaceholderStyles","rContainerStyle","entering","exiting","panGesture","isAllAnimationsDisabled","useToastRootAnimation","rootStyle","toastStyleSheet","root","animationSettingsContextValue","useMemo","parent","useParentContext","ctx","lifecycle","useToastLifecycle","isPendingRemoval","pendingRemovalIds","has","isFrontmost","frontmostId","localState","setLocalState","useState","raf","requestAnimationFrame","cancelAnimationFrame","dataState","wrapperRef","useRef","removeRef","remove","current","node","removed","doRemove","safetyTimer","setTimeout","addEventListener","clearTimeout","handler","event","propertyName","removeEventListener","wrapperClassName","toastWrapperVariants","jsx","AnimationSettingsProvider","value","ParentContext","Provider","GestureDetector","gesture","jsxs","View","tabIndex","mergeDataAttributes","dataAttributes","state","frontmost","undefined","slot","String","pointerEvents","onLayout","measuredHeight","nativeEvent","layout","height","modify","ToastTitle","nativeID","useToastContext","labelClassName","toastLabelVariants","Text","role","ToastDescription","descriptionClassName","toastDescriptionVariants","ToastIcon","asChild","as","computedClassName","toastIconVariants","Slot","Icon","displayName","ToastAction","variant","size","toastColor","buttonColor","useButtonColor","Button","Label","ToastClose","onPress","handlePress","IconButton","CloseIcon","DefaultToast","label","description","actionLabel","onActionPress","icon","show","toastComponentProps","rawDefaultColor","handleActionPress","Toast","exports","Object","assign","Title","Description","Action","Close"],"sourceRoot":"../../../../src","sources":["components/Toast/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Toast/styles.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toastWrapperVariants = exports.toastStyleSheet = exports.toastRootVariants = exports.toastLabelVariants = exports.toastIconVariants = exports.toastDescriptionVariants = void 0;
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+/**
+ * Toast root styles
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className):
+ * The following properties are animated and cannot be overridden using Tailwind classes:
+ * - `opacity` - Animated for visibility transitions when toasts are pushed beyond visible stack limits
+ * - `transform` (translateY) - Animated for vertical position transitions when toasts are stacked, and for swipe-to-dismiss gestures
+ * - `transform` (scale) - Animated for size scaling transitions when toasts are stacked (toasts behind active one are scaled down)
+ * - `height` - Animated for height transitions when toast content changes
+ *
+ * To customize these properties, use the `animation` prop on `Toast.Root`:
+ * ```tsx
+ * <Toast.Root
+ *   animation={{
+ *     opacity: {
+ *       value: [1, 0],
+ *       timingConfig: { duration: 300 }
+ *     },
+ *     translateY: {
+ *       value: [0, 10],
+ *       timingConfig: { duration: 300 }
+ *     },
+ *     scale: {
+ *       value: [1, 0.97],
+ *       timingConfig: { duration: 300 }
+ *     }
+ *   }}
+ * />
+ * ```
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `Toast.Root`.
+ */
+const toastRootVariants = exports.toastRootVariants = (0, _utils.cva)([
+// `overflow-hidden` was intentionally removed: on web it clips the drop
+// shadow and clips the child's transform mid-transition, producing a
+// visual "cut off" during enter/exit. Consumers that need clipping for
+// custom child content (e.g. a background image) can add it themselves.
+'flex-row items-center gap-2 rounded-[var(--border-radius-default)] min-h-12 px-4 py-2 shadow-lg bg-surface-primary border border-stroke-secondary', 'native:overflow-hidden'], {
+  variants: {
+    color: {
+      neutral: '',
+      info: '',
+      success: '',
+      warning: '',
+      danger: ''
+    }
+  },
+  defaultVariants: {
+    color: 'neutral'
+  }
+});
+
+/**
+ * Toast wrapper variants
+ *
+ * Applied to the outer `Animated.View` that carries `data-state="entering|open|closed"`.
+ * On web the CSS engine drives the enter/exit animation via `data-state` transitions —
+ * fade + short translate — replacing the Reanimated layout animations that ran on
+ * the same element on native. Native ignores these classes (no `web:` prefix hits).
+ *
+ * `placement` picks the slide direction so top-placed toasts translate up on close and
+ * bottom-placed toasts translate down. The unprefixed `-translate-y-2` / `translate-y-2`
+ * on the `top-*` / `bottom-*` variants also seeds the entering-state offset synchronously
+ * — CSS transitions to `translate-y-0` when `data-state` flips to `open`.
+ *
+ * `motion-reduce:transition-none` collapses the transition for users with
+ * `prefers-reduced-motion: reduce`. In that case `transitionend` may never fire, so
+ * the Toast component's safety timeout handles removal.
+ */
+const toastWrapperVariants = exports.toastWrapperVariants = (0, _utils.cva)(['absolute', 'web:transition-[opacity,transform] web:duration-200 web:ease-out', 'web:data-[state=entering]:opacity-0', 'web:data-[state=open]:opacity-100', 'web:data-[state=closed]:opacity-0 web:data-[state=closed]:duration-150', 'web:motion-reduce:transition-none web:motion-reduce:duration-0'], {
+  variants: {
+    placement: {
+      'top-start': ['top-0 native:left-0 native:right-0', 'web:left-0 web:max-w-[460px]', 'web:data-[state=entering]:-translate-y-2', 'web:data-[state=closed]:-translate-y-2'],
+      top: ['top-0 native:left-0 native:right-0', 'web:left-1/2 web:-translate-x-1/2 web:max-w-[460px]', 'web:data-[state=entering]:-translate-y-2', 'web:data-[state=closed]:-translate-y-2'],
+      'top-end': ['top-0 native:left-0 native:right-0', 'web:right-0 web:max-w-[460px]', 'web:data-[state=entering]:-translate-y-2', 'web:data-[state=closed]:-translate-y-2'],
+      'bottom-start': ['bottom-0 native:left-0 native:right-0', 'web:left-0 web:max-w-[460px]', 'web:data-[state=entering]:translate-y-2', 'web:data-[state=closed]:translate-y-2'],
+      bottom: ['bottom-0 native:left-0 native:right-0', 'web:left-1/2 web:-translate-x-1/2 web:max-w-[460px]', 'web:data-[state=entering]:translate-y-2', 'web:data-[state=closed]:translate-y-2'],
+      'bottom-end': ['bottom-0 native:left-0 native:right-0', 'web:right-0 web:max-w-[460px]', 'web:data-[state=entering]:translate-y-2', 'web:data-[state=closed]:translate-y-2']
+    }
+  },
+  defaultVariants: {
+    placement: 'bottom'
+  }
+});
+const toastLabelVariants = exports.toastLabelVariants = (0, _utils.cva)(['text-base font-sans-medium'], {
+  variants: {
+    color: {
+      neutral: 'text-content-primary',
+      info: 'text-content-info',
+      success: 'text-content-success',
+      warning: 'text-content-warning',
+      danger: 'text-content-danger'
+    }
+  },
+  defaultVariants: {
+    color: 'neutral'
+  }
+});
+const toastDescriptionVariants = exports.toastDescriptionVariants = (0, _utils.cva)(['text-sm text-content-primary'], {
+  variants: {
+    color: {
+      neutral: 'text-content-primary',
+      info: 'text-content-info',
+      success: 'text-content-success',
+      warning: 'text-content-warning',
+      danger: 'text-content-danger'
+    }
+  },
+  defaultVariants: {
+    color: 'neutral'
+  }
+});
+const toastIconVariants = exports.toastIconVariants = (0, _utils.cva)(['size-5'], {
+  variants: {
+    color: {
+      neutral: 'text-content-primary',
+      info: 'text-content-info',
+      success: 'text-content-success',
+      warning: 'text-content-warning',
+      danger: 'text-content-danger'
+    }
+  },
+  defaultVariants: {
+    color: 'neutral'
+  }
+});
+const toastStyleSheet = exports.toastStyleSheet = _reactNative.StyleSheet.create({
+  root: {
+    borderCurve: 'continuous'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/Toast/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_utils","toastRootVariants","exports","cva","variants","color","neutral","info","success","warning","danger","defaultVariants","toastWrapperVariants","placement","top","bottom","toastLabelVariants","toastDescriptionVariants","toastIconVariants","toastStyleSheet","StyleSheet","create","root","borderCurve"],"sourceRoot":"../../../../src","sources":["components/Toast/styles.ts"],"mappings":"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","ignoreList":[]}