@soli92/solids 1.0.0 → 1.1.1

package/CHANGELOG.md

@@ -1,25 +1,39 @@
+## [1.1.1](https://github.com/soli92/solids/compare/v1.1.0...v1.1.1) (2026-03-24)
+
+
+### Bug Fixes
+
+* align GitHub URLs to soli92; deploy Storybook on GitHub Release ([0faeb60](https://github.com/soli92/solids/commit/0faeb60fcfdb0b3e050e3e6e1d4e239e2ec58f0d))
+
+# [1.1.0](https://github.com/Soli92/solids/compare/v1.0.0...v1.1.0) (2026-03-24)
+
+
+### Features
+
+* tailwind preset, shadcn registry [@solids](https://github.com/solids), Storybook button showcase ([2df67ce](https://github.com/Soli92/solids/commit/2df67ce8e1b810348775a717a0a106eac614378f))
+
 # 1.0.0 (2026-03-24)
 
 
 ### Bug Fixes
 
-* **base:** add prefers-color-scheme dark support for color-scheme property ([f055741](https://github.com/Soli92/solids/commit/f0557414b2fe1da5de8e46b7708676cc054f697f))
-* **ci:** pass NODE_AUTH_TOKEN for npm auth via setup-node ([9de7228](https://github.com/Soli92/solids/commit/9de72289c35ba69e37e5a7eecf2dd426af63d99f))
-* **ci:** upgrade Node to 22 for semantic-release compatibility ([3b0f4c0](https://github.com/Soli92/solids/commit/3b0f4c04e98dfb0ab4f6e3b97445d91c6a27f083))
-* **docs:** fix npm package name casing (must be lowercase) + fix import paths ([e51bd71](https://github.com/Soli92/solids/commit/e51bd713618c91e0893529d2570d89663c535ed2))
-* **release:** add missing semantic-release core plugins to devDependencies ([8b57869](https://github.com/Soli92/solids/commit/8b57869fdd2e85a3af79cb51c5bcb435b3ad313a))
-* **release:** correct semantic-release plugin order (git must be last) ([94d674b](https://github.com/Soli92/solids/commit/94d674b877120fd4c25bc5a42bf771912fe49341))
-* **shadcn:** complete truncated dark theme block ([f7e36d9](https://github.com/Soli92/solids/commit/f7e36d99cb19c9278240830f476f8652ebcfd850))
-* **tokens:** add missing overlay color in dark theme ([ba011dd](https://github.com/Soli92/solids/commit/ba011ddf5d43c5e77643906a79eda069683586e7))
+* **base:** add prefers-color-scheme dark support for color-scheme property ([f055741](https://github.com/soli92/solids/commit/f0557414b2fe1da5de8e46b7708676cc054f697f))
+* **ci:** pass NODE_AUTH_TOKEN for npm auth via setup-node ([9de7228](https://github.com/soli92/solids/commit/9de72289c35ba69e37e5a7eecf2dd426af63d99f))
+* **ci:** upgrade Node to 22 for semantic-release compatibility ([3b0f4c0](https://github.com/soli92/solids/commit/3b0f4c04e98dfb0ab4f6e3b97445d91c6a27f083))
+* **docs:** fix npm package name casing (must be lowercase) + fix import paths ([e51bd71](https://github.com/soli92/solids/commit/e51bd713618c91e0893529d2570d89663c535ed2))
+* **release:** add missing semantic-release core plugins to devDependencies ([8b57869](https://github.com/soli92/solids/commit/8b57869fdd2e85a3af79cb51c5bcb435b3ad313a))
+* **release:** correct semantic-release plugin order (git must be last) ([94d674b](https://github.com/soli92/solids/commit/94d674b877120fd4c25bc5a42bf771912fe49341))
+* **shadcn:** complete truncated dark theme block ([f7e36d9](https://github.com/soli92/solids/commit/f7e36d99cb19c9278240830f476f8652ebcfd850))
+* **tokens:** add missing overlay color in dark theme ([ba011dd](https://github.com/soli92/solids/commit/ba011ddf5d43c5e77643906a79eda069683586e7))
 
 
 ### Features
 
-* add real utility classes to utilities.css ([34112a4](https://github.com/Soli92/solids/commit/34112a40516f9b1c964af45cbd93aca9e30634a9))
-* add shadcn.css export and update package exports ([274256f](https://github.com/Soli92/solids/commit/274256fe21fded1053201d2ad8a6cfe3a50eb47e))
-* **css:** add shadcn/ui compatibility layer — maps shadcn vars to SoliDS tokens ([324131b](https://github.com/Soli92/solids/commit/324131b18823edcc71900d840cc3a099159eb129))
-* **tokens:** complete dark theme — all semantic overrides for dark mode ([8649ce5](https://github.com/Soli92/solids/commit/8649ce542afa682926d73306d31d732c4985bdca))
-* **tokens:** complete light theme — all semantic overrides ([6d5f857](https://github.com/Soli92/solids/commit/6d5f857581a8642da6eab5dcd30c1eb1987d8c4d))
-* **tokens:** complete semantic tokens — text, bg, border, intent, interactive ([668d4b0](https://github.com/Soli92/solids/commit/668d4b0b21bf98b624aa33f4a7709937a537d5d6))
-* **tokens:** expand base palette — full color scale, typography, shadow, spacing ([06f1499](https://github.com/Soli92/solids/commit/06f1499ccfc003d39c082590048d1484ef24f6af))
-* update build script to generate shadcn.css and full CSS variables ([a483dae](https://github.com/Soli92/solids/commit/a483dae64fc1ca97013dfd16124a73ad8609a2cd))
+* add real utility classes to utilities.css ([34112a4](https://github.com/soli92/solids/commit/34112a40516f9b1c964af45cbd93aca9e30634a9))
+* add shadcn.css export and update package exports ([274256f](https://github.com/soli92/solids/commit/274256fe21fded1053201d2ad8a6cfe3a50eb47e))
+* **css:** add shadcn/ui compatibility layer — maps shadcn vars to SoliDS tokens ([324131b](https://github.com/soli92/solids/commit/324131b18823edcc71900d840cc3a099159eb129))
+* **tokens:** complete dark theme — all semantic overrides for dark mode ([8649ce5](https://github.com/soli92/solids/commit/8649ce542afa682926d73306d31d732c4985bdca))
+* **tokens:** complete light theme — all semantic overrides ([6d5f857](https://github.com/soli92/solids/commit/6d5f857581a8642da6eab5dcd30c1eb1987d8c4d))
+* **tokens:** complete semantic tokens — text, bg, border, intent, interactive ([668d4b0](https://github.com/soli92/solids/commit/668d4b0b21bf98b624aa33f4a7709937a537d5d6))
+* **tokens:** expand base palette — full color scale, typography, shadow, spacing ([06f1499](https://github.com/soli92/solids/commit/06f1499ccfc003d39c082590048d1484ef24f6af))
+* update build script to generate shadcn.css and full CSS variables ([a483dae](https://github.com/soli92/solids/commit/a483dae64fc1ca97013dfd16124a73ad8609a2cd))

package/README.md

@@ -1,9 +1,11 @@
 # SoliDS
 
-**SoliDS** è il design system personale di [Soli92](https://github.com/Soli92) —
+**SoliDS** è il design system personale di [soli92](https://github.com/soli92) —
 una fondamenta **agnostica** basata su **design tokens** e **CSS variables**,
 pronta all'uso con qualsiasi framework web e compatibile con **shadcn/ui**.
 
+**Storybook** (docs + esempio Button): dopo ogni release su npm viene pubblicato su GitHub Pages — [soli92.github.io/solids](https://soli92.github.io/solids/) (attiva *Settings → Pages → Source: GitHub Actions* se è la prima volta).
+
 ---
 
 ## Cosa include
@@ -32,6 +34,8 @@ npm install @soli92/solids
 
 ### Con Tailwind + shadcn/ui (Next.js, Vite…)
 
+**Consigliato:** usa il **preset Tailwind** del pacchetto così tema, colori shadcn, font e shadow restano allineati ai token in un solo punto.
+
 ```css
 /* globals.css */
 @import "@soli92/solids/css/index.css";
@@ -44,33 +48,19 @@ npm install @soli92/solids
 ```js
 // tailwind.config.js
 module.exports = {
-  darkMode: ["class", '[data-theme="dark"]'],
-  theme: {
-    extend: {
-      colors: {
-        background:  "var(--background)",
-        foreground:  "var(--foreground)",
-        primary:     { DEFAULT: "var(--primary)",   foreground: "var(--primary-foreground)" },
-        secondary:   { DEFAULT: "var(--secondary)", foreground: "var(--secondary-foreground)" },
-        muted:       { DEFAULT: "var(--muted)",     foreground: "var(--muted-foreground)" },
-        accent:      { DEFAULT: "var(--accent)",    foreground: "var(--accent-foreground)" },
-        destructive: { DEFAULT: "var(--destructive)",foreground: "var(--destructive-foreground)" },
-        card:        { DEFAULT: "var(--card)",      foreground: "var(--card-foreground)" },
-        popover:     { DEFAULT: "var(--popover)",   foreground: "var(--popover-foreground)" },
-        border: "var(--border)",
-        input:  "var(--input)",
-        ring:   "var(--ring)",
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-    },
-  },
+  presets: [require("@soli92/solids/tailwind-preset")],
+  content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}"],
 };
 ```
 
+Serve anche `tailwindcss-animate` (dipendenza tipica di shadcn):
+
+```bash
+npm install tailwindcss-animate
+```
+
+Poi inizializza shadcn e aggiungi i componenti con la CLI (`npx shadcn@latest init` → `add button`, …). I componenti useranno le variabili `--background`, `--primary`, ecc., già mappate da SoliDS. Un esempio di `components.json` è in [templates/components.json.example](./templates/components.json.example).
+
 ➡️ Guida completa: [docs/shadcn-integration.md](./docs/shadcn-integration.md)
 
 ### Senza framework
@@ -93,6 +83,8 @@ import "@soli92/solids/css/base.css";                 // solo base
 import "@soli92/solids/css/utilities.css";            // solo utilities
 ```
 
+Preset Tailwind (shadcn): `require("@soli92/solids/tailwind-preset")` nel `tailwind.config`.
+
 ---
 
 ## Token Reference
@@ -195,13 +187,33 @@ npm install
 # Build (genera dist/)
 npm run build
 
-# Storybook
+# Storybook (build token + Tailwind preview, poi dev server)
 npm run storybook
 
 # Release (semantic-release — solo da CI)
 npm run release
+
+# Registry shadcn (sync src → registry/solids + JSON in registry/r)
+npm run registry:build
 ```
 
+Per Storybook, il CSS Tailwind viene precompilato in `.storybook/preview-tw.built.css` (file ignorato da git) dallo script `build:storybook-css`.
+
+---
+
+## Framework UI (progetti personali + shadcn)
+
+SoliDS resta **agnostico**: i componenti UI vivono nelle tue app (modello shadcn: codice in repo, non solo in `node_modules`). Il flusso consigliato:
+
+1. **Token e CSS** — `@soli92/solids` (`index.css` + opzionale solo layer).
+2. **Tailwind** — `presets: [require("@soli92/solids/tailwind-preset")]` + `tailwindcss-animate`.
+3. **shadcn/ui** — `npx shadcn@latest init` e `add` per ogni blocco (Radix + CVA + le tue classi).
+4. **Tema** — `data-theme` / `next-themes` come in [docs/shadcn-integration.md](./docs/shadcn-integration.md).
+
+In questo repository, **Storybook** include un esempio **Button** in stile shadcn in `src/components/ui/button.tsx` (solo sorgente di riferimento: **non** è incluso nell’artifact npm `dist/`; nei progetti veri aggiungi i componenti con la CLI shadcn).
+
+Il **registry shadcn** per il modello 1 è in `registry/` (sorgenti) e `registry/r/` (JSON generati). Guida operativa: [docs/registry-model-1.md](./docs/registry-model-1.md).
+
 ---
 
 ## Struttura
@@ -214,18 +226,27 @@ src/
 │   └── themes/
 │       ├── light.json      # Override tema light
 │       └── dark.json       # Override tema dark
+├── tailwind/
+│   └── preset.cjs          # Preset Tailwind (shadcn + token SD)
+├── components/ui/          # Esempio shadcn in Storybook
 ├── css/
 │   ├── shadcn.css          # Compatibility layer shadcn/ui
 │   ├── base.css            # Reset + global styles
 │   └── utilities.css       # Classi utility sd-*
 scripts/
-└── build.mjs               # Build script → genera dist/
+├── build.mjs               # Build script → genera dist/
+└── sync-registry.mjs       # Copia src → registry/solids (per shadcn build)
+registry/
+│   └── solids/             # Sorgenti registry (sync da src/)
+registry.json               # Indice item shadcn (root repo)
+registry/r/                 # JSON pubblicati (`npm run registry:build`)
 docs/
-└── shadcn-integration.md   # Guida integrazione completa
+├── shadcn-integration.md   # Guida integrazione completa
+└── registry-model-1.md     # Modello shadcn in repo + @solids
 ```
 
 ---
 
 ## License
 
-MIT © [Soli92](https://github.com/Soli92)
+MIT © [soli92](https://github.com/soli92)

package/dist/css/utilities.css

@@ -1,7 +1,7 @@
 /* ============================================================
    SoliDS — Utility Classes
    Lightweight, token-driven utility layer.
-   Import via: @import "@Soli92/solids/css/index.css"
+   Import via: @import "@soli92/solids/css/index.css"
    ============================================================ */
 
 /* ─── Display ────────────────────────────────────────────── */

package/dist/tailwind/preset.cjs

@@ -0,0 +1,89 @@
+/**
+ * SoliDS — Tailwind preset (shadcn/ui + token bridge).
+ * Install: tailwindcss, tailwindcss-animate, @soli92/solids.
+ * In tailwind.config: presets: [require("@soli92/solids/tailwind-preset")].
+ * In globals.css: import SoliDS index.css, then Tailwind layers.
+ */
+const { fontFamily } = require("tailwindcss/defaultTheme");
+
+/** @type {import("tailwindcss").Config} */
+module.exports = {
+  darkMode: ["class", '[data-theme="dark"]'],
+  theme: {
+    extend: {
+      colors: {
+        background: "var(--background)",
+        foreground: "var(--foreground)",
+        card: {
+          DEFAULT: "var(--card)",
+          foreground: "var(--card-foreground)",
+        },
+        popover: {
+          DEFAULT: "var(--popover)",
+          foreground: "var(--popover-foreground)",
+        },
+        primary: {
+          DEFAULT: "var(--primary)",
+          foreground: "var(--primary-foreground)",
+        },
+        secondary: {
+          DEFAULT: "var(--secondary)",
+          foreground: "var(--secondary-foreground)",
+        },
+        muted: {
+          DEFAULT: "var(--muted)",
+          foreground: "var(--muted-foreground)",
+        },
+        accent: {
+          DEFAULT: "var(--accent)",
+          foreground: "var(--accent-foreground)",
+        },
+        destructive: {
+          DEFAULT: "var(--destructive)",
+          foreground: "var(--destructive-foreground)",
+        },
+        border: "var(--border)",
+        input: "var(--input)",
+        ring: "var(--ring)",
+        chart: {
+          1: "var(--chart-1)",
+          2: "var(--chart-2)",
+          3: "var(--chart-3)",
+          4: "var(--chart-4)",
+          5: "var(--chart-5)",
+        },
+        sidebar: {
+          DEFAULT: "var(--sidebar)",
+          foreground: "var(--sidebar-foreground)",
+          primary: "var(--sidebar-primary)",
+          "primary-foreground": "var(--sidebar-primary-foreground)",
+          accent: "var(--sidebar-accent)",
+          "accent-foreground": "var(--sidebar-accent-foreground)",
+          border: "var(--sidebar-border)",
+          ring: "var(--sidebar-ring)",
+        },
+        "sd-primary": "var(--sd-color-primary-default)",
+        "sd-success": "var(--sd-color-intent-success)",
+        "sd-warning": "var(--sd-color-intent-warning)",
+        "sd-danger": "var(--sd-color-intent-danger)",
+        "sd-info": "var(--sd-color-intent-info)",
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      fontFamily: {
+        sans: ["var(--sd-font-body)", ...fontFamily.sans],
+        mono: ["var(--sd-font-mono)", ...fontFamily.mono],
+      },
+      boxShadow: {
+        sm: "var(--sd-shadow-sm)",
+        md: "var(--sd-shadow-md)",
+        lg: "var(--sd-shadow-lg)",
+        xl: "var(--sd-shadow-xl)",
+      },
+    },
+  },
+  plugins: [require("tailwindcss-animate")],
+};

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@soli92/solids",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "SoliDS – agnostic design system foundations (tokens + CSS) with shadcn/ui compatibility.",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Soli92/solids.git"
+    "url": "git+https://github.com/soli92/solids.git"
   },
-  "homepage": "https://github.com/Soli92/solids#readme",
+  "homepage": "https://github.com/soli92/solids#readme",
   "bugs": {
-    "url": "https://github.com/Soli92/solids/issues"
+    "url": "https://github.com/soli92/solids/issues"
   },
   "keywords": [
     "design-system",
@@ -38,7 +38,8 @@
     "./css/themes.css": "./dist/css/themes.css",
     "./css/shadcn.css": "./dist/css/shadcn.css",
     "./css/base.css": "./dist/css/base.css",
-    "./css/utilities.css": "./dist/css/utilities.css"
+    "./css/utilities.css": "./dist/css/utilities.css",
+    "./tailwind-preset": "./dist/tailwind/preset.cjs"
   },
   "publishConfig": {
     "access": "public"
@@ -48,10 +49,14 @@
     "clean": "node -e \"import('node:fs').then(({rmSync})=>rmSync('dist',{recursive:true,force:true}))\"",
     "prepublishOnly": "npm run build",
     "release": "semantic-release",
-    "storybook": "storybook dev -p 6006 --docs",
-    "build-storybook": "storybook build"
+    "build:storybook-css": "tailwindcss -c ./tailwind.config.cjs -i ./.storybook/preview-tw.input.css -o ./.storybook/preview-tw.built.css",
+    "storybook": "npm run build && npm run build:storybook-css && storybook dev -p 6006",
+    "build-storybook": "npm run build && npm run build:storybook-css && storybook build",
+    "registry:sync": "node ./scripts/sync-registry.mjs",
+    "registry:build": "node ./scripts/sync-registry.mjs && shadcn build --output ./registry/r"
   },
   "devDependencies": {
+    "@radix-ui/react-slot": "^1.1.2",
     "@semantic-release/changelog": "^6.0.0",
     "@semantic-release/commit-analyzer": "^13.0.0",
     "@semantic-release/git": "^10.0.0",
@@ -62,7 +67,18 @@
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/blocks": "^8.6.14",
     "@storybook/react-vite": "^8.6.14",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "autoprefixer": "^10.4.20",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "postcss": "^8.4.49",
     "semantic-release": "^25.0.0",
-    "storybook": "^8.6.14"
+    "shadcn": "^4.1.0",
+    "storybook": "^8.6.14",
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss": "^3.4.17",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.7.2"
   }
 }