@ornikar/bumper 2.13.0 → 2.14.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.14.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@2.13.0...@ornikar/bumper@2.14.0) (2026-02-19)
+
+
+### Features
+
+* **bumper:** add Loader component [OSE-22812] ([#2889](https://github.com/ornikar/kitt/issues/2889)) ([d1029e1](https://github.com/ornikar/kitt/commit/d1029e14d509fbb0d24e400ba37c6dcc7c63f37c))
+
+
+### Bug Fixes
+
+* **bumper:** scoped Storybook export [OSE-22811] ([#2894](https://github.com/ornikar/kitt/issues/2894)) ([01b1039](https://github.com/ornikar/kitt/commit/01b103906dab370da12c658a685e987da190d246))
+
+
+
 ## [2.13.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@2.12.0...@ornikar/bumper@2.13.0) (2026-02-16)
 
 

package/README.md

@@ -0,0 +1,90 @@
+# @ornikar/bumper
+
+The next-generation Ornikar design system, built on [Tamagui](https://tamagui.dev/). Bumper is the planned replacement for `@ornikar/kitt-universal`, providing cross-platform UI primitives and components that run on both web and React Native.
+
+## Installation
+
+```bash
+yarn add @ornikar/bumper
+```
+
+### Peer Dependencies
+
+| Package                  | Required            |
+| ------------------------ | ------------------- |
+| `react`                  | Yes                 |
+| `react-dom`              | No (web only)       |
+| `react-native`           | No (native only)    |
+| `@storybook/preview-api` | No (storybook only) |
+
+## Setup
+
+Wrap your application with `BumperProvider` to enable theming and Tamagui context:
+
+```tsx
+import { BumperProvider } from '@ornikar/bumper';
+
+function App() {
+  return <BumperProvider>{...}</BumperProvider>;
+}
+```
+
+### Compiler
+
+The Tamagui config is exported to enable the Tamagui compiler on client apps. Add this plugin to your Babel configs.
+
+```ts
+[
+  '@tamagui/babel-plugin',
+  {
+    config: '@ornikar/bumper/src/tamagui.config.ts',
+    components: ['@tamagui/core', '@ornikar/bumper'],
+    disableExtraction: process.env.NODE_ENV === 'development',
+  },
+],
+```
+
+## Storybook
+
+Use `BumperDecorator` from a scoped export when writing Storybook stories.
+
+```tsx
+import { BumperDecorator } from '@ornikar/bumper/storybook';
+
+export default {
+  decorators: [BumperDecorator],
+};
+```
+
+## Structure
+
+### Exports
+
+| Import path                             | What it provides                             |
+| --------------------------------------- | -------------------------------------------- |
+| `@ornikar/bumper`                       | All components, hooks, and types             |
+| `@ornikar/bumper/storybook`             | `BumperDecorator` for Storybook stories      |
+| `@ornikar/bumper/src/tamagui.config.ts` | Tamagui config for the Babel compiler plugin |
+
+### Layout
+
+```
+src
+├── index.ts
+├── storybook.ts
+├── tamagui.config.ts
+├── shared
+│   └── storybook
+└── system
+    ├── action
+    ├── communication
+    ├── content
+    ├── control
+    ├── core
+    ├── dataDisplay
+    ├── form
+    ├── loading
+    ├── navigation
+    ├── overlay
+    └── layout
+```

package/dist/definitions/index.d.ts

@@ -1,4 +1,3 @@
-export { BumperDecorator } from './shared/storybook/BumperDecorator';
 export { BumperProvider } from './system/core/provider/BumperProvider';
 export type { CenterProps } from './system/core/primitives/Center';
 export { Center } from './system/core/primitives/Center';
@@ -25,4 +24,6 @@ export type { SwitchBreakpointsProps } from './system/core/breakpoints/SwitchBre
 export { SwitchBreakpoints } from './system/core/breakpoints/SwitchBreakpoins';
 export type { ValueForBreakpoint } from './system/core/breakpoints/utils/breakpointsUtils';
 export { getValueForBreakpoint } from './system/core/breakpoints/utils/breakpointsUtils';
+export type { LoaderProps } from './system/loading/loader/Loader';
+export { Loader } from './system/loading/loader/Loader';
 //# 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,oCAAoC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGvE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,gDAAgD,CAAC;AAC5E,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,+BAA+B,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAClF,YAAY,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACtF,YAAY,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AAGtF,YAAY,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACpG,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,YAAY,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,YAAY,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGvE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,gDAAgD,CAAC;AAC5E,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,+BAA+B,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAClF,YAAY,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACtF,YAAY,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AAGtF,YAAY,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACpG,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,YAAY,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,YAAY,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AAGzF,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/definitions/storybook.d.ts

@@ -0,0 +1,2 @@
+export { BumperDecorator } from './shared/storybook/BumperDecorator';
+//# sourceMappingURL=storybook.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"storybook.d.ts","sourceRoot":"","sources":["../../src/storybook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/definitions/system/loading/loader/Loader.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { TamaguiMediaProps } from '../../types';
+import type { LoaderSize } from './loaderConfig';
+interface InternalLoaderProps {
+    /** The size of the loader. `'icon'` renders a small 20px loader, `'page'` renders a larger 48px loader.
+     * @default 'page'
+     * */
+    size?: LoaderSize;
+    /** Whether the loader is displayed on a contrasted (dark) background. When `true`, uses a high-contrast foreground color.
+     * @default false
+     * */
+    isOnContrasted?: boolean;
+    /** Test ID passed to the root container for testing purposes. */
+    testID?: string;
+}
+export type LoaderProps = TamaguiMediaProps<InternalLoaderProps>;
+export declare function Loader({ size, isOnContrasted, testID }: LoaderProps): ReactNode;
+export {};
+//# sourceMappingURL=Loader.d.ts.map

package/dist/definitions/system/loading/loader/Loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../../../src/system/loading/loader/Loader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAIrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAiBjD,UAAU,mBAAmB;IAC3B;;SAEK;IACL,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;SAEK;IACL,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;AAEjE,wBAAgB,MAAM,CAAC,EAAE,IAAa,EAAE,cAAsB,EAAE,MAAM,EAAE,EAAE,WAAW,GAAG,SAAS,CAuBhG"}

package/dist/definitions/system/loading/loader/LoaderBackgroundCircle.d.ts

@@ -0,0 +1,5 @@
+import { Circle } from 'react-native-svg';
+export declare const LoaderBackgroundCircle: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, Circle, import("@tamagui/core").TamaguiComponentPropsBaseBase & import("react-native-svg").CircleProps, import("@tamagui/core").StackStyleBase, {
+    size?: "page" | "icon" | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+//# sourceMappingURL=LoaderBackgroundCircle.d.ts.map

package/dist/definitions/system/loading/loader/LoaderBackgroundCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderBackgroundCircle.d.ts","sourceRoot":"","sources":["../../../../../src/system/loading/loader/LoaderBackgroundCircle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,eAAO,MAAM,sBAAsB;;8CAQjC,CAAC"}

package/dist/definitions/system/loading/loader/LoaderCircleWrapper.d.ts

@@ -0,0 +1,6 @@
+import Svg from 'react-native-svg';
+export declare const LoaderCircleWrapper: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, Svg, import("@tamagui/core").TamaguiComponentPropsBaseBase & import("react-native-svg").SvgProps, import("@tamagui/core").StackStyleBase, {
+    size?: "page" | "icon" | undefined;
+    isForeground?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+//# sourceMappingURL=LoaderCircleWrapper.d.ts.map

package/dist/definitions/system/loading/loader/LoaderCircleWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderCircleWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/system/loading/loader/LoaderCircleWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAKnC,eAAO,MAAM,mBAAmB;;;8CAY9B,CAAC"}

package/dist/definitions/system/loading/loader/LoaderForegroundCircle.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { SharedValue } from 'react-native-reanimated';
+import type { LoaderSize } from './loaderConfig';
+interface LoaderForegroundCircleProps {
+    color: string;
+    size: LoaderSize;
+    progress: SharedValue<number>;
+}
+export declare function LoaderForegroundCircle({ color, size, progress }: LoaderForegroundCircleProps): ReactNode;
+export {};
+//# sourceMappingURL=LoaderForegroundCircle.d.ts.map

package/dist/definitions/system/loading/loader/LoaderForegroundCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderForegroundCircle.d.ts","sourceRoot":"","sources":["../../../../../src/system/loading/loader/LoaderForegroundCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKjD,UAAU,2BAA2B;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,2BAA2B,GAAG,SAAS,CAuBxG"}

package/dist/definitions/system/loading/loader/loaderConfig.d.ts

@@ -0,0 +1,16 @@
+export type LoaderSize = 'icon' | 'page';
+interface LoaderConfig {
+    size: number;
+    strokeWidth: number;
+    center: number;
+    radius: number;
+    circumference: number;
+    viewBox: string;
+}
+export declare const LOADER_SIZE_CONFIG: Record<LoaderSize, LoaderConfig>;
+export declare const LOADER_ANIMATION: {
+    duration: number;
+    easing: import("react-native-reanimated").EasingFunction;
+};
+export {};
+//# sourceMappingURL=loaderConfig.d.ts.map

package/dist/definitions/system/loading/loader/loaderConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loaderConfig.d.ts","sourceRoot":"","sources":["../../../../../src/system/loading/loader/loaderConfig.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AACzC,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB;AAiBD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,YAAY,CAG/D,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC"}

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

@@ -1,10 +1,11 @@
-import { makeDecorator } from '@storybook/preview-api';
 import { px, createFont, createTokens, createTamagui, TamaguiProvider, styled, View, Stack, Text, useStyle, useMedia } from '@tamagui/core';
 export { Stack, View } from '@tamagui/core';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { createContext, useContext, cloneElement, useMemo } from 'react';
+import { createContext, useContext, cloneElement, useMemo, useEffect } from 'react';
+import Animated, { Easing, useAnimatedProps, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import Svg, { Circle } from 'react-native-svg';
 export { Image } from '@tamagui/image';
 export { ScrollView } from '@tamagui/scroll-view';
 export { useWindowDimensions as useWindowSize } from 'react-native';
@@ -398,16 +399,6 @@ function BumperProvider({
   });
 }
 
-const BumperDecorator = makeDecorator({
-  name: 'BumperDecorator',
-  parameterName: 'bumper',
-  wrapper: (storyFn, context) => {
-    return /*#__PURE__*/jsx(BumperProvider, {
-      children: storyFn(context)
-    });
-  }
-});
-
 const Center = styled(View, {
   justifyContent: 'center',
   alignItems: 'center'
@@ -797,5 +788,162 @@ function SwitchBreakpoints(values) {
   return getValueForBreakpoint(breakpoint, values);
 }
 
-export { Badge, BumperDecorator, BumperProvider, Center, HStack, Pressable, SwitchBreakpoints, Typography, VStack, getValueForBreakpoint, useBreakpointValue, useCurrentBreakpointName };
+function createLoaderSizeConfig(size, strokeWidth) {
+  const center = size / 2;
+  const radius = center - strokeWidth;
+  const circumference = 2 * Math.PI * radius;
+  return {
+    size,
+    strokeWidth,
+    center,
+    radius,
+    circumference,
+    viewBox: `0 0 ${size} ${size}`
+  };
+}
+const LOADER_SIZE_CONFIG = {
+  icon: createLoaderSizeConfig(20, 1.5),
+  page: createLoaderSizeConfig(48, 3)
+};
+const LOADER_ANIMATION = {
+  duration: 2000,
+  easing: Easing.inOut(Easing.ease)
+};
+
+const {
+  icon: icon$2,
+  page: page$2
+} = LOADER_SIZE_CONFIG;
+const LoaderBackgroundCircle = styled(Circle, {
+  fill: 'none',
+  variants: {
+    size: {
+      icon: {
+        strokeWidth: icon$2.strokeWidth,
+        cx: icon$2.center,
+        cy: icon$2.center,
+        r: icon$2.radius
+      },
+      page: {
+        strokeWidth: page$2.strokeWidth,
+        cx: page$2.center,
+        cy: page$2.center,
+        r: page$2.radius
+      }
+    }
+  }
+});
+
+const {
+  icon: icon$1,
+  page: page$1
+} = LOADER_SIZE_CONFIG;
+const LoaderCircleWrapper = styled(Svg, {
+  variants: {
+    size: {
+      icon: {
+        width: icon$1.size,
+        height: icon$1.size,
+        viewBox: icon$1.viewBox
+      },
+      page: {
+        width: page$1.size,
+        height: page$1.size,
+        viewBox: page$1.viewBox
+      }
+    },
+    isForeground: {
+      true: {
+        position: 'absolute'
+      }
+    }
+  }
+});
+
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+function LoaderForegroundCircle({
+  color,
+  size,
+  progress
+}) {
+  const {
+    center,
+    radius,
+    circumference,
+    strokeWidth
+  } = LOADER_SIZE_CONFIG[size];
+  const animatedProps = useAnimatedProps(() => ({
+    strokeDashoffset: circumference - 2 * circumference * progress.value
+  }), [circumference, progress]);
+  return /*#__PURE__*/jsx(AnimatedCircle, {
+    cx: center,
+    cy: center,
+    r: radius,
+    stroke: color,
+    strokeWidth: strokeWidth,
+    strokeLinecap: "round",
+    fill: "none",
+    strokeDasharray: circumference,
+    animatedProps: animatedProps
+  });
+}
+
+const {
+  icon,
+  page
+} = LOADER_SIZE_CONFIG;
+const LoaderContainer = styled(View, {
+  name: 'Loader',
+  position: 'relative',
+  rotate: '-90deg',
+  variants: {
+    size: {
+      icon: {
+        width: icon.size,
+        height: icon.size
+      },
+      page: {
+        width: page.size,
+        height: page.size
+      }
+    }
+  }
+});
+function Loader({
+  size = 'page',
+  isOnContrasted = false,
+  testID
+}) {
+  const backgroundStyle = useStyle({
+    color: '$border.base.mid'
+  });
+  const foregroundStyle = useStyle({
+    color: isOnContrasted ? '$border.base.onContrasted.hi' : '$content.accent'
+  });
+  const progress = useSharedValue(0);
+  useEffect(() => {
+    progress.value = withRepeat(withTiming(1, LOADER_ANIMATION), -1, false);
+  }, [progress]);
+  return /*#__PURE__*/jsxs(LoaderContainer, {
+    size: size,
+    testID: testID,
+    children: [/*#__PURE__*/jsx(LoaderCircleWrapper, {
+      size: size,
+      children: /*#__PURE__*/jsx(LoaderBackgroundCircle, {
+        size: size,
+        stroke: backgroundStyle.color
+      })
+    }), /*#__PURE__*/jsx(LoaderCircleWrapper, {
+      isForeground: true,
+      size: size,
+      children: /*#__PURE__*/jsx(LoaderForegroundCircle, {
+        color: String(foregroundStyle.color),
+        size: size,
+        progress: progress
+      })
+    })]
+  });
+}
+
+export { Badge, BumperProvider, Center, HStack, Loader, Pressable, SwitchBreakpoints, Typography, VStack, getValueForBreakpoint, useBreakpointValue, useCurrentBreakpointName };
 //# sourceMappingURL=index-metro.es.android.js.map