@oxyhq/bloom 0.50.2 → 0.51.0

package/lib/module/toast/ToastContent.js

@@ -0,0 +1,295 @@
+"use strict";
+
+/**
+ * Derived from sonner-native v0.26.4 — src/toast.tsx:440-689
+ * (MIT © Gunnar Torfi Steinarsson — see the top-level NOTICE), restyled with
+ * Bloom's design tokens and absorbing the surface/text/action styling from
+ * Bloom's previous `Toast.tsx`.
+ *
+ * This is the DEFAULT renderer. A consumer who passes `jsx` (via `toast.custom`)
+ * owns the whole row and this file is not involved.
+ *
+ * W11 — the surface elevation comes from `bloomShadowStyle('s')`, which is a
+ * `boxShadow` on web and RN `shadow*`/`elevation` on native. Upstream hardcodes
+ * iOS-only `shadowOpacity`/`shadowRadius` values, so its toast has no shadow on
+ * web (no `boxShadow`) and none on iOS either (no `shadowColor`).
+ */
+import * as React from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { bloomShadowStyle } from '../design-tokens/shadows';
+import { useInteractionState } from "../hooks/useInteractionState.js";
+import { TimesLarge_Stroke2_Corner0_Rounded as TimesIcon } from "../icons/Times.js";
+import { borderRadius, fontSize, space } from "../styles/tokens.js";
+import { ToastIcon } from "./ToastIcon.js";
+import { useToastColors } from "./use-toast-colors.js";
+import { isToastAction } from "./types.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function ToastContent({
+  id,
+  title,
+  description,
+  variant,
+  icon,
+  icons,
+  action,
+  cancel,
+  close,
+  closeButton,
+  dismissible,
+  richColors = false,
+  promiseOptions,
+  styles: styleOverrides,
+  style,
+  unstyled,
+  onDismiss,
+  actionButtonStyle,
+  actionButtonTextStyle,
+  cancelButtonStyle,
+  cancelButtonTextStyle,
+  allowFontScaling,
+  maxFontSizeMultiplier,
+  backgroundComponent
+}) {
+  const colors = useToastColors({
+    variant,
+    richColors
+  });
+  const isLoading = Boolean(promiseOptions) || variant === 'loading';
+  const surfaceStyle = unstyled ? undefined : {
+    backgroundColor: colors.surface,
+    borderColor: colors.border
+  };
+  const textProps = {
+    allowFontScaling,
+    maxFontSizeMultiplier
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [unstyled ? undefined : styles.surface, surfaceStyle,
+    // A custom background needs the surface transparent and clipped so it can
+    // paint edge to edge underneath the content.
+    backgroundComponent ? styles.hostedBackground : undefined, styleOverrides?.toast, style],
+    children: [backgroundComponent, /*#__PURE__*/_jsxs(View, {
+      style: [unstyled ? undefined : styles.row,
+      // With a description the row is tall, so the icon sits at the top
+      // instead of being centred against two lines of text.
+      unstyled || !description ? undefined : styles.rowWithDescription, backgroundComponent ? styles.aboveBackground : undefined, styleOverrides?.toastContent],
+      children: [/*#__PURE__*/_jsx(ToastLeadingIcon, {
+        variant: variant,
+        icon: icon,
+        icons: icons,
+        isLoading: isLoading,
+        color: colors.icon
+      }), /*#__PURE__*/_jsxs(View, {
+        style: [styles.textContainer, styleOverrides?.textContainer],
+        children: [/*#__PURE__*/_jsx(Text, {
+          ...textProps,
+          style: [unstyled ? undefined : styles.title, unstyled ? undefined : {
+            color: colors.title
+          }, styleOverrides?.title],
+          children: title
+        }), description ? /*#__PURE__*/_jsx(Text, {
+          ...textProps,
+          style: [unstyled ? undefined : styles.description, unstyled ? undefined : {
+            color: colors.description
+          }, styleOverrides?.description],
+          children: description
+        }) : null, action || cancel ? /*#__PURE__*/_jsxs(View, {
+          style: [unstyled ? undefined : styles.buttons, styleOverrides?.buttons],
+          children: [isToastAction(action) ? /*#__PURE__*/_jsx(ToastActionButton, {
+            action: action,
+            colors: colors.action,
+            buttonStyle: actionButtonStyle,
+            textStyle: actionButtonTextStyle,
+            ...textProps
+          }) : action, isToastAction(cancel) ? /*#__PURE__*/_jsx(ToastActionButton, {
+            action: {
+              label: cancel.label,
+              onClick: () => {
+                cancel.onClick();
+                onDismiss(id);
+              }
+            },
+            colors: colors.action,
+            transparent: true,
+            buttonStyle: cancelButtonStyle,
+            textStyle: [{
+              color: colors.cancelText
+            }, cancelButtonTextStyle],
+            ...textProps
+          }) : cancel]
+        }) : null]
+      }), /*#__PURE__*/_jsx(ToastCloseButton, {
+        id: id,
+        close: close,
+        closeButton: closeButton,
+        dismissible: dismissible,
+        color: colors.closeButton,
+        onDismiss: onDismiss,
+        buttonStyle: styleOverrides?.closeButton,
+        iconStyle: styleOverrides?.closeButtonIcon
+      })]
+    })]
+  });
+}
+ToastContent.displayName = 'ToastContent';
+function ToastLeadingIcon({
+  variant,
+  icon,
+  icons,
+  isLoading,
+  color
+}) {
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: icons.loading ?? /*#__PURE__*/_jsx(ToastIcon, {
+        variant: "loading",
+        color: color
+      })
+    });
+  }
+  if (icon) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: icon
+    });
+  }
+  if (variant && icons[variant]) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: icons[variant]
+    });
+  }
+  return /*#__PURE__*/_jsx(ToastIcon, {
+    variant: variant,
+    color: color
+  });
+}
+function ToastActionButton({
+  action,
+  colors,
+  transparent,
+  buttonStyle,
+  textStyle,
+  allowFontScaling,
+  maxFontSizeMultiplier
+}) {
+  // Driven from state rather than Pressable's function-form `style`, which
+  // react-native-css swallows on web (dropping the base padding/radius).
+  const {
+    state: pressed,
+    onIn,
+    onOut
+  } = useInteractionState();
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: action.onClick,
+    onPressIn: onIn,
+    onPressOut: onOut,
+    accessibilityRole: "button",
+    style: [styles.actionButton, transparent ? undefined : {
+      backgroundColor: pressed ? colors.pressedBackground : colors.background
+    }, buttonStyle],
+    children: /*#__PURE__*/_jsx(Text, {
+      numberOfLines: 1,
+      allowFontScaling: allowFontScaling,
+      maxFontSizeMultiplier: maxFontSizeMultiplier,
+      style: [styles.actionButtonText, {
+        color: pressed ? colors.pressedText : colors.text
+      }, textStyle],
+      children: action.label
+    })
+  });
+}
+function ToastCloseButton({
+  id,
+  close,
+  closeButton,
+  dismissible,
+  color,
+  onDismiss,
+  buttonStyle,
+  iconStyle
+}) {
+  const handlePress = React.useCallback(() => {
+    onDismiss(id);
+  }, [onDismiss, id]);
+  if (!dismissible) {
+    return null;
+  }
+  if (close) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: close
+    });
+  }
+  if (!closeButton) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: handlePress,
+    hitSlop: CLOSE_BUTTON_HIT_SLOP,
+    accessibilityRole: "button",
+    style: buttonStyle,
+    children: /*#__PURE__*/_jsx(TimesIcon, {
+      size: "md",
+      fill: color,
+      style: iconStyle
+    })
+  });
+}
+const CLOSE_BUTTON_HIT_SLOP = 10;
+const styles = StyleSheet.create({
+  surface: {
+    justifyContent: 'center',
+    paddingHorizontal: space.lg,
+    paddingVertical: space.md,
+    marginHorizontal: space.lg,
+    borderRadius: borderRadius.md,
+    borderWidth: StyleSheet.hairlineWidth,
+    ...bloomShadowStyle('s')
+  },
+  hostedBackground: {
+    overflow: 'hidden',
+    backgroundColor: 'transparent'
+  },
+  aboveBackground: {
+    position: 'relative',
+    zIndex: 1
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: space.md
+  },
+  rowWithDescription: {
+    alignItems: 'flex-start'
+  },
+  textContainer: {
+    flex: 1
+  },
+  title: {
+    fontSize: fontSize.md,
+    fontWeight: '600',
+    lineHeight: 20
+  },
+  description: {
+    fontSize: fontSize.sm,
+    lineHeight: 20,
+    marginTop: space._2xs
+  },
+  buttons: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: space.sm,
+    marginTop: space.md
+  },
+  actionButton: {
+    flexGrow: 0,
+    alignSelf: 'flex-start',
+    paddingHorizontal: space.md,
+    paddingVertical: space.xs,
+    borderRadius: borderRadius.sm
+  },
+  actionButtonText: {
+    fontSize: fontSize.sm,
+    fontWeight: '600',
+    lineHeight: 20
+  }
+});
+//# sourceMappingURL=ToastContent.js.map

package/lib/module/toast/ToastContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","Text","View","bloomShadowStyle","useInteractionState","TimesLarge_Stroke2_Corner0_Rounded","TimesIcon","borderRadius","fontSize","space","ToastIcon","useToastColors","isToastAction","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ToastContent","id","title","description","variant","icon","icons","action","cancel","close","closeButton","dismissible","richColors","promiseOptions","styles","styleOverrides","style","unstyled","onDismiss","actionButtonStyle","actionButtonTextStyle","cancelButtonStyle","cancelButtonTextStyle","allowFontScaling","maxFontSizeMultiplier","backgroundComponent","colors","isLoading","Boolean","surfaceStyle","undefined","backgroundColor","surface","borderColor","border","textProps","hostedBackground","toast","children","row","rowWithDescription","aboveBackground","toastContent","ToastLeadingIcon","color","textContainer","buttons","ToastActionButton","buttonStyle","textStyle","label","onClick","transparent","cancelText","ToastCloseButton","iconStyle","closeButtonIcon","displayName","loading","state","pressed","onIn","onOut","onPress","onPressIn","onPressOut","accessibilityRole","actionButton","pressedBackground","background","numberOfLines","actionButtonText","pressedText","text","handlePress","useCallback","hitSlop","CLOSE_BUTTON_HIT_SLOP","size","fill","create","justifyContent","paddingHorizontal","lg","paddingVertical","md","marginHorizontal","borderWidth","hairlineWidth","overflow","position","zIndex","flexDirection","alignItems","gap","flex","fontWeight","lineHeight","sm","marginTop","_2xs","flexGrow","alignSelf","xs"],"sourceRoot":"../../../src","sources":["toast/ToastContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/toast/ToastHost.js

@@ -0,0 +1,63 @@
+"use strict";
+
+/**
+ * Bloom-original — the WEB / default toast host. Metro selects
+ * `ToastHost.native.tsx` on iOS and Android; every other bundler (and a
+ * consumer's `tsc`) sees this file, matching the `.native` split convention
+ * `design-tokens/shadows.ts` already uses.
+ *
+ * Two jobs, both of which are why the rest of the engine can stay universal:
+ *
+ *  - W7: it portals into `#bloom-portal-root` and provides a `position: fixed`,
+ *    full-viewport containing block. `Positioner`'s `position: 'absolute'` would
+ *    otherwise anchor to the nearest positioned ancestor — react-native-web's
+ *    `View` defaults to `relative`, so a deeply-mounted outlet would anchor to a
+ *    provider somewhere in the tree instead of the viewport. A `Positioner.web`
+ *    with `position: fixed` would NOT be enough: `fixed` is still contained by any
+ *    ancestor `transform`/`filter`/`contain`, which is exactly why `Dialog` and
+ *    `BottomSheet` portal too. Sharing the one portal root also keeps a single
+ *    document-level overlay layer rather than a second competing one.
+ *  - W8: portaled content sits outside the app-root `GestureHandlerRootView`, so
+ *    swipe-to-dismiss would never receive touches. This provides its own, exactly
+ *    as `bottom-sheet/index.web.tsx` does. Web consumers need no setup.
+ *
+ * `pointerEvents: 'box-none'` keeps the empty area click-through while the rows
+ * themselves stay interactive.
+ */
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { Portal } from "../portal/index.web.js";
+import { WEB_POSITION_FIXED } from "../styles/web-view-style.js";
+import { Z_INDEX } from "../styles/z-index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ToastHost({
+  children,
+  ToasterOverlayWrapper
+}) {
+  const content = /*#__PURE__*/_jsx(GestureHandlerRootView, {
+    style: styles.host,
+    children: children
+  });
+  return /*#__PURE__*/_jsx(Portal, {
+    children: ToasterOverlayWrapper ? /*#__PURE__*/_jsx(ToasterOverlayWrapper, {
+      children: content
+    }) : content
+  });
+}
+ToastHost.displayName = 'ToastHost';
+const styles = StyleSheet.create({
+  host: {
+    // Full-viewport containing block for `Positioner`'s `position: 'absolute'`.
+    position: WEB_POSITION_FIXED,
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    // Inside `#bloom-portal-root` (which owns the document layer at 999999),
+    // this keeps toasts above Dialog's surface (60) and tooltips (70).
+    zIndex: Z_INDEX.toast,
+    pointerEvents: 'box-none'
+  }
+});
+//# sourceMappingURL=ToastHost.js.map

package/lib/module/toast/ToastHost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","GestureHandlerRootView","Portal","WEB_POSITION_FIXED","Z_INDEX","jsx","_jsx","ToastHost","children","ToasterOverlayWrapper","content","style","styles","host","displayName","create","position","top","left","right","bottom","zIndex","toast","pointerEvents"],"sourceRoot":"../../../src","sources":["toast/ToastHost.tsx"],"mappings":";;AAAA;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,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,sBAAsB,QAAQ,8BAA8B;AAErE,SAASC,MAAM,QAAQ,wBAAqB;AAC5C,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,OAAO,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C,OAAO,SAASC,SAASA,CAAC;EAAEC,QAAQ;EAAEC;AAAsC,CAAC,EAAE;EAC7E,MAAMC,OAAO,gBACXJ,IAAA,CAACL,sBAAsB;IAACU,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAL,QAAA,EACxCA;EAAQ,CACa,CACzB;EAED,oBACEF,IAAA,CAACJ,MAAM;IAAAM,QAAA,EACJC,qBAAqB,gBACpBH,IAAA,CAACG,qBAAqB;MAAAD,QAAA,EAAEE;IAAO,CAAwB,CAAC,GAExDA;EACD,CACK,CAAC;AAEb;AAEAH,SAAS,CAACO,WAAW,GAAG,WAAW;AAEnC,MAAMF,MAAM,GAAGZ,UAAU,CAACe,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJ;IACAG,QAAQ,EAAEb,kBAAkB;IAC5Bc,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACT;IACA;IACAC,MAAM,EAAEjB,OAAO,CAACkB,KAAK;IACrBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/toast/ToastHost.native.js

@@ -0,0 +1,38 @@
+"use strict";
+
+/**
+ * Bloom-original — the NATIVE toast host. Metro selects this file; every other
+ * bundler resolves the sibling `ToastHost.tsx` (web/default).
+ *
+ * On native the rows render inline in the app's own view hierarchy, which is what
+ * makes them respect the safe area and the app-root `GestureHandlerRootView` that
+ * consumers already mount. So there is nothing to portal — the host only applies
+ * the optional overlay wrapper.
+ *
+ * `react-native-screens` is deliberately NOT imported (D6). Upstream statically
+ * imports `FullWindowOverlay` from it, an undeclared dependency that only works
+ * because apps happen to install it. A consumer who needs a toast above a native
+ * iOS modal injects it themselves:
+ *
+ * ```tsx
+ * import { FullWindowOverlay } from 'react-native-screens';
+ * <ToastOutlet ToasterOverlayWrapper={FullWindowOverlay} />
+ * ```
+ */
+import * as React from 'react';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function ToastHost({
+  children,
+  ToasterOverlayWrapper
+}) {
+  if (ToasterOverlayWrapper) {
+    return /*#__PURE__*/_jsx(ToasterOverlayWrapper, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+ToastHost.displayName = 'ToastHost';
+//# sourceMappingURL=ToastHost.native.js.map

package/lib/module/toast/ToastHost.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","jsx","_jsx","Fragment","_Fragment","ToastHost","children","ToasterOverlayWrapper","displayName"],"sourceRoot":"../../../src","sources":["toast/ToastHost.native.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAI/B,OAAO,SAASC,SAASA,CAAC;EAAEC,QAAQ;EAAEC;AAAsC,CAAC,EAAE;EAC7E,IAAIA,qBAAqB,EAAE;IACzB,oBAAOL,IAAA,CAACK,qBAAqB;MAAAD,QAAA,EAAEA;IAAQ,CAAwB,CAAC;EAClE;EACA,oBAAOJ,IAAA,CAAAE,SAAA;IAAAE,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB;AAEAD,SAAS,CAACG,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/module/toast/ToastIcon.js

@@ -0,0 +1,52 @@
+"use strict";
+
+/**
+ * Replaces sonner-native v0.26.4's `src/icons.tsx` (MIT © Gunnar Torfi
+ * Steinarsson — see the top-level NOTICE), which ships its own inline SVG paths
+ * and imports `react-native-svg` directly. Bloom maps variants onto its own icon
+ * set instead, so the toast picks up icon changes with the rest of the library.
+ *
+ * The spinner is RN's `ActivityIndicator` rather than Bloom's `Loading`: the
+ * `./loading` subpath is web-forked, so importing it from this universal file
+ * would resolve to the native (Reanimated) build under bundlers that do not
+ * apply `.web` extension resolution, and to the web build under those that do —
+ * platform-dependent behaviour from one import. `ActivityIndicator` is universal
+ * (react-native-web renders a CSS-animated SVG, so nothing depends on a
+ * Reanimated mapper ticking on web) and a consumer who wants Bloom's spinner can
+ * still pass `icons={{ loading: <Loading … /> }}` on the outlet.
+ */
+import { ActivityIndicator } from 'react-native';
+import { CircleCheck_Stroke2_Corner0_Rounded as CircleCheckIcon } from "../icons/CircleCheck.js";
+import { CircleInfo_Stroke2_Corner0_Rounded as CircleInfoIcon } from "../icons/CircleInfo.js";
+import { CircleX_Stroke2_Corner0_Rounded as CircleXIcon } from "../icons/CircleX.js";
+import { Warning_Stroke2_Corner0_Rounded as WarningIcon } from "../icons/Warning.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ICON_MAP = {
+  success: CircleCheckIcon,
+  error: CircleXIcon,
+  warning: WarningIcon,
+  info: CircleInfoIcon
+};
+export function ToastIcon({
+  variant,
+  color
+}) {
+  // No variant means a neutral toast, which carries no icon of its own — a
+  // caller who wants one passes `icon`.
+  if (!variant) {
+    return null;
+  }
+  if (variant === 'loading') {
+    return /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "small",
+      color: color
+    });
+  }
+  const Icon = ICON_MAP[variant];
+  return /*#__PURE__*/_jsx(Icon, {
+    fill: color,
+    size: "md"
+  });
+}
+ToastIcon.displayName = 'ToastIcon';
+//# sourceMappingURL=ToastIcon.js.map

package/lib/module/toast/ToastIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","CircleCheck_Stroke2_Corner0_Rounded","CircleCheckIcon","CircleInfo_Stroke2_Corner0_Rounded","CircleInfoIcon","CircleX_Stroke2_Corner0_Rounded","CircleXIcon","Warning_Stroke2_Corner0_Rounded","WarningIcon","jsx","_jsx","ICON_MAP","success","error","warning","info","ToastIcon","variant","color","size","Icon","fill","displayName"],"sourceRoot":"../../../src","sources":["toast/ToastIcon.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,iBAAiB,QAAQ,cAAc;AAEhD,SAASC,mCAAmC,IAAIC,eAAe,QAAQ,yBAAsB;AAC7F,SAASC,kCAAkC,IAAIC,cAAc,QAAQ,wBAAqB;AAC1F,SAASC,+BAA+B,IAAIC,WAAW,QAAQ,qBAAkB;AACjF,SAASC,+BAA+B,IAAIC,WAAW,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGlF,MAAMC,QAGL,GAAG;EACFC,OAAO,EAAEV,eAAe;EACxBW,KAAK,EAAEP,WAAW;EAClBQ,OAAO,EAAEN,WAAW;EACpBO,IAAI,EAAEX;AACR,CAAC;AAED,OAAO,SAASY,SAASA,CAAC;EACxBC,OAAO;EACPC;AAIF,CAAC,EAAE;EACD;EACA;EACA,IAAI,CAACD,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,IAAIA,OAAO,KAAK,SAAS,EAAE;IACzB,oBAAOP,IAAA,CAACV,iBAAiB;MAACmB,IAAI,EAAC,OAAO;MAACD,KAAK,EAAEA;IAAM,CAAE,CAAC;EACzD;EAEA,MAAME,IAAI,GAAGT,QAAQ,CAACM,OAAO,CAAC;EAC9B,oBAAOP,IAAA,CAACU,IAAI;IAACC,IAAI,EAAEH,KAAM;IAACC,IAAI,EAAC;EAAI,CAAE,CAAC;AACxC;AAEAH,SAAS,CAACM,WAAW,GAAG,WAAW","ignoreList":[]}