@alveole/components 1.1.3 → 1.2.1

package/dist/ui/PasswordField/PasswordField.stories.d.ts

@@ -13,6 +13,8 @@ declare const _default: {
     } & {
         label: string;
         labelRight?: React.ReactNode;
+        optional?: boolean;
+        optionalText?: string;
         disabled?: boolean;
     } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
         onChange?: import("..").TextInputProps["onChangeText"];

package/dist/ui/PasswordField/PasswordField.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/PasswordField/PasswordField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"PasswordField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/PasswordField/PasswordField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}

package/dist/ui/PhoneField/PhoneField.d.ts

@@ -13,6 +13,8 @@ export declare const PhoneField: React.ForwardRefExoticComponent<Omit<import("re
 } & {
     label: string;
     labelRight?: React.ReactNode;
+    optional?: boolean;
+    optionalText?: string;
     disabled?: boolean;
 } & FormControlCaptionProps & FormControlHintProps & {
     onChange?: TextInputProps["onChangeText"];

package/dist/ui/PhoneField/PhoneField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneField.d.ts","sourceRoot":"","sources":["../../../src/ui/PhoneField/PhoneField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGrB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,eAAe,GAAG,cAAc,GAC1C,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC3C,CAAC;AAEJ,eAAO,MAAM,UAAU;;;;;;;;;;;;eAHR,cAAc,CAAC,cAAc,CAAC;0DAoB3C,CAAC"}
+{"version":3,"file":"PhoneField.d.ts","sourceRoot":"","sources":["../../../src/ui/PhoneField/PhoneField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGrB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,eAAe,GAAG,cAAc,GAC1C,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC3C,CAAC;AAEJ,eAAO,MAAM,UAAU;;;;;;;;;;;;;;eAHR,cAAc,CAAC,cAAc,CAAC;0DAoB3C,CAAC"}

package/dist/ui/PhoneField/PhoneField.stories.d.ts

@@ -13,6 +13,8 @@ declare const _default: {
     } & {
         label: string;
         labelRight?: React.ReactNode;
+        optional?: boolean;
+        optionalText?: string;
         disabled?: boolean;
     } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
         onChange?: import("..").TextInputProps["onChangeText"];

package/dist/ui/PhoneField/PhoneField.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/PhoneField/PhoneField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"PhoneField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/PhoneField/PhoneField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

package/dist/ui/RadioGroup/RadioGroup.d.ts

@@ -11,6 +11,8 @@ export type RadioGroupProps = Omit<TamaguiRadioGroupProps, 'value' | 'onValueCha
 export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<TamaguiRadioGroupProps, "direction" | "value" | "onValueChange"> & FormControlCaptionProps & {
     label: string;
     labelRight?: React.ReactNode;
+    optional?: boolean;
+    optionalText?: string;
     disabled?: boolean;
 } & FormControlHintProps & {
     label?: string;

package/dist/ui/RadioGroup/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAmC,eAAe,IAAI,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIrH,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,eAAe,GAAG,WAAW,CAAC,GACjG,uBAAuB,GACvB,qBAAqB,GACrB,oBAAoB,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEJ,eAAO,MAAM,UAAU;;;;;YANX,MAAM;YACN,sBAAsB,CAAC,OAAO,CAAC;eAC5B,sBAAsB,CAAC,eAAe,CAAC;cACxC,SAAS,GAAG,MAAM;wCAuD9B,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAmC,eAAe,IAAI,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIrH,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,eAAe,GAAG,WAAW,CAAC,GACjG,uBAAuB,GACvB,qBAAqB,GACrB,oBAAoB,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEJ,eAAO,MAAM,UAAU;;;;;;;YANX,MAAM;YACN,sBAAsB,CAAC,OAAO,CAAC;eAC5B,sBAAsB,CAAC,eAAe,CAAC;cACxC,SAAS,GAAG,MAAM;wCAuD9B,CAAC"}

package/dist/ui/RadioGroup/RadioGroup.stories.d.ts

@@ -6,6 +6,8 @@ declare const _default: {
     component: import("react").ForwardRefExoticComponent<Omit<import("tamagui").RadioGroupProps, "direction" | "value" | "onValueChange"> & import("..").FormControlCaptionProps & {
         label: string;
         labelRight?: React.ReactNode;
+        optional?: boolean;
+        optionalText?: string;
         disabled?: boolean;
     } & import("..").FormControlHintProps & {
         label?: string;

package/dist/ui/RadioGroup/RadioGroup.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAOrB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"RadioGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroup.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAOrB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

package/dist/ui/RadioGroup/index.d.ts

@@ -5,6 +5,8 @@ export { RadioGroupItemProps } from './RadioGroupItem';
 export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<import("tamagui").RadioGroupProps, "direction" | "value" | "onValueChange"> & import("..").FormControlCaptionProps & {
     label: string;
     labelRight?: React.ReactNode;
+    optional?: boolean;
+    optionalText?: string;
     disabled?: boolean;
 } & import("..").FormControlHintProps & {
     label?: string;

package/dist/ui/RadioGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,UAAU;;;;;;;;;;;;CAGrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAGrB,CAAC"}

package/dist/ui/ResourceList/ResourceList.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FlashList } from '@shopify/flash-list';
-import { ActivityIndicator } from 'react-native';
 import { Box, Typography } from '../../core';
+import { Spinner } from '../Spinner';
 import { useStyles } from './ResourceList.styles';
 export const ResourceList = (props) => {
     const { style, data, isLoading, withPagination, renderNoContent, noBorder = false, withWhiteBackground = false, titre, ...listProps } = props;
     const styles = useStyles();
     if (isLoading) {
-        return (_jsx(Box, { tag: "resource-list-loader", style: styles.loader, children: _jsx(ActivityIndicator, { size: "large", style: { margin: 'auto' } }) }));
+        return (_jsx(Box, { tag: "resource-list-loader", style: styles.loader, children: _jsx(Spinner, { size: "lg" }) }));
     }
     if (!data || data.length === 0)
         return renderNoContent();

package/dist/ui/ResourceList/ResourceList.stories.d.ts

@@ -53,6 +53,13 @@ export declare const Default: () => import("react").JSX.Element;
 export declare const WithTitle: () => import("react").JSX.Element;
 export declare const WithIcon: () => import("react").JSX.Element;
 export declare const WithPreviewImageAndTrailing: () => import("react").JSX.Element;
+/**
+ * Quand `isLoading` est `true`, la liste entière est remplacée par un
+ * spinner centré. Aucun délai n'est appliqué ici : le chargement initial
+ * d'une liste vide n'a rien à afficher, le spinner apparaît donc
+ * immédiatement pour éviter un écran blanc sans feedback.
+ */
+export declare const IsLoading: () => import("react").JSX.Element;
 export declare const WithNoContent: () => import("react").JSX.Element;
 export declare const WithDivider: () => import("react").JSX.Element;
 export * as Sources from './ResourceList.stories.sources';

package/dist/ui/ResourceList/ResourceList.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceList.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBASkB;AA6BlB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAUrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAcpB,CAAC;AAEF,eAAO,MAAM,2BAA2B,mCAevC,CAAC;AAEF,eAAO,MAAM,aAAa,mCAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"ResourceList.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBASkB;AA6BlB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAUrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAcpB,CAAC;AAEF,eAAO,MAAM,2BAA2B,mCAevC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,mCAQrB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC"}

package/dist/ui/ResourceList/ResourceList.stories.js

@@ -43,6 +43,13 @@ export const Default = () => (_jsx(ResourceList, { data: exampleData, keyExtract
 export const WithTitle = () => (_jsx(ResourceList, { titre: "Titre de la liste", data: exampleData, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, showSeparateur: index !== 0 })), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 export const WithIcon = () => (_jsx(ResourceList, { data: exampleData, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, IconProps: { name: 'Settings' }, showSeparateur: index !== 0 })), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 export const WithPreviewImageAndTrailing = () => (_jsx(ResourceList, { data: exampleDataWithPreview, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, preview_url: item.preview_url, trailing: () => _jsx(LucideIcon, { name: "ChevronRight", size: "sm" }), showSeparateur: index !== 0 })), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
+/**
+ * Quand `isLoading` est `true`, la liste entière est remplacée par un
+ * spinner centré. Aucun délai n'est appliqué ici : le chargement initial
+ * d'une liste vide n'a rien à afficher, le spinner apparaît donc
+ * immédiatement pour éviter un écran blanc sans feedback.
+ */
+export const IsLoading = () => (_jsx(ResourceList, { data: [], isLoading: true, keyExtractor: item => item.id, renderItem: () => null, renderNoContent: () => null }));
 export const WithNoContent = () => (_jsx(ResourceList, { data: [], keyExtractor: item => item.id, renderItem: ({ item }) => _jsx(ListItem, { title: item.name, description: item.description }), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 export const WithDivider = () => (_jsx(ResourceList, { data: exampleData, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, showSeparateur: index !== 0 })), ItemSeparatorComponent: ResourceListDivider, renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 export * as Sources from './ResourceList.stories.sources';

package/dist/ui/ResourceList/ResourceList.stories.sources.d.ts

@@ -2,6 +2,7 @@ export declare const Default: () => string;
 export declare const WithTitle: () => string;
 export declare const WithIcon: () => string;
 export declare const WithPreviewImageAndTrailing: () => string;
+export declare const IsLoading: () => string;
 export declare const WithNoContent: () => string;
 export declare const WithDivider: () => string;
 export declare const storySources: {
@@ -9,8 +10,10 @@ export declare const storySources: {
     readonly WithTitle: () => string;
     readonly WithIcon: () => string;
     readonly WithPreviewImageAndTrailing: () => string;
+    readonly IsLoading: () => string;
     readonly WithNoContent: () => string;
     readonly WithDivider: () => string;
 };
 export type StorySourceName = keyof typeof storySources;
+export declare const storyDescriptions: Partial<Record<StorySourceName, string>>;
 //# sourceMappingURL=ResourceList.stories.sources.d.ts.map

package/dist/ui/ResourceList/ResourceList.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceList.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+Y,CAAC;AAEpa,eAAO,MAAM,SAAS,cAAkb,CAAC;AAEzc,eAAO,MAAM,QAAQ,cAA4d,CAAC;AAElf,eAAO,MAAM,2BAA2B,cAAmkB,CAAC;AAE5mB,eAAO,MAAM,aAAa,cAA8W,CAAC;AAEzY,eAAO,MAAM,WAAW,cAAqc,CAAC;AAE9d,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"ResourceList.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+Y,CAAC;AAEpa,eAAO,MAAM,SAAS,cAAkb,CAAC;AAEzc,eAAO,MAAM,QAAQ,cAA4d,CAAC;AAElf,eAAO,MAAM,2BAA2B,cAAmkB,CAAC;AAE5mB,eAAO,MAAM,SAAS,cAAoO,CAAC;AAE3P,eAAO,MAAM,aAAa,cAA8W,CAAC;AAEzY,eAAO,MAAM,WAAW,cAAqc,CAAC;AAE9d,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAEtE,CAAC"}

package/dist/ui/ResourceList/ResourceList.stories.sources.js

@@ -4,6 +4,7 @@ export const Default = () => "export const Default = () => (\n  <ResourceList\n
 export const WithTitle = () => "export const WithTitle = () => (\n  <ResourceList\n    titre=\"Titre de la liste\"\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem title={item.name} description={item.description} showSeparateur={index !== 0} />\n    )}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const WithIcon = () => "export const WithIcon = () => (\n  <ResourceList\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem\n        title={item.name}\n        description={item.description}\n        IconProps={{ name: 'Settings' }}\n        showSeparateur={index !== 0}\n      />\n    )}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const WithPreviewImageAndTrailing = () => "export const WithPreviewImageAndTrailing = () => (\n  <ResourceList\n    data={exampleDataWithPreview}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem\n        title={item.name}\n        description={item.description}\n        preview_url={item.preview_url}\n        trailing={() => <LucideIcon name=\"ChevronRight\" size=\"sm\" />}\n        showSeparateur={index !== 0}\n      />\n    )}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
+export const IsLoading = () => "export const IsLoading = () => (\n  <ResourceList\n    data={[] as typeof exampleData}\n    isLoading={true}\n    keyExtractor={item => item.id}\n    renderItem={() => null}\n    renderNoContent={() => null}\n  />\n);";
 export const WithNoContent = () => "export const WithNoContent = () => (\n  <ResourceList\n    data={[] as typeof exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item }) => <ListItem title={item.name} description={item.description} />}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const WithDivider = () => "export const WithDivider = () => (\n  <ResourceList\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem title={item.name} description={item.description} showSeparateur={index !== 0} />\n    )}\n    ItemSeparatorComponent={ResourceListDivider}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const storySources = {
@@ -11,6 +12,10 @@ export const storySources = {
     WithTitle,
     WithIcon,
     WithPreviewImageAndTrailing,
+    IsLoading,
     WithNoContent,
     WithDivider,
 };
+export const storyDescriptions = {
+    IsLoading: "Quand `isLoading` est `true`, la liste entière est remplacée par un\nspinner centré. Aucun délai n'est appliqué ici : le chargement initial\nd'une liste vide n'a rien à afficher, le spinner apparaît donc\nimmédiatement pour éviter un écran blanc sans feedback.",
+};

package/dist/ui/Select/Select.d.ts

@@ -14,6 +14,8 @@ export type SelectProps = Partial<Pick<PickerProps, 'onBlur' | 'onFocus'>> & For
 export declare const Select: React.ForwardRefExoticComponent<Partial<Pick<PickerProps<import("@react-native-picker/picker/typings/Picker").ItemValue>, "onFocus" | "onBlur">> & {
     label: string;
     labelRight?: React.ReactNode;
+    optional?: boolean;
+    optionalText?: string;
     disabled?: boolean;
 } & FormControlCaptionProps & FormControlHintProps & {
     value: string | null;

package/dist/ui/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC,GACxE,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEJ,eAAO,MAAM,MAAM;;;;;WANR,MAAM,GAAG,IAAI;kBACN,MAAM;aACX,YAAY,EAAE;eACZ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI;0DAkE3C,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC,GACxE,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEJ,eAAO,MAAM,MAAM;;;;;;;WANR,MAAM,GAAG,IAAI;kBACN,MAAM;aACX,YAAY,EAAE;eACZ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI;0DAkE3C,CAAC"}

package/dist/ui/Select/Select.stories.d.ts

@@ -6,6 +6,8 @@ declare const _default: {
     component: import("react").ForwardRefExoticComponent<Partial<Pick<import("@react-native-picker/picker").PickerProps<import("@react-native-picker/picker/typings/Picker").ItemValue>, "onFocus" | "onBlur">> & {
         label: string;
         labelRight?: React.ReactNode;
+        optional?: boolean;
+        optionalText?: string;
         disabled?: boolean;
     } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
         value: string | null;

package/dist/ui/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAQlB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAOlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAQlB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAOlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}

package/dist/ui/SelectMultiple/SelectMultiple.web.d.ts

@@ -3,6 +3,8 @@ import type { SelectMultipleOption } from './SelectMultiple';
 export declare const SelectMultiple: React.ForwardRefExoticComponent<{
     label: string;
     labelRight?: React.ReactNode;
+    optional?: boolean;
+    optionalText?: string;
     disabled?: boolean;
 } & import("@alveole/components").FormControlCaptionProps & import("@alveole/components").FormControlHintProps & {
     options?: SelectMultipleOption[];

package/dist/ui/SelectMultiple/SelectMultiple.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMultiple.web.d.ts","sourceRoot":"","sources":["../../../src/ui/SelectMultiple/SelectMultiple.web.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAuB,MAAM,kBAAkB,CAAC;AAGlF,eAAO,MAAM,cAAc;;;;;;;;;;6BA4EzB,CAAC"}
+{"version":3,"file":"SelectMultiple.web.d.ts","sourceRoot":"","sources":["../../../src/ui/SelectMultiple/SelectMultiple.web.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAuB,MAAM,kBAAkB,CAAC;AAGlF,eAAO,MAAM,cAAc;;;;;;;;;;;;6BA4EzB,CAAC"}

package/dist/ui/Spinner/Spinner.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SpinnerProps } from './Spinner.shared';
+export type { SpinnerProps };
+export declare const Spinner: ({ size, delay, style }: SpinnerProps) => React.JSX.Element | null;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/ui/Spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/ui/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAsB,YAAY,EAAc,MAAM,kBAAkB,CAAC;AAGhF,YAAY,EAAE,YAAY,EAAE,CAAC;AAS7B,eAAO,MAAM,OAAO,GAAI,wBAA+B,YAAY,6BAsDlE,CAAC"}

package/dist/ui/Spinner/Spinner.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Animated, Easing } from 'react-native';
+import { Circle, Svg } from 'react-native-svg';
+import { DELAY_MS, SIZE_MAP, STROKE_MAP } from './Spinner.shared';
+import { useStyles } from './Spinner.styles';
+function resolveDelay(delay) {
+    if (delay === undefined || delay === false)
+        return null;
+    if (delay === true)
+        return 1000;
+    if (typeof delay === 'string')
+        return DELAY_MS[delay] ?? 0;
+    return delay;
+}
+export const Spinner = ({ size = 'md', delay, style }) => {
+    const styles = useStyles();
+    const [rotation] = React.useState(() => new Animated.Value(0));
+    const delayMs = React.useMemo(() => resolveDelay(delay), [delay]);
+    const [visible, setVisible] = React.useState(delayMs === null);
+    const px = SIZE_MAP[size];
+    const strokeWidth = STROKE_MAP[size];
+    const r = (px - strokeWidth) / 2;
+    const cx = px / 2;
+    const circumference = 2 * Math.PI * r;
+    const dashArray = `${circumference * 0.75} ${circumference * 0.25}`;
+    const spin = rotation.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg'] });
+    React.useEffect(() => {
+        if (delayMs === null)
+            return;
+        const timer = setTimeout(() => setVisible(true), delayMs);
+        return () => clearTimeout(timer);
+    }, [delayMs]);
+    React.useEffect(() => {
+        const anim = Animated.loop(Animated.timing(rotation, {
+            toValue: 1,
+            duration: 800,
+            easing: Easing.linear,
+            useNativeDriver: true,
+        }));
+        anim.start();
+        return () => anim.stop();
+    }, [rotation]);
+    if (!visible)
+        return null;
+    return (_jsx(Animated.View, { style: [{ width: px, height: px, transform: [{ rotate: spin }] }, style], children: _jsxs(Svg, { width: px, height: px, viewBox: `0 0 ${px} ${px}`, children: [_jsx(Circle, { cx: cx, cy: cx, r: r, fill: "none", strokeWidth: strokeWidth, stroke: styles.track.color }), _jsx(Circle, { cx: cx, cy: cx, r: r, fill: "none", strokeWidth: strokeWidth, stroke: styles.arc.color, strokeDasharray: dashArray, strokeLinecap: "round", rotation: -90, origin: `${cx}, ${cx}` })] }) }));
+};

package/dist/ui/Spinner/Spinner.shared.d.ts

@@ -0,0 +1,12 @@
+import type { ViewStyle } from 'react-native';
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+export type SpinnerDelay = boolean | 'short' | 'long' | number;
+export type SpinnerProps = {
+    size?: SpinnerSize;
+    delay?: SpinnerDelay;
+    style?: ViewStyle;
+};
+export declare const SIZE_MAP: Record<SpinnerSize, number>;
+export declare const STROKE_MAP: Record<SpinnerSize, number>;
+export declare const DELAY_MS: Record<string, number>;
+//# sourceMappingURL=Spinner.shared.d.ts.map

package/dist/ui/Spinner/Spinner.shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.shared.d.ts","sourceRoot":"","sources":["../../../src/ui/Spinner/Spinner.shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAA8B,CAAC;AAChF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAA2B,CAAC;AAC/E,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAA8B,CAAC"}

package/dist/ui/Spinner/Spinner.shared.js

@@ -0,0 +1,3 @@
+export const SIZE_MAP = { sm: 16, md: 32, lg: 64 };
+export const STROKE_MAP = { sm: 2, md: 3, lg: 5 };
+export const DELAY_MS = { short: 300, long: 1000 };

package/dist/ui/Spinner/Spinner.stories.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    description: string;
+    shortDescription: string;
+    component: ({ size, delay, style }: import("./Spinner.shared").SpinnerProps) => import("react").JSX.Element | null;
+    styleFn: () => {
+        track: {
+            color: string;
+        };
+        arc: {
+            color: string;
+        };
+    };
+};
+export default _default;
+export declare const Sizes: () => import("react").JSX.Element;
+export declare const WithDelay: () => import("react").JSX.Element;
+export * as Sources from './Spinner.stories.sources';
+//# sourceMappingURL=Spinner.stories.d.ts.map

package/dist/ui/Spinner/Spinner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Spinner/Spinner.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAKA,wBAiBkB;AAElB,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAKrB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}

package/dist/ui/Spinner/Spinner.stories.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { Spinner } from './Spinner';
+import { useStyles } from './Spinner.styles';
+export default {
+    title: 'Spinner',
+    tags: ['ui'],
+    experimental: false,
+    description: `Indicateur de chargement animé en rotation.
+
+Trois tailles disponibles : \`sm\` (16 px), \`md\` (32 px, défaut) et \`lg\` (64 px).
+
+La prop \`delay\` permet de retarder l'apparition du spinner pour éviter un flash sur les opérations rapides :
+- \`false\` / absent : visible immédiatement
+- \`true\` : délai de 1 000 ms
+- \`"short"\` : 300 ms
+- \`"long"\` : 1 000 ms
+- \`number\` : délai personnalisé en millisecondes`,
+    shortDescription: 'Indicateur de chargement animé disponible en trois tailles.',
+    component: Spinner,
+    styleFn: useStyles,
+};
+export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", style: { alignItems: 'center' }, gap: 16, children: [_jsx(Spinner, { size: "sm" }), _jsx(Spinner, { size: "md" }), _jsx(Spinner, { size: "lg" })] }));
+export const WithDelay = () => (_jsxs(Box, { display: "flex", flexDirection: "row", style: { alignItems: 'center' }, gap: 16, children: [_jsx(Spinner, { size: "md", delay: "short" }, "short"), _jsx(Spinner, { size: "md", delay: "long" }, "long")] }));
+export * as Sources from './Spinner.stories.sources';

package/dist/ui/Spinner/Spinner.stories.sources.d.ts

@@ -0,0 +1,8 @@
+export declare const Sizes: () => string;
+export declare const WithDelay: () => string;
+export declare const storySources: {
+    readonly Sizes: () => string;
+    readonly WithDelay: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=Spinner.stories.sources.d.ts.map

package/dist/ui/Spinner/Spinner.stories.sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Spinner/Spinner.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,cAAsO,CAAC;AAEzP,eAAO,MAAM,SAAS,cAAuQ,CAAC;AAE9R,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/Spinner/Spinner.stories.sources.js

@@ -0,0 +1,8 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/Spinner/Spinner.stories.tsx
+export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" style={{ alignItems: 'center' }} gap={16}>\n    <Spinner size=\"sm\" />\n    <Spinner size=\"md\" />\n    <Spinner size=\"lg\" />\n  </Box>\n);";
+export const WithDelay = () => "export const WithDelay = () => (\n  <Box display=\"flex\" flexDirection=\"row\" style={{ alignItems: 'center' }} gap={16}>\n    <Spinner size=\"md\" delay=\"short\" key=\"short\" />\n    <Spinner size=\"md\" delay=\"long\" key=\"long\" />\n  </Box>\n);";
+export const storySources = {
+    Sizes,
+    WithDelay,
+};

package/dist/ui/Spinner/Spinner.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const useStyles: () => {
+    track: {
+        color: string;
+    };
+    arc: {
+        color: string;
+    };
+};
+//# sourceMappingURL=Spinner.styles.d.ts.map

package/dist/ui/Spinner/Spinner.styles.d.ts.map

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

package/dist/ui/Spinner/Spinner.styles.js

@@ -0,0 +1,5 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ color }) => ({
+    track: { color: color.light.border['default-grey'] },
+    arc: { color: color.light.artwork['major-primary'] },
+}));

package/dist/ui/Spinner/Spinner.web.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SpinnerProps } from './Spinner.shared';
+export type { SpinnerProps };
+export declare const Spinner: ({ size, delay, style }: SpinnerProps) => React.JSX.Element | null;
+//# sourceMappingURL=Spinner.web.d.ts.map

package/dist/ui/Spinner/Spinner.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.web.d.ts","sourceRoot":"","sources":["../../../src/ui/Spinner/Spinner.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAsB,YAAY,EAAc,MAAM,kBAAkB,CAAC;AAGhF,YAAY,EAAE,YAAY,EAAE,CAAC;AAS7B,eAAO,MAAM,OAAO,GAAI,wBAA+B,YAAY,6BA+ClE,CAAC"}

package/dist/ui/Spinner/Spinner.web.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Animated, Easing } from 'react-native';
+import { DELAY_MS, SIZE_MAP, STROKE_MAP } from './Spinner.shared';
+import { useStyles } from './Spinner.styles';
+function resolveDelay(delay) {
+    if (delay === undefined || delay === false)
+        return null;
+    if (delay === true)
+        return 1000;
+    if (typeof delay === 'string')
+        return DELAY_MS[delay] ?? 0;
+    return delay;
+}
+export const Spinner = ({ size = 'md', delay, style }) => {
+    const styles = useStyles();
+    const [rotation] = React.useState(() => new Animated.Value(0));
+    const delayMs = React.useMemo(() => resolveDelay(delay), [delay]);
+    const [visible, setVisible] = React.useState(delayMs === null);
+    const px = SIZE_MAP[size];
+    const strokeWidth = STROKE_MAP[size];
+    const spin = rotation.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg'] });
+    React.useEffect(() => {
+        if (delayMs === null)
+            return;
+        const timer = setTimeout(() => setVisible(true), delayMs);
+        return () => clearTimeout(timer);
+    }, [delayMs]);
+    React.useEffect(() => {
+        const anim = Animated.loop(Animated.timing(rotation, {
+            toValue: 1,
+            duration: 800,
+            easing: Easing.linear,
+            useNativeDriver: false,
+        }));
+        anim.start();
+        return () => anim.stop();
+    }, [rotation]);
+    if (!visible)
+        return null;
+    return (_jsx(Animated.View, { style: [
+            {
+                width: px,
+                height: px,
+                borderRadius: px / 2,
+                borderWidth: strokeWidth,
+                borderColor: styles.track.color,
+                borderTopColor: styles.arc.color,
+                transform: [{ rotate: spin }],
+            },
+            style,
+        ] }));
+};

package/dist/ui/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Spinner';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/Spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/ui/Spinner/index.js

@@ -0,0 +1 @@
+export * from './Spinner';

package/dist/ui/TextField/TextField.d.ts

@@ -14,6 +14,8 @@ export declare const TextField: React.ForwardRefExoticComponent<Omit<import("rea
 } & {
     label: string;
     labelRight?: React.ReactNode;
+    optional?: boolean;
+    optionalText?: string;
     disabled?: boolean;
 } & FormControlCaptionProps & FormControlHintProps & {
     type?: "text" | "hidden";

package/dist/ui/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/ui/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAIrB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,cAAc,GAAG,cAAc,GACzC,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC3C,CAAC;AAEJ,eAAO,MAAM,SAAS;;;;;;;;;;;;WAJX,MAAM,GAAG,QAAQ;eACb,cAAc,CAAC,cAAc,CAAC;0DAqC3C,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/ui/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAIrB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,cAAc,GAAG,cAAc,GACzC,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC3C,CAAC;AAEJ,eAAO,MAAM,SAAS;;;;;;;;;;;;;;WAJX,MAAM,GAAG,QAAQ;eACb,cAAc,CAAC,cAAc,CAAC;0DAqC3C,CAAC"}

package/dist/ui/TextField/TextField.stories.d.ts

@@ -13,6 +13,8 @@ declare const _default: {
     } & {
         label: string;
         labelRight?: React.ReactNode;
+        optional?: boolean;
+        optionalText?: string;
         disabled?: boolean;
     } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
         type?: "text" | "hidden";

package/dist/ui/TextField/TextField.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextField/TextField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAOlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"TextField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextField/TextField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAOlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}

package/dist/ui/TextareaField/TextareaField.d.ts

@@ -14,6 +14,8 @@ export declare const TextareaField: React.ForwardRefExoticComponent<Omit<import(
 } & {
     label: string;
     labelRight?: React.ReactNode;
+    optional?: boolean;
+    optionalText?: string;
     disabled?: boolean;
 } & FormControlCaptionProps & FormControlHintProps & {
     onChange?: TextInputProps["onChangeText"];

package/dist/ui/TextareaField/TextareaField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaField/TextareaField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGrB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAC7C,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;;;;eAJX,cAAc,CAAC,cAAc,CAAC;oBACzB,MAAM;0DAoBxB,CAAC"}
+{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaField/TextareaField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGrB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAC7C,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;;;;;;eAJX,cAAc,CAAC,cAAc,CAAC;oBACzB,MAAM;0DAoBxB,CAAC"}

package/dist/ui/TextareaField/TextareaField.stories.d.ts

@@ -13,6 +13,8 @@ declare const _default: {
     } & {
         label: string;
         labelRight?: React.ReactNode;
+        optional?: boolean;
+        optionalText?: string;
         disabled?: boolean;
     } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
         onChange?: import("..").TextInputProps["onChangeText"];

package/dist/ui/TextareaField/TextareaField.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaField/TextareaField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"TextareaField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaField/TextareaField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}

package/dist/ui/TextareaInput/TextareaInput.d.ts

@@ -14,6 +14,8 @@ export declare const TextareaInput: React.ForwardRefExoticComponent<Omit<import(
 } & {
     label: string;
     labelRight?: React.ReactNode;
+    optional?: boolean;
+    optionalText?: string;
     disabled?: boolean;
 } & import("@alveole/components").FormControlCaptionProps & import("@alveole/components").FormControlHintProps & {
     type?: "text" | "hidden";

package/dist/ui/TextareaInput/TextareaInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaInput.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oBAJR,MAAM;oBACN,MAAM,IAAI;0DAoB3B,CAAC"}
+{"version":3,"file":"TextareaInput.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;oBAJR,MAAM;oBACN,MAAM,IAAI;0DAoB3B,CAAC"}

package/dist/ui/TextareaInput/TextareaInput.stories.d.ts

@@ -13,6 +13,8 @@ declare const _default: {
     } & {
         label: string;
         labelRight?: React.ReactNode;
+        optional?: boolean;
+        optionalText?: string;
         disabled?: boolean;
     } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
         type?: "text" | "hidden";

package/dist/ui/TextareaInput/TextareaInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaInput.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"TextareaInput.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}