zuii 1.4.34 → 1.5.0

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

@@ -1,4 +1,4 @@
-import { tokens } from '../../../core/styles/tokens';
+import { tokens } from '../../../../packages/core/src/styles/tokens';
 interface Props {
     /**
      * Le nom de la couleur à afficher (ex: 'primary', 'success').

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

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { tokens as m } from "../../../core/styles/tokens.js";
-import '../../Slider/style/index.css';import '../../Grid/style/index.css';import '../../Loader/style/index.css';import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Button/style/index.css';import '../style/index.css';import '../../../core/styles/main.css';/* empty css                             */
+import { tokens as m } from "../../../packages/core/src/styles/tokens.js";
+import '../../../packages/cookie-consent/src/style/index.css';import '../../Slider/style/index.css';import '../../Grid/style/index.css';import '../../Loader/style/index.css';import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Button/style/index.css';import '../style/index.css';import '../../../packages/core/src/styles/main.css';/* empty css                                          */
 /* empty css                  */
 import "react-bootstrap";
 /* empty css                            */
@@ -37,7 +37,8 @@ import "../../Menu/react/index.js";
 import "@splidejs/react-splide";
 /* empty css                            */
 import "../../Card/react/index.js";
-const R = ({ name: r }) => {
+/* empty css                                                    */
+const S = ({ name: r }) => {
   const p = m.brands[r];
   return /* @__PURE__ */ i(t, { children: [
     /* @__PURE__ */ o("div", { className: `color bg-${r} p-4`, children: /* @__PURE__ */ i(t, { vertical: !0, center: !0, children: [
@@ -61,5 +62,5 @@ const R = ({ name: r }) => {
   ] });
 };
 export {
-  R as Color
+  S as Color
 };

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

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useNavigate as p } from "react-router-dom";
-import '../../Slider/style/index.css';import '../../Grid/style/index.css';import '../../Loader/style/index.css';import '../style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Color/style/index.css';import '../../../core/styles/main.css';/* empty css                             */
+import '../../../packages/cookie-consent/src/style/index.css';import '../../Slider/style/index.css';import '../../Grid/style/index.css';import '../../Loader/style/index.css';import '../style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Color/style/index.css';import '../../../packages/core/src/styles/main.css';/* empty css                                          */
 /* empty css                           */
 import { Button as e } from "../../Button/react/index.js";
 import { Icon as a } from "../../Icon/react/index.js";
@@ -36,7 +36,8 @@ import "../../Menu/react/index.js";
 import "@splidejs/react-splide";
 /* empty css                            */
 import "../../Card/react/index.js";
-const T = ({ code: t = 404 }) => {
+/* empty css                                                    */
+const U = ({ code: t = 404 }) => {
   const m = p();
   return /* @__PURE__ */ r("main", { className: "error-page", children: /* @__PURE__ */ r("div", { className: "error-page__container ", children: /* @__PURE__ */ i("div", { className: "container", children: [
     /* @__PURE__ */ i(o, { className: "text-secondary mb-4", children: [
@@ -52,5 +53,5 @@ const T = ({ code: t = 404 }) => {
   ] }) }) });
 };
 export {
-  T as Errorpage
+  U as Errorpage
 };

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

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as _, Fragment as v } from "react/jsx-runtime";
 import { useEffect as u } from "react";
-import '../../Slider/style/index.css';import '../../Grid/style/index.css';import '../../Loader/style/index.css';import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Group/style/index.css';import '../../Color/style/index.css';import '../../../core/styles/main.css';import '../style/index.css';/* empty css                  */
-/* empty css                             */
+import '../../../packages/cookie-consent/src/style/index.css';import '../../Slider/style/index.css';import '../../Grid/style/index.css';import '../../Loader/style/index.css';import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Group/style/index.css';import '../../Color/style/index.css';import '../../../packages/core/src/styles/main.css';import '../style/index.css';/* empty css                  */
+/* empty css                                          */
 /* empty css                           */
 import { Button as $ } from "../../Button/react/index.js";
 import { Icon as C } from "../../Icon/react/index.js";
@@ -36,6 +36,7 @@ import "../../Menu/react/index.js";
 import "@splidejs/react-splide";
 /* empty css                            */
 import "../../Card/react/index.js";
+/* empty css                                                    */
 import { initNav as g } from "../js/nav.js";
 const h = ({
   children: s,

package/dist/index.d.ts

@@ -28,4 +28,5 @@ export * from './components/Grid/react';
 export * from './components/Menu/react';
 export * from './components/Slider/react';
 export * from './components/Card/react';
-export * from './core/utils/getName';
+export * from '../packages/core/src/utils/getName';
+export * from '../packages/cookie-consent/src/react/index.tsx';

package/dist/index.js

@@ -1,19 +1,19 @@
-import './core/styles/main.css';/* empty css                      */
+import './packages/core/src/styles/main.css';/* empty css                                   */
 import { Color as t } from "./components/Color/react/index.js";
 import { Button as m } from "./components/Button/react/index.js";
 import { Icon as f, SizeProvider as a, useSize as d } from "./components/Icon/react/index.js";
 import { Group as n } from "./components/Group/react/index.js";
 import { Avatar as c } from "./components/Avatar/react/index.js";
-import { Badge as s } from "./components/Badge/react/index.js";
-import { Divider as S } from "./components/Divider/react/index.js";
-import { ContextMenu as C } from "./components/Context-menu/react/index.js";
+import { Badge as u } from "./components/Badge/react/index.js";
+import { Divider as C } from "./components/Divider/react/index.js";
+import { ContextMenu as g } from "./components/Context-menu/react/index.js";
 import { Form as v } from "./components/Form/react/index.js";
 import { Shadow as D } from "./components/Shadow/react/index.js";
 import { Radius as L } from "./components/Radius/react/index.js";
 import { Dropdown as I } from "./components/Dropdown/react/index.js";
 import { Logo as P } from "./components/Logo/react/index.js";
-import { Modal as w } from "./components/Modal/react/index.js";
-import { Placeholder as j } from "./components/Placeholder/react/index.js";
+import { Modal as k } from "./components/Modal/react/index.js";
+import { Placeholder as z } from "./components/Placeholder/react/index.js";
 import { Tooltip as y } from "./components/Tooltip/react/index.js";
 import { Table as F } from "./components/Table/react/index.js";
 import { Accordion as N } from "./components/Accordion/react/index.js";
@@ -27,27 +27,29 @@ import { Errorpage as eo } from "./components/Errorpage/react/index.js";
 import { Loader as po } from "./components/Loader/react/index.js";
 import { Grid as xo, GridItem as fo, GridSpacer as ao } from "./components/Grid/react/index.js";
 import { Menu as no } from "./components/Menu/react/index.js";
-import { Slider as co, SliderItem as uo } from "./components/Slider/react/index.js";
+import { Slider as co, SliderItem as so } from "./components/Slider/react/index.js";
 import { Card as Ao } from "./components/Card/react/index.js";
-import { injectDynamicPageClass as go } from "./core/utils/getName.js";
-import { default as ho } 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/AccordionContext.js";
-import { useAccordionButton as Bo } from "react-bootstrap";
+import { injectDynamicPageClass as So } from "./packages/core/src/utils/getName.js";
+import { CookieConsent as ho } from "./packages/cookie-consent/src/react/index.js";
+import { default as Bo } 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/AccordionContext.js";
+import { useAccordionButton as Go } from "react-bootstrap";
 export {
   N as Accordion,
-  ho as AccordionContext,
+  Bo as AccordionContext,
   K as Alert,
   O as AlertBase,
   Q as AlertHeading,
   U as AlertLink,
   oo as Auth,
   c as Avatar,
-  s as Badge,
+  u as Badge,
   m as Button,
   Ao as Card,
   t as Color,
-  C as ContextMenu,
+  g as ContextMenu,
+  ho as CookieConsent,
   W as Dashboard,
-  S as Divider,
+  C as Divider,
   I as Dropdown,
   eo as Errorpage,
   v as Form,
@@ -60,18 +62,18 @@ export {
   po as Loader,
   P as Logo,
   no as Menu,
-  w as Modal,
+  k as Modal,
   Y as Nav,
-  j as Placeholder,
+  z as Placeholder,
   L as Radius,
   D as Shadow,
   a as SizeProvider,
   co as Slider,
-  uo as SliderItem,
+  so as SliderItem,
   F as Table,
   q as Tabs,
   y as Tooltip,
-  go as injectDynamicPageClass,
-  Bo as useAccordionButton,
+  So as injectDynamicPageClass,
+  Go as useAccordionButton,
   d as useSize
 };

package/dist/packages/cookie-consent/src/react/index.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import '../style/index.css';/* empty css                  */
+const a = ({
+  className: s = ""
+}) => {
+  const o = `cookie-consent ${s}`.trim();
+  return /* @__PURE__ */ e("div", { className: o, children: "CookieConsent" });
+};
+export {
+  a as CookieConsent
+};

package/dist/packages/cookie-consent/src/style/index.css

@@ -0,0 +1 @@
+@layer components{.cookie-consent,.cookie-consent__preferences{--cookie-consent-bg-color: var(--secondary, var(--secondary-500, #646464));--cookie-consent-text-color: var(--white, #FFF);--cookie-consent-radius: var(--radius-base, 0);--cookie-consent-padding-y: var(--spacing-sm, .5rem);--cookie-consent-padding-x: var(--spacing-sm, .5rem);--cookie-consent-footer-bg-color: var(--white, #FFF);--cookie-consent-footer-text-color: var(--secondary, var(--secondary-500, #646464));--cookie-consent-accordion-bg-color: var(--primary, var(--primary-500, #646464));--cookie-consent-accordion-text-color: var(--secondary, var(--secondary-500, #646464));border-radius:var(--cookie-consent-radius);background-color:var(--cookie-consent-bg-color);color:var(--cookie-consent-text-color)}.cookie-consent--button{border-radius:var(--cookie-consent-radius);margin-top:0;color:var(--cookie-consent-text-color)}.cookie-consent--button[data-role=all],.cookie-consent--button[data-role=necessary]{border-color:transparent}.cookie-consent--button.button--close{padding:0}.cookie-consent--button.button--close svg{stroke:var(--cookie-consent-text-color)}.cookie-consent__body,.cookie-consent__preferences{padding:var(--cookie-consent-padding-y) var(--cookie-consent-padding-x)}.cookie-consent__preferences{padding:1rem}.cookie-consent__title{margin:0}.cookie-consent__footer{background-color:var(--cookie-consent-footer-bg-color);color:var(--cookie-consent-footer-text-color)}.cookie-consent__footer .cookie-consent__link{color:var(--cookie-consent-footer-text-color)}.cookie-consent__description{color:var(--cookie-consent-text-color)}.cookie-consent-accordion--button,.cookie-consent-accordion--content{border-radius:var(--cookie-consent-radius)}.cookie-consent-accordion--button{background:var(--cookie-consent-accordion-bg-color);color:var(--cookie-consent-accordion-text-color)}.cookie-consent--toggle input[type=checkbox],.cookie-consent--toggle input[type=checkbox]:checked{background:transparent;max-width:0;min-width:0;width:0;height:0;border-color:transparent}.cookie-consent--toggle:has(input[type=checkbox]:checked) .toggle__icon{background:var(--cookie-consent-bg-color)}.cookie-consent--toggle:has(input[type=checkbox]) .toggle__icon{background:color-mix(in srgb,var(--cookie-consent-bg-color),transparent 70%);box-shadow:0 0 0 1px color-mix(in srgb,var(--cookie-consent-bg-color),transparent 70%)}.cookie-consent--accordion .pm__section-arrow,.cookie-consent__preferences .pm__section:hover{background:transparent}.cookie-consent__header{border-bottom:1px solid color-mix(in srgb,var(--cookie-consent-bg-color),white 30%)}.cookie-consent__preferences__footer{border-top:1px solid color-mix(in srgb,var(--cookie-consent-bg-color),white 30%)}}

package/dist/templates/Buttons/Buttons.tsx

@@ -1,5 +1,5 @@
 import { Button, Group } from '../../index';
-import { tokens } from '../../core/styles/tokens';
+import { tokens } from '@zuii/core/styles/tokens';
 
 
 

package/dist/templates/Colors/Colors.tsx

@@ -1,5 +1,5 @@
 import { Color, Group } from '../../index';
-import { tokens } from '../../core/styles/tokens';
+import { tokens } from '@zuii/core/styles/tokens';
 
 /**
  * Template Colors pour démontrer le composant Color avec tous les tokens de marque.

package/dist/templates/Cookie-Consents/Cookie-Consents.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Template de démonstration pour le composant CookieConsent.
+ */
+export declare const CookieConsents: () => import("react/jsx-runtime").JSX.Element;

package/dist/templates/Cookie-Consents/Cookie-Consents.tsx

@@ -0,0 +1,18 @@
+import { CookieConsent } from '../../index';
+
+/**
+ * Template de démonstration pour le composant CookieConsent.
+ */
+export const CookieConsents = () => {
+	return (
+		<div className="CookieConsents-demo">
+			<section className="mb-5">
+				<h3>CookieConsents</h3>
+				<p className="text-muted mb-4">Le composant <code>CookieConsent</code> permet de ... .</p>
+				<h5 className='mt-4'>Exemple</h5>
+				<p className="text-muted mb-4">Voici un exemple de composant CookieConsent.</p>
+				<CookieConsent />
+			</section>
+		</div>
+	);
+};

package/dist/templates/Icons/Icons.tsx

@@ -1,5 +1,5 @@
 import { Icon } from '../../index';
-import { tokens } from '../../core/styles/tokens';
+import { tokens } from '@zuii/core/styles/tokens';
 import { Group } from '../../index';
 
 interface Props {

package/dist/templates/Radius/Radius.tsx

@@ -1,5 +1,5 @@
 import { Group, Radius as RadiusComponent } from '../../index';
-import { tokens } from '../../core/styles/tokens';
+import { tokens } from '@zuii/core/styles/tokens';
 
 /**
  * Template de démonstration pour le composant Radius.

package/dist/templates/index.d.ts

@@ -28,3 +28,4 @@ export * from './Grids/Grids';
 export * from './Sliders/Sliders';
 export * from './Cards/Cards';
 export * from './Groups/Groups';
+export * from './Cookie-Consents/Cookie-Consents';

package/dist/templates/index.ts

@@ -28,3 +28,4 @@ export * from './Grids/Grids';
 export * from './Sliders/Sliders';
 export * from './Cards/Cards';
 export * from './Groups/Groups';
+export * from './Cookie-Consents/Cookie-Consents';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "zuii",
-	"version": "1.4.34",
+	"version": "1.5.0",
 	"description": "Bibliothèque de composants UI légère, intuitive et modulaire pour les interfaces web modernes.",
 	"type": "module",
 	"repository": {
@@ -36,10 +36,10 @@
 		"dev": "vite",
 		"prebuild": "pnpm run tokens:build",
 		"build": "vite build",
-		"postbuild": "mkdir -p dist/core/styles && cp src/core/styles/_tokens.scss src/core/styles/tokens.css src/core/styles/tokens.ts dist/core/styles/ && cp -r src/templates dist/",
+		"postbuild": "mkdir -p dist/core/styles && cp packages/core/src/styles/_tokens.scss packages/core/src/styles/tokens.css packages/core/src/styles/tokens.ts dist/core/styles/ && cp -r src/templates dist/",
 		"preview": "vite preview",
 		"prepublishOnly": "pnpm run build",
-		"tokens:build": "node scripts/tokens/build.js --output src/core/styles",
+		"tokens:build": "node scripts/tokens/build.js --output packages/core/src/styles",
 		"component:create": "node scripts/create-component.js"
 	},
 	"keywords": [],
@@ -55,6 +55,8 @@
 		"registry": "https://registry.npmjs.org/"
 	},
 	"dependencies": {
+		"@zuii/core": "workspace:*",
+		"@zuii/cookie-consent": "workspace:*",
 		"@ag-grid-community/locale": "^35.0.1",
 		"@simonwep/pickr": "^1.9.1",
 		"@splidejs/react-splide": "^0.7.12",
@@ -80,7 +82,8 @@
 		"sass-embedded": "^1.97.3",
 		"style-dictionary": "^4.2.0",
 		"sweetalert2": "^11.26.18",
-		"sweetalert2-react-content": "^5.1.1"
+		"sweetalert2-react-content": "^5.1.1",
+		"vanilla-cookieconsent": "^3.1.0"
 	},
 	"devDependencies": {
 		"@semantic-release/changelog": "^6.0.3",