@alveole/components 0.43.2 → 1.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"LucideIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAAiE,CAAC;AAEtF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"LucideIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBASkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAAiE,CAAC;AAEtF,eAAO,MAAM,gBAAgB,mCAsB5B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

package/dist/ui/LucideIcon/LucideIcon.stories.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '../../core';
+import { Typography } from '../../core/Typography';
 import { LucideIcon } from './LucideIcon';
 import { LucideIconPropsJSON } from './LucideIcon.props';
 export default {
@@ -14,4 +15,5 @@ export default {
 };
 export const Default = () => (_jsxs(Box, { children: [_jsx(LucideIcon, { name: "AArrowDown", size: "sm" }), _jsx(LucideIcon, { name: "AArrowDown", size: "md" }), _jsx(LucideIcon, { name: "AArrowDown", size: "lg" }), _jsx(LucideIcon, { name: "AArrowDown", size: "xl" })] }));
 export const Colored = () => _jsx(LucideIcon, { name: "AArrowDown", size: "md", color: "green" });
+export const SharePerPlatform = () => (_jsxs(Box, { style: { gap: 24 }, children: [_jsx(Typography, { children: "En passant name=\"Share\", le composant s\u00E9lectionne automatiquement l'ic\u00F4ne adapt\u00E9e \u00E0 la plateforme courante. La prop _platformOverride est utilis\u00E9e ici uniquement pour forcer l'affichage de chaque variante dans la story." }), _jsxs(Box, { style: { flexDirection: 'row', gap: 24 }, children: [_jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "Web" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "web" })] }), _jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "Android" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "android" })] }), _jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "iOS" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "ios" })] })] })] }));
 export * as Sources from './LucideIcon.stories.sources';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"LucideIcon.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAgR,CAAC;AAErS,eAAO,MAAM,OAAO,cAAuG,CAAC;AAE5H,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"LucideIcon.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAgR,CAAC;AAErS,eAAO,MAAM,OAAO,cAAuG,CAAC;AAE5H,eAAO,MAAM,gBAAgB,cAAq/B,CAAC;AAEnhC,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -2,7 +2,9 @@
 // Source: src/ui/LucideIcon/LucideIcon.stories.tsx
 export const Default = () => "export const Default = () => (\n  <Box>\n    <LucideIcon name=\"AArrowDown\" size=\"sm\" />\n    <LucideIcon name=\"AArrowDown\" size=\"md\" />\n    <LucideIcon name=\"AArrowDown\" size=\"lg\" />\n    <LucideIcon name=\"AArrowDown\" size=\"xl\" />\n  </Box>\n);";
 export const Colored = () => "export const Colored = () => <LucideIcon name=\"AArrowDown\" size=\"md\" color=\"green\" />;";
+export const SharePerPlatform = () => "export const SharePerPlatform = () => (\n  <Box style={{ gap: 24 }}>\n    <Typography>\n      En passant name=&quot;Share&quot;, le composant sélectionne automatiquement l&apos;icône adaptée à la plateforme\n      courante. La prop _platformOverride est utilisée ici uniquement pour forcer l&apos;affichage de chaque variante\n      dans la story.\n    </Typography>\n    <Box style={{ flexDirection: 'row', gap: 24 }}>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>Web</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"web\" />\n      </Box>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>Android</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"android\" />\n      </Box>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>iOS</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"ios\" />\n      </Box>\n    </Box>\n  </Box>\n);";
 export const storySources = {
     Default,
     Colored,
+    SharePerPlatform,
 };

package/dist/ui/NumberField/NumberField.d.ts

@@ -0,0 +1,14 @@
+import { FormControlCaptionProps, FormControlHintProps, FormControlLabelProps, FormControlNumberInputProps } from '@alveole/components';
+import React from 'react';
+export type NumberFieldProps = FormControlNumberInputProps & FormControlLabelProps & FormControlHintProps & FormControlCaptionProps & {
+    autoFocus?: boolean;
+    onChange?: FormControlNumberInputProps['onChange'];
+} & ({
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    controlButton?: false;
+} | {
+    controlButton?: true;
+});
+export declare const NumberField: React.ForwardRefExoticComponent<NumberFieldProps & React.RefAttributes<import("react-native").TextInput>>;
+//# sourceMappingURL=NumberField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/ui/NumberField/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EACrB,2BAA2B,EAI5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GAAG,2BAA2B,GACxD,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAC;CACpD,GAAG,CACA;IACE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IAAE,aAAa,CAAC,EAAE,IAAI,CAAA;CAAE,CAC3B,CAAC;AAEJ,eAAO,MAAM,WAAW,2GAgDtB,CAAC"}

package/dist/ui/NumberField/NumberField.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormControlCaption, FormControlHint, FormControlLabel, InputHeading, TextInput, } from '@alveole/components';
+import React from 'react';
+import { useStyles } from './NumberField.styles';
+import { NumberFieldControlButton } from './NumberFieldControlButton';
+export const NumberField = React.forwardRef(function NumberField(props, ref) {
+    const { value, label, labelRight, hint, error, success, disabled, onChange } = props;
+    const { value: _v, onChange: _e, ...inputProps } = props;
+    const styles = useStyles();
+    return (_jsxs(FormControl, { style: styles.textInput, 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(TextInput, { ref: ref, ...inputProps, startAdornment: props.controlButton ? (_jsx(NumberFieldControlButton, { action: "moins", step: props.step, disabled: value === 0 || (props.min != null && props.min === value), onPress: add => onChange?.((value ?? 0) + add) })) : (props.startAdornment), endAdornment: props.controlButton ? (_jsx(NumberFieldControlButton, { action: "plus", step: props.step, onPress: add => onChange?.((value ?? 0) + add) })) : (props.endAdornment), value: value ? String(value) : '0', onChangeText: e => {
+                    onChange?.(e === '' ? 0 : Number(e));
+                }, keyboardType: 'number-pad', inputMode: 'numeric' }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }));
+});

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

@@ -0,0 +1,14 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    description: string;
+    component: import("react").ForwardRefExoticComponent<import("./NumberField").NumberFieldProps & import("react").RefAttributes<import("react-native").TextInput>>;
+    styleFn: () => {
+        textInput: {};
+    };
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export * as Sources from './NumberField.stories.sources';
+//# sourceMappingURL=NumberField.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/NumberField/NumberField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}

package/dist/ui/NumberField/NumberField.stories.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box } from '../../core';
+import { NumberField } from './NumberField';
+import { useStyles } from './NumberField.styles';
+export default {
+    title: 'NumberField',
+    tags: ['ui'],
+    experimental: false,
+    description: 'Champ numérique avec label et boutons +/- sur web.',
+    component: NumberField,
+    styleFn: useStyles,
+};
+export const Default = () => {
+    const [value, setValue] = useState(null);
+    return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(NumberField, { label: "Quantit\u00E9", value: value, onChange: setValue, placeholder: "0" }), _jsx(NumberField, { label: "Avec erreur", value: 0, onChange: () => { }, error: "Valeur invalide" }), _jsx(NumberField, { label: "D\u00E9sactiv\u00E9", value: 42, onChange: () => { }, disabled: true })] }));
+};
+export * as Sources from './NumberField.stories.sources';

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

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

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

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

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

@@ -0,0 +1,6 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/NumberField/NumberField.stories.tsx
+export const Default = () => "export const Default = () => {\n  const [value, setValue] = useState<number | null>(null);\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n      <NumberField label=\"Quantité\" value={value} onChange={setValue} placeholder=\"0\" />\n      <NumberField label=\"Avec erreur\" value={0} onChange={() => {}} error=\"Valeur invalide\" />\n      <NumberField label=\"Désactivé\" value={42} onChange={() => {}} disabled />\n    </Box>\n  );\n};";
+export const storySources = {
+    Default,
+};

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

@@ -0,0 +1,4 @@
+export declare const useStyles: () => {
+    textInput: {};
+};
+//# sourceMappingURL=NumberField.styles.d.ts.map

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

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

package/dist/ui/NumberField/NumberField.styles.js

@@ -0,0 +1,4 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(() => ({
+    textInput: {},
+}));

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NumberFieldProps } from './NumberField';
+export declare const NumberField: React.ForwardRefExoticComponent<NumberFieldProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=NumberField.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.web.d.ts","sourceRoot":"","sources":["../../../src/ui/NumberField/NumberField.web.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIjD,eAAO,MAAM,WAAW,2FAsDvB,CAAC"}

package/dist/ui/NumberField/NumberField.web.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormControlCaption, FormControlHint, FormControlLabel, FormControlNumberInput, InputHeading, } from '@alveole/components';
+import React from 'react';
+import { useStyles } from './NumberField.styles';
+import { NumberFieldControlButton } from './NumberFieldControlButton';
+export const NumberField = React.forwardRef(function NumberField(props, ref) {
+    const { label, labelRight, hint, error, success, disabled, onChange } = props;
+    const styles = useStyles();
+    return (_jsxs(FormControl, { style: styles.textInput, 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(FormControlNumberInput, { ref: ref, onChange: onChange, ...props, startAdornment: props.controlButton ? (_jsx(NumberFieldControlButton, { action: "moins", step: props.step, disabled: props.value === 0 || (props.min != null && props.min === props.value), onPress: add => onChange?.((props.value ?? 0) + add) })) : (props.startAdornment), endAdornment: props.controlButton ? (_jsx(NumberFieldControlButton, { action: "plus", step: props.step, onPress: add => onChange?.((props.value ?? 0) + add) })) : (props.endAdornment) }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }));
+});

package/dist/ui/NumberField/NumberFieldControlButton.d.ts

@@ -0,0 +1,8 @@
+export type NumberFieldControlButtonProps = {
+    step?: number;
+    action: 'plus' | 'moins';
+    disabled?: boolean;
+    onPress: (addValue: number) => void;
+};
+export declare const NumberFieldControlButton: (props: NumberFieldControlButtonProps) => import("react").JSX.Element;
+//# sourceMappingURL=NumberFieldControlButton.d.ts.map

package/dist/ui/NumberField/NumberFieldControlButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldControlButton.d.ts","sourceRoot":"","sources":["../../../src/ui/NumberField/NumberFieldControlButton.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,6BAA6B,GAAG;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,OAAO,6BAA6B,gCAW5E,CAAC"}

package/dist/ui/NumberField/NumberFieldControlButton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputButtonAdornment } from '../InputButtonAdornment';
+export const NumberFieldControlButton = (props) => {
+    const { step = 1, action, disabled, onPress } = props;
+    return (_jsx(InputButtonAdornment, { icon: action === 'plus' ? 'Plus' : 'Minus', position: action === 'moins' ? 'start' : 'end', disabled: disabled, onPress: () => onPress(action === 'plus' ? step : -step) }));
+};

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

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

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

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

package/dist/ui/NumberField/index.js

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

package/dist/ui/OtpField/OtpField.d.ts

@@ -0,0 +1,15 @@
+import { FormControlCaptionProps, FormControlHintProps, FormControlLabelProps, FormControlOtpInputProps } from '@alveole/components';
+import React from 'react';
+export type OtpFieldProps = FormControlOtpInputProps & FormControlLabelProps & FormControlHintProps & FormControlCaptionProps & {
+    onChange?: FormControlOtpInputProps['onTextChange'];
+};
+export declare const OtpField: React.ForwardRefExoticComponent<Omit<import("react-native-otp-entry").OtpInputProps, "style"> & {
+    readOnly?: boolean;
+} & {
+    label: string;
+    labelRight?: React.ReactNode;
+    disabled?: boolean;
+} & FormControlCaptionProps & FormControlHintProps & {
+    onChange?: FormControlOtpInputProps["onTextChange"];
+} & React.RefAttributes<import("react-native-otp-entry").OtpInputRef>>;
+//# sourceMappingURL=OtpField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OtpField.d.ts","sourceRoot":"","sources":["../../../src/ui/OtpField/OtpField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGrB,wBAAwB,EAEzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,wBAAwB,GAClD,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,QAAQ,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;CACrD,CAAC;AAEJ,eAAO,MAAM,QAAQ;;;;;;;eAHN,wBAAwB,CAAC,cAAc,CAAC;sEAoCrD,CAAC"}

package/dist/ui/OtpField/OtpField.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormControlCaption, FormControlHint, FormControlLabel, FormControlOtpInput, InputHeading, } from '@alveole/components';
+import React from 'react';
+import { useStyles } from './OtpField.styles';
+export const OtpField = React.forwardRef(function OtpField(props, ref) {
+    const { label, labelRight, hint, error, success, disabled, onChange } = props;
+    const styles = useStyles();
+    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(FormControlOtpInput, { ref: ref, theme: {
+                    containerStyle: styles.containerStyle,
+                    pinCodeContainerStyle: {
+                        ...styles.pinCodeContainerStyle,
+                        ...(disabled ? styles.pinCodeContainerStyleDisabled : {}),
+                    },
+                    focusedPinCodeContainerStyle: styles.focusedPinCodeContainerStyle,
+                    focusStickStyle: styles.focusStickStyle,
+                    pinCodeTextStyle: styles.pinCodeTextStyle,
+                }, onTextChange: onChange, ...props }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }));
+});

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

@@ -0,0 +1,57 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    description: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react-native-otp-entry").OtpInputProps, "style"> & {
+        readOnly?: boolean;
+    } & {
+        label: string;
+        labelRight?: React.ReactNode;
+        disabled?: boolean;
+    } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
+        onChange?: import("..").FormControlOtpInputProps["onTextChange"];
+    } & import("react").RefAttributes<import("react-native-otp-entry").OtpInputRef>>;
+    styleFn: () => {
+        inputHeading: {};
+        containerStyle: {
+            justifyContent: "center";
+            gap: import("@alveole/theme").Spacing;
+        };
+        pinCodeContainerStyle: {
+            borderRadius: number;
+            borderWidth: number;
+            borderColor: string;
+            backgroundColor: "#FFFFFF";
+            overflow: "hidden";
+            height: import("@alveole/theme").Spacing;
+            width: import("@alveole/theme").Spacing;
+            justifyContent: "center";
+            alignItems: "center";
+        };
+        pinCodeContainerStyleDisabled: {
+            backgroundColor: string;
+        };
+        focusedPinCodeContainerStyle: {
+            outlineStyle: "solid";
+            outlineWidth: number;
+            outlineColor: string;
+            outlineOffset: number;
+        };
+        focusStickStyle: {
+            maxHeight: import("@alveole/theme").Spacing;
+        };
+        pinCodeTextStyle: {
+            fontSize: 18;
+            lineHeight: 28;
+            letterSpacing: 0;
+            fontFamily: string;
+            fontWeight?: import("react-native").TextStyle["fontWeight"];
+            color: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export * as Sources from './OtpField.stories.sources';
+//# sourceMappingURL=OtpField.stories.d.ts.map

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

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

package/dist/ui/OtpField/OtpField.stories.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { OtpField } from './OtpField';
+import { useStyles } from './OtpField.styles';
+export default {
+    title: 'OtpField',
+    tags: ['ui'],
+    experimental: false,
+    description: 'Champ OTP (code à 4 chiffres) avec label.',
+    component: OtpField,
+    styleFn: useStyles,
+};
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(OtpField, { label: "Code de v\u00E9rification", onChange: () => { } }), _jsx(OtpField, { label: "Avec erreur", onChange: () => { }, error: "Code invalide" }), _jsx(OtpField, { label: "D\u00E9sactiv\u00E9", onChange: () => { }, disabled: true })] }));
+export * as Sources from './OtpField.stories.sources';

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

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

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

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

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

@@ -0,0 +1,6 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/OtpField/OtpField.stories.tsx
+export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <OtpField label=\"Code de vérification\" onChange={() => {}} />\n    <OtpField label=\"Avec erreur\" onChange={() => {}} error=\"Code invalide\" />\n    <OtpField label=\"Désactivé\" onChange={() => {}} disabled />\n  </Box>\n);";
+export const storySources = {
+    Default,
+};

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

@@ -0,0 +1,39 @@
+export declare const useStyles: () => {
+    inputHeading: {};
+    containerStyle: {
+        justifyContent: "center";
+        gap: import("@alveole/theme").Spacing;
+    };
+    pinCodeContainerStyle: {
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: "#FFFFFF";
+        overflow: "hidden";
+        height: import("@alveole/theme").Spacing;
+        width: import("@alveole/theme").Spacing;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    pinCodeContainerStyleDisabled: {
+        backgroundColor: string;
+    };
+    focusedPinCodeContainerStyle: {
+        outlineStyle: "solid";
+        outlineWidth: number;
+        outlineColor: string;
+        outlineOffset: number;
+    };
+    focusStickStyle: {
+        maxHeight: import("@alveole/theme").Spacing;
+    };
+    pinCodeTextStyle: {
+        fontSize: 18;
+        lineHeight: 28;
+        letterSpacing: 0;
+        fontFamily: string;
+        fontWeight?: import("react-native").TextStyle["fontWeight"];
+        color: string;
+    };
+};
+//# sourceMappingURL=OtpField.styles.d.ts.map

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

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

package/dist/ui/OtpField/OtpField.styles.js

@@ -0,0 +1,35 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ text, color, spacing }) => ({
+    inputHeading: {},
+    containerStyle: {
+        justifyContent: 'center',
+        gap: spacing('050'),
+    },
+    pinCodeContainerStyle: {
+        borderRadius: 6,
+        borderWidth: 1,
+        borderColor: color.border['default-grey'],
+        backgroundColor: '#FFFFFF',
+        overflow: 'hidden',
+        height: spacing('300'),
+        width: spacing('300'),
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    pinCodeContainerStyleDisabled: {
+        backgroundColor: color.background['disabled-grey'],
+    },
+    focusedPinCodeContainerStyle: {
+        outlineStyle: 'solid',
+        outlineWidth: 2,
+        outlineColor: color.system.focus,
+        outlineOffset: 2,
+    },
+    focusStickStyle: {
+        maxHeight: spacing('100'),
+    },
+    pinCodeTextStyle: {
+        color: color.text['default-grey'],
+        ...text['Corps de texte'].LG.Regular,
+    },
+}));

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

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

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

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

package/dist/ui/OtpField/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/ui/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACpD,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;CAC7D,CAAC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBAahD,CAAC"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/ui/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACpD,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;CAC7D,CAAC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBAmBhD,CAAC"}

package/dist/ui/PageHeader/PageHeader.js

@@ -8,5 +8,5 @@ import { useStyles } from './PageHeader.styles';
 export const PageHeader = (props) => {
     const { title, actions, breadcrumbsProps } = props;
     const styles = useStyles();
-    return (_jsxs(Box, { style: styles.container, children: [_jsx(Breadcrumbs, { ...breadcrumbsProps }), _jsxs(Box, { style: styles.row, children: [_jsx(Typography, { style: styles.title, children: title }), actions && _jsx(Box, { style: styles.actions, children: actions })] })] }));
+    return (_jsxs(Box, { tag: "page-header", style: styles.container, children: [_jsx(Breadcrumbs, { ...breadcrumbsProps }), _jsxs(Box, { tag: "page-header-contenu", style: styles.row, children: [_jsx(Typography, { tag: "h1", style: styles.title, children: title }), actions && (_jsx(Box, { tag: "page-header-actions", style: styles.actions, children: actions }))] })] }));
 };

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

@@ -18,7 +18,7 @@ declare const _default: {
             gap: import("@alveole/theme").Spacing;
         };
         title: {
-            color: "#151617";
+            color: string;
             fontSize: 28 | 32;
             lineHeight: 36 | 32;
             letterSpacing: 0;

package/dist/ui/PageHeader/PageHeader.stories.js

@@ -7,7 +7,7 @@ export default {
     title: 'PageHeader',
     tags: ['ui'],
     experimental: false,
-    description: 'En-tête de page : fil d’Ariane, puis titre à gauche et actions à droite.',
+    description: 'En-tête de page : fil d’Ariane, puis titre à gauche et actions à droite. Le titre est est H1.',
     component: PageHeader,
     styleFn: useStyles,
 };

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

@@ -12,7 +12,7 @@ export declare const useStyles: () => {
         gap: import("@alveole/theme").Spacing;
     };
     title: {
-        color: "#151617";
+        color: string;
         fontSize: 28 | 32;
         lineHeight: 36 | 32;
         letterSpacing: 0;

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

@@ -0,0 +1,20 @@
+import { FormControlCaptionProps, FormControlHintProps, FormControlLabelProps, TextInputProps } from '@alveole/components';
+import React from 'react';
+export type PasswordFieldProps = TextInputProps & FormControlLabelProps & FormControlHintProps & FormControlCaptionProps & {
+    onChange?: TextInputProps['onChangeText'];
+};
+export declare const PasswordField: 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;
+    disabled?: boolean;
+} & FormControlCaptionProps & FormControlHintProps & {
+    onChange?: TextInputProps["onChangeText"];
+} & React.RefAttributes<import("react-native").TextInput>>;
+//# sourceMappingURL=PasswordField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.d.ts","sourceRoot":"","sources":["../../../src/ui/PasswordField/PasswordField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,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;CAC3C,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;;;;eAHX,cAAc,CAAC,cAAc,CAAC;0DAwC3C,CAAC"}

package/dist/ui/PasswordField/PasswordField.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ButtonIcon, FormControl, FormControlCaption, FormControlHint, FormControlLabel, TextInput, } from '@alveole/components';
+import React from 'react';
+import { useStyles } from './PasswordField.styles';
+export const PasswordField = React.forwardRef(function PasswordField(props, ref) {
+    const { label, labelRight, hint, error, success, disabled, onChange } = props;
+    const styles = useStyles();
+    const [visibilityOff, setVisibilityOff] = React.useState(true);
+    return (_jsxs(FormControl, { style: styles.passwordInput, children: [label && (_jsx(FormControlLabel, { label: label, labelRight: labelRight, disabled: disabled, error: error, success: success })), hint && _jsx(FormControlHint, { hint: hint, disabled: disabled }), _jsx(TextInput, { ref: ref, secureTextEntry: visibilityOff, endAdornment: _jsx(ButtonIcon, { size: "sm", variant: "tertiary", style: styles.visibilityButton, icon: visibilityOff ? 'EyeClosed' : 'Eye', onPress: () => setVisibilityOff(initial => !initial) }), onChangeText: onChange, textContentType: "password", autoComplete: "password", autoCapitalize: "none", inputMode: "text", ...props }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }));
+});

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

@@ -0,0 +1,33 @@
+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;
+        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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,6 @@
+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