@mkbabb/glass-ui 0.3.0 → 2.0.0

package/package.json

@@ -1,65 +1,553 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "0.3.0",
+    "version": "2.0.0",
     "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
     "type": "module",
+    "types": "./dist/index.d.ts",
+    "typesVersions": {
+        "*": {
+            "tokens": [
+                "dist/tokens.d.ts"
+            ],
+            "dock": [
+                "dist/dock.d.ts"
+            ],
+            "search": [
+                "dist/search.d.ts"
+            ],
+            "sidebar": [
+                "dist/sidebar.d.ts"
+            ],
+            "controls": [
+                "dist/controls.d.ts"
+            ],
+            "confirm-dialog": [
+                "dist/confirm-dialog.d.ts"
+            ],
+            "infinite-scroll": [
+                "dist/infinite-scroll.d.ts"
+            ],
+            "tabs": [
+                "dist/tabs.d.ts"
+            ],
+            "typewriter": [
+                "dist/typewriter.d.ts"
+            ],
+            "stacked-icons": [
+                "dist/stacked-icons.d.ts"
+            ],
+            "glass-carousel": [
+                "dist/glass-carousel.d.ts"
+            ],
+            "aurora": [
+                "dist/aurora.d.ts"
+            ],
+            "metric-badge": [
+                "dist/metric-badge.d.ts"
+            ],
+            "status-dot": [
+                "dist/status-dot.d.ts"
+            ],
+            "pulse": [
+                "dist/pulse.d.ts"
+            ],
+            "paper-backdrop": [
+                "dist/paper-backdrop.d.ts"
+            ],
+            "toggle-chip": [
+                "dist/toggle-chip.d.ts"
+            ],
+            "glass-panel": [
+                "dist/glass-panel.d.ts"
+            ],
+            "sortable-list": [
+                "dist/sortable-list.d.ts"
+            ],
+            "timeline": [
+                "dist/timeline.d.ts"
+            ],
+            "labeled-field": [
+                "dist/labeled-field.d.ts"
+            ],
+            "expandable-container": [
+                "dist/expandable-container.d.ts"
+            ],
+            "icon-tooltip": [
+                "dist/icon-tooltip.d.ts"
+            ],
+            "instrument-chassis": [
+                "dist/instrument-chassis.d.ts"
+            ],
+            "instrument-rail": [
+                "dist/instrument-rail.d.ts"
+            ],
+            "glyph-face": [
+                "dist/glyph-face.d.ts"
+            ],
+            "disco-glyph": [
+                "dist/disco-glyph.d.ts"
+            ],
+            "hover-popover": [
+                "dist/hover-popover.d.ts"
+            ],
+            "configurator": [
+                "dist/configurator.d.ts"
+            ],
+            "header-ribbon": [
+                "dist/header-ribbon.d.ts"
+            ],
+            "scrolling-text": [
+                "dist/scrolling-text.d.ts"
+            ],
+            "forms": [
+                "dist/forms.d.ts"
+            ],
+            "api": [
+                "dist/api/index.d.ts"
+            ],
+            "dark": [
+                "dist/dark.d.ts"
+            ],
+            "keyboard": [
+                "dist/keyboard.d.ts"
+            ],
+            "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"
+            ],
+            "motion": [
+                "dist/motion.d.ts"
+            ],
+            "button": [
+                "dist/button.d.ts"
+            ],
+            "card": [
+                "dist/card.d.ts"
+            ],
+            "dialog": [
+                "dist/dialog.d.ts"
+            ],
+            "sheet": [
+                "dist/sheet.d.ts"
+            ],
+            "badge": [
+                "dist/badge.d.ts"
+            ],
+            "separator": [
+                "dist/separator.d.ts"
+            ],
+            "label": [
+                "dist/label.d.ts"
+            ],
+            "slider": [
+                "dist/slider.d.ts"
+            ],
+            "collapsible": [
+                "dist/collapsible.d.ts"
+            ],
+            "progress": [
+                "dist/progress.d.ts"
+            ],
+            "toggle-group": [
+                "dist/toggle-group.d.ts"
+            ],
+            "hover-card": [
+                "dist/hover-card.d.ts"
+            ],
+            "tooltip": [
+                "dist/tooltip.d.ts"
+            ],
+            "toast": [
+                "dist/toast.d.ts"
+            ],
+            "notification": [
+                "dist/notification.d.ts"
+            ],
+            "reactive": [
+                "dist/reactive.d.ts"
+            ],
+            "dom": [
+                "dist/dom.d.ts"
+            ],
+            "popover": [
+                "dist/popover.d.ts"
+            ],
+            "select": [
+                "dist/select.d.ts"
+            ],
+            "data-table": [
+                "dist/data-table.d.ts"
+            ],
+            "dropdown-menu": [
+                "dist/dropdown-menu.d.ts"
+            ],
+            "context-menu": [
+                "dist/context-menu.d.ts"
+            ],
+            "command": [
+                "dist/command.d.ts"
+            ]
+        }
+    },
     "sideEffects": [
         "*.css"
     ],
     "exports": {
         ".": {
             "types": "./dist/index.d.ts",
-            "import": "./src/index.ts"
+            "import": "./dist/glass-ui.js",
+            "default": "./dist/glass-ui.js"
+        },
+        "./tokens": {
+            "types": "./dist/tokens.d.ts",
+            "import": "./dist/tokens.js"
+        },
+        "./styles": "./dist/styles/index.css",
+        "./styles/fonts": "./dist/styles/fonts.css",
+        "./styles.css": "./dist/glass-ui.css",
+        "./fonts/*": "./dist/fonts/*",
+        "./dock": {
+            "types": "./dist/dock.d.ts",
+            "import": "./dist/dock.js"
+        },
+        "./search": {
+            "types": "./dist/search.d.ts",
+            "import": "./dist/search.js"
+        },
+        "./sidebar": {
+            "types": "./dist/sidebar.d.ts",
+            "import": "./dist/sidebar.js"
+        },
+        "./controls": {
+            "types": "./dist/controls.d.ts",
+            "import": "./dist/controls.js"
+        },
+        "./confirm-dialog": {
+            "types": "./dist/confirm-dialog.d.ts",
+            "import": "./dist/confirm-dialog.js"
+        },
+        "./infinite-scroll": {
+            "types": "./dist/infinite-scroll.d.ts",
+            "import": "./dist/infinite-scroll.js"
+        },
+        "./tabs": {
+            "types": "./dist/tabs.d.ts",
+            "import": "./dist/tabs.js"
+        },
+        "./typewriter": {
+            "types": "./dist/typewriter.d.ts",
+            "import": "./dist/typewriter.js"
+        },
+        "./stacked-icons": {
+            "types": "./dist/stacked-icons.d.ts",
+            "import": "./dist/stacked-icons.js"
+        },
+        "./glass-carousel": {
+            "types": "./dist/glass-carousel.d.ts",
+            "import": "./dist/glass-carousel.js"
+        },
+        "./aurora": {
+            "types": "./dist/aurora.d.ts",
+            "import": "./dist/aurora.js"
+        },
+        "./configurator": {
+            "types": "./dist/configurator.d.ts",
+            "import": "./dist/configurator.js"
+        },
+        "./header-ribbon": {
+            "types": "./dist/header-ribbon.d.ts",
+            "import": "./dist/header-ribbon.js"
+        },
+        "./metric-badge": {
+            "types": "./dist/metric-badge.d.ts",
+            "import": "./dist/metric-badge.js"
+        },
+        "./metric-stack": {
+            "types": "./dist/metric-stack.d.ts",
+            "import": "./dist/metric-stack.js"
+        },
+        "./animated-digit": {
+            "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"
+        },
+        "./status-dot": {
+            "types": "./dist/status-dot.d.ts",
+            "import": "./dist/status-dot.js"
+        },
+        "./pulse": {
+            "types": "./dist/pulse.d.ts",
+            "import": "./dist/pulse.js"
+        },
+        "./paper-backdrop": {
+            "types": "./dist/paper-backdrop.d.ts",
+            "import": "./dist/paper-backdrop.js"
+        },
+        "./toggle-chip": {
+            "types": "./dist/toggle-chip.d.ts",
+            "import": "./dist/toggle-chip.js"
+        },
+        "./glass-panel": {
+            "types": "./dist/glass-panel.d.ts",
+            "import": "./dist/glass-panel.js"
+        },
+        "./sortable-list": {
+            "types": "./dist/sortable-list.d.ts",
+            "import": "./dist/sortable-list.js"
+        },
+        "./timeline": {
+            "types": "./dist/timeline.d.ts",
+            "import": "./dist/timeline.js"
+        },
+        "./labeled-field": {
+            "types": "./dist/labeled-field.d.ts",
+            "import": "./dist/labeled-field.js"
+        },
+        "./expandable-container": {
+            "types": "./dist/expandable-container.d.ts",
+            "import": "./dist/expandable-container.js"
+        },
+        "./icon-tooltip": {
+            "types": "./dist/icon-tooltip.d.ts",
+            "import": "./dist/icon-tooltip.js"
+        },
+        "./instrument-chassis": {
+            "types": "./dist/instrument-chassis.d.ts",
+            "import": "./dist/instrument-chassis.js"
+        },
+        "./instrument-rail": {
+            "types": "./dist/instrument-rail.d.ts",
+            "import": "./dist/instrument-rail.js"
+        },
+        "./glyph-face": {
+            "types": "./dist/glyph-face.d.ts",
+            "import": "./dist/glyph-face.js"
         },
-        "./styles": "./src/styles/index.css",
-        "./styles/*": "./src/styles/*"
+        "./disco-glyph": {
+            "types": "./dist/disco-glyph.d.ts",
+            "import": "./dist/disco-glyph.js"
+        },
+        "./hover-popover": {
+            "types": "./dist/hover-popover.d.ts",
+            "import": "./dist/hover-popover.js"
+        },
+        "./scrolling-text": {
+            "types": "./dist/scrolling-text.d.ts",
+            "import": "./dist/scrolling-text.js"
+        },
+        "./forms": {
+            "types": "./dist/forms.d.ts",
+            "import": "./dist/forms.js"
+        },
+        "./api": {
+            "types": "./dist/api/index.d.ts",
+            "import": "./dist/api.js"
+        },
+        "./dark": {
+            "types": "./dist/dark.d.ts",
+            "import": "./dist/dark.js"
+        },
+        "./keyboard": {
+            "types": "./dist/keyboard.d.ts",
+            "import": "./dist/keyboard.js"
+        },
+        "./carousel": {
+            "types": "./dist/carousel.d.ts",
+            "import": "./dist/carousel.js"
+        },
+        "./motion": {
+            "types": "./dist/motion.d.ts",
+            "import": "./dist/motion.js"
+        },
+        "./button": {
+            "types": "./dist/button.d.ts",
+            "import": "./dist/button.js"
+        },
+        "./card": {
+            "types": "./dist/card.d.ts",
+            "import": "./dist/card.js"
+        },
+        "./dialog": {
+            "types": "./dist/dialog.d.ts",
+            "import": "./dist/dialog.js"
+        },
+        "./sheet": {
+            "types": "./dist/sheet.d.ts",
+            "import": "./dist/sheet.js"
+        },
+        "./badge": {
+            "types": "./dist/badge.d.ts",
+            "import": "./dist/badge.js"
+        },
+        "./separator": {
+            "types": "./dist/separator.d.ts",
+            "import": "./dist/separator.js"
+        },
+        "./label": {
+            "types": "./dist/label.d.ts",
+            "import": "./dist/label.js"
+        },
+        "./slider": {
+            "types": "./dist/slider.d.ts",
+            "import": "./dist/slider.js"
+        },
+        "./collapsible": {
+            "types": "./dist/collapsible.d.ts",
+            "import": "./dist/collapsible.js"
+        },
+        "./progress": {
+            "types": "./dist/progress.d.ts",
+            "import": "./dist/progress.js"
+        },
+        "./toggle-group": {
+            "types": "./dist/toggle-group.d.ts",
+            "import": "./dist/toggle-group.js"
+        },
+        "./hover-card": {
+            "types": "./dist/hover-card.d.ts",
+            "import": "./dist/hover-card.js"
+        },
+        "./tooltip": {
+            "types": "./dist/tooltip.d.ts",
+            "import": "./dist/tooltip.js"
+        },
+        "./toast": {
+            "types": "./dist/toast.d.ts",
+            "import": "./dist/toast.js"
+        },
+        "./notification": {
+            "types": "./dist/notification.d.ts",
+            "import": "./dist/notification.js"
+        },
+        "./reactive": {
+            "types": "./dist/reactive.d.ts",
+            "import": "./dist/reactive.js"
+        },
+        "./dom": {
+            "types": "./dist/dom.d.ts",
+            "import": "./dist/dom.js"
+        },
+        "./popover": {
+            "types": "./dist/popover.d.ts",
+            "import": "./dist/popover.js"
+        },
+        "./select": {
+            "types": "./dist/select.d.ts",
+            "import": "./dist/select.js"
+        },
+        "./data-table": {
+            "types": "./dist/data-table.d.ts",
+            "import": "./dist/data-table.js"
+        },
+        "./dropdown-menu": {
+            "types": "./dist/dropdown-menu.d.ts",
+            "import": "./dist/dropdown-menu.js"
+        },
+        "./context-menu": {
+            "types": "./dist/context-menu.d.ts",
+            "import": "./dist/context-menu.js"
+        },
+        "./command": {
+            "types": "./dist/command.d.ts",
+            "import": "./dist/command.js"
+        }
     },
     "files": [
         "dist",
-        "src"
+        "src/styles",
+        "src/fonts"
     ],
     "scripts": {
         "dev": "vite",
-        "build": "vite build",
-        "typecheck": "vue-tsc --noEmit"
+        "build": "NODE_OPTIONS=--max-old-space-size=8192 vite build && npm run emit-types",
+        "build:watch": "NODE_OPTIONS=--max-old-space-size=8192 vite build --watch",
+        "prepare": "test -f dist/glass-ui.js || npm run build",
+        "typecheck": "vue-tsc --noEmit",
+        "test": "vitest run",
+        "verify-export-types": "node scripts/verify-export-types.mjs",
+        "audit:stash": "node scripts/audit-stash-list.mjs",
+        "iter-check": "vue-tsc --noEmit --project tsconfig.src.json",
+        "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",
+        "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:resolution": "node scripts/proof-resolution-contract.mjs",
+        "proof:phantom-classes": "node scripts/proof-phantom-classes.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",
+        "profile:bundle": "node scripts/profile-bundle.mjs",
+        "profile:budget": "node scripts/profile-bundle.mjs --enforce",
+        "profile:aurora": "node scripts/profile-aurora.mjs",
+        "validate-consumers": "scripts/validate-consumers.sh",
+        "release": "bash scripts/release.sh",
+        "prepublishOnly": "npm run build && npm test"
     },
     "engines": {
         "node": ">=22"
     },
     "peerDependencies": {
+        "@lucide/vue": "^1.16.0",
+        "@mkbabb/keyframes.js": "^2.0.0",
         "@vueuse/core": "^14.0",
         "class-variance-authority": "^0.7",
         "clsx": "^2.0",
         "embla-carousel-vue": "^8.0",
         "reka-ui": "^2.0",
-        "tailwind-merge": "^3.0",
         "tailwindcss": "^4.0",
+        "tw-animate-css": "^1.2.5",
+        "vaul-vue": "^0.4",
         "vue": "^3.5"
     },
-    "peerDependenciesMeta": {
-        "embla-carousel-vue": {
-            "optional": true
-        }
+    "optionalPeerDependencies": {
+        "tw-animate-css": "^1.2.5"
     },
     "devDependencies": {
-        "@tailwindcss/postcss": "^4.1.11",
-        "@tailwindcss/vite": "^4.2.2",
-        "@vitejs/plugin-vue": "^6.0.0",
-        "@vueuse/core": "^14.2.1",
+        "@lucide/vue": "^1.16.0",
+        "@mkbabb/keyframes.js": "^2.1.1",
+        "@mkbabb/value.js": "^0.10.0",
+        "@tailwindcss/postcss": "^4.3.0",
+        "@tailwindcss/vite": "^4.3.0",
+        "@types/node": "^24.12.3",
+        "@vitejs/plugin-vue": "^6.0.7",
+        "@vue/test-utils": "^2.4.10",
+        "@vueuse/core": "^14.3.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "embla-carousel-vue": "^8.6.0",
-        "lucide-vue-next": "^0.525.0",
-        "reka-ui": "^2.0.0",
-        "tailwind-merge": "^3.3.1",
-        "tailwindcss": "^4.1.11",
+        "happy-dom": "^20.9.0",
+        "reka-ui": "^2.9.7",
+        "tailwindcss": "^4.3.0",
         "tw-animate-css": "^1.2.5",
-        "typescript": "^5.8.3",
-        "vaul-vue": "^0.2.0",
-        "vite": "^7.0.6",
-        "vite-plugin-dts": "^4.5.4",
-        "vue": "^3.5.18",
-        "vue-tsc": "^2.2.0"
+        "typescript": "^6.0.3",
+        "vaul-vue": "^0.4.0",
+        "vite": "^8.0.13",
+        "vitest": "^4.1.7",
+        "vue": "^3.5.34",
+        "vue-router": "^4.6.4",
+        "vue-tsc": "^3.3.1"
     }
 }

package/src/fonts/README.md

@@ -0,0 +1,95 @@
+# `src/fonts/` — self-hostable woff2 assets
+
+Per O.W6 Lane D / speedtest AC.W6 cohort (T_GU-FONT-A): glass-ui ships
+Fira Code (and forthcoming display/text companions) as woff2 assets so
+consumers can self-host via a single `@font-face` block rather than
+re-fetching from Google Fonts on every page-load.
+
+## Canonical filenames (Fira Code)
+
+The orchestrator (or release-script) fetches the OFL-licensed woff2 files
+into this directory at the following deterministic paths:
+
+```
+src/fonts/FiraCode-Regular.woff2
+src/fonts/FiraCode-Medium.woff2
+src/fonts/FiraCode-SemiBold.woff2
+```
+
+Source canonical: <https://github.com/tonsky/FiraCode> (OFL-1.1). The
+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).
+
+## Why this directory ships, not the fetch step
+
+This worktree has no network access. Sub-task 1 documents the canonical
+path expectation + threads `src/fonts/**` into `package.json#files` so
+the woff2 files (once dropped in) ship in the published tarball without
+any further plumbing.
+
+## Orchestrator integration step
+
+At W6 close (before tagging v1.3.0), the orchestrator runs:
+
+```bash
+# from glass-ui repo root
+mkdir -p src/fonts
+curl -fL -o src/fonts/FiraCode-Regular.woff2 \
+    https://github.com/tonsky/FiraCode/raw/master/distr/woff2/FiraCode-Regular.woff2
+curl -fL -o src/fonts/FiraCode-Medium.woff2 \
+    https://github.com/tonsky/FiraCode/raw/master/distr/woff2/FiraCode-Medium.woff2
+curl -fL -o src/fonts/FiraCode-SemiBold.woff2 \
+    https://github.com/tonsky/FiraCode/raw/master/distr/woff2/FiraCode-SemiBold.woff2
+# verify
+ls -la src/fonts/*.woff2
+```
+
+OFL-1.1 attribution: include `LICENSE-FiraCode.txt` next to the woff2
+files (copy of upstream `LICENSE` from the FiraCode repo) at the same
+fetch step.
+
+## Consumer self-host recipe
+
+Once shipped, downstream consumers wire up the font via package-relative
+URL — no Google Fonts fetch needed:
+
+```css
+@font-face {
+    font-family: "Fira Code";
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url("@mkbabb/glass-ui/fonts/FiraCode-Regular.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Fira Code";
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url("@mkbabb/glass-ui/fonts/FiraCode-Medium.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Fira Code";
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url("@mkbabb/glass-ui/fonts/FiraCode-SemiBold.woff2") format("woff2");
+}
+```
+
+The exact URL resolution mechanism (bundler-managed asset graph, public
+copy, or direct path) is consumer-side; glass-ui guarantees only the
+deterministic file location inside the published tarball.
+
+## Status
+
+- Path expectation: LANDED (this README + the directory + the
+  `package.json#files` include).
+- woff2 binary files: FLAGGED for orchestrator (no-network in agent
+  worktree). Orchestrator fetches at integration before v1.3.0 tag.
+- Capsize metric overrides (`size-adjust` / `ascent-override` /
+  `descent-override`): out of scope for Lane D — slated for AC.W6b's
+  follow-on glass-ui-side ship (T_GU-FONT-B per AC.r3 synthesis).