@cdx-ui/components 0.0.1-beta.18 → 0.0.1-beta.181

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

@@ -0,0 +1,502 @@
+"use strict";
+
+import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { GestureDetector } from 'react-native-gesture-handler';
+import Animated from 'react-native-reanimated';
+import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
+import { CloseIcon } from '@cdx-ui/icons';
+import { ToastRoot as ToastRootPrimitive, useToastContext, Slot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
+import { AnimationSettingsProvider } from '../../providers/animation-settings';
+import { useToastLifecycle } from '../../providers/toast/lifecycle.context';
+import { useToastConfig } from '../../providers/toast/toast-config.context';
+import { Button } from '../Button';
+import { Text } from '../Text';
+import { Icon } from '../Icon';
+import { IconButton } from '../IconButton';
+import { useToastRootAnimation } from './animation';
+import { useButtonColor, useVerticalPlaceholderStyles } from './hooks';
+import { toastRootVariants, toastLabelVariants, toastDescriptionVariants, toastIconVariants, toastStyleSheet, toastWrapperVariants } from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SCOPE = 'TOAST';
+const useToastStyleContext = () => useStyleContext(SCOPE);
+const AnimatedToastRoot = Animated.createAnimatedComponent(ToastRootPrimitive);
+const IS_WEB = 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__*/forwardRef((props, ref) => {
+  const globalConfig = 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;
+  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 = cn(toastRootVariants({
+    color
+  }), className);
+
+  // Extract padding and backgroundColor for placeholder Views
+  const {
+    topStyle,
+    bottomStyle
+  } = useVerticalPlaceholderStyles({
+    rootClassName,
+    style
+  });
+  const {
+    rContainerStyle,
+    entering,
+    exiting,
+    panGesture,
+    isAllAnimationsDisabled
+  } = useToastRootAnimation({
+    animation,
+    index,
+    total,
+    heights,
+    placement,
+    hide,
+    id,
+    isSwipeable,
+    maxVisibleToasts
+  });
+  const rootStyle = isAnimatedStyleActive ? [toastStyleSheet.root, rContainerStyle, style] : [toastStyleSheet.root, style];
+  const animationSettingsContextValue = useMemo(() => ({
+    isAllAnimationsDisabled
+  }), [isAllAnimationsDisabled]);
+  const parent = useParentContext();
+  const ctx = 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 = useToastLifecycle();
+  const isPendingRemoval = lifecycle?.pendingRemovalIds.has(id) ?? false;
+  const isFrontmost = lifecycle?.frontmostIds.has(id) ?? false;
+  const [localState, setLocalState] = useState('entering');
+  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 = 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 = useRef(lifecycle?.remove);
+  removeRef.current = lifecycle?.remove;
+  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 = cn(toastWrapperVariants({
+    placement
+  }));
+  return /*#__PURE__*/_jsx(AnimationSettingsProvider, {
+    value: animationSettingsContextValue,
+    children: /*#__PURE__*/_jsx(ParentContext.Provider, {
+      value: ctx,
+      children: /*#__PURE__*/_jsx(GestureDetector, {
+        gesture: panGesture,
+        children: /*#__PURE__*/_jsxs(Animated.View, {
+          ref: wrapperRef,
+          className: wrapperClassName,
+          entering: entering,
+          exiting: exiting,
+          ...(IS_WEB && {
+            tabIndex: isFrontmost ? 0 : -1
+          }),
+          ...mergeDataAttributes(dataAttributes({
+            state: dataState
+          }), isFrontmost ? dataAttributes({
+            frontmost: 'true'
+          }) : undefined),
+          children: [/*#__PURE__*/_jsxs(AnimatedToastRoot, {
+            ref: ref,
+            className: rootClassName,
+            style: rootStyle,
+            ...restProps,
+            ...mergeDataAttributes(restProps, dataAttributes({
+              slot: 'toast',
+              placement,
+              index: String(index ?? 0),
+              ...(isFrontmost && {
+                frontmost: 'true'
+              })
+            })),
+            children: [children, /*#__PURE__*/_jsx(View, {
+              className: "absolute left-0 right-0 top-0",
+              style: topStyle
+            }), /*#__PURE__*/_jsx(View, {
+              className: "absolute left-0 right-0 bottom-0",
+              style: bottomStyle
+            })]
+          }), !IS_WEB && /*#__PURE__*/_jsx(AnimatedToastRoot, {
+            pointerEvents: "none",
+            className: cn(rootClassName, 'absolute opacity-0'),
+            style: [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__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    ...restProps
+  } = props;
+  const {
+    nativeID
+  } = useToastContext();
+  const {
+    color
+  } = useToastStyleContext();
+  const labelClassName = cn(toastLabelVariants({
+    color
+  }), className);
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: labelClassName,
+    nativeID: `${nativeID}_label`,
+    role: "heading",
+    "aria-level": 3,
+    ...restProps,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+const ToastDescription = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    ...restProps
+  } = props;
+  const {
+    nativeID
+  } = useToastContext();
+  const {
+    color
+  } = useToastStyleContext();
+  const descriptionClassName = cn(toastDescriptionVariants({
+    color
+  }), className);
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: descriptionClassName,
+    nativeID: `${nativeID}_description`,
+    ...restProps,
+    children: children
+  });
+});
+
+// --------------------------------------------------
+
+const ToastIcon = ({
+  asChild,
+  className,
+  style,
+  as,
+  ...props
+}) => {
+  const {
+    color
+  } = useToastStyleContext();
+  const computedClassName = cn(toastIconVariants({
+    color
+  }), className);
+  if (asChild) {
+    return /*#__PURE__*/_jsx(Slot, {
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'toast-icon'
+      }))
+    });
+  }
+  if (!as) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Icon, {
+    as: as,
+    className: computedClassName,
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'toast-icon'
+    }))
+  });
+};
+ToastIcon.displayName = 'Toast.Icon';
+
+// --------------------------------------------------
+
+const ToastAction = /*#__PURE__*/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 = useButtonColor({
+    color,
+    toastColor
+  });
+  return /*#__PURE__*/_jsx(Button, {
+    ref: ref,
+    variant: variant ?? 'outline',
+    color: buttonColor,
+    size: size,
+    className: className,
+    ...restProps,
+    children: /*#__PURE__*/_jsx(Button.Label, {
+      children: children
+    })
+  });
+});
+
+// --------------------------------------------------
+
+const ToastClose = /*#__PURE__*/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__*/_jsx(IconButton, {
+    ref: ref,
+    variant: "ghost",
+    size: size,
+    "aria-label": "Close",
+    className: className,
+    onPress: handlePress,
+    as: CloseIcon,
+    ...restProps
+  });
+});
+
+// --------------------------------------------------
+
+/**
+ * Default styled toast component for simplified toast.show() API
+ * Used internally when showing toasts with string or config object (without component)
+ */
+export function DefaultToast(props) {
+  const globalConfig = 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;
+  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__*/_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__*/_jsx(ToastIcon, {
+      as: icon
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      className: "flex-1",
+      children: [label && /*#__PURE__*/_jsx(ToastTitle, {
+        children: label
+      }), description && /*#__PURE__*/_jsx(ToastDescription, {
+        children: description
+      })]
+    }), actionLabel && /*#__PURE__*/_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';
+export const Toast = Object.assign(ToastRoot, {
+  Title: ToastTitle,
+  Description: ToastDescription,
+  Icon: ToastIcon,
+  Action: ToastAction,
+  Close: ToastClose
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,138 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { cva } from '@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`.
+ */
+export const toastRootVariants = 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.
+ */
+export const toastWrapperVariants = 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'
+  }
+});
+export const toastLabelVariants = 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'
+  }
+});
+export const toastDescriptionVariants = 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'
+  }
+});
+export const toastIconVariants = 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'
+  }
+});
+export const toastStyleSheet = StyleSheet.create({
+  root: {
+    borderCurve: 'continuous'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","cva","toastRootVariants","variants","color","neutral","info","success","warning","danger","defaultVariants","toastWrapperVariants","placement","top","bottom","toastLabelVariants","toastDescriptionVariants","toastIconVariants","toastStyleSheet","create","root","borderCurve"],"sourceRoot":"../../../../src","sources":["components/Toast/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,GAAG,QAA2B,eAAe;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGD,GAAG,CAClC;AACE;AACA;AACA;AACA;AACA,mJAAmJ,EACnJ,wBAAwB,CACzB,EACD;EACEE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,IAAI,EAAE,EAAE;MACRC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMO,oBAAoB,GAAGV,GAAG,CACrC,CACE,UAAU,EACV,kEAAkE,EAClE,qCAAqC,EACrC,mCAAmC,EACnC,wEAAwE,EACxE,gEAAgE,CACjE,EACD;EACEE,QAAQ,EAAE;IACRS,SAAS,EAAE;MACT,WAAW,EAAE,CACX,oCAAoC,EACpC,8BAA8B,EAC9B,0CAA0C,EAC1C,wCAAwC,CACzC;MACDC,GAAG,EAAE,CACH,oCAAoC,EACpC,qDAAqD,EACrD,0CAA0C,EAC1C,wCAAwC,CACzC;MACD,SAAS,EAAE,CACT,oCAAoC,EACpC,+BAA+B,EAC/B,0CAA0C,EAC1C,wCAAwC,CACzC;MACD,cAAc,EAAE,CACd,uCAAuC,EACvC,8BAA8B,EAC9B,yCAAyC,EACzC,uCAAuC,CACxC;MACDC,MAAM,EAAE,CACN,uCAAuC,EACvC,qDAAqD,EACrD,yCAAyC,EACzC,uCAAuC,CACxC;MACD,YAAY,EAAE,CACZ,uCAAuC,EACvC,+BAA+B,EAC/B,yCAAyC,EACzC,uCAAuC;IAE3C;EACF,CAAC;EACDJ,eAAe,EAAE;IACfE,SAAS,EAAE;EACb;AACF,CACF,CAAC;AAED,OAAO,MAAMG,kBAAkB,GAAGd,GAAG,CAAC,CAAC,4BAA4B,CAAC,EAAE;EACpEE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,IAAI,EAAE,mBAAmB;MACzBC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE,sBAAsB;MAC/BC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMY,wBAAwB,GAAGf,GAAG,CAAC,CAAC,8BAA8B,CAAC,EAAE;EAC5EE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,IAAI,EAAE,mBAAmB;MACzBC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE,sBAAsB;MAC/BC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMa,iBAAiB,GAAGhB,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE;EAC/CE,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE,sBAAsB;MAC/BC,IAAI,EAAE,mBAAmB;MACzBC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE,sBAAsB;MAC/BC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMc,eAAe,GAAGlB,UAAU,CAACmB,MAAM,CAAC;EAC/CC,IAAI,EAAE;IACJC,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Toast/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Toast/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Toast/types.ts"],"mappings":"","ignoreList":[]}