@situaction/traquiste-mobile 1.0.0-next.5 → 1.1.0

package/build/components/SearchBar/SearchBar.d.ts

@@ -0,0 +1,33 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface SearchBarProps {
+    /** Controlled value */
+    value: string;
+    /** Text change handler */
+    onChangeText: (text: string) => void;
+    /** Placeholder — defaults to "Rechercher..." */
+    placeholder?: string;
+    /** Called when the X clear button is pressed */
+    onClear?: () => void;
+    /** Called on keyboard search/submit action */
+    onSubmitEditing?: () => void;
+    /** Called when the input gains focus */
+    onFocus?: () => void;
+    /** Called when the input loses focus */
+    onBlur?: () => void;
+    /** Show a spinner at the right instead of the clear button */
+    loading?: boolean;
+    /** Disabled — no interaction, muted colors */
+    disabled?: boolean;
+    /**
+     * default: always shows the full bar.
+     * icon: shows only the magnifying glass; expands to full bar on press,
+     *       collapses back to icon on blur when value is empty.
+     */
+    variant?: 'default' | 'icon';
+    /** Additional styles on the outer container */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for automated testing */
+    testID?: string;
+}
+export declare const SearchBar: ({ value, onChangeText, placeholder, onClear, onSubmitEditing, onFocus, onBlur, loading, disabled, variant, style, testID, }: SearchBarProps) => import("react").JSX.Element;
+//# sourceMappingURL=SearchBar.d.ts.map

package/build/components/SearchBar/SearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzD,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,eAAO,MAAM,SAAS,GAAI,6HAavB,cAAc,gCA2GhB,CAAC"}

package/build/components/SearchBar/SearchBar.js

@@ -0,0 +1,83 @@
+/**
+ * SearchBar — controlled search input.
+ * MagnifyingGlass icon (duotone) left, flex:1 TextInput, X clear button when non-empty.
+ * 4 visual states: default · focused · typing · disabled.
+ * variant="icon": renders as icon-only button, expands to full bar on press, collapses on blur when empty.
+ * The "Annuler" button is positioned by the parent (outside this component).
+ */
+import { useRef, useState } from 'react';
+import { Pressable, TextInput, View } from 'react-native';
+import { MagnifyingGlass, X } from 'phosphor-react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { Spinner } from '../Spinner';
+import { Button } from '../Button';
+import { styles } from './SearchBar.styles';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export const SearchBar = ({ value, onChangeText, placeholder = 'Rechercher...', onClear, onSubmitEditing, onFocus, onBlur, loading = false, disabled = false, variant = 'default', style, testID, }) => {
+    const [focused, setFocused] = useState(false);
+    const [expanded, setExpanded] = useState(false);
+    const { colors, fontFamily } = useTheme();
+    const inputRef = useRef(null);
+    const t = disabled
+        ? colors.searchBar.disabled
+        : focused
+            ? colors.searchBar.focused
+            : colors.searchBar.default;
+    const showClear = value.length > 0 && !loading && !disabled;
+    const showLoading = loading && !disabled;
+    const handleFocus = () => {
+        setFocused(true);
+        onFocus?.();
+    };
+    const handleBlur = () => {
+        setFocused(false);
+        if (variant === 'icon' && value.length === 0) {
+            setExpanded(false);
+        }
+        onBlur?.();
+    };
+    const handleClear = () => {
+        onChangeText('');
+        onClear?.();
+        if (variant === 'icon') {
+            setExpanded(false);
+        }
+    };
+    const handleIconPress = () => {
+        setExpanded(true);
+        // Focus after state update
+        setTimeout(() => inputRef.current?.focus(), 0);
+    };
+    // Icon-only collapsed state
+    if (variant === 'icon' && !expanded) {
+        return (<Button variant="tertiary" size="M" content="icon-only-rounded" iconLeft={<MagnifyingGlass weight="duotone"/>} onPress={handleIconPress} style={style}/>);
+    }
+    return (<View style={[
+            styles.container,
+            {
+                backgroundColor: t.background,
+                borderColor: t.border,
+            },
+            style,
+        ]} testID={testID}>
+      {/* Loupe icon — always present */}
+      <MagnifyingGlass size={20} weight="duotone" color={t.icon}/>
+
+      {/* Text input */}
+      <TextInput ref={inputRef} value={value} onChangeText={disabled ? undefined : onChangeText} onFocus={disabled ? undefined : handleFocus} onBlur={disabled ? undefined : handleBlur} onSubmitEditing={onSubmitEditing} placeholder={placeholder} placeholderTextColor={t.placeholder} editable={!disabled} returnKeyType="search" autoCorrect={false} autoCapitalize="none" style={[
+            styles.input,
+            { color: t.text, fontFamily },
+        ]}/>
+
+      {/* X clear button — visible when value non-empty */}
+      {showClear && (<Pressable onPress={handleClear} hitSlop={8} accessibilityRole="button" accessibilityLabel="Effacer la recherche">
+          <X size={16} weight="bold" color={colors.searchBar.clearIcon}/>
+        </Pressable>)}
+
+      {/* Loading spinner — replaces clear when loading */}
+      {showLoading && <Spinner mode="loading" size="s"/>}
+    </View>);
+};
+//# sourceMappingURL=SearchBar.js.map

package/build/components/SearchBar/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * SearchBar — controlled search input.\n * MagnifyingGlass icon (duotone) left, flex:1 TextInput, X clear button when non-empty.\n * 4 visual states: default · focused · typing · disabled.\n * variant=\"icon\": renders as icon-only button, expands to full bar on press, collapses on blur when empty.\n * The \"Annuler\" button is positioned by the parent (outside this component).\n */\nimport { useRef, useState } from 'react';\nimport { Pressable, TextInput, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { MagnifyingGlass, X } from 'phosphor-react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { Spinner } from '../Spinner';\nimport { Button } from '../Button';\nimport { styles } from './SearchBar.styles';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface SearchBarProps {\n  /** Controlled value */\n  value: string;\n  /** Text change handler */\n  onChangeText: (text: string) => void;\n  /** Placeholder — defaults to \"Rechercher...\" */\n  placeholder?: string;\n  /** Called when the X clear button is pressed */\n  onClear?: () => void;\n  /** Called on keyboard search/submit action */\n  onSubmitEditing?: () => void;\n  /** Called when the input gains focus */\n  onFocus?: () => void;\n  /** Called when the input loses focus */\n  onBlur?: () => void;\n  /** Show a spinner at the right instead of the clear button */\n  loading?: boolean;\n  /** Disabled — no interaction, muted colors */\n  disabled?: boolean;\n  /**\n   * default: always shows the full bar.\n   * icon: shows only the magnifying glass; expands to full bar on press,\n   *       collapses back to icon on blur when value is empty.\n   */\n  variant?: 'default' | 'icon';\n  /** Additional styles on the outer container */\n  style?: StyleProp<ViewStyle>;\n  /** Test ID for automated testing */\n  testID?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport const SearchBar = ({\n  value,\n  onChangeText,\n  placeholder = 'Rechercher...',\n  onClear,\n  onSubmitEditing,\n  onFocus,\n  onBlur,\n  loading = false,\n  disabled = false,\n  variant = 'default',\n  style,\n  testID,\n}: SearchBarProps) => {\n  const [focused, setFocused] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n  const { colors, fontFamily } = useTheme();\n  const inputRef = useRef<TextInput>(null);\n\n  const t = disabled\n    ? colors.searchBar.disabled\n    : focused\n    ? colors.searchBar.focused\n    : colors.searchBar.default;\n\n  const showClear = value.length > 0 && !loading && !disabled;\n  const showLoading = loading && !disabled;\n\n  const handleFocus = () => {\n    setFocused(true);\n    onFocus?.();\n  };\n\n  const handleBlur = () => {\n    setFocused(false);\n    if (variant === 'icon' && value.length === 0) {\n      setExpanded(false);\n    }\n    onBlur?.();\n  };\n\n  const handleClear = () => {\n    onChangeText('');\n    onClear?.();\n    if (variant === 'icon') {\n      setExpanded(false);\n    }\n  };\n\n  const handleIconPress = () => {\n    setExpanded(true);\n    // Focus after state update\n    setTimeout(() => inputRef.current?.focus(), 0);\n  };\n\n  // Icon-only collapsed state\n  if (variant === 'icon' && !expanded) {\n    return (\n      <Button\n        variant=\"tertiary\"\n        size=\"M\"\n        content=\"icon-only-rounded\"\n        iconLeft={<MagnifyingGlass weight=\"duotone\" />}\n        onPress={handleIconPress}\n        style={style}\n      />\n    );\n  }\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          backgroundColor: t.background,\n          borderColor: t.border,\n        },\n        style,\n      ]}\n      testID={testID}\n    >\n      {/* Loupe icon — always present */}\n      <MagnifyingGlass size={20} weight=\"duotone\" color={t.icon} />\n\n      {/* Text input */}\n      <TextInput\n        ref={inputRef}\n        value={value}\n        onChangeText={disabled ? undefined : onChangeText}\n        onFocus={disabled ? undefined : handleFocus}\n        onBlur={disabled ? undefined : handleBlur}\n        onSubmitEditing={onSubmitEditing}\n        placeholder={placeholder}\n        placeholderTextColor={t.placeholder}\n        editable={!disabled}\n        returnKeyType=\"search\"\n        autoCorrect={false}\n        autoCapitalize=\"none\"\n        style={[\n          styles.input,\n          { color: t.text, fontFamily },\n        ]}\n      />\n\n      {/* X clear button — visible when value non-empty */}\n      {showClear && (\n        <Pressable\n          onPress={handleClear}\n          hitSlop={8}\n          accessibilityRole=\"button\"\n          accessibilityLabel=\"Effacer la recherche\"\n        >\n          <X size={16} weight=\"bold\" color={colors.searchBar.clearIcon} />\n        </Pressable>\n      )}\n\n      {/* Loading spinner — replaces clear when loading */}\n      {showLoading && <Spinner mode=\"loading\" size=\"s\" />}\n    </View>\n  );\n};\n\n"]}

package/build/components/SearchBar/SearchBar.styles.d.ts

@@ -0,0 +1,19 @@
+export declare const styles: {
+    container: {
+        flexDirection: "row";
+        alignItems: "center";
+        borderWidth: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        gap: number;
+    };
+    input: {
+        flex: number;
+        fontSize: number;
+        fontWeight: "500";
+        padding: number;
+        margin: number;
+    };
+};
+//# sourceMappingURL=SearchBar.styles.d.ts.map

package/build/components/SearchBar/SearchBar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CAkBjB,CAAC"}

package/build/components/SearchBar/SearchBar.styles.js

@@ -0,0 +1,21 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        borderWidth: 1,
+        borderRadius: 9999,
+        paddingHorizontal: 10,
+        paddingVertical: 10,
+        gap: 8,
+    },
+    input: {
+        flex: 1,
+        fontSize: 14,
+        fontWeight: '500',
+        // Remove default RN padding so the container controls spacing
+        padding: 0,
+        margin: 0,
+    },
+});
+//# sourceMappingURL=SearchBar.styles.js.map

package/build/components/SearchBar/SearchBar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.styles.js","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,IAAI;QAClB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,GAAG,EAAE,CAAC;KACP;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,8DAA8D;QAC9D,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderWidth: 1,\n    borderRadius: 9999,\n    paddingHorizontal: 10,\n    paddingVertical: 10,\n    gap: 8,\n  },\n  input: {\n    flex: 1,\n    fontSize: 14,\n    fontWeight: '500',\n    // Remove default RN padding so the container controls spacing\n    padding: 0,\n    margin: 0,\n  },\n});\n"]}

package/build/components/SearchBar/index.d.ts

@@ -0,0 +1,3 @@
+export { SearchBar } from './SearchBar';
+export type { SearchBarProps } from './SearchBar';
+//# sourceMappingURL=index.d.ts.map

package/build/components/SearchBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/build/components/SearchBar/index.js

@@ -0,0 +1,2 @@
+export { SearchBar } from './SearchBar';
+//# sourceMappingURL=index.js.map

package/build/components/SearchBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SearchBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { SearchBar } from './SearchBar';\nexport type { SearchBarProps } from './SearchBar';\n"]}

package/build/components/Spinner/Spinner.d.ts

@@ -0,0 +1,12 @@
+export type SpinnerSize = 's' | 'm' | 'l' | 'xl';
+export type SpinnerMode = 'idle' | 'loading' | 'finish';
+export interface SpinnerProps {
+    /** Display mode — idle: full ring, loading: animated arc, finish: colored ring + check */
+    mode?: SpinnerMode;
+    /** Box size — s: 16px, m: 20px, l: 24px, xl: 28px (circle is 4px smaller) */
+    size?: SpinnerSize;
+    /** Test ID for automated testing */
+    testID?: string;
+}
+export declare const Spinner: ({ mode, size, testID, }: SpinnerProps) => import("react").JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

package/build/components/Spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AACjD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExD,MAAM,WAAW,YAAY;IAC3B,0FAA0F;IAC1F,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAmBD,eAAO,MAAM,OAAO,GAAI,yBAIrB,YAAY,gCA4Ed,CAAC"}

package/build/components/Spinner/Spinner.js

@@ -0,0 +1,80 @@
+/**
+ * Spinner — animated loading indicator with three modes.
+ * idle: full track ring. loading: animated arc. finish: colored ring + check icon.
+ * Four sizes (s/m/l/xl).
+ */
+import { useEffect, useRef } from 'react';
+import { Animated, Easing, View } from 'react-native';
+import { Check } from 'phosphor-react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { styles } from './Spinner.styles';
+// ---------------------------------------------------------------------------
+// Size config
+// ---------------------------------------------------------------------------
+const SIZE_CONFIG = {
+    s: { box: 16, circle: 12, strokeWidth: 2, iconSize: 8 },
+    m: { box: 20, circle: 16, strokeWidth: 2, iconSize: 12 },
+    l: { box: 24, circle: 20, strokeWidth: 2, iconSize: 14 },
+    xl: { box: 28, circle: 24, strokeWidth: 2, iconSize: 16 },
+};
+const ANIMATION_DURATION = 900;
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export const Spinner = ({ mode = 'loading', size = 'm', testID, }) => {
+    const { colors } = useTheme();
+    const cfg = SIZE_CONFIG[size];
+    const spinAnim = useRef(new Animated.Value(0)).current;
+    useEffect(() => {
+        const anim = Animated.loop(Animated.timing(spinAnim, {
+            toValue: 1,
+            duration: ANIMATION_DURATION,
+            easing: Easing.linear,
+            useNativeDriver: true,
+        }));
+        anim.start();
+        return () => anim.stop();
+    }, [spinAnim]);
+    const rotate = spinAnim.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0deg', '360deg'],
+    });
+    const ringBase = {
+        width: cfg.circle,
+        height: cfg.circle,
+        borderRadius: cfg.circle / 2,
+        borderWidth: cfg.strokeWidth,
+    };
+    return (<View style={styles.wrapper} accessibilityRole="progressbar" accessibilityLiveRegion="polite" testID={testID}>
+      {/* Box — centers the circle container */}
+      <View style={{ width: cfg.box, height: cfg.box, alignItems: 'center', justifyContent: 'center' }}>
+        {/* Circle container — rings are absolute within this */}
+        <View style={{ width: cfg.circle, height: cfg.circle }}>
+          {/* Track ring — always visible in idle and loading */}
+          {mode !== 'finish' && (<View style={[styles.ring, { ...ringBase, borderColor: colors.spinner.track }]}/>)}
+
+          {mode === 'loading' && (<Animated.View style={[
+                styles.ring,
+                {
+                    ...ringBase,
+                    borderTopColor: colors.spinner.arc,
+                    borderRightColor: colors.spinner.arc,
+                    borderBottomColor: 'transparent',
+                    borderLeftColor: 'transparent',
+                    transform: [{ rotate }],
+                },
+            ]}/>)}
+
+          {mode === 'finish' && (<>
+              {/* Full arc-colored ring */}
+              <View style={[styles.ring, { ...ringBase, borderColor: colors.spinner.arc }]}/>
+              {/* Check icon — centered absolutely */}
+              <View style={styles.iconCenter}>
+                <Check size={cfg.iconSize} weight="bold" color={colors.spinner.arc}/>
+              </View>
+            </>)}
+        </View>
+      </View>
+    </View>);
+};
+//# sourceMappingURL=Spinner.js.map

package/build/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Spinner — animated loading indicator with three modes.\n * idle: full track ring. loading: animated arc. finish: colored ring + check icon.\n * Four sizes (s/m/l/xl).\n */\nimport { useEffect, useRef } from 'react';\nimport { Animated, Easing, View } from 'react-native';\nimport { Check } from 'phosphor-react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { styles } from './Spinner.styles';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type SpinnerSize = 's' | 'm' | 'l' | 'xl';\nexport type SpinnerMode = 'idle' | 'loading' | 'finish';\n\nexport interface SpinnerProps {\n  /** Display mode — idle: full ring, loading: animated arc, finish: colored ring + check */\n  mode?: SpinnerMode;\n  /** Box size — s: 16px, m: 20px, l: 24px, xl: 28px (circle is 4px smaller) */\n  size?: SpinnerSize;\n  /** Test ID for automated testing */\n  testID?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Size config\n// ---------------------------------------------------------------------------\n\nconst SIZE_CONFIG: Record<SpinnerSize, { box: number; circle: number; strokeWidth: number; iconSize: number }> = {\n  s:  { box: 16, circle: 12, strokeWidth: 2, iconSize: 8 },\n  m:  { box: 20, circle: 16, strokeWidth: 2, iconSize: 12 },\n  l:  { box: 24, circle: 20, strokeWidth: 2, iconSize: 14 },\n  xl: { box: 28, circle: 24, strokeWidth: 2, iconSize: 16 },\n};\n\nconst ANIMATION_DURATION = 900;\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport const Spinner = ({\n  mode = 'loading',\n  size = 'm',\n  testID,\n}: SpinnerProps) => {\n  const { colors } = useTheme();\n  const cfg = SIZE_CONFIG[size];\n  const spinAnim = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    const anim = Animated.loop(\n      Animated.timing(spinAnim, {\n        toValue: 1,\n        duration: ANIMATION_DURATION,\n        easing: Easing.linear,\n        useNativeDriver: true,\n      }),\n    );\n    anim.start();\n    return () => anim.stop();\n  }, [spinAnim]);\n\n  const rotate = spinAnim.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg'],\n  });\n\n  const ringBase = {\n    width: cfg.circle,\n    height: cfg.circle,\n    borderRadius: cfg.circle / 2,\n    borderWidth: cfg.strokeWidth,\n  };\n\n  return (\n    <View\n      style={styles.wrapper}\n      accessibilityRole=\"progressbar\"\n      accessibilityLiveRegion=\"polite\"\n      testID={testID}\n    >\n      {/* Box — centers the circle container */}\n      <View style={{ width: cfg.box, height: cfg.box, alignItems: 'center', justifyContent: 'center' }}>\n        {/* Circle container — rings are absolute within this */}\n        <View style={{ width: cfg.circle, height: cfg.circle }}>\n          {/* Track ring — always visible in idle and loading */}\n          {mode !== 'finish' && (\n            <View style={[styles.ring, { ...ringBase, borderColor: colors.spinner.track }]} />\n          )}\n\n          {mode === 'loading' && (\n            <Animated.View\n              style={[\n                styles.ring,\n                {\n                  ...ringBase,\n                  borderTopColor: colors.spinner.arc,\n                  borderRightColor: colors.spinner.arc,\n                  borderBottomColor: 'transparent',\n                  borderLeftColor: 'transparent',\n                  transform: [{ rotate }],\n                },\n              ]}\n            />\n          )}\n\n          {mode === 'finish' && (\n            <>\n              {/* Full arc-colored ring */}\n              <View style={[styles.ring, { ...ringBase, borderColor: colors.spinner.arc }]} />\n              {/* Check icon — centered absolutely */}\n              <View style={styles.iconCenter}>\n                <Check size={cfg.iconSize} weight=\"bold\" color={colors.spinner.arc} />\n              </View>\n            </>\n          )}\n        </View>\n      </View>\n    </View>\n  );\n};\n\n"]}

package/build/components/Spinner/Spinner.styles.d.ts

@@ -0,0 +1,21 @@
+export declare const styles: {
+    wrapper: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    ring: {
+        position: "absolute";
+        top: number;
+        left: number;
+    };
+    iconCenter: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+};
+//# sourceMappingURL=Spinner.styles.d.ts.map

package/build/components/Spinner/Spinner.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAmBjB,CAAC"}

package/build/components/Spinner/Spinner.styles.js

@@ -0,0 +1,22 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    wrapper: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    ring: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+    },
+    iconCenter: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+//# sourceMappingURL=Spinner.styles.js.map

package/build/components/Spinner/Spinner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.styles.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;KACR;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  wrapper: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  ring: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n  },\n  iconCenter: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n"]}

package/build/components/Spinner/index.d.ts

@@ -0,0 +1,3 @@
+export { Spinner } from './Spinner';
+export type { SpinnerProps, SpinnerSize } from './Spinner';
+//# sourceMappingURL=index.d.ts.map

package/build/components/Spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/build/components/Spinner/index.js

@@ -0,0 +1,2 @@
+export { Spinner } from './Spinner';
+//# sourceMappingURL=index.js.map

package/build/components/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { Spinner } from './Spinner';\nexport type { SpinnerProps, SpinnerSize } from './Spinner';\n"]}

package/build/components/StepSheet/StepSheet.d.ts

@@ -0,0 +1,77 @@
+/**
+ * StepSheet — BottomSheet wizard.
+ * Composes BottomSheet + PageNav + Stepper into a single step-by-step sheet.
+ * Stepper's onCancel is auto-wired to close the sheet.
+ */
+import React from 'react';
+import type { ButtonVariant } from '../Button';
+import type { RightAction } from '../navigation/PageNav/PageNav';
+export type { RightAction };
+export interface StepSheetProps {
+    /** Whether the sheet is open */
+    isOpen: boolean;
+    /** Called when the sheet closes */
+    onClose?: () => void;
+    /** Called when the sheet opens */
+    onOpen?: () => void;
+    /** Initial height as a fraction of screen height @default 0.9 */
+    size?: number;
+    /** Allow sliding up to expand to full screen @default true */
+    expandable?: boolean;
+    /** Allow sliding down to close @default true */
+    closeable?: boolean;
+    /** Show dark backdrop @default true */
+    backdrop?: boolean;
+    /** Block background interactions without visible backdrop @default false */
+    blockBackground?: boolean;
+    /** Close on backdrop press @default false */
+    closeOnBackdropPress?: boolean;
+    /** Auto-size based on content height @default false */
+    autoSize?: boolean;
+    /** Keyboard behavior when the keyboard opens */
+    keyboardBehavior?: 'extend' | 'fillParent' | 'interactive';
+    /** Keyboard blur behavior @default 'restore' */
+    keyboardBlurBehavior?: 'none' | 'restore';
+    /** Sheet title — centered in the header */
+    title?: string;
+    /** Title size @default 'l' */
+    titleSize?: 's' | 'm' | 'l';
+    /** Optional icon shown left of the title */
+    titleIcon?: React.ReactElement;
+    /** Optional content rendered after the title */
+    titleChildren?: React.ReactNode;
+    /** Left action buttons in the PageNav header */
+    leftActions?: RightAction[];
+    /** Right action buttons in the PageNav header */
+    rightActions?: RightAction[];
+    /** Variant applied to all PageNav buttons @default 'ghost' */
+    buttonVariant?: ButtonVariant;
+    /** Optional content rendered below the PageNav header row (34px slot) */
+    navChildren?: React.ReactNode;
+    /** Ordered list of step content to render */
+    steps: React.ReactNode[];
+    /** Called when the user confirms on the last step */
+    onConfirm: () => void;
+    /**
+     * Called before advancing to the next step.
+     * Return false to block navigation.
+     */
+    onStepNext?: (stepIndex: number) => boolean | Promise<boolean>;
+    /** Disables the confirm/next button while an async operation is pending */
+    isLoading?: boolean;
+    /** @default 'Annuler' */
+    labelCancel?: string;
+    /** @default 'Précédent' */
+    labelBack?: string;
+    /** @default 'Suivant' */
+    labelNext?: string;
+    /** @default 'Confirmer' */
+    labelConfirm?: string;
+    /** Button sizing mode @default 'stretch' */
+    buttonLayout?: 'stretch' | 'fit';
+    /** Hide back button on the last step so confirm fills full width @default false */
+    hideBackOnLastStep?: boolean;
+}
+export declare function StepSheet({ isOpen, onClose, onOpen, size, expandable, closeable, backdrop, blockBackground, closeOnBackdropPress, autoSize, keyboardBehavior, keyboardBlurBehavior, title, titleSize, titleIcon, titleChildren, leftActions, rightActions, buttonVariant, navChildren, steps, onConfirm, onStepNext, isLoading, labelCancel, labelBack, labelNext, labelConfirm, buttonLayout, hideBackOnLastStep, }: StepSheetProps): React.JSX.Element;
+export default StepSheet;
+//# sourceMappingURL=StepSheet.d.ts.map

package/build/components/StepSheet/StepSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepSheet.d.ts","sourceRoot":"","sources":["../../../src/components/StepSheet/StepSheet.tsx"],"names":[],"mappings":"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"}

package/build/components/StepSheet/StepSheet.js

@@ -0,0 +1,30 @@
+/**
+ * StepSheet — BottomSheet wizard.
+ * Composes BottomSheet + PageNav + Stepper into a single step-by-step sheet.
+ * Stepper's onCancel is auto-wired to close the sheet.
+ */
+import React from 'react';
+import { View } from 'react-native';
+import { BottomSheet } from '../BottomSheet';
+import { styles } from './StepSheet.styles';
+import { PageNav } from '../navigation/PageNav';
+import { Stepper } from '../Stepper';
+export function StepSheet({ 
+// BottomSheet
+isOpen, onClose, onOpen, size = 0.9, expandable = true, closeable = true, backdrop = true, blockBackground = false, closeOnBackdropPress = false, autoSize = false, keyboardBehavior, keyboardBlurBehavior = 'restore', 
+// PageNav
+title, titleSize, titleIcon, titleChildren, leftActions, rightActions, buttonVariant, navChildren, 
+// Stepper
+steps, onConfirm, onStepNext, isLoading, labelCancel, labelBack, labelNext, labelConfirm, buttonLayout, hideBackOnLastStep, }) {
+    return (<BottomSheet isOpen={isOpen} onClose={onClose} onOpen={onOpen} size={size} expandable={expandable} closeable={closeable} backdrop={backdrop} blockBackground={blockBackground} closeOnBackdropPress={closeOnBackdropPress} autoSize={autoSize} keyboardBehavior={keyboardBehavior} keyboardBlurBehavior={keyboardBlurBehavior}>
+      <View style={styles.root}>
+        <PageNav title={title} titleSize={titleSize} titleIcon={titleIcon} titleChildren={titleChildren} leftActions={leftActions} rightActions={rightActions} buttonVariant={buttonVariant}>
+          {navChildren}
+        </PageNav>
+
+        <Stepper steps={steps} onCancel={onClose ?? (() => { })} onConfirm={onConfirm} onStepNext={onStepNext} isLoading={isLoading} bottomInset={0} labelCancel={labelCancel} labelBack={labelBack} labelNext={labelNext} labelConfirm={labelConfirm} buttonLayout={buttonLayout} hideBackOnLastStep={hideBackOnLastStep}/>
+      </View>
+    </BottomSheet>);
+}
+export default StepSheet;
+//# sourceMappingURL=StepSheet.js.map

package/build/components/StepSheet/StepSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepSheet.js","sourceRoot":"","sources":["../../../src/components/StepSheet/StepSheet.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AA6ErC,MAAM,UAAU,SAAS,CAAC;AACxB,cAAc;AACd,MAAM,EACN,OAAO,EACP,MAAM,EACN,IAAI,GAAG,GAAG,EACV,UAAU,GAAG,IAAI,EACjB,SAAS,GAAG,IAAI,EAChB,QAAQ,GAAG,IAAI,EACf,eAAe,GAAG,KAAK,EACvB,oBAAoB,GAAG,KAAK,EAC5B,QAAQ,GAAG,KAAK,EAChB,gBAAgB,EAChB,oBAAoB,GAAG,SAAS;AAChC,UAAU;AACV,KAAK,EACL,SAAS,EACT,SAAS,EACT,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EACb,WAAW;AACX,UAAU;AACV,KAAK,EACL,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,kBAAkB,GACH;IACf,OAAO,CACL,CAAC,WAAW,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAC3C,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAE3C;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,OAAO,CACN,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,aAAa,CAAC,CAAC,aAAa,CAAC,CAE7B;UAAA,CAAC,WAAW,CACd;QAAA,EAAE,OAAO,CAET;;QAAA,CAAC,OAAO,CACN,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAChC,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,EAE3C;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,WAAW,CAAC,CACf,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC","sourcesContent":["/**\n * StepSheet — BottomSheet wizard.\n * Composes BottomSheet + PageNav + Stepper into a single step-by-step sheet.\n * Stepper's onCancel is auto-wired to close the sheet.\n */\nimport React from 'react';\nimport { View } from 'react-native';\nimport { BottomSheet } from '../BottomSheet';\nimport { styles } from './StepSheet.styles';\nimport { PageNav } from '../navigation/PageNav';\nimport { Stepper } from '../Stepper';\nimport type { ButtonVariant } from '../Button';\nimport type { RightAction } from '../navigation/PageNav/PageNav';\n\nexport type { RightAction };\n\nexport interface StepSheetProps {\n  // --- BottomSheet ---\n  /** Whether the sheet is open */\n  isOpen: boolean;\n  /** Called when the sheet closes */\n  onClose?: () => void;\n  /** Called when the sheet opens */\n  onOpen?: () => void;\n  /** Initial height as a fraction of screen height @default 0.9 */\n  size?: number;\n  /** Allow sliding up to expand to full screen @default true */\n  expandable?: boolean;\n  /** Allow sliding down to close @default true */\n  closeable?: boolean;\n  /** Show dark backdrop @default true */\n  backdrop?: boolean;\n  /** Block background interactions without visible backdrop @default false */\n  blockBackground?: boolean;\n  /** Close on backdrop press @default false */\n  closeOnBackdropPress?: boolean;\n  /** Auto-size based on content height @default false */\n  autoSize?: boolean;\n  /** Keyboard behavior when the keyboard opens */\n  keyboardBehavior?: 'extend' | 'fillParent' | 'interactive';\n  /** Keyboard blur behavior @default 'restore' */\n  keyboardBlurBehavior?: 'none' | 'restore';\n\n  // --- PageNav ---\n  /** Sheet title — centered in the header */\n  title?: string;\n  /** Title size @default 'l' */\n  titleSize?: 's' | 'm' | 'l';\n  /** Optional icon shown left of the title */\n  titleIcon?: React.ReactElement;\n  /** Optional content rendered after the title */\n  titleChildren?: React.ReactNode;\n  /** Left action buttons in the PageNav header */\n  leftActions?: RightAction[];\n  /** Right action buttons in the PageNav header */\n  rightActions?: RightAction[];\n  /** Variant applied to all PageNav buttons @default 'ghost' */\n  buttonVariant?: ButtonVariant;\n  /** Optional content rendered below the PageNav header row (34px slot) */\n  navChildren?: React.ReactNode;\n\n  // --- Stepper ---\n  /** Ordered list of step content to render */\n  steps: React.ReactNode[];\n  /** Called when the user confirms on the last step */\n  onConfirm: () => void;\n  /**\n   * Called before advancing to the next step.\n   * Return false to block navigation.\n   */\n  onStepNext?: (stepIndex: number) => boolean | Promise<boolean>;\n  /** Disables the confirm/next button while an async operation is pending */\n  isLoading?: boolean;\n  /** @default 'Annuler' */\n  labelCancel?: string;\n  /** @default 'Précédent' */\n  labelBack?: string;\n  /** @default 'Suivant' */\n  labelNext?: string;\n  /** @default 'Confirmer' */\n  labelConfirm?: string;\n  /** Button sizing mode @default 'stretch' */\n  buttonLayout?: 'stretch' | 'fit';\n  /** Hide back button on the last step so confirm fills full width @default false */\n  hideBackOnLastStep?: boolean;\n}\n\nexport function StepSheet({\n  // BottomSheet\n  isOpen,\n  onClose,\n  onOpen,\n  size = 0.9,\n  expandable = true,\n  closeable = true,\n  backdrop = true,\n  blockBackground = false,\n  closeOnBackdropPress = false,\n  autoSize = false,\n  keyboardBehavior,\n  keyboardBlurBehavior = 'restore',\n  // PageNav\n  title,\n  titleSize,\n  titleIcon,\n  titleChildren,\n  leftActions,\n  rightActions,\n  buttonVariant,\n  navChildren,\n  // Stepper\n  steps,\n  onConfirm,\n  onStepNext,\n  isLoading,\n  labelCancel,\n  labelBack,\n  labelNext,\n  labelConfirm,\n  buttonLayout,\n  hideBackOnLastStep,\n}: StepSheetProps) {\n  return (\n    <BottomSheet\n      isOpen={isOpen}\n      onClose={onClose}\n      onOpen={onOpen}\n      size={size}\n      expandable={expandable}\n      closeable={closeable}\n      backdrop={backdrop}\n      blockBackground={blockBackground}\n      closeOnBackdropPress={closeOnBackdropPress}\n      autoSize={autoSize}\n      keyboardBehavior={keyboardBehavior}\n      keyboardBlurBehavior={keyboardBlurBehavior}\n    >\n      <View style={styles.root}>\n        <PageNav\n          title={title}\n          titleSize={titleSize}\n          titleIcon={titleIcon}\n          titleChildren={titleChildren}\n          leftActions={leftActions}\n          rightActions={rightActions}\n          buttonVariant={buttonVariant}\n        >\n          {navChildren}\n        </PageNav>\n\n        <Stepper\n          steps={steps}\n          onCancel={onClose ?? (() => {})}\n          onConfirm={onConfirm}\n          onStepNext={onStepNext}\n          isLoading={isLoading}\n          bottomInset={0}\n          labelCancel={labelCancel}\n          labelBack={labelBack}\n          labelNext={labelNext}\n          labelConfirm={labelConfirm}\n          buttonLayout={buttonLayout}\n          hideBackOnLastStep={hideBackOnLastStep}\n        />\n      </View>\n    </BottomSheet>\n  );\n}\n\nexport default StepSheet;\n\n"]}

package/build/components/StepSheet/StepSheet.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const styles: {
+    root: {
+        flex: number;
+    };
+};
+//# sourceMappingURL=StepSheet.styles.d.ts.map

package/build/components/StepSheet/StepSheet.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepSheet.styles.d.ts","sourceRoot":"","sources":["../../../src/components/StepSheet/StepSheet.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;CAIjB,CAAC"}

package/build/components/StepSheet/StepSheet.styles.js

@@ -0,0 +1,7 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    root: {
+        flex: 1,
+    },
+});
+//# sourceMappingURL=StepSheet.styles.js.map

package/build/components/StepSheet/StepSheet.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepSheet.styles.js","sourceRoot":"","sources":["../../../src/components/StepSheet/StepSheet.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  root: {\n    flex: 1,\n  },\n});\n"]}

package/build/components/StepSheet/index.d.ts

@@ -0,0 +1,3 @@
+export { StepSheet } from './StepSheet';
+export type { StepSheetProps } from './StepSheet';
+//# sourceMappingURL=index.d.ts.map

package/build/components/StepSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StepSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/build/components/StepSheet/index.js

@@ -0,0 +1,2 @@
+export { StepSheet } from './StepSheet';
+//# sourceMappingURL=index.js.map

package/build/components/StepSheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/StepSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { StepSheet } from './StepSheet';\nexport type { StepSheetProps } from './StepSheet';"]}