zuii 0.0.1 → 1.1.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/components/Button/js/Button.d.ts

@@ -0,0 +1,6 @@
+export interface ButtonConfig {
+    label: string;
+    variant?: 'primary' | 'secondary';
+    onClick?: () => void;
+}
+export declare const renderButton: (config: ButtonConfig) => HTMLElement;

package/dist/components/Button/js/Button.js

@@ -0,0 +1,7 @@
+const n = (t) => {
+  const e = document.createElement("button");
+  return e.innerText = t.label, e.classList.add("z-btn"), t.variant && e.classList.add(`is-${t.variant}`), t.onClick && e.addEventListener("click", t.onClick), e;
+};
+export {
+  n as renderButton
+};

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ButtonConfig } from '../js/Button';
+export declare const ZButton: React.FC<ButtonConfig>;

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

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as o, useEffect as i } from "react";
+import { renderButton as c } from "../js/Button.js";
+import '../style/button.css';/* empty css                   */
+const p = (r) => {
+  const t = o(null);
+  return i(() => {
+    if (t.current) {
+      t.current.innerHTML = "";
+      const n = c(r);
+      t.current.appendChild(n);
+    }
+  }, [r]), /* @__PURE__ */ e("div", { ref: t, style: { display: "contents" } });
+};
+export {
+  p as ZButton
+};

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

@@ -0,0 +1 @@
+.z-btn{padding:10px 20px;border:none;border-radius:var(--z-radius-md);background-color:var(--z-primary);color:#fff;transition:background-color var(--z-transition);cursor:pointer}.z-btn:hover{background-color:var(--z-primary-dark)}.z-btn--secondary{background-color:var(--z-secondary)}

package/dist/core/styles/main.css

@@ -0,0 +1 @@
+:root{--z-primary: #3b82f6;--z-primary-dark: #2563eb;--z-secondary: #64748b;--z-disabled-opacity: .6;--z-transition: .2s ease-in-out;--z-radius-md: 8px;--z-gap: 1rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--z-font-family, "Inter", system-ui, sans-serif)}button{font-family:inherit}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './components/Button/react';

package/dist/index.js

@@ -0,0 +1,5 @@
+import './core/styles/main.css';/* empty css                      */
+import { ZButton as m } from "./components/Button/react/index.js";
+export {
+  m as ZButton
+};

package/package.json

@@ -1,12 +1,43 @@
 {
-  "name": "zuii",
-  "version": "0.0.1",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [],
-  "author": "Vincent Moreau",
-  "license": "MIT"
+	"name": "zuii",
+	"version": "1.1.0",
+	"description": "Bibliothèque de composants UI légère, intuitive et modulaire pour les interfaces web modernes.",
+	"type": "module",
+	"main": "./dist/index.js",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"preview": "vite preview",
+		"prepublishOnly": "npm run build"
+	},
+	"keywords": [],
+	"author": "Vincent Moreau",
+	"license": "MIT",
+	"peerDependencies": {
+		"react": ">=16.8.0",
+		"react-dom": ">=16.8.0"
+	},
+	"devDependencies": {
+		"@semantic-release/changelog": "^6.0.3",
+		"@semantic-release/git": "^10.0.1",
+		"@semantic-release/github": "^12.0.2",
+		"@semantic-release/npm": "^13.1.3",
+		"@types/node": "^25.1.0",
+		"@types/react": "^19.2.10",
+		"@types/react-dom": "^19.2.3",
+		"@vitejs/plugin-react": "^5.1.2",
+		"react": "^19.2.4",
+		"react-dom": "^19.2.4",
+		"sass": "^1.97.3",
+		"semantic-release": "^25.0.2",
+		"typescript": "^5.9.3",
+		"vite": "^7.3.1",
+		"vite-plugin-dts": "^4.5.4",
+		"vite-plugin-lib-inject-css": "^2.2.2"
+	}
 }

package/ROADMAP.md

@@ -1,45 +0,0 @@
-# 🗺️ Roadmap - zuii
-
-Ce document détaille la vision à long terme et les étapes de développement de **zuii**.
-
-## 🎯 Vision
-Proposer l'écosystème UI le plus léger et modulaire du marché, sans compromis sur l'accessibilité ou l'expérience développeur.
-
----
-
-## 🏗️ État actuel : Phase 1
-
-### 🟢 Phase 1 : Fondations
-L'objectif est de poser des bases solides pour la librairie.
-- [x] Configuration initiale du projet.
-- [x] Architecture de fichiers modulaire.
-- [x] Licence MIT.
-- [ ] **Design Tokens** : Couleurs, Typographie, Espacement (Variables CSS).
-- [ ] **Base Components** :
-  - [ ] `Button`
-  - [ ] `Input`
-  - [ ] `Checkbox`
-  - [ ] `Radio`
-
-### 🟡 Phase 2 : Structure & Layout
-- [ ] **Grid System** : Utilitaires Flexbox et Grid.
-- [ ] **Layout Components** : `Container`, `Stack`, `Box`.
-- [ ] **Navigation** : `Navbar`, `Tabs`, `Breadcrumbs`.
-
-### 🔵 Phase 3 : Composants Avancés
-- [ ] **Overlays** : `Modal`, `Popovover`, `Tooltip`.
-- [ ] **Feedback** : `Toast`, `Alert`, `Spinner`.
-- [ ] **Data Display** : `Table`, `Badge`, `Card`.
-
-### 🟣 Phase 4 : Écosystème & Qualité
-- [ ] **Documentation** : Storybook complet avec exemples interactifs.
-- [ ] **Testing** : 100% de couverture sur les composants critiques.
-- [ ] **Accessibilité** : Audit WCAG 2.1 complet.
-- [ ] **Thématisation** : Support natif du Mode Sombre et thèmes personnalisés.
-
----
-
-## 📈 Évolutions futures
-- [ ] Intégration optionnelle avec des frameworks (React, Vue).
-- [ ] Générateur de thèmes en ligne.
-- [ ] Librairie d'icônes dédiée.