@feugene/granularity 0.38.0 → 0.39.0

package/README.md

@@ -86,12 +86,51 @@ For a finer setup take the layers apart — `@feugene/granularity/styles/tokens.
 preset. There is no per-component stylesheet to import: a component that has CSS of its own imports it
 from its own chunk, so a granular import already brings everything it needs.
 
+## Granular imports, in numbers
+
+<!-- entry-sizes:generated:start lang=en -->
+| What you import | gzip | of the barrel |
+| --- | ---: | ---: |
+| the whole package from the root | 542.9 kB | 100 % |
+| the lightest component — `GrButtonGroup` | 1.8 kB | < 1 % |
+| the median component — `GrNavbar` | 15.4 kB | 3 % |
+| the 5 heaviest together | 171.1 kB | 32 % |
+
+These numbers **do not add up**: shared code is counted again in every row but paid for once, which is why
+the set is shown as a union rather than a sum. They are an upper bound — the gzip of everything a subpath
+pulls out of `dist`, before the application bundler shakes it further and minifies it again.
+
+The weight of every component — [`docs/entry-sizes.md`](./docs/entry-sizes.md).
+<!-- entry-sizes:generated:end -->
+
+## The rest of the family
+
+The core ships the general-purpose components. Anything that carries a heavy dependency, belongs to a
+domain of its own, or is needed by a minority of consumers lives in a companion package with a `peer`
+on this one — the core stays lean, and you install only what you reach for.
+
+<!-- ecosystem:generated:start -->
+| Package | Version | What it adds |
+| --- | --- | --- |
+| [`@feugene/granularity-charts`](../granularity-charts) | 0.10.1 | Charts — own SVG, zero dependencies, drawn with theme tokens. |
+| [`@feugene/granularity-chrono`](../granularity-chrono) | 0.10.0 | Calendar, date and time components — no third-party date widget, no date library. |
+| [`@feugene/granularity-dashboard`](../granularity-dashboard) | 0.6.0 | Widget grid — drag, resize, breakpoints and layout persistence, zero dependencies. |
+| [`@feugene/granularity-datasource`](../granularity-datasource) | 0.1.2 | List state: sorting, filters, paging, URL sync and race-free fetching behind one composable. |
+| [`@feugene/granularity-devtools`](../granularity-devtools) | 0.3.1 | Vue DevTools panel — where a prop value came from, the overlay layer stack and design-system warnings. |
+| [`@feugene/granularity-editor`](../granularity-editor) | 0.3.1 | Rich-text editing: a TipTap-backed GrRichText field with a design-system toolbar. |
+| [`@feugene/granularity-forms-schema`](../granularity-forms-schema) | 0.4.0 | Schema-driven forms — zod and JSON Schema into real form fields, zero dependencies. |
+| [`@feugene/granularity-media`](../granularity-media) | 0.7.1 | Media components: image cropping, camera capture, code scanning and video playback. |
+| [`@feugene/granularity-test-kit`](../granularity-test-kit) | 0.8.1 | Test gates for @feugene/granularity design-system packages — token, registry and defaults contracts as reusable factories. |
+| [`@feugene/unplugin-granularity`](../unplugin-granularity) | 0.7.1 | unplugin-vue-components resolver — granular auto-import for components and directives. |
+<!-- ecosystem:generated:end -->
+
 ## Documentation
 
 - [`docs/README.md`](./docs/README.md) — overview and documentation map
 - [`docs/installation.md`](./docs/installation.md) — installation, public entrypoints, and adoption strategies
 - [`docs/styling.md`](./docs/styling.md) — style layers, themes, and import order
 - [`docs/tokens.md`](./docs/tokens.md) — design token reference (generated from `tokens/*.json`)
+- [`docs/entry-sizes.md`](./docs/entry-sizes.md) — the weight of every component as a subpath (generated from the build)
 - [`docs/theming.md`](./docs/theming.md) — building a custom theme (roles, contrast rules, wiring)
 - [`docs/keyboard.md`](./docs/keyboard.md) — keyboard contract per component
 - [`docs/overlays.md`](./docs/overlays.md) — overlay contract: portal, layer stack, Esc, `inert`, focus

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@feugene/granularity",
-  "version": "0.38.0",
+  "version": "0.39.0",
   "framework": "vue",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@feugene/granularity",
   "description": "Granularity design system package with Vue 3 components, consumed via the `@feugene/unocss-preset-granular` preset.",
-  "version": "0.38.0",
+  "version": "0.39.0",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",
@@ -608,7 +608,7 @@
     "@antfu/eslint-config": "^9.3.0",
     "@feugene/fint-i18n": "^0.7.0",
     "@feugene/granularity-test-kit": "^0.8.1",
-    "@feugene/unocss-preset-granular": "^0.13.0",
+    "@feugene/unocss-preset-granular": "^0.15.0",
     "@floating-ui/dom": "^1.8.0",
     "@iconify-json/lucide": "^1.2.126",
     "@types/node": "^25.9.5",
@@ -629,15 +629,17 @@
     "vue-tsc": "^3.3.11"
   },
   "scripts": {
-    "build": "vite build && gr-check-dist-dev-guard && node scripts/check-dist-no-tests.mjs && node scripts/generate-web-types.mjs && vue-tsc -p tsconfig.build.json && node scripts/check-dist-exports.mjs",
+    "build": "vite build && gr-check-dist-dev-guard && node scripts/check-dist-no-tests.mjs && node scripts/generate-web-types.mjs && vue-tsc -p tsconfig.build.json && node scripts/check-dist-exports.mjs && node scripts/check-entry-isolation.mjs",
     "check:messages": "fint-i18n-check-messages src/i18n/locales",
     "dev": "vite build --watch",
-    "doctor": "granular doctor ./granular.options.mjs --strict",
+    "doctor": "node ../../scripts/granular-doctor.mjs ./granular.options.mjs",
     "generate:registry": "node scripts/generate-registry.mjs",
     "generate:tokens": "node --experimental-strip-types scripts/generate-tokens.mjs",
     "lint": "eslint . --cache",
     "lint:fix": "eslint . --cache --fix",
-    "sizes": "node scripts/report-entry-sizes.mjs",
+    "sizes": "node ../../scripts/report-entry-sizes.mjs .",
+    "sizes:docs": "node ../../scripts/generate-entry-sizes.mjs .",
+    "isolation": "node scripts/check-entry-isolation.mjs",
     "test": "vitest --config vitest.config.ts",
     "test:coverage": "vitest run --config vitest.config.ts --coverage",
     "test:run": "vitest run --config vitest.config.ts",