zuii 1.0.0 → 1.2.0

package/README.md

@@ -30,3 +30,7 @@ npm install zuii
 Le développement de **zuii** est structuré en plusieurs phases. Vous pouvez suivre l'avancement détaillé dans notre fichier dédié :
 
 👉 **[Consulter la Roadmap complète](ROADMAP.md)**
+
+## 📝 Changelog
+
+👉 **[Consulter le changelog](CHANGELOG.md)**

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};

package/dist/_virtual/index.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+var a = r();
+const t = /* @__PURE__ */ s(a);
+export {
+  t as default
+};

package/dist/_virtual/index2.js

@@ -0,0 +1,4 @@
+var s = { exports: {} };
+export {
+  s as __module
+};

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

@@ -0,0 +1,36 @@
+import { ButtonProps } from 'react-bootstrap';
+interface Props extends Omit<ButtonProps, "size"> {
+    /**
+     * Le titre à afficher sur le bouton.
+     */
+    children?: React.ReactNode;
+    /**
+     * La taille du bouton. Supporte les tailles Bootstrap (sm, lg) et personnalisées (xl, xs).
+     */
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    /**
+     * L'icône à afficher sur le bouton.
+     */
+    icon?: string;
+    /**
+     * La direction du bouton.
+     */
+    reverse?: boolean;
+    /**
+     * Style de bouton seulement avec icône
+     */
+    btnIcon?: boolean;
+    /**
+     * Style de bouton transparent
+     */
+    transparent?: boolean;
+}
+/**
+ * Composant Bouton personnalisé.
+ * Supporte toutes les propriétés de react-bootstrap.
+ *
+ * @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 {};

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

@@ -0,0 +1,32 @@
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import '../style/button.css';/* empty css                   */
+import { Icon as $ } from "../../Icon/react/index.js";
+import f from "../../../node_modules/.pnpm/react-bootstrap@2.10.10_@types_react@19.2.10_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-bootstrap/esm/Button.js";
+const j = ({
+  children: t = "",
+  variant: o = "primary",
+  reverse: e = !1,
+  size: r,
+  icon: n,
+  btnIcon: m = !1,
+  transparent: a = !1,
+  className: c = "",
+  ...i
+}) => {
+  const l = r ? `btn-${r}` : "";
+  return /* @__PURE__ */ s(
+    f,
+    {
+      variant: o,
+      className: `${c} ${l} ${m ? "btn-icon" : ""} ${a ? "btn-transparent" : ""}`.trim(),
+      ...i,
+      children: /* @__PURE__ */ p("div", { className: `btn-content ${e ? "btn-reverse" : ""}`, children: [
+        n && /* @__PURE__ */ s($, { name: n }),
+        t && t
+      ] })
+    }
+  );
+};
+export {
+  j as Button
+};

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

@@ -0,0 +1 @@
+.btn{--btn-hover-color: white;--btn-active-color: var(--accent);--btn-border-color: var(--primary);--btn-bg: 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}.btn:hover,.btn:focus{box-shadow:var(--box-shadow-md)}.btn-content{display:flex;line-height:initial;gap:.3rem}.btn-icon{display:flex;line-height:initial;justify-content:center;align-items:center;padding:.4rem}.btn-icon .btn-content{flex-direction:column}.btn-primary{--btn-bg: 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);--btn-border-color: var(--primary)}.btn-primary.btn-transparent{--btn-color: var(--primary);--btn-border-color: transparent;--btn-bg: transparent}.btn-primary-light{--btn-bg: var(--primary-light);--btn-hover-bg: var(--primary-light-dark);--btn-hover-border-color: var(--primary-light-dark);--btn-active-bg: var(--primary-light-dark);--btn-active-border-color: var(--primary-light-dark);--btn-disabled-bg: var(--primary-light);--btn-disabled-border-color: var(--primary-light);--btn-border-color: var(--primary-light)}.btn-primary-light.btn-transparent{--btn-color: var(--primary-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-primary-light{--btn-color: color-mix(in srgb,var(--primary-text-emphasis), var(--dark) 20%);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary)}.btn-primary-dark{--btn-bg: var(--primary-dark);--btn-hover-bg: var(--primary-dark-dark);--btn-hover-border-color: var(--primary-dark-dark);--btn-active-bg: var(--primary-dark-dark);--btn-active-border-color: var(--primary-dark-dark);--btn-disabled-bg: var(--primary-dark);--btn-disabled-border-color: var(--primary-dark);--btn-border-color: var(--primary-dark)}.btn-primary-dark.btn-transparent{--btn-color: var(--primary-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-primary-dark{--btn-color: color-mix(in srgb,var(--primary-bg-subtle), var(--light) 80%);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary)}.btn-outline-primary{--btn-color: var(--primary);--btn-bg: transparent;--btn-border-color: var(--primary);--btn-hover-border-color: var(--primary-dark)}.btn-outline-primary:hover{--btn-bg: var(--primary);--btn-hover-bg: var(--primary);--btn-hover-border-color: var(--primary)}.btn-outline-primary.btn-transparent{--btn-color: var(--primary);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-primary-light{--btn-color: var(--primary-light);--btn-bg: transparent;--btn-border-color: var(--primary-light);--btn-hover-border-color: var(--primary-light-dark)}.btn-outline-primary-light:hover{--btn-bg: var(--primary-light);--btn-hover-bg: var(--primary-light);--btn-hover-border-color: var(--primary-light)}.btn-outline-primary-light.btn-transparent{--btn-color: var(--primary-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-primary-light{--btn-color: color-mix(in srgb, var(--primary-text-emphasis), var(--light) 40%);--btn-hover-bg: var(--primary-light)}.btn-outline-primary-dark{--btn-color: var(--primary-dark);--btn-bg: transparent;--btn-border-color: var(--primary-dark);--btn-hover-border-color: var(--primary-dark-dark)}.btn-outline-primary-dark:hover{--btn-bg: var(--primary-dark);--btn-hover-bg: var(--primary-dark);--btn-hover-border-color: var(--primary-dark)}.btn-outline-primary-dark.btn-transparent{--btn-color: var(--primary-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-primary-dark{--btn-color: color-mix(in srgb, var(--primary-bg-subtle), var(--dark) 60%);--btn-hover-bg: var(--primary-dark)}.btn-secondary{--btn-bg: var(--secondary);--btn-hover-bg: var(--secondary-dark);--btn-hover-border-color: var(--secondary-dark);--btn-active-bg: var(--secondary-dark);--btn-active-border-color: var(--secondary-dark);--btn-disabled-bg: var(--secondary);--btn-disabled-border-color: var(--secondary);--btn-border-color: var(--secondary)}.btn-secondary.btn-transparent{--btn-color: var(--secondary);--btn-border-color: transparent;--btn-bg: transparent}.btn-secondary-light{--btn-bg: var(--secondary-light);--btn-hover-bg: var(--secondary-light-dark);--btn-hover-border-color: var(--secondary-light-dark);--btn-active-bg: var(--secondary-light-dark);--btn-active-border-color: var(--secondary-light-dark);--btn-disabled-bg: var(--secondary-light);--btn-disabled-border-color: var(--secondary-light);--btn-border-color: var(--secondary-light)}.btn-secondary-light.btn-transparent{--btn-color: var(--secondary-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-secondary-light{--btn-color: color-mix(in srgb,var(--secondary-text-emphasis), var(--dark) 20%);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-secondary-dark{--btn-bg: var(--secondary-dark);--btn-hover-bg: var(--secondary-dark-dark);--btn-hover-border-color: var(--secondary-dark-dark);--btn-active-bg: var(--secondary-dark-dark);--btn-active-border-color: var(--secondary-dark-dark);--btn-disabled-bg: var(--secondary-dark);--btn-disabled-border-color: var(--secondary-dark);--btn-border-color: var(--secondary-dark)}.btn-secondary-dark.btn-transparent{--btn-color: var(--secondary-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-secondary-dark{--btn-color: color-mix(in srgb,var(--secondary-bg-subtle), var(--light) 80%);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-outline-secondary{--btn-color: var(--secondary);--btn-bg: transparent;--btn-border-color: var(--secondary);--btn-hover-border-color: var(--secondary-dark)}.btn-outline-secondary:hover{--btn-bg: var(--secondary);--btn-hover-bg: var(--secondary);--btn-hover-border-color: var(--secondary)}.btn-outline-secondary.btn-transparent{--btn-color: var(--secondary);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-secondary-light{--btn-color: var(--secondary-light);--btn-bg: transparent;--btn-border-color: var(--secondary-light);--btn-hover-border-color: var(--secondary-light-dark)}.btn-outline-secondary-light:hover{--btn-bg: var(--secondary-light);--btn-hover-bg: var(--secondary-light);--btn-hover-border-color: var(--secondary-light)}.btn-outline-secondary-light.btn-transparent{--btn-color: var(--secondary-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-secondary-light{--btn-color: color-mix(in srgb, var(--secondary-text-emphasis), var(--light) 40%);--btn-hover-bg: var(--secondary-light)}.btn-outline-secondary-dark{--btn-color: var(--secondary-dark);--btn-bg: transparent;--btn-border-color: var(--secondary-dark);--btn-hover-border-color: var(--secondary-dark-dark)}.btn-outline-secondary-dark:hover{--btn-bg: var(--secondary-dark);--btn-hover-bg: var(--secondary-dark);--btn-hover-border-color: var(--secondary-dark)}.btn-outline-secondary-dark.btn-transparent{--btn-color: var(--secondary-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-secondary-dark{--btn-color: color-mix(in srgb, var(--secondary-bg-subtle), var(--dark) 60%);--btn-hover-bg: var(--secondary-dark)}.btn-accent{--btn-bg: var(--accent);--btn-hover-bg: var(--accent-dark);--btn-hover-border-color: var(--accent-dark);--btn-active-bg: var(--accent-dark);--btn-active-border-color: var(--accent-dark);--btn-disabled-bg: var(--accent);--btn-disabled-border-color: var(--accent);--btn-border-color: var(--accent)}.btn-accent.btn-transparent{--btn-color: var(--accent);--btn-border-color: transparent;--btn-bg: transparent}.btn-accent-light{--btn-bg: var(--accent-light);--btn-hover-bg: var(--accent-light-dark);--btn-hover-border-color: var(--accent-light-dark);--btn-active-bg: var(--accent-light-dark);--btn-active-border-color: var(--accent-light-dark);--btn-disabled-bg: var(--accent-light);--btn-disabled-border-color: var(--accent-light);--btn-border-color: var(--accent-light)}.btn-accent-light.btn-transparent{--btn-color: var(--accent-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-accent-light{--btn-color: color-mix(in srgb,var(--accent-text-emphasis), var(--dark) 20%);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent)}.btn-accent-dark{--btn-bg: var(--accent-dark);--btn-hover-bg: var(--accent-dark-dark);--btn-hover-border-color: var(--accent-dark-dark);--btn-active-bg: var(--accent-dark-dark);--btn-active-border-color: var(--accent-dark-dark);--btn-disabled-bg: var(--accent-dark);--btn-disabled-border-color: var(--accent-dark);--btn-border-color: var(--accent-dark)}.btn-accent-dark.btn-transparent{--btn-color: var(--accent-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-accent-dark{--btn-color: color-mix(in srgb,var(--accent-bg-subtle), var(--light) 80%);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent)}.btn-outline-accent{--btn-color: var(--accent);--btn-bg: transparent;--btn-border-color: var(--accent);--btn-hover-border-color: var(--accent-dark)}.btn-outline-accent:hover{--btn-bg: var(--accent);--btn-hover-bg: var(--accent);--btn-hover-border-color: var(--accent)}.btn-outline-accent.btn-transparent{--btn-color: var(--accent);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-accent-light{--btn-color: var(--accent-light);--btn-bg: transparent;--btn-border-color: var(--accent-light);--btn-hover-border-color: var(--accent-light-dark)}.btn-outline-accent-light:hover{--btn-bg: var(--accent-light);--btn-hover-bg: var(--accent-light);--btn-hover-border-color: var(--accent-light)}.btn-outline-accent-light.btn-transparent{--btn-color: var(--accent-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-accent-light{--btn-color: color-mix(in srgb, var(--accent-text-emphasis), var(--light) 40%);--btn-hover-bg: var(--accent-light)}.btn-outline-accent-dark{--btn-color: var(--accent-dark);--btn-bg: transparent;--btn-border-color: var(--accent-dark);--btn-hover-border-color: var(--accent-dark-dark)}.btn-outline-accent-dark:hover{--btn-bg: var(--accent-dark);--btn-hover-bg: var(--accent-dark);--btn-hover-border-color: var(--accent-dark)}.btn-outline-accent-dark.btn-transparent{--btn-color: var(--accent-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-accent-dark{--btn-color: color-mix(in srgb, var(--accent-bg-subtle), var(--dark) 60%);--btn-hover-bg: var(--accent-dark)}.btn-tertiary{--btn-bg: var(--tertiary);--btn-hover-bg: var(--tertiary-dark);--btn-hover-border-color: var(--tertiary-dark);--btn-active-bg: var(--tertiary-dark);--btn-active-border-color: var(--tertiary-dark);--btn-disabled-bg: var(--tertiary);--btn-disabled-border-color: var(--tertiary);--btn-border-color: var(--tertiary)}.btn-tertiary.btn-transparent{--btn-color: var(--tertiary);--btn-border-color: transparent;--btn-bg: transparent}.btn-tertiary-light{--btn-bg: var(--tertiary-light);--btn-hover-bg: var(--tertiary-light-dark);--btn-hover-border-color: var(--tertiary-light-dark);--btn-active-bg: var(--tertiary-light-dark);--btn-active-border-color: var(--tertiary-light-dark);--btn-disabled-bg: var(--tertiary-light);--btn-disabled-border-color: var(--tertiary-light);--btn-border-color: var(--tertiary-light)}.btn-tertiary-light.btn-transparent{--btn-color: var(--tertiary-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-tertiary-light{--btn-color: color-mix(in srgb,var(--tertiary-text-emphasis), var(--dark) 20%);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-tertiary-dark{--btn-bg: var(--tertiary-dark);--btn-hover-bg: var(--tertiary-dark-dark);--btn-hover-border-color: var(--tertiary-dark-dark);--btn-active-bg: var(--tertiary-dark-dark);--btn-active-border-color: var(--tertiary-dark-dark);--btn-disabled-bg: var(--tertiary-dark);--btn-disabled-border-color: var(--tertiary-dark);--btn-border-color: var(--tertiary-dark)}.btn-tertiary-dark.btn-transparent{--btn-color: var(--tertiary-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-tertiary-dark{--btn-color: color-mix(in srgb,var(--tertiary-bg-subtle), var(--light) 80%);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-outline-tertiary{--btn-color: var(--tertiary);--btn-bg: transparent;--btn-border-color: var(--tertiary);--btn-hover-border-color: var(--tertiary-dark)}.btn-outline-tertiary:hover{--btn-bg: var(--tertiary);--btn-hover-bg: var(--tertiary);--btn-hover-border-color: var(--tertiary)}.btn-outline-tertiary.btn-transparent{--btn-color: var(--tertiary);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-tertiary-light{--btn-color: var(--tertiary-light);--btn-bg: transparent;--btn-border-color: var(--tertiary-light);--btn-hover-border-color: var(--tertiary-light-dark)}.btn-outline-tertiary-light:hover{--btn-bg: var(--tertiary-light);--btn-hover-bg: var(--tertiary-light);--btn-hover-border-color: var(--tertiary-light)}.btn-outline-tertiary-light.btn-transparent{--btn-color: var(--tertiary-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-tertiary-light{--btn-color: color-mix(in srgb, var(--tertiary-text-emphasis), var(--light) 40%);--btn-hover-bg: var(--tertiary-light)}.btn-outline-tertiary-dark{--btn-color: var(--tertiary-dark);--btn-bg: transparent;--btn-border-color: var(--tertiary-dark);--btn-hover-border-color: var(--tertiary-dark-dark)}.btn-outline-tertiary-dark:hover{--btn-bg: var(--tertiary-dark);--btn-hover-bg: var(--tertiary-dark);--btn-hover-border-color: var(--tertiary-dark)}.btn-outline-tertiary-dark.btn-transparent{--btn-color: var(--tertiary-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-tertiary-dark{--btn-color: color-mix(in srgb, var(--tertiary-bg-subtle), var(--dark) 60%);--btn-hover-bg: var(--tertiary-dark)}.btn-success{--btn-bg: var(--success);--btn-hover-bg: var(--success-dark);--btn-hover-border-color: var(--success-dark);--btn-active-bg: var(--success-dark);--btn-active-border-color: var(--success-dark);--btn-disabled-bg: var(--success);--btn-disabled-border-color: var(--success);--btn-border-color: var(--success)}.btn-success.btn-transparent{--btn-color: var(--success);--btn-border-color: transparent;--btn-bg: transparent}.btn-success-light{--btn-bg: var(--success-light);--btn-hover-bg: var(--success-light-dark);--btn-hover-border-color: var(--success-light-dark);--btn-active-bg: var(--success-light-dark);--btn-active-border-color: var(--success-light-dark);--btn-disabled-bg: var(--success-light);--btn-disabled-border-color: var(--success-light);--btn-border-color: var(--success-light)}.btn-success-light.btn-transparent{--btn-color: var(--success-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-success-light{--btn-color: color-mix(in srgb,var(--success-text-emphasis), var(--dark) 20%);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success)}.btn-success-dark{--btn-bg: var(--success-dark);--btn-hover-bg: var(--success-dark-dark);--btn-hover-border-color: var(--success-dark-dark);--btn-active-bg: var(--success-dark-dark);--btn-active-border-color: var(--success-dark-dark);--btn-disabled-bg: var(--success-dark);--btn-disabled-border-color: var(--success-dark);--btn-border-color: var(--success-dark)}.btn-success-dark.btn-transparent{--btn-color: var(--success-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-success-dark{--btn-color: color-mix(in srgb,var(--success-bg-subtle), var(--light) 80%);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success)}.btn-outline-success{--btn-color: var(--success);--btn-bg: transparent;--btn-border-color: var(--success);--btn-hover-border-color: var(--success-dark)}.btn-outline-success:hover{--btn-bg: var(--success);--btn-hover-bg: var(--success);--btn-hover-border-color: var(--success)}.btn-outline-success.btn-transparent{--btn-color: var(--success);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-success-light{--btn-color: var(--success-light);--btn-bg: transparent;--btn-border-color: var(--success-light);--btn-hover-border-color: var(--success-light-dark)}.btn-outline-success-light:hover{--btn-bg: var(--success-light);--btn-hover-bg: var(--success-light);--btn-hover-border-color: var(--success-light)}.btn-outline-success-light.btn-transparent{--btn-color: var(--success-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-success-light{--btn-color: color-mix(in srgb, var(--success-text-emphasis), var(--light) 40%);--btn-hover-bg: var(--success-light)}.btn-outline-success-dark{--btn-color: var(--success-dark);--btn-bg: transparent;--btn-border-color: var(--success-dark);--btn-hover-border-color: var(--success-dark-dark)}.btn-outline-success-dark:hover{--btn-bg: var(--success-dark);--btn-hover-bg: var(--success-dark);--btn-hover-border-color: var(--success-dark)}.btn-outline-success-dark.btn-transparent{--btn-color: var(--success-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-success-dark{--btn-color: color-mix(in srgb, var(--success-bg-subtle), var(--dark) 60%);--btn-hover-bg: var(--success-dark)}.btn-danger{--btn-bg: var(--danger);--btn-hover-bg: var(--danger-dark);--btn-hover-border-color: var(--danger-dark);--btn-active-bg: var(--danger-dark);--btn-active-border-color: var(--danger-dark);--btn-disabled-bg: var(--danger);--btn-disabled-border-color: var(--danger);--btn-border-color: var(--danger)}.btn-danger.btn-transparent{--btn-color: var(--danger);--btn-border-color: transparent;--btn-bg: transparent}.btn-danger-light{--btn-bg: var(--danger-light);--btn-hover-bg: var(--danger-light-dark);--btn-hover-border-color: var(--danger-light-dark);--btn-active-bg: var(--danger-light-dark);--btn-active-border-color: var(--danger-light-dark);--btn-disabled-bg: var(--danger-light);--btn-disabled-border-color: var(--danger-light);--btn-border-color: var(--danger-light)}.btn-danger-light.btn-transparent{--btn-color: var(--danger-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-danger-light{--btn-color: color-mix(in srgb,var(--danger-text-emphasis), var(--dark) 20%);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger)}.btn-danger-dark{--btn-bg: var(--danger-dark);--btn-hover-bg: var(--danger-dark-dark);--btn-hover-border-color: var(--danger-dark-dark);--btn-active-bg: var(--danger-dark-dark);--btn-active-border-color: var(--danger-dark-dark);--btn-disabled-bg: var(--danger-dark);--btn-disabled-border-color: var(--danger-dark);--btn-border-color: var(--danger-dark)}.btn-danger-dark.btn-transparent{--btn-color: var(--danger-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-danger-dark{--btn-color: color-mix(in srgb,var(--danger-bg-subtle), var(--light) 80%);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger)}.btn-outline-danger{--btn-color: var(--danger);--btn-bg: transparent;--btn-border-color: var(--danger);--btn-hover-border-color: var(--danger-dark)}.btn-outline-danger:hover{--btn-bg: var(--danger);--btn-hover-bg: var(--danger);--btn-hover-border-color: var(--danger)}.btn-outline-danger.btn-transparent{--btn-color: var(--danger);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-danger-light{--btn-color: var(--danger-light);--btn-bg: transparent;--btn-border-color: var(--danger-light);--btn-hover-border-color: var(--danger-light-dark)}.btn-outline-danger-light:hover{--btn-bg: var(--danger-light);--btn-hover-bg: var(--danger-light);--btn-hover-border-color: var(--danger-light)}.btn-outline-danger-light.btn-transparent{--btn-color: var(--danger-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-danger-light{--btn-color: color-mix(in srgb, var(--danger-text-emphasis), var(--light) 40%);--btn-hover-bg: var(--danger-light)}.btn-outline-danger-dark{--btn-color: var(--danger-dark);--btn-bg: transparent;--btn-border-color: var(--danger-dark);--btn-hover-border-color: var(--danger-dark-dark)}.btn-outline-danger-dark:hover{--btn-bg: var(--danger-dark);--btn-hover-bg: var(--danger-dark);--btn-hover-border-color: var(--danger-dark)}.btn-outline-danger-dark.btn-transparent{--btn-color: var(--danger-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-danger-dark{--btn-color: color-mix(in srgb, var(--danger-bg-subtle), var(--dark) 60%);--btn-hover-bg: var(--danger-dark)}.btn-warning{--btn-bg: var(--warning);--btn-hover-bg: var(--warning-dark);--btn-hover-border-color: var(--warning-dark);--btn-active-bg: var(--warning-dark);--btn-active-border-color: var(--warning-dark);--btn-disabled-bg: var(--warning);--btn-disabled-border-color: var(--warning);--btn-border-color: var(--warning)}.btn-warning.btn-transparent{--btn-color: var(--warning);--btn-border-color: transparent;--btn-bg: transparent}.btn-warning-light{--btn-bg: var(--warning-light);--btn-hover-bg: var(--warning-light-dark);--btn-hover-border-color: var(--warning-light-dark);--btn-active-bg: var(--warning-light-dark);--btn-active-border-color: var(--warning-light-dark);--btn-disabled-bg: var(--warning-light);--btn-disabled-border-color: var(--warning-light);--btn-border-color: var(--warning-light)}.btn-warning-light.btn-transparent{--btn-color: var(--warning-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-warning-light{--btn-color: color-mix(in srgb,var(--warning-text-emphasis), var(--dark) 20%);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning)}.btn-warning-dark{--btn-bg: var(--warning-dark);--btn-hover-bg: var(--warning-dark-dark);--btn-hover-border-color: var(--warning-dark-dark);--btn-active-bg: var(--warning-dark-dark);--btn-active-border-color: var(--warning-dark-dark);--btn-disabled-bg: var(--warning-dark);--btn-disabled-border-color: var(--warning-dark);--btn-border-color: var(--warning-dark)}.btn-warning-dark.btn-transparent{--btn-color: var(--warning-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-warning-dark{--btn-color: color-mix(in srgb,var(--warning-bg-subtle), var(--light) 80%);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning)}.btn-outline-warning{--btn-color: var(--warning);--btn-bg: transparent;--btn-border-color: var(--warning);--btn-hover-border-color: var(--warning-dark)}.btn-outline-warning:hover{--btn-bg: var(--warning);--btn-hover-bg: var(--warning);--btn-hover-border-color: var(--warning)}.btn-outline-warning.btn-transparent{--btn-color: var(--warning);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-warning-light{--btn-color: var(--warning-light);--btn-bg: transparent;--btn-border-color: var(--warning-light);--btn-hover-border-color: var(--warning-light-dark)}.btn-outline-warning-light:hover{--btn-bg: var(--warning-light);--btn-hover-bg: var(--warning-light);--btn-hover-border-color: var(--warning-light)}.btn-outline-warning-light.btn-transparent{--btn-color: var(--warning-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-warning-light{--btn-color: color-mix(in srgb, var(--warning-text-emphasis), var(--light) 40%);--btn-hover-bg: var(--warning-light)}.btn-outline-warning-dark{--btn-color: var(--warning-dark);--btn-bg: transparent;--btn-border-color: var(--warning-dark);--btn-hover-border-color: var(--warning-dark-dark)}.btn-outline-warning-dark:hover{--btn-bg: var(--warning-dark);--btn-hover-bg: var(--warning-dark);--btn-hover-border-color: var(--warning-dark)}.btn-outline-warning-dark.btn-transparent{--btn-color: var(--warning-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-warning-dark{--btn-color: color-mix(in srgb, var(--warning-bg-subtle), var(--dark) 60%);--btn-hover-bg: var(--warning-dark)}.btn-info{--btn-bg: var(--info);--btn-hover-bg: var(--info-dark);--btn-hover-border-color: var(--info-dark);--btn-active-bg: var(--info-dark);--btn-active-border-color: var(--info-dark);--btn-disabled-bg: var(--info);--btn-disabled-border-color: var(--info);--btn-border-color: var(--info)}.btn-info.btn-transparent{--btn-color: var(--info);--btn-border-color: transparent;--btn-bg: transparent}.btn-info-light{--btn-bg: var(--info-light);--btn-hover-bg: var(--info-light-dark);--btn-hover-border-color: var(--info-light-dark);--btn-active-bg: var(--info-light-dark);--btn-active-border-color: var(--info-light-dark);--btn-disabled-bg: var(--info-light);--btn-disabled-border-color: var(--info-light);--btn-border-color: var(--info-light)}.btn-info-light.btn-transparent{--btn-color: var(--info-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-info-light{--btn-color: color-mix(in srgb,var(--info-text-emphasis), var(--dark) 20%);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info)}.btn-info-dark{--btn-bg: var(--info-dark);--btn-hover-bg: var(--info-dark-dark);--btn-hover-border-color: var(--info-dark-dark);--btn-active-bg: var(--info-dark-dark);--btn-active-border-color: var(--info-dark-dark);--btn-disabled-bg: var(--info-dark);--btn-disabled-border-color: var(--info-dark);--btn-border-color: var(--info-dark)}.btn-info-dark.btn-transparent{--btn-color: var(--info-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-info-dark{--btn-color: color-mix(in srgb,var(--info-bg-subtle), var(--light) 80%);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info)}.btn-outline-info{--btn-color: var(--info);--btn-bg: transparent;--btn-border-color: var(--info);--btn-hover-border-color: var(--info-dark)}.btn-outline-info:hover{--btn-bg: var(--info);--btn-hover-bg: var(--info);--btn-hover-border-color: var(--info)}.btn-outline-info.btn-transparent{--btn-color: var(--info);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-info-light{--btn-color: var(--info-light);--btn-bg: transparent;--btn-border-color: var(--info-light);--btn-hover-border-color: var(--info-light-dark)}.btn-outline-info-light:hover{--btn-bg: var(--info-light);--btn-hover-bg: var(--info-light);--btn-hover-border-color: var(--info-light)}.btn-outline-info-light.btn-transparent{--btn-color: var(--info-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-info-light{--btn-color: color-mix(in srgb, var(--info-text-emphasis), var(--light) 40%);--btn-hover-bg: var(--info-light)}.btn-outline-info-dark{--btn-color: var(--info-dark);--btn-bg: transparent;--btn-border-color: var(--info-dark);--btn-hover-border-color: var(--info-dark-dark)}.btn-outline-info-dark:hover{--btn-bg: var(--info-dark);--btn-hover-bg: var(--info-dark);--btn-hover-border-color: var(--info-dark)}.btn-outline-info-dark.btn-transparent{--btn-color: var(--info-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-info-dark{--btn-color: color-mix(in srgb, var(--info-bg-subtle), var(--dark) 60%);--btn-hover-bg: var(--info-dark)}.btn-light{--btn-bg: var(--light);--btn-hover-bg: var(--light-dark);--btn-hover-border-color: var(--light-dark);--btn-active-bg: var(--light-dark);--btn-active-border-color: var(--light-dark);--btn-disabled-bg: var(--light);--btn-disabled-border-color: var(--light);--btn-border-color: var(--light)}.btn-light.btn-transparent{--btn-color: var(--light);--btn-border-color: transparent;--btn-bg: transparent}.btn-light{--btn-color: var(--primary);--btn-hover-bg: var(--white);--btn-hover-border-color: transparent;--btn-hover-color: var(--primary)}.btn-light-light{--btn-bg: var(--light-light);--btn-hover-bg: var(--light-light-dark);--btn-hover-border-color: var(--light-light-dark);--btn-active-bg: var(--light-light-dark);--btn-active-border-color: var(--light-light-dark);--btn-disabled-bg: var(--light-light);--btn-disabled-border-color: var(--light-light);--btn-border-color: var(--light-light)}.btn-light-light.btn-transparent{--btn-color: var(--light-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-light-light{--btn-color: color-mix(in srgb,var(--light-text-emphasis), var(--dark) 20%);--btn-color: var(--primary);--btn-hover-bg: var(--white);--btn-hover-border-color: transparent;--btn-hover-color: var(--primary);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light)}.btn-light-dark{--btn-bg: var(--light-dark);--btn-hover-bg: var(--light-dark-dark);--btn-hover-border-color: var(--light-dark-dark);--btn-active-bg: var(--light-dark-dark);--btn-active-border-color: var(--light-dark-dark);--btn-disabled-bg: var(--light-dark);--btn-disabled-border-color: var(--light-dark);--btn-border-color: var(--light-dark)}.btn-light-dark.btn-transparent{--btn-color: var(--light-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-light-dark{--btn-color: color-mix(in srgb,var(--light-bg-subtle), var(--light) 80%);--btn-color: var(--primary);--btn-hover-bg: var(--white);--btn-hover-border-color: transparent;--btn-hover-color: var(--primary);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light)}.btn-outline-light{--btn-color: var(--light);--btn-bg: transparent;--btn-border-color: var(--light);--btn-hover-border-color: var(--light-dark)}.btn-outline-light:hover{--btn-bg: var(--light);--btn-hover-bg: var(--light);--btn-hover-border-color: var(--light)}.btn-outline-light.btn-transparent{--btn-color: var(--light);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-light{--btn-color: var(--primary);--btn-border-color: var(--primary);--btn-hover-border-color: var(--primary);--btn-hover-color: var(--primary)}.btn-outline-light-light{--btn-color: var(--light-light);--btn-bg: transparent;--btn-border-color: var(--light-light);--btn-hover-border-color: var(--light-light-dark)}.btn-outline-light-light:hover{--btn-bg: var(--light-light);--btn-hover-bg: var(--light-light);--btn-hover-border-color: var(--light-light)}.btn-outline-light-light.btn-transparent{--btn-color: var(--light-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-light-light{--btn-color: color-mix(in srgb, var(--light-text-emphasis), var(--light) 40%);--btn-color: var(--primary);--btn-border-color: var(--primary);--btn-hover-border-color: var(--primary);--btn-hover-color: var(--primary);--btn-hover-bg: var(--light-light)}.btn-outline-light-dark{--btn-color: var(--light-dark);--btn-bg: transparent;--btn-border-color: var(--light-dark);--btn-hover-border-color: var(--light-dark-dark)}.btn-outline-light-dark:hover{--btn-bg: var(--light-dark);--btn-hover-bg: var(--light-dark);--btn-hover-border-color: var(--light-dark)}.btn-outline-light-dark.btn-transparent{--btn-color: var(--light-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-light-dark{--btn-color: color-mix(in srgb, var(--light-bg-subtle), var(--dark) 60%);--btn-color: var(--primary);--btn-border-color: var(--primary);--btn-hover-border-color: var(--primary);--btn-hover-color: var(--primary);--btn-hover-bg: var(--light-dark)}.btn-dark{--btn-bg: var(--dark);--btn-hover-bg: var(--dark-dark);--btn-hover-border-color: var(--dark-dark);--btn-active-bg: var(--dark-dark);--btn-active-border-color: var(--dark-dark);--btn-disabled-bg: var(--dark);--btn-disabled-border-color: var(--dark);--btn-border-color: var(--dark)}.btn-dark.btn-transparent{--btn-color: var(--dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-dark-light{--btn-bg: var(--dark-light);--btn-hover-bg: var(--dark-light-dark);--btn-hover-border-color: var(--dark-light-dark);--btn-active-bg: var(--dark-light-dark);--btn-active-border-color: var(--dark-light-dark);--btn-disabled-bg: var(--dark-light);--btn-disabled-border-color: var(--dark-light);--btn-border-color: var(--dark-light)}.btn-dark-light.btn-transparent{--btn-color: var(--dark-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-dark-light{--btn-color: color-mix(in srgb,var(--dark-text-emphasis), var(--dark) 20%);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark)}.btn-dark-dark{--btn-bg: var(--dark-dark);--btn-hover-bg: var(--dark-dark-dark);--btn-hover-border-color: var(--dark-dark-dark);--btn-active-bg: var(--dark-dark-dark);--btn-active-border-color: var(--dark-dark-dark);--btn-disabled-bg: var(--dark-dark);--btn-disabled-border-color: var(--dark-dark);--btn-border-color: var(--dark-dark)}.btn-dark-dark.btn-transparent{--btn-color: var(--dark-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-dark-dark{--btn-color: color-mix(in srgb,var(--dark-bg-subtle), var(--light) 80%);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark)}.btn-outline-dark{--btn-color: var(--dark);--btn-bg: transparent;--btn-border-color: var(--dark);--btn-hover-border-color: var(--dark-dark)}.btn-outline-dark:hover{--btn-bg: var(--dark);--btn-hover-bg: var(--dark);--btn-hover-border-color: var(--dark)}.btn-outline-dark.btn-transparent{--btn-color: var(--dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-dark-light{--btn-color: var(--dark-light);--btn-bg: transparent;--btn-border-color: var(--dark-light);--btn-hover-border-color: var(--dark-light-dark)}.btn-outline-dark-light:hover{--btn-bg: var(--dark-light);--btn-hover-bg: var(--dark-light);--btn-hover-border-color: var(--dark-light)}.btn-outline-dark-light.btn-transparent{--btn-color: var(--dark-light);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-dark-light{--btn-color: color-mix(in srgb, var(--dark-text-emphasis), var(--light) 40%);--btn-hover-bg: var(--dark-light)}.btn-outline-dark-dark{--btn-color: var(--dark-dark);--btn-bg: transparent;--btn-border-color: var(--dark-dark);--btn-hover-border-color: var(--dark-dark-dark)}.btn-outline-dark-dark:hover{--btn-bg: var(--dark-dark);--btn-hover-bg: var(--dark-dark);--btn-hover-border-color: var(--dark-dark)}.btn-outline-dark-dark.btn-transparent{--btn-color: var(--dark-dark);--btn-border-color: transparent;--btn-bg: transparent}.btn-outline-dark-dark{--btn-color: color-mix(in srgb, var(--dark-bg-subtle), var(--dark) 60%);--btn-hover-bg: var(--dark-dark)}.btn-transparent{--btn-bg: transparent;--btn-border-color: transparent;--btn-hover-bg: transparent;--btn-hover-border-color: transparent;--btn-hover-color: var(--primary);--btn-active-bg: transparent;--btn-active-border-color: transparent}.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}

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

@@ -0,0 +1,26 @@
+/**
+ * Propriétés du composant Icon.
+ */
+interface Props {
+    /**
+     * Le nom de l'icône (ex: "house", "check", "trash").
+     * Correspond à la classe CSS icon-[name].
+     */
+    name: string;
+    /**
+     * La taille de l'icône.
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
+    /**
+     * Classe CSS additionnelle.
+     */
+    className?: string;
+}
+/**
+ * Composant Icon pour afficher des icônes de police.
+ *
+ * @param {Props} props - Les propriétés du composant.
+ * @returns {JSX.Element} Le rendu du composant.
+ */
+export declare const Icon: ({ name, size, className, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import '../style/icon.css';/* empty css                 */
+const a = ({
+  name: c,
+  size: e = "lg",
+  className: i = ""
+}) => {
+  const s = "icon", n = `${s}--size-${e}`;
+  return /* @__PURE__ */ o("span", { className: `${s} ${n} ${i}`.trim(), children: /* @__PURE__ */ o("i", { className: `${c}` }) });
+};
+export {
+  a as Icon
+};