zuii 1.4.5 → 1.4.7

package/README.md

@@ -38,13 +38,12 @@ npm install zuii
 
 1.  **`vendor`** (Priorité basse) : Pour les frameworks externes (ex: Bootstrap).
 2.  **`components`** : Pour les composants **zuii**.
-3.  **`utilities`** : Pour les classes utilitaires de **zuii**.
+3.  **`layout`** : Pour les styles de bas niveau de **zuii**.
+4.  **`utilities`** : Pour les classes utilitaires de **zuii**.
 
 #### Exemple d'implémentation dans votre `main.scss` :
 
 ```scss
-@layer vendor, components, utilities;
-
 $prefix: "";
 $enable-important-utilities: false;
 

package/dist/components/Button/react/index.d.ts

@@ -32,5 +32,5 @@ interface Props extends Omit<ButtonProps, "size"> {
  * @param {Props} props - Les propriétés du composant.
  * @returns {JSX.Element} Le composant bouton rendu.
  */
-export declare const Button: ({ children, variant, reverse, size, icon, btnIcon, transparent, className, ...props }: Props & ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ children, variant, reverse, size, icon, btnIcon, transparent, className, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Button/style/index.css

@@ -1 +1 @@
-@layer components{.btn{background-color:var(--primary);color:var(--primary-contrast);--btn-border-color: var(--primary);--btn-hover-bg: var(--primary-dark);--btn-hover-border-color: var(--primary-dark);--btn-active-bg: var(--primary-dark);--btn-active-border-color: var(--primary-dark);--btn-disabled-bg: var(--primary);--btn-disabled-border-color: var(--primary);height:fit-content;display:flex;gap:.3rem}.btn:hover,.btn:focus{box-shadow:var(--box-shadow-md)}.btn-content{display:flex;line-height:initial;gap:.3rem;align-items:center}.btn-icon{display:flex;line-height:initial;justify-content:center;align-items:center;padding:.4rem}.btn-icon .btn-content{flex-direction:column}.btn-reverse{flex-direction:row-reverse}.btn-primary{background-color:rgba(var(--primary-rgb),var(--bg-opacity, 1));color:var(--primary-contrast);--btn-border-color: var(--primary);--btn-hover-border-color: var(--primary);--btn-active-border-color: var(--primary)}.btn-primary-light{background-color:rgba(var(--primary-light-rgb),var(--bg-opacity, 1));color:var(--primary-light-contrast);--btn-border-color: var(--primary-light);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary)}.btn-primary-dark{background-color:rgba(var(--primary-dark-rgb),var(--bg-opacity, 1));color:var(--primary-dark-contrast);--btn-border-color: var(--primary-dark);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary-dark)}.btn-outline-primary{background-color:rgba(var(--primary-rgb),var(--bg-opacity, 1));color:var(--primary-contrast);background:transparent;color:var(--primary);--btn-border-color: var(--primary);--btn-hover-border-color: var(--primary)}.btn-outline-primary-light{background-color:rgba(var(--primary-light-rgb),var(--bg-opacity, 1));color:var(--primary-light-contrast);background:transparent;color:var(--primary);--btn-border-color: var(--primary-light);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary)}.btn-outline-primary-dark{background-color:rgba(var(--primary-dark-rgb),var(--bg-opacity, 1));color:var(--primary-dark-contrast);background:transparent;color:var(--primary-dark);--btn-border-color: var(--primary-dark);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary-dark)}.btn-secondary{background-color:rgba(var(--secondary-rgb),var(--bg-opacity, 1));color:var(--secondary-contrast);--btn-border-color: var(--secondary);--btn-hover-border-color: var(--secondary);--btn-active-border-color: var(--secondary)}.btn-secondary-light{background-color:rgba(var(--secondary-light-rgb),var(--bg-opacity, 1));color:var(--secondary-light-contrast);--btn-border-color: var(--secondary-light);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-secondary-dark{background-color:rgba(var(--secondary-dark-rgb),var(--bg-opacity, 1));color:var(--secondary-dark-contrast);--btn-border-color: var(--secondary-dark);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary-dark)}.btn-outline-secondary{background-color:rgba(var(--secondary-rgb),var(--bg-opacity, 1));color:var(--secondary-contrast);background:transparent;color:var(--secondary);--btn-border-color: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-outline-secondary-light{background-color:rgba(var(--secondary-light-rgb),var(--bg-opacity, 1));color:var(--secondary-light-contrast);background:transparent;color:var(--secondary);--btn-border-color: var(--secondary-light);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-outline-secondary-dark{background-color:rgba(var(--secondary-dark-rgb),var(--bg-opacity, 1));color:var(--secondary-dark-contrast);background:transparent;color:var(--secondary-dark);--btn-border-color: var(--secondary-dark);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary-dark)}.btn-accent{background-color:rgba(var(--accent-rgb),var(--bg-opacity, 1));color:var(--accent-contrast);--btn-border-color: var(--accent);--btn-hover-border-color: var(--accent);--btn-active-border-color: var(--accent)}.btn-accent-light{background-color:rgba(var(--accent-light-rgb),var(--bg-opacity, 1));color:var(--accent-light-contrast);--btn-border-color: var(--accent-light);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent)}.btn-accent-dark{background-color:rgba(var(--accent-dark-rgb),var(--bg-opacity, 1));color:var(--accent-dark-contrast);--btn-border-color: var(--accent-dark);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent-dark)}.btn-outline-accent{background-color:rgba(var(--accent-rgb),var(--bg-opacity, 1));color:var(--accent-contrast);background:transparent;color:var(--accent);--btn-border-color: var(--accent);--btn-hover-border-color: var(--accent)}.btn-outline-accent-light{background-color:rgba(var(--accent-light-rgb),var(--bg-opacity, 1));color:var(--accent-light-contrast);background:transparent;color:var(--accent);--btn-border-color: var(--accent-light);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent)}.btn-outline-accent-dark{background-color:rgba(var(--accent-dark-rgb),var(--bg-opacity, 1));color:var(--accent-dark-contrast);background:transparent;color:var(--accent-dark);--btn-border-color: var(--accent-dark);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent-dark)}.btn-tertiary{background-color:rgba(var(--tertiary-rgb),var(--bg-opacity, 1));color:var(--tertiary-contrast);--btn-border-color: var(--tertiary);--btn-hover-border-color: var(--tertiary);--btn-active-border-color: var(--tertiary)}.btn-tertiary-light{background-color:rgba(var(--tertiary-light-rgb),var(--bg-opacity, 1));color:var(--tertiary-light-contrast);--btn-border-color: var(--tertiary-light);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-tertiary-dark{background-color:rgba(var(--tertiary-dark-rgb),var(--bg-opacity, 1));color:var(--tertiary-dark-contrast);--btn-border-color: var(--tertiary-dark);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary-dark)}.btn-outline-tertiary{background-color:rgba(var(--tertiary-rgb),var(--bg-opacity, 1));color:var(--tertiary-contrast);background:transparent;color:var(--tertiary);--btn-border-color: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-outline-tertiary-light{background-color:rgba(var(--tertiary-light-rgb),var(--bg-opacity, 1));color:var(--tertiary-light-contrast);background:transparent;color:var(--tertiary);--btn-border-color: var(--tertiary-light);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-outline-tertiary-dark{background-color:rgba(var(--tertiary-dark-rgb),var(--bg-opacity, 1));color:var(--tertiary-dark-contrast);background:transparent;color:var(--tertiary-dark);--btn-border-color: var(--tertiary-dark);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary-dark)}.btn-success{background-color:rgba(var(--success-rgb),var(--bg-opacity, 1));color:var(--success-contrast);--btn-border-color: var(--success);--btn-hover-border-color: var(--success);--btn-active-border-color: var(--success)}.btn-success-light{background-color:rgba(var(--success-light-rgb),var(--bg-opacity, 1));color:var(--success-light-contrast);--btn-border-color: var(--success-light);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success)}.btn-success-dark{background-color:rgba(var(--success-dark-rgb),var(--bg-opacity, 1));color:var(--success-dark-contrast);--btn-border-color: var(--success-dark);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success-dark)}.btn-outline-success{background-color:rgba(var(--success-rgb),var(--bg-opacity, 1));color:var(--success-contrast);background:transparent;color:var(--success);--btn-border-color: var(--success);--btn-hover-border-color: var(--success)}.btn-outline-success-light{background-color:rgba(var(--success-light-rgb),var(--bg-opacity, 1));color:var(--success-light-contrast);background:transparent;color:var(--success);--btn-border-color: var(--success-light);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success)}.btn-outline-success-dark{background-color:rgba(var(--success-dark-rgb),var(--bg-opacity, 1));color:var(--success-dark-contrast);background:transparent;color:var(--success-dark);--btn-border-color: var(--success-dark);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success-dark)}.btn-danger{background-color:rgba(var(--danger-rgb),var(--bg-opacity, 1));color:var(--danger-contrast);--btn-border-color: var(--danger);--btn-hover-border-color: var(--danger);--btn-active-border-color: var(--danger)}.btn-danger-light{background-color:rgba(var(--danger-light-rgb),var(--bg-opacity, 1));color:var(--danger-light-contrast);--btn-border-color: var(--danger-light);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger)}.btn-danger-dark{background-color:rgba(var(--danger-dark-rgb),var(--bg-opacity, 1));color:var(--danger-dark-contrast);--btn-border-color: var(--danger-dark);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger-dark)}.btn-outline-danger{background-color:rgba(var(--danger-rgb),var(--bg-opacity, 1));color:var(--danger-contrast);background:transparent;color:var(--danger);--btn-border-color: var(--danger);--btn-hover-border-color: var(--danger)}.btn-outline-danger-light{background-color:rgba(var(--danger-light-rgb),var(--bg-opacity, 1));color:var(--danger-light-contrast);background:transparent;color:var(--danger);--btn-border-color: var(--danger-light);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger)}.btn-outline-danger-dark{background-color:rgba(var(--danger-dark-rgb),var(--bg-opacity, 1));color:var(--danger-dark-contrast);background:transparent;color:var(--danger-dark);--btn-border-color: var(--danger-dark);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger-dark)}.btn-warning{background-color:rgba(var(--warning-rgb),var(--bg-opacity, 1));color:var(--warning-contrast);--btn-border-color: var(--warning);--btn-hover-border-color: var(--warning);--btn-active-border-color: var(--warning)}.btn-warning-light{background-color:rgba(var(--warning-light-rgb),var(--bg-opacity, 1));color:var(--warning-light-contrast);--btn-border-color: var(--warning-light);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning)}.btn-warning-dark{background-color:rgba(var(--warning-dark-rgb),var(--bg-opacity, 1));color:var(--warning-dark-contrast);--btn-border-color: var(--warning-dark);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning-dark)}.btn-outline-warning{background-color:rgba(var(--warning-rgb),var(--bg-opacity, 1));color:var(--warning-contrast);background:transparent;color:var(--warning);--btn-border-color: var(--warning);--btn-hover-border-color: var(--warning)}.btn-outline-warning-light{background-color:rgba(var(--warning-light-rgb),var(--bg-opacity, 1));color:var(--warning-light-contrast);background:transparent;color:var(--warning);--btn-border-color: var(--warning-light);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning)}.btn-outline-warning-dark{background-color:rgba(var(--warning-dark-rgb),var(--bg-opacity, 1));color:var(--warning-dark-contrast);background:transparent;color:var(--warning-dark);--btn-border-color: var(--warning-dark);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning-dark)}.btn-info{background-color:rgba(var(--info-rgb),var(--bg-opacity, 1));color:var(--info-contrast);--btn-border-color: var(--info);--btn-hover-border-color: var(--info);--btn-active-border-color: var(--info)}.btn-info-light{background-color:rgba(var(--info-light-rgb),var(--bg-opacity, 1));color:var(--info-light-contrast);--btn-border-color: var(--info-light);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info)}.btn-info-dark{background-color:rgba(var(--info-dark-rgb),var(--bg-opacity, 1));color:var(--info-dark-contrast);--btn-border-color: var(--info-dark);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info-dark)}.btn-outline-info{background-color:rgba(var(--info-rgb),var(--bg-opacity, 1));color:var(--info-contrast);background:transparent;color:var(--info);--btn-border-color: var(--info);--btn-hover-border-color: var(--info)}.btn-outline-info-light{background-color:rgba(var(--info-light-rgb),var(--bg-opacity, 1));color:var(--info-light-contrast);background:transparent;color:var(--info);--btn-border-color: var(--info-light);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info)}.btn-outline-info-dark{background-color:rgba(var(--info-dark-rgb),var(--bg-opacity, 1));color:var(--info-dark-contrast);background:transparent;color:var(--info-dark);--btn-border-color: var(--info-dark);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info-dark)}.btn-light{background-color:rgba(var(--light-rgb),var(--bg-opacity, 1));color:var(--light-contrast);--btn-border-color: var(--light);--btn-hover-border-color: var(--light);--btn-active-border-color: var(--light)}.btn-light-light{background-color:rgba(var(--light-light-rgb),var(--bg-opacity, 1));color:var(--light-light-contrast);--btn-border-color: var(--light-light);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light)}.btn-light-dark{background-color:rgba(var(--light-dark-rgb),var(--bg-opacity, 1));color:var(--light-dark-contrast);--btn-border-color: var(--light-dark);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light-dark)}.btn-outline-light{background-color:rgba(var(--light-rgb),var(--bg-opacity, 1));color:var(--light-contrast);background:transparent;color:var(--light);--btn-border-color: var(--light);--btn-hover-border-color: var(--light)}.btn-outline-light-light{background-color:rgba(var(--light-light-rgb),var(--bg-opacity, 1));color:var(--light-light-contrast);background:transparent;color:var(--light);--btn-border-color: var(--light-light);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light)}.btn-outline-light-dark{background-color:rgba(var(--light-dark-rgb),var(--bg-opacity, 1));color:var(--light-dark-contrast);background:transparent;color:var(--light-dark);--btn-border-color: var(--light-dark);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light-dark)}.btn-dark{background-color:rgba(var(--dark-rgb),var(--bg-opacity, 1));color:var(--dark-contrast);--btn-border-color: var(--dark);--btn-hover-border-color: var(--dark);--btn-active-border-color: var(--dark)}.btn-dark-light{background-color:rgba(var(--dark-light-rgb),var(--bg-opacity, 1));color:var(--dark-light-contrast);--btn-border-color: var(--dark-light);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark)}.btn-dark-dark{background-color:rgba(var(--dark-dark-rgb),var(--bg-opacity, 1));color:var(--dark-dark-contrast);--btn-border-color: var(--dark-dark);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark-dark)}.btn-outline-dark{background-color:rgba(var(--dark-rgb),var(--bg-opacity, 1));color:var(--dark-contrast);background:transparent;color:var(--dark);--btn-border-color: var(--dark);--btn-hover-border-color: var(--dark)}.btn-outline-dark-light{background-color:rgba(var(--dark-light-rgb),var(--bg-opacity, 1));color:var(--dark-light-contrast);background:transparent;color:var(--dark);--btn-border-color: var(--dark-light);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark)}.btn-outline-dark-dark{background-color:rgba(var(--dark-dark-rgb),var(--bg-opacity, 1));color:var(--dark-dark-contrast);background:transparent;color:var(--dark-dark);--btn-border-color: var(--dark-dark);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark-dark)}.btn-transparent{background:transparent;border:none;color:currentColor}.btn-transparent:hover{box-shadow:none}.btn-none{--btn-font-size: calc(var(--spacing-none) * 0);--btn-padding-y: calc(var(--spacing-none) * 0 * .5);--btn-padding-x: calc(var(--spacing-none) * 0);--btn-border-radius: var(--border-radius)}.btn-xs{--btn-font-size: calc(var(--spacing-xs) * 3);--btn-padding-y: calc(var(--spacing-xs) * 3 * .5);--btn-padding-x: calc(var(--spacing-xs) * 3);--btn-border-radius: var(--border-radius)}.btn-sm{--btn-font-size: calc(var(--spacing-sm) * 1.75);--btn-padding-y: calc(var(--spacing-sm) * 1.75 * .5);--btn-padding-x: calc(var(--spacing-sm) * 1.75);--btn-border-radius: var(--border-radius)}.btn-md{--btn-font-size: calc(var(--spacing-md) * 1);--btn-padding-y: calc(var(--spacing-md) * 1 * .5);--btn-padding-x: calc(var(--spacing-md) * 1);--btn-border-radius: var(--border-radius)}.btn-lg{--btn-font-size: calc(var(--spacing-lg) * .625);--btn-padding-y: calc(var(--spacing-lg) * .625 * .5);--btn-padding-x: calc(var(--spacing-lg) * .625);--btn-border-radius: var(--border-radius)}.btn-xl{--btn-font-size: calc(var(--spacing-xl) * .375);--btn-padding-y: calc(var(--spacing-xl) * .375 * .5);--btn-padding-x: calc(var(--spacing-xl) * .375);--btn-border-radius: var(--border-radius)}.btn-2xl{--btn-font-size: calc(var(--spacing-2xl) * .25);--btn-padding-y: calc(var(--spacing-2xl) * .25 * .5);--btn-padding-x: calc(var(--spacing-2xl) * .25);--btn-border-radius: var(--border-radius)}.btn-3xl{--btn-font-size: calc(var(--spacing-3xl) * .15);--btn-padding-y: calc(var(--spacing-3xl) * .15 * .5);--btn-padding-x: calc(var(--spacing-3xl) * .15);--btn-border-radius: var(--border-radius)}.btn-4xl{--btn-font-size: calc(var(--spacing-4xl) * .14);--btn-padding-y: calc(var(--spacing-4xl) * .14 * .5);--btn-padding-x: calc(var(--spacing-4xl) * .14);--btn-border-radius: var(--border-radius)}.btn-close{--btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--btn-close-opacity: .5;--btn-close-hover-opacity: .75;--btn-close-focus-shadow: 0 0 0 .1rem var(--primary);--btn-close-focus-opacity: 1;--btn-close-disabled-opacity: .25;-webkit-mask-image:var(--btn-close-bg);mask-image:var(--btn-close-bg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}}
+@layer components{.btn{background-color:var(--primary);color:var(--primary-contrast);--btn-border-color: var(--primary);--btn-hover-bg: var(--primary-dark);--btn-hover-border-color: var(--primary-dark);--btn-active-bg: var(--primary-dark);--btn-active-border-color: var(--primary-dark);--btn-disabled-bg: var(--gray-300);--btn-disabled-border-color: var(--gray-300);height:fit-content;display:flex;gap:.3rem}.btn:hover,.btn:focus{box-shadow:var(--box-shadow-md)}.btn-content{display:flex;line-height:initial;gap:.3rem;align-items:center}.btn-icon{display:flex;line-height:initial;justify-content:center;align-items:center;padding:.4rem}.btn-icon .btn-content{flex-direction:column}.btn-reverse{flex-direction:row-reverse}.btn-primary{background-color:rgba(var(--primary-rgb),var(--bg-opacity, 1));color:var(--primary-contrast);--btn-border-color: var(--primary);--btn-hover-border-color: var(--primary);--btn-active-border-color: var(--primary)}.btn-primary-light{background-color:rgba(var(--primary-light-rgb),var(--bg-opacity, 1));color:var(--primary-light-contrast);--btn-border-color: var(--primary-light);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary)}.btn-primary-dark{background-color:rgba(var(--primary-dark-rgb),var(--bg-opacity, 1));color:var(--primary-dark-contrast);--btn-border-color: var(--primary-dark);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary-dark)}.btn-outline-primary{background-color:rgba(var(--primary-rgb),var(--bg-opacity, 1));color:var(--primary-contrast);background:transparent;color:var(--primary);--btn-border-color: var(--primary);--btn-hover-border-color: var(--primary)}.btn-outline-primary-light{background-color:rgba(var(--primary-light-rgb),var(--bg-opacity, 1));color:var(--primary-light-contrast);background:transparent;color:var(--primary);--btn-border-color: var(--primary-light);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary)}.btn-outline-primary-dark{background-color:rgba(var(--primary-dark-rgb),var(--bg-opacity, 1));color:var(--primary-dark-contrast);background:transparent;color:var(--primary-dark);--btn-border-color: var(--primary-dark);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary-dark)}.btn-secondary{background-color:rgba(var(--secondary-rgb),var(--bg-opacity, 1));color:var(--secondary-contrast);--btn-border-color: var(--secondary);--btn-hover-border-color: var(--secondary);--btn-active-border-color: var(--secondary)}.btn-secondary-light{background-color:rgba(var(--secondary-light-rgb),var(--bg-opacity, 1));color:var(--secondary-light-contrast);--btn-border-color: var(--secondary-light);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-secondary-dark{background-color:rgba(var(--secondary-dark-rgb),var(--bg-opacity, 1));color:var(--secondary-dark-contrast);--btn-border-color: var(--secondary-dark);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary-dark)}.btn-outline-secondary{background-color:rgba(var(--secondary-rgb),var(--bg-opacity, 1));color:var(--secondary-contrast);background:transparent;color:var(--secondary);--btn-border-color: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-outline-secondary-light{background-color:rgba(var(--secondary-light-rgb),var(--bg-opacity, 1));color:var(--secondary-light-contrast);background:transparent;color:var(--secondary);--btn-border-color: var(--secondary-light);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-outline-secondary-dark{background-color:rgba(var(--secondary-dark-rgb),var(--bg-opacity, 1));color:var(--secondary-dark-contrast);background:transparent;color:var(--secondary-dark);--btn-border-color: var(--secondary-dark);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary-dark)}.btn-accent{background-color:rgba(var(--accent-rgb),var(--bg-opacity, 1));color:var(--accent-contrast);--btn-border-color: var(--accent);--btn-hover-border-color: var(--accent);--btn-active-border-color: var(--accent)}.btn-accent-light{background-color:rgba(var(--accent-light-rgb),var(--bg-opacity, 1));color:var(--accent-light-contrast);--btn-border-color: var(--accent-light);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent)}.btn-accent-dark{background-color:rgba(var(--accent-dark-rgb),var(--bg-opacity, 1));color:var(--accent-dark-contrast);--btn-border-color: var(--accent-dark);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent-dark)}.btn-outline-accent{background-color:rgba(var(--accent-rgb),var(--bg-opacity, 1));color:var(--accent-contrast);background:transparent;color:var(--accent);--btn-border-color: var(--accent);--btn-hover-border-color: var(--accent)}.btn-outline-accent-light{background-color:rgba(var(--accent-light-rgb),var(--bg-opacity, 1));color:var(--accent-light-contrast);background:transparent;color:var(--accent);--btn-border-color: var(--accent-light);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent)}.btn-outline-accent-dark{background-color:rgba(var(--accent-dark-rgb),var(--bg-opacity, 1));color:var(--accent-dark-contrast);background:transparent;color:var(--accent-dark);--btn-border-color: var(--accent-dark);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent-dark)}.btn-tertiary{background-color:rgba(var(--tertiary-rgb),var(--bg-opacity, 1));color:var(--tertiary-contrast);--btn-border-color: var(--tertiary);--btn-hover-border-color: var(--tertiary);--btn-active-border-color: var(--tertiary)}.btn-tertiary-light{background-color:rgba(var(--tertiary-light-rgb),var(--bg-opacity, 1));color:var(--tertiary-light-contrast);--btn-border-color: var(--tertiary-light);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-tertiary-dark{background-color:rgba(var(--tertiary-dark-rgb),var(--bg-opacity, 1));color:var(--tertiary-dark-contrast);--btn-border-color: var(--tertiary-dark);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary-dark)}.btn-outline-tertiary{background-color:rgba(var(--tertiary-rgb),var(--bg-opacity, 1));color:var(--tertiary-contrast);background:transparent;color:var(--tertiary);--btn-border-color: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-outline-tertiary-light{background-color:rgba(var(--tertiary-light-rgb),var(--bg-opacity, 1));color:var(--tertiary-light-contrast);background:transparent;color:var(--tertiary);--btn-border-color: var(--tertiary-light);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-outline-tertiary-dark{background-color:rgba(var(--tertiary-dark-rgb),var(--bg-opacity, 1));color:var(--tertiary-dark-contrast);background:transparent;color:var(--tertiary-dark);--btn-border-color: var(--tertiary-dark);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary-dark)}.btn-success{background-color:rgba(var(--success-rgb),var(--bg-opacity, 1));color:var(--success-contrast);--btn-border-color: var(--success);--btn-hover-border-color: var(--success);--btn-active-border-color: var(--success)}.btn-success-light{background-color:rgba(var(--success-light-rgb),var(--bg-opacity, 1));color:var(--success-light-contrast);--btn-border-color: var(--success-light);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success)}.btn-success-dark{background-color:rgba(var(--success-dark-rgb),var(--bg-opacity, 1));color:var(--success-dark-contrast);--btn-border-color: var(--success-dark);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success-dark)}.btn-outline-success{background-color:rgba(var(--success-rgb),var(--bg-opacity, 1));color:var(--success-contrast);background:transparent;color:var(--success);--btn-border-color: var(--success);--btn-hover-border-color: var(--success)}.btn-outline-success-light{background-color:rgba(var(--success-light-rgb),var(--bg-opacity, 1));color:var(--success-light-contrast);background:transparent;color:var(--success);--btn-border-color: var(--success-light);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success)}.btn-outline-success-dark{background-color:rgba(var(--success-dark-rgb),var(--bg-opacity, 1));color:var(--success-dark-contrast);background:transparent;color:var(--success-dark);--btn-border-color: var(--success-dark);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success-dark)}.btn-danger{background-color:rgba(var(--danger-rgb),var(--bg-opacity, 1));color:var(--danger-contrast);--btn-border-color: var(--danger);--btn-hover-border-color: var(--danger);--btn-active-border-color: var(--danger)}.btn-danger-light{background-color:rgba(var(--danger-light-rgb),var(--bg-opacity, 1));color:var(--danger-light-contrast);--btn-border-color: var(--danger-light);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger)}.btn-danger-dark{background-color:rgba(var(--danger-dark-rgb),var(--bg-opacity, 1));color:var(--danger-dark-contrast);--btn-border-color: var(--danger-dark);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger-dark)}.btn-outline-danger{background-color:rgba(var(--danger-rgb),var(--bg-opacity, 1));color:var(--danger-contrast);background:transparent;color:var(--danger);--btn-border-color: var(--danger);--btn-hover-border-color: var(--danger)}.btn-outline-danger-light{background-color:rgba(var(--danger-light-rgb),var(--bg-opacity, 1));color:var(--danger-light-contrast);background:transparent;color:var(--danger);--btn-border-color: var(--danger-light);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger)}.btn-outline-danger-dark{background-color:rgba(var(--danger-dark-rgb),var(--bg-opacity, 1));color:var(--danger-dark-contrast);background:transparent;color:var(--danger-dark);--btn-border-color: var(--danger-dark);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger-dark)}.btn-warning{background-color:rgba(var(--warning-rgb),var(--bg-opacity, 1));color:var(--warning-contrast);--btn-border-color: var(--warning);--btn-hover-border-color: var(--warning);--btn-active-border-color: var(--warning)}.btn-warning-light{background-color:rgba(var(--warning-light-rgb),var(--bg-opacity, 1));color:var(--warning-light-contrast);--btn-border-color: var(--warning-light);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning)}.btn-warning-dark{background-color:rgba(var(--warning-dark-rgb),var(--bg-opacity, 1));color:var(--warning-dark-contrast);--btn-border-color: var(--warning-dark);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning-dark)}.btn-outline-warning{background-color:rgba(var(--warning-rgb),var(--bg-opacity, 1));color:var(--warning-contrast);background:transparent;color:var(--warning);--btn-border-color: var(--warning);--btn-hover-border-color: var(--warning)}.btn-outline-warning-light{background-color:rgba(var(--warning-light-rgb),var(--bg-opacity, 1));color:var(--warning-light-contrast);background:transparent;color:var(--warning);--btn-border-color: var(--warning-light);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning)}.btn-outline-warning-dark{background-color:rgba(var(--warning-dark-rgb),var(--bg-opacity, 1));color:var(--warning-dark-contrast);background:transparent;color:var(--warning-dark);--btn-border-color: var(--warning-dark);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning-dark)}.btn-info{background-color:rgba(var(--info-rgb),var(--bg-opacity, 1));color:var(--info-contrast);--btn-border-color: var(--info);--btn-hover-border-color: var(--info);--btn-active-border-color: var(--info)}.btn-info-light{background-color:rgba(var(--info-light-rgb),var(--bg-opacity, 1));color:var(--info-light-contrast);--btn-border-color: var(--info-light);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info)}.btn-info-dark{background-color:rgba(var(--info-dark-rgb),var(--bg-opacity, 1));color:var(--info-dark-contrast);--btn-border-color: var(--info-dark);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info-dark)}.btn-outline-info{background-color:rgba(var(--info-rgb),var(--bg-opacity, 1));color:var(--info-contrast);background:transparent;color:var(--info);--btn-border-color: var(--info);--btn-hover-border-color: var(--info)}.btn-outline-info-light{background-color:rgba(var(--info-light-rgb),var(--bg-opacity, 1));color:var(--info-light-contrast);background:transparent;color:var(--info);--btn-border-color: var(--info-light);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info)}.btn-outline-info-dark{background-color:rgba(var(--info-dark-rgb),var(--bg-opacity, 1));color:var(--info-dark-contrast);background:transparent;color:var(--info-dark);--btn-border-color: var(--info-dark);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info-dark)}.btn-light{background-color:rgba(var(--light-rgb),var(--bg-opacity, 1));color:var(--light-contrast);--btn-border-color: var(--light);--btn-hover-border-color: var(--light);--btn-active-border-color: var(--light)}.btn-light-light{background-color:rgba(var(--light-light-rgb),var(--bg-opacity, 1));color:var(--light-light-contrast);--btn-border-color: var(--light-light);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light)}.btn-light-dark{background-color:rgba(var(--light-dark-rgb),var(--bg-opacity, 1));color:var(--light-dark-contrast);--btn-border-color: var(--light-dark);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light-dark)}.btn-outline-light{background-color:rgba(var(--light-rgb),var(--bg-opacity, 1));color:var(--light-contrast);background:transparent;color:var(--light);--btn-border-color: var(--light);--btn-hover-border-color: var(--light)}.btn-outline-light-light{background-color:rgba(var(--light-light-rgb),var(--bg-opacity, 1));color:var(--light-light-contrast);background:transparent;color:var(--light);--btn-border-color: var(--light-light);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light)}.btn-outline-light-dark{background-color:rgba(var(--light-dark-rgb),var(--bg-opacity, 1));color:var(--light-dark-contrast);background:transparent;color:var(--light-dark);--btn-border-color: var(--light-dark);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light-dark)}.btn-dark{background-color:rgba(var(--dark-rgb),var(--bg-opacity, 1));color:var(--dark-contrast);--btn-border-color: var(--dark);--btn-hover-border-color: var(--dark);--btn-active-border-color: var(--dark)}.btn-dark-light{background-color:rgba(var(--dark-light-rgb),var(--bg-opacity, 1));color:var(--dark-light-contrast);--btn-border-color: var(--dark-light);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark)}.btn-dark-dark{background-color:rgba(var(--dark-dark-rgb),var(--bg-opacity, 1));color:var(--dark-dark-contrast);--btn-border-color: var(--dark-dark);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark-dark)}.btn-outline-dark{background-color:rgba(var(--dark-rgb),var(--bg-opacity, 1));color:var(--dark-contrast);background:transparent;color:var(--dark);--btn-border-color: var(--dark);--btn-hover-border-color: var(--dark)}.btn-outline-dark-light{background-color:rgba(var(--dark-light-rgb),var(--bg-opacity, 1));color:var(--dark-light-contrast);background:transparent;color:var(--dark);--btn-border-color: var(--dark-light);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark)}.btn-outline-dark-dark{background-color:rgba(var(--dark-dark-rgb),var(--bg-opacity, 1));color:var(--dark-dark-contrast);background:transparent;color:var(--dark-dark);--btn-border-color: var(--dark-dark);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark-dark)}.btn-transparent{background:transparent;border:none;color:currentColor}.btn-transparent:hover{box-shadow:none}.btn-none{--btn-font-size: calc(var(--spacing-none) * 0);--btn-padding-y: calc(var(--spacing-none) * 0 * .5);--btn-padding-x: calc(var(--spacing-none) * 0);--btn-border-radius: var(--border-radius)}.btn-xs{--btn-font-size: calc(var(--spacing-xs) * 3);--btn-padding-y: calc(var(--spacing-xs) * 3 * .5);--btn-padding-x: calc(var(--spacing-xs) * 3);--btn-border-radius: var(--border-radius)}.btn-sm{--btn-font-size: calc(var(--spacing-sm) * 1.75);--btn-padding-y: calc(var(--spacing-sm) * 1.75 * .5);--btn-padding-x: calc(var(--spacing-sm) * 1.75);--btn-border-radius: var(--border-radius)}.btn-md{--btn-font-size: calc(var(--spacing-md) * 1);--btn-padding-y: calc(var(--spacing-md) * 1 * .5);--btn-padding-x: calc(var(--spacing-md) * 1);--btn-border-radius: var(--border-radius)}.btn-lg{--btn-font-size: calc(var(--spacing-lg) * .625);--btn-padding-y: calc(var(--spacing-lg) * .625 * .5);--btn-padding-x: calc(var(--spacing-lg) * .625);--btn-border-radius: var(--border-radius)}.btn-xl{--btn-font-size: calc(var(--spacing-xl) * .375);--btn-padding-y: calc(var(--spacing-xl) * .375 * .5);--btn-padding-x: calc(var(--spacing-xl) * .375);--btn-border-radius: var(--border-radius)}.btn-2xl{--btn-font-size: calc(var(--spacing-2xl) * .25);--btn-padding-y: calc(var(--spacing-2xl) * .25 * .5);--btn-padding-x: calc(var(--spacing-2xl) * .25);--btn-border-radius: var(--border-radius)}.btn-3xl{--btn-font-size: calc(var(--spacing-3xl) * .15);--btn-padding-y: calc(var(--spacing-3xl) * .15 * .5);--btn-padding-x: calc(var(--spacing-3xl) * .15);--btn-border-radius: var(--border-radius)}.btn-4xl{--btn-font-size: calc(var(--spacing-4xl) * .14);--btn-padding-y: calc(var(--spacing-4xl) * .14 * .5);--btn-padding-x: calc(var(--spacing-4xl) * .14);--btn-border-radius: var(--border-radius)}.btn-close{--btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--btn-close-opacity: .5;--btn-close-hover-opacity: .75;--btn-close-focus-shadow: 0 0 0 .1rem var(--primary);--btn-close-focus-opacity: 1;--btn-close-disabled-opacity: .25;-webkit-mask-image:var(--btn-close-bg);mask-image:var(--btn-close-bg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.btn:disabled{background-color:color-mix(in srgb,var(--primary),white 85%);border-color:color-mix(in srgb,var(--primary),white 85%);color:color-mix(in srgb,var(--primary),white 60%)}}

package/dist/components/Color/react/index.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { tokens as t } from "../../../core/styles/tokens.js";
+import { tokens as e } from "../../../core/styles/tokens.js";
 import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Icon/style/index.css';import '../../Button/style/index.css';import '../style/index.css';import '../../../core/styles/main.css';/* empty css                             */
 /* empty css                  */
 import "react-bootstrap";
@@ -21,29 +21,30 @@ import "../../Dropdown/react/index.js";
 import "../../Modal/react/index.js";
 /* empty css                                 */
 import "../../Tooltip/react/index.js";
-const w = ({ name: r }) => {
-  const e = t.brands[r];
+import "../../Table/react/index.js";
+const y = ({ name: r }) => {
+  const t = e.brands[r];
   return /* @__PURE__ */ i(l, { children: [
     /* @__PURE__ */ o("div", { className: `color bg-${r} p-4`, children: /* @__PURE__ */ i(l, { vertical: !0, center: !0, children: [
       /* @__PURE__ */ o("span", { className: "color__name", children: r }),
-      /* @__PURE__ */ o("span", { className: "color__value", children: e.value })
+      /* @__PURE__ */ o("span", { className: "color__value", children: t.value })
     ] }) }),
     /* @__PURE__ */ o("div", { className: `color bg-${r}-light p-4`, children: /* @__PURE__ */ i(l, { vertical: !0, center: !0, children: [
       /* @__PURE__ */ i("span", { className: "color__name", children: [
         r,
         "-light"
       ] }),
-      /* @__PURE__ */ o("span", { className: "color__value", children: e.value })
+      /* @__PURE__ */ o("span", { className: "color__value", children: t.value })
     ] }) }),
     /* @__PURE__ */ o("div", { className: `color bg-${r}-dark p-4`, children: /* @__PURE__ */ i(l, { vertical: !0, center: !0, children: [
       /* @__PURE__ */ i("span", { className: "color__name", children: [
         r,
         "-dark"
       ] }),
-      /* @__PURE__ */ o("span", { className: "color__value", children: e.value })
+      /* @__PURE__ */ o("span", { className: "color__value", children: t.value })
     ] }) })
   ] });
 };
 export {
-  w as Color
+  y as Color
 };

package/dist/components/Form/react/Select.d.ts

@@ -33,6 +33,10 @@ interface Props {
      * Désactiver le composant.
      */
     disabled?: boolean;
+    /**
+     * Activer/Désactiver la recherche (par défaut: true).
+     */
+    searchable?: boolean;
     /**
      * Classe CSS additionnelle.
      */
@@ -44,5 +48,5 @@ interface Props {
  * @param {Props} props - Les propriétés du composant.
  * @returns {JSX.Element} Le composant Select rendu.
  */
-export declare const Select: ({ options, value, onChange, multiple, placeholder, disabled, className, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ options, value, onChange, multiple, placeholder, disabled, searchable, className, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Form/react/Select.js

@@ -1,16 +1,17 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useRef as l, useEffect as a } from "react";
-import { initSelect as d } from "../js/select.js";
-const N = ({
+import { jsx as l } from "react/jsx-runtime";
+import { useRef as f, useEffect as a } from "react";
+import { initSelect as h } from "../js/select.js";
+const x = ({
   options: s,
   value: r,
   onChange: u,
   multiple: i = !1,
   placeholder: o = "Sélectionnez une option",
   disabled: m = !1,
-  className: y = ""
+  searchable: y = !0,
+  className: d = ""
 }) => {
-  const n = l(null), e = l(null);
+  const n = f(null), e = f(null);
   return a(() => {
     if (s) {
       if (n.current) {
@@ -20,10 +21,11 @@ const N = ({
           label: t.text,
           selected: Array.isArray(r) ? r.includes(t.value) : r === t.value
         }));
-        e.current = d(n.current, {
+        e.current = h(n.current, {
           choices: c,
           removeItemButton: i,
           placeholderValue: o,
+          searchEnabled: y,
           silent: !0
         }, u);
       }
@@ -36,7 +38,7 @@ const N = ({
       const c = e.current.getValue(!0), t = Array.isArray(r) ? r : [r], A = Array.isArray(c) ? c : [c];
       JSON.stringify(t.sort()) !== JSON.stringify(A.sort()) && e.current.setChoiceByValue(r);
     }
-  }, [r]), /* @__PURE__ */ f("div", { className: `form__input ${y}`.trim(), children: /* @__PURE__ */ f(
+  }, [r]), /* @__PURE__ */ l("div", { className: `form__input ${d}`.trim(), children: /* @__PURE__ */ l(
     "select",
     {
       ref: n,
@@ -47,5 +49,5 @@ const N = ({
   ) });
 };
 export {
-  N as Select
+  x as Select
 };

package/dist/components/Group/react/index.d.ts

@@ -27,6 +27,10 @@ interface Props {
      * Espacement entre les éléments (gap).
      */
     gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     * Alignement des éléments.
+     */
+    align?: "start" | "end" | "center";
 }
 /**
  * Composant de groupement simple.
@@ -35,5 +39,5 @@ interface Props {
  * @param {Props} props - Les propriétés du composant.
  * @returns {JSX.Element} Le composant Group rendu.
  */
-export declare const Group: ({ children, vertical, title, className, gap, center, ariaLabel, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Group: ({ children, vertical, title, className, gap, center, ariaLabel, align, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Group/react/index.js

@@ -1,24 +1,25 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as $ } from "react/jsx-runtime";
 import '../style/index.css';/* empty css                  */
-const i = ({
-  children: s,
-  vertical: e = !1,
+const d = ({
+  children: o,
+  vertical: a = !1,
   title: r = "",
-  className: a = "",
-  gap: o = "md",
-  center: t = !1,
-  ariaLabel: l = r ? `Groupe d'éléments ${r}` : "Groupe d'éléments"
+  className: t = "",
+  gap: e = "md",
+  center: p = !1,
+  ariaLabel: l = r ? `Groupe d'éléments ${r}` : "Groupe d'éléments",
+  align: s = "start"
 }) => {
-  const p = e ? "group--vertical" : "", c = `group--gap-${o}`;
-  return /* @__PURE__ */ n(
+  const c = a ? "group--vertical" : "", n = `group--gap-${e}`, u = p ? "group--center" : "", m = s ? `group--${s}` : "";
+  return /* @__PURE__ */ $(
     "div",
     {
       "aria-label": l,
-      className: `group ${p} ${c} ${t ? "group--center" : ""} ${a}`.trim(),
-      children: s
+      className: `group ${c} ${n} ${u} ${m} ${t}`.trim(),
+      children: o
     }
   );
 };
 export {
-  i as Group
+  d as Group
 };

package/dist/components/Group/style/index.css

@@ -1 +1 @@
-@layer components{.group{display:flex;flex-wrap:wrap;gap:.5rem}.group--vertical{flex-direction:column;align-items:flex-start}.group--horizontal{flex-direction:row;align-items:center}.group--no-wrap{flex-wrap:nowrap}.group--gap-none{gap:0}.group--center{align-items:center;justify-content:center}}
+@layer components{.group{display:flex;flex-wrap:wrap;gap:.5rem}.group--vertical{flex-direction:column;align-items:flex-start}.group--horizontal{flex-direction:row;align-items:center}.group--no-wrap{flex-wrap:nowrap}.group--gap-none{gap:0}.group--center{align-items:center;justify-content:center}.group--start{justify-content:flex-start}.group--end{justify-content:flex-end}}

package/dist/components/Radius/react/index.d.ts

@@ -9,7 +9,7 @@ interface Props {
     /**
     * Variants.
     */
-    variant?: 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'pill';
+    variant?: 'none' | 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'pill';
     /**
     * Value.
     */

package/dist/components/Radius/style/index.css

@@ -1 +1 @@
-@layer components{.radius{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border:var(--border-width) solid var(--border-color)}.radius--none{border-radius:0}.radius--base{border-radius:var(--size-xs)}.radius--sm{border-radius:var(--size-sm)}.radius--md{border-radius:var(--size-md)}.radius--lg{border-radius:var(--size-lg)}.radius--pill{border-radius:999rem}}
+@layer components{.radius{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border:var(--border-width) solid var(--border-color)}.radius--none{border-radius:0}.radius--base{border-radius:var(--size-xs)}.radius--sm{border-radius:var(--size-sm)}.radius--md{border-radius:var(--size-md)}.radius--lg{border-radius:var(--size-lg)}.radius--xl{border-radius:var(--size-xl)}.radius--2xl{border-radius:var(--size-2xl)}.radius--pill{border-radius:999rem}}

package/dist/components/Table/js/table.d.ts

@@ -0,0 +1,134 @@
+import { GridApi } from 'ag-grid-community';
+/**
+ * Interface pour les données d'une ligne.
+ */
+export interface RowData {
+    [key: string]: any;
+}
+/**
+ * Interface pour la définition d'une colonne.
+ */
+export interface ColumnDef {
+    field: string;
+    headerName?: string;
+    /**
+     * Fixe la colonne à gauche ou à droite.
+     */
+    fixed?: boolean | 'left' | 'right' | string;
+    [key: string]: any;
+}
+/**
+ * Options de configuration pour le tableau.
+ */
+export interface TableOptions {
+    /**
+     * Données à afficher dans le tableau.
+     */
+    rowData?: RowData[];
+    /**
+     * Définition des colonnes du tableau.
+     */
+    columnDefs?: ColumnDef[];
+    /**
+     * Thème Ag-Grid à utiliser (par défaut: ag-theme-alpine).
+     */
+    theme?: string;
+    /**
+     * Classe CSS additionnelle.
+     */
+    className?: string;
+    /**
+     * Active la sélection de lignes.
+     */
+    selectable?: boolean;
+    /**
+     * Active la pagination.
+     */
+    pagination?: boolean;
+    /**
+     * Nombre de lignes par page (par défaut: 10).
+     */
+    paginationPageSize?: number;
+    /**
+     * Active le redimensionnement des colonnes (par défaut: false).
+     */
+    resizable?: boolean;
+    /**
+     * Langue du tableau (par défaut: 'fr').
+     */
+    locale?: 'fr' | 'en';
+    /**
+     * Options personnalisées pour la colonne de sélection (checkbox).
+     */
+    selectionColumnDef?: any;
+    /**
+     * Règles de classes dynamiques pour les lignes.
+     */
+    rowClassRules?: {
+        [cssClassName: string]: (params: any) => boolean;
+    };
+    /**
+     * Supprime la possibilité de déplacer les colonnes.
+     */
+    suppressMovableColumns?: boolean;
+    /**
+     * Affiche l'icône de menu/filtre en permanence (ne se cache pas).
+     */
+    suppressMenuHide?: boolean;
+    /**
+     * Type de modèle de ligne (ex: 'infinite' pour pagination serveur).
+     */
+    rowModelType?: 'clientSide' | 'infinite' | 'viewport' | 'serverSide';
+    /**
+     * Source de données pour le modèle de ligne 'infinite'.
+     */
+    datasource?: any;
+    /**
+     * Taille du bloc de données à charger et à mettre en cache.
+     */
+    cacheBlockSize?: number;
+    /**
+     * Nombre maximum de blocs à conserver en mémoire.
+     */
+    maxBlocksInCache?: number;
+    /**
+     * Callback appelé lorsque le tableau est prêt.
+     */
+    onGridReady?: (event: any) => void;
+    /**
+     * Active le tri des colonnes.
+     */
+    sortable?: boolean;
+    /**
+     * Personnalisation des icônes d'AG Grid.
+     */
+    icons?: any;
+}
+/**
+ * Traite les définitions de colonnes pour gérer la propriété 'fixed'.
+ *
+ * @param {ColumnDef[]} columnDefs - Définitions des colonnes.
+ * @returns {ColumnDef[]} Colonnes traitées avec la propriété 'pinned'.
+ */
+export declare const processColumnDefs: (columnDefs: ColumnDef[]) => ColumnDef[];
+/**
+ * Retourne les traductions selon la locale.
+ *
+ * @param {string} locale - La locale à utiliser ('fr' ou 'en').
+ * @returns {object} Les traductions Ag-Grid complètes.
+ */
+export declare const getLocaleText: (locale?: string) => any;
+/**
+ * Initialise un tableau Ag-Grid sur un élément DOM.
+ *
+ * @param {HTMLElement} element - L'élément conteneur du tableau.
+ * @param {TableOptions} options - Options de configuration du tableau.
+ * @returns {GridApi} L'API Ag-Grid pour manipulation ultérieure.
+ */
+export declare const initTable: (element: HTMLElement, options?: TableOptions) => GridApi;
+/**
+ * Détruit une instance Ag-Grid.
+ *
+ * @param {GridApi} gridApi - L'API Ag-Grid à détruire.
+ */
+export declare const destroyTable: (gridApi: GridApi | null) => void;

package/dist/components/Table/js/table.js

@@ -0,0 +1,11 @@
+import { ModuleRegistry as t, AllCommunityModule as o } from "ag-grid-community";
+import { AG_GRID_LOCALE_FR as f, AG_GRID_LOCALE_EN as i } from "@ag-grid-community/locale";
+t.registerModules([o]);
+const s = (e) => e.map((r) => ({
+  ...r,
+  pinned: r.fixed === !0 ? "left" : r.fixed
+})), u = (e = "fr") => e === "fr" ? f : i;
+export {
+  u as getLocaleText,
+  s as processColumnDefs
+};

package/dist/components/Table/react/TablePagination.d.ts

@@ -0,0 +1,41 @@
+interface Props {
+    /**
+     * Page actuelle (0-indexed).
+     */
+    currentPage: number;
+    /**
+     * Nombre total de pages.
+     */
+    totalPages: number;
+    /**
+     * Nombre de lignes par page.
+     */
+    pageSize: number;
+    /**
+     * Nombre total de lignes dans le tableau.
+     */
+    totalRows: number;
+    /**
+     * Options de taille de page (par défaut: [10, 20, 50, 100]).
+     */
+    pageSizeOptions?: number[];
+    /**
+     * Callback lors du changement de page.
+     * @param page La nouvelle page (0-indexed).
+     */
+    onPageChange: (page: number) => void;
+    /**
+     * Callback lors du changement de taille de page.
+     * @param size La nouvelle taille.
+     */
+    onPageSizeChange: (size: number) => void;
+    /**
+     * Objet contenant les textes traduits d'Ag-Grid.
+     */
+    localeText?: any;
+}
+/**
+ * Composant de pagination pour le tableau.
+ */
+export declare const TablePagination: ({ currentPage, totalPages, pageSize, totalRows, pageSizeOptions, onPageChange, onPageSizeChange, localeText, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Table/react/TablePagination.js

@@ -0,0 +1,102 @@
+import { jsxs as o, jsx as n, Fragment as I } from "react/jsx-runtime";
+import { Button as r } from "../../Button/react/index.js";
+import { Icon as l } from "../../Icon/react/index.js";
+import { Select as k } from "../../Form/react/Select.js";
+import { Group as T } from "../../Group/react/index.js";
+import { Tooltip as c } from "../../Tooltip/react/index.js";
+const G = ({
+  currentPage: i,
+  totalPages: d,
+  pageSize: s,
+  totalRows: t,
+  pageSizeOptions: b = [10, 20, 50, 100],
+  onPageChange: a,
+  onPageSizeChange: v,
+  localeText: f = {}
+}) => {
+  const _ = t === 0 ? 0 : i * s + 1, x = Math.min((i + 1) * s, t), {
+    pageSizeSelectorLabel: L,
+    of: N,
+    noRowsToShow: S,
+    firstPage: h,
+    previousPage: m,
+    nextPage: p,
+    lastPage: g
+  } = f, u = b.map((e) => ({
+    text: e.toString(),
+    value: e.toString()
+  }));
+  return /* @__PURE__ */ o("div", { className: "datagrid__pagination", children: [
+    /* @__PURE__ */ o("div", { className: "datagrid__pagination-wrapper", children: [
+      /* @__PURE__ */ n("span", { className: "datagrid__pagination-label", children: L }),
+      /* @__PURE__ */ n(
+        k,
+        {
+          options: u,
+          value: s.toString(),
+          onChange: (e) => v(Number(e)),
+          className: "datagrid__pagination-select",
+          searchable: !1
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("div", { className: "datagrid__pagination-status", children: t > 0 ? /* @__PURE__ */ o(I, { children: [
+      /* @__PURE__ */ n("strong", { children: _ }),
+      " – ",
+      /* @__PURE__ */ n("strong", { children: x }),
+      " ",
+      N,
+      " ",
+      /* @__PURE__ */ n("strong", { children: t })
+    ] }) : S }),
+    /* @__PURE__ */ o(T, { gap: "xs", className: "datagrid__pagination-nav", children: [
+      /* @__PURE__ */ n(c, { content: h, children: /* @__PURE__ */ n(
+        r,
+        {
+          variant: "light",
+          btnIcon: !0,
+          onClick: () => a(0),
+          disabled: i === 0,
+          title: h,
+          children: /* @__PURE__ */ n(l, { name: "icon-chevrons-left" })
+        }
+      ) }),
+      /* @__PURE__ */ n(c, { content: m, children: /* @__PURE__ */ n(
+        r,
+        {
+          variant: "light",
+          btnIcon: !0,
+          onClick: () => a(i - 1),
+          disabled: i === 0,
+          title: m,
+          children: /* @__PURE__ */ n(l, { name: "icon-chevron-left" })
+        }
+      ) }),
+      /* @__PURE__ */ n(c, { content: p, children: /* @__PURE__ */ n(
+        r,
+        {
+          variant: "light",
+          btnIcon: !0,
+          onClick: () => a(i + 1),
+          disabled: i >= d - 1,
+          title: p,
+          children: /* @__PURE__ */ n(l, { name: "icon-chevron-right" })
+        }
+      ) }),
+      /* @__PURE__ */ n(c, { content: g, children: /* @__PURE__ */ n(
+        r,
+        {
+          variant: "light",
+          btnIcon: !0,
+          onClick: () => a(d - 1),
+          disabled: i >= d - 1,
+          title: g,
+          children: /* @__PURE__ */ n(l, { name: "icon-chevrons-right" })
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  G as TablePagination
+};

package/dist/components/Table/react/index.d.ts

@@ -0,0 +1,14 @@
+import { TableOptions, RowData, ColumnDef } from '../js/table';
+/**
+ * Propriétés du composant Table.
+ */
+interface Props extends TableOptions {
+}
+/**
+ * Composant Table utilisant Ag-Grid.
+ *
+ * @param {Props} props - Les propriétés du composant.
+ * @returns {JSX.Element} Le rendu du composant.
+ */
+export declare const Table: ({ rowData, columnDefs, theme, className, selectable, pagination, paginationPageSize, resizable, locale, selectionColumnDef, rowClassRules, rowModelType, datasource, cacheBlockSize, maxBlocksInCache, onGridReady, sortable, icons, }: Props) => import("react/jsx-runtime").JSX.Element;
+export type { RowData, ColumnDef, TableOptions };