@alveole/components 1.10.0 → 2.0.0-alpha.1

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

@@ -1,35 +0,0 @@
-declare const _default: {
-    title: string;
-    tags: "ui"[];
-    experimental: false;
-    description: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
-        disabled?: boolean;
-        startAdornment?: React.ReactNode;
-        endAdornment?: React.ReactNode;
-        openModal?: boolean;
-        modalSubmitLabel?: string;
-        onModalSubmit?: () => void;
-    } & {
-        label: string;
-        labelRight?: React.ReactNode;
-        optional?: boolean;
-        optionalText?: string;
-        disabled?: boolean;
-    } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
-        onChange?: import("..").TextInputProps["onChangeText"];
-    } & import("react").RefAttributes<import("react-native").TextInput>>;
-    styleFn: () => {
-        passwordInput: {};
-        visibilityButton: {
-            height: "100%";
-            borderRadius: number;
-            paddingTop: number;
-            paddingBottom: number;
-        };
-    };
-};
-export default _default;
-export declare const Default: () => import("react").JSX.Element;
-export * as Sources from './PasswordField.stories.sources';
-//# sourceMappingURL=PasswordField.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"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/PasswordField/PasswordField.stories.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../../core';
-import { PasswordField } from './PasswordField';
-import { useStyles } from './PasswordField.styles';
-export default {
-    title: 'PasswordField',
-    tags: ['ui'],
-    experimental: false,
-    description: 'Champ mot de passe avec label et bascule de visibilité.',
-    component: PasswordField,
-    styleFn: useStyles,
-};
-export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(PasswordField, { label: "Mot de passe", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }), _jsx(PasswordField, { label: "Avec erreur", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", error: "Mot de passe incorrect" }), _jsx(PasswordField, { label: "D\u00E9sactiv\u00E9", value: "monMotDePasse", disabled: true })] }));
-export * as Sources from './PasswordField.stories.sources';

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordField.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/PasswordField/PasswordField.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA6W,CAAC;AAElY,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,6 +0,0 @@
-// This file is generated. Do not edit manually.
-// Source: src/ui/PasswordField/PasswordField.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <PasswordField label=\"Mot de passe\" placeholder=\"••••••••\" />\n    <PasswordField label=\"Avec erreur\" placeholder=\"••••••••\" error=\"Mot de passe incorrect\" />\n    <PasswordField label=\"Désactivé\" value=\"monMotDePasse\" disabled />\n  </Box>\n);";
-export const storySources = {
-    Default,
-};

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

@@ -1,10 +0,0 @@
-export declare const useStyles: () => {
-    passwordInput: {};
-    visibilityButton: {
-        height: "100%";
-        borderRadius: number;
-        paddingTop: number;
-        paddingBottom: number;
-    };
-};
-//# sourceMappingURL=PasswordField.styles.d.ts.map

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

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

package/dist/ui/PasswordField/PasswordField.styles.js

@@ -1,10 +0,0 @@
-import { makeStyles } from '@alveole/theme';
-export const useStyles = makeStyles(() => ({
-    passwordInput: {},
-    visibilityButton: {
-        height: '100%',
-        borderRadius: 0,
-        paddingTop: 0,
-        paddingBottom: 0,
-    },
-}));

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

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

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

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

package/dist/ui/PasswordField/index.js

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

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

@@ -1,22 +0,0 @@
-import { FormControlCaptionProps, FormControlHintProps, FormControlLabelProps, TextInputProps } from '@alveole/components';
-import React from 'react';
-export type PhoneFieldProps = TextInputProps & FormControlLabelProps & FormControlHintProps & FormControlCaptionProps & {
-    onChange?: TextInputProps['onChangeText'];
-};
-export declare const PhoneField: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
-    disabled?: boolean;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-    openModal?: boolean;
-    modalSubmitLabel?: string;
-    onModalSubmit?: () => void;
-} & {
-    label: string;
-    labelRight?: React.ReactNode;
-    optional?: boolean;
-    optionalText?: string;
-    disabled?: boolean;
-} & FormControlCaptionProps & FormControlHintProps & {
-    onChange?: TextInputProps["onChangeText"];
-} & React.RefAttributes<import("react-native").TextInput>>;
-//# sourceMappingURL=PhoneField.d.ts.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormControlCaption, FormControlHint, FormControlLabel, InputHeading, } from '@alveole/components';
-import React from 'react';
-import { PhoneInput } from '../PhoneInput';
-export const PhoneField = React.forwardRef(function PhoneField(props, ref) {
-    const { label, labelRight, hint, error, success, disabled, onChange } = props;
-    return (_jsxs(FormControl, { children: [_jsxs(InputHeading, { children: [!!label && (_jsx(FormControlLabel, { labelRight: labelRight, label: label, disabled: disabled, error: error, success: success })), !!hint && _jsx(FormControlHint, { hint: hint, disabled: disabled })] }), _jsx(PhoneInput, { ref: ref, onChangeText: onChange, ...props }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }));
-});

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

@@ -1,27 +0,0 @@
-declare const _default: {
-    title: string;
-    tags: "ui"[];
-    experimental: false;
-    description: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
-        disabled?: boolean;
-        startAdornment?: React.ReactNode;
-        endAdornment?: React.ReactNode;
-        openModal?: boolean;
-        modalSubmitLabel?: string;
-        onModalSubmit?: () => void;
-    } & {
-        label: string;
-        labelRight?: React.ReactNode;
-        optional?: boolean;
-        optionalText?: string;
-        disabled?: boolean;
-    } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
-        onChange?: import("..").TextInputProps["onChangeText"];
-    } & import("react").RefAttributes<import("react-native").TextInput>>;
-    styleFn: () => {};
-};
-export default _default;
-export declare const Default: () => import("react").JSX.Element;
-export * as Sources from './PhoneField.stories.sources';
-//# sourceMappingURL=PhoneField.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"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/PhoneField/PhoneField.stories.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../../core';
-import { PhoneField } from './PhoneField';
-export default {
-    title: 'PhoneField',
-    tags: ['ui'],
-    experimental: false,
-    description: 'Champ téléphone avec label.',
-    component: PhoneField,
-    styleFn: () => ({}),
-};
-export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(PhoneField, { label: "T\u00E9l\u00E9phone", placeholder: "06 12 34 56 78" }), _jsx(PhoneField, { label: "Avec erreur", placeholder: "06 12 34 56 78", error: "Num\u00E9ro invalide" }), _jsx(PhoneField, { label: "D\u00E9sactiv\u00E9", value: "06 12 34 56 78", disabled: true })] }));
-export * as Sources from './PhoneField.stories.sources';

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneField.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/PhoneField/PhoneField.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAuW,CAAC;AAE5X,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,6 +0,0 @@
-// This file is generated. Do not edit manually.
-// Source: src/ui/PhoneField/PhoneField.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <PhoneField label=\"Téléphone\" placeholder=\"06 12 34 56 78\" />\n    <PhoneField label=\"Avec erreur\" placeholder=\"06 12 34 56 78\" error=\"Numéro invalide\" />\n    <PhoneField label=\"Désactivé\" value=\"06 12 34 56 78\" disabled />\n  </Box>\n);";
-export const storySources = {
-    Default,
-};

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

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

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

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

package/dist/ui/PhoneField/index.js

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

package/dist/ui/PhoneInput/PhoneInput.d.ts

@@ -1,16 +0,0 @@
-import { TextInputProps } from '@alveole/components';
-import React from 'react';
-export type PhoneInputProps = TextInputProps & {
-    onChange?: TextInputProps['onChangeText'];
-};
-export declare const PhoneInput: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
-    disabled?: boolean;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-    openModal?: boolean;
-    modalSubmitLabel?: string;
-    onModalSubmit?: () => void;
-} & {
-    onChange?: TextInputProps["onChangeText"];
-} & React.RefAttributes<import("react-native").TextInput>>;
-//# sourceMappingURL=PhoneInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/ui/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG;IAC7C,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;eAHV,cAAc,CAAC,cAAc,CAAC;0DAmBzC,CAAC"}

package/dist/ui/PhoneInput/PhoneInput.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextInput } from '@alveole/components';
-import React from 'react';
-export const PhoneInput = React.forwardRef(function PhoneInput(props, ref) {
-    const { onChange } = props;
-    return (_jsx(TextInput, { ref: ref, onChangeText: onChange, keyboardType: "phone-pad", textContentType: "telephoneNumber", autoCapitalize: "none", autoComplete: "tel", inputMode: "tel", ...props, autoCorrect: false }));
-});

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

@@ -1,21 +0,0 @@
-declare const _default: {
-    title: string;
-    tags: "ui"[];
-    experimental: false;
-    description: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
-        disabled?: boolean;
-        startAdornment?: React.ReactNode;
-        endAdornment?: React.ReactNode;
-        openModal?: boolean;
-        modalSubmitLabel?: string;
-        onModalSubmit?: () => void;
-    } & {
-        onChange?: import("..").TextInputProps["onChangeText"];
-    } & import("react").RefAttributes<import("react-native").TextInput>>;
-    styleFn: () => {};
-};
-export default _default;
-export declare const Default: () => import("react").JSX.Element;
-export * as Sources from './PhoneInput.stories.sources';
-//# sourceMappingURL=PhoneInput.stories.d.ts.map

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

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

package/dist/ui/PhoneInput/PhoneInput.stories.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../../core';
-import { PhoneInput } from './PhoneInput';
-export default {
-    title: 'PhoneInput',
-    tags: ['ui'],
-    experimental: false,
-    description: 'Input téléphone brut (sans label). Clavier numérique téléphone.',
-    component: PhoneInput,
-    styleFn: () => ({}),
-};
-export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(PhoneInput, { placeholder: "06 12 34 56 78" }), _jsx(PhoneInput, { placeholder: "06 12 34 56 78", value: "06 12 34 56 78" }), _jsx(PhoneInput, { placeholder: "06 12 34 56 78", editable: false })] }));
-export * as Sources from './PhoneInput.stories.sources';

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/PhoneInput/PhoneInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAsT,CAAC;AAE3U,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,6 +0,0 @@
-// This file is generated. Do not edit manually.
-// Source: src/ui/PhoneInput/PhoneInput.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <PhoneInput placeholder=\"06 12 34 56 78\" />\n    <PhoneInput placeholder=\"06 12 34 56 78\" value=\"06 12 34 56 78\" />\n    <PhoneInput placeholder=\"06 12 34 56 78\" editable={false} />\n  </Box>\n);";
-export const storySources = {
-    Default,
-};

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

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

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

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

package/dist/ui/PhoneInput/index.js

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

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

@@ -1,16 +0,0 @@
-import { Picker, PickerProps } from '@react-native-picker/picker';
-import React from 'react';
-import { SelectOption } from './Select';
-export type NativePickerProps = Omit<PickerProps, 'value' | 'onValueChange' | 'enabled'> & {
-    value: string | null;
-    options: SelectOption[];
-    onChange?: (value: string | null) => void;
-    disabled?: boolean;
-};
-export declare const NativePicker: React.ForwardRefExoticComponent<Omit<PickerProps<import("@react-native-picker/picker/typings/Picker").ItemValue>, "enabled" | "value" | "onValueChange"> & {
-    value: string | null;
-    options: SelectOption[];
-    onChange?: (value: string | null) => void;
-    disabled?: boolean;
-} & React.RefAttributes<Picker<string | number | object>>>;
-//# sourceMappingURL=NativePicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NativePicker.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/NativePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,eAAe,GAAG,SAAS,CAAC,GAAG;IACzF,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY;WANhB,MAAM,GAAG,IAAI;aACX,YAAY,EAAE;eACZ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI;eAC9B,OAAO;0DAwCnB,CAAC"}

package/dist/ui/Select/NativePicker.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Picker } from '@react-native-picker/picker';
-import React from 'react';
-export const NativePicker = React.forwardRef(function NativePicker(props, ref) {
-    const { value, options, onChange, disabled, style, ...pickerProps } = props;
-    const pickerStylesProps = { themeVariant: 'light', style: style };
-    const [model, setModel] = React.useState(value);
-    const handleChange = (newValue) => {
-        const stringValue = newValue ? String(newValue).trim() : undefined;
-        if (stringValue === '' || stringValue == null) {
-            setModel(null);
-            onChange?.(null);
-        }
-        else {
-            onChange?.(stringValue);
-            setModel(stringValue);
-        }
-    };
-    return (_jsxs(Picker, { ref: ref, selectedValue: model ?? '', onValueChange: handleChange, enabled: !disabled, "aria-disabled": disabled, ...pickerProps, ...pickerStylesProps, children: [props.placeholder && _jsx(Picker.Item, { label: props.placeholder, value: '' }, 'select-item--undefined'), options.map((opt) => (_jsx(Picker.Item, { label: opt.label, value: opt.value }, opt.value)))] }));
-});

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

@@ -1,11 +0,0 @@
-import { Picker } from '@react-native-picker/picker';
-import React from 'react';
-import { NativePickerProps } from './NativePicker';
-export type SelectInputProps = NativePickerProps;
-export declare const SelectInput: React.ForwardRefExoticComponent<Omit<import("@react-native-picker/picker").PickerProps<import("@react-native-picker/picker/typings/Picker").ItemValue>, "enabled" | "value" | "onValueChange"> & {
-    value: string | null;
-    options: import("./Select").SelectOption[];
-    onChange?: (value: string | null) => void;
-    disabled?: boolean;
-} & React.RefAttributes<Picker<string | number | object>>>;
-//# sourceMappingURL=SelectInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/SelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,eAAO,MAAM,WAAW;;;;;0DAIvB,CAAC"}

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

@@ -1,9 +0,0 @@
-import { Picker } from '@react-native-picker/picker';
-import React from 'react';
-export declare const SelectInput: React.ForwardRefExoticComponent<Omit<import("@react-native-picker/picker").PickerProps<import("@react-native-picker/picker/typings/Picker").ItemValue>, "enabled" | "value" | "onValueChange"> & {
-    value: string | null;
-    options: import("@alveole/components").SelectOption[];
-    onChange?: (value: string | null) => void;
-    disabled?: boolean;
-} & React.RefAttributes<Picker<string | number | object>>>;
-//# sourceMappingURL=SelectInput.ios.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInput.ios.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/SelectInput.ios.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,KAAgC,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,WAAW;;;;;0DAmEvB,CAAC"}

package/dist/ui/Select/SelectInput.ios.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Button, LucideIcon, TextInput } from '@alveole/components';
-import React, { useCallback, useState } from 'react';
-import { Keyboard, Modal, StyleSheet, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { NativePicker } from './NativePicker';
-export const SelectInput = React.forwardRef(function SelectInput(props, ref) {
-    const { value, placeholder, options, onChange, disabled, ...pickerProps } = props;
-    const { bottom } = useSafeAreaInsets();
-    const [model, setModel] = useState(value);
-    const [open, setOpen] = useState(false);
-    const handleOpenModal = () => {
-        if (Keyboard.isVisible())
-            Keyboard.dismiss();
-        if (!disabled)
-            setOpen(true);
-    };
-    const handleCancel = useCallback(() => {
-        setModel(value);
-        setOpen(false);
-    }, [value]);
-    const handleValidate = useCallback(() => {
-        onChange?.(model);
-        setOpen(false);
-    }, [model, onChange]);
-    const selectedOption = React.useMemo(() => options.find((opt) => opt.value === value), [options, value]);
-    return (_jsxs(_Fragment, { children: [_jsx(Modal, { visible: open, transparent: true, animationType: "slide", onRequestClose: handleCancel, children: _jsxs(View, { style: StyleSheet.absoluteFill, children: [_jsx(Box, { onPress: handleCancel, style: { flex: 1 } }), _jsxs(Box, { style: { backgroundColor: '#FFFFFF', paddingBottom: bottom }, children: [_jsx(NativePicker, { ref: ref, ...pickerProps, value: model ?? null, placeholder: placeholder, options: options, onChange: setModel, disabled: false, style: { flex: 1 } }), _jsxs(Box, { style: { paddingBottom: 8, paddingHorizontal: 12, flexDirection: 'row', gap: 12 }, children: [_jsx(Button, { variant: "tertiary", title: "Annuler", onPress: handleCancel }), _jsx(Button, { variant: "primary", title: "Valider", onPress: handleValidate })] })] })] }) }), _jsx(TextInput, { readOnly: true, placeholder: placeholder, value: selectedOption?.label || '', disabled: disabled, endAdornment: _jsx(Box, { onPress: handleOpenModal, mt: 'auto', mb: 'auto', mr: '075', p: '025', children: _jsx(LucideIcon, { name: "ChevronDown", size: "md" }) }), onPress: handleOpenModal })] }));
-});

package/dist/ui/Select/SelectInput.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { NativePicker } from './NativePicker';
-export const SelectInput = React.forwardRef(function SelectInput(props, ref) {
-    return _jsx(NativePicker, { ref: ref, ...props });
-});

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

@@ -1,14 +0,0 @@
-import { FormControlCaptionProps, FormControlHintProps, FormControlLabelProps } from '@alveole/components';
-export type SelectMultipleOption = {
-    label: string;
-    value: string | number;
-};
-export type SelectMultipleProps = FormControlLabelProps & FormControlHintProps & FormControlCaptionProps & {
-    options?: SelectMultipleOption[];
-    value?: (string | number)[];
-    placeholder?: string;
-    disabled?: boolean;
-    onChange?: (value: string[]) => void;
-};
-export declare const SelectMultiple: (props: SelectMultipleProps) => import("react").JSX.Element;
-//# sourceMappingURL=SelectMultiple.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SelectMultiple.d.ts","sourceRoot":"","sources":["../../../src/ui/SelectMultiple/SelectMultiple.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,qBAAqB,EAAc,MAAM,qBAAqB,CAAC;AAEvH,MAAM,MAAM,oBAAoB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAE7E,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,GACrD,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AAEJ,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAGxD,CAAC"}

package/dist/ui/SelectMultiple/SelectMultiple.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Typography } from '@alveole/components';
-export const SelectMultiple = (props) => {
-    const { value } = props;
-    return _jsx(Typography, { children: JSON.stringify(value) });
-};

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

@@ -1,71 +0,0 @@
-declare const _default: {
-    title: string;
-    tags: "ui"[];
-    experimental: false;
-    description: string;
-    component: (props: import("./SelectMultiple").SelectMultipleProps) => import("react").JSX.Element;
-    styleFn: () => {
-        select: {
-            flex: number;
-            outline: string;
-            paddingTop: number;
-            paddingBottom: number;
-            color: string;
-            width: "100%";
-            borderWidth: number;
-            backgroundColor: "transparent";
-            appearance: "none";
-        };
-        inputContainer: {
-            width: "100%";
-        };
-        inputDisabled: {
-            borderRadius: number;
-            borderColor: string;
-        };
-        control: {
-            minHeight: string | number;
-            flexWrap: "inherit";
-            borderColor: string;
-        };
-        controlDisabled: {
-            borderColor: string;
-        };
-        valueContainer: {
-            minHeight: number;
-            paddingLeft: string | number;
-        };
-        multiValue: {
-            borderRadius: string | number;
-            backgroundColor: string;
-            paddingLeft: string | number;
-        };
-        multiValueDisabled: {
-            backgroundColor: "#FFFFFF";
-            borderColor: string;
-            borderWidth: number;
-            borderRadius: string | number;
-            borderStyle: "solid";
-            paddingLeft: string | number;
-            paddingRight: string | number;
-        };
-        multiValueRemoveHover: {
-            backgroundColor: string;
-            cursor: "pointer";
-        };
-        multiValueRemoveDisabled: {
-            display: "none";
-        };
-        dropdownIndicator: {
-            padding: string | number;
-        };
-        clearIndicator: {
-            padding: string | number;
-        };
-    };
-};
-export default _default;
-export declare const Default: () => import("react").JSX.Element;
-export declare const States: () => import("react").JSX.Element;
-export * as Sources from './SelectMultiple.stories.sources';
-//# sourceMappingURL=SelectMultiple.stories.d.ts.map

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

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

package/dist/ui/SelectMultiple/SelectMultiple.stories.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box } from '../../core';
-import { SelectMultiple } from './SelectMultiple';
-import { useStyles } from './SelectMultiple.styles';
-export default {
-    title: 'SelectMultiple',
-    tags: ['ui'],
-    experimental: false,
-    description: 'Sélection multiple via une liste déroulante (web) ou un stub natif.',
-    component: SelectMultiple,
-    styleFn: useStyles,
-};
-const OPTIONS = [
-    { label: 'Option A', value: 'a' },
-    { label: 'Option B', value: 'b' },
-    { label: 'Option C', value: 'c' },
-    { label: 'Option D', value: 'd' },
-];
-export const Default = () => {
-    const [value, setValue] = useState([]);
-    return (_jsx(Box, { display: "flex", flexDirection: "column", gap: 24, children: _jsx(SelectMultiple, { label: "S\u00E9lection", options: OPTIONS, value: value, onChange: setValue }) }));
-};
-export const States = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(SelectMultiple, { label: "Avec valeurs", options: OPTIONS, value: ['a', 'c'] }), _jsx(SelectMultiple, { label: "Erreur", options: OPTIONS, value: [], error: "Ce champ est requis" }), _jsx(SelectMultiple, { label: "D\u00E9sactiv\u00E9", options: OPTIONS, value: ['b'], disabled: true })] }));
-export * as Sources from './SelectMultiple.stories.sources';

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SelectMultiple.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/SelectMultiple/SelectMultiple.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAgS,CAAC;AAErT,eAAO,MAAM,MAAM,cAA+X,CAAC;AAEnZ,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,8 +0,0 @@
-// This file is generated. Do not edit manually.
-// Source: src/ui/SelectMultiple/SelectMultiple.stories.tsx
-export const Default = () => "export const Default = () => {\n  const [value, setValue] = useState<string[]>([]);\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n      <SelectMultiple label=\"Sélection\" options={OPTIONS} value={value} onChange={setValue} />\n    </Box>\n  );\n};";
-export const States = () => "export const States = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <SelectMultiple label=\"Avec valeurs\" options={OPTIONS} value={['a', 'c']} />\n    <SelectMultiple label=\"Erreur\" options={OPTIONS} value={[]} error=\"Ce champ est requis\" />\n    <SelectMultiple label=\"Désactivé\" options={OPTIONS} value={['b']} disabled />\n  </Box>\n);";
-export const storySources = {
-    Default,
-    States,
-};