zuii 1.0.0 → 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,19 +1,43 @@
 {
 	"name": "zuii",
-	"version": "1.0.0",
+	"version": "1.1.0",
 	"description": "Bibliothèque de composants UI légère, intuitive et modulaire pour les interfaces web modernes.",
-	"main": "index.js",
+	"type": "module",
+	"main": "./dist/index.js",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"files": [
+		"dist"
+	],
 	"scripts": {
-		"test": "echo \"Error: no test specified\" && exit 1"
+		"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",
-		"semantic-release": "^25.0.2"
+		"@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/.github/workflows/release.yml

@@ -1,40 +0,0 @@
-name: Release
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  release:
-    name: Release
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-      issues: write
-      pull-requests: write
-      id-token: write # Nécessaire pour la "provenance" npm si tu l'utilises
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
-        with:
-          version: 9 # ou la version que tu utilises localement
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: 'lts/*'
-          cache: 'pnpm' # On dit à setup-node d'utiliser le cache pnpm
-
-      - name: Install dependencies
-        run: pnpm install
-
-      - name: Release
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-        run: npx semantic-release

package/.releaserc

@@ -1,17 +0,0 @@
-{
-  "branches": ["main"],
-  "plugins": [
-    "@semantic-release/commit-analyzer",
-    "@semantic-release/release-notes-generator",
-    "@semantic-release/changelog",
-    "@semantic-release/npm",
-    "@semantic-release/github",
-    [
-      "@semantic-release/git",
-      {
-        "assets": ["package.json", "CHANGELOG.md"],
-        "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
-      }
-    ]
-  ]
-}

package/CHANGELOG.md

@@ -1,7 +0,0 @@
-# 1.0.0 (2026-01-29)
-
-
-### Features
-
-* Initialisation du projet avec les fichiers de licence, README, feuille de route et package.json. ([1026055](https://github.com/vincentm498/zuii/commit/102605573f49dbaaea141ea343e5af68a523b532))
-* Met en place la publication automatique avec semantic-release via GitHub Actions et les fichiers de configuration associés. ([66eb251](https://github.com/vincentm498/zuii/commit/66eb251cbce7237a5a06cd03e8139dd12220e745))

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.