@mkbabb/glass-ui 3.1.1 → 3.3.0

package/package.json

@@ -1,8 +1,14 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "3.1.1",
+    "version": "3.3.0",
     "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/mkbabb/glass-ui.git"
+    },
+    "homepage": "https://github.com/mkbabb/glass-ui#readme",
+    "bugs": "https://github.com/mkbabb/glass-ui/issues",
     "type": "module",
     "types": "./dist/index.d.ts",
     "typesVersions": {
@@ -43,9 +49,24 @@
             "aurora": [
                 "dist/aurora.d.ts"
             ],
+            "color": [
+                "dist/color.d.ts"
+            ],
+            "goo-blob": [
+                "dist/goo-blob.d.ts"
+            ],
+            "watercolor-dot": [
+                "dist/watercolor-dot.d.ts"
+            ],
             "metric-badge": [
                 "dist/metric-badge.d.ts"
             ],
+            "metric-cell": [
+                "dist/metric-cell.d.ts"
+            ],
+            "metric-stack": [
+                "dist/metric-stack.d.ts"
+            ],
             "status-dot": [
                 "dist/status-dot.d.ts"
             ],
@@ -115,15 +136,9 @@
             "carousel": [
                 "dist/carousel.d.ts"
             ],
-            "metric-stack": [
-                "dist/metric-stack.d.ts"
-            ],
             "animated-digit": [
                 "dist/animated-digit.d.ts"
             ],
-            "metric-cell": [
-                "dist/metric-cell.d.ts"
-            ],
             "responsive-tabs": [
                 "dist/responsive-tabs.d.ts"
             ],
@@ -271,6 +286,18 @@
             "types": "./dist/aurora.d.ts",
             "import": "./dist/aurora.js"
         },
+        "./color": {
+            "types": "./dist/color.d.ts",
+            "import": "./dist/color.js"
+        },
+        "./goo-blob": {
+            "types": "./dist/goo-blob.d.ts",
+            "import": "./dist/goo-blob.js"
+        },
+        "./watercolor-dot": {
+            "types": "./dist/watercolor-dot.d.ts",
+            "import": "./dist/watercolor-dot.js"
+        },
         "./configurator": {
             "types": "./dist/configurator.d.ts",
             "import": "./dist/configurator.js"
@@ -283,6 +310,10 @@
             "types": "./dist/metric-badge.d.ts",
             "import": "./dist/metric-badge.js"
         },
+        "./metric-cell": {
+            "types": "./dist/metric-cell.d.ts",
+            "import": "./dist/metric-cell.js"
+        },
         "./metric-stack": {
             "types": "./dist/metric-stack.d.ts",
             "import": "./dist/metric-stack.js"
@@ -291,10 +322,6 @@
             "types": "./dist/animated-digit.d.ts",
             "import": "./dist/animated-digit.js"
         },
-        "./metric-cell": {
-            "types": "./dist/metric-cell.d.ts",
-            "import": "./dist/metric-cell.js"
-        },
         "./responsive-tabs": {
             "types": "./dist/responsive-tabs.d.ts",
             "import": "./dist/responsive-tabs.js"
@@ -510,17 +537,69 @@
         "iter-build": "vite build --config vite.iter.config.ts",
         "iter-test": "vitest run --reporter=verbose",
         "iter-test-watch": "vitest --watch",
-        "emit-types": "vue-tsc --project tsconfig.build.json",
+        "emit-types": "vue-tsc --project tsconfig.build.json && node scripts/flatten-subpath-types.mjs",
         "iter": "npm run iter-check && npm run iter-build && npm run iter-test",
         "proof:package": "node scripts/proof-package.mjs",
         "proof:consumers:static": "node scripts/proof-consumers-static.mjs",
         "proof:consumers:build": "bash scripts/proof-consumers-build.sh",
         "proof:runtime": "node scripts/proof-runtime.mjs",
         "proof:theme": "node scripts/proof-theme-style.mjs",
+        "proof:components-css": "node scripts/proof-components-css.mjs",
         "proof:resolution": "node scripts/proof-resolution-contract.mjs",
         "proof:phantom-classes": "node scripts/proof-phantom-classes.mjs",
         "proof:vt-names": "node scripts/proof-vt-names.mjs",
-        "proof:all": "npm run proof:package && npm run proof:theme && npm run proof:consumers:static && npm run proof:consumers:build && npm run proof:runtime && npm run proof:vt-names",
+        "proof:dock-animation-live": "node scripts/proof-dock-animation-live.mjs",
+        "proof:dock-motion-parity": "node scripts/proof-dock-motion-parity.mjs",
+        "proof:dock-motion-single-source": "node scripts/proof-dock-motion-single-source.mjs",
+        "proof:dock-opacity-lockstep": "node scripts/proof-dock-opacity-lockstep.mjs",
+        "proof:dock-a11y-contract": "vitest run tests/components/custom/dock/DockLayerRail.a11y.test.ts",
+        "proof:dock-vocabulary": "node scripts/proof-dock-vocabulary.mjs",
+        "proof:dock-css-split": "node scripts/proof-dock-controls-split.mjs",
+        "proof:design-idiom-localization": "node scripts/proof-design-idiom-localization.mjs",
+        "proof:tailwind-v4-idiom": "node scripts/proof-tailwind-v4-idiom.mjs",
+        "proof:au-w9-consumers": "node scripts/proof-au-w9-consumers.mjs",
+        "proof:shadow-contract": "node scripts/proof-shadow-contract.mjs",
+        "proof:card-cartoon-consumers": "node scripts/proof-card-cartoon-consumers.mjs",
+        "proof:doc-consistency": "node scripts/proof-doc-consistency.mjs",
+        "proof:au-w0-reground": "node scripts/proof-au-w0-reground.mjs",
+        "proof:au-w1-design": "node scripts/proof-au-w1-design.mjs",
+        "proof:au-final": "node scripts/proof-au-final.mjs",
+        "proof:strict-templates": "node scripts/proof-strict-templates.mjs",
+        "proof:peer-optional": "node scripts/proof-peer-optional.mjs",
+        "proof:vueuse-free-root": "node scripts/proof-vueuse-free-root.mjs",
+        "proof:supportsPostTask-wired": "node scripts/proof-supports-post-task-wired.mjs",
+        "proof:font-axes": "node scripts/proof-font-axes.mjs",
+        "proof:color-acyclic": "node scripts/proof-color-acyclic.mjs",
+        "proof:single-color-core": "node scripts/proof-single-color-core.mjs",
+        "proof:frostShader-deleted": "node scripts/proof-frostshader-deleted.mjs",
+        "proof:slider-two-only": "node scripts/proof-slider-two-only.mjs",
+        "proof:storybook-ia": "node scripts/proof-storybook-ia.mjs",
+        "proof:no-orphan-demo-route": "node scripts/proof-no-orphan-demo-route.mjs",
+        "proof:font-canon": "node scripts/proof-font-canon.mjs",
+        "proof:webgl-substrate-single": "node scripts/proof-webgl-substrate-single.mjs",
+        "proof:blob-value-free": "node scripts/proof-blob-value-free.mjs",
+        "proof:motion-composables-consumer": "node scripts/proof-motion-composables-consumer.mjs",
+        "proof:motion-value-free": "node scripts/proof-motion-value-free.mjs",
+        "proof:no-value-default": "node scripts/proof-no-value-default.mjs",
+        "proof:blob-space-gamma": "node scripts/proof-blob-space-gamma.mjs",
+        "proof:aurora-space-gamma": "node scripts/proof-aurora-space-gamma.mjs",
+        "proof:shader-shared-source": "node scripts/proof-shader-shared-source.mjs",
+        "proof:blob-color-equivalence": "vitest run tests/components/custom/goo-blob/blob-color-equivalence.test.ts",
+        "proof:fail-explicit": "node scripts/proof-fail-explicit.mjs",
+        "proof:no-god-module": "node scripts/proof-no-god-module.mjs",
+        "proof:no-legacy-commentary": "node scripts/proof-no-legacy-commentary.mjs",
+        "proof:liquid-glass-tokens": "node scripts/proof-liquid-glass-tokens.mjs",
+        "proof:lockfile": "node scripts/proof-lockfile.mjs",
+        "proof:di-consistency": "node scripts/proof-di-consistency.mjs",
+        "proof:no-nested-import": "node scripts/proof-no-nested-import.mjs",
+        "proof:no-test-in-src": "node scripts/proof-no-test-in-src.mjs",
+        "proof:spring-tokens-synced": "node scripts/proof-spring-tokens-synced.mjs",
+        "proof:offscreen-pause": "node scripts/proof-offscreen-pause.mjs",
+        "proof:subpath-enumeration": "node scripts/proof-subpath-enumeration.mjs",
+        "proof:no-orphan-composable": "node scripts/proof-no-orphan-composable.mjs",
+        "proof:speedtest-boundary": "node scripts/proof-speedtest-boundary.mjs",
+        "proof:all": "node scripts/gates.mjs --run local",
+        "gates:verify-ci": "node scripts/gates.mjs --verify-ci",
         "profile:bundle": "node scripts/profile-bundle.mjs",
         "profile:budget": "node scripts/profile-bundle.mjs --enforce",
         "profile:aurora": "node scripts/profile-aurora.mjs",
@@ -533,7 +612,8 @@
     },
     "peerDependencies": {
         "@lucide/vue": "^1.16.0",
-        "@mkbabb/keyframes.js": "^2.2.0",
+        "@mkbabb/keyframes.js": "^2.2.0 || ^3.0.0",
+        "@mkbabb/value.js": "^0.10.0",
         "@vueuse/core": "^14.0",
         "class-variance-authority": "^0.7",
         "clsx": "^2.0",
@@ -544,8 +624,22 @@
         "vaul-vue": "^0.4",
         "vue": "^3.5"
     },
-    "optionalPeerDependencies": {
-        "tw-animate-css": "^1.2.5"
+    "peerDependenciesMeta": {
+        "@vueuse/core": {
+            "optional": true
+        },
+        "embla-carousel-vue": {
+            "optional": true
+        },
+        "@mkbabb/keyframes.js": {
+            "optional": true
+        },
+        "@mkbabb/value.js": {
+            "optional": true
+        },
+        "tw-animate-css": {
+            "optional": true
+        }
     },
     "devDependencies": {
         "@lucide/vue": "^1.16.0",

package/src/fonts/README.md

@@ -21,6 +21,27 @@ woff2 builds live in `distr/woff2/` of that repository's releases — pull
 the `Regular`/`Medium`/`SemiBold` weights only (the three glass-ui ships
 as the `--font-mono` stack rungs).
 
+## Fraunces (display, AU.W4)
+
+The actual on-disk layout is per-family nested
+(`src/fonts/<family>/<face>.woff2`), e.g.
+`src/fonts/plus-jakarta-sans/plus-jakarta-sans-latin.woff2`. AU.W4 ships the
+display register's face — the `--font-stack-display: "Fraunces"` token
+(`tokens.css`) had no face, so the `WONK`/`SOFT` axes `typography.css` drives were
+silently inert. The shipped face is the FULL variable Fraunces (latin subset):
+
+```
+src/fonts/fraunces/fraunces-latin.woff2
+```
+
+It carries the `wght` · `opsz` · `SOFT` · `WONK` axes (verified by
+`proof:font-axes`, which parses the woff2 `fvar` against the axes
+`typography.css` references). Source canonical:
+<https://github.com/googlefonts/fraunces> (OFL-1.1); the variable woff2 latin
+subset is the Google Fonts / fontsource distribution. `proof:font-axes` fails
+closed if a wght-only instance (one that drops `SOFT`/`WONK`) is ever
+substituted.
+
 ## Why this directory ships, not the fetch step
 
 This worktree has no network access. Sub-task 1 documents the canonical

package/src/styles/animations.css

@@ -331,7 +331,7 @@
         scale: var(--top-layer-enter-scale, 0.96);
         transition-property: opacity, scale, display, overlay;
         transition-duration: var(--duration-normal);
-        transition-timing-function: var(--ease-apple-spring);
+        transition-timing-function: var(--spring-bouncy);
         transition-behavior: allow-discrete;
     }
 

package/src/styles/cards.css

@@ -38,7 +38,7 @@
        mints the stacking context once. Longhand maps `translate(x, y)` 1:1. */
     translate: 0;
     transition:
-        translate var(--duration-normal) var(--ease-apple-spring),
+        translate var(--duration-normal) var(--spring-bouncy),
         box-shadow var(--duration-normal) var(--ease-apple);
 
     &:hover:not(:disabled) {