@ornikar/bumper 2.1.0 → 2.2.1-canary.431a0c996598cbee4e3c07f6b9886d37d2a76679.0

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.2.1-canary.431a0c996598cbee4e3c07f6b9886d37d2a76679.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@2.2.0...@ornikar/bumper@2.2.1-canary.431a0c996598cbee4e3c07f6b9886d37d2a76679.0) (2025-12-01)
+
+
+### Features
+
+* add animations config to tamagui ([5dfb532](https://github.com/ornikar/kitt/commit/5dfb532a72e5a8cce98fb776ca96cc9a2e7db73f))
+* add store to handle toast stacking ([9cec684](https://github.com/ornikar/kitt/commit/9cec68473772b1fdc5604f55adf8935806aed83e))
+* add toast exports ([fe5de1b](https://github.com/ornikar/kitt/commit/fe5de1be2b7e94804802dd58691b7d0c07008960))
+* add toats types ([400388e](https://github.com/ornikar/kitt/commit/400388edd0b3b116c27c1979372feb25c841f601))
+* create provider ([56a9b8d](https://github.com/ornikar/kitt/commit/56a9b8d32d7264ae8427ed056fa59446b2d2a177))
+* create toast renderer to handle custom toast ui component ([e38bfdb](https://github.com/ornikar/kitt/commit/e38bfdb7db1dcfd296317d00d5d04613ec2ea6ed))
+* create toast viewport with insets handling ([87fc93b](https://github.com/ornikar/kitt/commit/87fc93b6308bb9f29bb981ddd93fd8f8fa099d9e))
+
+
+
+## [2.2.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@2.1.0...@ornikar/bumper@2.2.0) (2025-11-24)
+
+
+### Features
+
+* enable tamagui compiler OSE-21194 ([#2768](https://github.com/ornikar/kitt/issues/2768)) ([85f2073](https://github.com/ornikar/kitt/commit/85f20737db7a71e64de27a015f62dcfe4d5945bc))
+
+
+
 ## [2.1.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@2.0.1...@ornikar/bumper@2.1.0) (2025-11-21)
 
 

package/dist/definitions/animations.d.ts

@@ -0,0 +1,22 @@
+export declare const nativeAnimations: import("@tamagui/web").AnimationDriver<{
+    fast: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    medium: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    slow: {
+        damping: number;
+        stiffness: number;
+    };
+}>;
+export declare const webAnimations: import("@tamagui/web").AnimationDriver<{
+    fast: string;
+    medium: string;
+    slow: string;
+}>;
+//# sourceMappingURL=animations.d.ts.map

package/dist/definitions/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/animations.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;EAe3B,CAAC;AAEH,eAAO,MAAM,aAAa;;;;EAIxB,CAAC"}

package/dist/definitions/components/toast/SafeToastViewport.d.ts

@@ -0,0 +1,9 @@
+import type { ToastViewportProps } from '@tamagui/toast';
+import type { ReactNode } from 'react';
+export interface SafeToastViewportProps {
+    name?: ToastViewportProps['name'];
+    position?: 'top' | 'bottom';
+    portalToRoot?: boolean;
+}
+export declare function SafeToastViewport({ name, position, portalToRoot }: SafeToastViewportProps): ReactNode;
+//# sourceMappingURL=SafeToastViewport.d.ts.map

package/dist/definitions/components/toast/SafeToastViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeToastViewport.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/SafeToastViewport.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAgB,EAAE,YAAoB,EAAE,EAAE,sBAAsB,GAAG,SAAS,CAcrH"}

package/dist/definitions/components/toast/ToastProvider.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { ToastProps } from './types';
+export interface ToastProviderProps {
+    children: React.ReactNode;
+    position?: 'top' | 'bottom';
+    viewportName?: string;
+    ToastComponent: React.ComponentType<ToastProps>;
+}
+export declare function ToastProvider({ children, position, viewportName, ToastComponent, }: ToastProviderProps): ReactNode;
+//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/definitions/components/toast/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;CACjD;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAgB,EAChB,YAAY,EACZ,cAAc,GACf,EAAE,kBAAkB,GAAG,SAAS,CAYhC"}

package/dist/definitions/components/toast/ToastRenderer.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import type { ToastProps } from './types';
+interface ToastRendererProps {
+    ToastComponent: React.ComponentType<ToastProps>;
+}
+export declare function ToastRenderer({ ToastComponent }: ToastRendererProps): ReactNode;
+export {};
+//# sourceMappingURL=ToastRenderer.d.ts.map

package/dist/definitions/components/toast/ToastRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/ToastRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,UAAU,kBAAkB;IAC1B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;CACjD;AAED,wBAAgB,aAAa,CAAC,EAAE,cAAc,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAe/E"}

package/dist/definitions/components/toast/ToastStoreProvider.d.ts

@@ -0,0 +1,11 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { ToastOptions } from './types';
+interface ToastStore {
+    toasts: ToastOptions[];
+    addToast: (toast: ToastOptions) => void;
+    removeToast: (id: string) => void;
+}
+export declare function ToastStoreProvider({ children }: PropsWithChildren): ReactNode;
+export declare const useToastStore: () => ToastStore;
+export {};
+//# sourceMappingURL=ToastStoreProvider.d.ts.map

package/dist/definitions/components/toast/ToastStoreProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastStoreProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/ToastStoreProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,UAAU,UAAU;IAClB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAkBD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAM7E;AAED,eAAO,MAAM,aAAa,QAAO,UAMhC,CAAC"}

package/dist/definitions/components/toast/decorators/ToastProviderDecorator.d.ts

@@ -0,0 +1,2 @@
+export declare const ToastStoryDecorator: import("@storybook/preview-api/dist/addons").MakeDecoratorResult;
+//# sourceMappingURL=ToastProviderDecorator.d.ts.map

package/dist/definitions/components/toast/decorators/ToastProviderDecorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProviderDecorator.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/decorators/ToastProviderDecorator.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB,kEAiB9B,CAAC"}

package/dist/definitions/components/toast/types.d.ts

@@ -0,0 +1,8 @@
+import type { CustomData } from '@tamagui/toast';
+export interface ToastOptions extends CustomData {
+    title: string;
+}
+export interface ToastProps extends ToastOptions {
+    hideToast: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/definitions/components/toast/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB"}

package/dist/definitions/components/toast/useToast.d.ts

@@ -0,0 +1,9 @@
+import type { ToastOptions } from './types';
+interface UseToastReturn {
+    toasts: ToastOptions[];
+    showToast: (options: ToastOptions) => void;
+    hideToast: (id: string) => void;
+}
+export declare function useToast(): UseToastReturn;
+export {};
+//# sourceMappingURL=useToast.d.ts.map

package/dist/definitions/components/toast/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/useToast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,UAAU,cAAc;IACtB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,QAAQ,IAAI,cAAc,CAwBzC"}

package/dist/definitions/index.d.ts

@@ -1,5 +1,11 @@
 export { BumperDecorator } from './core/BumperDecorator';
 export { BumperProvider } from './core/BumperProvider';
+export type { HStackProps, StackProps, VStackProps } from './components/primitives/Stacks';
+export { HStack, Stack, VStack } from './components/primitives/Stacks';
+export type { ViewProps } from './components/primitives/View';
+export { View } from './components/primitives/View';
+export type { TypographyTextProps } from './components/typography/Typograhy';
+export { Typography } from './components/typography/Typograhy';
 export { useBreakpointValue } from './components/breakpoints/hooks/useBreakpointValue';
 export { useCurrentBreakpointName } from './components/breakpoints/hooks/useCurrentBreakpointName';
 export { useWindowSize } from './components/breakpoints/hooks/useWindowSize';
@@ -7,4 +13,7 @@ export type { SwitchBreakpointsProps } from './components/breakpoints/SwitchBrea
 export { SwitchBreakpoints } from './components/breakpoints/SwitchBreakpoins';
 export type { ValueForBreakpoint } from './components/breakpoints/utils/breakpointsUtils';
 export { getValueForBreakpoint } from './components/breakpoints/utils/breakpointsUtils';
+export { SafeToastViewport as ToastViewport } from './components/toast/SafeToastViewport';
+export { ToastProvider } from './components/toast/ToastProvider';
+export { useToast } from './components/toast/useToast';
 //# sourceMappingURL=index.d.ts.map

package/dist/definitions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,EAAE,wBAAwB,EAAE,MAAM,yDAAyD,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,YAAY,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,YAAY,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,iDAAiD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACvE,YAAY,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAGpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,EAAE,wBAAwB,EAAE,MAAM,yDAAyD,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,YAAY,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,YAAY,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAGxF,OAAO,EAAE,iBAAiB,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/definitions/tamagui.config.d.ts

@@ -124,7 +124,26 @@ export declare const config: import("@tamagui/core").TamaguiInternalConfig<{
     wide: {
         minWidth: number;
     };
-}, {}, {
+}, {
+    fast: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    medium: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    slow: {
+        damping: number;
+        stiffness: number;
+    };
+} | {
+    fast: string;
+    medium: string;
+    slow: string;
+}, {
     GTStandard: {
         family: string;
         size: Record<"heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-xl" | "label-l" | "label-m" | "label-s", number>;

package/dist/definitions/tamagui.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tamagui.config.d.ts","sourceRoot":"","sources":["../../src/tamagui.config.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBjB,CAAC;AAEH,KAAK,IAAI,GAAG,OAAO,MAAM,CAAC;AAG1B,OAAO,QAAQ,eAAe,CAAC;IAC7B,UAAU,mBAAoB,SAAQ,IAAI;KAAG;CAC9C"}
+{"version":3,"file":"tamagui.config.d.ts","sourceRoot":"","sources":["../../src/tamagui.config.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBjB,CAAC;AAEH,KAAK,IAAI,GAAG,OAAO,MAAM,CAAC;AAG1B,OAAO,QAAQ,eAAe,CAAC;IAC7B,UAAU,mBAAoB,SAAQ,IAAI;KAAG;CAC9C"}

package/dist/index-metro.es.android.js

@@ -1,9 +1,39 @@
 import { makeDecorator } from '@storybook/addons';
-import { createFont, createTokens, createTamagui, TamaguiProvider, useMedia } from '@tamagui/core';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
+import { createFont, createTokens, createTamagui, TamaguiProvider, styled, Stack, Text, useMedia } from '@tamagui/core';
+export { Stack, View } from '@tamagui/core';
+import { Platform } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
+import { createAnimations as createAnimations$1 } from '@tamagui/animations-css';
+import { createAnimations } from '@tamagui/animations-react-native';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useContext, createContext, useMemo, useState, useCallback } from 'react';
+import { ToastViewport, Toast, ToastProvider as ToastProvider$1 } from '@tamagui/toast';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { PortalProvider } from '@tamagui/portal';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+
+const nativeAnimations = createAnimations({
+  fast: {
+    damping: 20,
+    mass: 1.2,
+    stiffness: 250
+  },
+  medium: {
+    damping: 10,
+    mass: 0.9,
+    stiffness: 100
+  },
+  slow: {
+    damping: 20,
+    stiffness: 60
+  }
+});
+const webAnimations = createAnimations$1({
+  fast: 'ease-in 150ms',
+  medium: 'ease-in 300ms',
+  slow: 'ease-in 450ms'
+});
 
 const createColorScale = colorScale => colorScale;
 
@@ -183,6 +213,7 @@ const breakpoints = {
   [BreakpointNameEnum.WIDE]: 1280
 };
 
+const BODY_VARIANTS = ['body-xl', 'body-l', 'body-m', 'body-s', 'body-xs'];
 const GTStandardFaces = {
   500: {
     normal: 'GTStandardRegular'
@@ -322,7 +353,8 @@ const config = createTamagui({
     styleCompat: 'react-native',
     autocompleteSpecificTokens: true,
     debug: false
-  }
+  },
+  animations: Platform.OS === 'web' ? webAnimations : nativeAnimations
 });
 
 // make imports typed
@@ -347,6 +379,119 @@ const BumperDecorator = makeDecorator({
   }
 });
 
+const HStack = styled(Stack, {
+  name: 'HStack',
+  flexDirection: 'row'
+});
+const VStack = styled(Stack, {
+  name: 'VStack',
+  flexDirection: 'column'
+});
+
+function getVariantAndWeightValues(weightProp, variantProp, typographyWeightAncestorValue, typographyVariantAncestorValue) {
+  const computedVariant = variantProp || typographyVariantAncestorValue || undefined;
+  if (computedVariant) {
+    if (BODY_VARIANTS.includes(computedVariant)) {
+      const computedWeight = weightProp || typographyWeightAncestorValue || undefined;
+      return {
+        weight: computedWeight,
+        variant: computedVariant
+      };
+    }
+    return {
+      weight: 'semibold',
+      variant: computedVariant
+    };
+  }
+  return {
+    weight: weightProp,
+    variant: undefined
+  };
+}
+
+const TypographyVariantContext = /*#__PURE__*/createContext(null);
+const TypographyWeightContext = /*#__PURE__*/createContext(null);
+const TypograhyColorContext = /*#__PURE__*/createContext(null);
+const InternalTypography = styled(Text, {
+  fontFamily: '$GTStandard',
+  color: '$content.base.hi',
+  '$platform-web': {
+    WebkitFontSmoothing: 'antialiased'
+  },
+  variants: {
+    variant: variant => {
+      if (!variant) return {};
+      return {
+        fontSize: `$${variant}`,
+        lineHeight: `$${variant}`,
+        letterSpacing: `$${variant}`
+      };
+    },
+    weight: {
+      regular: {
+        fontWeight: '$regular'
+      },
+      semibold: {
+        fontWeight: '$semibold'
+      },
+      bold: {
+        fontWeight: '$bold'
+      }
+    }
+  },
+  defaultVariants: {
+    variant: 'body-m',
+    weight: 'regular'
+  }
+});
+
+// Create a type for color props that matches strings containing '$content.'
+
+// Remove font-related style props from InternalTypography Props
+
+const TypographyText = InternalTypography.styleable((props, ref) => {
+  const typographyVariantAncestorValue = useContext(TypographyVariantContext);
+  const typographyWeightAncestorValue = useContext(TypographyWeightContext);
+  const typographyColorAncestorValue = useContext(TypograhyColorContext);
+  const {
+    variant,
+    weight
+  } = getVariantAndWeightValues(props.weight, props.variant, typographyWeightAncestorValue, typographyVariantAncestorValue);
+  const color = props.color || typographyColorAncestorValue || undefined;
+  let content = /*#__PURE__*/jsx(InternalTypography, _objectSpread(_objectSpread({
+    ref: ref
+  }, props), {}, {
+    color: color,
+    weight: weight,
+    variant: variant
+  }));
+  content = props.variant ?
+  /*#__PURE__*/
+  // If a variant is provided, we set it in the context for children to be able to inherit variant value
+  jsx(TypographyVariantContext.Provider, {
+    value: props.variant,
+    children: content
+  }) : content;
+  content = props.weight ?
+  /*#__PURE__*/
+  // If a weight is provided, we set it in the context for children to be able to inherit weight value
+  jsx(TypographyWeightContext.Provider, {
+    value: props.weight,
+    children: content
+  }) : content;
+  content = props.color ?
+  /*#__PURE__*/
+  // If a color is provided, we set it in the context for children to be able to inherit color value
+  jsx(TypograhyColorContext.Provider, {
+    value: props.color,
+    children: content
+  }) : content;
+  return content;
+});
+const Typography = {
+  Text: TypographyText
+};
+
 function getValueForBreakpoint(breakpoint, {
   base,
   small,
@@ -399,5 +544,138 @@ function SwitchBreakpoints(values) {
   return getValueForBreakpoint(breakpoint, values);
 }
 
-export { BumperDecorator, BumperProvider, SwitchBreakpoints, getValueForBreakpoint, useBreakpointValue, useCurrentBreakpointName };
+function SafeToastViewport({
+  name,
+  position = 'top',
+  portalToRoot = false
+}) {
+  const {
+    left,
+    top,
+    bottom,
+    right
+  } = useSafeAreaInsets();
+  return /*#__PURE__*/jsx(ToastViewport, {
+    multipleToasts: true,
+    portalToRoot: portalToRoot,
+    name: name,
+    top: position === 'top' ? top : undefined,
+    bottom: position === 'bottom' ? bottom : undefined,
+    left: left,
+    right: right
+  });
+}
+
+const useToastState = () => {
+  const [toasts, setToasts] = useState([]);
+  const removeToast = useCallback(id => {
+    setToasts(prevToasts => prevToasts.filter(t => t.id !== id));
+  }, []);
+  const addToast = useCallback(toast => {
+    setToasts(prevToasts => [...prevToasts, toast]);
+  }, []);
+  return {
+    toasts,
+    addToast,
+    removeToast
+  };
+};
+const ToastStoreContext = /*#__PURE__*/createContext(undefined);
+function ToastStoreProvider({
+  children
+}) {
+  const {
+    toasts,
+    addToast,
+    removeToast
+  } = useToastState();
+  const value = useMemo(() => ({
+    toasts,
+    addToast,
+    removeToast
+  }), [toasts, addToast, removeToast]);
+  return /*#__PURE__*/jsx(ToastStoreContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+const useToastStore = () => {
+  const context = useContext(ToastStoreContext);
+  if (!context) {
+    throw new Error('useToastStore must be used within a ToastStoreProvider');
+  }
+  return context;
+};
+
+const _excluded = ["title"];
+function useToast() {
+  const {
+    toasts,
+    addToast,
+    removeToast
+  } = useToastStore();
+  const showToast = useCallback(options => {
+    const {
+        title
+      } = options,
+      otherOptions = _objectWithoutProperties(options, _excluded);
+    const id = `${JSON.stringify(options)}${Math.random()}`;
+    addToast(_objectSpread({
+      id,
+      title
+    }, otherOptions));
+  }, [addToast]);
+  const hideToast = useCallback(id => {
+    removeToast(id);
+  }, [removeToast]);
+  return {
+    toasts,
+    showToast,
+    hideToast
+  };
+}
+
+function ToastRenderer({
+  ToastComponent
+}) {
+  const {
+    toasts,
+    hideToast: removeToast
+  } = useToast();
+  const hideToast = useCallback(id => () => {
+    removeToast(id);
+  }, [removeToast]);
+  return toasts.map(toast => /*#__PURE__*/jsx(Toast, {
+    id: toast.id,
+    duration: toast.timeout,
+    viewportName: toast.viewportName,
+    children: /*#__PURE__*/jsx(ToastComponent, _objectSpread(_objectSpread({}, toast), {}, {
+      hideToast: hideToast(toast.id)
+    }))
+  }, toast.id));
+}
+
+function ToastProvider({
+  children,
+  position = 'top',
+  viewportName,
+  ToastComponent
+}) {
+  return /*#__PURE__*/jsx(PortalProvider, {
+    children: /*#__PURE__*/jsx(ToastProvider$1, {
+      swipeDirection: "horizontal",
+      children: /*#__PURE__*/jsxs(ToastStoreProvider, {
+        children: [children, /*#__PURE__*/jsx(SafeToastViewport, {
+          portalToRoot: true,
+          name: viewportName,
+          position: position
+        }), /*#__PURE__*/jsx(ToastRenderer, {
+          ToastComponent: ToastComponent
+        })]
+      })
+    })
+  });
+}
+
+export { BumperDecorator, BumperProvider, HStack, SwitchBreakpoints, ToastProvider, SafeToastViewport as ToastViewport, Typography, VStack, getValueForBreakpoint, useBreakpointValue, useCurrentBreakpointName, useToast };
 //# sourceMappingURL=index-metro.es.android.js.map