@latte-macchiat-io/latte-vanilla-components 0.0.190 → 0.0.191

package/README.md

@@ -1,7 +1,9 @@
-# 🥤 Latte Vanilla Components
+# 🥤 Latte Vanilla Components [![npm version](https://img.shields.io/npm/v/@latte-macchiat-io/latte-vanilla-components?style=flat-square)](https://www.npmjs.com/package/@latte-macchiat-io/latte-vanilla-components)
 
-Beautiful, type-safe React components powered by Vanilla Extract CSS. Build modern interfaces with a professional design
-system that's both powerful and easy to use.
+Beautiful, type-safe React components powered by Vanilla Extract CSS for amazing projects, with a touch of Vanilla 🥤
+
+Intended for internal use by the 👩‍💻🧑‍💻 [latte-macchiat.io](https://latte-macchiat.io) team, we can't offer official support, but feel free to reach out
+with questions, feedback or project ideas!
 
 ## ✨ Features
 
@@ -12,6 +14,14 @@ system that's both powerful and easy to use.
 - ⚡ **Developer Experience** - Hot reloading, IntelliSense, documentation
 - 🎯 **Production Ready** - Optimized builds, minimal bundle size
 
+## 🤓 Philosophy
+
+This library is shipped as raw code (ESM + TypeScript) to be compiled in your project, allowing full
+customization and tree-shaking. It is not a pre-built design system, but rather a set of building blocks
+to create your own unique designs.
+
+You will need to set up Vanilla Extract in your build system (Next.js, Vite, etc.) to use this library.
+
 ## 📦 Installation
 
 ```bash
@@ -30,7 +40,7 @@ yarn add @latte-macchiat-io/latte-vanilla-components
 
 ```typescript
 // src/styles/theme.css.ts
-import {createDarkTheme, createLightTheme} from "@latte-macchiat-io/latte-vanilla-components";
+import { createDarkTheme, createLightTheme } from "@latte-macchiat-io/latte-vanilla-components";
 
 // Create and apply the default light theme (minimal setup)
 createLightTheme();
@@ -221,8 +231,8 @@ All components are mobile-first and responsive:
 
 ```typescript
 // next.config.js
-import type {NextConfig} from "next";
-import {createVanillaExtractPlugin} from "@vanilla-extract/next-plugin";
+import type { NextConfig } from "next";
+import { createVanillaExtractPlugin } from "@vanilla-extract/next-plugin";
 
 const nextConfig: NextConfig = {
   /* config options here */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.190",
+  "version": "0.0.191",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/ConsentCookie/ConsentCookie.tsx

@@ -2,8 +2,8 @@ import { clsx } from 'clsx';
 import { forwardRef, useEffect, useState } from 'react';
 import { consentActions, consentContent, type ConsentCookieVariants, consentRecipe } from './ConsentCookie.css';
 import { sprinkles, type Sprinkles } from '../../styles/sprinkles.css';
-import { getCookie, setCookie } from '../../utils/cookie';
 import { Button } from '../Button/Button';
+import { getCookie, setCookie } from './cookie';
 
 // Declare window object including gtag to avoid TypeScript errors
 declare const window: Window &