@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/module/components/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","Animated","AnimationSettingsProvider","useThemeColor","createContext","getElementWithDefault","ActivityIndicatorPrimitives","SpinnerIcon","useSpinnerIndicatorAnimation","useSpinnerRootAnimation","DISPLAY_NAME","SPINNER_SIZE_MAP","spinnerStyles","jsx","_jsx","AnimatedRoot","createAnimatedComponent","Root","AnimatedIndicator","Indicator","SpinnerProvider","useSpinnerContext","name","SpinnerRoot","props","ref","children","size","color","isLoading","className","animation","restProps","tvStyles","root","entering","exiting","isAllAnimationsDisabled","indicatorElement","INDICATOR","SpinnerIndicator","contextValue","animationSettingsContextValue","value","style","iconProps","isAnimatedStyleActive","themeColorAccent","themeColorSuccess","themeColorWarning","themeColorDanger","indicatorClassName","indicator","iconSize","colorMap","default","success","warning","danger","iconColor","rContainerStyle","indicatorStyle","width","height","displayName","ROOT","CompoundSpinner","Object","assign"],"sourceRoot":"../../../../src","sources":["components/spinner/spinner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/spinner/spinner.md

@@ -0,0 +1,199 @@
+# Spinner
+
+Displays an animated loading indicator.
+
+## Imports
+
+Note: Before importing this component, ensure you have completed the setup as per the [Quick Start guide](../../../README.md).
+
+```tsx
+import { Spinner } from 'heroui-native';
+```
+
+## Usage
+
+### Basic Usage
+
+The Spinner component displays a rotating loading indicator.
+
+```tsx
+<Spinner />
+```
+
+### Sizes
+
+Control the spinner size with the `size` prop.
+
+```tsx
+<Spinner size="sm" />
+<Spinner size="md" />
+<Spinner size="lg" />
+```
+
+### Colors
+
+Use predefined color variants or custom colors.
+
+```tsx
+<Spinner color="default" />
+<Spinner color="success" />
+<Spinner color="warning" />
+<Spinner color="danger" />
+<Spinner color="#8B5CF6" />
+```
+
+### Loading State
+
+Control the visibility of the spinner with the `isLoading` prop.
+
+```tsx
+<Spinner isLoading={true} />
+<Spinner isLoading={false} />
+```
+
+### Animation Speed
+
+Customize the rotation speed using the `animation` prop on the Indicator component.
+
+```tsx
+<Spinner>
+  <Spinner.Indicator animation={{ rotation: { speed: 0.5 } }} />
+</Spinner>
+
+<Spinner>
+  <Spinner.Indicator animation={{ rotation: { speed: 2 } }} />
+</Spinner>
+```
+
+### Custom Icon
+
+Replace the default spinner icon with custom content.
+
+```tsx
+const themeColorForeground = useThemeColor('foreground')
+
+<Spinner>
+  <Spinner.Indicator>
+    <Ionicons name="refresh" size={24} color={themeColorForeground} />
+  </Spinner.Indicator>
+</Spinner>
+
+<Spinner>
+  <Spinner.Indicator>
+    <Text>⏳</Text>
+  </Spinner.Indicator>
+</Spinner>
+```
+
+## Example
+
+```tsx
+import { Spinner } from 'heroui-native';
+import { Ionicons } from '@expo/vector-icons';
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+export default function SpinnerExample() {
+  const [isLoading, setIsLoading] = React.useState(true);
+
+  return (
+    <View className="gap-4 p-4 bg-background">
+      <View className="flex-row items-center gap-2 p-4 rounded-lg bg-stone-200">
+        <Spinner size="sm" color="default" />
+        <Text className="text-stone-500">Loading content...</Text>
+      </View>
+
+      <View className="items-center p-8 rounded-2xl bg-stone-200">
+        <Spinner size="lg" color="success" isLoading={isLoading} />
+        <Text className="text-stone-500 mt-4">Processing...</Text>
+        <TouchableOpacity onPress={() => setIsLoading(!isLoading)}>
+          <Text className="text-primary mt-2 text-sm">
+            {isLoading ? 'Tap to stop' : 'Tap to start'}
+          </Text>
+        </TouchableOpacity>
+      </View>
+
+      <View className="flex-row gap-4 items-center justify-center">
+        <Spinner size="md" color="#EC4899">
+          <Spinner.Indicator animation={{ rotation: { speed: 0.7 } }}>
+            <Ionicons name="refresh" size={24} color="#EC4899" />
+          </Spinner.Indicator>
+        </Spinner>
+      </View>
+    </View>
+  );
+}
+```
+
+## Anatomy
+
+```tsx
+<Spinner>
+  <Spinner.Indicator>...</Spinner.Indicator>
+</Spinner>
+```
+
+- **Spinner**: Main container that controls loading state, size, and color. Renders a default animated indicator if no children provided.
+- **Spinner.Indicator**: Optional sub-component for customizing animation configuration and icon appearance. Accepts custom children to replace the default icon.
+
+## API Reference
+
+### Spinner
+
+| prop           | type                                                        | default     | description                                        |
+| -------------- | ----------------------------------------------------------- | ----------- | -------------------------------------------------- |
+| `children`     | `React.ReactNode`                                           | `undefined` | Content to render inside the spinner               |
+| `size`         | `'sm' \| 'md' \| 'lg'`                                      | `'md'`      | Size of the spinner                                |
+| `color`        | `'default' \| 'success' \| 'warning' \| 'danger' \| string` | `'default'` | Color theme of the spinner                         |
+| `isLoading`    | `boolean`                                                   | `true`      | Whether the spinner is loading                     |
+| `className`    | `string`                                                    | `undefined` | Custom class name for the spinner                  |
+| `animation`    | `SpinnerRootAnimation`                                      | -           | Animation configuration                            |
+| `...ViewProps` | `ViewProps`                                                 | -           | All standard React Native View props are supported |
+
+#### SpinnerRootAnimation
+
+Animation configuration for Spinner component. Can be:
+
+- `false` or `"disabled"`: Disable only root animations
+- `"disable-all"`: Disable all animations including children
+- `true` or `undefined`: Use default animations
+- `object`: Custom animation configuration
+
+| prop             | type                                     | default                                                              | description                                     |
+| ---------------- | ---------------------------------------- | -------------------------------------------------------------------- | ----------------------------------------------- |
+| `state`          | `'disabled' \| 'disable-all' \| boolean` | -                                                                    | Disable animations while customizing properties |
+| `entering.value` | `EntryOrExitLayoutType`                  | `FadeIn`<br/>`.duration(200)`<br/>`.easing(Easing.out(Easing.ease))` | Custom entering animation                       |
+| `exiting.value`  | `EntryOrExitLayoutType`                  | `FadeOut`<br/>`.duration(100)`                                       | Custom exiting animation                        |
+
+### Spinner.Indicator
+
+| prop                    | type                        | default     | description                                                  |
+| ----------------------- | --------------------------- | ----------- | ------------------------------------------------------------ |
+| `children`              | `React.ReactNode`           | `undefined` | Content to render inside the indicator                       |
+| `iconProps`             | `SpinnerIconProps`          | `undefined` | Props for the default icon                                   |
+| `className`             | `string`                    | `undefined` | Custom class name for the indicator element                  |
+| `animation`             | `SpinnerIndicatorAnimation` | -           | Animation configuration                                      |
+| `isAnimatedStyleActive` | `boolean`                   | `true`      | Whether animated styles (react-native-reanimated) are active |
+| `...Animated.ViewProps` | `Animated.ViewProps`        | -           | All Reanimated Animated.View props are supported             |
+
+#### SpinnerIndicatorAnimation
+
+Animation configuration for Spinner.Indicator component. Can be:
+
+- `false` or `"disabled"`: Disable all animations
+- `true` or `undefined`: Use default animations
+- `object`: Custom animation configuration
+
+| prop              | type                         | default         | description                                     |
+| ----------------- | ---------------------------- | --------------- | ----------------------------------------------- |
+| `state`           | `'disabled' \| boolean`      | -               | Disable animations while customizing properties |
+| `rotation.speed`  | `number`                     | `1.1`           | Rotation speed multiplier                       |
+| `rotation.easing` | `WithTimingConfig['easing']` | `Easing.linear` | Animation easing configuration                  |
+
+### SpinnerIconProps
+
+| prop     | type               | default          | description        |
+| -------- | ------------------ | ---------------- | ------------------ |
+| `width`  | `number \| string` | `24`             | Width of the icon  |
+| `height` | `number \| string` | `24`             | Height of the icon |
+| `color`  | `string`           | `'currentColor'` | Color of the icon  |

package/lib/module/components/spinner/spinner.styles.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import { tv } from 'tailwind-variants';
+import { combineStyles } from "../../helpers/theme/utils/combine-styles.js";
+const root = tv({
+  base: 'items-center justify-center',
+  variants: {
+    size: {
+      sm: 'size-4',
+      md: 'size-6',
+      lg: 'size-8'
+    }
+  },
+  defaultVariants: {
+    size: 'md'
+  }
+});
+
+/**
+ * Indicator style definition
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className):
+ * The following property is animated and cannot be overridden using Tailwind classes:
+ * - `transform` (specifically `rotate`) - Animated for continuous rotation animation
+ *
+ * To customize this property, use the `animation` prop on `Spinner.Indicator`:
+ * ```tsx
+ * <Spinner.Indicator
+ *   animation={{
+ *     rotation: { speed: 1.1, easing: Easing.linear }
+ *   }}
+ * />
+ * ```
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `Spinner.Indicator`.
+ */
+const indicator = tv({
+  base: 'size-full items-center justify-center'
+});
+const spinnerStyles = combineStyles({
+  root,
+  indicator
+});
+export default spinnerStyles;
+//# sourceMappingURL=spinner.styles.js.map

package/lib/module/components/spinner/spinner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tv","combineStyles","root","base","variants","size","sm","md","lg","defaultVariants","indicator","spinnerStyles"],"sourceRoot":"../../../../src","sources":["components/spinner/spinner.styles.ts"],"mappings":";;AAAA,SAASA,EAAE,QAAQ,mBAAmB;AACtC,SAASC,aAAa,QAAQ,6CAA0C;AAExE,MAAMC,IAAI,GAAGF,EAAE,CAAC;EACdG,IAAI,EAAE,6BAA6B;EACnCC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,SAAS,GAAGV,EAAE,CAAC;EACnBG,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMQ,aAAa,GAAGV,aAAa,CAAC;EAClCC,IAAI;EACJQ;AACF,CAAC,CAAC;AAEF,eAAeC,aAAa","ignoreList":[]}

package/lib/module/components/spinner/spinner.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=spinner.types.js.map

package/lib/module/components/spinner/spinner.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/spinner/spinner.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/surface/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as Surface, useSurface } from "./surface.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/surface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Surface","useSurface"],"sourceRoot":"../../../../src","sources":["components/surface/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,OAAO,EAAEC,UAAU,QAAQ,cAAW","ignoreList":[]}

package/lib/module/components/surface/surface.animation.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { useCombinedAnimationDisabledState } from "../../helpers/hooks/index.js";
+/**
+ * Animation hook for Surface root component
+ * Handles root-level animation configuration and provides context for child components
+ */
+export function useSurfaceRootAnimation(options) {
+  const {
+    animation
+  } = options;
+  const isAllAnimationsDisabled = useCombinedAnimationDisabledState(animation);
+  return {
+    isAllAnimationsDisabled
+  };
+}
+//# sourceMappingURL=surface.animation.js.map

package/lib/module/components/surface/surface.animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCombinedAnimationDisabledState","useSurfaceRootAnimation","options","animation","isAllAnimationsDisabled"],"sourceRoot":"../../../../src","sources":["components/surface/surface.animation.ts"],"mappings":";;AAAA,SAASA,iCAAiC,QAAQ,8BAAqB;AAGvE;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAACC,OAEvC,EAAE;EACD,MAAM;IAAEC;EAAU,CAAC,GAAGD,OAAO;EAE7B,MAAME,uBAAuB,GAAGJ,iCAAiC,CAACG,SAAS,CAAC;EAE5E,OAAO;IACLC;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/components/surface/surface.constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+/**
+ * Display names for Surface components
+ */
+export const DISPLAY_NAME = {
+  ROOT: 'HeroUINative.Surface.Root'
+};
+//# sourceMappingURL=surface.constants.js.map

package/lib/module/components/surface/surface.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DISPLAY_NAME","ROOT"],"sourceRoot":"../../../../src","sources":["components/surface/surface.constants.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAO,MAAMA,YAAY,GAAG;EAC1BC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

package/lib/module/components/surface/surface.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { View } from 'react-native';
+import { AnimationSettingsProvider } from "../../helpers/contexts/animation-settings-context.js";
+import { createContext } from "../../helpers/utils/index.js";
+import { useSurfaceRootAnimation } from "./surface.animation.js";
+import { DISPLAY_NAME } from "./surface.constants.js";
+import surfaceStyles, { styleSheet } from "./surface.styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const [SurfaceProvider, useSurface] = createContext({
+  name: 'SurfaceContext',
+  strict: false
+});
+const Surface = /*#__PURE__*/forwardRef(({
+  children,
+  variant = 'default',
+  className,
+  style,
+  animation,
+  ...props
+}, ref) => {
+  const tvStyles = surfaceStyles({
+    variant,
+    className
+  });
+  const {
+    isAllAnimationsDisabled
+  } = useSurfaceRootAnimation({
+    animation
+  });
+  const animationSettingsContextValue = useMemo(() => ({
+    isAllAnimationsDisabled
+  }), [isAllAnimationsDisabled]);
+  const contextValue = useMemo(() => ({
+    variant
+  }), [variant]);
+  return /*#__PURE__*/_jsx(AnimationSettingsProvider, {
+    value: animationSettingsContextValue,
+    children: /*#__PURE__*/_jsx(SurfaceProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/_jsx(View, {
+        ref: ref,
+        className: tvStyles,
+        style: [styleSheet.root, style],
+        ...props,
+        children: children
+      })
+    })
+  });
+});
+Surface.displayName = DISPLAY_NAME.ROOT;
+
+/**
+ * Surface component
+ *
+ * @component Surface - Container component that provides elevation and background styling.
+ * Used as a base for other components like Card. Supports different visual variants
+ * for various elevation levels and styling needs.
+ *
+ * @see Full documentation: https://heroui.com/components/surface
+ */
+export default Surface;
+export { useSurface };
+//# sourceMappingURL=surface.js.map

package/lib/module/components/surface/surface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","View","AnimationSettingsProvider","createContext","useSurfaceRootAnimation","DISPLAY_NAME","surfaceStyles","styleSheet","jsx","_jsx","SurfaceProvider","useSurface","name","strict","Surface","children","variant","className","style","animation","props","ref","tvStyles","isAllAnimationsDisabled","animationSettingsContextValue","contextValue","value","root","displayName","ROOT"],"sourceRoot":"../../../../src","sources":["components/surface/surface.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,yBAAyB,QAAQ,sDAAmD;AAE7F,SAASC,aAAa,QAAQ,8BAAqB;AACnD,SAASC,uBAAuB,QAAQ,wBAAqB;AAC7D,SAASC,YAAY,QAAQ,wBAAqB;AAClD,OAAOC,aAAa,IAAIC,UAAU,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7D,MAAM,CAACC,eAAe,EAAEC,UAAU,CAAC,GAAGR,aAAa,CAAsB;EACvES,IAAI,EAAE,gBAAgB;EACtBC,MAAM,EAAE;AACV,CAAC,CAAC;AAEF,MAAMC,OAAO,gBAAGf,UAAU,CACxB,CACE;EAAEgB,QAAQ;EAAEC,OAAO,GAAG,SAAS;EAAEC,SAAS;EAAEC,KAAK;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EACxEC,GAAG,KACA;EACH,MAAMC,QAAQ,GAAGhB,aAAa,CAAC;IAAEU,OAAO;IAAEC;EAAU,CAAC,CAAC;EAEtD,MAAM;IAAEM;EAAwB,CAAC,GAAGnB,uBAAuB,CAAC;IAC1De;EACF,CAAC,CAAC;EAEF,MAAMK,6BAA6B,GAAGxB,OAAO,CAC3C,OAAO;IACLuB;EACF,CAAC,CAAC,EACF,CAACA,uBAAuB,CAC1B,CAAC;EAED,MAAME,YAAY,GAAGzB,OAAO,CAAC,OAAO;IAAEgB;EAAQ,CAAC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE5D,oBACEP,IAAA,CAACP,yBAAyB;IAACwB,KAAK,EAAEF,6BAA8B;IAAAT,QAAA,eAC9DN,IAAA,CAACC,eAAe;MAACgB,KAAK,EAAED,YAAa;MAAAV,QAAA,eACnCN,IAAA,CAACR,IAAI;QACHoB,GAAG,EAAEA,GAAI;QACTJ,SAAS,EAAEK,QAAS;QACpBJ,KAAK,EAAE,CAACX,UAAU,CAACoB,IAAI,EAAET,KAAK,CAAE;QAAA,GAC5BE,KAAK;QAAAL,QAAA,EAERA;MAAQ,CACL;IAAC,CACQ;EAAC,CACO,CAAC;AAEhC,CACF,CAAC;AAEDD,OAAO,CAACc,WAAW,GAAGvB,YAAY,CAACwB,IAAI;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAef,OAAO;AAEtB,SAASH,UAAU","ignoreList":[]}

package/lib/module/components/surface/surface.md

@@ -0,0 +1,141 @@
+# Surface
+
+Container component that provides elevation and background styling.
+
+## Imports
+
+Note: Before importing this component, ensure you have completed the setup as per the [Quick Start guide](../../../README.md).
+
+```tsx
+import { Surface } from 'heroui-native';
+```
+
+## Usage
+
+### Basic Usage
+
+The Surface component creates a container with consistent padding and styling.
+
+```tsx
+<Surface>...</Surface>
+```
+
+### Variants
+
+Control the visual appearance with different surface levels.
+
+```tsx
+<Surface variant="default">
+  ...
+</Surface>
+
+<Surface variant="secondary">
+  ...
+</Surface>
+
+<Surface variant="tertiary">
+  ...
+</Surface>
+
+<Surface variant="quaternary">
+  ...
+</Surface>
+```
+
+### Nested Surfaces
+
+Create visual hierarchy by nesting surfaces with different variants.
+
+```tsx
+<Surface variant="default">
+  ...
+  <Surface variant="secondary">
+    ...
+    <Surface variant="tertiary">
+      ...
+      <Surface variant="quaternary">...</Surface>
+    </Surface>
+  </Surface>
+</Surface>
+```
+
+### Custom Styling
+
+Apply custom styles using className or style props.
+
+```tsx
+<Surface className="bg-accent-soft">
+  ...
+</Surface>
+
+<Surface variant="quaternary" className="p-0">
+  ...
+</Surface>
+```
+
+### Disable All Animations
+
+Disable all animations including children by using the `"disable-all"` value for the `animation` prop.
+
+```tsx
+{
+  /* Disable all animations including children */
+}
+<Surface animation="disable-all">No Animations</Surface>;
+```
+
+## Example
+
+```tsx
+import { Surface } from 'heroui-native';
+import { Text, View } from 'react-native';
+
+export default function SurfaceExample() {
+  return (
+    <View className="gap-4">
+      <Surface variant="default" className="gap-2">
+        <AppText className="text-foreground">Surface Content</AppText>
+        <AppText className="text-muted">
+          This is a default surface variant. It uses bg-surface styling.
+        </AppText>
+      </Surface>
+
+      <Surface variant="secondary" className="gap-2">
+        <AppText className="text-foreground">Surface Content</AppText>
+        <AppText className="text-muted">
+          This is a secondary surface variant. It uses bg-surface-secondary
+          styling.
+        </AppText>
+      </Surface>
+
+      <Surface variant="tertiary" className="gap-2">
+        <AppText className="text-foreground">Surface Content</AppText>
+        <AppText className="text-muted">
+          This is a tertiary surface variant. It uses bg-surface-tertiary
+          styling.
+        </AppText>
+      </Surface>
+
+      <Surface variant="quaternary" className="gap-2">
+        <AppText className="text-foreground">Surface Content</AppText>
+        <AppText className="text-muted">
+          This is a quaternary surface variant. It uses bg-surface-quaternary
+          styling.
+        </AppText>
+      </Surface>
+    </View>
+  );
+}
+```
+
+## API Reference
+
+### Surface
+
+| prop           | type                                                                      | default     | description                                                                               |
+| -------------- | ------------------------------------------------------------------------- | ----------- | ----------------------------------------------------------------------------------------- |
+| `variant`      | `'default' \| 'secondary' \| 'tertiary' \| 'quaternary' \| 'transparent'` | `'default'` | Visual variant controlling background color and border                                    |
+| `children`     | `React.ReactNode`                                                         | -           | Content to be rendered inside the surface                                                 |
+| `className`    | `string`                                                                  | -           | Additional CSS classes to apply                                                           |
+| `animation`    | `"disable-all" \| undefined`                                              | `undefined` | Animation configuration. Use `"disable-all"` to disable all animations including children |
+| `...ViewProps` | `ViewProps`                                                               | -           | All standard React Native View props are supported                                        |

package/lib/module/components/surface/surface.styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { tv } from 'tailwind-variants';
+const root = tv({
+  base: 'p-4 rounded-3xl overflow-hidden',
+  variants: {
+    variant: {
+      default: 'bg-surface',
+      secondary: 'bg-surface-secondary',
+      tertiary: 'bg-surface-tertiary',
+      quaternary: 'bg-surface-quaternary',
+      transparent: 'bg-transparent'
+    }
+  },
+  defaultVariants: {
+    variant: 'default'
+  }
+});
+export const styleSheet = StyleSheet.create({
+  root: {
+    borderCurve: 'continuous'
+  }
+});
+export default root;
+//# sourceMappingURL=surface.styles.js.map

package/lib/module/components/surface/surface.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","tv","root","base","variants","variant","default","secondary","tertiary","quaternary","transparent","defaultVariants","styleSheet","create","borderCurve"],"sourceRoot":"../../../../src","sources":["components/surface/surface.styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,QAAQ,mBAAmB;AAEtC,MAAMC,IAAI,GAAGD,EAAE,CAAC;EACdE,IAAI,EAAE,iCAAiC;EACvCC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,YAAY;MACrBC,SAAS,EAAE,sBAAsB;MACjCC,QAAQ,EAAE,qBAAqB;MAC/BC,UAAU,EAAE,uBAAuB;MACnCC,WAAW,EAAE;IACf;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,OAAO,MAAMO,UAAU,GAAGZ,UAAU,CAACa,MAAM,CAAC;EAC1CX,IAAI,EAAE;IACJY,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAeZ,IAAI","ignoreList":[]}

package/lib/module/components/surface/surface.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=surface.types.js.map

package/lib/module/components/surface/surface.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/surface/surface.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/switch/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as Switch, useSwitch } from "./switch.js";
+export * from "./switch.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Switch","useSwitch"],"sourceRoot":"../../../../src","sources":["components/switch/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,EAAEC,SAAS,QAAQ,aAAU;AACvD,cAAc,mBAAgB","ignoreList":[]}