@noobsociety/nsds 0.3.0 → 0.4.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@noobsociety/nsds",
-  "version": "0.3.0",
-  "description": "NoobSociety Design System — Monokai dark tokens, Tailwind preset, and pixel-art React components",
+  "version": "0.4.1",
+  "description": "NoobSociety Design System — Monokai dark tokens, client registries, Tailwind preset, and pixel-art React components",
   "keywords": [
     "design-system",
     "react",
@@ -13,19 +13,29 @@
   "author": "NoobSociety",
   "license": "MIT",
   "scripts": {
-    "build": "vite build && tsc -p tsconfig.build.json && node scripts/prepare-types.mjs",
+    "build": "vite build && tsc -p tsconfig.build.json && tsc -p tsconfig.tailwind.json && node scripts/prepare-types.mjs",
     "build:storybook": "storybook build --disable-telemetry",
-    "changeset": "changeset",
-    "changeset:publish": "changeset publish",
-    "changeset:version": "changeset version && node scripts/release-changelog.mjs",
-    "check": "npm run build && npm run check:package && npm run check:exports && npm run check:install && npm run check:types && npm run check:docs && npm run test:components && npm run test:visual && npm run test:smoke",
+    "changeset": "node scripts/create-changeset.mjs",
+    "changeset:publish": "npm publish --access public --provenance",
+    "changeset:version": "node scripts/changeset-version.mjs && node scripts/release-changelog.mjs",
+    "check": "npm run check:commits && npm run check:deps && npm run check:workflows && npm run check:content && npm run check:release && npm run check:markdown && npm run lint && npm run format:check && npm run build && npm run check:package && npm run check:exports && npm run check:install && npm run check:types && npm run check:docs && npm run test:components && npm run test:visual && npm run test:smoke",
+    "check:content": "node scripts/check-content.mjs",
+    "check:commits": "commitlint --from origin/main --to HEAD --verbose",
+    "check:deps": "node scripts/check-deps.mjs",
     "check:docs": "npm run docs:api && git diff --exit-code docs/reference/api",
-    "check:exports": "publint run --pack npm --level warning && attw --pack . --profile node16 --entrypoints . ./react ./tailwind --format table --no-emoji",
+    "check:exports": "publint run --pack npm --level warning && attw --pack . --profile node16 --entrypoints . ./client ./react ./tailwind --format table --no-emoji",
     "check:install": "node scripts/check-install.mjs",
+    "check:markdown": "markdownlint \"*.md\" \".github/**/*.md\" \"docs/**/*.md\" \".changeset/*.md\"",
     "check:package": "node scripts/check-package.mjs",
+    "check:release": "node scripts/check-release.mjs",
+    "check:release:strict": "node scripts/check-release.mjs --strict",
     "check:types": "tsc --noEmit",
+    "check:workflows": "node scripts/check-workflows.mjs",
     "docs:api": "typedoc --options typedoc.json",
+    "format:check": "prettier --check .",
+    "lint": "eslint .",
     "prepublishOnly": "npm run build",
+    "prepare": "husky",
     "storybook": "storybook dev -p 6006 --disable-telemetry",
     "test": "npm run check",
     "test:components": "vitest run",
@@ -81,14 +91,24 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./client": {
+      "import": {
+        "types": "./dist/client/index.d.ts",
+        "default": "./dist/client/index.js"
+      },
+      "require": {
+        "types": "./dist/client/index.d.cts",
+        "default": "./dist/client/index.cjs"
+      }
+    },
     "./tailwind": {
       "import": {
-        "types": "./dist/tailwind/preset.d.ts",
-        "default": "./dist/tailwind/preset.js"
+        "types": "./dist/tailwind/preset.d.cts",
+        "default": "./dist/tailwind/preset.cjs"
       },
       "require": {
         "types": "./dist/tailwind/preset.d.cts",
-        "default": "./dist/tailwind/preset.js"
+        "default": "./dist/tailwind/preset.cjs"
       }
     },
     "./styles": "./dist/styles.css",
@@ -104,15 +124,23 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.3",
-    "@changesets/cli": "^2.31.0",
+    "@commitlint/cli": "^21.0.2",
+    "@commitlint/config-conventional": "^21.0.2",
+    "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.61.0",
     "@storybook/addon-docs": "^10.4.6",
     "@storybook/react-vite": "^10.4.6",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
+    "@types/node": "^22.20.0",
     "@types/react": "^19.2.17",
     "@vitejs/plugin-react": "^6.0.2",
+    "actionlint": "^2.0.6",
+    "eslint": "^10.5.0",
+    "husky": "^9.1.7",
     "jsdom": "^29.1.1",
+    "markdownlint-cli": "^0.49.0",
+    "prettier": "^3.8.4",
     "publint": "^0.3.21",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
@@ -121,6 +149,7 @@
     "typedoc": "^0.28.19",
     "typedoc-plugin-markdown": "^4.12.0",
     "typescript": "^6.0.3",
+    "typescript-eslint": "^8.61.1",
     "vite": "^8.0.16",
     "vitest": "^4.1.9"
   }

package/dist/tailwind/package.json

@@ -1 +0,0 @@
-{ "type": "commonjs" }

package/dist/tailwind/preset.d.ts

@@ -1,4 +0,0 @@
-import type { Config } from 'tailwindcss';
-
-declare const preset: Config;
-export = preset;

package/dist/tailwind/preset.js

@@ -1,144 +0,0 @@
-/**
- * NoobSociety Design System — Tailwind CSS preset
- *
- * Usage in tailwind.config.js / tailwind.config.ts:
- *
- *   import nsdPreset from '@noobsociety/nsds/tailwind';
- *
- *   export default {
- *     presets: [nsdPreset],
- *     content: ['./src/**\/*.{ts,tsx}'],
- *   };
- *
- * All values reference CSS custom properties so they stay in sync with
- * styles.css at runtime — change a token once, Tailwind classes update too.
- */
-
-/** @type {import('tailwindcss').Config} */
-const nsdPreset = {
-  darkMode: ['class', '[data-theme="dark"]'],
-  theme: {
-    extend: {
-
-      /* ── Colors ──────────────────────────────────────────────── */
-      colors: {
-        ns: {
-          /* Surfaces */
-          bg: {
-            0:      'var(--ns-bg-0)',
-            1:      'var(--ns-bg-1)',
-            2:      'var(--ns-bg-2)',
-            glass:  'var(--ns-glass)',
-          },
-          /* Ink */
-          ink: {
-            DEFAULT: 'var(--ns-ink)',
-            dim:     'var(--ns-ink-dim)',
-            faint:   'var(--ns-ink-faint)',
-          },
-          /* Gold — primary accent */
-          gold: {
-            DEFAULT: 'var(--ns-gold)',
-            pale:    'var(--ns-gold-pale)',
-            deep:    'var(--ns-gold-deep)',
-            shadow:  'var(--ns-gold-shadow)',
-            fg:      'var(--ns-gold-btn-fg)',
-          },
-          /* Monokai accents */
-          green:  'var(--ns-green)',
-          cyan:   'var(--ns-cyan)',
-          orange: 'var(--ns-orange)',
-          pink:   'var(--ns-pink)',
-          purple: 'var(--ns-purple)',
-          /* Semantic */
-          accent:  'var(--ns-accent)',
-          line:    'var(--ns-line)',
-        },
-      },
-
-      /* ── Typography ──────────────────────────────────────────── */
-      fontFamily: {
-        body:  ['var(--ns-font-body)',  { fallback: ['system-ui', 'sans-serif'] }],
-        pixel: ['var(--ns-font-pixel)', { fallback: ['monospace'] }],
-      },
-      fontSize: {
-        'ns-xs':   ['var(--ns-text-xs)',   { lineHeight: 'var(--ns-leading-normal)' }],
-        'ns-sm':   ['var(--ns-text-sm)',   { lineHeight: 'var(--ns-leading-normal)' }],
-        'ns-base': ['var(--ns-text-base)', { lineHeight: 'var(--ns-leading-normal)' }],
-        'ns-lg':   ['var(--ns-text-lg)',   { lineHeight: 'var(--ns-leading-snug)'   }],
-        'ns-xl':   ['var(--ns-text-xl)',   { lineHeight: 'var(--ns-leading-snug)'   }],
-        'ns-2xl':  ['var(--ns-text-2xl)',  { lineHeight: 'var(--ns-leading-tight)'  }],
-        'ns-3xl':  ['var(--ns-text-3xl)',  { lineHeight: 'var(--ns-leading-tight)'  }],
-        'ns-4xl':  ['var(--ns-text-4xl)',  { lineHeight: 'var(--ns-leading-tight)'  }],
-      },
-      fontWeight: {
-        'ns-normal':   'var(--ns-weight-normal)',
-        'ns-medium':   'var(--ns-weight-medium)',
-        'ns-semibold': 'var(--ns-weight-semibold)',
-        'ns-bold':     'var(--ns-weight-bold)',
-      },
-      lineHeight: {
-        'ns-tight':   'var(--ns-leading-tight)',
-        'ns-snug':    'var(--ns-leading-snug)',
-        'ns-normal':  'var(--ns-leading-normal)',
-        'ns-relaxed': 'var(--ns-leading-relaxed)',
-      },
-
-      /* ── Spacing ─────────────────────────────────────────────── */
-      spacing: {
-        'ns-1':  'var(--ns-space-1)',
-        'ns-2':  'var(--ns-space-2)',
-        'ns-3':  'var(--ns-space-3)',
-        'ns-4':  'var(--ns-space-4)',
-        'ns-5':  'var(--ns-space-5)',
-        'ns-6':  'var(--ns-space-6)',
-        'ns-8':  'var(--ns-space-8)',
-        'ns-10': 'var(--ns-space-10)',
-        'ns-12': 'var(--ns-space-12)',
-        'ns-16': 'var(--ns-space-16)',
-        'ns-20': 'var(--ns-space-20)',
-      },
-      maxWidth: {
-        'ns-container': 'var(--ns-container)',
-      },
-      height: {
-        'ns-header': 'var(--ns-header-h)',
-      },
-
-      /* ── Border radius ───────────────────────────────────────── */
-      borderRadius: {
-        'ns-sm':   'var(--ns-radius-sm)',
-        'ns-md':   'var(--ns-radius-md)',
-        'ns-lg':   'var(--ns-radius-lg)',
-        'ns-xl':   'var(--ns-radius-xl)',
-        'ns-full': 'var(--ns-radius-full)',
-      },
-
-      /* ── Box shadow ──────────────────────────────────────────── */
-      boxShadow: {
-        'ns-card-hover': 'var(--ns-shadow-card-hover)',
-        'ns-btn':        'var(--ns-shadow-btn)',
-      },
-
-      /* ── Transitions ─────────────────────────────────────────── */
-      transitionDuration: {
-        'ns-fast': 'var(--ns-dur-fast)',
-        'ns-base': 'var(--ns-dur-base)',
-        'ns-slow': 'var(--ns-dur-slow)',
-      },
-      transitionTimingFunction: {
-        'ns-out':    'var(--ns-ease-out)',
-        'ns-spring': 'var(--ns-ease-spring)',
-      },
-
-      /* ── Ring / focus ────────────────────────────────────────── */
-      ringColor: {
-        'ns-focus': 'var(--ns-focus-ring)',
-      },
-    },
-  },
-
-  plugins: [],
-};
-
-module.exports = nsdPreset;