@alveole/components 1.8.4 → 1.10.0

package/dist/core/Section/Section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAKlB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAMzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAKlB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAMzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}

package/dist/core/Section/Section.stories.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Typography } from '../../core';
 import { Section } from './Section';
 import { useStyles } from './Section.styles';
@@ -14,7 +14,13 @@ const paddingColor = '#b9c47f';
 const innerBoxColor = '#88b2bd';
 export const Default = () => (_jsx(Section, { children: _jsx(Box, { children: _jsx(Typography, { children: "Section" }) }) }));
 export const WithPaddingY = () => (_jsx(Section, { backgroundColor: paddingColor, withPaddingY: true, children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsx(Typography, { children: "Section avec background et padding Y" }) }) }));
-export const WidthMdSize = () => (_jsx(Section, { backgroundColor: paddingColor, size: "md", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsx(Typography, { children: "Section avec background et size md" }) }) }));
+export const WidthMdSize = () => {
+    const styles = useStyles();
+    return (_jsx(Section, { backgroundColor: paddingColor, size: "md", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsxs(Typography, { children: ["Section avec background et size md (", styles.sectionContainerMD.maxWidth, "px)"] }) }) }));
+};
 export const WidthFullSize = () => (_jsx(Section, { backgroundColor: paddingColor, size: "full", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsx(Typography, { children: "Section avec background et size full (taille par d\u00E9faut)" }) }) }));
-export const WidthSmSize = () => (_jsx(Section, { backgroundColor: paddingColor, size: "sm", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsx(Typography, { children: "Section avec background et size sm" }) }) }));
+export const WidthSmSize = () => {
+    const styles = useStyles();
+    return (_jsx(Section, { backgroundColor: paddingColor, size: "sm", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsxs(Typography, { children: ["Section avec background et size sm (", styles.sectionContainerSM.maxWidth, "px)"] }) }) }));
+};
 export * as Sources from './Section.stories.sources';

package/dist/core/Section/Section.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAuI,CAAC;AAE5J,eAAO,MAAM,YAAY,cAA+P,CAAC;AAEzR,eAAO,MAAM,WAAW,cAA2P,CAAC;AAEpR,eAAO,MAAM,aAAa,cAAqR,CAAC;AAEhT,eAAO,MAAM,WAAW,cAA2P,CAAC;AAEpR,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Section.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAuI,CAAC;AAE5J,eAAO,MAAM,YAAY,cAA+P,CAAC;AAEzR,eAAO,MAAM,WAAW,cAAiW,CAAC;AAE1X,eAAO,MAAM,aAAa,cAAqR,CAAC;AAEhT,eAAO,MAAM,WAAW,cAAiW,CAAC;AAE1X,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/core/Section/Section.stories.sources.js

@@ -2,9 +2,9 @@
 // Source: src/core/Section/Section.stories.tsx
 export const Default = () => "export const Default = () => (\n  <Section>\n    <Box>\n      <Typography>Section</Typography>\n    </Box>\n  </Section>\n);";
 export const WithPaddingY = () => "export const WithPaddingY = () => (\n  <Section backgroundColor={paddingColor} withPaddingY>\n    <Box backgroundColor={innerBoxColor} p={'050'}>\n      <Typography>Section avec background et padding Y</Typography>\n    </Box>\n  </Section>\n);";
-export const WidthMdSize = () => "export const WidthMdSize = () => (\n  <Section backgroundColor={paddingColor} size=\"md\">\n    <Box backgroundColor={innerBoxColor} p={'050'}>\n      <Typography>Section avec background et size md</Typography>\n    </Box>\n  </Section>\n);";
+export const WidthMdSize = () => "export const WidthMdSize = () => {\n  const styles = useStyles();\n\n  return (\n    <Section backgroundColor={paddingColor} size=\"md\">\n      <Box backgroundColor={innerBoxColor} p={'050'}>\n        <Typography>Section avec background et size md ({styles.sectionContainerMD.maxWidth}px)</Typography>\n      </Box>\n    </Section>\n  );\n};";
 export const WidthFullSize = () => "export const WidthFullSize = () => (\n  <Section backgroundColor={paddingColor} size=\"full\">\n    <Box backgroundColor={innerBoxColor} p={'050'}>\n      <Typography>Section avec background et size full (taille par défaut)</Typography>\n    </Box>\n  </Section>\n);";
-export const WidthSmSize = () => "export const WidthSmSize = () => (\n  <Section backgroundColor={paddingColor} size=\"sm\">\n    <Box backgroundColor={innerBoxColor} p={'050'}>\n      <Typography>Section avec background et size sm</Typography>\n    </Box>\n  </Section>\n);";
+export const WidthSmSize = () => "export const WidthSmSize = () => {\n  const styles = useStyles();\n\n  return (\n    <Section backgroundColor={paddingColor} size=\"sm\">\n      <Box backgroundColor={innerBoxColor} p={'050'}>\n        <Typography>Section avec background et size sm ({styles.sectionContainerSM.maxWidth}px)</Typography>\n      </Box>\n    </Section>\n  );\n};";
 export const storySources = {
     Default,
     WithPaddingY,

package/dist/generated/version.d.ts

@@ -1,2 +1,2 @@
-export declare const ALVEOLE_COMPONENTS_VERSION: "1.8.4";
+export declare const ALVEOLE_COMPONENTS_VERSION: "1.10.0";
 //# sourceMappingURL=version.d.ts.map

package/dist/generated/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/generated/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,EAAG,OAAgB,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/generated/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,EAAG,QAAiB,CAAC"}

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "1.8.4";
+export const ALVEOLE_COMPONENTS_VERSION = "1.10.0";

package/dist/stories/index.d.ts

@@ -28,6 +28,7 @@ export * as ButtonStory from '../ui/Button/Button.stories';
 export * as CardStory from '../ui/Card/Card.stories';
 export * as CheckboxStory from '../ui/Checkbox/Checkbox.stories';
 export * as CounterStory from '../ui/Counter/Counter.stories';
+export * as DataTableStory from '../ui/DataTable/DataTable.stories';
 export * as DateInputStory from '../ui/DateInput/DateInput.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
 export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.stories';

package/dist/stories/index.d.ts.map

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

package/dist/stories/index.js

@@ -30,6 +30,7 @@ export * as ButtonStory from '../ui/Button/Button.stories';
 export * as CardStory from '../ui/Card/Card.stories';
 export * as CheckboxStory from '../ui/Checkbox/Checkbox.stories';
 export * as CounterStory from '../ui/Counter/Counter.stories';
+export * as DataTableStory from '../ui/DataTable/DataTable.stories';
 export * as DateInputStory from '../ui/DateInput/DateInput.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
 export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.stories';

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

@@ -5,6 +5,7 @@ declare const _default: {
     experimental: false;
     figmaURL: string;
     description: string;
+    shortDescription: string;
     component: ((props: import("./ActionMenu").ActionMenuProps) => React.JSX.Element) & {
         Item: typeof import("./ActionMenuItem").ActionMenuItem;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenu.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;AAQ1B,wBASkB;AAElB,eAAO,MAAM,OAAO,yBAsCnB,CAAC;AAIF,eAAO,MAAM,OAAO,yBAqFnB,CAAC;AAEF,eAAO,MAAM,UAAU,yBA4BtB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"ActionMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenu.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;AAQ1B,wBAWkB;AAElB,eAAO,MAAM,OAAO,yBAsCnB,CAAC;AAIF,eAAO,MAAM,OAAO,yBAqFnB,CAAC;AAEF,eAAO,MAAM,UAAU,yBA4BtB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

package/dist/ui/ActionMenu/ActionMenu.stories.js

@@ -11,7 +11,8 @@ export default {
     tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Composants?node-id=1002-547',
-    description: "Menu contextuel affichant une liste d'actions sous forme de liste de liens.",
+    description: "Menu contextuel affichant une liste d'actions sous forme de liste de liens. Utilise le composant [Popover](https://alveole.captive.fr/components/Popover) pour faire apparaître le menu.",
+    shortDescription: "Menu contextuel affichant une liste d'actions sous forme de liste de liens.",
     component: ActionMenu,
     webOnly: true,
     styleFn: () => '',

package/dist/ui/Button/Button.d.ts

@@ -3,7 +3,8 @@ import { PressableProps, View } from 'react-native';
 import { BoxProps } from '../../core';
 import { IconProps } from '../LucideIcon';
 export type ButtonProps = Omit<PressableProps, 'children' | 'style'> & {
-    title: string;
+    /** Sans `title`, le bouton passe en mode icône seule (nécessite `startIcon` ou `endIcon`). */
+    title?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg';
     variant: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link';
     startIcon?: IconProps['name'];
@@ -19,7 +20,8 @@ export type ButtonProps = Omit<PressableProps, 'children' | 'style'> & {
     isLoading?: boolean;
 };
 export declare const Button: React.ForwardRefExoticComponent<Omit<PressableProps, "children" | "style"> & {
-    title: string;
+    /** Sans `title`, le bouton passe en mode icône seule (nécessite `startIcon` ou `endIcon`). */
+    title?: string;
     size?: "xs" | "sm" | "md" | "lg";
     variant: "primary" | "secondary" | "tertiary" | "danger" | "link";
     startIcon?: IconProps["name"];

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAa,cAAc,EAA8B,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAQtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClE,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM;WAhBV,MAAM;WACN,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;aACvB,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM;gBACrD,SAAS,CAAC,MAAM,CAAC;cACnB,SAAS,CAAC,MAAM,CAAC;eAChB,OAAO;qBACD,QAAQ;gBACb,OAAO;gBACP,OAAO;iBACN,OAAO;gBACR,OAAO;WACZ,QAAQ,GAAG,QAAQ;aACjB,OAAO;gBACJ,OAAO;8BAqPnB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAa,cAAc,EAA8B,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,SAAS,EAAc,MAAM,eAAe,CAAC;AAQtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACrE,8FAA8F;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClE,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,MAAM;IAjBjB,8FAA8F;YACtF,MAAM;WACP,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;aACvB,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM;gBACrD,SAAS,CAAC,MAAM,CAAC;cACnB,SAAS,CAAC,MAAM,CAAC;eAChB,OAAO;qBACD,QAAQ;gBACb,OAAO;gBACP,OAAO;iBACN,OAAO;gBACR,OAAO;WACZ,QAAQ,GAAG,QAAQ;aACjB,OAAO;gBACJ,OAAO;8BAgQnB,CAAC"}

package/dist/ui/Button/Button.js

@@ -9,26 +9,35 @@ export const Button = React.forwardRef(function Button(props, ref) {
     const { title, type, size, variant, disabled, startIcon, endIcon, noPadding, borderNone, leftAlign, isLoading, selected, fullWidth = false, ContainerProps = {}, active = false, ...buttonProps } = props;
     const { style, hoverStyle, ...containerProps } = ContainerProps;
     const styles = useStyles();
-    const containerSize = size === 'sm'
-        ? styles.smContainer
-        : size === 'lg'
-            ? styles.lgContainer
-            : size === 'xs'
-                ? styles.xsContainer
-                : styles.mdContainer;
+    const isIconOnly = !title;
+    const containerSize = isIconOnly
+        ? size === 'sm'
+            ? styles.smContainerIconOnly
+            : size === 'lg'
+                ? styles.lgContainerIconOnly
+                : size === 'xs'
+                    ? styles.xsContainerIconOnly
+                    : styles.mdContainerIconOnly
+        : size === 'sm'
+            ? styles.smContainer
+            : size === 'lg'
+                ? styles.lgContainer
+                : size === 'xs'
+                    ? styles.xsContainer
+                    : styles.mdContainer;
     const titleSize = size === 'sm' ? styles.smTitle : size === 'lg' ? styles.lgTitle : size === 'xs' ? styles.xsTitle : styles.mdTitle;
     const noPaddingStyle = { paddingTop: 0, paddingBottom: 0, paddingLeft: 0, paddingRight: 0 };
     const buttonContainerStyle = (state) => {
         let applicableStyles = {
             ...styles.container,
-            ...(startIcon
+            ...(startIcon && !isIconOnly
                 ? size === 'sm'
                     ? styles.smContainerStartIcon
                     : size === 'lg'
                         ? styles.lgContainerStartIcon
                         : styles.mdContainerStartIcon
                 : {}),
-            ...(endIcon
+            ...(endIcon && !isIconOnly
                 ? size === 'sm'
                     ? styles.smContainerEndIcon
                     : size === 'lg'
@@ -238,5 +247,5 @@ export const Button = React.forwardRef(function Button(props, ref) {
             ...(fullWidth ? { width: '100%' } : {}),
         };
     };
-    return (_jsx(Pressable, { ref: ref, disabled: disabled, accessibilityRole: "button", ...(type === 'submit' ? { 'aria-selected': true } : {}), ...buttonProps, style: (state) => getPressableStyle(state), children: (state) => (_jsxs(Box, { style: [buttonContainerStyle({ pressed: state.pressed }), style], hoverStyle: { ...buttonContainerHoverStyle(), ...hoverStyle }, ...containerProps, children: [startIcon && _jsx(LucideIcon, { name: startIcon, ...iconStyle({ hovered: !!state.hovered }) }), _jsx(Typography, { "user-select": "false", style: textStyle({ hovered: !!state.hovered, pressed: !!state.pressed }), children: title }), isLoading ? (_jsx(Spinner, { size: "sm", delay: "long", style: styles.buttonLoader })) : (endIcon && _jsx(LucideIcon, { name: endIcon, ...iconStyle({ hovered: !!state.hovered }) }))] })) }));
+    return (_jsx(Pressable, { ref: ref, disabled: disabled, accessibilityRole: "button", ...(type === 'submit' ? { 'aria-selected': true } : {}), ...buttonProps, style: (state) => getPressableStyle(state), children: (state) => (_jsxs(Box, { style: [buttonContainerStyle({ pressed: state.pressed }), style], hoverStyle: { ...buttonContainerHoverStyle(), ...hoverStyle }, ...containerProps, children: [startIcon && _jsx(LucideIcon, { name: startIcon, ...iconStyle({ hovered: !!state.hovered }) }), !isIconOnly && (_jsx(Typography, { "user-select": "false", style: textStyle({ hovered: !!state.hovered, pressed: !!state.pressed }), children: title })), isLoading ? (_jsx(Spinner, { size: "sm", delay: "long", style: styles.buttonLoader })) : (endIcon && _jsx(LucideIcon, { name: endIcon, ...iconStyle({ hovered: !!state.hovered }) }))] })) }));
 });

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

@@ -6,7 +6,7 @@ declare const _default: {
     figmaURL: string;
     description: string;
     component: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps, "children" | "style"> & {
-        title: string;
+        title?: string;
         size?: "xs" | "sm" | "md" | "lg";
         variant: "primary" | "secondary" | "tertiary" | "danger" | "link";
         startIcon?: import("..").IconProps["name"];
@@ -173,6 +173,9 @@ declare const _default: {
             paddingTop: string | number;
             paddingBottom: string | number;
         };
+        xsContainerIconOnly: {
+            padding: string | number;
+        };
         smContainerIconOnly: {
             padding: string | number;
         };
@@ -313,6 +316,8 @@ export declare const Danger: () => React.JSX.Element;
 /** @deprecated Préférer les variants `primary`, `secondary` ou `tertiary`. */
 export declare const Link: () => React.JSX.Element;
 export declare const Icons: () => React.JSX.Element;
+/** Sans `title`, le bouton passe en mode icône seule (padding carré, pas de texte). */
+export declare const IconOnly: () => React.JSX.Element;
 export declare const FullWidth: () => React.JSX.Element;
 export declare const Selected: () => React.JSX.Element;
 /** Utilisé quand le bouton est actif (ex : quand un menu est ouvert). */

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO1B,wBAQkB;AAElB,eAAO,MAAM,KAAK,yBAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,yBAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAKlB,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,IAAI,yBAMhB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,yBAIpB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,MAAM,yBAIlB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,yBASnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO1B,wBAQkB;AAElB,eAAO,MAAM,KAAK,yBAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,yBAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAKlB,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,IAAI,yBAMhB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAQjB,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,QAAQ,yBAQpB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,yBAIpB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,MAAM,yBAIlB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,yBASnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}

package/dist/ui/Button/Button.stories.js

@@ -21,6 +21,8 @@ export const Danger = () => (_jsxs(Box, { display: "flex", flexDirection: "row",
 /** @deprecated Préférer les variants `primary`, `secondary` ou `tertiary`. */
 export const Link = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "link", title: "Bouton link" }), _jsx(Button, { variant: "link", title: "Disabled", disabled: true }), _jsx(Button, { variant: "link", title: "Disabled", disabled: true, startIcon: "Pen" })] }));
 export const Icons = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "primary", title: "Start Icon", startIcon: "Plus" }), _jsx(Button, { variant: "primary", title: "End Icon", endIcon: "Plus" }), _jsx(Button, { variant: "primary", title: "End Icon", endIcon: "Plus" }), _jsx(ButtonIcon, { variant: "primary", icon: "CircleUser" }), _jsx(ButtonIcon, { variant: "primary", icon: "CircleUser" })] }));
+/** Sans `title`, le bouton passe en mode icône seule (padding carré, pas de texte). */
+export const IconOnly = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, style: { alignItems: 'center' }, children: [_jsx(Button, { variant: "tertiary", size: "sm", startIcon: "MoreHorizontal", accessibilityLabel: "Plus d'actions" }), _jsx(Button, { variant: "tertiary", size: "md", startIcon: "MoreHorizontal", accessibilityLabel: "Plus d'actions" }), _jsx(Button, { variant: "tertiary", size: "lg", startIcon: "MoreHorizontal", accessibilityLabel: "Plus d'actions" }), _jsx(Button, { variant: "secondary", size: "sm", startIcon: "Trash", accessibilityLabel: "Supprimer" }), _jsx(Button, { variant: "tertiary", size: "sm", startIcon: "MoreHorizontal", selected: true, accessibilityLabel: "Plus d'actions" })] }));
 export const FullWidth = () => _jsx(Button, { variant: "primary", title: "Full Width", fullWidth: true });
 export const Selected = () => (_jsx(Box, { display: "flex", flexDirection: "row", gap: 4, children: _jsx(Button, { variant: "secondary", title: "Selected", selected: true }) }));
 /** Utilisé quand le bouton est actif (ex : quand un menu est ouvert). */

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

@@ -5,6 +5,7 @@ export declare const Tertiary: () => string;
 export declare const Danger: () => string;
 export declare const Link: () => string;
 export declare const Icons: () => string;
+export declare const IconOnly: () => string;
 export declare const FullWidth: () => string;
 export declare const Selected: () => string;
 export declare const Active: () => string;
@@ -17,6 +18,7 @@ export declare const storySources: {
     readonly Danger: () => string;
     readonly Link: () => string;
     readonly Icons: () => string;
+    readonly IconOnly: () => string;
     readonly FullWidth: () => string;
     readonly Selected: () => string;
     readonly Active: () => string;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,cAAoW,CAAC;AAEvX,eAAO,MAAM,OAAO,cAA4O,CAAC;AAEjQ,eAAO,MAAM,SAAS,cAAoP,CAAC;AAE3Q,eAAO,MAAM,QAAQ,cAAgP,CAAC;AAEtQ,eAAO,MAAM,MAAM,cAAwO,CAAC;AAE5P,eAAO,MAAM,IAAI,cAA+S,CAAC;AAEjU,eAAO,MAAM,KAAK,cAAic,CAAC;AAEpd,eAAO,MAAM,SAAS,cAAwG,CAAC;AAE/H,eAAO,MAAM,QAAQ,cAAkL,CAAC;AAExM,eAAO,MAAM,MAAM,cAA+I,CAAC;AAEnK,eAAO,MAAM,OAAO,cAAyU,CAAC;AAE9V,eAAO,MAAM,YAAY;;;;;;;;;;;;CAYf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAItE,CAAC"}
+{"version":3,"file":"Button.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,cAAoW,CAAC;AAEvX,eAAO,MAAM,OAAO,cAA4O,CAAC;AAEjQ,eAAO,MAAM,SAAS,cAAoP,CAAC;AAE3Q,eAAO,MAAM,QAAQ,cAAgP,CAAC;AAEtQ,eAAO,MAAM,MAAM,cAAwO,CAAC;AAE5P,eAAO,MAAM,IAAI,cAA+S,CAAC;AAEjU,eAAO,MAAM,KAAK,cAAic,CAAC;AAEpd,eAAO,MAAM,QAAQ,cAAitB,CAAC;AAEvuB,eAAO,MAAM,SAAS,cAAwG,CAAC;AAE/H,eAAO,MAAM,QAAQ,cAAkL,CAAC;AAExM,eAAO,MAAM,MAAM,cAA+I,CAAC;AAEnK,eAAO,MAAM,OAAO,cAAyU,CAAC;AAE9V,eAAO,MAAM,YAAY;;;;;;;;;;;;;CAaf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAKtE,CAAC"}

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

@@ -7,6 +7,7 @@ export const Tertiary = () => "export const Tertiary = () => (\n  <Box display=\
 export const Danger = () => "export const Danger = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"danger\" title=\"Bouton danger\" />\n    <Button variant=\"danger\" title=\"Disabled\" disabled />\n  </Box>\n);";
 export const Link = () => "export const Link = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"link\" title=\"Bouton link\" />\n    <Button variant=\"link\" title=\"Disabled\" disabled />\n    <Button variant=\"link\" title=\"Disabled\" disabled startIcon=\"Pen\" />\n  </Box>\n);";
 export const Icons = () => "export const Icons = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"primary\" title=\"Start Icon\" startIcon=\"Plus\" />\n    <Button variant=\"primary\" title=\"End Icon\" endIcon=\"Plus\" />\n    <Button variant=\"primary\" title=\"End Icon\" endIcon=\"Plus\" />\n    <ButtonIcon variant=\"primary\" icon=\"CircleUser\" />\n    <ButtonIcon variant=\"primary\" icon=\"CircleUser\" />\n  </Box>\n);";
+export const IconOnly = () => "export const IconOnly = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4} style={{ alignItems: 'center' }}>\n    <Button variant=\"tertiary\" size=\"sm\" startIcon=\"MoreHorizontal\" accessibilityLabel=\"Plus d'actions\" />\n    <Button variant=\"tertiary\" size=\"md\" startIcon=\"MoreHorizontal\" accessibilityLabel=\"Plus d'actions\" />\n    <Button variant=\"tertiary\" size=\"lg\" startIcon=\"MoreHorizontal\" accessibilityLabel=\"Plus d'actions\" />\n    <Button variant=\"secondary\" size=\"sm\" startIcon=\"Trash\" accessibilityLabel=\"Supprimer\" />\n    <Button variant=\"tertiary\" size=\"sm\" startIcon=\"MoreHorizontal\" selected accessibilityLabel=\"Plus d'actions\" />\n  </Box>\n);";
 export const FullWidth = () => "export const FullWidth = () => <Button variant=\"primary\" title=\"Full Width\" fullWidth />;";
 export const Selected = () => "export const Selected = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"secondary\" title=\"Selected\" selected />\n  </Box>\n);";
 export const Active = () => "export const Active = () => (\n  <Box display=\"block\">\n    <Button variant=\"secondary\" title=\"Active\" active />\n  </Box>\n);";
@@ -19,6 +20,7 @@ export const storySources = {
     Danger,
     Link,
     Icons,
+    IconOnly,
     FullWidth,
     Selected,
     Active,
@@ -26,6 +28,7 @@ export const storySources = {
 };
 export const storyDescriptions = {
     Link: "@deprecated Préférer les variants `primary`, `secondary` ou `tertiary`.",
+    IconOnly: "Sans `title`, le bouton passe en mode icône seule (padding carré, pas de texte).",
     Active: "Utilisé quand le bouton est actif (ex : quand un menu est ouvert).",
     Loading: "Le spinner n'apparaît qu'après **1 000 ms** (`delay=\"long\"`).\n\nCe délai évite un clignotement visuel quand l'opération se termine rapidement :\nsi le serveur répond en moins d'une seconde, l'utilisateur ne voit jamais le spinner.\nAu-delà, le spinner s'affiche pour signaler que l'attente va durer.\n\nAppuyez sur le bouton pour simuler une opération de 3 secondes.",
 };

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

@@ -150,6 +150,9 @@ export declare const useStyles: () => {
         paddingTop: string | number;
         paddingBottom: string | number;
     };
+    xsContainerIconOnly: {
+        padding: string | number;
+    };
     smContainerIconOnly: {
         padding: string | number;
     };

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

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

package/dist/ui/Button/Button.styles.js

@@ -153,6 +153,9 @@ export const useStyles = makeStyles(({ text, color, spacing, spacingValue, radiu
         paddingTop: spacing('3V'),
         paddingBottom: spacing('3V'),
     },
+    xsContainerIconOnly: {
+        padding: spacing('050'),
+    },
     smContainerIconOnly: {
         padding: spacing('1W'),
     },

package/dist/ui/Checkbox/Checkbox.d.ts

@@ -12,7 +12,8 @@ export declare const Checkbox: React.ForwardRefExoticComponent<import("tamagui")
     size?: import("tamagui").SizeTokens;
     unstyled?: boolean;
 } & {
-    variant?: "small" | "medium";
+    size?: import("./Checkbox.utils").CheckboxSize;
+    variant?: import("./Checkbox.utils").CheckboxVariant;
     error?: string;
     success?: string;
 } & CheckboxIndicatorProps & CheckboxLabelProps & React.RefAttributes<import("tamagui").TamaguiElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAqB,sBAAsB,EAAmB,MAAM,qBAAqB,CAAC;AACjG,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAiB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,sBAAsB,GAAG,sBAAsB,GAAG,kBAAkB,CAAC;AAEjG,eAAO,MAAM,QAAQ;;;;;;;;;;;;wGAuBnB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAqB,sBAAsB,EAAmB,MAAM,qBAAqB,CAAC;AACjG,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAiB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,sBAAsB,GAAG,sBAAsB,GAAG,kBAAkB,CAAC;AAEjG,eAAO,MAAM,QAAQ;;;;;;;;;;;;;wGAsBnB,CAAC"}

package/dist/ui/Checkbox/Checkbox.js

@@ -7,11 +7,10 @@ import { CheckboxContainer } from './CheckboxContainer';
 import { CheckboxIndicator } from './CheckboxIndicator';
 import { CheckboxLabel } from './CheckboxLabel';
 export const Checkbox = React.forwardRef(function Checkbox(props, ref) {
-    const { variant, label, error, success, disabled, onCheckedChange } = props;
-    const baseProps = { variant, label, error, success, disabled, onCheckedChange };
+    const { size, variant, label, error, success, disabled, onCheckedChange } = props;
+    const baseProps = { size, variant, label, error, success, disabled, onCheckedChange };
     const { spacingValue } = useTheme();
     const styles = useStyles();
-    const uniqId = useId();
-    const id = `checkbox--${variant}--${uniqId}`;
+    const id = useId();
     return (_jsxs(Box, { tag: "check-box-container", gap: error || success ? spacingValue('050') : 0, style: styles.checkboxContainer, children: [_jsxs(Box, { tag: "check-box", style: styles.container, children: [_jsx(CheckboxContainer, { id: id, ref: ref, ...props, children: _jsx(CheckboxIndicator, { ...baseProps, indeterminate: props.checked === 'indeterminate' }) }), !!label && _jsx(CheckboxLabel, { htmlFor: id, ...baseProps })] }), (error ?? success) && _jsx(FormControlCaption, { error: error, success: success })] }));
 });

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

@@ -12,7 +12,8 @@ declare const _default: {
         size?: import("tamagui").SizeTokens;
         unstyled?: boolean;
     } & {
-        variant?: "small" | "medium";
+        size?: import("./Checkbox.utils").CheckboxSize;
+        variant?: import("./Checkbox.utils").CheckboxVariant;
         error?: string;
         success?: string;
     } & import("./CheckboxIndicator").CheckboxIndicatorProps & import("./CheckboxLabel").CheckboxLabelProps & import("react").RefAttributes<import("tamagui").TamaguiElement>>;
@@ -88,6 +89,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => import("react").JSX.Element;
-export declare const Variants: () => import("react").JSX.Element;
+export declare const Sizes: () => import("react").JSX.Element;
 export * as Sources from './Checkbox.stories.sources';
 //# sourceMappingURL=Checkbox.stories.d.ts.map

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

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

package/dist/ui/Checkbox/Checkbox.stories.js

@@ -11,5 +11,5 @@ export default {
     styleFn: useStyles,
 };
 export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(Checkbox, { label: "Non coch\u00E9" }), _jsx(Checkbox, { label: "Coch\u00E9", checked: true }), _jsx(Checkbox, { label: "D\u00E9sactiv\u00E9", disabled: true }), _jsx(Checkbox, { label: "Coch\u00E9 d\u00E9sactiv\u00E9", checked: true, disabled: true }), _jsx(Checkbox, { label: "Avec erreur", error: "Vous devez accepter les conditions" }), _jsx(Checkbox, { label: "Avec succ\u00E8s", success: "Valid\u00E9" })] }));
-export const Variants = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 16, children: [_jsx(Checkbox, { label: "Normal" }), _jsx(Checkbox, { label: "Small", variant: "small" })] }));
+export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 16, children: [_jsx(Checkbox, { label: "Size MD", size: "md" }), _jsx(Checkbox, { label: "Size SM", size: "sm" })] }));
 export * as Sources from './Checkbox.stories.sources';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+b,CAAC;AAEpd,eAAO,MAAM,QAAQ,cAAwM,CAAC;AAE9N,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Checkbox.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+b,CAAC;AAEpd,eAAO,MAAM,KAAK,cAA8M,CAAC;AAEjO,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,8 +1,8 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Checkbox/Checkbox.stories.tsx
 export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <Checkbox label=\"Non coché\" />\n    <Checkbox label=\"Coché\" checked />\n    <Checkbox label=\"Désactivé\" disabled />\n    <Checkbox label=\"Coché désactivé\" checked disabled />\n    <Checkbox label=\"Avec erreur\" error=\"Vous devez accepter les conditions\" />\n    <Checkbox label=\"Avec succès\" success=\"Validé\" />\n  </Box>\n);";
-export const Variants = () => "export const Variants = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={16}>\n    <Checkbox label=\"Normal\" />\n    <Checkbox label=\"Small\" variant=\"small\" />\n  </Box>\n);";
+export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={16}>\n    <Checkbox label=\"Size MD\" size=\"md\" />\n    <Checkbox label=\"Size SM\" size=\"sm\" />\n  </Box>\n);";
 export const storySources = {
     Default,
-    Variants,
+    Sizes,
 };

package/dist/ui/Checkbox/Checkbox.utils.d.ts

@@ -0,0 +1,5 @@
+export type CheckboxSize = 'sm' | 'md';
+/** @deprecated use `size` ('sm' | 'md') instead */
+export type CheckboxVariant = 'small' | 'medium';
+export declare const resolveCheckboxSize: (size?: CheckboxSize, variant?: CheckboxVariant) => CheckboxSize;
+//# sourceMappingURL=Checkbox.utils.d.ts.map

package/dist/ui/Checkbox/Checkbox.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.utils.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,mDAAmD;AACnD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjD,eAAO,MAAM,mBAAmB,GAAI,OAAO,YAAY,EAAE,UAAU,eAAe,KAAG,YAIpF,CAAC"}

package/dist/ui/Checkbox/Checkbox.utils.js

@@ -0,0 +1,7 @@
+export const resolveCheckboxSize = (size, variant) => {
+    if (size)
+        return size;
+    if (variant === 'small')
+        return 'sm';
+    return 'md';
+};

package/dist/ui/Checkbox/CheckboxContainer.d.ts

@@ -1,8 +1,11 @@
 import React from 'react';
 import { CheckboxProps as TamaguiCheckboxProps, TamaguiElement } from 'tamagui';
+import { CheckboxSize, CheckboxVariant } from './Checkbox.utils';
 export type CheckboxElement = TamaguiElement;
 export type CheckboxContainerProps = TamaguiCheckboxProps & {
-    variant?: 'small' | 'medium';
+    size?: CheckboxSize;
+    /** @deprecated use `size` ('sm' | 'md') instead */
+    variant?: CheckboxVariant;
     error?: string;
     success?: string;
 };
@@ -15,7 +18,9 @@ export declare const CheckboxContainer: React.ForwardRefExoticComponent<import("
     size?: import("tamagui").SizeTokens;
     unstyled?: boolean;
 } & {
-    variant?: "small" | "medium";
+    size?: CheckboxSize;
+    /** @deprecated use `size` ('sm' | 'md') instead */
+    variant?: CheckboxVariant;
     error?: string;
     success?: string;
 } & React.RefAttributes<TamaguiElement>>;

package/dist/ui/Checkbox/CheckboxContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxContainer.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/CheckboxContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,aAAa,IAAI,oBAAoB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG7G,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC;AAC7C,MAAM,MAAM,sBAAsB,GAAG,oBAAoB,GAAG;IAC1D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;cALlB,OAAO,GAAG,QAAQ;YACpB,MAAM;cACJ,MAAM;wCAoCjB,CAAC"}
+{"version":3,"file":"CheckboxContainer.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/CheckboxContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,aAAa,IAAI,oBAAoB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE7G,OAAO,EAAE,YAAY,EAAE,eAAe,EAAuB,MAAM,kBAAkB,CAAC;AAEtF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC;AAC7C,MAAM,MAAM,sBAAsB,GAAG,oBAAoB,GAAG;IAC1D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;WAPrB,YAAY;IACnB,mDAAmD;cACzC,eAAe;YACjB,MAAM;cACJ,MAAM;wCAqCjB,CAAC"}

package/dist/ui/Checkbox/CheckboxContainer.js

@@ -2,10 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { Checkbox as TamaguiCheckbox } from 'tamagui';
 import { useStyles } from './Checkbox.styles';
+import { resolveCheckboxSize } from './Checkbox.utils';
 export const CheckboxContainer = React.forwardRef(function Checkbox(props, ref) {
-    const { variant, error, success, disabled, ...checkboxProps } = props;
+    const { size, variant, error, success, disabled, ...checkboxProps } = props;
     const styles = useStyles();
-    const baseCheckboxStyles = { ...styles.checkbox, ...(variant === 'small' ? styles.checkboxSm : {}) };
+    const resolvedSize = resolveCheckboxSize(size, variant);
+    const baseCheckboxStyles = { ...styles.checkbox, ...(resolvedSize === 'sm' ? styles.checkboxSm : {}) };
     const checkboxStyles = {
         ...baseCheckboxStyles,
         ...(disabled ? styles.checkboxDisabled : {}),

package/dist/ui/Checkbox/CheckboxIndicator.d.ts

@@ -1,5 +1,8 @@
+import { CheckboxSize, CheckboxVariant } from './Checkbox.utils';
 export type CheckboxIndicatorProps = {
-    variant?: 'small' | 'medium';
+    size?: CheckboxSize;
+    /** @deprecated use `size` ('sm' | 'md') instead */
+    variant?: CheckboxVariant;
     indeterminate?: boolean;
     disabled?: boolean;
 };

package/dist/ui/Checkbox/CheckboxIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIndicator.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/CheckboxIndicator.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,gCAsB9D,CAAC"}
+{"version":3,"file":"CheckboxIndicator.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/CheckboxIndicator.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAuB,MAAM,kBAAkB,CAAC;AAEtF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,gCAwB9D,CAAC"}

package/dist/ui/Checkbox/CheckboxIndicator.js

@@ -3,13 +3,15 @@ import { LucideIcon } from '@alveole/components';
 import { useTheme } from '@alveole/theme';
 import { Checkbox as TamaguiCheckbox } from 'tamagui';
 import { useStyles } from './Checkbox.styles';
+import { resolveCheckboxSize } from './Checkbox.utils';
 export const CheckboxIndicator = (props) => {
-    const { variant, disabled, indeterminate } = props;
+    const { size, variant, disabled, indeterminate } = props;
     const { color } = useTheme();
     const styles = useStyles();
+    const resolvedSize = resolveCheckboxSize(size, variant);
     return (_jsx(TamaguiCheckbox.Indicator, { style: {
             ...styles.indicator,
-            ...(variant === 'small' ? styles.checkboxSm : {}),
+            ...(resolvedSize === 'sm' ? styles.checkboxSm : {}),
             ...(disabled ? styles.indicatorDisabled : {}),
-        }, children: _jsx(LucideIcon, { size: variant === 'small' ? 'xs' : 'sm', name: indeterminate ? 'Minus' : 'Check', color: disabled ? color.text['default-grey'] : '#FFFFFF', style: { margin: 'auto' } }) }));
+        }, children: _jsx(LucideIcon, { size: resolvedSize === 'sm' ? 'xs' : 'sm', name: indeterminate ? 'Minus' : 'Check', color: disabled ? color.text['default-grey'] : '#FFFFFF', style: { margin: 'auto' } }) }));
 };

package/dist/ui/Checkbox/CheckboxLabel.d.ts

@@ -1,6 +1,9 @@
 import { LabelProps } from 'tamagui';
+import { CheckboxSize, CheckboxVariant } from './Checkbox.utils';
 export type CheckboxLabelProps = {
-    variant?: 'small' | 'medium';
+    size?: CheckboxSize;
+    /** @deprecated use `size` ('sm' | 'md') instead */
+    variant?: CheckboxVariant;
     label?: string;
     error?: string;
     success?: string;

package/dist/ui/Checkbox/CheckboxLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxLabel.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/CheckboxLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,GAAG,UAAU,gCAqBnE,CAAC"}
+{"version":3,"file":"CheckboxLabel.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/CheckboxLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAuB,MAAM,kBAAkB,CAAC;AAEtF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,GAAG,UAAU,gCAuBnE,CAAC"}

package/dist/ui/Checkbox/CheckboxLabel.js

@@ -2,12 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from '@alveole/components';
 import { Label } from 'tamagui';
 import { useStyles } from './Checkbox.styles';
+import { resolveCheckboxSize } from './Checkbox.utils';
 export const CheckboxLabel = (props) => {
-    const { variant, disabled, error, success, label, ...labelProps } = props;
+    const { size, variant, disabled, error, success, label, ...labelProps } = props;
     const styles = useStyles();
+    const resolvedSize = resolveCheckboxSize(size, variant);
     return (_jsx(Label, { unstyled: true, disabled: disabled, ...labelProps, width: '100%', children: _jsx(Typography, { style: {
                 ...styles.label,
-                ...(variant === 'small' ? styles.labelSm : {}),
+                ...(resolvedSize === 'sm' ? styles.labelSm : {}),
                 ...(disabled ? styles.labelDisabled : {}),
                 ...(success ? styles.labelSuccess : {}),
                 ...(error ? styles.labelError : {}),