@amazon-devices/react-native-safe-area-context 2.0.1759135970 → 8.0.9000000000

package/lib/module/SafeAreaContext.js

@@ -1,22 +1,29 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+"use strict";
+
 import * as React from 'react';
 import { Dimensions, StyleSheet } from 'react-native';
-import NativeSafeAreaProvider from './NativeSafeAreaProvider';
+import { NativeSafeAreaProvider } from './NativeSafeAreaProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
+const isDev = process.env.NODE_ENV !== 'production';
 export const SafeAreaInsetsContext = /*#__PURE__*/React.createContext(null);
-SafeAreaInsetsContext.displayName = 'SafeAreaInsetsContext';
+if (isDev) {
+  SafeAreaInsetsContext.displayName = 'SafeAreaInsetsContext';
+}
 export const SafeAreaFrameContext = /*#__PURE__*/React.createContext(null);
-SafeAreaFrameContext.displayName = 'SafeAreaFrameContext';
+if (isDev) {
+  SafeAreaFrameContext.displayName = 'SafeAreaFrameContext';
+}
 export function SafeAreaProvider({
   children,
   initialMetrics,
   initialSafeAreaInsets,
-  style
+  style,
+  ...others
 }) {
-  var _ref, _ref2, _initialMetrics$inset, _ref3, _initialMetrics$frame;
   const parentInsets = useParentSafeAreaInsets();
   const parentFrame = useParentSafeAreaFrame();
-  const [insets, setInsets] = React.useState((_ref = (_ref2 = (_initialMetrics$inset = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.insets) !== null && _initialMetrics$inset !== void 0 ? _initialMetrics$inset : initialSafeAreaInsets) !== null && _ref2 !== void 0 ? _ref2 : parentInsets) !== null && _ref !== void 0 ? _ref : null);
-  const [frame, setFrame] = React.useState((_ref3 = (_initialMetrics$frame = initialMetrics === null || initialMetrics === void 0 ? void 0 : initialMetrics.frame) !== null && _initialMetrics$frame !== void 0 ? _initialMetrics$frame : parentFrame) !== null && _ref3 !== void 0 ? _ref3 : {
+  const [insets, setInsets] = React.useState(initialMetrics?.insets ?? initialSafeAreaInsets ?? parentInsets ?? null);
+  const [frame, setFrame] = React.useState(initialMetrics?.frame ?? parentFrame ?? {
     // Backwards compat so we render anyway if we don't have frame.
     x: 0,
     y: 0,
@@ -30,23 +37,35 @@ export function SafeAreaProvider({
         insets: nextInsets
       }
     } = event;
-    if (
-    // Backwards compat with old native code that won't send frame.
-    nextFrame && (nextFrame.height !== frame.height || nextFrame.width !== frame.width || nextFrame.x !== frame.x || nextFrame.y !== frame.y)) {
-      setFrame(nextFrame);
-    }
-    if (!insets || nextInsets.bottom !== insets.bottom || nextInsets.left !== insets.left || nextInsets.right !== insets.right || nextInsets.top !== insets.top) {
-      setInsets(nextInsets);
-    }
-  }, [frame, insets]);
-  return /*#__PURE__*/React.createElement(NativeSafeAreaProvider, {
+    setFrame(curFrame => {
+      if (
+      // Backwards compat with old native code that won't send frame.
+      nextFrame && (nextFrame.height !== curFrame.height || nextFrame.width !== curFrame.width || nextFrame.x !== curFrame.x || nextFrame.y !== curFrame.y)) {
+        return nextFrame;
+      } else {
+        return curFrame;
+      }
+    });
+    setInsets(curInsets => {
+      if (!curInsets || nextInsets.bottom !== curInsets.bottom || nextInsets.left !== curInsets.left || nextInsets.right !== curInsets.right || nextInsets.top !== curInsets.top) {
+        return nextInsets;
+      } else {
+        return curInsets;
+      }
+    });
+  }, []);
+  return /*#__PURE__*/_jsx(NativeSafeAreaProvider, {
     style: [styles.fill, style],
-    onInsetsChange: onInsetsChange
-  }, insets != null ? /*#__PURE__*/React.createElement(SafeAreaFrameContext.Provider, {
-    value: frame
-  }, /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Provider, {
-    value: insets
-  }, children)) : null);
+    onInsetsChange: onInsetsChange,
+    ...others,
+    children: insets != null ? /*#__PURE__*/_jsx(SafeAreaFrameContext.Provider, {
+      value: frame,
+      children: /*#__PURE__*/_jsx(SafeAreaInsetsContext.Provider, {
+        value: insets,
+        children: children
+      })
+    }) : null
+  });
 }
 const styles = StyleSheet.create({
   fill: {
@@ -59,25 +78,30 @@ function useParentSafeAreaInsets() {
 function useParentSafeAreaFrame() {
   return React.useContext(SafeAreaFrameContext);
 }
+const NO_INSETS_ERROR = 'No safe area value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.';
 export function useSafeAreaInsets() {
-  const safeArea = React.useContext(SafeAreaInsetsContext);
-  if (safeArea == null) {
-    throw new Error('No safe area insets value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.');
+  const insets = React.useContext(SafeAreaInsetsContext);
+  if (insets == null) {
+    throw new Error(NO_INSETS_ERROR);
   }
-  return safeArea;
+  return insets;
 }
 export function useSafeAreaFrame() {
   const frame = React.useContext(SafeAreaFrameContext);
   if (frame == null) {
-    throw new Error('No safe area frame value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.');
+    throw new Error(NO_INSETS_ERROR);
   }
   return frame;
 }
 export function withSafeAreaInsets(WrappedComponent) {
-  return /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SafeAreaConsumer, null, insets => /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, props, {
-    insets: insets,
-    ref: ref
-  }))));
+  return /*#__PURE__*/React.forwardRef((props, ref) => {
+    const insets = useSafeAreaInsets();
+    return /*#__PURE__*/_jsx(WrappedComponent, {
+      ...props,
+      insets: insets,
+      ref: ref
+    });
+  });
 }
 
 /**

package/lib/module/SafeAreaContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dimensions","StyleSheet","NativeSafeAreaProvider","SafeAreaInsetsContext","createContext","displayName","SafeAreaFrameContext","SafeAreaProvider","children","initialMetrics","initialSafeAreaInsets","style","_ref","_ref2","_initialMetrics$inset","_ref3","_initialMetrics$frame","parentInsets","useParentSafeAreaInsets","parentFrame","useParentSafeAreaFrame","insets","setInsets","useState","frame","setFrame","x","y","width","get","height","onInsetsChange","useCallback","event","nativeEvent","nextFrame","nextInsets","bottom","left","right","top","createElement","styles","fill","Provider","value","create","flex","useContext","useSafeAreaInsets","safeArea","Error","useSafeAreaFrame","withSafeAreaInsets","WrappedComponent","forwardRef","props","ref","SafeAreaConsumer","_extends","useSafeArea","Consumer","SafeAreaContext"],"sources":["SafeAreaContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dimensions, StyleProp, StyleSheet, ViewStyle } from 'react-native';\nimport NativeSafeAreaProvider from './NativeSafeAreaProvider';\nimport { EdgeInsets, InsetChangedEvent, Metrics, Rect } from './SafeArea.types';\n\nexport const SafeAreaInsetsContext = React.createContext<EdgeInsets | null>(\n  null,\n);\nSafeAreaInsetsContext.displayName = 'SafeAreaInsetsContext';\n\nexport const SafeAreaFrameContext = React.createContext<Rect | null>(null);\nSafeAreaFrameContext.displayName = 'SafeAreaFrameContext';\n\nexport interface SafeAreaViewProps {\n  children?: React.ReactNode;\n  initialMetrics?: Metrics | null;\n  /**\n   * @deprecated\n   */\n  initialSafeAreaInsets?: EdgeInsets | null;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport function SafeAreaProvider({\n  children,\n  initialMetrics,\n  initialSafeAreaInsets,\n  style,\n}: SafeAreaViewProps) {\n  const parentInsets = useParentSafeAreaInsets();\n  const parentFrame = useParentSafeAreaFrame();\n  const [insets, setInsets] = React.useState<EdgeInsets | null>(\n    initialMetrics?.insets ?? initialSafeAreaInsets ?? parentInsets ?? null,\n  );\n  const [frame, setFrame] = React.useState<Rect>(\n    initialMetrics?.frame ??\n      parentFrame ?? {\n        // Backwards compat so we render anyway if we don't have frame.\n        x: 0,\n        y: 0,\n        width: Dimensions.get('window').width,\n        height: Dimensions.get('window').height,\n      },\n  );\n  const onInsetsChange = React.useCallback(\n    (event: InsetChangedEvent) => {\n      const {\n        nativeEvent: { frame: nextFrame, insets: nextInsets },\n      } = event;\n\n      if (\n        // Backwards compat with old native code that won't send frame.\n        nextFrame &&\n        (nextFrame.height !== frame.height ||\n          nextFrame.width !== frame.width ||\n          nextFrame.x !== frame.x ||\n          nextFrame.y !== frame.y)\n      ) {\n        setFrame(nextFrame);\n      }\n\n      if (\n        !insets ||\n        nextInsets.bottom !== insets.bottom ||\n        nextInsets.left !== insets.left ||\n        nextInsets.right !== insets.right ||\n        nextInsets.top !== insets.top\n      ) {\n        setInsets(nextInsets);\n      }\n    },\n    [frame, insets],\n  );\n\n  return (\n    <NativeSafeAreaProvider\n      style={[styles.fill, style]}\n      onInsetsChange={onInsetsChange}\n    >\n      {insets != null ? (\n        <SafeAreaFrameContext.Provider value={frame}>\n          <SafeAreaInsetsContext.Provider value={insets}>\n            {children}\n          </SafeAreaInsetsContext.Provider>\n        </SafeAreaFrameContext.Provider>\n      ) : null}\n    </NativeSafeAreaProvider>\n  );\n}\n\nconst styles = StyleSheet.create({\n  fill: { flex: 1 },\n});\n\nfunction useParentSafeAreaInsets(): EdgeInsets | null {\n  return React.useContext(SafeAreaInsetsContext);\n}\n\nfunction useParentSafeAreaFrame(): Rect | null {\n  return React.useContext(SafeAreaFrameContext);\n}\n\nexport function useSafeAreaInsets(): EdgeInsets {\n  const safeArea = React.useContext(SafeAreaInsetsContext);\n  if (safeArea == null) {\n    throw new Error(\n      'No safe area insets value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.',\n    );\n  }\n  return safeArea;\n}\n\nexport function useSafeAreaFrame(): Rect {\n  const frame = React.useContext(SafeAreaFrameContext);\n  if (frame == null) {\n    throw new Error(\n      'No safe area frame value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.',\n    );\n  }\n  return frame;\n}\n\nexport function withSafeAreaInsets<T>(\n  WrappedComponent: React.ComponentType<T>,\n) {\n  return React.forwardRef((props: T, ref: React.Ref<T>) => (\n    <SafeAreaConsumer>\n      {(insets) => <WrappedComponent {...props} insets={insets} ref={ref} />}\n    </SafeAreaConsumer>\n  ));\n}\n\n/**\n * @deprecated\n */\nexport function useSafeArea(): EdgeInsets {\n  return useSafeAreaInsets();\n}\n\n/**\n * @deprecated\n */\nexport const SafeAreaConsumer = SafeAreaInsetsContext.Consumer;\n\n/**\n * @deprecated\n */\nexport const SafeAreaContext = SafeAreaInsetsContext;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Dimensions","StyleSheet","NativeSafeAreaProvider","jsx","_jsx","isDev","process","env","NODE_ENV","SafeAreaInsetsContext","createContext","displayName","SafeAreaFrameContext","SafeAreaProvider","children","initialMetrics","initialSafeAreaInsets","style","others","parentInsets","useParentSafeAreaInsets","parentFrame","useParentSafeAreaFrame","insets","setInsets","useState","frame","setFrame","x","y","width","get","height","onInsetsChange","useCallback","event","nativeEvent","nextFrame","nextInsets","curFrame","curInsets","bottom","left","right","top","styles","fill","Provider","value","create","flex","useContext","NO_INSETS_ERROR","useSafeAreaInsets","Error","useSafeAreaFrame","withSafeAreaInsets","WrappedComponent","forwardRef","props","ref","useSafeArea","SafeAreaConsumer","Consumer","SafeAreaContext"],"sourceRoot":"../../src","sources":["SafeAreaContext.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SafeAreaView.js

@@ -1,74 +1,43 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import * as React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { useSafeAreaInsets } from './SafeAreaContext';
-// prettier-ignore
-const TOP = 0b1000,
-  RIGHT = 0b0100,
-  BOTTOM = 0b0010,
-  LEFT = 0b0001,
-  ALL = 0b1111;
-
-/* eslint-disable no-bitwise */
+"use strict";
 
-const edgeBitmaskMap = {
-  top: TOP,
-  right: RIGHT,
-  bottom: BOTTOM,
-  left: LEFT
+import * as React from 'react';
+import NativeSafeAreaView from './specs/NativeSafeAreaView';
+import { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const defaultEdges = {
+  top: 'additive',
+  left: 'additive',
+  bottom: 'additive',
+  right: 'additive'
 };
-export function SafeAreaView({
-  style = {},
-  mode,
+export const SafeAreaView = /*#__PURE__*/React.forwardRef(({
   edges,
-  ...rest
-}) {
-  const insets = useSafeAreaInsets();
-  const edgeBitmask = edges != null ? edges.reduce((accum, edge) => accum | edgeBitmaskMap[edge], 0) : ALL;
-  const appliedStyle = React.useMemo(() => {
-    const insetTop = edgeBitmask & TOP ? insets.top : 0;
-    const insetRight = edgeBitmask & RIGHT ? insets.right : 0;
-    const insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;
-    const insetLeft = edgeBitmask & LEFT ? insets.left : 0;
-    const flatStyle = StyleSheet.flatten(style);
-    if (mode === 'margin') {
-      const {
-        margin = 0,
-        marginVertical = margin,
-        marginHorizontal = margin,
-        marginTop = marginVertical,
-        marginRight = marginHorizontal,
-        marginBottom = marginVertical,
-        marginLeft = marginHorizontal
-      } = flatStyle;
-      const marginStyle = {
-        marginTop: marginTop + insetTop,
-        marginRight: marginRight + insetRight,
-        marginBottom: marginBottom + insetBottom,
-        marginLeft: marginLeft + insetLeft
-      };
-      return [style, marginStyle];
-    } else {
-      const {
-        padding = 0,
-        paddingVertical = padding,
-        paddingHorizontal = padding,
-        paddingTop = paddingVertical,
-        paddingRight = paddingHorizontal,
-        paddingBottom = paddingVertical,
-        paddingLeft = paddingHorizontal
-      } = flatStyle;
-      const paddingStyle = {
-        paddingTop: paddingTop + insetTop,
-        paddingRight: paddingRight + insetRight,
-        paddingBottom: paddingBottom + insetBottom,
-        paddingLeft: paddingLeft + insetLeft
-      };
-      return [style, paddingStyle];
+  ...props
+}, ref) => {
+  const nativeEdges = useMemo(() => {
+    if (edges == null) {
+      return defaultEdges;
     }
-  }, [style, insets, mode, edgeBitmask]);
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: appliedStyle
-  }, rest));
-}
+    const edgesObj = Array.isArray(edges) ? edges.reduce((acc, edge) => {
+      acc[edge] = 'additive';
+      return acc;
+    }, {}) :
+    // ts has trouble with refining readonly arrays.
+    edges;
+
+    // make sure that we always pass all edges, required for fabric
+    const requiredEdges = {
+      top: edgesObj.top ?? 'off',
+      right: edgesObj.right ?? 'off',
+      bottom: edgesObj.bottom ?? 'off',
+      left: edgesObj.left ?? 'off'
+    };
+    return requiredEdges;
+  }, [edges]);
+  return /*#__PURE__*/_jsx(NativeSafeAreaView, {
+    ...props,
+    edges: nativeEdges,
+    ref: ref
+  });
+});
 //# sourceMappingURL=SafeAreaView.js.map

package/lib/module/SafeAreaView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","useSafeAreaInsets","TOP","RIGHT","BOTTOM","LEFT","ALL","edgeBitmaskMap","top","right","bottom","left","SafeAreaView","style","mode","edges","rest","insets","edgeBitmask","reduce","accum","edge","appliedStyle","useMemo","insetTop","insetRight","insetBottom","insetLeft","flatStyle","flatten","margin","marginVertical","marginHorizontal","marginTop","marginRight","marginBottom","marginLeft","marginStyle","padding","paddingVertical","paddingHorizontal","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingStyle","createElement","_extends"],"sources":["SafeAreaView.tsx"],"sourcesContent":["import * as React from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { useSafeAreaInsets } from './SafeAreaContext';\nimport { Edge, NativeSafeAreaViewProps } from './SafeArea.types';\n\n// prettier-ignore\nconst TOP    = 0b1000,\n    RIGHT  = 0b0100,\n    BOTTOM = 0b0010,\n    LEFT   = 0b0001,\n    ALL    = 0b1111;\n\n/* eslint-disable no-bitwise */\n\nconst edgeBitmaskMap: Record<Edge, number> = {\n    top: TOP,\n    right: RIGHT,\n    bottom: BOTTOM,\n    left: LEFT,\n};\n\nexport function SafeAreaView({\n                                 style = {},\n                                 mode,\n                                 edges,\n                                 ...rest\n                             }: NativeSafeAreaViewProps) {\n    const insets = useSafeAreaInsets();\n\n    const edgeBitmask =\n        edges != null\n            ? edges.reduce((accum, edge) => accum | edgeBitmaskMap[edge], 0)\n            : ALL;\n\n    const appliedStyle = React.useMemo(() => {\n        const insetTop = edgeBitmask & TOP ? insets.top : 0;\n        const insetRight = edgeBitmask & RIGHT ? insets.right : 0;\n        const insetBottom = edgeBitmask & BOTTOM ? insets.bottom : 0;\n        const insetLeft = edgeBitmask & LEFT ? insets.left : 0;\n\n        const flatStyle = StyleSheet.flatten(style) as Record<string, number>;\n\n        if (mode === 'margin') {\n            const {\n                margin = 0,\n                marginVertical = margin,\n                marginHorizontal = margin,\n                marginTop = marginVertical,\n                marginRight = marginHorizontal,\n                marginBottom = marginVertical,\n                marginLeft = marginHorizontal,\n            } = flatStyle;\n\n            const marginStyle = {\n                marginTop: marginTop + insetTop,\n                marginRight: marginRight + insetRight,\n                marginBottom: marginBottom + insetBottom,\n                marginLeft: marginLeft + insetLeft,\n            };\n\n            return [style, marginStyle];\n        } else {\n            const {\n                padding = 0,\n                paddingVertical = padding,\n                paddingHorizontal = padding,\n                paddingTop = paddingVertical,\n                paddingRight = paddingHorizontal,\n                paddingBottom = paddingVertical,\n                paddingLeft = paddingHorizontal,\n            } = flatStyle;\n\n            const paddingStyle = {\n                paddingTop: paddingTop + insetTop,\n                paddingRight: paddingRight + insetRight,\n                paddingBottom: paddingBottom + insetBottom,\n                paddingLeft: paddingLeft + insetLeft,\n            };\n\n            return [style, paddingStyle];\n        }\n    }, [style, insets, mode, edgeBitmask]);\n\n    return <View style={appliedStyle} {...rest} />;\n}"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,mBAAmB;AAGrD;AACA,MAAMC,GAAG,GAAM,MAAM;EACjBC,KAAK,GAAI,MAAM;EACfC,MAAM,GAAG,MAAM;EACfC,IAAI,GAAK,MAAM;EACfC,GAAG,GAAM,MAAM;;AAEnB;;AAEA,MAAMC,cAAoC,GAAG;EACzCC,GAAG,EAAEN,GAAG;EACRO,KAAK,EAAEN,KAAK;EACZO,MAAM,EAAEN,MAAM;EACdO,IAAI,EAAEN;AACV,CAAC;AAED,OAAO,SAASO,YAAYA,CAAC;EACIC,KAAK,GAAG,CAAC,CAAC;EACVC,IAAI;EACJC,KAAK;EACL,GAAGC;AACkB,CAAC,EAAE;EACrD,MAAMC,MAAM,GAAGhB,iBAAiB,CAAC,CAAC;EAElC,MAAMiB,WAAW,GACbH,KAAK,IAAI,IAAI,GACPA,KAAK,CAACI,MAAM,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAKD,KAAK,GAAGb,cAAc,CAACc,IAAI,CAAC,EAAE,CAAC,CAAC,GAC9Df,GAAG;EAEb,MAAMgB,YAAY,GAAGxB,KAAK,CAACyB,OAAO,CAAC,MAAM;IACrC,MAAMC,QAAQ,GAAGN,WAAW,GAAGhB,GAAG,GAAGe,MAAM,CAACT,GAAG,GAAG,CAAC;IACnD,MAAMiB,UAAU,GAAGP,WAAW,GAAGf,KAAK,GAAGc,MAAM,CAACR,KAAK,GAAG,CAAC;IACzD,MAAMiB,WAAW,GAAGR,WAAW,GAAGd,MAAM,GAAGa,MAAM,CAACP,MAAM,GAAG,CAAC;IAC5D,MAAMiB,SAAS,GAAGT,WAAW,GAAGb,IAAI,GAAGY,MAAM,CAACN,IAAI,GAAG,CAAC;IAEtD,MAAMiB,SAAS,GAAG5B,UAAU,CAAC6B,OAAO,CAAChB,KAAK,CAA2B;IAErE,IAAIC,IAAI,KAAK,QAAQ,EAAE;MACnB,MAAM;QACFgB,MAAM,GAAG,CAAC;QACVC,cAAc,GAAGD,MAAM;QACvBE,gBAAgB,GAAGF,MAAM;QACzBG,SAAS,GAAGF,cAAc;QAC1BG,WAAW,GAAGF,gBAAgB;QAC9BG,YAAY,GAAGJ,cAAc;QAC7BK,UAAU,GAAGJ;MACjB,CAAC,GAAGJ,SAAS;MAEb,MAAMS,WAAW,GAAG;QAChBJ,SAAS,EAAEA,SAAS,GAAGT,QAAQ;QAC/BU,WAAW,EAAEA,WAAW,GAAGT,UAAU;QACrCU,YAAY,EAAEA,YAAY,GAAGT,WAAW;QACxCU,UAAU,EAAEA,UAAU,GAAGT;MAC7B,CAAC;MAED,OAAO,CAACd,KAAK,EAAEwB,WAAW,CAAC;IAC/B,CAAC,MAAM;MACH,MAAM;QACFC,OAAO,GAAG,CAAC;QACXC,eAAe,GAAGD,OAAO;QACzBE,iBAAiB,GAAGF,OAAO;QAC3BG,UAAU,GAAGF,eAAe;QAC5BG,YAAY,GAAGF,iBAAiB;QAChCG,aAAa,GAAGJ,eAAe;QAC/BK,WAAW,GAAGJ;MAClB,CAAC,GAAGZ,SAAS;MAEb,MAAMiB,YAAY,GAAG;QACjBJ,UAAU,EAAEA,UAAU,GAAGjB,QAAQ;QACjCkB,YAAY,EAAEA,YAAY,GAAGjB,UAAU;QACvCkB,aAAa,EAAEA,aAAa,GAAGjB,WAAW;QAC1CkB,WAAW,EAAEA,WAAW,GAAGjB;MAC/B,CAAC;MAED,OAAO,CAACd,KAAK,EAAEgC,YAAY,CAAC;IAChC;EACJ,CAAC,EAAE,CAAChC,KAAK,EAAEI,MAAM,EAAEH,IAAI,EAAEI,WAAW,CAAC,CAAC;EAEtC,oBAAOpB,KAAA,CAAAgD,aAAA,CAAC/C,IAAI,EAAAgD,QAAA;IAAClC,KAAK,EAAES;EAAa,GAAKN,IAAI,CAAG,CAAC;AAClD","ignoreList":[]}
+{"version":3,"names":["React","NativeSafeAreaView","useMemo","jsx","_jsx","defaultEdges","top","left","bottom","right","SafeAreaView","forwardRef","edges","props","ref","nativeEdges","edgesObj","Array","isArray","reduce","acc","edge","requiredEdges"],"sourceRoot":"../../src","sources":["SafeAreaView.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAQ9B,OAAOC,kBAAkB,MAAM,4BAA4B;AAC3D,SAASC,OAAO,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhC,MAAMC,YAAoC,GAAG;EAC3CC,GAAG,EAAE,UAAU;EACfC,IAAI,EAAE,UAAU;EAChBC,MAAM,EAAE,UAAU;EAClBC,KAAK,EAAE;AACT,CAAC;AAID,OAAO,MAAMC,YAAY,gBAAGV,KAAK,CAACW,UAAU,CAG1C,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9B,MAAMC,WAAW,GAAGb,OAAO,CAAC,MAAM;IAChC,IAAIU,KAAK,IAAI,IAAI,EAAE;MACjB,OAAOP,YAAY;IACrB;IAEA,MAAMW,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAACN,KAAK,CAAC,GACjCA,KAAK,CAACO,MAAM,CAAa,CAACC,GAAG,EAAEC,IAAU,KAAK;MAC5CD,GAAG,CAACC,IAAI,CAAC,GAAG,UAAU;MACtB,OAAOD,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IACN;IACCR,KAAoB;;IAEzB;IACA,MAAMU,aAAqC,GAAG;MAC5ChB,GAAG,EAAEU,QAAQ,CAACV,GAAG,IAAI,KAAK;MAC1BG,KAAK,EAAEO,QAAQ,CAACP,KAAK,IAAI,KAAK;MAC9BD,MAAM,EAAEQ,QAAQ,CAACR,MAAM,IAAI,KAAK;MAChCD,IAAI,EAAES,QAAQ,CAACT,IAAI,IAAI;IACzB,CAAC;IAED,OAAOe,aAAa;EACtB,CAAC,EAAE,CAACV,KAAK,CAAC,CAAC;EAEX,oBAAOR,IAAA,CAACH,kBAAkB;IAAA,GAAKY,KAAK;IAAED,KAAK,EAAEG,WAAY;IAACD,GAAG,EAAEA;EAAI,CAAE,CAAC;AACxE,CAAC,CAAC","ignoreList":[]}

package/lib/module/SafeAreaView.kepler.js

@@ -1,3 +1,5 @@
+"use strict";
+
 import { View } from 'react-native';
 export const SafeAreaView = View;
 //# sourceMappingURL=SafeAreaView.kepler.js.map

package/lib/module/SafeAreaView.kepler.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","SafeAreaView"],"sources":["SafeAreaView.kepler.tsx"],"sourcesContent":["import { View } from 'react-native';\n\nexport const SafeAreaView = View;"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,YAAY,GAAGD,IAAI","ignoreList":[]}
+{"version":3,"names":["View","SafeAreaView"],"sourceRoot":"../../src","sources":["SafeAreaView.kepler.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,YAAY,GAAGD,IAAI","ignoreList":[]}

package/lib/module/SafeAreaView.web.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSafeAreaInsets } from './SafeAreaContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+const defaultEdges = {
+  top: 'additive',
+  left: 'additive',
+  bottom: 'additive',
+  right: 'additive'
+};
+function getEdgeValue(inset, current, mode) {
+  switch (mode) {
+    case 'off':
+      return current;
+    case 'maximum':
+      return Math.max(current, inset);
+    case 'additive':
+    default:
+      return current + inset;
+  }
+}
+export const SafeAreaView = /*#__PURE__*/React.forwardRef(({
+  style = {},
+  mode,
+  edges,
+  ...rest
+}, ref) => {
+  const insets = useSafeAreaInsets();
+  const edgesRecord = React.useMemo(() => {
+    if (edges == null) {
+      return defaultEdges;
+    }
+    return Array.isArray(edges) ? edges.reduce((acc, edge) => {
+      acc[edge] = 'additive';
+      return acc;
+    }, {}) :
+    // ts has trouble with refining readonly arrays.
+    edges;
+  }, [edges]);
+  const appliedStyle = React.useMemo(() => {
+    const flatStyle = StyleSheet.flatten(style);
+    if (mode === 'margin') {
+      const {
+        margin = 0,
+        marginVertical = margin,
+        marginHorizontal = margin,
+        marginTop = marginVertical,
+        marginRight = marginHorizontal,
+        marginBottom = marginVertical,
+        marginLeft = marginHorizontal
+      } = flatStyle;
+      const marginStyle = {
+        marginTop: getEdgeValue(insets.top, marginTop, edgesRecord.top),
+        marginRight: getEdgeValue(insets.right, marginRight, edgesRecord.right),
+        marginBottom: getEdgeValue(insets.bottom, marginBottom, edgesRecord.bottom),
+        marginLeft: getEdgeValue(insets.left, marginLeft, edgesRecord.left)
+      };
+      return [style, marginStyle];
+    } else {
+      const {
+        padding = 0,
+        paddingVertical = padding,
+        paddingHorizontal = padding,
+        paddingTop = paddingVertical,
+        paddingRight = paddingHorizontal,
+        paddingBottom = paddingVertical,
+        paddingLeft = paddingHorizontal
+      } = flatStyle;
+      const paddingStyle = {
+        paddingTop: getEdgeValue(insets.top, paddingTop, edgesRecord.top),
+        paddingRight: getEdgeValue(insets.right, paddingRight, edgesRecord.right),
+        paddingBottom: getEdgeValue(insets.bottom, paddingBottom, edgesRecord.bottom),
+        paddingLeft: getEdgeValue(insets.left, paddingLeft, edgesRecord.left)
+      };
+      return [style, paddingStyle];
+    }
+  }, [edgesRecord.bottom, edgesRecord.left, edgesRecord.right, edgesRecord.top, insets.bottom, insets.left, insets.right, insets.top, mode, style]);
+  return /*#__PURE__*/_jsx(View, {
+    style: appliedStyle,
+    ...rest,
+    ref: ref
+  });
+});
+//# sourceMappingURL=SafeAreaView.web.js.map

package/lib/module/SafeAreaView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useSafeAreaInsets","jsx","_jsx","defaultEdges","top","left","bottom","right","getEdgeValue","inset","current","mode","Math","max","SafeAreaView","forwardRef","style","edges","rest","ref","insets","edgesRecord","useMemo","Array","isArray","reduce","acc","edge","appliedStyle","flatStyle","flatten","margin","marginVertical","marginHorizontal","marginTop","marginRight","marginBottom","marginLeft","marginStyle","padding","paddingVertical","paddingHorizontal","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingStyle"],"sourceRoot":"../../src","sources":["SafeAreaView.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SafeAreaView.windows.js

@@ -1,3 +1,5 @@
+"use strict";
+
 import { View } from 'react-native';
 export const SafeAreaView = View;
 //# sourceMappingURL=SafeAreaView.windows.js.map

package/lib/module/SafeAreaView.windows.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","SafeAreaView"],"sources":["SafeAreaView.windows.tsx"],"sourcesContent":["import { View } from 'react-native';\n\nexport const SafeAreaView = View;\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,YAAY,GAAGD,IAAI","ignoreList":[]}
+{"version":3,"names":["View","SafeAreaView"],"sourceRoot":"../../src","sources":["SafeAreaView.windows.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAGnC,OAAO,MAAMC,YAAY,GAAGD,IAA6C","ignoreList":[]}

package/lib/module/index.js

@@ -1,3 +1,6 @@
+"use strict";
+'use client';
+
 export * from './SafeAreaContext';
 export * from './SafeAreaView';
 export * from './InitialWindow';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './SafeAreaContext';\nexport * from './SafeAreaView';\nexport * from './InitialWindow';\nexport * from './SafeArea.types';\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,kBAAkB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";AAAA,YAAY;;AAEZ,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,kBAAkB","ignoreList":[]}

package/lib/module/specs/NativeSafeAreaContext.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { TurboModuleRegistry } from 'react-native';
+export default TurboModuleRegistry.get('RNCSafeAreaContext');
+//# sourceMappingURL=NativeSafeAreaContext.js.map

package/lib/module/specs/NativeSafeAreaContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TurboModuleRegistry","get"],"sourceRoot":"../../../src","sources":["specs/NativeSafeAreaContext.ts"],"mappings":";;AAAA,SAAsBA,mBAAmB,QAAQ,cAAc;AAsB/D,eAAeA,mBAAmB,CAACC,GAAG,CAAO,oBAAoB,CAAC","ignoreList":[]}

package/lib/module/specs/NativeSafeAreaProvider.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export default codegenNativeComponent('RNCSafeAreaProvider');
+//# sourceMappingURL=NativeSafeAreaProvider.js.map

package/lib/module/specs/NativeSafeAreaProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"../../../src","sources":["specs/NativeSafeAreaProvider.ts"],"mappings":";;AAIA,OAAOA,sBAAsB,MAAM,yDAAyD;AAsB5F,eAAeA,sBAAsB,CACnC,qBACF,CAAC","ignoreList":[]}

package/lib/module/specs/NativeSafeAreaView.js

@@ -0,0 +1,7 @@
+"use strict";
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export default codegenNativeComponent('RNCSafeAreaView', {
+  interfaceOnly: true
+});
+//# sourceMappingURL=NativeSafeAreaView.js.map

package/lib/module/specs/NativeSafeAreaView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent","interfaceOnly"],"sourceRoot":"../../../src","sources":["specs/NativeSafeAreaView.ts"],"mappings":";;AAAA,OAAOA,sBAAsB,MAAM,yDAAyD;AAc5F,eAAeA,sBAAsB,CAAc,iBAAiB,EAAE;EACpEC,aAAa,EAAE;AACjB,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/CompatNativeSafeAreaProvider.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { NativeSafeAreaProviderProps } from './SafeArea.types';
+export declare function CompatNativeSafeAreaProvider({ children, style, onInsetsChange, }: NativeSafeAreaProviderProps): React.JSX.Element;
+//# sourceMappingURL=CompatNativeSafeAreaProvider.d.ts.map

package/lib/typescript/CompatNativeSafeAreaProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompatNativeSafeAreaProvider.d.ts","sourceRoot":"","sources":["../../src/CompatNativeSafeAreaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAEpE,wBAAgB,4BAA4B,CAAC,EAC3C,QAAQ,EACR,KAAK,EACL,cAAc,GACf,EAAE,2BAA2B,qBAmB7B"}

package/lib/typescript/{src/InitialWindow.d.ts → InitialWindow.d.ts}

@@ -1,6 +1,7 @@
-import { EdgeInsets, Metrics } from './SafeArea.types';
+import type { EdgeInsets, Metrics } from './SafeArea.types';
 export declare const initialWindowMetrics: Metrics | null;
 /**
  * @deprecated
  */
 export declare const initialWindowSafeAreaInsets: EdgeInsets | null;
+//# sourceMappingURL=InitialWindow.d.ts.map

package/lib/typescript/InitialWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialWindow.d.ts","sourceRoot":"","sources":["../../src/InitialWindow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE5D,eAAO,MAAM,oBAAoB,EAAE,OAAO,GAAG,IAAW,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,UAAU,GAAG,IAAW,CAAC"}

package/lib/typescript/{src/InitialWindow.kepler.d.ts → InitialWindow.kepler.d.ts}

@@ -4,3 +4,4 @@ export declare const initialWindowMetrics: Metrics | null;
  * @deprecated
  */
 export declare const initialWindowSafeAreaInsets: import("./SafeArea.types").EdgeInsets | undefined;
+//# sourceMappingURL=InitialWindow.kepler.d.ts.map

package/lib/typescript/InitialWindow.kepler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialWindow.kepler.d.ts","sourceRoot":"","sources":["../../src/InitialWindow.kepler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAK3C,eAAO,MAAM,oBAAoB,EAAW,OAAO,GAAG,IAAI,CAAC;AAC3D;;GAEG;AACH,eAAO,MAAM,2BAA2B,mDAA+B,CAAC"}

package/lib/typescript/{src/InitialWindow.native.d.ts → InitialWindow.native.d.ts}

@@ -1,6 +1,7 @@
-import { Metrics } from './SafeArea.types';
+import type { Metrics } from './SafeArea.types';
 export declare const initialWindowMetrics: Metrics | null;
 /**
  * @deprecated
  */
 export declare const initialWindowSafeAreaInsets: import("./SafeArea.types").EdgeInsets | undefined;
+//# sourceMappingURL=InitialWindow.native.d.ts.map

package/lib/typescript/InitialWindow.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialWindow.native.d.ts","sourceRoot":"","sources":["../../src/InitialWindow.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGhD,eAAO,MAAM,oBAAoB,EACI,OAAO,GAAG,IAAI,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,2BAA2B,mDAA+B,CAAC"}

package/lib/typescript/NativeSafeAreaProvider.d.ts

@@ -0,0 +1,3 @@
+import NativeSafeAreaProvider from './specs/NativeSafeAreaProvider';
+export { NativeSafeAreaProvider };
+//# sourceMappingURL=NativeSafeAreaProvider.d.ts.map

package/lib/typescript/NativeSafeAreaProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSafeAreaProvider.d.ts","sourceRoot":"","sources":["../../src/NativeSafeAreaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/lib/typescript/NativeSafeAreaProvider.kepler.d.ts

@@ -0,0 +1,2 @@
+export { CompatNativeSafeAreaProvider as NativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';
+//# sourceMappingURL=NativeSafeAreaProvider.kepler.d.ts.map

package/lib/typescript/NativeSafeAreaProvider.kepler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSafeAreaProvider.kepler.d.ts","sourceRoot":"","sources":["../../src/NativeSafeAreaProvider.kepler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}

package/lib/typescript/NativeSafeAreaProvider.web.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { NativeSafeAreaProviderProps } from './SafeArea.types';
+export declare function NativeSafeAreaProvider({ children, style, onInsetsChange, }: NativeSafeAreaProviderProps): React.JSX.Element;
+//# sourceMappingURL=NativeSafeAreaProvider.web.d.ts.map

package/lib/typescript/NativeSafeAreaProvider.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSafeAreaProvider.web.d.ts","sourceRoot":"","sources":["../../src/NativeSafeAreaProvider.web.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAkBpE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,KAAK,EACL,cAAc,GACf,EAAE,2BAA2B,qBAqC7B"}

package/lib/typescript/NativeSafeAreaProvider.windows.d.ts

@@ -0,0 +1,2 @@
+export { CompatNativeSafeAreaProvider as NativeSafeAreaProvider } from './CompatNativeSafeAreaProvider';
+//# sourceMappingURL=NativeSafeAreaProvider.windows.d.ts.map

package/lib/typescript/NativeSafeAreaProvider.windows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSafeAreaProvider.windows.d.ts","sourceRoot":"","sources":["../../src/NativeSafeAreaProvider.windows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}

package/lib/typescript/SafeArea.types.d.ts

@@ -0,0 +1,36 @@
+import type * as React from 'react';
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+import NativeSafeAreaView from './specs/NativeSafeAreaView';
+export type Edge = 'top' | 'right' | 'bottom' | 'left';
+export type EdgeMode = 'off' | 'additive' | 'maximum';
+export type EdgeRecord = Partial<Record<Edge, EdgeMode>>;
+export type Edges = readonly Edge[] | Readonly<EdgeRecord>;
+export interface EdgeInsets {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface Metrics {
+    insets: EdgeInsets;
+    frame: Rect;
+}
+export type InsetChangedEvent = NativeSyntheticEvent<Metrics>;
+export type InsetChangeNativeCallback = (event: InsetChangedEvent) => void;
+export interface NativeSafeAreaProviderProps extends ViewProps {
+    children?: React.ReactNode;
+    onInsetsChange: InsetChangeNativeCallback;
+}
+export interface NativeSafeAreaViewProps extends ViewProps {
+    children?: React.ReactNode;
+    mode?: 'padding' | 'margin';
+    edges?: Edges;
+}
+export type NativeSafeAreaViewInstance = InstanceType<typeof NativeSafeAreaView>;
+//# sourceMappingURL=SafeArea.types.d.ts.map

package/lib/typescript/SafeArea.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.types.d.ts","sourceRoot":"","sources":["../../src/SafeArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAE5D,MAAM,MAAM,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AACvD,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;AACzD,MAAM,MAAM,KAAK,GAAG,SAAS,IAAI,EAAE,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;AAE3D,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,IAAI,CAAC;CACb;AAED,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAE3E,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,yBAAyB,CAAC;CAC3C;AAED,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,MAAM,MAAM,0BAA0B,GAAG,YAAY,CACnD,OAAO,kBAAkB,CAC1B,CAAC"}