expo-dev-client-components 1.0.0

package/build/theme.d.ts

@@ -0,0 +1,345 @@
+export declare const scale: {
+    micro: number;
+    tiny: number;
+    small: number;
+    medium: number;
+    large: number;
+    xl: number;
+};
+export declare const padding: {
+    padding: {
+        micro: {
+            padding: number;
+        };
+        tiny: {
+            padding: number;
+        };
+        small: {
+            padding: number;
+        };
+        medium: {
+            padding: number;
+        };
+        large: {
+            padding: number;
+        };
+        xl: {
+            padding: number;
+        };
+    };
+    px: {
+        micro: {
+            paddingHorizontal: number;
+        };
+        tiny: {
+            paddingHorizontal: number;
+        };
+        small: {
+            paddingHorizontal: number;
+        };
+        medium: {
+            paddingHorizontal: number;
+        };
+        large: {
+            paddingHorizontal: number;
+        };
+        xl: {
+            paddingHorizontal: number;
+        };
+    };
+    py: {
+        micro: {
+            paddingVertical: number;
+        };
+        tiny: {
+            paddingVertical: number;
+        };
+        small: {
+            paddingVertical: number;
+        };
+        medium: {
+            paddingVertical: number;
+        };
+        large: {
+            paddingVertical: number;
+        };
+        xl: {
+            paddingVertical: number;
+        };
+    };
+};
+export declare const margin: {
+    margin: {
+        micro: {
+            margin: number;
+        };
+        tiny: {
+            margin: number;
+        };
+        small: {
+            margin: number;
+        };
+        medium: {
+            margin: number;
+        };
+        large: {
+            margin: number;
+        };
+        xl: {
+            margin: number;
+        };
+    };
+    mx: {
+        micro: {
+            marginHorizontal: number;
+        };
+        tiny: {
+            marginHorizontal: number;
+        };
+        small: {
+            marginHorizontal: number;
+        };
+        medium: {
+            marginHorizontal: number;
+        };
+        large: {
+            marginHorizontal: number;
+        };
+    };
+    my: {
+        micro: {
+            marginHorizontal: number;
+        };
+        tiny: {
+            marginVertical: number;
+        };
+        small: {
+            marginVertical: number;
+        };
+        medium: {
+            marginVertical: number;
+        };
+        large: {
+            marginVertical: number;
+        };
+    };
+};
+export declare const rounded: {
+    rounded: {
+        none: {
+            borderRadius: number;
+        };
+        small: {
+            borderRadius: number;
+        };
+        medium: {
+            borderRadius: number;
+        };
+        large: {
+            borderRadius: number;
+        };
+        full: {
+            borderRadius: number;
+        };
+    };
+    roundedTop: {
+        none: {
+            borderTopLeftRadius: number;
+            borderTopRightRadius: number;
+        };
+        small: {
+            borderTopLeftRadius: number;
+            borderTopRightRadius: number;
+        };
+        medium: {
+            borderTopLeftRadius: number;
+            borderTopRightRadius: number;
+        };
+        large: {
+            borderTopLeftRadius: number;
+            borderTopRightRadius: number;
+        };
+        full: {
+            borderTopLeftRadius: number;
+            borderTopRightRadius: number;
+        };
+    };
+    roundedBottom: {
+        none: {
+            borderBottomLeftRadius: number;
+            borderBottomRightRadius: number;
+        };
+        small: {
+            borderBottomLeftRadius: number;
+            borderBottomRightRadius: number;
+        };
+        medium: {
+            borderBottomLeftRadius: number;
+            borderBottomRightRadius: number;
+        };
+        large: {
+            borderBottomLeftRadius: number;
+            borderBottomRightRadius: number;
+        };
+        full: {
+            borderBottomLeftRadius: number;
+            borderBottomRightRadius: number;
+        };
+    };
+};
+export declare const text: {
+    align: {
+        center: {
+            textAlign: "center" | "auto" | "left" | "right" | "justify" | undefined;
+        };
+    };
+    size: {
+        small: {
+            fontSize: number;
+            lineHeight: number;
+        };
+        medium: {
+            fontSize: number;
+            lineHeight: number;
+        };
+        large: {
+            fontSize: number;
+            lineHeight: number;
+        };
+    };
+    leading: {
+        large: {
+            lineHeight: number;
+        };
+    };
+    type: {
+        mono: {
+            fontFamily: string;
+        };
+    };
+    weight: {
+        thin: {
+            fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        };
+        extralight: {
+            fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        };
+        light: {
+            fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        };
+        normal: {
+            fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        };
+        medium: {
+            fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        };
+        semibold: {
+            fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        };
+        bold: {
+            fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        };
+        extrabold: {
+            fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        };
+        black: {
+            fontWeight: "100" | "normal" | "bold" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
+        };
+    };
+    color: {
+        default: {
+            color: string;
+        };
+        error: {
+            color: string;
+        };
+        warning: {
+            color: string;
+        };
+        success: {
+            color: string;
+        };
+        secondary: {
+            color: string;
+        };
+        primary: {
+            color: string;
+        };
+    };
+};
+export declare const textDark: {
+    base: {
+        color: string;
+    };
+    color: {
+        default: {
+            color: string;
+        };
+        error: {
+            color: string;
+        };
+        warning: {
+            color: string;
+        };
+        success: {
+            color: string;
+        };
+        secondary: {
+            color: string;
+        };
+        primary: {
+            color: string;
+        };
+    };
+};
+export declare const bg: {
+    none: {
+        backgroundColor: string;
+    };
+    default: {
+        backgroundColor: string;
+    };
+    secondary: {
+        backgroundColor: string;
+    };
+    success: {
+        backgroundColor: string;
+    };
+    warning: {
+        backgroundColor: string;
+    };
+    error: {
+        backgroundColor: string;
+    };
+};
+export declare const bgDark: {
+    default: {
+        backgroundColor: string;
+    };
+    secondary: {
+        backgroundColor: string;
+    };
+    success: {
+        backgroundColor: string;
+    };
+    warning: {
+        backgroundColor: string;
+    };
+    error: {
+        backgroundColor: string;
+    };
+};
+declare type NavigationTheme = {
+    dark: boolean;
+    colors: {
+        primary: string;
+        background: string;
+        card: string;
+        text: string;
+        border: string;
+        notification: string;
+    };
+};
+export declare const lightNavigationTheme: NavigationTheme;
+export declare const darkNavigationTheme: NavigationTheme;
+export {};

package/build/theme.js

@@ -0,0 +1,191 @@
+import { spacing, lightTheme, darkTheme, borderRadius } from '@expo/styleguide-native';
+export const scale = {
+    micro: spacing[0.5],
+    tiny: spacing[1],
+    small: spacing[3],
+    medium: spacing[4],
+    large: spacing[6],
+    xl: spacing[8],
+};
+export const padding = {
+    padding: {
+        micro: { padding: scale.micro },
+        tiny: { padding: scale.tiny },
+        small: { padding: scale.small },
+        medium: { padding: scale.medium },
+        large: { padding: scale.large },
+        xl: { padding: scale.xl },
+    },
+    px: {
+        micro: { paddingHorizontal: scale.micro },
+        tiny: { paddingHorizontal: scale.tiny },
+        small: { paddingHorizontal: scale.small },
+        medium: { paddingHorizontal: scale.medium },
+        large: { paddingHorizontal: scale.large },
+        xl: { paddingHorizontal: scale.xl },
+    },
+    py: {
+        micro: { paddingVertical: scale.micro },
+        tiny: { paddingVertical: scale.tiny },
+        small: { paddingVertical: scale.small },
+        medium: { paddingVertical: scale.medium },
+        large: { paddingVertical: scale.large },
+        xl: { paddingVertical: scale.xl },
+    },
+};
+export const margin = {
+    margin: {
+        micro: { margin: scale.micro },
+        tiny: { margin: scale.tiny },
+        small: { margin: scale.small },
+        medium: { margin: scale.medium },
+        large: { margin: scale.large },
+        xl: { margin: scale.xl },
+    },
+    mx: {
+        micro: { marginHorizontal: scale.micro },
+        tiny: { marginHorizontal: scale.tiny },
+        small: { marginHorizontal: scale.small },
+        medium: { marginHorizontal: scale.medium },
+        large: { marginHorizontal: scale.large },
+    },
+    my: {
+        micro: { marginHorizontal: scale.micro },
+        tiny: { marginVertical: scale.tiny },
+        small: { marginVertical: scale.small },
+        medium: { marginVertical: scale.medium },
+        large: { marginVertical: scale.large },
+    },
+};
+export const rounded = {
+    rounded: {
+        none: { borderRadius: 0 },
+        small: { borderRadius: borderRadius.small },
+        medium: { borderRadius: borderRadius.medium },
+        large: { borderRadius: borderRadius.large },
+        full: { borderRadius: 99999 },
+    },
+    roundedTop: {
+        none: { borderTopLeftRadius: 0, borderTopRightRadius: 0 },
+        small: { borderTopLeftRadius: borderRadius.small, borderTopRightRadius: borderRadius.small },
+        medium: {
+            borderTopLeftRadius: borderRadius.medium,
+            borderTopRightRadius: borderRadius.medium,
+        },
+        large: { borderTopLeftRadius: borderRadius.large, borderTopRightRadius: borderRadius.large },
+        full: { borderTopLeftRadius: 9999, borderTopRightRadius: 9999 },
+    },
+    roundedBottom: {
+        none: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 },
+        small: {
+            borderBottomLeftRadius: borderRadius.small,
+            borderBottomRightRadius: borderRadius.small,
+        },
+        medium: {
+            borderBottomLeftRadius: borderRadius.medium,
+            borderBottomRightRadius: borderRadius.medium,
+        },
+        large: {
+            borderBottomLeftRadius: borderRadius.large,
+            borderBottomRightRadius: borderRadius.large,
+        },
+        full: { borderBottomLeftRadius: 9999, borderBottomRightRadius: 9999 },
+    },
+};
+export const text = {
+    align: {
+        center: { textAlign: 'center' },
+    },
+    size: {
+        small: {
+            fontSize: 12,
+            lineHeight: 14,
+        },
+        medium: {
+            fontSize: 16,
+            lineHeight: 18,
+        },
+        large: {
+            fontSize: 18,
+            lineHeight: 24,
+        },
+    },
+    leading: {
+        large: { lineHeight: 18 },
+    },
+    type: {
+        mono: {
+            fontFamily: 'Menlo',
+        },
+    },
+    weight: {
+        thin: { fontWeight: '100' },
+        extralight: { fontWeight: '200' },
+        light: { fontWeight: '300' },
+        normal: { fontWeight: '400' },
+        medium: { fontWeight: '500' },
+        semibold: { fontWeight: '600' },
+        bold: { fontWeight: '700' },
+        extrabold: { fontWeight: '800' },
+        black: { fontWeight: '900' },
+    },
+    color: {
+        default: { color: lightTheme.text.default },
+        error: { color: lightTheme.text.error },
+        warning: { color: lightTheme.text.warning },
+        success: { color: lightTheme.text.success },
+        secondary: { color: lightTheme.text.secondary },
+        primary: { color: lightTheme.button.primary.background },
+    },
+};
+export const textDark = {
+    base: {
+        color: darkTheme.text.default,
+    },
+    color: {
+        default: { color: darkTheme.text.default },
+        error: { color: darkTheme.text.error },
+        warning: { color: darkTheme.text.warning },
+        success: { color: darkTheme.text.success },
+        secondary: { color: darkTheme.text.secondary },
+        primary: { color: darkTheme.button.primary.background },
+    },
+};
+export const bg = {
+    none: { backgroundColor: 'transparent' },
+    default: { backgroundColor: lightTheme.background.default },
+    secondary: { backgroundColor: lightTheme.background.secondary },
+    success: { backgroundColor: lightTheme.background.success },
+    warning: { backgroundColor: lightTheme.background.warning },
+    error: { backgroundColor: lightTheme.background.error },
+};
+export const bgDark = {
+    default: { backgroundColor: darkTheme.background.default },
+    secondary: { backgroundColor: darkTheme.background.secondary },
+    success: { backgroundColor: darkTheme.background.success },
+    warning: { backgroundColor: darkTheme.background.warning },
+    error: { backgroundColor: darkTheme.background.error },
+};
+export const lightNavigationTheme = {
+    dark: false,
+    colors: {
+        primary: lightTheme.button.primary.background,
+        background: lightTheme.background.secondary,
+        card: lightTheme.background.default,
+        text: lightTheme.text.default,
+        border: lightTheme.border.default,
+        notification: lightTheme.highlight.accent,
+    },
+};
+export const darkNavigationTheme = {
+    dark: true,
+    colors: {
+        primary: darkTheme.button.primary.background,
+        background: darkTheme.background.secondary,
+        card: darkTheme.background.default,
+        text: darkTheme.text.default,
+        border: darkTheme.border.default,
+        notification: darkTheme.highlight.accent,
+    },
+};
+//# sourceMappingURL=theme.js.map

package/build/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"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","sourcesContent":["import { spacing, lightTheme, darkTheme, borderRadius } from '@expo/styleguide-native';\nimport { TextStyle } from 'react-native';\n\nexport const scale = {\n  micro: spacing[0.5],\n  tiny: spacing[1],\n  small: spacing[3],\n  medium: spacing[4],\n  large: spacing[6],\n  xl: spacing[8],\n};\n\nexport const padding = {\n  padding: {\n    micro: { padding: scale.micro },\n    tiny: { padding: scale.tiny },\n    small: { padding: scale.small },\n    medium: { padding: scale.medium },\n    large: { padding: scale.large },\n    xl: { padding: scale.xl },\n  },\n\n  px: {\n    micro: { paddingHorizontal: scale.micro },\n    tiny: { paddingHorizontal: scale.tiny },\n    small: { paddingHorizontal: scale.small },\n    medium: { paddingHorizontal: scale.medium },\n    large: { paddingHorizontal: scale.large },\n    xl: { paddingHorizontal: scale.xl },\n  },\n\n  py: {\n    micro: { paddingVertical: scale.micro },\n    tiny: { paddingVertical: scale.tiny },\n    small: { paddingVertical: scale.small },\n    medium: { paddingVertical: scale.medium },\n    large: { paddingVertical: scale.large },\n    xl: { paddingVertical: scale.xl },\n  },\n};\n\nexport const margin = {\n  margin: {\n    micro: { margin: scale.micro },\n    tiny: { margin: scale.tiny },\n    small: { margin: scale.small },\n    medium: { margin: scale.medium },\n    large: { margin: scale.large },\n    xl: { margin: scale.xl },\n  },\n\n  mx: {\n    micro: { marginHorizontal: scale.micro },\n    tiny: { marginHorizontal: scale.tiny },\n    small: { marginHorizontal: scale.small },\n    medium: { marginHorizontal: scale.medium },\n    large: { marginHorizontal: scale.large },\n  },\n\n  my: {\n    micro: { marginHorizontal: scale.micro },\n    tiny: { marginVertical: scale.tiny },\n    small: { marginVertical: scale.small },\n    medium: { marginVertical: scale.medium },\n    large: { marginVertical: scale.large },\n  },\n};\n\nexport const rounded = {\n  rounded: {\n    none: { borderRadius: 0 },\n    small: { borderRadius: borderRadius.small },\n    medium: { borderRadius: borderRadius.medium },\n    large: { borderRadius: borderRadius.large },\n    full: { borderRadius: 99999 },\n  },\n\n  roundedTop: {\n    none: { borderTopLeftRadius: 0, borderTopRightRadius: 0 },\n    small: { borderTopLeftRadius: borderRadius.small, borderTopRightRadius: borderRadius.small },\n    medium: {\n      borderTopLeftRadius: borderRadius.medium,\n      borderTopRightRadius: borderRadius.medium,\n    },\n    large: { borderTopLeftRadius: borderRadius.large, borderTopRightRadius: borderRadius.large },\n    full: { borderTopLeftRadius: 9999, borderTopRightRadius: 9999 },\n  },\n\n  roundedBottom: {\n    none: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 },\n    small: {\n      borderBottomLeftRadius: borderRadius.small,\n      borderBottomRightRadius: borderRadius.small,\n    },\n    medium: {\n      borderBottomLeftRadius: borderRadius.medium,\n      borderBottomRightRadius: borderRadius.medium,\n    },\n    large: {\n      borderBottomLeftRadius: borderRadius.large,\n      borderBottomRightRadius: borderRadius.large,\n    },\n    full: { borderBottomLeftRadius: 9999, borderBottomRightRadius: 9999 },\n  },\n};\n\nexport const text = {\n  align: {\n    center: { textAlign: 'center' as TextStyle['textAlign'] },\n  },\n\n  size: {\n    small: {\n      fontSize: 12,\n      lineHeight: 14,\n    },\n    medium: {\n      fontSize: 16,\n      lineHeight: 18,\n    },\n    large: {\n      fontSize: 18,\n      lineHeight: 24,\n    },\n  },\n\n  leading: {\n    large: { lineHeight: 18 },\n  },\n\n  type: {\n    mono: {\n      fontFamily: 'Menlo',\n    },\n  },\n\n  weight: {\n    thin: { fontWeight: '100' as TextStyle['fontWeight'] },\n    extralight: { fontWeight: '200' as TextStyle['fontWeight'] },\n    light: { fontWeight: '300' as TextStyle['fontWeight'] },\n    normal: { fontWeight: '400' as TextStyle['fontWeight'] },\n    medium: { fontWeight: '500' as TextStyle['fontWeight'] },\n    semibold: { fontWeight: '600' as TextStyle['fontWeight'] },\n    bold: { fontWeight: '700' as TextStyle['fontWeight'] },\n    extrabold: { fontWeight: '800' as TextStyle['fontWeight'] },\n    black: { fontWeight: '900' as TextStyle['fontWeight'] },\n  },\n\n  color: {\n    default: { color: lightTheme.text.default },\n    error: { color: lightTheme.text.error },\n    warning: { color: lightTheme.text.warning },\n    success: { color: lightTheme.text.success },\n    secondary: { color: lightTheme.text.secondary },\n    primary: { color: lightTheme.button.primary.background },\n  },\n};\n\nexport const textDark = {\n  base: {\n    color: darkTheme.text.default,\n  },\n\n  color: {\n    default: { color: darkTheme.text.default },\n    error: { color: darkTheme.text.error },\n    warning: { color: darkTheme.text.warning },\n    success: { color: darkTheme.text.success },\n    secondary: { color: darkTheme.text.secondary },\n    primary: { color: darkTheme.button.primary.background },\n  },\n};\n\nexport const bg = {\n  none: { backgroundColor: 'transparent' },\n  default: { backgroundColor: lightTheme.background.default },\n  secondary: { backgroundColor: lightTheme.background.secondary },\n  success: { backgroundColor: lightTheme.background.success },\n  warning: { backgroundColor: lightTheme.background.warning },\n  error: { backgroundColor: lightTheme.background.error },\n};\n\nexport const bgDark = {\n  default: { backgroundColor: darkTheme.background.default },\n  secondary: { backgroundColor: darkTheme.background.secondary },\n  success: { backgroundColor: darkTheme.background.success },\n  warning: { backgroundColor: darkTheme.background.warning },\n  error: { backgroundColor: darkTheme.background.error },\n};\n\ntype NavigationTheme = {\n  dark: boolean;\n  colors: {\n    primary: string;\n    background: string;\n    card: string;\n    text: string;\n    border: string;\n    notification: string;\n  };\n};\n\nexport const lightNavigationTheme: NavigationTheme = {\n  dark: false,\n  colors: {\n    primary: lightTheme.button.primary.background,\n    background: lightTheme.background.secondary,\n    card: lightTheme.background.default,\n    text: lightTheme.text.default,\n    border: lightTheme.border.default,\n    notification: lightTheme.highlight.accent,\n  },\n};\n\nexport const darkNavigationTheme: NavigationTheme = {\n  dark: true,\n  colors: {\n    primary: darkTheme.button.primary.background,\n    background: darkTheme.background.secondary,\n    card: darkTheme.background.default,\n    text: darkTheme.text.default,\n    border: darkTheme.border.default,\n    notification: darkTheme.highlight.accent,\n  },\n};\n"]}

package/build/useExpoTheme.d.ts

@@ -0,0 +1,4 @@
+import { lightTheme } from '@expo/styleguide-native';
+declare type ExpoTheme = typeof lightTheme;
+export declare function useExpoTheme(): ExpoTheme;
+export {};

package/build/useExpoTheme.js

@@ -0,0 +1,10 @@
+import { lightTheme, darkTheme } from '@expo/styleguide-native';
+import { useColorScheme } from 'react-native';
+export function useExpoTheme() {
+    const colorScheme = useColorScheme();
+    if (colorScheme === 'dark') {
+        return darkTheme;
+    }
+    return lightTheme;
+}
+//# sourceMappingURL=useExpoTheme.js.map

package/build/useExpoTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpoTheme.js","sourceRoot":"","sources":["../src/useExpoTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,UAAU,YAAY;IAC1B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,WAAW,KAAK,MAAM,EAAE;QAC1B,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["import { lightTheme, darkTheme } from '@expo/styleguide-native';\nimport { useColorScheme } from 'react-native';\n\ntype ExpoTheme = typeof lightTheme;\n\nexport function useExpoTheme(): ExpoTheme {\n  const colorScheme = useColorScheme();\n\n  if (colorScheme === 'dark') {\n    return darkTheme;\n  }\n\n  return lightTheme;\n}\n"]}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "expo-dev-client-components",
+  "version": "1.0.0",
+  "description": "Shared JS components and configuration for expo-dev-client",
+  "main": "build/index.js",
+  "scripts": {
+    "build": "expo-module build",
+    "clean": "expo-module clean",
+    "lint": "expo-module lint",
+    "test": "expo-module test",
+    "prepare": "expo-module prepare",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "expo-module": "expo-module"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "expo-dev-client-components"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/expo/expo.git",
+    "directory": "packages/expo-dev-client-components"
+  },
+  "bugs": {
+    "url": "https://github.com/expo/expo/issues"
+  },
+  "author": "650 Industries, Inc.",
+  "license": "MIT",
+  "homepage": "https://docs.expo.dev/versions/latest/sdk/module-template",
+  "dependencies": {
+    "@expo/styleguide-native": "^0.4.0",
+    "expo-module-scripts": "^2.0.0",
+    "react-native-primitives": "^0.1.3"
+  },
+  "jest": {
+    "preset": "expo-module-scripts/ios"
+  },
+  "gitHead": "db3c974468338f22450238dc273b343a76e2c347"
+}