@oxyhq/services 30.0.0 → 30.0.1

package/lib/module/ui/components/styles/overlay.js

@@ -0,0 +1,80 @@
+"use strict";
+
+import { Animated } from 'react-native';
+
+// Simple hex color manipulation without color package
+const hexToRgb = hex => {
+  const r = Number.parseInt(hex.slice(1, 3), 16);
+  const g = Number.parseInt(hex.slice(3, 5), 16);
+  const b = Number.parseInt(hex.slice(5, 7), 16);
+  return [r, g, b];
+};
+const rgbToHex = (r, g, b) => {
+  return `#${[r, g, b].map(x => {
+    const hex = Math.round(x).toString(16);
+    return hex.length === 1 ? `0${hex}` : hex;
+  }).join('')}`;
+};
+const mixColors = (color1, color2, ratio) => {
+  const [r1, g1, b1] = hexToRgb(color1);
+  const [r2, g2, b2] = hexToRgb(color2);
+  const r = r1 + (r2 - r1) * ratio;
+  const g = g1 + (g2 - g1) * ratio;
+  const b = b1 + (b2 - b1) * ratio;
+  return rgbToHex(r, g, b);
+};
+export const isAnimatedValue = it => it instanceof Animated.Value;
+
+// Overloaded signatures so each call site gets the right return type
+// without the conditional-type narrowing that TS cannot infer inside the
+// implementation body.
+
+function overlay(elevation, surfaceColor = '#121212') {
+  if (isAnimatedValue(elevation)) {
+    const inputRange = [0, 1, 2, 3, 8, 24];
+    return elevation.interpolate({
+      inputRange,
+      outputRange: inputRange.map(e => calculateColor(surfaceColor, e))
+    });
+  }
+  return calculateColor(surfaceColor, elevation);
+}
+export default overlay;
+function calculateColor(surfaceColor, elevation = 1) {
+  let overlayTransparency;
+  if (elevation >= 1 && elevation <= 24) {
+    overlayTransparency = elevationOverlayTransparency[elevation];
+  } else if (elevation > 24) {
+    overlayTransparency = elevationOverlayTransparency[24];
+  } else {
+    overlayTransparency = elevationOverlayTransparency[1];
+  }
+  return mixColors(surfaceColor, '#FFFFFF', overlayTransparency * 0.01);
+}
+const elevationOverlayTransparency = {
+  1: 5,
+  2: 7,
+  3: 8,
+  4: 9,
+  5: 10,
+  6: 11,
+  7: 11.5,
+  8: 12,
+  9: 12.5,
+  10: 13,
+  11: 13.5,
+  12: 14,
+  13: 14.25,
+  14: 14.5,
+  15: 14.75,
+  16: 15,
+  17: 15.12,
+  18: 15.24,
+  19: 15.36,
+  20: 15.48,
+  21: 15.6,
+  22: 15.72,
+  23: 15.84,
+  24: 16
+};
+//# sourceMappingURL=overlay.js.map

package/lib/module/ui/components/styles/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","hexToRgb","hex","r","Number","parseInt","slice","g","b","rgbToHex","map","x","Math","round","toString","length","join","mixColors","color1","color2","ratio","r1","g1","b1","r2","g2","b2","isAnimatedValue","it","Value","overlay","elevation","surfaceColor","inputRange","interpolate","outputRange","e","calculateColor","overlayTransparency","elevationOverlayTransparency"],"sourceRoot":"../../../../../src","sources":["ui/components/styles/overlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/styles/shadow.js

@@ -0,0 +1,123 @@
+"use strict";
+
+import { Animated, Platform } from 'react-native';
+const SHADOW_COLOR = '#000000';
+const SHADOW_OPACITY = 0.24;
+const MD3_SHADOW_OPACITY = 0.3;
+const MD3_SHADOW_COLOR = '#000000';
+export default function shadow(elevation = 0, isV3 = false) {
+  return isV3 ? v3Shadow(elevation) : v2Shadow(elevation);
+}
+function v2Shadow(elevation = 0) {
+  if (elevation instanceof Animated.Value) {
+    const inputRange = [0, 1, 2, 3, 8, 24];
+    if (Platform.OS === 'ios') {
+      return {
+        shadowColor: SHADOW_COLOR,
+        shadowOffset: {
+          width: 0,
+          height: elevation.interpolate({
+            inputRange,
+            outputRange: [0, 0.5, 0.75, 2, 7, 23]
+          })
+        },
+        shadowOpacity: elevation.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0, SHADOW_OPACITY],
+          extrapolate: 'clamp'
+        }),
+        shadowRadius: elevation.interpolate({
+          inputRange,
+          outputRange: [0, 0.75, 1.5, 3, 8, 24]
+        })
+      };
+    }
+    return {
+      elevation: elevation.interpolate({
+        inputRange,
+        outputRange: [0, 1, 2, 3, 8, 24]
+      })
+    };
+  }
+  if (elevation === 0) {
+    return {};
+  }
+  let height;
+  let radius;
+  switch (elevation) {
+    case 1:
+      height = 0.5;
+      radius = 0.75;
+      break;
+    case 2:
+      height = 0.75;
+      radius = 1.5;
+      break;
+    default:
+      height = elevation - 1;
+      radius = elevation;
+  }
+  if (Platform.OS === 'ios') {
+    return {
+      shadowColor: SHADOW_COLOR,
+      shadowOffset: {
+        width: 0,
+        height
+      },
+      shadowOpacity: SHADOW_OPACITY,
+      shadowRadius: radius
+    };
+  }
+  return {
+    elevation: elevation
+  };
+}
+function v3Shadow(elevation = 0) {
+  const inputRange = [0, 1, 2, 3, 4, 5];
+  const shadowHeight = [0, 1, 2, 4, 6, 8];
+  const shadowRadius = [0, 3, 6, 8, 10, 12];
+  if (elevation instanceof Animated.Value) {
+    if (Platform.OS === 'ios') {
+      return {
+        shadowColor: MD3_SHADOW_COLOR,
+        shadowOffset: {
+          width: 0,
+          height: elevation.interpolate({
+            inputRange,
+            outputRange: shadowHeight
+          })
+        },
+        shadowOpacity: elevation.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0, MD3_SHADOW_OPACITY],
+          extrapolate: 'clamp'
+        }),
+        shadowRadius: elevation.interpolate({
+          inputRange,
+          outputRange: shadowRadius
+        })
+      };
+    }
+    return {
+      elevation: elevation.interpolate({
+        inputRange,
+        outputRange: [0, 1, 2, 3, 4, 5]
+      })
+    };
+  }
+  if (Platform.OS === 'ios') {
+    return {
+      shadowColor: MD3_SHADOW_COLOR,
+      shadowOpacity: elevation ? MD3_SHADOW_OPACITY : 0,
+      shadowOffset: {
+        width: 0,
+        height: shadowHeight[elevation] || 0
+      },
+      shadowRadius: shadowRadius[elevation] || 0
+    };
+  }
+  return {
+    elevation: elevation || 0
+  };
+}
+//# sourceMappingURL=shadow.js.map

package/lib/module/ui/components/styles/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Platform","SHADOW_COLOR","SHADOW_OPACITY","MD3_SHADOW_OPACITY","MD3_SHADOW_COLOR","shadow","elevation","isV3","v3Shadow","v2Shadow","Value","inputRange","OS","shadowColor","shadowOffset","width","height","interpolate","outputRange","shadowOpacity","extrapolate","shadowRadius","radius","shadowHeight"],"sourceRoot":"../../../../../src","sources":["ui/components/styles/shadow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/surfaces/ActionSheetSurface.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import { Text, View } from 'react-native';
+import { Button } from '@oxyhq/bloom/button';
+import { useTheme } from '@oxyhq/bloom/theme';
+import { surfaces } from '@oxyhq/bloom/surfaces';
+
+/**
+ * A single choice in an {@link ActionSheetSurface} — a labelled button that
+ * resolves the surface with `value` when pressed.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TITLE_STYLE = {
+  fontSize: 22,
+  fontWeight: '600',
+  lineHeight: 30
+};
+const MESSAGE_STYLE = {
+  fontSize: 16,
+  lineHeight: 22
+};
+
+/**
+ * A multi-choice action sheet rendered as a shared-stack surface — the
+ * many-option counterpart to Bloom's two-way `surfaces.confirm`. Each option
+ * button resolves the surface's `present()` promise with that option's `value`;
+ * cancel / backdrop / Escape resolve `undefined`. Presented via
+ * {@link presentActionSheet}.
+ */
+export function ActionSheetSurface({
+  surface,
+  title,
+  message,
+  options,
+  cancelLabel
+}) {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [TITLE_STYLE, {
+        color: theme.colors.text,
+        paddingBottom: message ? 4 : 16
+      }],
+      children: title
+    }), message ? /*#__PURE__*/_jsx(Text, {
+      style: [MESSAGE_STYLE, {
+        color: theme.colors.textSecondary,
+        paddingBottom: 16
+      }],
+      children: message
+    }) : null, /*#__PURE__*/_jsxs(View, {
+      style: {
+        gap: 8
+      },
+      children: [options.map(option => /*#__PURE__*/_jsx(Button, {
+        variant: option.destructive ? 'destructive' : 'primary',
+        onPress: () => surface.dismiss(option.value),
+        children: option.label
+      }, option.value)), /*#__PURE__*/_jsx(Button, {
+        variant: "secondary",
+        onPress: () => surface.dismiss(undefined),
+        children: cancelLabel
+      })]
+    })]
+  });
+}
+
+/**
+ * Present an {@link ActionSheetSurface} on the shared stack and resolve with the
+ * chosen option `value`, or `undefined` if cancelled/dismissed.
+ */
+export function presentActionSheet(options) {
+  return surfaces.present(surface => /*#__PURE__*/_jsx(ActionSheetSurface, {
+    surface: surface,
+    ...options
+  }));
+}
+//# sourceMappingURL=ActionSheetSurface.js.map

package/lib/module/ui/components/surfaces/ActionSheetSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","View","Button","useTheme","surfaces","jsx","_jsx","jsxs","_jsxs","TITLE_STYLE","fontSize","fontWeight","lineHeight","MESSAGE_STYLE","ActionSheetSurface","surface","title","message","options","cancelLabel","theme","children","style","color","colors","text","paddingBottom","textSecondary","gap","map","option","variant","destructive","onPress","dismiss","value","label","undefined","presentActionSheet","present"],"sourceRoot":"../../../../../src","sources":["ui/components/surfaces/ActionSheetSurface.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,QAAQ,QAA8B,uBAAuB;;AAEtE;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwBA,MAAMC,WAAW,GAAG;EAAEC,QAAQ,EAAE,EAAE;EAAEC,UAAU,EAAE,KAAc;EAAEC,UAAU,EAAE;AAAG,CAAC;AAChF,MAAMC,aAAa,GAAG;EAAEH,QAAQ,EAAE,EAAE;EAAEE,UAAU,EAAE;AAAG,CAAC;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,kBAAkBA,CAAmB;EACjDC,OAAO;EACPC,KAAK;EACLC,OAAO;EACPC,OAAO;EACPC;AACwB,CAAC,EAAsB;EAC/C,MAAMC,KAAK,GAAGjB,QAAQ,CAAC,CAAC;EAExB,oBACIK,KAAA,CAACP,IAAI;IAAAoB,QAAA,gBACDf,IAAA,CAACN,IAAI;MACDsB,KAAK,EAAE,CACHb,WAAW,EACX;QAAEc,KAAK,EAAEH,KAAK,CAACI,MAAM,CAACC,IAAI;QAAEC,aAAa,EAAET,OAAO,GAAG,CAAC,GAAG;MAAG,CAAC,CAC/D;MAAAI,QAAA,EAEDL;IAAK,CACJ,CAAC,EACNC,OAAO,gBACJX,IAAA,CAACN,IAAI;MACDsB,KAAK,EAAE,CACHT,aAAa,EACb;QAAEU,KAAK,EAAEH,KAAK,CAACI,MAAM,CAACG,aAAa;QAAED,aAAa,EAAE;MAAG,CAAC,CAC1D;MAAAL,QAAA,EAEDJ;IAAO,CACN,CAAC,GACP,IAAI,eACRT,KAAA,CAACP,IAAI;MAACqB,KAAK,EAAE;QAAEM,GAAG,EAAE;MAAE,CAAE;MAAAP,QAAA,GACnBH,OAAO,CAACW,GAAG,CAAEC,MAAM,iBAChBxB,IAAA,CAACJ,MAAM;QAEH6B,OAAO,EAAED,MAAM,CAACE,WAAW,GAAG,aAAa,GAAG,SAAU;QACxDC,OAAO,EAAEA,CAAA,KAAMlB,OAAO,CAACmB,OAAO,CAACJ,MAAM,CAACK,KAAK,CAAE;QAAAd,QAAA,EAE5CS,MAAM,CAACM;MAAK,GAJRN,MAAM,CAACK,KAKR,CACX,CAAC,eACF7B,IAAA,CAACJ,MAAM;QAAC6B,OAAO,EAAC,WAAW;QAACE,OAAO,EAAEA,CAAA,KAAMlB,OAAO,CAACmB,OAAO,CAACG,SAAS,CAAE;QAAAhB,QAAA,EACjEF;MAAW,CACR,CAAC;IAAA,CACP,CAAC;EAAA,CACL,CAAC;AAEf;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASmB,kBAAkBA,CAC9BpB,OAAoD,EAC9B;EACtB,OAAOd,QAAQ,CAACmC,OAAO,CAAiBxB,OAAO,iBAC3CT,IAAA,CAACQ,kBAAkB;IAACC,OAAO,EAAEA,OAAQ;IAAA,GAAKG;EAAO,CAAG,CACvD,CAAC;AACN","ignoreList":[]}

package/lib/module/ui/components/utils/hasTouchHandler.js

@@ -0,0 +1,9 @@
+"use strict";
+
+const touchableEvents = ['onPress', 'onLongPress', 'onPressIn', 'onPressOut'];
+export default function hasTouchHandler(touchableEventObject) {
+  return touchableEvents.some(event => {
+    return Boolean(touchableEventObject[event]);
+  });
+}
+//# sourceMappingURL=hasTouchHandler.js.map

package/lib/module/ui/components/utils/hasTouchHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["touchableEvents","hasTouchHandler","touchableEventObject","some","event","Boolean"],"sourceRoot":"../../../../../src","sources":["ui/components/utils/hasTouchHandler.tsx"],"mappings":";;AAEA,MAAMA,eAAe,GAAG,CACtB,SAAS,EACT,aAAa,EACb,WAAW,EACX,YAAY,CACJ;AASV,eAAe,SAASC,eAAeA,CACrCC,oBAA0C,EAC1C;EACA,OAAOF,eAAe,CAACG,IAAI,CAAEC,KAAK,IAAK;IACrC,OAAOC,OAAO,CAACH,oBAAoB,CAACE,KAAK,CAAC,CAAC;EAC7C,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/ui/components/utils/roundLayoutSize.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const roundLayoutSize = size => Math.round(size * 1000) / 1000;
+//# sourceMappingURL=roundLayoutSize.js.map

package/lib/module/ui/components/utils/roundLayoutSize.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["roundLayoutSize","size","Math","round"],"sourceRoot":"../../../../../src","sources":["ui/components/utils/roundLayoutSize.ts"],"mappings":";;AAAA,OAAO,MAAMA,eAAe,GAAIC,IAAY,IAC1CC,IAAI,CAACC,KAAK,CAACF,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI","ignoreList":[]}

package/lib/module/ui/components/utils/splitStyles.js

@@ -0,0 +1,46 @@
+"use strict";
+
+/**
+ * Utility function to extract styles in separate objects
+ *
+ * @param styles The style object you want to filter
+ * @param filters The filters by which you want to split the styles
+ * @returns An array of filtered style objects:
+ * - The first style object contains the properties that didn't match any filter
+ * - After that there will be a style object for each filter you passed in the same order as the matching filters
+ * - A style property will exist in a single style object, the first filter it matched
+ */
+export function splitStyles(styles, ...filters) {
+  if (process.env.NODE_ENV !== 'production' && filters.length === 0) {
+    console.error('No filters were passed when calling splitStyles');
+  }
+
+  // `Object.entries` will be used to iterate over the styles and `Object.fromEntries` will be called before returning
+  // Entries which match the given filters will be temporarily stored in `newStyles`
+  const newStyles = filters.map(() => []);
+
+  // Entries which match no filter
+  const rest = [];
+
+  // Iterate every style property
+  outer: for (const item of Object.entries(styles)) {
+    // Check each filter
+    for (let i = 0; i < filters.length; i++) {
+      // Check if filter matches
+      if (filters[i](item[0])) {
+        newStyles[i].push(item); // Push to temporary filtered entries array
+        continue outer; // Skip to checking next style property
+      }
+    }
+
+    // Adds to rest styles if not filtered
+    rest.push(item);
+  }
+
+  // Put unmatched styles in the beginning
+  newStyles.unshift(rest);
+
+  // Convert arrays of entries into objects
+  return newStyles.map(styles => Object.fromEntries(styles));
+}
+//# sourceMappingURL=splitStyles.js.map

package/lib/module/ui/components/utils/splitStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["splitStyles","styles","filters","process","env","NODE_ENV","length","console","error","newStyles","map","rest","outer","item","Object","entries","i","push","unshift","fromEntries"],"sourceRoot":"../../../../../src","sources":["ui/components/utils/splitStyles.ts"],"mappings":";;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,WAAWA,CACzBC,MAAiB,EACjB,GAAGC,OAAc,EACjB;EACA,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,IAAIH,OAAO,CAACI,MAAM,KAAK,CAAC,EAAE;IACjEC,OAAO,CAACC,KAAK,CAAC,iDAAiD,CAAC;EAClE;;EAEA;EACA;EACA,MAAMC,SAAS,GAAGP,OAAO,CAACQ,GAAG,CAAC,MAAM,EAAa,CAAC;;EAElD;EACA,MAAMC,IAAa,GAAG,EAAE;;EAExB;EACAC,KAAK,EAAE,KAAK,MAAMC,IAAI,IAAIC,MAAM,CAACC,OAAO,CAACd,MAAM,CAAC,EAAa;IAC3D;IACA,KAAK,IAAIe,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGd,OAAO,CAACI,MAAM,EAAEU,CAAC,EAAE,EAAE;MACvC;MACA,IAAId,OAAO,CAACc,CAAC,CAAC,CAACH,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;QACvBJ,SAAS,CAACO,CAAC,CAAC,CAACC,IAAI,CAACJ,IAAI,CAAC,CAAC,CAAC;QACzB,SAASD,KAAK,CAAC,CAAC;MAClB;IACF;;IAEA;IACAD,IAAI,CAACM,IAAI,CAACJ,IAAI,CAAC;EACjB;;EAEA;EACAJ,SAAS,CAACS,OAAO,CAACP,IAAI,CAAC;;EAEvB;EACA,OAAOF,SAAS,CAACC,GAAG,CAAET,MAAM,IAAKa,MAAM,CAACK,WAAW,CAAClB,MAAM,CAAC,CAAC;AAI9D","ignoreList":[]}

package/lib/module/ui/constants/spacing.js

@@ -0,0 +1,45 @@
+"use strict";
+
+/**
+ * Reusable spacing constants for screens across the codebase
+ * These values ensure consistent padding and gaps across all screens
+ */
+
+// Screen padding - used for all bottom sheet screens
+export const SCREEN_PADDING_HORIZONTAL = 16;
+export const SCREEN_PADDING_VERTICAL = 16;
+export const SCREEN_PADDING_TOP = 24; // Top padding for screen content (accounts for handle)
+
+// Section gaps
+export const SECTION_GAP = 24;
+export const SECTION_GAP_LARGE = 32;
+
+// Component gaps
+export const COMPONENT_GAP = 12;
+export const COMPONENT_GAP_SMALL = 8;
+
+// Header padding
+export const HEADER_PADDING_TOP_OVERVIEW = 38;
+export const HEADER_PADDING_TOP_SETTINGS = 40;
+
+/**
+ * Reusable screen content style for all bottom sheet screens
+ * Use this for ScrollView contentContainerStyle to ensure consistent padding
+ */
+export const screenContentStyle = {
+  paddingHorizontal: SCREEN_PADDING_HORIZONTAL,
+  paddingVertical: SCREEN_PADDING_VERTICAL,
+  paddingTop: SCREEN_PADDING_TOP,
+  paddingBottom: SCREEN_PADDING_VERTICAL
+};
+
+/**
+ * Reusable screen content style for screens that need custom top padding
+ */
+export const createScreenContentStyle = topPadding => ({
+  paddingHorizontal: SCREEN_PADDING_HORIZONTAL,
+  paddingVertical: SCREEN_PADDING_VERTICAL,
+  paddingTop: topPadding ?? SCREEN_PADDING_TOP,
+  paddingBottom: SCREEN_PADDING_VERTICAL
+});
+//# sourceMappingURL=spacing.js.map

package/lib/module/ui/constants/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SCREEN_PADDING_HORIZONTAL","SCREEN_PADDING_VERTICAL","SCREEN_PADDING_TOP","SECTION_GAP","SECTION_GAP_LARGE","COMPONENT_GAP","COMPONENT_GAP_SMALL","HEADER_PADDING_TOP_OVERVIEW","HEADER_PADDING_TOP_SETTINGS","screenContentStyle","paddingHorizontal","paddingVertical","paddingTop","paddingBottom","createScreenContentStyle","topPadding"],"sourceRoot":"../../../../src","sources":["ui/constants/spacing.ts"],"mappings":";;AAEA;AACA;AACA;AACA;;AAEA;AACA,OAAO,MAAMA,yBAAyB,GAAG,EAAE;AAC3C,OAAO,MAAMC,uBAAuB,GAAG,EAAE;AACzC,OAAO,MAAMC,kBAAkB,GAAG,EAAE,CAAC,CAAC;;AAEtC;AACA,OAAO,MAAMC,WAAW,GAAG,EAAE;AAC7B,OAAO,MAAMC,iBAAiB,GAAG,EAAE;;AAEnC;AACA,OAAO,MAAMC,aAAa,GAAG,EAAE;AAC/B,OAAO,MAAMC,mBAAmB,GAAG,CAAC;;AAEpC;AACA,OAAO,MAAMC,2BAA2B,GAAG,EAAE;AAC7C,OAAO,MAAMC,2BAA2B,GAAG,EAAE;;AAE7C;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,iBAAiB,EAAEV,yBAAyB;EAC5CW,eAAe,EAAEV,uBAAuB;EACxCW,UAAU,EAAEV,kBAAkB;EAC9BW,aAAa,EAAEZ;AACnB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMa,wBAAwB,GAAIC,UAAmB,KAAM;EAC9DL,iBAAiB,EAAEV,yBAAyB;EAC5CW,eAAe,EAAEV,uBAAuB;EACxCW,UAAU,EAAEG,UAAU,IAAIb,kBAAkB;EAC5CW,aAAa,EAAEZ;AACnB,CAAC,CAAC","ignoreList":[]}